@import "//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,greek-ext,vietnamese";
html,body{height:100% !important;margin:0;padding:0;font-family:'Open Sans',sans-serif;font-size:12px;color:#666;text-rendering:optimizeLegibility !important;background:  url(/image/backend.jpg)}

h1,h2,h3,h4,h5,h6,p{margin-top:0}
.page-header{vertical-align:middle;margin:15px 0;padding:0;border-bottom:none}
.page-header h1{font-family:'Open Sans',sans-serif;font-weight: 300;font-size:30px;color:#848484;display:inline-block;margin-bottom:15px;}
.breadcrumb{display:inline-block;background:none;margin:0;padding:0 10px}
.breadcrumb li a{color:#999;font-size:11px;padding:0;margin:0}
.breadcrumb li:last-child a{color:#0070ba}
.breadcrumb li a:hover{text-decoration:none}
.breadcrumb li + li:before{content:"/";font-family:FontAwesome;color:#BBB;padding:0 5px}
a:hover,a:focus{text-decoration:none}
span.hidden-xs,span.hidden-sm,span.hidden-md,span.hidden-lg{display:inline}
#container{min-height:100% !important;width:100%;position:relative !important}
.container-fluid{padding-left:20px;padding-right:20px}
#header{min-height:0;background:#FFF;border-bottom:1px solid #E5E5E5;margin:0;padding:0}
#header .nav > li{float:left}
#header .nav > li li{min-width:200px}
#header .navbar-header{min-height:0;padding:0}
@media (max-width: 767px) {
#header .navbar-header{margin-right:0;margin-left:0;float:left}
}
#header #button-menu + .navbar-brand{padding: 0 0 0 12px;margin-right:10px;height:auto;}
#header .nav > li > a{padding:3px 16px;line-height:38px;cursor:pointer;color:#6D6D6D;border-left:1px solid #E1E1E1}
#header .nav > li > a > .label{text-shadow:none;padding:1px 4px;position:absolute;top:8px;left:6px}
#button-menu{padding:10px 17px 9px;line-height:25px;float:left;display:inline-block;cursor:pointer;color:#6D6D6D;border-right:1px solid #E1E1E1}
#profile{display:none}
#column-left.active #profile{display:block;padding:10px 15px;overflow:auto;border-bottom:1px solid #c7c7c7}
#profile div{float:left;color:#a2a2a2}
#profile div i{font-size:42px;color:#0070ba;}
#profile div + div{margin-left:15px}
#profile h4{margin-top:6px;font-family:'Open Sans',sans-serif;font-size:15px;font-weight:400;color:#333;margin-bottom:0}
#column-left{width:50px;height:100% !important;background-color:#f5f5f5;position:absolute;top:0;padding-top:50px;z-index:10;transition:all .3s}
#column-left.active{width:235px;display:block}
#content{padding-bottom:40px;transition:all .3s}
#column-left + #content{margin-left:50px}
#column-left + #content + #footer{margin-left:50px}
@media (max-width: 767px) {
#column-left{overflow:hidden;display:none}
#column-left + #content{margin-left:0}
#column-left + #content + #footer{margin-left:0}
}
#menu,#menu ul,#menu li{padding:0;margin:0;list-style:none}
#menu{margin-bottom:25px}
#menu > li{position:relative}
#menu li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #e0e0e0}
#menu li a i{font-size:16px}
#menu > li > a{color:#333;font-size:14px;padding-left:13px;border-bottom:1px solid #e0e0e0}
#menu > li > a:hover{background-color:#0070ba;color:#fff}
#menu > li > a > span{display:none;margin-left:8px}
#menu li li a{color: #333;}
#menu li li a:hover{color:#FFF;background-color:#0070ba}
#menu li li a:before{content:"\f101";font-size:14px;font-family:FontAwesome;margin-left:10px;margin-right:10px;transition:margin ease .5s}
#menu li li a:hover:before{margin-right:20px}
#menu > li.active > a{color:#fff;background:#0070ba}
#menu li.active li a{color:#333}
#menu li li:hover a{/* color:#fff; */}
#menu li li.active a:last-child:before{margin-left:20px;margin-right:10px}
#menu > li > ul{position:absolute;left:50px;top:0;width:210px;background-color:#f5f5f5;visibility:hidden}
#menu li ul{overflow:hidden}
#menu > li:hover > ul{visibility:visible}
#menu li li a.parent:after,#column-left.active #menu > li a.parent:after{font-family:FontAwesome;content:"\f105";float:right;margin-right:8px}
#menu li li.open > a.parent:after,#column-left.active #menu > li.open > a.parent:after{font-family:FontAwesome;content:"\f107";float:right;margin-right:8px}
#menu li ul a{padding-left:20px}
#menu li li ul a{padding-left:40px}
#menu li li li ul a{padding-left:60px}
#menu li li li li ul a{padding-left:80px}
@media (min-width: 768px) {
#column-left.active{overflow:auto}
#column-left.active + #content{margin-left:235px}
#column-left.active + #content + #footer{margin-left:235px}
}
@media (max-width: 767px) {
#column-left.active + #content{position:relative;left:235px}
#column-left.active + #content + #footer{position:relative;left:235px}
}
#column-left.active{width:235px}
#column-left.active #menu li i{font-size:14px}
#column-left.active #menu > li > a > span{display:inline}
#column-left.active #menu > li > ul{position:relative;left:auto;top:auto;width:auto;visibility:visible}
#footer{height:100px;text-align:center}
.nav > li.disabled > a{color:#999}
.nav > li.disabled > a:hover,.nav > li.disabled > a:focus{color:#999}
.nav-tabs > li > a{color:#666;border-radius:2px 2px 0 0}
.nav-tabs > li > a:hover{border-color:#eee #eee #ddd}
.nav-tabs{margin-bottom:25px}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{font-weight:700;color:#333}
.form-control:hover{border:1px solid #b9b9b9;border-top-color:#a0a0a0;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
div.required .control-label:not(span):before,td.required:before{content:'* ';color:red;font-weight:700}
.table thead td span[data-toggle="tooltip"]:after,label.control-label span:after{font-family:FontAwesome;color:#0070ba;content:"\f059";margin-left:4px}
fieldset legend{padding-bottom:5px}
input[type="radio"],input[type="checkbox"]{margin:2px 0 0}
.radio,.checkbox{min-height:18px}
input[type="radio"],.radio input[type="radio"],.radio-inline input[type="radio"],input[type="checkbox"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:relative;width:13px;width:16px \0;height:13px;height:16px \0;-webkit-appearance:none;background:#fff;border:1px solid #dcdcdc;border:1px solid transparent \0;border-radius:1px}
input[type="radio"]:focus,.radio input[type="radio"]:focus,.radio-inline input[type="radio"]:focus,input[type="checkbox"]:focus,.checkbox input[type="checkbox"]:focus,.checkbox-inline input[type="checkbox"]:focus{border-color:#4d90fe;outline:0}
input[type="radio"]:active,.radio input[type="radio"]:active,.radio-inline input[type="radio"]:active,input[type="checkbox"]:active,.checkbox input[type="checkbox"]:active,.checkbox-inline input[type="checkbox"]:active{background-color:#ebebeb;border-color:#c6c6c6}
input[type="radio"]:checked,.radio input[type="radio"]:checked,.radio-inline input[type="radio"]:checked,input[type="checkbox"]:checked,.checkbox input[type="checkbox"]:checked,.checkbox-inline input[type="checkbox"]:checked{background:#fff}
input[type="radio"],.radio input[type="radio"],.radio-inline input[type="radio"]{width:15px;width:18px \0;height:15px;height:18px \0;border-radius:1em}
input[type="radio"]:checked::after,.radio input[type="radio"]:checked::after,.radio-inline input[type="radio"]:checked::after{position:relative;top:3px;left:3px;display:block;width:7px;height:7px;content:'';background:#666;border-radius:1em}
input[type="checkbox"]:hover,.checkbox input[type="checkbox"]:hover,.checkbox-inline input[type="checkbox"]:hover{border-color:#c6c6c6;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:none \9;box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:none \9}
input[type="checkbox"]:checked::after,.checkbox input[type="checkbox"]:checked::after,.checkbox-inline input[type="checkbox"]:checked::after{position:absolute;top:-6px;left:-5px;display:block;content:url('../image/checkmark.png')}
.table thead td{font-weight:700}
.table thead > tr > td,.table tbody > tr > td{vertical-align:middle}
.table a.asc:after{content:" \f107";font-family:FontAwesome;font-size:14px}
.table a.desc:after{content:" \f106";font-family:FontAwesome;font-size:14px}
.pagination{margin:0}
.form-group{padding-top:15px;padding-bottom:15px;margin-bottom:0}
.form-group + .form-group{border-top:1px solid #ededed}
.panel{border-radius:0}
.panel .panel-heading{position:relative}
.panel-heading h3 i{margin-right:8px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.panel-heading i{font-size:16px;font-weight:500}
.panel-heading h3{font-size:16px;font-weight:500;display:inline-block}
.panel-primary{border:1px solid #c3e4f6;border-top:2px solid #5cb7e7}
.panel-primary .panel-heading{color:#0070ba;border-color:#96d0f0;background:#fff}
.panel-default{border:1px solid #0070ba;border-top: 2px solid #0070ba;}
.panel-default .panel-heading{color:#595959;border-color:#e8e8e8;background:#fcfcfc}
.img-thumbnail i{color:#FFF;background-color:#EEE;text-align:center;vertical-align:middle;width:100px;height:100px;padding-top:20px;vertical-align:middle;display:inline-block}
.img-thumbnail.list i{width:40px;height:40px;padding-top:10px}
.tile{margin-bottom:15px;border-radius:3px;background-color: #fcfcfc;transition:all 1s;border: 1px solid #e5e5e5;}
.tile:hover{background:#0070ba;border: 1px solid #f48d3e;}
.tile:hover .tile-body h2{color:#fff}
.tile a{color:#FFF}
.tile-heading{padding:5px 8px;text-transform:uppercase;background-color:#0070ba;color:#FFF}
.tile .tile-heading .pull-right{transition:all 1s;opacity:.7}
.tile:hover .tile-heading .pull-right{opacity:1}
.tile-body{padding:15px;color: #0070ba;line-height:48px;}
.tile .tile-body i{font-size:50px;transition:all 1s;}
.tile:hover .tile-body i{color:#FFF;opacity:1}
.tile .tile-body h2{font-size: 20px;margin: 12px 0 0 10px;font-weight: 300;display: inline-block;vertical-align: top;color: #777;}
.tile-footer{padding:5px 8px;background-color:#0070ba}
#column-left.active #stats{display:block}
#stats{display:none;border-radius:2px;color:#666;background:#2b2b2b;margin:15px 20px;padding:5px 0}
#stats ul,#stats li{padding:0;margin:0;list-style:none}
#stats li{font-size:11px;color:#9d9d9d;padding:5px 10px;border-bottom:1px dotted #373737}
#stats div:first-child{margin-bottom:4px}
#stats .progress{height:3px;margin-bottom:0}
.jqvmap-label{z-index:999}
.alert{overflow:auto}
.collapse.in{display:block;visibility:unset}
.collapse{display:none;visibility:unset}
.form-bg1{background-color: #e4ecf3}
.form-bg2{background-color: #d8e5f0}
.form-bg3{background-color: #cddeee}
.form-bg4{background-color: #c3d8eb}
.form-bg5{background-color: #b8d2e9}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

 legend.scheduler-border {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;   
    cursor: inherit;
    display: block;
}

.btn-border{border: solid black 1px;}
.btn-border:hover{background-color:#0070ba; color:white;}

.fancybox-button--print {
  padding: 20px;
}

.fancybox-button--print svg path{
  stroke-width: 0;
}



.ImageList{margin: 0;padding: 0;}
.ImageList li{margin: 0 14px 14px 0;display: inline-block;vertical-align: top;position: relative;float: left;}
.ImageList li i.fa-minus-circle{margin: 0;width: 30px;height: 30px;background: #F44336;color: #fff;border-radius: 100px;text-align: center;padding: 5px 0 0 0;position: absolute;right: -9px;top: -9px;cursor: pointer; font-size: 20px;}
.ImageList li i.fa-minus-circle:hover{background: #333;}
button.addImg{margin: 0;background: none;border: 2px dashed #ddd;padding: 43.7px 46px;color: #999;font-size: 17px;outline: none;width: 100%;}
.ImageList li:hover button.addImg{border: 2px dashed #333;}
.ImageList li:hover button.addImg{color: #333;}

.panel-heading .accordion-toggle{        
    font-size: 15px;
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  /* essential for enabling fontawesome */
    content: "\f107";    /* adjust as needed, taken from fontawesome.css */
    top: -4px !important;
    float: right;
    color: grey;         /* adjust as needed */
    font-size: 20px;
    font-weight: bold;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f105";    /* adjust as needed, taken from fontawesome.css */
}


.info-box{display:block;min-height:90px;background:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:2px;margin-bottom:15px}.info-box small{font-size:14px}.info-box .progress{background:rgba(0,0,0,0.2);margin:5px -10px 5px -10px;height:2px}.info-box .progress,.info-box .progress .progress-bar{border-radius:0}.info-box .progress .progress-bar{background:#fff}.info-box-icon{border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px;display:block;float:left;height:90px;width:90px;text-align:center;font-size:45px;line-height:90px;background:rgba(0,0,0,0.2)}.info-box-icon>img{max-width:100%}.info-box-content{padding:5px 10px;margin-left:90px}.info-box-number{display:block;font-family:'Roboto-Bold';font-size:18px}.progress-description,.info-box-text{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-box-text{text-transform:uppercase}.info-box-more{display:block}.progress-description{margin:0}
.info-box a{color: #333; text-decoration: none;transition: all 0.3s linear; width: 100%;display: block;}
/*.info-box a:hover{color: #000; text-decoration: none;}*/
.info-box{transition: all .3s cubic-bezier(.25,.8,.25,1); display: block; cursor: pointer;}
.info-box:hover{background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22);}

.bg-white{background-color:#ffffff !important}.bg-lime{background-color:#01ff70 !important}.bg-orange{background-color:#ff851b !important}.bg-fuchsia{background-color:#f012be !important}.bg-purple{background-color:#605ca8 !important}.bg-maroon{background-color:#d81b60 !important}.bg-gray-active{color:#000;background-color:#b5bbc8 !important}.bg-black-active{background-color:#000 !important}.bg-red-active,.modal-danger .modal-header,.modal-danger .modal-footer{background-color:#d33724 !important}.bg-yellow-active,.modal-warning .modal-header,.modal-warning .modal-footer{background-color:#db8b0b !important}.bg-aqua-active,.modal-info .modal-header,.modal-info .modal-footer{background-color:#00a7d0 !important}.bg-blue-active{background-color:#005384 !important}.bg-light-blue-active,.modal-primary .modal-header,.modal-primary .modal-footer{background-color:#357ca5 !important}.bg-green-active,.modal-success .modal-header,.modal-success .modal-footer{background-color:#008d4c !important}.bg-navy-active{background-color:#001a35 !important}.bg-teal-active{background-color:#30bbbb !important}.bg-olive-active{background-color:#368763 !important}.bg-lime-active{background-color:#00e765 !important}.bg-orange-active{background-color:#ff7701 !important}.bg-fuchsia-active{background-color:#db0ead !important}.bg-purple-active{background-color:#555299 !important}.bg-maroon-active{background-color:#ca195a !important}[class^="bg-"].disabled{opacity:.65;filter:alpha(opacity=65)}.text-red{color:#dd4b39 !important}.text-yellow{color:#f39c12 !important}.text-aqua{color:#00c0ef !important}.text-blue{color:#0073b7 !important}.text-black{color:#111 !important}.text-light-blue{color:#3c8dbc !important}.text-green{color:#00a65a !important}.text-gray{color:#d2d6de !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:#605ca8 #FFFFFF}.text-maroon{color:#d81b60 #FFFFFF}
.bg-aqua,.callout.callout-info,.alert-info,.label-info,.modal-info .modal-body{background-color: #16b1c5 !important;}
.bg-blue{background-color:#0073b7 !important}
.bg-light-blue,.label-primary,.modal-primary .modal-body{background-color:#3c8dbc !important}
.bg-green,.callout.callout-success, .label-success,.modal-success .modal-body{background-color: #66aa18 !important;}
.bg-navy{background-color:#001f3f !important}.bg-teal{background-color:#39cccc !important}.bg-olive{background-color:#3d9970 !important}
.bg-gray{color:#000;background-color:#d2d6de !important}
.bg-gray-light{background-color:#f7f7f7}.bg-black{background-color:#111 !important}
.bg-red,.callout.callout-danger,.modal-danger .modal-body{background-color: #e91e63 !important;}
.bg-yellow,.callout.callout-warning,.modal-warning .modal-body{background-color: #ff9801 !important;}


.modal-notify{width: 300px; height: 300px; position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;}

.dropdown-menu-style {font-size:16px; left:10px; cursor: pointer; }
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) 
{.dropdown-menu-style {font-size:16px; left:-180px !important;top: -60px !important}}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) 
{.dropdown-menu-style {font-size:16px; left:-170px !important;top: -60px !important}}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) 
{.dropdown-menu-style {font-size:16px; left:-160px !important;top: -60px !important}}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) 
{.dropdown-menu-style {font-size:16px; left:-140px !important; top: -60px !important}}


.dropdown-menu-style-assistance {font-size:12px; left:10px; cursor: pointer; }
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) 
{.dropdown-menu-style-assistance {font-size:12px; left:-180px !important;top: -50px !important}}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) 
{.dropdown-menu-style-assistance {font-size:12px; left:-170px !important;top: -50px !important}}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) 
{.dropdown-menu-style-assistance {font-size:12px; left:-160px !important;top: -50px !important}}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) 
{.dropdown-menu-style-assistance {font-size:12px; left:-140px !important; top: -50px !important}}


.dropdown-menu-style-assistance2 {font-size:12px; left:10px; cursor: pointer; }
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) 
{.dropdown-menu-style-assistance2 {font-size:12px; left:-180px !important;top: -110px !important}}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) 
{.dropdown-menu-style-assistance2 {font-size:12px; left:-170px !important;top: -110px !important}}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) 
{.dropdown-menu-style-assistance2 {font-size:12px; left:-160px !important;top: -110px !important}}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) 
{.dropdown-menu-style-assistance2 {font-size:12px; left:-140px !important; top: -110px !important}}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) 
{.dropdown-menu-style-assistance3 {font-size:12px; left:-140px !important; top: -130px !important}}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) 
{.dropdown-menu-style-assistance4 {font-size:12px; left:-140px !important; top: -75px !important}}


/**Style for Registration = Form Print*/
  #fixedheight {/*table-layout: fixed; */ border: 1px solid #f4f4f4;}
        
  #fixedheight th, td {
    /*height: 20px;
   /* overflow: hidden;*/
    padding: 3px;
}