/* * Skin: Blue * ----------*/
.skin-blue .main-header .navbar{background-color: #3361ac;}
.skin-blue .main-header .navbar .nav > li > a{color: #ffffff;}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a{background: rgba(0, 0, 0, 0.1);color: #f6f6f6;}
.skin-blue .main-header .navbar .sidebar-toggle{color: #ffffff;}
.skin-blue .main-header .navbar .sidebar-toggle:hover{color: #f6f6f6;background: rgba(0, 0, 0, 0.1);}
.skin-blue .main-header .navbar .sidebar-toggle{color: #fff;}
.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color: #3361ac;}
@media (max-width: 767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color: rgba(255, 255, 255, 0.1);}
.skin-blue .main-header .navbar .dropdown-menu li a{color: #fff;}
.skin-blue .main-header .navbar .dropdown-menu li a:hover{background: #3361ac;}}
.skin-blue .main-header .logo{background-color: #3361ac;color: #ffffff;border-bottom: 0 solid transparent;}
.skin-blue .main-header .logo:hover{background-color: #3361ac;}
.skin-blue .main-header li.user-header{background-color: #3361ac;}
.skin-blue .content-header{background: transparent;}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side{background-color: #f0f3f8; border-right: 1px solid #ccc;}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a{color: #fff;}
.skin-blue .sidebar-menu > .treeview a{ border-bottom: 1px solid #e5e5e5;}
.skin-blue .sidebar-menu > li.header{color: #4b646f;background: #1a2226;}
.skin-blue .sidebar-menu > li.active{ border-right: 1px solid #4f7bba;}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a{color: #3361ac;background: #f8f8f8; }
.skin-blue .sidebar-menu > li > .treeview-menu{margin: 0 1px;}
.skin-blue .sidebar a{color: #585858;background: #f8f8f8;}
.skin-blue .sidebar a:hover{text-decoration: none;}
.skin-blue .treeview-menu > li,.skin-blue .treeview-menu > li > a{background: #ffffff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.skin-blue .treeview-menu .treeview-menu >li>a{ padding-left: 10px;}

.skin-blue .treeview-menu:before{content: '';display: block;    position: absolute;    z-index: 1;    left: 18px;    top: 47px;    bottom: 0;    border: 1px dotted;    border-width: 0 0 0 1px;border-color: #9dbdd6;}

.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover{color: #3361ac;}
.skin-blue .sidebar-form{border-radius: 3px;border: 1px solid #374850;margin: 10px 10px;}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn{box-shadow: none;background-color: #374850;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.skin-blue .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
.skin-blue .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
.skin-blue.layout-top-nav .main-header > .logo{background-color: #3361ac;color: #ffffff;border-bottom: 0 solid transparent;}
.skin-blue.layout-top-nav .main-header > .logo:hover{background-color: #3b8ab8;}
/* * Skin: Blue * ----------*/

.skin-show .wrapper{background-color: #f5f5f5;}

.skin-show .sidebar-menu > .treeview a{ }
.skin-show .sidebar-menu > li.header{color: #4b646f;background: #1a2226;}
.skin-show .sidebar-menu > li:hover > a,
.skin-show .sidebar-menu > li.active > a{color: #3361ac;background: #f0f3f8;}
.skin-show .sidebar-menu > li > .treeview-menu{margin: 0 1px;}
.skin-show .sidebar a{color: #585858;background: #f8f8f8;}
.skin-show .sidebar a:hover{text-decoration: none;}
.skin-show .treeview-menu > li,.skin-show .treeview-menu > li > a{background: #f0f3f8;}


.skin-show .treeview-menu>li>a>.fa{ width: 5px;}
.skin-show .treeview-menu > li.active > a,
.skin-show .treeview-menu > li > a:hover{color: #3361ac;background: #f9fdff;}
.skin-show .sidebar-form{border-radius: 3px;border: 1px solid #374850;margin: 10px 10px;}
.skin-show .sidebar-form input[type="text"],
.skin-show .sidebar-form .btn{box-shadow: none;background-color: #374850;border: 1px solid transparent;height: 35px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.skin-show .sidebar-form input[type="text"]{color: #666;border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;}
.skin-show .sidebar-form input[type="text"]:focus,
.skin-show .sidebar-form input[type="text"]:focus + .input-group-btn .btn{background-color: #fff;color: #666;}
.skin-show .sidebar-form input[type="text"]:focus + .input-group-btn .btn{border-left-color: #fff;}
.skin-show .sidebar-form .btn{color: #999;border-top-left-radius: 0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 0;}
.skin-show.layout-top-nav .main-header > .logo{background-color: #3361ac;color: #ffffff;border-bottom: 0 solid transparent;}
.skin-show.layout-top-nav .main-header > .logo:hover{background-color: #3b8ab8;}





.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,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer{color: #fff !important;}
.bg-gray{color: #000;background-color: #d2d6de !important;}
.bg-gray-light{background-color: #f7f7f7;}
.bg-black{background-color: #111111 !important;}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body{background-color: #dd4b39 !important;}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body{background-color: #f39c12 !important;}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body{background-color: #00c0ef !important;}
.bg-blue{background-color: #0073b7 !important;}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body{background-color: #3361ac !important;}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body{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: #605ca8 !important;}
.bg-maroon{background-color: #d81b60 !important;}
.bg-gray-active{color: #000;background-color: #b5bbc8 !important;}
.bg-black-active{background-color: #000000 !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: 0.65;filter: alpha(opacity=65);}
.fz16{font-size:16px;}
.text-red{color: #dd4b39 !important;}
.text-yellow{color: #f39c12 !important;}
.text-aqua{color: #00c0ef !important;}
.text-blue{color: #0073b7 !important;}
.text-black{color: #111111 !important;}
.text-light-blue{color: #3361ac !important;}
.text-green,.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 !important;}
.text-maroon{color: #d81b60 !important;}
.link-muted{color: #7a869d;}
.link-muted:hover,
.link-muted:focus{color: #606c84;}
.link-black{color: #666;}
.link-black:hover,
.link-black:focus{color: #999;}
.hide{display: none !important;}
.no-border{border: 0 !important;}
.no-padding{padding: 0 !important;}
.no-margin{margin: 0 !important;}
.no-shadow{box-shadow: none !important;}
.list-unstyled,
.chart-legend,
.contacts-list,
.users-list,
.mailbox-attachments{list-style: none;margin: 0;padding: 0;}
.list-group-unbordered > .list-group-item{border-left: 0;border-right: 0;border-radius: 0;padding-left: 0;padding-right: 0;}
.flat{border-radius: 0 !important;}
.text-bold,
.text-bold.table td,
.text-bold.table th{font-weight: 700;}
.text-sm{font-size: 12px;}
.jqstooltip{padding: 5px !important;width: auto !important;height: auto !important;}
.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: #3361ac !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3361ac), color-stop(1, #67a8ce)) !important;background: -ms-linear-gradient(bottom, #3361ac, #67a8ce) !important;background: -moz-linear-gradient(center bottom, #3361ac 0%, #67a8ce 100%) !important;background: -o-linear-gradient(#67a8ce, #3361ac) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3361ac', 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: #605ca8 !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;background: -o-linear-gradient(#9491c4, #605ca8) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', 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: #dd4b39 !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;background: -o-linear-gradient(#e47365, #dd4b39) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;color: #fff;}
.bg-black-gradient{background: #111111 !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important;background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important;background: -o-linear-gradient(#2b2b2b, #111111) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;color: #fff;}
.bg-maroon-gradient{background: #d81b60 !important;background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;background: -o-linear-gradient(#e73f7c, #d81b60) !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;color: #fff;}

.sidebar-shortcuts{ text-align: center; padding: 5px 0px; background:#e3e6ed}
.sidebar-shortcuts-large>.btn{ padding:2px 5px;font-size:12px;}
.sidebar-shortcuts-large>.btn>.iconfont { font-size:18px}
.btn{background: #fff;color: #3361ac;}
.btn:hover{background: #fff;color: #1d488d;}
.btn-blue,.btn-blue:focus{background: #3361ac; color: #fff;}
.btn-blue:hover{background: #1d488d; color: #fff;}