@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
@import url(//fonts.googleapis.com/css?family=Kaushan+Script);
/*! 
 *   AdminLTE v1.2
 *   Author: AlmsaeedStudio.com
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
!*/
/*
    Core: General style
----------------------------
*/
html,body{background:none repeat scroll 0 0 #f9f9f9;color:#000;font-family:Arial,Tahoma,sans-serif;min-height:100%;overflow-x:hidden!important}
a{color:#3c8dbc}
a:hover,a:active,a:focus{outline:none;text-decoration:none;color:#72afd2}
.no-margin{margin:0!important;}
/* H1 - H6 font */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Source Sans Pro', sans-serif;}
/*h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: Arial,Tahoma,sans-serif;}*/
.alt {background-color:#f0f7fd}
.iE,.iF{margin-right:5px}
.box-title {margin:5px 0 10px 0}
.cls{clear:both;float:none}
.pull-right label{margin-bottom:0}
.valGrid td{padding:4px!important}
/* Layouts */
.wrapper{min-height:100%}
.wrapper:before,.wrapper:after{display:table;content:" "}
.wrapper:after{clear:both}
label small {color:#727272;padding-left:5px}
/*.rowChild0PM{margin-top:10px;padding-top:5px; border-top:solid 2px #3c8dbc;} */
.rowChild0PM input[type=text], .rowChild0PM select, .spanInput,.rowChild0PM .form-control,.measure button{padding:1px;margin:0;height:auto;font-size:12px}
    .measure button {padding:1px 7px}
.measure .row {padding:3px 10px;margin-bottom:0!important}
.measure .form-group {margin:0}
.rowChild0PM td,.rowChild0PM th {padding:2px;font-size:12px}
.rowChild0PM div{padding:2px 5px;font-size:12px}
.rowChild0PM .row {margin-bottom:10px}
.rowChild0PM .btn{font-size:10px;padding:2px 4px;}
    .rowChild0PM.o {border-top:solid 2px #f39c12}
.rowChild0PM .input-group-addon {padding:2px 5px}
.gender li {list-style:none;float:left;margin-right:20px}
.picThumb table a img {width:200px}
.resignYes{background:url(/img/resignedStaff.png) no-repeat center right;}
/* =========================================================== */
.table-responsive .fa,.table-responsive .fa-trash-o,.table-responsive .fa-sitemap,.table-responsive .fa-check-square-o,.table-responsive .fa-thumbs-o-up,.table-responsive .fa-thumbs-o-down{font-size:20px}
.table-responsive .label .fa {font-size:10px}
.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th, .rowChild0PM .row:hover{background-color:#BAF4FF}
/* =========================================================== */

.dropdown-menu{right:0;left:inherit}
.actionSt span {cursor:pointer}
/* -------------------------------- Compenent: Progress bars --------------------------------*/
/* size variation */
.progress.sm{height:10px}
.progress.xs{height:7px}
/* Vertical bars */
.progress.vertical{position:relative;width:30px;height:200px;display:inline-block;margin-right:10px;}
.progress.vertical > .progress-bar{width:100%!important;position:absolute;bottom:0;}
.progress.vertical.sm{width:20px;}
.progress.vertical.xs{width:10px;}
/* Header */
/* Header */
.header{position:absolute;top:0;left:0;right:0;z-index:1030}
.header .logo{display:block;float:left;font-family:"Kaushan Script",cursive;font-size:20px;font-weight:500;height:50px;line-height:50px;padding:0 10px;text-align:center;width:220px;background-color:#3c8dbc;color:#f9f9f9}
.header .navbar{height:50px;margin-bottom:0;margin-left:220px;background-color: #3c8dbc}
.navbar{background-color:#3c8dbc}
.icon-bar {
  background: #f6f6f6;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 4px;
  margin-top: 4px;
}
.header .navbar .sidebar-toggle{float:left;padding:9px 5px;background-color:transparent;background-image:none;border:1px solid transparent;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;margin:8px 0 8px 5px}
.header .navbar .sidebar-toggle .icon-bar{border-radius:4px;display:block;height:2px;width:22px}
.header .navbar .sidebar-toggle .icon-bar + .icon-bar{margin-top:4px}
.navbar .sidebar-toggle .icon-bar{background:none repeat scroll 0 0 rgba(255,255,255,0.8)}
.header .navbar{height:50px;margin-bottom:0;margin-left:220px;background-color:#3c8dbc}
.navbar a,.navbar .nav span{color:rgba(255,255,255,0.8);font-weight:700}
.navbar .nav a .fa{line-height:19px}
.header .navbar .nav > li > a > .label{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;top:7px;right:2px;font-size:10px;font-weight:400;width:15px;height:15px;line-height:1em;text-align:center;padding:2px}
.header .navbar .nav > li > a:hover > .label{top:3px}
.navbar .nav > li > a:hover,.navbar .nav > li > a:active,.navbar .nav > li > a:focus,.navbar .nav .open > a,.navbar .nav .open > a:hover,.navbar .nav .open > a:focus {background: rgba(0, 0, 0, 0.1);color: #f6f6f6}
.navbar .navbar-right > .nav {margin-right: 10px}
.navbar .sidebar-toggle .icon-bar {background: rgba(255, 255, 255, 0.8)}
.navbar .sidebar-toggle:hover .icon-bar {background: #f6f6f6 !important}
.navbar .nav-custom {padding:15px}
    .navbar .nav-custom select {padding:0;height:auto}
.navbar .navbar-right .nRpt:hover i{color:#FFD3FA}
.navbar-nav .user-footer {padding:15px}
.navbar-nav .user-footer a {color:#0073b7;display:block}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {/*height:175px;*/padding:10px;background:#3c8dbc;text-align:center}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {z-index:5;height:90px;width:90px;border:8px solid;border-color:transparent;border-color:rgba(255, 255, 255, 0.2)}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header p {z-index:5;color:#f9f9f9;color:rgba(255, 255, 255, 0.8);font-size:15px;text-shadow:2px 2px 3px #333333;margin-top:10px}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header p small {display:block;font-size:12px}

.left-side{top:50px;background:#f1f1f1;box-shadow:inset -3px 0 8px -4px rgba(0,0,0,0.07);position:absolute;width:220px}#leftMenu {left:-220px}
.left-side.collapse-left{left:-220px}
.right-side,.left-side{display:block;min-height:100%}
.sidebar a{/*color:#555*/color:#000}
.sidebar a:hover,.sidebar .sel{text-decoration:none;background-color:#f9f9f9;display:block}
.treeview-menu > li > a{color:#777}
.treeview-menu > li.active > a,.treeview-menu > li > a:hover{color:#111}
.sidebar-form{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #dbdbdb;margin:10px}
.sidebar-form input[type="text"],.sidebar-form .btn{box-shadow:none;background-color:#fafafa;border:1px solid #fafafa;height:35px}

.left-side-rightVal {right:0;position:fixed;z-index:2}
    .left-side-rightVal.iconSmall {width:45px}
        .left-side-rightVal.iconSmall span {display:none}
    .left-side-rightVal .sidebar-menu > li {height:40px!important}
.valRptRightMrg {margin-right:45px}
.left-side-rightVal .show {position:absolute;left:-125px;}
.left-side-rightVal .show span {display:inline-block;width:125px}
.ui-datepicker .ui-datepicker-title select{color:#444}
/* --------------------------  Component: Sidebar -------------------------- */
.sidebar{margin-bottom:5px;border-bottom:1px solid #fff}
.sidebar .sidebar-form input:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-color:transparent!important}
.sidebar .sidebar-menu{list-style:none;margin:0;padding:0}
.sidebar .sidebar-menu > li{margin:0;padding:0;position:relative}
.sidebar .sidebar-menu > li > a{padding:12px 5px 12px 15px;display:block}
.sidebar .sidebar-menu > li > a > .fa,.sidebar .sidebar-menu > li > a > .glyphicon,.sidebar .sidebar-menu > li > a > .ion{width:20px}
.sidebar .sidebar-menu .treeview-menu{display:none;list-style:none;padding:0;margin:0}
.sidebar .sidebar-menu .treeview-menu > li{margin:0}
.sidebar .sidebar-menu .treeview-menu > li > a{padding:5px 5px 5px 15px;display:block;font-size:14px;margin:0}
.sidebar .sidebar-menu .treeview-menu > li > a > .fa,.sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,.sidebar .sidebar-menu .treeview-menu > li > a > .ion{width:20px}
/*.sidebar .sidebar-menu .sidebar-menu-show {background-color:#f4f4f4;left:-110px;width:150px;position:absolute;top:0}
.sidebar .sidebar-menu .sidebar-menu-show span{display:inline-block;width:110px}*/
.user-panel{padding:10px}
.user-panel:before,.user-panel:after{display:table;content:" "}
.user-panel:after{clear:both}
.user-panel > .image > img{width:45px;height:45px}
.user-panel > .info{font-weight:600;padding:5px 5px 5px 15px;font-size:14px;line-height:1}
.user-panel > .info > p{margin-bottom:9px}
.user-panel > .info > a{text-decoration:none;padding-right:5px;margin-top:3px;font-size:11px;font-weight:400}
.user-panel > .info > a > .fa,.user-panel > .info > a > .ion,.user-panel > .info > a > .glyphicon{margin-right:3px}

/* -------------------------- Background colors -------------------------- */
.bg-red,.bg-yellow,.bg-aqua,.bg-blue,.bg-light-blue,.bg-green,.bg-navy,.bg-teal,.bg-olive,.bg-lime,.bg-orange,.bg-fuchsia,.bg-purple,.bg-maroon,.bg-black{color:#f9f9f9!important}
.bg-gray{background-color:#eaeaec!important}
.bg-black{background-color:#222!important}
.bg-red{background-color:#f56954!important}
.bg-yellow{background-color:#f39c12!important}
.bg-aqua{background-color:#00c0ef!important}
.bg-blue{background-color:#0073b7!important}
.bg-light-blue{background-color:#3c8dbc!important}
.bg-green{background-color:#00a65a!important}
.bg-navy{background-color:#001f3f!important}
.bg-teal{background-color:#39cccc!important}
.bg-olive{background-color:#3d9970!important}
.bg-lime{background-color:#01ff70!important}
.bg-orange{background-color:#ff851b!important}
.bg-fuchsia{background-color:#f012be!important}
.bg-purple{background-color:#932ab6!important}
.bg-maroon{background-color:#85144b!important}
.text-red{color:#f56954!important}
.text-yellow{color:#f39c12!important}
.text-aqua{color:#00c0ef!important}
.text-blue{color:#0073b7!important}
.text-black{color:#222!important}
.text-light-blue{color:#3c8dbc!important}
.text-green{color:#00a65a!important}
.text-navy{color:#001f3f!important}
.text-teal{color:#39cccc!important}
.text-olive{color:#3d9970!important}
.text-lime{color:#01ff70!important}
.text-orange{color:#ff851b!important}
.text-fuchsia{color:#f012be!important}
.text-purple{color:#932ab6!important}
.text-maroon{color:#85144b!important}

/*===========Right Side ==========*/
.right-side{background-color: #f9f9f9;/*margin-left:220px;*/margin-top:50px}
.right-side,.left-side {display: block;min-height:100%}
.right-side > .content-header{position:relative;padding:15px 15px 10px 20px;background: #fbfbfb;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1)}
.right-side > .content-header > h1{margin:0;font-size:24px}
.right-side > .content-header > h1 > small{font-size:15px;display:inline-block;padding-left:4px;font-weight:300}
.right-side > .content-header > .breadcrumb{float:right;background:transparent;margin-top:0;margin-bottom:0;font-size:12px;padding:7px 5px;position:absolute;top:15px;right:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.right-side > .content-header > .breadcrumb > li > a,.right-side > .content-header > .breadcrumb > li > span{color:#777;text-decoration:none}
.right-side > .content-header > .breadcrumb > li > a > .fa,.right-side > .content-header > .breadcrumb > li > a > .glyphicon,.right-side > .content-header > .breadcrumb > li > a > .ion{margin-right:5px}
.right-side > .content-header > .breadcrumb > li + li:before{content:'>\00a0'}
    .right-side.strech {margin-left:0}
@media screen and (max-width: 767px) {
.right-side > .content-header > .breadcrumb{position:relative;margin-top:5px;top:0;right:0;float:none;background:#efefef}
}
@media screen and (max-width: 560px) {
body > .header{position:relative}
body > .header .logo,body > .header .navbar{width:100%;float:none;position:relative!important}
body > .header .navbar{margin:0}
body.fixed > .header{position:fixed}
/*body.fixed > .wrapper,body.fixed .sidebar-offcanvas{margin-top:100px!important}*/
}
/* Content */
.content{padding:20px 15px;background:#f9f9f9;overflow:auto}

/*
    component: Boxes
-------------------------
*/
.box{position:relative;background:#fff;border-top:2px solid #c1c1c1;margin-bottom:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:100%;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.box.box-primary{border-top-color:#3c8dbc}
.box.box-info{border-top-color:#00c0ef}
.box.box-danger{border-top-color:#f56954}
.box.box-warning{border-top-color:#f39c12}
.box.box-success{border-top-color:#00a65a}
.box.height-control .box-body{max-height:300px;overflow:auto}
.box .box-header{position:relative;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom:0 solid #f4f4f4;color:#444}
.box .box-header:before,.box .box-header:after{display:table;content:" "}
.box .box-header:after{clear:both}
.box .box-header > .fa,.box .box-header > .glyphicon,.box .box-header > .ion,.box .box-header .box-title{display:inline-block;padding:10px;margin:0;font-size:20px;font-weight:400;float:left;cursor:default}
/*.box .box-header a{color:#444}*/
.box .box-header > .box-tools{padding:5px 10px 5px 5px}
.box .box-body{padding:10px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.box .box-body > table,.box .box-body > .table{margin-bottom:0}
.box .box-body.chart-responsive{width:100%;overflow:hidden}
.box .box-body > .chart{position:relative;overflow:hidden;width:100%}
.box .box-body > .chart svg,.box .box-body > .chart canvas{width:100%!important}
.box .box-body .fc{margin-top:5px}
.box .box-body .fc-header-title h2{font-size:15px;line-height:1.6em;color:#666;margin-left:10px}
.box .box-body .fc-header-right{padding-right:10px}
.box .box-body .fc-header-left{padding-left:10px}
.box .box-body .fc-widget-header{background:#fafafa;box-shadow:inset 0 -3px 1px rgba(0,0,0,0.02)}
.box .box-body .fc-grid{width:100%;border:0}
.box .box-body .fc-widget-header:first-of-type,.box .box-body .fc-widget-content:first-of-type{border-left:0;border-right:0}
.box .box-body .fc-widget-header:last-of-type,.box .box-body .fc-widget-content:last-of-type{border-right:0}
.box .box-body .table{margin-bottom:0}
.box .box-body .full-width-chart{margin:-19px}
.box .box-body.no-padding .full-width-chart{margin:-9px}
.box .box-footer{border-top:1px solid #f4f4f4;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:10px;background-color:#fff}
.box.box-solid{border-top:0}
.box.box-solid > .box-header{padding-bottom:0!important}
.box.box-solid > .box-header .btn.btn-default{background:transparent}
.box.box-solid.box-primary > .box-header{color:#fff;background:#3c8dbc;background-color:#3c8dbc}
.box.box-solid.box-primary > .box-header a{color:#444}
.box.box-solid.box-info > .box-header{color:#fff;background:#00c0ef;background-color:#00c0ef}
.box.box-solid.box-info > .box-header a{color:#444}
.box.box-solid.box-danger > .box-header{color:#fff;background:#f56954;background-color:#f56954}
.box.box-solid.box-danger > .box-header a{color:#444}
.box.box-solid.box-warning > .box-header{color:#fff;background:#f39c12;background-color:#f39c12}
.box.box-solid.box-warning > .box-header a{color:#444}
.box.box-solid.box-success > .box-header{color:#fff;background:#00a65a;background-color:#00a65a}
.box.box-solid.box-success > .box-header a{color:#444}
.box.box-solid > .box-header > .box-tools .btn{border:0;box-shadow:none}
.box.box-solid.collapsed-box .box-header{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.box.box-solid[class*='bg'] > .box-header{color:#fff}
.box .box-group > .box{margin-bottom:5px}
.box .knob-label{text-align:center;color:#333;font-weight:100;font-size:12px;margin-bottom:.3em}
.box .todo-list{margin:0;padding:0;list-style:none}
.box .todo-list > li{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:10px;background:#f3f4f5;margin-bottom:2px;border-left:2px solid #e6e7e8;color:#444}
.box .todo-list > li:last-of-type{margin-bottom:0}
.box .todo-list > li.danger{border-left-color:#f56954}
.box .todo-list > li.warning{border-left-color:#f39c12}
.box .todo-list > li.info{border-left-color:#00c0ef}
.box .todo-list > li.success{border-left-color:#00a65a}
.box .todo-list > li.primary{border-left-color:#3c8dbc}
.box .todo-list > li > input[type='checkbox']{margin:0 10px 0 5px}
.box .todo-list > li .text{display:inline-block;margin-left:5px;font-weight:600}
.box .todo-list > li .label{margin-left:10px;font-size:9px}
.box .todo-list > li .tools{display:none;float:right;color:#f56954}
.box .todo-list > li .tools > .fa,.box .todo-list > li .tools > .glyphicon,.box .todo-list > li .tools > .ion{margin-right:5px;cursor:pointer}
.box .todo-list > li:hover .tools{display:inline-block}
.box .todo-list > li.done{color:#999}
.box .todo-list > li.done .text{text-decoration:line-through;font-weight:500}
.box .todo-list > li.done .label{background:#eaeaec!important}
.box .todo-list .handle{display:inline-block;cursor:move;margin:0 5px}
.box .chat{padding:5px 20px 5px 10px}
.box .chat .item{margin-bottom:10px}
.box .chat .item:before,.box .chat .item:after{display:table;content:" "}
.box .chat .item:after{clear:both}
.box .chat .item > img{width:40px;height:40px;border:2px solid transparent;-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important}
.box .chat .item > img.online{border:2px solid #00a65a}
.box .chat .item > img.offline{border:2px solid #f56954}
.box .chat .item > .message{margin-left:55px;margin-top:-40px}
.box .chat .item > .message > .name{display:block;font-weight:600}
.box .chat .item > .attachment{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#f0f0f0;margin-left:65px;margin-right:15px;padding:10px}
.box .chat .item > .attachment > h4{margin:0 0 5px;font-weight:600;font-size:14px}
.box .chat .item > .attachment > p,.box .chat .item > .attachment > .filename{font-weight:600;font-size:13px;font-style:italic;margin:0}
.box .chat .item > .attachment:before,.box .chat .item > .attachment:after{display:table;content:" "}
.box .chat .item > .attachment:after{clear:both}
.box > .overlay,.box > .loading-img{position:absolute;top:0;left:0;width:100%;height:100%}
.box > .overlay{z-index:1010;background:rgba(255,255,255,0.7)}
.box > .overlay.dark{background:rgba(0,0,0,0.5)}
.box > .loading-img{z-index:1020;background:transparent url(/img/ajax-loader1.gif) 50% 50% no-repeat}
/*
    Component: Buttons
-------------------------
*/
.btn{font-weight:500;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid transparent;-webkit-box-shadow:inset 0 -2px 0 0 rgba(0,0,0,0.09);-moz-box-shadow:inset 0 -2px 0 0 rgba(0,0,0,0.09);box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.09);background-image:none;position:relative}
.btn.btn-default{background-color:#fafafa;color:#666;border-color:#ddd;border-bottom-color:#ddd}
.btn.btn-default:hover,.btn.btn-default:active,.btn.btn-default.hover{background-color:#f4f4f4!important}
.btn-app{box-shadow:none;padding:0px!important}
.btn > .badge {font-size:10px;position:absolute;right: -10px;top: -3px;z-index:1}
.skipModeFalse{color:#777}.skipModeTrue{color:#C132C9!important}
/* Remove margins from progress bars when put in a table */
.table tr > td .progress{margin:0;}

/*  ------------------------ Component: alert ------------------------ */
.alert{padding-left:30px;margin-left:15px;position:relative}
.alert > .fa,.alert > .glyphicon{position:absolute;left:-15px;top:-15px;width:35px;height:35px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;line-height:35px;text-align:center;background:inherit;border:inherit}

.alert-icon {
    width:40px;
    height:40px;
    display:inline-block;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
}
.alert-icon i {
    width:40px;
    height:40px;
    display:block;
    text-align:center;
    line-height:40px;
    font-size:20px;
    color:#fff;
}
.notification-info {
    margin-left:56px;
    margin-top:-40px;
}
.alert-info .alert-icon {background-color:#99cce3;}
.alert-danger .alert-icon {background-color:#fcb1ae;}
.alert-success .alert-icon {background-color:#98d7ad;}
.alert-warning .alert-icon {background-color:#ffe699;}
/*  ------------------------ Component: callout ------------------------ */
.callout{margin:0 0 20px;padding:15px 30px 15px 15px;border-left:5px solid #eee}
.callout h4{margin-top:0}
.callout p:last-child{margin-bottom:0}
.callout code,.callout .highlight{background-color:#fff}
.callout.callout-danger{background-color:#fcf2f2;border-color:#dFb5b4}
.callout.callout-warning{background-color:#fefbed;border-color:#f1e7bc}
.callout.callout-info{background-color:#f0f7fd;border-color:#d0e3f0}
.callout.callout-danger h4{color:#B94A48}
.callout.callout-warning h4{color:#C09853}
.callout.callout-info h4{color:#3A87AD}

/*  ------------------------  Component: Small boxes  ------------------------  */
.small-box{position:relative;display:block;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-bottom:15px}
.small-box > .inner{padding:10px}
.small-box > .small-box-footer{position:relative;text-align:center;padding:3px 0;color:#fff;color:rgba(255,255,255,0.8);display:block;z-index:10;background:rgba(0,0,0,0.1);text-decoration:none}
.small-box > .small-box-footer:hover{color:#fff;background:rgba(0,0,0,0.15)}
.small-box h3{font-size:20px;font-weight:bold;margin:0;white-space:nowrap;padding:0}
.small-box p{font-size:15px;margin:0}
.small-box p > small{display:block;color:#f9f9f9;font-size:13px;margin-top:5px}
.small-box h3,.small-box p{z-index:5px}
.small-box .icon{position:absolute;top:auto;bottom:0;right:10px;z-index:0;font-size:45px;color:rgba(0,0,0,0.15)}
.small-box:hover{text-decoration:none;color:#f9f9f9}
.small-box:hover .icon .fa{animation-name: tansformAnimation;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:ease;animation-fill-mode:forwards;-webkit-animation-name:tansformAnimation;-webkit-animation-duration:.5s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-name:tansformAnimation;-moz-animation-duration:.5s;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease;-moz-animation-fill-mode:forwards}
@keyframes tansformAnimation{from{font-size:45px}to{font-size:50px}}
@-webkit-keyframes tansformAnimation{from{font-size:45px}to{font-size:50px}}

/* 
   All form elements including input, select, textarea etc.
-----------------------------------------------------------------
*/
.form-control{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;box-shadow:none;color:#000}
.form-control:focus{border-color:#3c8dbc!important;/*box-shadow:none*/}
.form-group.has-success label{color:#00a65a}
.form-group.has-success .form-control{border-color:#00a65a!important;box-shadow:none}
.form-group.has-warning label{color:#f39c12}
.form-group.has-warning .form-control{border-color:#f39c12!important;box-shadow:none}
.form-group.has-error label{color:#f56954}
.form-group.has-error .form-control{border-color:#f56954!important;box-shadow:none}
.input-group .input-group-addon{border-radius:0;background-color:#f4f4f4}
.btn-group-vertical .btn.btn-flat:first-of-type,.btn-group-vertical .btn.btn-flat:last-of-type{border-radius:0}
.checkbox,.radio{padding-left:0}
.tbDone {border-color:#00A5BF!important;background-color:#C9FFD9}
.actionBtn .btn-group {width:80px}
.btn-group .btn{padding:0 10px}
/* NAV TABS */
.nav-tabs-custom{margin-bottom:20px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.nav-tabs-custom > .nav-tabs{margin:0;border-bottom-color:#f4f4f4}
.nav-tabs-custom > .nav-tabs > li{border-top:3px solid transparent;margin-bottom:-2px;margin-right:5px}
.nav-tabs-custom > .nav-tabs > li > a{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.nav-tabs-custom > .nav-tabs > li > a,.nav-tabs-custom > .nav-tabs > li > a:hover{background:transparent;margin:0;padding:5px 10px}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active{border-color:transparent}
.nav-tabs-custom > .nav-tabs > li.active{border-top-color:#00C0EF}
.nav-tabs-custom > .nav-tabs > li.active > a,.nav-tabs-custom > .nav-tabs > li.active:hover > a{background-color:#fff}
.nav-tabs-custom > .nav-tabs > li.active > a{border-top:0;border-left-color:#f4f4f4;border-right-color:#f4f4f4}
.nav-tabs-custom > .nav-tabs > li:first-of-type{margin-left:0}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a{border-left-width:0}
.nav-tabs-custom > .nav-tabs.pull-right{float:none!important}
.nav-tabs-custom > .nav-tabs.pull-right > li{float:right}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type{margin-right:0}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a{border-left-width:1px;border-right-width:0}
.nav-tabs-custom > .nav-tabs > li.header{font-weight:400;line-height:35px;padding:0 10px;font-size:20px;color:#444;cursor:default}
.nav-tabs-custom > .nav-tabs > li.header > .fa,.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,.nav-tabs-custom > .nav-tabs > li.header > .ion{margin-right:10px}
.nav-tabs-custom > .tab-content{background:#fff;padding:10px}



.form-box {
  width: 360px;
  margin: 90px auto 0 auto;
}
.form-box .header {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #3d9970;
  box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);
  padding: 20px 10px;
  text-align: center;
  font-size: 26px;
  font-weight: 300;
  color: #fff;
}
.form-box .body,
.form-box .footer {
  padding: 10px 20px;
  background: #fff;
  color: #444;
}
.form-box .body > .form-group,
.form-box .footer > .form-group {
  margin-top: 20px;
}
.form-box .body > .form-group > input,
.form-box .footer > .form-group > input {
  border: #fff;
}
.form-box .body > .btn,
.form-box .footer > .btn {
  margin-bottom: 10px;
}
.form-box .footer {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}





/*
Gradient Background colors
*/
.bg-teal-gradient {
  background: #39cccc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
  background: -o-linear-gradient(#7adddd, #39cccc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}
.bg-light-blue-gradient {
  background: #3c8dbc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
  background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
  background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  color: #fff;
}
.bg-blue-gradient {
  background: #0073b7 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
  background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
  background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
  background: -o-linear-gradient(#0089db, #0073b7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
  color: #fff;
}
.bg-aqua-gradient {
  background: #00c0ef !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
  background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
  background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
  color: #fff;
}
.bg-yellow-gradient {
  background: #f39c12 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
  background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
  background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
  background: -o-linear-gradient(#f7bc60, #f39c12) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
  color: #fff;
}
.bg-purple-gradient {
  background: #932ab6 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #932ab6), color-stop(1, #b959d9)) !important;
  background: -ms-linear-gradient(bottom, #932ab6, #b959d9) !important;
  background: -moz-linear-gradient(center bottom, #932ab6 0%, #b959d9 100%) !important;
  background: -o-linear-gradient(#b959d9, #932ab6) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b959d9', endColorstr='#932ab6', GradientType=0) !important;
  color: #fff;
}
.bg-green-gradient {
  background: #00a65a !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
  background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
  background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
  background: -o-linear-gradient(#00ca6d, #00a65a) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
  color: #fff;
}
.bg-red-gradient {
  background: #f56954 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f56954), color-stop(1, #f89384)) !important;
  background: -ms-linear-gradient(bottom, #f56954, #f89384) !important;
  background: -moz-linear-gradient(center bottom, #f56954 0%, #f89384 100%) !important;
  background: -o-linear-gradient(#f89384, #f56954) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89384', endColorstr='#f56954', GradientType=0) !important;
  color: #fff;
}
.bg-black-gradient {
  background: #222222 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #222222), color-stop(1, #3c3c3c)) !important;
  background: -ms-linear-gradient(bottom, #222222, #3c3c3c) !important;
  background: -moz-linear-gradient(center bottom, #222222 0%, #3c3c3c 100%) !important;
  background: -o-linear-gradient(#3c3c3c, #222222) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#222222', GradientType=0) !important;
  color: #fff;
}
.bg-maroon-gradient {
  background: #85144b !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #85144b), color-stop(1, #b11b64)) !important;
  background: -ms-linear-gradient(bottom, #85144b, #b11b64) !important;
  background: -moz-linear-gradient(center bottom, #85144b 0%, #b11b64 100%) !important;
  background: -o-linear-gradient(#b11b64, #85144b) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b11b64', endColorstr='#85144b', GradientType=0) !important;
  color: #fff;
}



/*
    Component: Small boxes
*/
/*  ------------------------  Component:Small boxes  ------------------------  */
.small-box{position:relative;display:block;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-bottom:15px;cursor:pointer}
.small-box > .inner{padding:10px}
.small-box > .small-box-footer{position:relative;text-align:center;padding:3px 0;color:#fff;color:rgba(255,255,255,0.8);display:block;z-index:10;background:rgba(0,0,0,0.1);text-decoration:none}
.small-box > .small-box-footer:hover{color:#fff;background:rgba(0,0,0,0.15)}
.small-box h3{font-size:20px;font-weight:bold;margin:0;white-space:nowrap;padding:0}
.small-box p{font-size:15px;margin:0}
.small-box p > small{display:block;color:#f9f9f9;font-size:13px;margin-top:5px}
.small-box h3,.small-box p{z-index:5px}
.small-box .icon{position:absolute;top:auto;bottom:0;right:10px;z-index:0;font-size:30px;color:rgba(0,0,0,0.15)}
.small-box:hover{text-decoration:none;color:#f9f9f9}
.small-box:hover .icon .fa{animation-name:tansformAnimation;animation-duration:.5s;animation-iteration-count:1;animation-timing-function:ease;animation-fill-mode:forwards;-webkit-animation-name:tansformAnimation;-webkit-animation-duration:.5s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-name:tansformAnimation;-moz-animation-duration:.5s;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease;-moz-animation-fill-mode:forwards}
@keyframes tansformAnimation{from{font-size:30px}to{font-size:50px}}
@-webkit-keyframes tansformAnimation{from{font-size:30px}to{font-size:50px}}


.contra{padding:1px;width:68px;overflow:hidden}
.contra label{font-weight:normal;display:block;height:70px;font-size:12px}



.btn.btn-app {
  
  position: relative;
  padding: 15px 5px !important;
  margin: 0 0 10px 10px;
  min-width:165px;
  height: 60px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: 12px;
}
.btn.btn-app > .fa,
.btn.btn-app > .glyphicon,
.btn.btn-app > .ion {
  font-size: 20px;
  display: block;
}
.btn.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn.btn-app:active,
.btn.btn-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.btn-app > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}
.disBlock{display:block}