/*   === ### ===  Input Group was changed in bootstrap file {{{ .input-group[class*="col-"] change to .input-group.col or.input-group[class="col-"]  }}}  === ### ===  */
@import url(https://fonts.googleapis.com/css?family=Economica:700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);


/*   === ### ===  Top Horizondal Menu Colour   === ### ===  */
.navbar-inverse{background-color: #D3702E;border-color: #D3702E}.navbar-inverse .navbar-brand{color: #999}.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{color: #fff;background-color: transparent}.navbar-inverse .navbar-text{color: #999}.navbar-inverse .navbar-nav > li > a{color: #fff;background-color: #D3702E}.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{color: #fff;background-color: #C49232}.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{color: #fff;background-color: #C49232}.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus{color: #444;background-color: transparent}.navbar-inverse .navbar-toggle{border-color: #333}.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: #333}.navbar-inverse .navbar-toggle .icon-bar{background-color: #fff}.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border-color: #101010}.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{color: #fff;background-color: #C49232}.navbar-inverse .navbar-nav > .dropdown > a:hover .caret{border-top-color: #fff;border-bottom-color: #fff}.navbar-inverse .navbar-nav > .dropdown > a .caret{border-top-color: #999;border-bottom-color: #999}.navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret{border-top-color: #fff;border-bottom-color: #fff}@media (max-width: 767px){.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header{border-color: #D3702E}.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color: #fff;background-color: #D3702E}.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{color: #fff;background-color: #C49232}.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus{color: #fff;background-color: #D3702E}.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus{color: #444;background-color: transparent}}.navbar-inverse .navbar-link{color: #999}.navbar-inverse .navbar-link:hover{color: #fff}

/*   === ### ===  Bottom Horizondal Menu Colour   === ### ===  */
.navbar-gray{background-color:#D9E0BF;border-color:#ccc}.navbar-gray .navbar-brand{color:#777}.navbar-gray .navbar-brand:focus,.navbar-gray .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-gray .navbar-text{color:#777}.navbar-gray .navbar-nav>li>a{color:#777}.navbar-gray .navbar-nav>li>a:focus,.navbar-gray .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-gray .navbar-nav>.active>a,.navbar-gray .navbar-nav>.active>a:focus,.navbar-gray .navbar-nav>.active>a:hover{color:#555;background-color:#D9E0BF}.navbar-gray .navbar-nav>.disabled>a,.navbar-gray .navbar-nav>.disabled>a:focus,.navbar-gray .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-gray .navbar-toggle{border-color:#ddd}.navbar-gray .navbar-toggle:focus,.navbar-gray .navbar-toggle:hover{background-color:#ddd}.navbar-gray .navbar-toggle .icon-bar{background-color:#888}.navbar-gray .navbar-collapse,.navbar-gray .navbar-form{border-color:#D9E0BF}.navbar-gray .navbar-nav>.open>a,.navbar-gray .navbar-nav>.open>a:focus,.navbar-gray .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-gray .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-gray .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-gray .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-gray .navbar-nav .open .dropdown-menu>.active>a,.navbar-gray .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-gray .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#D9E0BF}.navbar-gray .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-gray .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-gray .navbar-link{color:#777}.navbar-gray .navbar-link:hover{color:#333}.navbar-gray .btn-link{color:#777}.navbar-gray .btn-link:focus,.navbar-gray .btn-link:hover{color:#333}.navbar-gray .btn-link[disabled]:focus,.navbar-gray .btn-link[disabled]:hover,fieldset[disabled] .navbar-gray .btn-link:focus,fieldset[disabled] .navbar-gray .btn-link:hover{color:#ccc}


/*   === ### ===  Top Horizondal Menu dropdown select color  === ### ===  */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{text-decoration: none;color: #fff;background-color: #C49232}.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{text-decoration: none;color: #fff;background-color: #C49232;outline: 0}	

/*   === ### ===  Tooltip  === ### ===  
.tooltip{position: absolute;z-index: 1030;display: block;font-size: 12px;font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;line-height: 1.4;opacity: 0;filter: alpha(opacity=0);visibility: visible}.tooltip.in{opacity: .9;filter: alpha(opacity=90)}.tooltip.top{padding: 5px 0;margin-top: -3px}.tooltip.right{padding: 0 5px;margin-left: 3px}.tooltip.bottom{padding: 5px 0;margin-top: 3px}.tooltip.left{padding: 0 5px;margin-left: -3px}.tooltip-inner{max-width: 460px;padding: 3px 8px;color: #fff;text-align: left;white-space: pre-wrap;text-decoration: none;background-color: #000;border-radius: 4px}.tooltip-arrow{position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid}.tooltip.top .tooltip-arrow{bottom: 0;left: 50%;margin-left: -5px;border-top-color: #000;border-width: 5px 5px 0}.tooltip.top-left .tooltip-arrow{bottom: 0;left: 5px;border-top-color: #000;border-width: 5px 5px 0}.tooltip.top-right .tooltip-arrow{right: 5px;bottom: 0;border-top-color: #000;border-width: 5px 5px 0}.tooltip.right .tooltip-arrow{top: 50%;left: 0;margin-top: -5px;border-right-color: #000;border-width: 5px 5px 5px 0}.tooltip.left .tooltip-arrow{top: 50%;right: 0;margin-top: -5px;border-left-color: #000;border-width: 5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top: 0;left: 50%;margin-left: -5px;border-bottom-color: #000;border-width: 0 5px 5px}.tooltip.bottom-left .tooltip-arrow{top: 0;left: 5px;border-bottom-color: #000;border-width: 0 5px 5px}.tooltip.bottom-right .tooltip-arrow{top: 0;right: 5px;border-bottom-color: #000;border-width: 0 5px 5px}*/


/*   === ### ===  Modal  === ### ===  */
.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:5px;border-bottom:0px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:5px;border-top:0px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}

/*   === ### ===  Container(Used to in website automatic space allocated 4 edges)   === ### ===  */
.container{padding-right: 15px;padding-top: 100px;padding-bottom: 50px;padding-left: 15px;margin-right: auto;margin-left: auto;}@media (min-width: 868px){.container {width: 850px;}} @media (min-width: 1092px){.container{width: 1070px;}} @media (min-width: 1300px) {.container {width: 1270px;}}


/*   === ### ===  Table Border   === ### ===  */
.table-bordered{border: 0 solid #ddd}.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{border: 0 solid #ddd}.table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width: 2px}


/*   === ### ===  Text Size and Color  === ### ===  */
.btn,.dropdown-menu,.form-control,.input-group-addon,.popover,.popover-title,body{font-size:13px}body{font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:1.42857143;color:#B65B15;background-color:#D9E0BF}
.fa-6x{font-size:6em} .fa-2x{font-size:1.5em} .text-info{color:#B65B15} .text-white{color:#fff} .text-black{color:#777} .text-gold{color:#F5C231} .text-silver{color:#B2B3B5} .text-bronze{color:#AB491A} .alert-info{color:#B65B15;background-color:#D9DBB4;border-color:#D9DBB4}

/*   === ### ===  Panel Color Changed   === ### ===  */
.panel-default{border-color:#D9E0BF}.panel-default>.panel-heading{color:#fff;background-color:#789C70;border-color:#D9E0BF}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#789C70}.panel-default>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#D9E0BF}


/*   === ### ===  Login Page Panel Image   === ### ===  */
.head{position:absolute;top:-10%;left:40%}.head i{background-color:#D3702E;padding:5px 10px;display:inline-block;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;-moz-box-shadow:0 0 2px #888;-webkit-box-shadow:0 0 2px #888;box-shadow:0 0 2px #888}

/*   === ### ===  a href color change   === ### ===  */
a:link{color:#B65B15;text-decoration:none}a:visited{color:#B65B15}a:hover{color:#C49232;text-decoration:underline}a:active{color:#C49232}

/*   === ### ===  Alert-Warning Color Changed   === ### ===  */
.alert-warning{color:#B65B15;font-size:13px;background-color:#F0F0F0;border-color:#F0F0F0}.alert-warning hr{border-top-color:#F8F8F8}.alert-warning .alert-link{color:#B65B15}

/*   === ### ===  Alert-Panel Color Changed   === ### ===  */
.alert-panel{color:#FFF;font-size:13px;background-color:#789C70;border-color:#D9E0BF}

/*   === ### ===  Logo   === ### ===  */	
.logo,.logo-home{display:inline-block;text-decoration:none;font-family:Economica;color:#FFF},.control-label-vsl{text-align:right}.logo{font-size:60px}.logo-home{font-size:36px}.menu-top{top:15px}.disable-dropdown{color:#fff;background-color:#D3702E}


/*   === ### ===  Circle Button   === ### ===  */
.btn-circle{width:15px;height:15px;padding:1px 0;border-radius:10px;text-align:center;font-size:9px;line-height:1.428571429}


/*   === ### ===  Ajax Loader   === ### ===  */
.loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url(../img/ajax-loader-black.gif) 50% 50% no-repeat #f9f9f9}

/*   === ### ===  Panel Box   === ### ===  */
.panel-box{overflow:auto;height:12em;padding:6px 12px;font-size:13px;line-height:1.42857143;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

/*   === ### ===  Form Control   === ### ===  */
.form-control1{display:block;width:100%;height:34px;padding:6px 12px;font-size:12px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s}.form-control1:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control1:-moz-placeholder{color:#999}.form-control1::-moz-placeholder{color:#999}.form-control1:-ms-input-placeholder{color:#999}.form-control1::-webkit-input-placeholder{color:#999}.form-control1[disabled],.form-control1[readonly],fieldset[disabled] .form-control1{cursor:not-allowed;background-color:#eee}textarea.form-control1{height:auto}

/*   === ### ===  Button Warning   === ### ===  */
.btn-warning{color:#fff;background-color:#D3702E;border-color:#D3702E}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#C49232;border-color:#C49232}.btn-warning:hover{color:#fff;background-color:#C49232;border-color:#C49232}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#C49232;border-color:#C49232}

/*   === ### ===  Button Success   === ### ===  */
.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}

/*   === ### ===  Small Box   === ### ===  */
.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: 38px;font-weight: 700;margin: 0 0 10px;white-space: nowrap;padding: 0}.small-box p{font-size: 15px}.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: 5px;right: 5px;z-index: 0;font-size: 90px;color: rgba(0, 0, 0, 0.15)}.small-box:hover{text-decoration: none;color: #f9f9f9}.small-box:hover .icon{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: 90px}to{font-size: 100px}}@-webkit-keyframes tansformAnimation{from{font-size: 90px}to{font-size: 100px}}@media screen and (max-width: 480px){.small-box{text-align: center}.small-box .icon{display: none}.small-box p{font-size: 12px}}.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;padding-bottom: 10px}.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 0 10px 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}



/*   === ### ===  BG Color Code   === ### ===  */
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-light-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-light-orange{color: #f9f9f9!important}.bg-gray{background-color: #eaeaec!important}.bg-black{background-color:#804000!important}.bg-red{background-color: #d9534f!important}.bg-yellow{background-color: #f39c12!important}.bg-aqua{background-color: #00c0ef!important}.bg-blue{background-color: #0073b7!important}.bg-light-blue{background-color: #337ab7!important}.bg-green{background-color: #00a65a!important}.bg-light-green{background-color: #5cb85c!important}.bg-navy{background-color: #001f3f!important}.bg-teal{background-color: #39cccc!important}.bg-olive{background-color: #3d9970!important}.bg-lime{background-color: #808000!important}.bg-orange{background-color: #ff851b!important}.bg-light-orange{background-color:#C60!important}.bg-fuchsia{background-color: #f012be!important}.bg-purple{background-color: #932ab6!important}.bg-maroon{background-color: #85144b!important}

/*   === ### ===  Print Page   === ### ===  */
@media print{a[href]:after{content:none;}}

/*   === ### ===  Sticky Contained Sidebar   === ### ===  */
.cabinet-box,.cabinet-drawer{bottom:0;left:0;right:0;top:0}.cabinet{position:fixed;transition:all cubic-bezier(.19,1,.22,1);transition-duration:.4s}.cabinet-drawer{position:absolute}.cabinet-drawer.drawer-open{z-index:30}.cabinet-drawer.drawer-close{z-index:0}.cabinet-knob{position:absolute;background-color:#D3702E;color:#fff;border:1px solid #ddd}.cabinet.cabinet-open .cabinet-drawer.drawer-open .cabinet-knob{background-color:#D3702E;border:none;z-index:10}.cabinet-box{position:absolute;overflow:hidden;background-color:#fff;border:1px solid #ddd;padding:10px; height:180px}.cabinet-right{bottom:100px;right:0;height:20px}.cabinet-right .cabinet-knob p{transform:rotate(-90deg);transform-origin:left bottom;position:absolute;bottom:0;left:30px;right:-150px;overflow:hidden}.cabinet-right .cabinet-drawer:nth-child(1) .cabinet-knob{top:0}.cabinet-right .cabinet-drawer:nth-child(2) .cabinet-knob{top:calc(100px - 10px)}.cabinet-right .cabinet-drawer:nth-child(3) .cabinet-knob{top:calc(200px - 20px)}.cabinet-right .cabinet-drawer:nth-child(4) .cabinet-knob{top:calc(300px - 30px)}.cabinet-right .cabinet-drawer:nth-child(5) .cabinet-knob{top:calc(400px - 40px)}.cabinet-right .cabinet-knob{width:50px;height:0px;left:-60px;border-radius:10px 0 0 10px;box-shadow:-2px 2px 5px 0 #aaa}.cabinet-right.cabinet.cabinet-open .cabinet-drawer.drawer-open .cabinet-knob{box-shadow:-5px 5px 10px 0 #aaa}
/* ---------------------------------------------------------------------------
   Bootstrap 3.4 compatibility fix.
   Several forms put a grid column class directly on an .input-group element
   (e.g. the Start date / End date fields: <div class="col-sm-4 input-group">).
   Bootstrap 3.4 fixed a selector typo so that
       .input-group[class*="col-"] { float:none; padding:0 }
   now applies to those elements, which makes side-by-side fields stack.
   Restore the pre-3.4 (3.3.6) layout the app was built against.
   --------------------------------------------------------------------------- */
.input-group[class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}
.input-group[class*="col-xs-"] {
    float: left;
}
@media (min-width: 768px) {
    .input-group[class*="col-sm-"],
    .input-group[class*="col-md-"],
    .input-group[class*="col-lg-"] {
        float: left;
    }
}