/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
 
.mb_0{margin-bottom:0 !important;}
.mb_5{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_20{margin-bottom:20px !important;}
.mt_0{margin-top:0 !important;}
.mt_5{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.pt_0{padding-top:0 !important;}
.pb_0{padding-bottom:0 !important;}
.pb_5{padding-bottom:5px !important;}
.pb_10{padding-bottom:10px !important;}
.pb_20{padding-bottom:20px !important;}

.f-l{float:left !important;}
.f-r{float:right !important;}
.f-n{float:none !important;}

.txt_l{text-align:left !important; }

.clfx:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
body.sb_theme #header{background-color:red;}

#logo{margin-top:15px;}
body.sb_theme .wd-20{float:left; width:20%;}
body.sb_theme .wd-20{float:left; width:20%;}
body.sb_theme .wd-5{float:left; width:5%;}

body.sb_theme .well{padding:10px 20px;}
body.sb_theme .left-label{line-height:35px;}
body.sb_theme .ko_tb th{padding:10px 5px !important; }
body.sb_theme .search_box{margin-bottom:20px; background-color:#fff; border:1px solid #ccc; }
body.sb_theme .search_box fieldset legend{margin-bottom:10px; padding:8px 20px; font-weight:600; font-size:14px; border-bottom:1px solid #ccc; background-color:#ffffff; color:#2d3339; box-shadow:inset 0 -2px 0 rgba(0,0,0,.05); }
body.sb_theme .datepicker{margin:0; padding-left:10px; border:1px solid #ccc;}
body.sb_theme .search_box select{border:1px solid #ccc;}
body.sb_theme .search_box .srch input[type=text]{padding-left:10px; border:1px solid #ccc; border-right:none; box-sizing:border-box;}
body.sb_theme .search_box .wd-20 .input-group-btn{padding-left:10px;}
body.sb_theme .search_box .srch_cont{padding:0 20px; }
/*
body.sb_theme .fc-head-container thead tr,body.sb_theme .table thead tr{background-image:none; background-color:#fff;}
body.sb_theme table.dataTable thead .sorting_asc, body.sb_theme table.dataTable thead .sorting_desc{background-color:#fff;}
body.sb_theme .form-control:not(.ui-autocomplete-loading){padding-left:5px; border:1px solid #ccc;}
*/
body.sb_theme .jarviswidget>header{padding:8px 10px; line-height:30px; height:auto; border:1px solid #ccc !important; color:#2d3339; background-color:#ffffff; box-shadow:inset 0 -2px 0 rgba(0,0,0,.05)}
body.sb_theme .jarviswidget>header .left_area{float:left;}
body.sb_theme .jarviswidget>header .right_area{float:right;}
body.sb_theme .jarviswidget>header .btn{padding:3px 15px; font-size:12px;}
body.sb_theme .jarviswidget>header:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
body.sb_theme .jarviswidget>header h2{line-height:1.6; font-size:14px; font-weight:600;}
body.sb_theme .jarviswidget>header>.widget-icon{line-height:1.6; height:auto; font-size:128%;}
body.sb_theme .necessary{vertical-align:top; line-height:1; font-size:20px; color:#286aff; font-weight:600;}
body.sb_theme table{width:100%;}
body.sb_theme .ui-sortable .jarviswidget-sortable>header{font-weight:400; border-bottom:1px solid #eee; box-shadow:inset 0 -2px 0 rgba(0,0,0,.05) !important;}
body.sb_theme .jarviswidget header h2{width:200px;}
body.sb_theme .jarviswidget.black_box>header{background-color:#ffffff;}
body.sb_theme .jarviswidget.black_box>header h2{padding-top:2px; color:#2d3339;}
body.sb_theme .jarviswidget.black_box>header i{color:#2d3339;}

body.sb_theme .tb_style_1{max-width:800px;}
body.sb_theme .tb_style_1 th{padding:5px 10px; width:130px; text-align:right; }
body.sb_theme .tb_style_1 td{padding:5px 10px; text-align:right; }
body.sb_theme .tb_style_1 td input[type=text]{padding-left:10px; border:1px solid #ccc; box-sizing:border-box;}
body.sb_theme .tb_style_1 td input[type=password]{padding-left:10px; border:1px solid #ccc; box-sizing:border-box;}
body.sb_theme .tb_style_1 td select{width:100%; height:30px; line-height:30px; border:1px solid #ccc;}
body.sb_theme .tb_style_1 td.line{padding:10px 0;}
body.sb_theme .tb_style_1 .txt_1{padding-top:2px; text-align:left; font-size:12px; font-weight:400; text-align:right;}
body.sb_theme .tb_style_1 .type_style{padding-right:120px; position:relative;}
body.sb_theme .tb_style_1 .type_style .btn_area{position:absolute; right:0; top:5px;}
body.sb_theme .tb_style_1.th_w_80 th{width:90px;}
body.sb_theme .tb_style_1.api_tb th{vertical-align:top;}
body.sb_theme .tb_style_1.api_tb td{vertical-align:top;}
body.sb_theme .sm-100{width:100%; }
body.sb_theme .vr_h{line-height:30px;}

body.sb_theme .tb_style_2 thead th{padding:5px; background-color:#fff;}
body.sb_theme .h_480{min-height:530px; overflow:auto;}

body.sb_theme .table>tbody>tr>td, body.sb_theme .table>tbody>tr>th, body.sb_theme .table>tfoot>tr>td, body.sb_theme .table>tfoot>tr>th, body.sb_theme .table>thead>tr>td, body.sb_theme .table>thead>tr>th{padding:8px 5px; vertical-align:middle;}
body.sb_theme .checkbox label, body.sb_theme .radio label{min-height:10px; }
/* body.sb_theme .alert-info, body.sb_theme .btn-info{background-color:#00aeef; border:0px; color:white;} */
/* body.sb_theme .alert-info:hover, body.sb_theme .btn-info:hover{background-color:#00a1ed; color:white;} */
body.sb_theme .btn-label{left:0; padding:6px 0; background-color:transparent;}
body.sb_theme .alert-info:hover .btn-label{color:#fff;}
/* body.sb_theme .btn-info:hover .btn-label{color:#fff;} */

body.sb_theme .search_box .btn_area_1{padding:10px 15px; }
body.sb_theme .btn_area_1{padding-bottom:15px; }
body.sb_theme .btn_area_1 button{margin-bottom:5px; text-align:center;}
body.sb_theme .btn_area_1 button .btn-label{padding:0;}
body.sb_theme .btn_area_1 a .btn-label{padding:0;}
body.sb_theme .btn_area_2{text-align:right;}

body.sb_theme .tb_scroll_wrap{overflow-x:auto; margin-bottom:20px; }
body.sb_theme .tb_scroll_wrap .inner{width:100%; min-width:1100px; box-sizing:border-box;}
body.sb_theme .jarviswidget-color-blueDark>header{padding:8px 10px; height:auto; color:#2d3339; border-color:#ccc !important; background-color:#ffffff; box-shadow:inset 0 -2px 0 rgba(0,0,0,.05)}
body.sb_theme .jarviswidget-color-blueLight>header{padding:8px 10px; height:auto; color:#2d3339; border-color:#ccc !important; background-color:#ffffff; box-shadow:inset 0 -2px 0 rgba(0,0,0,.05)}

body.sb_theme #ribbon{text-align:right;}

body.sb_theme .btm_line{border-bottom:1px solid #ddd;}
body.sb_theme .form-inline .checkbox input[type=checkbox], body.sb_theme .form-inline .radio input[type=radio]{position:absolute;}

body.sb_theme .txt-color-magenta, body.sb_theme nav ul li.active>a:before{color:#555 !important;}
body.sb_theme nav ul li.open ul{background-color:#efefef;}
body.sb_theme #left-panel{box-shadow:2px 2px 5px rgba(0,0,0,0.2);}

.flag+span{margin-left:5px; }

body.sb_theme .login-info{position:relative; height:185px; background-color:#246ea9; background-size:230px 115px; background-position:center 0;}
body.sb_theme .login-info .login_btm{position:absolute; left:0; bottom:0; width:100%; padding:5px 10px; background-color:#2d3339; width:100%; box-sizing:border-box;}
body.sb_theme .login-info .login_btm ul{padding-left:0;}
body.sb_theme .login-info .login_btm li{list-style:none; font-size:12px; }
body.sb_theme .login-info .login_btm li span{width:70px; display:inline-block; vertical-align:top; }
body.sb_theme .login-info a span{width:100%; margin:0; box-sizing:border-box;}
body.sb_theme .login-info a{padding:0; width:100%; display:block; box-sizing:border-box;}

body.sb_theme .jarviswidget{padding:0;}
body.sb_theme .sb_btn{width:100%;}

body.sb_theme .pagination>li>a, body.sb_theme .pagination>li>span{color:#2d3339;}
body.sb_theme .pagination>li>a:hover, body.sb_theme .pagination>li>span:hover{color:#2d3339;}
body.sb_theme .login-info a span{background-color:#bc8686;}

body.sb_theme {
scrollbar-3dLight-Color: #efefef; 
scrollbar-arrow-color: #aaa; 
scrollbar-base-color: #efefef; 
scrollbar-Face-Color: #aaa; 
scrollbar-Track-Color: #efefef; 
scrollbar-DarkShadow-Color: #efefef; 
scrollbar-Highlight-Color: #efefef; 
scrollbar-Shadow-Color: #efefef
}

body.sb_theme ::-webkit-scrollbar {width: 14px; height: 14px; border: 3px solid #fff; }
body.sb_theme ::-webkit-scrollbar-track {background: #efefef;  }
body.sb_theme ::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); }

body.sb_theme .smart-form .button{background-color:#bc8686;}
body.sb_theme #upload_list .table a{color:#286aff;}
body.sb_theme .morris-hover.morris-default-style .morris-hover-point{color:#286aff !important;}
body.sb_theme .morris-hover.morris-default-style .morris-hover-point:nth-child(3){color:#286aff !important;}



/* .btn-primary */
.btn-primary {
  color: #ffffff;
  background: red;
  border-color: red !important;
}
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  color: #ffffff;
  background: red !important;
  border-color: red !important;
}

/* .btn-warning */
.btn-warning {
  color: #ffffff;
  background: red;
  border-color: red !important;
}
.btn-warning:active,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.active,
.btn-warning:active,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning,
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
  color: #ffffff;
  background: red !important;
  border-color: red !important;
}

/* .btn-danger */
.btn-danger {
  color: #ffffff;
  background: red;
  border-color: red !important;
}
.btn-danger:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger,
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
  color: #ffffff;
  background: red !important;
  border-color: red !important;
}

/* .btn-success */
.btn-success {
  color: #ffffff;
  background: red;
  border-color: red !important;
}
.btn-success:active,
.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.btn-success:active,
.btn-success:hover,
.open > .dropdown-toggle.btn-success,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
  color: #ffffff;
  background: red !important;
  border-color: red !important;
}

/* .btn-info */
.btn-info {
  color: #286aff;
  background: #ffffff;
  border-color: #286aff !important;
}
.btn-info:active,
.btn-info:hover,
.btn-info:focus,
.btn-info.active,
.btn-info:active,
.btn-info:hover,
.open > .dropdown-toggle.btn-info,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
  color: #ffffff;
  background: #286aff !important;
  border-color: #286aff !important;
}

/* .btn-default */
/*
.btn-default {
  color: white;
  background: #00aeef;
  border-color: #00aeef !important;
}
.btn-default:active,
.btn-default:hover,
.btn-default:focus,
.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open > .dropdown-toggle.btn-default,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  color: white;
  background: #00a1ed !important;
  border-color: #00a1ed !important;
}*/




@media all and (max-width:990px){
body.sb_theme .h_480{height:auto;}

body.sb_theme .wd-20{float:left; width:30%;}
body.sb_theme .wd-20{float:left; width:30%;}
body.sb_theme .wd-5{float:left; width:5%;}


}


@media all and (max-width:767px){
body.sb_theme .well{padding:10px;}
body.sb_theme .sm-100{margin:0 auto; width:92%;}
body.sb_theme .tb_style_1.th_w_80 th{padding:5px 0; width:50px;}
body.sb_theme .tb_style_1 th{padding:5px 0; width:50px;}
body.sb_theme .tb_style_1.api_tb th{width:80px;}

body.sb_theme .search_box .srch_cont{padding:0 10px;}
body.sb_theme .wd-20{float:left; width:47.5%;}
body.sb_theme .wd-20{float:left; width:47.5%;}
body.sb_theme .md-wd-100{float:left; width:100%;}
body.sb_theme .search_box .form-group{margin-bottom:10px; }
body.sb_theme .search_box .wd-20.md-wd-100 .input-group-btn{padding:0 0 10px;}
body.sb_theme .search_box .wd-20.md-wd-100 .btn_search{width:100%;}


}