.modal-header{background-color:#00c0ef;}
.content-wrapper .content-tabs .page-tabs a:hover{background:#ddd;color:#337ab7;}
.content-wrapper .content-tabs .page-tabs a.active{background: #337ab7;color: #fff;}
.content-wrapper .content-tabs button:hover{background:#ddd;color:#337ab7;}
.content-wrapper .content-tabs button:hover i{color:#337ab7;}
.content-wrapper .content-tabs .dropdown:hover i{color:#337ab7;}
.sidebar-menu .treeview a:hover{background:rgba(0,0,0,.1) !important;border-left-color: #337ab7 !important;}
.sidebar-menu .treeview a:hover i{color:#337ab7;}
.sidebar-menu .treeview a:hover span{color:#337ab7;}
.sidebar-menu .treeview-menu .menuItem:hover{color:#337ab7;border-left:3px solid #337ab7;}
.menuSelected{color:#337ab7 !important;border-left:3px solid #337ab7 !important;background:rgba(0,0,0,.1) !important;}
.btn_system{background-color: #00c0ef;border-color: #00c0ef;color:#fff;}
.btn_common{background-color:#337ab7;border-color: #2e6da4;color:#fff;}
.navbar-nav .dropdown-menu>li>a:hover{background-color: #00c0ef;}
.content-wrapper .dropdown-menu>li>a:hover{background-color: #00c0ef;}
.page{background: #f8f8f8;}
.page a:hover{box-shadow: 5px 5px 15px #2196f3;color:#2196f3;}
.panel .panel-heading{color: #337ab7;}

@media (min-width:2400px){
    .sidebar-menu .treeview-menu .menuItem:hover{border-left:5px solid #337ab7;}
}
@media (min-width:3000px){
.page a:hover{box-shadow: 15px 15px 25px #2196f3;}
}
@media (min-width:4000px){
    .sidebar-menu .treeview-menu .menuItem:hover{border-left:10px solid #337ab7;}
}
@media (min-width:5000px){
    .page a:hover{box-shadow: 20px 20px 30px #2196f3;}
}
@media (min-width:6000px){
    .page a:hover{box-shadow: 25px 25px 35px #2196f3;}
}