.skin-red .main-header .navbar{
background-color:#fff;
}
.skin-red .main-header .navbar .nav>li>a{
color:#666666;
}
.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav>.active>a{
background:rgba(0,0,0,0);
color:#0eabd6
}
.skin-red .main-header .navbar .sidebar-toggle{
color:#fff
}
.skin-red .main-header .navbar .sidebar-toggle:hover{
color:#f6f6f6;
background:rgba(0,0,0,0.1)
}
.skin-red .main-header .navbar .sidebar-toggle{
color:#0eabd6;
}
.skin-red .main-header .navbar .sidebar-toggle:hover{
background-color:#14caef
}
@media (max-width:767px){
.skin-red .main-header .navbar .dropdown-menu li.divider{
background-color:rgba(255,255,255,0.1)
}
.skin-red .main-header .navbar .dropdown-menu li a{
color:#fff
}
.skin-red .main-header .navbar .dropdown-menu li a:hover{
background:#14caef
}
}
.skin-red .main-header .logo{
background-color:#fff;
color:#0eabd6;
border-bottom:0 solid transparent
}
.skin-red .main-header .logo:hover{
/* background-color:#04b3d6 */
}
.skin-red .main-header li.user-header{
background-color:#12a7d2
}
.skin-red .content-header{
background:transparent
}
.skin-red .wrapper,.skin-red .main-sidebar,.skin-red .left-side{
background-color:#12a7d2;
}
.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{
color:#fff
}
.skin-red .sidebar-menu>li.header{
color:#4b646f;
background:#1a2226
}
.skin-red .sidebar-menu>li>a{
border-left:3px solid transparent
}
.skin-red .sidebar-menu>li:hover>a,.skin-red .sidebar-menu>li.active>a,.skin-red .sidebar-menu>li.menu-open>a{
color:#fff;
background:#226c97;
}
.skin-red .sidebar-menu>li.active>a{
border-left-color:#feb159;
}
.skin-red .sidebar-menu>li>.treeview-menu{
margin:0;
background:#105882;
}
.skin-red .sidebar a{
color:#fff;
}
.skin-red .sidebar a:hover{
text-decoration:none
}
.skin-red .sidebar-menu .treeview-menu>li>a{
color:#fff;
}
.skin-red .sidebar-menu .treeview-menu>li.active>a,.skin-red .sidebar-menu .treeview-menu>li>a:hover{
color:#fff
}
.skin-red .sidebar-form{
border-radius:3px;
border:1px solid #374850;
margin:10px 10px
}
.skin-red .sidebar-form input[type="text"],.skin-red .sidebar-form .btn{
box-shadow:none;
background-color:#374850;
border:1px solid transparent;
height:35px
}
.skin-red .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-red .sidebar-form input[type="text"]:focus,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
background-color:#fff;
color:#666
}
.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
border-left-color:#fff
}
.skin-red .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
}
/*my style*/
.m0{margin: 0;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mb-5{margin-bottom: 5px; margin-top:15px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.head-right-top-options{
position: absolute;
right: 15px;
top: 15px;
}
.head-right-top-options button{margin-left: 10px;}
.controls button{font-size: 16px;
padding: 0;
width: 32px;
height: 32px;
text-align: center;
line-height: 32px;
margin-right: 5px;
}
.bg-lg-width{min-width: 100px;}
/*input file*/
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.inputfile + label {
max-width: 80%;
font-size: 16px;
/* 20px */
font-weight: normal;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 0.625rem 1.25rem;
/* 10px 20px */
}
.no-js .inputfile + label {
display: none;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
/* pointer-events: none; */
/* in case of FastClick lib use */
}
.inputfile + label svg {
width: 1em;
height: 1em;
vertical-align: middle;
fill: currentColor;
margin-top: -0.25em;
/* 4px */
margin-right: 0.25em;
/* 4px */
}
.inputfile-1 + label {
color: #fff;
background-color: #ef3f23;
border-radius: 3px;
}
.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
background-color: #da2d12;
}
.form-group textarea{
width: 100%;
max-width: 800px;
min-height: 150px;
resize:none;
border:1px solid #d2d6de;
padding: 6px 12px;
}
/*pointer none*/
.pointer_none{pointer-events:none;}