/* CSS Document */
/***** DroidKufi Fonts *****/
@font-face { font-family: 'DroidArabicKufi'; src: url('../fonts/fonts/DroidKufi/DroidArabicKufi.eot?#iefix') format('embedded-opentype'), url('../fonts/fonts/DroidKufi/DroidArabicKufi.woff') format('woff'), url('../fonts/fonts/DroidKufi/DroidArabicKufi.ttf') format('truetype'), url('../fonts/fonts/DroidKufi/DroidArabicKufi.svg#DroidArabicKufi') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidArabicKufi-Bold'; src: url('../fonts/fonts/DroidKufi/DroidArabicKufi-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/fonts/DroidKufi/DroidArabicKufi-Bold.woff') format('woff'), url('../fonts/fonts/DroidKufi/DroidArabicKufi-Bold.ttf') format('truetype'), url('../fonts/fonts/DroidKufi/DroidArabicKufi-Bold.svg#DroidArabicKufi-Bold') format('svg'); font-weight: normal; font-style: normal; }
/***** Common CSS *****/
body { background: #fff; font-family: 'DroidArabicKufi'; font-size: 15px; }
.language-dropdown .lang-submenu li:first-child a, .copyright, .en-font, .form-control.country-code { font-family: 'Caros'; }
/***** Common Heading CSS Style *****/
.lg-heading, .page-heading, .medium-heading, .small-heading, .xs-heading { font-family: 'DroidArabicKufi-Bold'; }
.medium-heading { font-family: 'DroidArabicKufi-Bold'; font-size: 24px; }
.small-heading { font-family: 'DroidArabicKufi-Bold'; font-size: 20px; }
.xs-heading { font-family: 'DroidArabicKufi'; font-size: 16px; }
.bold { font-family: 'DroidArabicKufi-Bold'; }
/***** Header CSS*****/
.omantel-logo img { float: left; }
.language-dropdown .lang-submenu li a img { padding-right: 0; padding-left: 5px; }
.language-dropdown .lang-submenu { text-align: right; }
.language-dropdown .lang-submenu li a:hover, .language-dropdown .lang-submenu li a:focus { padding: 8px 8px 8px 0; }
/***** Navigation CSS*****/
.main-menu .navbar { float: left; }
/***** Footer CSS *****/
.footer-links li { border-right: none; border-left: 1px solid #7e7e7e; }
.footer-links li:last-child { border-left: none; }
.powered-by { text-align: left; }
/***** Form CSS *****/
.form-group .input-group-addon { padding: 8px 12px; border-radius: 0 6px 6px 0; border-width: 1px 1px 1px 0; }
/***** Checbox CSS Style ******/
/*** Custom checkbox ***/
.custom-control label, .form-group .radio-btns { font-family: 'DroidArabicKufi'; }
.form-group .radio-btns { padding-left: 0; padding-right: 26px; }
.checkmark { left: auto; right: 0; }
/***** Modal CSS Style *****/

/***** Before Login Pages *****/
.blue-btn, .yellow-btn { font-family: 'DroidArabicKufi-Bold'; font-size: 18px; }
.login-section .form-control, .before-login .form-control:focus, .before-login textarea.form-control { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-width: 1px 0px 1px 1px; border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important; }
.form-control.country-code { border-radius: 6px !important; }
.form-error { text-align: left; }
.useful-link a { border-right: none; border-left: 1px solid #7e7e7e; }
.useful-link a:last-child { padding-right: 8px; padding-left: 0; border-left: none; }
.breadcrumb-list li { border-right: none; border-left: 1px solid #fff; }
.breadcrumb-list li:first-child { padding-left: 15px; }
.breadcrumb-list li:last-child { border-left: none; }
.breadcrumb-list li.active { font-family: 'DroidArabicKufi'; }
.common-table .table thead th { border-right: none; border-left: 1px solid #f3f3f3; }
.common-table .table thead th:last-child { border-left: none; }
.common-table .table tbody td { border-right: none; border-left: 1px solid #ddd; }
.common-table.form-table .table tr td i { padding-right: 0; padding-left: 6px; }
/***** Login Page *****/
.login-page-wrap .login-box { width: 100%; }
.login-page-wrap .heading-wrap { border-radius: 0 8px 0 0; }
.login-page-wrap .login-body { border-radius: 0 8px 8px 0; }
.login-page-wrap .login-frame { padding-left: 0; padding-right: 0; }
.login-img-box { padding: 34px 15px 33px 30px; }
.login-page-wrap .login-img-wrap { border-radius: 8px 0 0 8px; }
.login-page-wrap .medium-heading { font-family: 'DroidArabicKufi-Bold'; }
.pswrd-eye { right: auto; left: 9px; }
.notes-wrap li img { margin-right: 0; margin-left: 8px; }
/***** FAQ *****/
.faq-wrap .panel-title > a:before { float: left !important; }
.faq-wrap .panel-title > a.collapsed:before { float: left !important; }
/***** Outer Page CSS *****/
.info-icon-box .small-heading { color: #000; margin: 0 0 15px; font-family: 'DroidArabicKufi-Bold'; letter-spacing: 0; font-size: 20px; text-transform: inherit; }

/***** RESPONSIVE CSS *****/
@media screen and (min-width:1368px) and (max-width:1440px) {
/***** Before Login Pages *****/
}
@media screen and (min-width:1301px) and (max-width:1367px) {
/***** Before Login Pages *****/
}
@media screen and (min-width:1201px) and (max-width:1300px) {
/***** Before Login Pages *****/
}
@media all and (max-width: 1280px) {
}
@media all and (max-width: 1200px) {
/***** Before Login Pages *****/
}
@media all and (max-width: 1024px) {
}
@media screen and (min-width:1024px) and (max-width:1180px) {
/***** Before Login Pages *****/
}
@media screen and (min-width:992px) and (max-width:1023px) {
/***** Before Login Pages *****/
}
@media all and (max-width: 991px) {
/***** Menu CSS ******/
.main-menu .navbar-default .navbar-nav li a, .top-left-menu .navbar-default .navbar-nav li:first-child a { font-family: 'DroidArabicKufi'; }
.main-menu .navbar-collapse { left: 0; right: auto; }
.login-img-box { padding: 23px 10px 23px 25px; }
}
 @media screen and (min-width:768px) and (max-width:991px) {
/***** Header CSS ******/
/***** Before Login Pages *****/
}
@media all and (max-width: 767px) {
/***** Header CSS ******/
.language-dropdown>ul { text-align: right; }
.powered-by { text-align: center; }
/***** Before Login Pages *****/
.login-page-wrap .login-frame { padding-left: 15px; padding-right: 15px; }
.login-img-box { padding: 38px 15px 38px 15px; }
.login-page-wrap .login-body { border-radius: 8px; }
.login-page-wrap .heading-wrap { border-radius: 8px 8px 0 0; }
/***** Footer CSS *****/
}
@media screen and (min-width:680px) and (max-width:767px) {
/***** Before Login Pages *****/
}
@media screen and (min-width:561px) and (max-width:679px) {
/***** Before Login Pages *****/
}
@media all and (max-width: 560px) {
/***** Before Login Pages *****/
}
@media all and (max-width: 480px) {
/***** Before Login Pages *****/
}
@media all and (max-width: 425px) {
/***** Before Login Pages *****/
.useful-link a { border-left: none; }
}
@media all and (max-width: 376px) {
/***** Before Login Pages *****/
}
@media all and (max-width: 360px) {
}