/* session */
.login-panel { background: #fff; padding: 20px; margin-top: 100px; }
.login-panel h4 { font-weight: bold; }
.sub-label { margin: 10px 0 10px; }
.link-forgot-password { margin: 10px 0 0; display: block; }
.session .input-group span.input-group-addon { width: 35px; }
.session .input-group { width: 100%; }
.session .menu { background: rgba(255, 255, 255, 0.75); overflow: hidden; }
.session .menu ul { list-style: none; padding: 0; float: right; }
.session .menu ul li { list-style: none; padding: 0; width: 100px; }
.session .menu ul li a { display: block; height: 40px; padding-top: 13px; }
.session { font-family: "Open Sans"; }
.session .form-control { border-radius: 0; box-shadow: none; }

/*
#extr-page { background: url('/assets/themes/ab/img/session_bg.jpg') no-repeat; }
#extr-page .session { background: none; }
#extr-page .session #main { background: none; }
*/

.bg-session { background: url('/assets/themes/ab/img/bg_session.jpg') no-repeat; margin: 20px 0 0; height: 471px; }
.session-logo { margin: 20px 0 0 20px; }

.airtime-login-panel { border: 8px solid rgba(255, 255, 255, .3); padding: 0; margin-top: 8%; left: 5px; }
.airtime-login-panel .bg-logo { background-color: rgba(0, 0, 0, 0.7); padding: 70px 80px 50px 80px; }
.airtime-login-panel .bg-form { background: #000; overflow: hidden; padding: 30px 0 30px 10px; }
.airtime-login-panel .bg-form .content-panel { color: #fff; }
.airtime-login-panel .bg-form .content-panel .header { font-size: 26px; }
.airtime-login-panel .bg-form .content-panel .sub-header { font-size: 16px; }
.airtime-login-panel .bg-form .content-panel .input-captcha { width: 80px !important; display: inline-block; }
.airtime-login-panel .bg-form .content-panel .form-group input[type=text], 
.airtime-login-panel .bg-form .content-panel .form-group input[type=password],
.airtime-login-panel .input-captcha { color: #333; padding: 5px 5px !important; border: none; }
.airtime-login-panel .captcha, .airtime-login-panel .input-captcha { margin-bottom: 10px; }
.airtime-login-panel .bg-form .content-panel .link input[type=submit]	
	{ background: #08274e; border: none; color: #fff; padding: 4px 15px; font-weight: bold; margin-top: 10px; float: right; margin-right: 45px; }
.airtime-login-panel .topup-btn { margin: 10px 10px 0 10px; color: #fff; font-weight: bold; }
.airtime-login-panel .topup-btn:hover { text-decoration: underline; }
.airtime-login-panel .bg-form .content-panel .link .link-forgot-password { color: #fff; font-weight: bold; }

.login-panel1 { margin-top: 190px; }
.login-panel1 .content-panel { position: relative; top: 220px; color: #fff; }
.login-panel1 .content-panel .left { float: left; margin-left: 135px; }
.login-panel1 .content-panel .right { float: left; margin-left: 20px; }
.login-panel1 .content-panel .header { font-size: 30px; }
.login-panel1 .content-panel .sub-header { font-size: 20px; }
.login-panel1 .content-panel label { font-size: 12px; font-weight: bold; display: block; }
.login-panel1 .content-panel .form-group { margin-bottom: 10px; }
.login-panel1 .content-panel .form-group input[type=text], .login-panel1 .content-panel .form-group input[type=password] { width: 350px; color: #333; padding: 5px 5px !important; border: none; }
.login-panel1 .content-panel .link input[type=submit]	{ background: #08274e; border: none; color: #fff; padding: 4px 15px; font-weight: bold; margin-top: 10px; }
.login-panel1 .content-panel .link .link-forgot-password { color: #fff; font-weight: bold; }
.login-panel1 .content-panel .link .link-forgot-password:hover { color: #fff; text-decoration: underline; }
.login-panel1 .content-panel .captcha-box { margin-top: 10px; }
.login-panel1 .content-panel .captcha-box .captcha, .login-panel1 .content-panel .captcha-box .fa, .login-panel1 .content-panel .captcha-box .input-captcha { float: left; margin-right: 5px; }
.login-panel1 .content-panel .captcha-box .input-captcha { width: 80px !important; }
.login-panel1 .content-panel .link input[type=submit] { margin-left: 73px; }
.login-panel1 .topup-btn { margin: 10px 0 0 50px; color: #fff; font-weight: bold; }
.login-panel1 .topup-btn:hover { text-decoration: underline; }

/* global */
#logo { margin-top: 0; }
#logo img { width: 120px; margin-top: -8px; }
.airtime-hide { display: none; }
.doPrint { cursor: pointer; }
.red { color: #ff0000; }
pre.no-style { background: none; border: none; }
.logout i { font-size: 17px; }
body { background: #fff; }
ul.nav > li.open > a, 
ul.nav > li.open > a:hover,
ul.nav > li.open > a:visited,
ul.nav > li.open > a:focus { background: #08274e; color: #fff; }

.navbar.navbar-inverse .navbar-brand, .sidebar .nav > li.active > a, .sidebar .nav > li.active > a:focus, .sidebar .nav > li.active > a:hover, .page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, .page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar .nav > li.has-sub.active > a, .label.label-theme, .btn.btn-scroll-to-top {
    background: #08274e !important;
}

.nav-tabs { background-color: #fff;}
ul.nav-tabs { border-bottom: 1px solid #ddd !important;}
.tabs-box { border-color: #08274e; }
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover { box-shadow: inset 0 3px 0 #08274e; border-left: 1px solid #ddd !important; border-right: 1px solid #ddd !important; }
.nav-tabs>li>a:hover {  box-shadow: inset 0 3px 0 #08274e; border-left: 1px solid #ddd !important; border-right: 1px solid #ddd !important; background-color: #ECF0F3; }
.nav-tabs>li>a { background-color: #c1ccd1; border-left: 1px solid #ddd !important; border-right: 1px solid #ddd !important; line-height: 15px; }
ul.nav-tabs>li.active>a { border-bottom:  none; z-index: 1; }
.nav-tabs.nav-justified > li, .nav-tabs > li {
	margin-bottom: -1px;
}

.tab-content { border: 1px solid #ddd; border-top: none !important;}
select[multiple] .selected-option { background: #08274e; color: #fff; }

/**** THEME CONFIG ****/
/* button */
.btn-airtime { background: #08274e; color: #fff; }
.btn-airtime:hover { background: #08274e; }
.btn.focus, .btn:focus, .btn:hover { color: #fff; }
.btn { border-radius: 0 !important; }

.airtime-datatable form .btn,
.airtime-datatable .exports .btn { background: #08274e; border: none; }
.airtime-datatable form .btn:hover,
.airtime-datatable .exports .btn:hover { background: #08274e; border: none; }
.airtime-datatable .exports .btn { padding-bottom: 3px; }

.airtime-datatable .pagination a.active { background: #08274e; }

/* header & footer */
#header { background: #FFF; height: 66px;}
#header .navbar { box-shadow: none; margin-bottom: 0; min-height: auto; position: relative; z-index: 999; background: #08274e; }
#header .navbar .nav li > a { padding: 4px 12px; color: #fff; }
#header .navbar .nav li > a.dropdown-toggle b { position: relative; top: 8px; left: 3px; }
#header .navbar .nav li .dropdown-menu { background: #08274e; border: none; }
#header .navbar .nav li .dropdown-menu > li > a:focus,
#header .dropdown-menu > li > a:hover,
#header .navbar .nav li.active > a,
#header .dropdown-menu > li > a:focus, 
#header.dropdown-menu > li > a:hover { background: #08274e !important; }

.fixed-header #header { z-index: 99998; background: #253350; }
.page-footer { background: #253350 !important; }

/* breadcrumb & tab */
.no-padding { padding: 0; }
.ribbon { background: #ECF0F3; padding: 10px 20px 0; }
/**** END THEME CONFIG ****/

/* override */
.flag.flag-en { background-position: -144px -154px; }
.smart-style-2 .login-info a span { font-size: 13px !important; max-width: 150px !important; }
.airtime-datatable .context-menu .dropdown-menu { border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.smart-style-2 .login-info span { padding: 5px 5px 7px; }
.tooltip { min-width: 220px; }
.airtime-datatable .form-toggle { background: none; }
.SmallBox .foto { top: -5px; }
.airtime-datatable .smart-style-2 .dropdown-menu > li > a:focus, .smart-style-2 .dropdown-menu > li > a:focus { background: #37bc9b !important; color: #fff; }
#divSmallBoxes { z-index: 99999; }
a:hover, a:focus { text-decoration: none; }
a:focus { outline: none; }
a {
  transition: none;
  -o-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}

.content { margin-left: 0; }
.navbar-brand { width: auto; }

/*.navbar-default .top-menu-style .navbar-nav > li > a { padding: 4px 12px; }
.navbar-default .top-menu-style .navbar-nav { margin-top: 25px; }*/

.navbar-default .navbar-toggle .icon-bar { background: #fff; }

.navbar-default .navbar-nav > li > a { }
.navbar-default .navbar-nav > li > a > .caret {  }

.navbar-default .navbar-nav > li > .dropdown-menu { background: #fff; border: none; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #333 !important; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff !important; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #fff !important; opacity: 1; background: #08274e; }

.navbar-default .navbar-nav > .active.open > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover { background: #08274e !important; color: #fff; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover { color: #fff; }

.navbar-header { border-bottom: none; }

/* tab */
.airtime-tab { list-style: none; overflow: hidden; padding: 0; margin: 5px 0 0; }
.airtime-tab li a { display: block; float: left; background: #91A3A3; padding: 7px 15px; margin-right: 5px; color: #fff; }
.airtime-tab li a:hover { background: #A8B7B7; color: #fff; text-decoration: none; }
.airtime-tab li.active a { background: #fff; color: #333; }

/* left panel */
.login-info .user-icon { font-size: 35px; display: block; float: left; }
.login-info .fullname { margin: -8px 0 0 5px; }
.login-info .rolename { text-align: center; font-weight: bold; display: block; margin-top: -5px; }

/* form */
.airtime-form-menu { list-style: none; overflow: hidden; padding: 0; }
.airtime-form-menu li { padding-top: 3px; display: block; float: left; }
.airtime-form-menu a { float: left; display: block; margin-right: 3px; font-size: 12px; }

.password-meter .label-text { float: left; }
.password-meter .bar { width: 0; height: 5px; }
.password-meter a { float: right; font-size: 11px; }

.loading-large-icon { background: url('/assets/themes/ab/img/ajax-loader.gif') no-repeat; width: 100px; height: 100px; margin: 0 auto; position: relative; top: 25%; }
.loading-fieldset-overlay { width: 100%; height: 93%; background: #fff; opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); position: absolute; margin-top: -13px; display: none; z-index: 3; }

.airtime-form .legend { padding: 0 0 0 20px; }
.airtime-form input[type=submit] { margin-top: 20px; }
.airtime-form .airtime-checkbox {width: 34%;height: 25px;}

form .form-control.error { border-color: #b94a48; text-align: left; }
form label.error, span.error { color: #b94a48; }

/* view */
.airtime-view-head { font-size: 17px; margin-top: 15px; margin-bottom: 15px; font-weight: 700;}
.airtime-view-table th { text-align: right; }

/* map */
.gmap-msg { text-align: center; font-size: 11px; color: #777777; position: relative; top: 48%; }
.airtime-map { background: #e5e3df; overflow: hidden; }

/* syntaxhighlighter */
.syntaxhighlighter table td.code .line {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
}

/* catagory and status image */
.pending { background-image: url(/assets/themes/ab/img/wait10.gif); }
.pending_add { background-image: url(/assets/themes/ab/img//wait10.gif); }
.pending_del { background-image: url(/assets/themes/ab/img//wait10.gif); }
.status{ padding-left: 10px; text-align: left; width: 100px; }

.stoplight_amber{ background-image: url(/assets/themes/ab/img/bullet_yellow_16.png); }
.stoplight_green { background-image: url(/assets/themes/ab/img/bullet_green_16.png); }
.stoplight_grey{ background-image: url(/assets/themes/ab/img/bullet_grey_16.png); }
.stoplight_red{ background-image: url(/assets/themes/ab/img/bullet_red_16.png); }
.stoplight_dead{ background-image: url(/assets/themes/ab/img/disconnect.png); }
.stoplight_false { background-image: url(/assets/themes/ab/img/false_16.png); }
.stoplight_lock { background-image: url(/assets/themes/ab/img/encrypted_16.png); }
.stoplight_scap { background-image: url(/assets/themes/ab/img/group_link.png); }
.stoplight_clock { background-image: url(/assets/themes/ab/img/hourglass_delete_16.png); }
.stoplight_redeemed { background-image: url(/assets/themes/ab/img/true_16.png); }
.stoplight_true { background-image: url(/assets/themes/ab/img/true_16.png); }
.stoplight_deleted { background-image: url(/assets/themes/ab/img/false_16.png); }

.type_bgan { background-image: url(/assets/themes/ab/img/tag_blue_16.png); }
.type_other { background-image: url(/assets/themes/ab/img/tag_pink_16.png); }
.type_sps { background-image: url(/assets/themes/ab/img/tag_green_16.png); }
.type_unknown { background-image: url(/assets/themes/ab/img/tag.png); }
.type_vsat { background-image: url(/assets/themes/ab/img/tag_red_16.png); }
.type_voip { background-image: url(/assets/themes/ab/img/tag_yellow_16.png); }

.type_voip, .type_bgan, .type_sps, .type_vsat, .type_other, .type_unknown, .stoplight_grey, 
.stoplight_green, .stoplight_amber, .stoplight_red, .stoplight_dead, .stoplight_grey, 
.stoplight_lock, .stoplight_true, .stoplight_false, .stoplight_scap, .stoplight_clock, 
.stoplight_redeemed, .stoplight_deleted, .pending, .pending_add, .pending_del,
.flag_green, .flag_red, .flag_yellow, .flag_grey
{
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
}

/* dialog */
.modal-dialog { margin-top: 100px }
.modal-warning { background: url('/assets/themes/ab/img/warning_32.png') no-repeat; padding: 10px 0px 20px 35px; width: auto; text-align: right; vertical-align: middle; }

/* graph */
.airtime_graph {
	position: relative; /* IE is dumb */
	border: 1px solid silver;
	padding: 1px;
	margin-top: 5px;
	width: 100%;
}
.airtime_graph .airtime_bar span, .airtime_graph .airtime_bar_danger span { position: absolute; left: 1em; }
.airtime_graph .airtime_bar, .airtime_graph .airtime_bar_danger {display: block; position: relative; background: #B1D632; text-align: center; font-size: 9px; font-weight: bold; white-space: nowrap; color: #333; height: 1em; line-height: 1em;}
.airtime_graph .airtime_bar_danger { background-color: #ff6060; }

.flagheader { width: auto; text-align: left; float:left; margin-left: 15px;}
.block_red { display: inline-block; width: 20px; height: 12px; background: #c0392b; position: relative; top: 3px; margin: 0 5px 0 0; }
.block_yellow { display: inline-block; width: 20px; height: 12px; background: #f39c12; position: relative; top: 3px; margin: 0 5px 0 0; }
.block_green { display: inline-block; width: 20px; height: 12px; background: #27ae60; position: relative; top: 3px; margin: 0 5px 0 0; }
.block_grey { display: inline-block; width: 20px; height: 12px; background: #bdc3c7; position: relative; top: 3px; margin: 0 5px 0 0; }
.margin-left5 { margin-left: 5px; }

/* copy from smart admin template */
#divSmallBoxes{position:fixed;right:0;top:0;z-index:9999;}
.SmallBox{position:absolute;right:5px;top:60px;width:420px;color:#fff;z-index:9999;overflow:hidden;border:1px solid transparent;}
.SmallBox:hover{border:1px solid #fff;cursor:pointer;}
.SmallBox .foto{font-size:50px;position:absolute;left:17px;}
.SmallBox .textoFull{width:93%;float:left;padding-left:20px;}
.SmallBox .textoFoto{width:78%;margin:3px 20px 3px 80px;float:left;}
.miniPic{position:absolute;bottom:8px;right:9px;}
.miniIcono{height:100%;font-size:20px;}
.SmallBox span{font-size:17px;font-weight:300;letter-spacing:-1px;display:block;margin:4px 0;color: #fff;}
.SmallBox p{font-size:13px;margin-top:2px;}
#pageslide{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:305px;padding:20px;background-color:#004d60;color:#FFF;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-shadow:inset 0 0 0 0 #222;box-shadow:inset 0 0 0 0 #222;}
.purehtml{color:#fff;font-size:16px}
@media screen and (max-width:450px) and (max-width:767px){
	#divSmallBoxes{position:fixed;width:90%;right:0;top:0;}
}
.SmallBox:hover{box-shadow:0 0 10px #888;cursor:pointer;}
.SmallBox span{font-size:16px;}
.SmallBox p{font-size:12px;margin-top:2px;}
.SmallBox .textoFull{width:93%;float:left;padding-left:20px;}
.SmallBox .textoFoto{width:65%;margin:3px 20px 3px 80px;float:left;}
.SmallBox .alert-green, .SmallBox .alert-green span { color: #3c763d; }
.SmallBox .alert-red, .SmallBox .alert-red span { color: #a94442; }

/* Error Page */
.error500-icon { background: url('/assets/themes/ab/img/error500-icon.png'); width: 128px; height: 128px; margin: 0 auto; background-size: 128px 128px; }

/* context dropdown menu */
.airtime-datatable .btn-context {background-color:#434A54 !important;}
.airtime-datatable .menu-context {border-radius: 0 !important; min-width: 100px; padding: 0; margin: 0;}
.airtime-datatable .menu-context li a:hover { background: #37bc9b !important; color: #fff; }