.skin-blue .main-header .navbar {
   background-color:#26a69a; box-shadow: 0 0 5px rgba(86, 96, 117, 0.15);
}
.skin-blue .main-header .navbar .nav>li>a {
    color: #fff
}
.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: #312c2d
}
.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: #312c2d;/* border-left:#ededee solid 1px;*/
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #b7d5ab ;  /*background-color: rgba(0, 0, 0, 0.2);*/ color: #312c2d;
}
@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: #367fa9
    }
	.content{ margin-top:50px;}
}
.skin-blue .main-header .logo {
    background-color: #fff;
    color: #fff;
    border-bottom: 0 solid transparent
}
.skin-blue .main-header .logo:hover {
    background-color: #fff
}
.skin-blue .main-header li.user-header {
    background-color: #3c8dbc
}
.skin-blue .content-header {
    /*background: #b7d5ab;*/ padding-bottom:8px; border-bottom:#dbdbdb solid 0px; background:#505c67; color:#fff;height:38px;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    /*background-color: #35373d*/ background-color: #2f3038; /*border-right:#bababa solid 1px;#505c67 */
}
.skin-blue .user-panel>.info,
.skin-blue .user-panel>.info>a {
    color: #fff
}
.skin-blue .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}
.skin-blue .sidebar-menu>li>a {
    border-left: 3px solid transparent
}
.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
    color: #fff;
    background: #3c8e7c;
    border-left-color: #63d79a
}
.skin-blue .sidebar-menu>li>a i {
    
}
.skin-blue .sidebar-menu>li:hover>a i,
.skin-blue .sidebar-menu>li.active>a i {
    color: #fff;
   
}



.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0px 0px;
    background: #2a7e6c
}
.skin-blue .sidebar a {
    color: #fff
}
.skin-blue .sidebar a:hover {
    text-decoration: none
}
.skin-blue .treeview-menu>li>a {
    color: #fff; 
}
.skin-blue .treeview-menu>li.active>a,
.skin-blue .treeview-menu>li>a:hover {
    color: #fff; background: #3c8e7c; 
}
.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 .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .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: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}
.skin-blue.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}
.skin-blue-light .main-header .navbar {
    background-color: #3c8dbc
}
.skin-blue-light .main-header .navbar .nav>li>a {
    color: #fff
}
.skin-blue-light .main-header .navbar .nav>li>a:hover,
.skin-blue-light .main-header .navbar .nav>li>a:active,
.skin-blue-light .main-header .navbar .nav>li>a:focus,
.skin-blue-light .main-header .navbar .nav .open>a,
.skin-blue-light .main-header .navbar .nav .open>a:hover,
.skin-blue-light .main-header .navbar .nav .open>a:focus,
.skin-blue-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #367fa9
}
@media (max-width: 767px) {
    .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-blue-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
        background: #367fa9
    }
	.skin-blue .sidebar-menu>li>a i {
    
}
.skin-blue .sidebar-menu>li:hover>a i,
.skin-blue .sidebar-menu>li.active>a i {
    color: #fff;
   
}
}
.skin-blue-light .main-header .logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}
.skin-blue-light .main-header .logo:hover {
    background-color: #3b8ab8
}
.skin-blue-light .main-header li.user-header {
    background-color: #3c8dbc
}
.skin-blue-light .content-header {
    background: transparent
}
.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar,
.skin-blue-light .left-side {
    background-color: #f9fafc
}
.skin-blue-light .content-wrapper,
.skin-blue-light .main-footer {
    border-left: 1px solid #d2d6de
}
.skin-blue-light .user-panel>.info,
.skin-blue-light .user-panel>.info>a {
    color: #444
}
.skin-blue-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}
.skin-blue-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}
.skin-blue-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600
}
.skin-blue-light .sidebar-menu>li:hover>a,
.skin-blue-light .sidebar-menu>li.active>a {
    color: #000;
    background: #f4f4f5
}
.skin-blue-light .sidebar-menu>li.active {
    border-left-color: #3c8dbc
}
.skin-blue-light .sidebar-menu>li.active>a {
    font-weight: 600
}
.skin-blue-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}
.skin-blue-light .sidebar a {
    color: #444
}
.skin-blue-light .sidebar a:hover {
    text-decoration: none
}
.skin-blue-light .treeview-menu>li>a {
    color: #777
}
.skin-blue-light .treeview-menu>li.active>a,
.skin-blue-light .treeview-menu>li>a:hover {
    color: #000
}
.skin-blue-light .treeview-menu>li.active>a {
    font-weight: 600
}
.skin-blue-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}
.skin-blue-light .sidebar-form input[type="text"],
.skin-blue-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.skin-blue-light .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-light .sidebar-form input[type="text"]:focus,
.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}
.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}
.skin-blue-light .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
}
@media (min-width: 768px) {
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}
.skin-blue-light .main-footer {
    border-top-color: #d2d6de
}
.skin-blue.layout-top-nav .main-header>.logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent
}
.skin-blue.layout-top-nav .main-header>.logo:hover {
    background-color: #3b8ab8
}
.skin-black .main-header {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}
.skin-black .main-header .navbar-toggle {
    color: #333
}
.skin-black .main-header .navbar-brand {
    color: #333;
    border-right: 1px solid #eee
}
.skin-black .main-header>.navbar {
    background-color: #fff
}
.skin-black .main-header>.navbar .nav>li>a {
    color: #333
}
.skin-black .main-header>.navbar .nav>li>a:hover,
.skin-black .main-header>.navbar .nav>li>a:active,
.skin-black .main-header>.navbar .nav>li>a:focus,
.skin-black .main-header>.navbar .nav .open>a,
.skin-black .main-header>.navbar .nav .open>a:hover,
.skin-black .main-header>.navbar .nav .open>a:focus,
.skin-black .main-header>.navbar .nav>.active>a {
    background: #fff;
    color: #999
}
.skin-black .main-header>.navbar .sidebar-toggle {
    color: #333
}
.skin-black .main-header>.navbar .sidebar-toggle:hover {
    color: #999;
    background: #fff
}
.skin-black .main-header>.navbar>.sidebar-toggle {
    color: #333;
    border-right: 1px solid #eee
}
.skin-black .main-header>.navbar .navbar-nav>li>a {
    border-right: 1px solid #eee
}
.skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a,
.skin-black .main-header>.navbar .navbar-right>li>a {
    border-left: 1px solid #eee;
    border-right-width: 0
}
.skin-black .main-header>.logo {
    background-color: #fff;
    color: #333;
    border-bottom: 0 solid transparent;
    border-right: 1px solid #eee
}
.skin-black .main-header>.logo:hover {
    background-color: #fcfcfc
}
@media (max-width: 767px) {
    .skin-black .main-header>.logo {
        background-color: #222;
        color: #fff;
        border-bottom: 0 solid transparent;
        border-right: none
    }
    .skin-black .main-header>.logo:hover {
        background-color: #1f1f1f
    }
}
.skin-black .main-header li.user-header {
    background-color: #222
}
.skin-black .content-header {
    background: transparent;
    box-shadow: none
}
.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
    background-color: #222d32
}
.skin-black .user-panel>.info,
.skin-black .user-panel>.info>a {
    color: #fff
}
.skin-black .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}
.skin-black .sidebar-menu>li>a {
    border-left: 3px solid transparent
}
.skin-black .sidebar-menu>li:hover>a,
.skin-black .sidebar-menu>li.active>a {
    color: #fff;
    background: #1e282c;
    border-left-color: #fff
}
.skin-black .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}
.skin-black .sidebar a {
    color: #b8c7ce
}
.skin-black .sidebar a:hover {
    text-decoration: none
}
.skin-black .treeview-menu>li>a {
    color: #8aa4af
}
.skin-black .treeview-menu>li.active>a,
.skin-black .treeview-menu>li>a:hover {
    color: #fff
}
.skin-black .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}
.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.skin-black .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-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}
.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}
.skin-black .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-black-light .main-header {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}
.skin-black-light .main-header .navbar-toggle {
    color: #333
}
.skin-black-light .main-header .navbar-brand {
    color: #333;
    border-right: 1px solid #eee
}
.skin-black-light .main-header>.navbar {
    background-color: #fff
}
.skin-black-light .main-header>.navbar .nav>li>a {
    color: #333
}
.skin-black-light .main-header>.navbar .nav>li>a:hover,
.skin-black-light .main-header>.navbar .nav>li>a:active,
.skin-black-light .main-header>.navbar .nav>li>a:focus,
.skin-black-light .main-header>.navbar .nav .open>a,
.skin-black-light .main-header>.navbar .nav .open>a:hover,
.skin-black-light .main-header>.navbar .nav .open>a:focus,
.skin-black-light .main-header>.navbar .nav>.active>a {
    background: #fff;
    color: #999
}
.skin-black-light .main-header>.navbar .sidebar-toggle {
    color: #333
}
.skin-black-light .main-header>.navbar .sidebar-toggle:hover {
    color: #999;
    background: #fff
}
.skin-black-light .main-header>.navbar>.sidebar-toggle {
    color: #333;
    border-right: 1px solid #eee
}
.skin-black-light .main-header>.navbar .navbar-nav>li>a {
    border-right: 1px solid #eee
}
.skin-black-light .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a,
.skin-black-light .main-header>.navbar .navbar-right>li>a {
    border-left: 1px solid #eee;
    border-right-width: 0
}
.skin-black-light .main-header>.logo {
    background-color: #fff;
    color: #333;
    border-bottom: 0 solid transparent;
    border-right: 1px solid #eee
}
.skin-black-light .main-header>.logo:hover {
    background-color: #fcfcfc
}
@media (max-width: 767px) {
    .skin-black-light .main-header>.logo {
        background-color: #222;
        color: #fff;
        border-bottom: 0 solid transparent;
        border-right: none
    }
    .skin-black-light .main-header>.logo:hover {
        background-color: #1f1f1f
    }
}
.skin-black-light .main-header li.user-header {
    background-color: #222
}
.skin-black-light .content-header {
    background: transparent;
    box-shadow: none
}
.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side {
    background-color: #f9fafc
}
.skin-black-light .content-wrapper,
.skin-black-light .main-footer {
    border-left: 1px solid #d2d6de
}
.skin-black-light .user-panel>.info,
.skin-black-light .user-panel>.info>a {
    color: #444
}
.skin-black-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}
.skin-black-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}
.skin-black-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600
}
.skin-black-light .sidebar-menu>li:hover>a,
.skin-black-light .sidebar-menu>li.active>a {
    color: #000;
    background: #f4f4f5
}
.skin-black-light .sidebar-menu>li.active {
    border-left-color: #fff
}
.skin-black-light .sidebar-menu>li.active>a {
    font-weight: 600
}
.skin-black-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}
.skin-black-light .sidebar a {
    color: #444
}
.skin-black-light .sidebar a:hover {
    text-decoration: none
}
.skin-black-light .treeview-menu>li>a {
    color: #777
}
.skin-black-light .treeview-menu>li.active>a,
.skin-black-light .treeview-menu>li>a:hover {
    color: #000
}
.skin-black-light .treeview-menu>li.active>a {
    font-weight: 600
}
.skin-black-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}
.skin-black-light .sidebar-form input[type="text"],
.skin-black-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.skin-black-light .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-black-light .sidebar-form input[type="text"]:focus,
.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}
.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}
.skin-black-light .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
}
@media (min-width: 768px) {
    .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}
.skin-green .main-header .navbar {
    background-color: #00a65a
}
.skin-green .main-header .navbar .nav>li>a {
    color: #fff
}
.skin-green .main-header .navbar .nav>li>a:hover,
.skin-green .main-header .navbar .nav>li>a:active,
.skin-green .main-header .navbar .nav>li>a:focus,
.skin-green .main-header .navbar .nav .open>a,
.skin-green .main-header .navbar .nav .open>a:hover,
.skin-green .main-header .navbar .nav .open>a:focus,
.skin-green .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}
.skin-green .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}
.skin-green .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
    background-color: #008d4c
}
@media (max-width: 767px) {
    .skin-green .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-green .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-green .main-header .navbar .dropdown-menu li a:hover {
        background: #008d4c
    }
}
.skin-green .main-header .logo {
    background-color: #008d4c;
    color: #fff;
    border-bottom: 0 solid transparent
}
.skin-green .main-header .logo:hover {
    background-color: #008749
}
.skin-green .main-header li.user-header {
    background-color: #00a65a
}
.skin-green .content-header {
    background: transparent
}
.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side {
    background-color: #222d32
}
.skin-green .user-panel>.info,
.skin-green .user-panel>.info>a {
    color: #fff
}
.skin-green .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}
.skin-green .sidebar-menu>li>a {
    border-left: 3px solid transparent
}
.skin-green .sidebar-menu>li:hover>a,
.skin-green .sidebar-menu>li.active>a {
    color: #fff;
    background: #1e282c;
    border-left-color: #00a65a
}
.skin-green .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}
.skin-green .sidebar a {
    color: #b8c7ce
}
.skin-green .sidebar a:hover {
    text-decoration: none
}
.skin-green .treeview-menu>li>a {
    color: #8aa4af
}
.skin-green .treeview-menu>li.active>a,
.skin-green .treeview-menu>li>a:hover {
    color: #fff
}
.skin-green .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}
.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.skin-green .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-green .sidebar-form input[type="text"]:focus,
.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}
.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}
.skin-green .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-green-light .main-header .navbar {
    background-color: #00a65a
}
.skin-green-light .main-header .navbar .nav>li>a {
    color: #fff
}
.skin-green-light .main-header .navbar .nav>li>a:hover,
.skin-green-light .main-header .navbar .nav>li>a:active,
.skin-green-light .main-header .navbar .nav>li>a:focus,
.skin-green-light .main-header .navbar .nav .open>a,
.skin-green-light .main-header .navbar .nav .open>a:hover,
.skin-green-light .main-header .navbar .nav .open>a:focus,
.skin-green-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}
.skin-green-light .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}
.skin-green-light .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #008d4c
}
@media (max-width: 767px) {
    .skin-green-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-green-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
        background: #008d4c
    }
}
.skin-green-light .main-header .logo {
    background-color: #00a65a;
    color: #fff;
    border-bottom: 0 solid transparent
}
.skin-green-light .main-header .logo:hover {
    background-color: #00a157
}
.skin-green-light .main-header li.user-header {
    background-color: #00a65a
}
.skin-green-light .content-header {
    background: transparent
}
.skin-green-light .wrapper,
.skin-green-light .main-sidebar,
.skin-green-light .left-side {
    background-color: #f9fafc
}
.skin-green-light .content-wrapper,
.skin-green-light .main-footer {
    border-left: 1px solid #d2d6de
}
.skin-green-light .user-panel>.info,
.skin-green-light .user-panel>.info>a {
    color: #444
}
.skin-green-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}
.skin-green-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}
.skin-green-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600
}
.skin-green-light .sidebar-menu>li:hover>a,
.skin-green-light .sidebar-menu>li.active>a {
    color: #000;
    background: #f4f4f5
}
.skin-green-light .sidebar-menu>li.active {
    border-left-color: #00a65a
}
.skin-green-light .sidebar-menu>li.active>a {
    font-weight: 600
}
.skin-green-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}
.skin-green-light .sidebar a {
    color: #444
}
.skin-green-light .sidebar a:hover {
    text-decoration: none
}
.skin-green-light .treeview-menu>li>a {
    color: #777
}
.skin-green-light .treeview-menu>li.active>a,
.skin-green-light .treeview-menu>li>a:hover {
    color: #000
}
.skin-green-light .treeview-menu>li.active>a {
    font-weight: 600
}
.skin-green-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}
.skin-green-light .sidebar-form input[type="text"],
.skin-green-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.skin-green-light .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-green-light .sidebar-form input[type="text"]:focus,
.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}
.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}
.skin-green-light .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
}
@media (min-width: 768px) {
    .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}
.skin-red .main-header .navbar {
    background-color: #dd4b39
}
.skin-red .main-header .navbar .nav>li>a {
    color: #fff
}
.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.1);
    color: #f6f6f6
}
.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: #fff
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
    background-color: #d73925
}
@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: #d73925
    }
}
.skin-red .main-header .logo {
    background-color: #d73925;
    color: #fff;
    border-bottom: 0 solid transparent
}
.skin-red .main-header .logo:hover {
    background-color: #d33724
}
.skin-red .main-header li.user-header {
    background-color: #dd4b39
}
.skin-red .content-header {
    background: transparent
}
.skin-red .wrapper,
.skin-red .main-sidebar,
.skin-red .left-side {
    background-color: #222d32
}
.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 {
    color: #fff;
    background: #1e282c;
    border-left-color: #dd4b39
}
.skin-red .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}
.skin-red .sidebar a {
    color: #b8c7ce
}
.skin-red .sidebar a:hover {
    text-decoration: none
}
.skin-red .treeview-menu>li>a {
    color: #8aa4af
}
.skin-red .treeview-menu>li.active>a,
.skin-red .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;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.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
}
.skin-red-light .main-header .navbar {
    background-color: #dd4b39
}
.skin-red-light .main-header .navbar .nav>li>a {
    color: #fff
}
.skin-red-light .main-header .navbar .nav>li>a:hover,
.skin-red-light .main-header .navbar .nav>li>a:active,
.skin-red-light .main-header .navbar .nav>li>a:focus,
.skin-red-light .main-header .navbar .nav .open>a,
.skin-red-light .main-header .navbar .nav .open>a:hover,
.skin-red-light .main-header .navbar .nav .open>a:focus,
.skin-red-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}
.skin-red-light .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}
.skin-red-light .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #d73925
}
@media (max-width: 767px) {
    .skin-red-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-red-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
        background: #d73925
    }
}
.skin-red-light .main-header .logo {
    background-color: #dd4b39;
    color: #fff;
    border-bottom: 0 solid transparent
}
.skin-red-light .main-header .logo:hover {
    background-color: #dc4735
}
.skin-red-light .main-header li.user-header {
    background-color: #dd4b39
}
.skin-red-light .content-header {
    background: transparent
}
.skin-red-light .wrapper,
.skin-red-light .main-sidebar,
.skin-red-light .left-side {
    background-color: #f9fafc
}
.skin-red-light .content-wrapper,
.skin-red-light .main-footer {
    border-left: 1px solid #d2d6de
}
.skin-red-light .user-panel>.info,
.skin-red-light .user-panel>.info>a {
    color: #444
}
.skin-red-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}
.skin-red-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}
.skin-red-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600
}
.skin-red-light .sidebar-menu>li:hover>a,
.skin-red-light .sidebar-menu>li.active>a {
    color: #000;
    background: #f4f4f5
}
.skin-red-light .sidebar-menu>li.active {
    border-left-color: #dd4b39
}
.skin-red-light .sidebar-menu>li.active>a {
    font-weight: 600
}
.skin-red-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}
.skin-red-light .sidebar a {
    color: #444
}
.skin-red-light .sidebar a:hover {
    text-decoration: none
}
.skin-red-light .treeview-menu>li>a {
    color: #777
}
.skin-red-light .treeview-menu>li.active>a,
.skin-red-light .treeview-menu>li>a:hover {
    color: #000
}
.skin-red-light .treeview-menu>li.active>a {
    font-weight: 600
}
.skin-red-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}
.skin-red-light .sidebar-form input[type="text"],
.skin-red-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.skin-red-light .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-light .sidebar-form input[type="text"]:focus,
.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}
.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}
.skin-red-light .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
}
@media (min-width: 768px) {
    .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}
.skin-yellow .main-header .navbar {
    background-color: #f39c12
}
.skin-yellow .main-header .navbar .nav>li>a {
    color: #fff
}
.skin-yellow .main-header .navbar .nav>li>a:hover,
.skin-yellow .main-header .navbar .nav>li>a:active,
.skin-yellow .main-header .navbar .nav>li>a:focus,
.skin-yellow .main-header .navbar .nav .open>a,
.skin-yellow .main-header .navbar .nav .open>a:hover,
.skin-yellow .main-header .navbar .nav .open>a:focus,
.skin-yellow .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}
.skin-yellow .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}
.skin-yellow .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    background-color: #e08e0b
}
@media (max-width: 767px) {
    .skin-yellow .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-yellow .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
        background: #e08e0b
    }
}
.skin-yellow .main-header .logo {
    background-color: #e08e0b;
    color: #fff;
    border-bottom: 0 solid transparent
}
.skin-yellow .main-header .logo:hover {
    background-color: #db8b0b
}
.skin-yellow .main-header li.user-header {
    background-color: #f39c12
}
.skin-yellow .content-header {
    background: transparent
}
.skin-yellow .wrapper,
.skin-yellow .main-sidebar,
.skin-yellow .left-side {
    background-color: #222d32
}
.skin-yellow .user-panel>.info,
.skin-yellow .user-panel>.info>a {
    color: #fff
}
.skin-yellow .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}
.skin-yellow .sidebar-menu>li>a {
    border-left: 3px solid transparent
}
.skin-yellow .sidebar-menu>li:hover>a,
.skin-yellow .sidebar-menu>li.active>a {
    color: #fff;
    background: #1e282c;
    border-left-color: #f39c12
}
.skin-yellow .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}
.skin-yellow .sidebar a {
    color: #b8c7ce
}
.skin-yellow .sidebar a:hover {
    text-decoration: none
}
.skin-yellow .treeview-menu>li>a {
    color: #8aa4af
}
.skin-yellow .treeview-menu>li.active>a,
.skin-yellow .treeview-menu>li>a:hover {
    color: #fff
}
.skin-yellow .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}
.skin-yellow .sidebar-form input[type="text"],
.skin-yellow .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.skin-yellow .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-yellow .sidebar-form input[type="text"]:focus,
.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}
.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}
.skin-yellow .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-yellow-light .main-header .navbar {
    background-color: #f39c12
}
.skin-yellow-light .main-header .navbar .nav>li>a {
    color: #fff
}
.skin-yellow-light .main-header .navbar .nav>li>a:hover,
.skin-yellow-light .main-header .navbar .nav>li>a:active,
.skin-yellow-light .main-header .navbar .nav>li>a:focus,
.skin-yellow-light .main-header .navbar .nav .open>a,
.skin-yellow-light .main-header .navbar .nav .open>a:hover,
.skin-yellow-light .main-header .navbar .nav .open>a:focus,
.skin-yellow-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}
.skin-yellow-light .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}
.skin-yellow-light .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #e08e0b
}
@media (max-width: 767px) {
    .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-yellow-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
        background: #e08e0b
    }
}
.skin-yellow-light .main-header .logo {
    background-color: #f39c12;
    color: #fff;
    border-bottom: 0 solid transparent
}
.skin-yellow-light .main-header .logo:hover {
    background-color: #f39a0d
}
.skin-yellow-light .main-header li.user-header {
    background-color: #f39c12
}
.skin-yellow-light .content-header {
    background: transparent
}
.skin-yellow-light .wrapper,
.skin-yellow-light .main-sidebar,
.skin-yellow-light .left-side {
    background-color: #f9fafc
}
.skin-yellow-light .content-wrapper,
.skin-yellow-light .main-footer {
    border-left: 1px solid #d2d6de
}
.skin-yellow-light .user-panel>.info,
.skin-yellow-light .user-panel>.info>a {
    color: #444
}
.skin-yellow-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}
.skin-yellow-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}
.skin-yellow-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600
}
.skin-yellow-light .sidebar-menu>li:hover>a,
.skin-yellow-light .sidebar-menu>li.active>a {
    color: #000;
    background: #f4f4f5
}
.skin-yellow-light .sidebar-menu>li.active {
    border-left-color: #f39c12
}
.skin-yellow-light .sidebar-menu>li.active>a {
    font-weight: 600
}
.skin-yellow-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}
.skin-yellow-light .sidebar a {
    color: #444
}
.skin-yellow-light .sidebar a:hover {
    text-decoration: none
}
.skin-yellow-light .treeview-menu>li>a {
    color: #777
}
.skin-yellow-light .treeview-menu>li.active>a,
.skin-yellow-light .treeview-menu>li>a:hover {
    color: #000
}
.skin-yellow-light .treeview-menu>li.active>a {
    font-weight: 600
}
.skin-yellow-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}
.skin-yellow-light .sidebar-form input[type="text"],
.skin-yellow-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out
}
.skin-yellow-light .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-yellow-light .sidebar-form input[type="text"]:focus,
.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}
.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}
.skin-yellow-light .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
}
@media (min-width: 768px) {
    .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}
.skin-purple .main-header .navbar {
    background-color: #605ca8
}
.skin-purple .main-header .navbar .nav>li>a {
    color: #fff
}
.skin-purple .main-header .navbar .nav>li>a:hover,
.skin-purple .main-header .navbar .nav>li>a:active,
.skin-purple .main-header .navbar .nav>li>a:focus,
.skin-purple .main-header .navbar .nav .open>a,
.skin-purple .main-header .navbar .nav .open>a:hover,
.skin-purple .main-header .navbar .nav .open>a:focus,
.skin-purple .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}
.skin-purple .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}
.skin-purple .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
    background-color: #555299
}
@media (max-width: 767px) {
    .skin-purple .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-purple .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-purple .main-header .navbar .dropdown-menu li a:hover {
        background: #555299
    }
}
.skin-purple .main-header .logo {
    background-color: #555299;
    color: #fff;
    border-bottom: 0 solid transparent
}
.skin-purple .main-header .logo:hover {
    background-color: #545096
}
.skin-purple .main-header li.user-header {
    background-color: #605ca8
}
.skin-purple .content-header {
    background: transparent
}
.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
    background-color: #222d32
}
.skin-purple .user-panel>.info,
.skin-purple .user-panel>.info>a {
    color: #fff
}
.skin-purple .sidebar-menu>li.header {
    color: #4b646f;
    background: #1a2226
}
.skin-purple .sidebar-menu>li>a {
    border-left: 3px solid transparent
}
.skin-purple .sidebar-menu>li:hover>a,
.skin-purple .sidebar-menu>li.active>a {
    color: #fff;
    background: #1e282c;
    border-left-color: #605ca8
}
.skin-purple .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41
}
.skin-purple .sidebar a {
    color: #b8c7ce
}
.skin-purple .sidebar a:hover {
    text-decoration: none
}
.skin-purple .treeview-menu>li>a {
    color: #8aa4af
}
.skin-purple .treeview-menu>li.active>a,
.skin-purple .treeview-menu>li>a:hover {
    color: #fff
}
.skin-purple .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px
}
.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.skin-purple .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-purple .sidebar-form input[type="text"]:focus,
.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}
.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}
.skin-purple .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-purple-light .main-header .navbar {
    background-color: #605ca8
}
.skin-purple-light .main-header .navbar .nav>li>a {
    color: #fff
}
.skin-purple-light .main-header .navbar .nav>li>a:hover,
.skin-purple-light .main-header .navbar .nav>li>a:active,
.skin-purple-light .main-header .navbar .nav>li>a:focus,
.skin-purple-light .main-header .navbar .nav .open>a,
.skin-purple-light .main-header .navbar .nav .open>a:hover,
.skin-purple-light .main-header .navbar .nav .open>a:focus,
.skin-purple-light .main-header .navbar .nav>.active>a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6
}
.skin-purple-light .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1)
}
.skin-purple-light .main-header .navbar .sidebar-toggle {
    color: #fff
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #555299
}
@media (max-width: 767px) {
    .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1)
    }
    .skin-purple-light .main-header .navbar .dropdown-menu li a {
        color: #fff
    }
    .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
        background: #555299
    }
}
.skin-purple-light .main-header .logo {
    background-color: #605ca8;
    color: #fff;
    border-bottom: 0 solid transparent
}
.skin-purple-light .main-header .logo:hover {
    background-color: #5d59a6
}
.skin-purple-light .main-header li.user-header {
    background-color: #605ca8
}
.skin-purple-light .content-header {
    background: transparent
}
.skin-purple-light .wrapper,
.skin-purple-light .main-sidebar,
.skin-purple-light .left-side {
    background-color: #f9fafc
}
.skin-purple-light .content-wrapper,
.skin-purple-light .main-footer {
    border-left: 1px solid #d2d6de
}
.skin-purple-light .user-panel>.info,
.skin-purple-light .user-panel>.info>a {
    color: #444
}
.skin-purple-light .sidebar-menu>li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease
}
.skin-purple-light .sidebar-menu>li.header {
    color: #848484;
    background: #f9fafc
}
.skin-purple-light .sidebar-menu>li>a {
    border-left: 3px solid transparent;
    font-weight: 600
}
.skin-purple-light .sidebar-menu>li:hover>a,
.skin-purple-light .sidebar-menu>li.active>a {
    color: #000;
    background: #f4f4f5
}
.skin-purple-light .sidebar-menu>li.active {
    border-left-color: #605ca8
}
.skin-purple-light .sidebar-menu>li.active>a {
    font-weight: 600
}
.skin-purple-light .sidebar-menu>li>.treeview-menu {
    background: #f4f4f5
}
.skin-purple-light .sidebar a {
    color: #444
}
.skin-purple-light .sidebar a:hover {
    text-decoration: none
}
.skin-purple-light .treeview-menu>li>a {
    color: #777
}
.skin-purple-light .treeview-menu>li.active>a,
.skin-purple-light .treeview-menu>li>a:hover {
    color: #000
}
.skin-purple-light .treeview-menu>li.active>a {
    font-weight: 600
}
.skin-purple-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px
}
.skin-purple-light .sidebar-form input[type="text"],
.skin-purple-light .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.skin-purple-light .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-purple-light .sidebar-form input[type="text"]:focus,
.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666
}
.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    border-left-color: #fff
}
.skin-purple-light .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
}
@media (min-width: 768px) {
    .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        border-left: 1px solid #d2d6de
    }
}

/* carousel */
#quote-carousel 
{
  padding: 10px;
  margin-top: 10px; width:750px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 1.3em;
  text-shadow: none;
  margin-top: 1px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  /*left: -12px;*/ left:-150px
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 80px 10px 20px !important;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}	

.carousel-control > .fanew {
    display: inline-block;
    font-size: 12px !important;
    margin-top: -20px;
    position: absolute;
    top: 49% !important;
    z-index: 5;  padding:5px; border:#ccc solid 1px;
}

#chart_wrap {
    border:1px solid gray;
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow:hidden;
}
#chart {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}

.navbar-nav > li > a {
    line-height: 53px !important;
    padding-bottom: 1px;
    padding-top: 1px;
}

.hvr-shutter-out-horizontal:hover::before, .hvr-shutter-out-horizontal:focus::before, .hvr-shutter-out-horizontal:active::before {
    transform: scaleX(1);
}
.hvr-shutter-out-horizontal::before {
    background: #00c0ef  none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 50% 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
    color: white;
}
.hvr-shutter-out-horizontal {
    backface-visibility: hidden;
    background: #e1e1e1 none repeat scroll 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}
[class^="hvr-"] {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    color: #666;
    cursor: pointer;
    margin: 0em;
    padding: 1.62em; 
    text-decoration: none; width:100%; font-size:16px;
}



.utube-shutter-out-horizontal:hover::before, .utube-shutter-out-horizontal:focus::before, .utube-shutter-out-horizontal:active::before {
    transform: scaleX(1);
}
.utube-shutter-out-horizontal::before {
    background: #dd4b39   none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 50% 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.utube-shutter-out-horizontal:hover, .utube-shutter-out-horizontal:focus, .utube-shutter-out-horizontal:active {
    color: white;
}
.utube-shutter-out-horizontal {
    backface-visibility: hidden;
    background: #e1e1e1 none repeat scroll 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}
[class^="utube-"] {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    color: #666;
    cursor: pointer;
    margin: 0em;
    padding: 1.62em; 
    text-decoration: none; width:100%; font-size:16px;
}

.score-shutter-out-horizontal:hover::before, .score-shutter-out-horizontal:focus::before, .score-shutter-out-horizontal:active::before {
    transform: scaleX(1);
}
.score-shutter-out-horizontal::before {
    background: #00a65a    none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 50% 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.score-shutter-out-horizontal:hover, .score-shutter-out-horizontal:focus, .score-shutter-out-horizontal:active {
    color: white;
}
.score-shutter-out-horizontal {
    backface-visibility: hidden;
    background: #e1e1e1 none repeat scroll 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}
[class^="score-"] {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    color: #666;
    cursor: pointer;
    margin: 0em;
    padding: 1.62em;  
    text-decoration: none; width:100%; font-size:16px; text-align:center;
}






/*.search-shutter-out-horizontal:hover::before, .search-shutter-out-horizontal:focus::before, .search-shutter-out-horizontal:active::before {
    transform: scaleX(1);
}
.search-shutter-out-horizontal::before {
    background: #f39c12     none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 50% 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.search-shutter-out-horizontal:hover, .search-shutter-out-horizontal:focus, .search-shutter-out-horizontal:active {
    color: white;
}
.search-shutter-out-horizontal {
    backface-visibility: hidden;
    background: #e1e1e1 none repeat scroll 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}
[class^="search-"] {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    color: #666;
    cursor: pointer;
    margin: 0em;
    padding: 1.62em;  
    text-decoration: none; width:100%; font-size:16px; text-align:center;
}
*/


.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.table-heb {
    border: 0px solid #fff;     margin-bottom: 1px !important;
}
.table-heb>tbody>tr>td,
.table-heb>tbody>tr>th,
.table-heb>tfoot>tr>td,
.table-heb>tfoot>tr>th,
.table-heb>thead>tr>td,
.table-heb>thead>tr>th {
    border: 0px solid #fff
}
.table-heb>thead>tr>td,
.table-heb>thead>tr>th {
    border-bottom-width: 0px
}
.table-heb>tbody>tr>td,
.table-heb>tbody>tr>th,
.table-heb>thead>tr>td,
{
    padding: 3px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd
}
.table-heb>thead>tr>th {}

.form-heb {
    border-radius: 0;
    box-shadow: none;
    border: #d2d6de solid 1px; height:24px;
}
.form-heb:focus {
    border-color: #3c8dbc;
    box-shadow: none
}
.form-heb::-moz-placeholder,
.form-heb:-ms-input-placeholder,
.form-heb::-webkit-input-placeholder {
    color: #bbb;
    opacity: 1
}

.list-rm-inline {
    color: #333;
    font-size: 12px;
    list-style: outside none none;
    
    padding-left: 0; 
}
.list-rm-inline > li {
    /*display: inline-block;
    padding-left: 5px;*/
    padding-right: 5px; /*cursor: move;*/ margin-bottom:10px; 
}
.list-room-inline > li a {
    color: #333;
    font-size: 12px;
}

.ionsize{ font-size:18px;}



.bg-light {
  background-color: #FAFAFA;
  color: #666;
}

.br-light {
  border-color: #e7e7e7 !important;
}

.br-a {
  border: 1px solid #eeeeee !important;
}

.ph30 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.ph60 {
  padding: 0px !important;
}

.pv20 {
  padding-top: 5px !important;
  padding-bottom: 20px !important;
}

.bg-light.dark {
  background-color: #F2F2F2;
}

.micro-header {
  color: #004294;
  text-align: left;
  font-weight: 400;
  margin-bottom: 10px;
}

h4, .h4 {
  font-size: 15px;
}

.holder-style.holder-active {
  background-color: #FFF;
  /*border:2px dashed #fff;*/
}

.mb20 {
  margin-bottom: 2px !important;
}

.p15 {
  padding: 5px !important;
}

.holder-style {
  display: block;
  padding: 9px 1px;
  color: #333;
  /*background-color: #f1f1f1;
  border: 2px dashed #d9d9d9;*/
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.p15 a { color:#000;}

.holder-style.holder-active .holder-icon {
  color: #70ca63;
}

.holder-style .holder-icon {
  color: #333;
  font-size: 30px;
  padding-bottom: 10px;
}
.casee{ border-top:#ccc solid 1px; margin-bottom:1px;}
.casee:hover{ border-top:#ccc solid 1px; margin-bottom:1px; color:#000; background:#f5f5f5;}


.ticket-state {
    background-clip: padding-box;
    background-color: #e5e5e5;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    height: 24px;
    /*position: absolute;
    right: -12px;*/
    text-align: center;
    top: 13px;
    width: 24px;
}
.bg-palegreen {
    background-color: #a0d468 !important;
}


/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 0px;
  -moz-border-radius: 0px;
  border:1px solid #ddd;
  /*margin-top: 20px;
  margin-left: 50px;*/
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #ffffe5;
  background-image: #5A55A3;
  color: #333; border:rgba(0,0,0,0.2) solid 1px; border-radius:0px;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #999;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 0px;
  padding-top: 0px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

.list-case {
    color: #333;
    font-size: 12px;
    list-style: outside none none;
    padding-left: 0;  border-top:#f5f5f5 solid 1px; 
}
.list-case > li {
    display: inline-block;
   padding-left: 0px;
   padding-right: 30px;  /*cursor: move;margin-bottom:10px;*/   margin-top:10px;/*font-style:italic;*/ font-size:12px; color:#30333a; 
}
.list-case > li a {
    /*color: #333;*/ color:#337ab7;
    font-size: 12px;
}
.list-case li i {
    color: #5dc560;
    margin-right: 5px; font-size: 16px;
}                
.lc-hed{ font-weight:700; padding-right:15px; text-align:left; width:15%;}
.lc-hed-right{ font-weight:700; padding-right:15px; text-align:left; width:20%;}
.casehed{ color:#2a7e6c; font-weight:500;}
.caserow{ padding-bottom:10px;}
.casetxt{ text-align:left; padding-left:10px;}
.historycase { font-size:12px; border-top:#ccc solid 1px; padding:10px; overflow:hidden; color: #555;}
.historycase:hover { font-size:12px; border-top:#ccc solid 1px; padding:10px; overflow:hidden; color: #555; background:#f5f5f5;}
.histhed{ font-size:16px; padding-left:10px; padding-bottom:5px; padding-top:5px;}
.plus{ font-size:14px; background:#333; padding:2px; }
.fared{ color:#F00;}
.fagreen{ color: #090;}
.fablue{ color:#06C;}
.sidecase { font-size:12px; border-top:#ccc solid 1px; padding:4px; overflow:hidden; color: #555; margin-bottom:1px; }
.sidecase:hover { font-size:12px; border-top:#ccc solid 1px; padding:4px; overflow:hidden; color: #555; background:#f4f5ec; margin-bottom:1px;}
.sidecase .redcom{ border-left:#F00 solid 2px;}
.history-case {
    color: #ddd;
    font-size: 12px;
    list-style: outside none none;
    
    padding-left: 0;  /*border-top:#f5f5f5 solid 1px;*/ 
}
.history-case > li {
    display: inline-block;
   padding-left: 0px;
   padding-right: 15px; /* cursor: move;*/ margin-bottom:0px; margin-top:5px; /*font-style:italic;*/ font-size:11px; color:#333; 
}
.history-case > li a {
    /*color: #333;*/ color:#337ab7;
    font-size: 12px;
}
.history-case li i {
    color: #5ac2e7;
    margin-right: 5px;
}       

/* custom inclusion of right, left and below tabs */

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}


.list-group-item {
    background-color: #fff;
    border: 1px solid #ddd;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px 0px 15px !important;
    position: relative;
}

.caselink{ color:#267FD8; text-decoration:underline; }
.caselink:hover{ color:#036; text-decoration:underline; }
.modal-content {
    border: 5px solid #caebfd;
}
.modal-nobrd {
    border: medium none !important;
    margin-top: 25%;
}

.btn-group-sm > .btn, .btn-sm {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px !important;
}




.avatar {
    position: relative;
    display: inline-block;
    width: 40px;
    white-space: nowrap;
    border-radius: 1000px;
    vertical-align: bottom
}

.avatar i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 100%
}

.avatar img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0 none;
    border-radius: 1000px
}

.avatar-online i {
    background-color: #4caf50
}

.avatar-off i {
    background-color: #616161
}

.avatar-busy i {
    background-color: #ff9800
}

.avatar-away i {
    background-color: #f44336
}

.avatar-100 {
    width: 100px
}

.avatar-100 i {
    height: 20px;
    width: 20px
}

.avatar-lg {
    width: 50px
}

.avatar-lg i {
    height: 12px;
    width: 12px
}

.avatar-sm {
    width: 30px
}

.avatar-sm i {
    height: 8px;
    width: 8px
}

.avatar-xs {
    width: 20px
}

.avatar-xs i {
    height: 7px;
    width: 7px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid transparent;
}

.FAQ { 
    vertical-align: top; 
    height:auto !important; 
}
.list {
    display:none; 
    height:auto;
    margin:0;
    float: left;
}
.show {
    display: none; 
}
.hide:target + .show {
    display: inline; 
}
.hide:target {
    display: none; 
}
.hide:target ~ .list {
    display:inline; 
}

/*style the (+) and (-) */
.hide, .show {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	font-size: 20px;
	color: #fff;
	text-shadow: 0 1px 0 #666;
	text-align: center;
	text-decoration: none;
	box-shadow: 1px 1px 2px #000;
	background: #cccbbb;
	opacity: .95;
	margin-right: 0;
	float: left;
	margin-bottom: 25px;
}

.hide:hover, .show:hover {
	color: #eee;
	text-shadow: 0 0 1px #666;
	text-decoration: none;
	box-shadow: 0 0 4px #222 inset;
	opacity: 1;
	margin-bottom: 25px;
}

.list p{
    height:auto;
    margin:0;
}
.question {
	float: left;
	height: auto;
	width: 90%;
	line-height: 20px;
	padding-left: 20px;
	margin-bottom: 25px;
	font-style: italic;
}

.nopadding{ padding-left:0px; padding-right:0px;}
.hebtable>thead>tr>th,
.hebtable>tbody>tr>th,
.hebtable>tfoot>tr>th,
.hebtable>thead>tr>td,
.hebtable>tbody>tr>td,
.hebtable>tfoot>tr>td {
    border-top: 1px solid #ddd
}
.hebtable>thead>tr>th {
    border-bottom: 2px solid #f4f4f4
}
.hebtable tr td .progress {
    margin-top: 5px
}
.table-bordered {
    border: 1px solid #f4f4f4
}
.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: 1px solid #f4f4f4
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}
.tabbtn{ background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top, #feffff 0%, #eff0e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feffff 0%,#eff0e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feffff 0%,#eff0e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */

}

.table-greenstriped>tbody>tr:nth-of-type(odd) {
    background-color: #f8f9f0
}
.table-greenhover>tbody>tr:hover {
    background-color: #dbead5
}
.welusertxt{ float:left; padding-top:14px; color:#2a7e6c; font-size:21px; font-weight:300;}
.table-contactstriped>tbody>tr:nth-of-type(odd) {
    background-color: #f5f5f5
}
.table-contacthover>tbody>tr:hover {
    background-color: #dbead5
}
.table-contactbordered {
    border: 1px solid rgba(183,213,171,0.8) !important;
}
.table-contactbordered>tbody>tr>td,
.table-contactbordered>tbody>tr>th,
.table-contactbordered>tfoot>tr>td,
.table-contactbordered>tfoot>tr>th,
.table-contactbordered>thead>tr>td,
.table-contactbordered>thead>tr>th {
    border: 0px solid rgba(183,213,171,0.1) !important;
}
.table-contactbordered>thead>tr>td,
.table-contactbordered>thead>tr>th {
    border-bottom-width: 1px
}

.table-nobor {
    /*border: none !important;*/
}
.table-nobor>tbody>tr>td,
.table-nobor>tbody>tr>th,
.table-nobor>tfoot>tr>td,
.table-nobor>tfoot>tr>th {
    border: #ccc solid 1px !important;
}
.table-nobor>thead>tr>td,
.table-nobor>thead>tr>th {
    border-bottom-width: 1px
}

.btn-gsuccess {
    background-color: #00a65a;
    border-color: #008d4c; font-size:13px; padding:5px; color:#fff !important;
}
.btn-gsuccess:hover,
.btn-gsuccess:active,
.btn-gsuccess.hover {
    background-color: #008d4c
}
.table {
    margin-bottom: 0px !important;
    max-width: 100%;
    width: 100%;
}

.btn-defaultbox {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd; padding:3px 10px; margin-right:2px;
}
.btn-defaultbox:hover,
.btn-defaultbox:active,
.btn-defaultbox.hover {
    background-color: #e7e7e7
}
.btn-warningbox {
    background-color: #f39c12;
    border-color: #e08e0b; padding:3px 10px; margin-right:2px; color:#fff;
}
.btn-warningbox:hover,
.btn-warningbox:active,
.btn-warningbox.hover {
    background-color: #e08e0b
}
.loginbg{ background:url(../../../images/Office-Desk-Work-Top-View.jpg) no-repeat center top; background-size:cover;}
.loginpanel {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0 !important; 
}
/*.panel {
    background-color: rgba(255, 255, 255, 0.45);
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}*/

.form-signin input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 5px;
}
.form-signin input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
}

.faq-cat-content {
    margin-top: 25px;
}

.faq-cat-tabs li a {
    padding: 15px 10px 15px 10px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #777777;
}
.faques{ border:#ccc solid 1px; padding:5px 0px; background:#f5f5f5;}
.faqhed{ background:#fff; padding-top:5px; border-bottom:#F00 dashed 1px; padding-bottom:4px; font-weight:300; font-size:16px; color:#060;}
.text-suggest{ text-decoration:underline; color:#039;}
.text-suggest:hover{ text-decoration:underline; color:#039;}
.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
}
.hierk-case {
    list-style: outside none none;
    padding-left: 0;   
}
.hierk-case > li {
    display: inline-block;
   padding-left: 0px;
   padding-right: 15px; /* cursor: move;*/ margin-bottom:0px; 
}
    
	
.mn {
    margin: 0 !important;
}
.pn {
    padding: 0 !important;
}
.progress-bar { text-align:left !important; padding-left:10px !important;}

.legend-list {
    list-style: outside none none;
    padding-right: 10px; float:right;   
}
.legend-list > li {
    display: inline-block; padding:10px;
  
}

.config ul{
	text-align:center;
	margin-top:40px;
	margin-bottom:30px;
}

.config ul  li{
	margin:10px 20px;
	display:inline-block;
	padding:10px 40px 10px 40px;
	position: relative;
	border: 1px solid #ccc;
	height:110px;
	width:250px;
	background:#fafafa;
	border-radius:5px;
}

.config ul  li.active:after, .config ul  li.active:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.config ul  li.active:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fff;
	border-width: 15px;
	margin-left: -15px;
}

.config ul  li.active:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #ccc;
	border-width: 17px;
	margin-left: -17px;
}
.btn-mood {
background: #bed39d; /* Old browsers */

    border-color: #fff;
	 padding: 2px 12px !important;
}
.btn-mood:hover,
.btn-mood:active,
.btn-mood.hover {
background: #bed39d; /* Old browsers */
    border-color: #fff;
}
.btn-mood1 {
background: #e8e875; /* Old browsers */

    border-color: #fff;
	 padding: 2px 12px !important;
}
.btn-mood1:hover,
.btn-mood1:active,
.btn-mood1.hover {
background: #e8e875; /* Old browsers */
    border-color: #fff;
}
.btn-mood2 {
background: #e6937f; /* Old browsers */

    border-color: #fff;
	 padding: 2px 5px !important;
}
.btn-mood2:hover,
.btn-mood2:active,
.btn-mood2.hover {
background: #e6937f; /* Old browsers */
    border-color: #fff;
}

/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/

.rightstable > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 4px !important;
    vertical-align: top;
}
.dashlinks{ text-decoration: underline;}
.txt24{ font-size:21px;  padding:5px 5px !important; }
.txt18{ font-size:28px;  }
.txt18p{ font-size:18px;  }
.fright{ float:right;}
.labelcolors{ background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; border-radius:0px; margin-bottom:0px;}
.btncolors{ padding:0px 0px !important;}

.no-leftpad{ padding-left:0px ;}

.btn-period {
    background-color: #00a65a;
    border-color: #008d4c; 
	 border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-period:hover,
.btn-period:active,
.btn-period.hover {
    background-color: #008d4c
}

.panel-order .row {
	border-bottom: 1px solid #ccc;
}
.panel-order .row:last-child {
	border: 0px;
}
.panel-order .row .col-md-1  {
	text-align: center;
	padding-top: 15px;
}
.panel-order .row .col-md-1 img {
	width: 50px;
	max-height: 50px;
}
.panel-order .row .row {
	border-bottom: 0;
}
.panel-order .row .col-md-11 {
	border-left: 1px solid #ccc;
}
.panel-order .row .row .col-md-12 {
	padding-top: 7px;
	padding-bottom: 7px; 
}
.panel-order .row .row .col-md-12:last-child {
	font-size: 11px; 
	color: #555;  
	background: #efefef;
}
.panel-order .btn-group {
	margin: 0px;
	padding: 0px;
}
.panel-order .panel-body {
	padding-top: 0px;
	padding-bottom: 0px;
}
.panel-order .panel-deading {
	margin-bottom: 0;
}

.p-table th,
.p-table td {
    vertical-align: top !important;
}




.p-name a {
    font-size:13px; color: #09C; text-decoration:underline;
    /*font-weight:bold;*/
}

.bold {
    font-weight: bold;
}

.p-details .bio-row p span {
    width: auto;
}

.p-details .bio-row p span.bold {
    width: 100px;
}

.p-team a {
    display: inline-block;
}

.project-heading {
    font-size: 20px;
}

.mtop20 {
    margin-top: 20px;
}

.p-files li a {
    margin-bottom: 10px;
    color: #949494;
    display: block;
}

.p-files li i {
    padding-right: 10px;
    width: 20px;
}

.p-tag-list li {
    display: inline-block;
    margin:0 5px 7px 0;
}

.p-tag-list li a {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 3px 10px;
    color:#797979;
    border-radius: 4px;
    font-size:12px;
}

.p-tag-list li a:hover {
    background: #ff6c60;
    border-color: #ff6c60;
    color:#fff;
}

.m-thumb img {
    width: 100%;
    border:1px solid #ddd;
}
.p-row{ background:#efefef ;}
.p-block{ border:#ccc solid 2px; overflow:hidden;      }   
.p-block:hover{ background:#b8def5;   }   
/*.alert-white{ background:#FFF; border:#ccc solid 2px !important;}*/    
.alert-white a{ color:#f1f1f1 !important; }          


.commentbox {
  background:#fff;
  transition:all 0.2s ease;
  border:2px dashed #dadada;
  margin-top: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  /*padding:0 20px 20px 20px;
  min-height:340px;*/
}

.commentbox:hover {
  border:2px solid #525C7A;
}

.commentbox span.box-title {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}

.commentbox .box-content {
  padding: 10px 16px;
  border-radius: 0 0 2px 2px;
  background-clip: padding-box;
  box-sizing: border-box;
}
.commentbox .box-content p {
  color:#515c66;
  text-transform:none; font-size:12px;
}
.commentboxhed {
    color: #09c;
    font-size: 13px;
    text-decoration: underline; font-weight:bold;
}
.btn-mood p{ margin:0px !important;}
.btn-mood img{ margin-left:30%;}
.btn-mood1 p{ margin:0px !important;}
.btn-mood1 img{ margin-left:30%;}
.btn-mood2 p{ margin:0px !important;}
.btn-mood2 img{ margin-left:35%;}
.3colmood span{margin-left:10% !important;}
.responsefa{ font-size:16px; }
.text_phone{ color:#d75bc0;}
.text_fb{ color:#4867aa;}

.periodselect-box {
    border-radius: 5px;
    position: relative;
    padding: 5px 10px;
	background-color: #00a65a;
    /*border-color: #008d4c
    background: #333;*/
    border: 1px solid #008d4c;
    margin: 5px 0 0 0px;
    color: #fff;
	
}
.periodselect-box:after,
.periodselect-box:before {
    position: absolute;
    right: 90%;
    top: 5px;
    border: solid transparent;
    border-top-color: #f1f2e9;
    content: ' ';
    height: 0;
    width: 0;
    pointer-events: none
}
.periodselect-box:after {
    border-width: 5px;
    margin-top: -5px
}
.periodselect-box:before {
    border-width: 6px;
    margin-top: -6px
}
#time-range p {
    font-family:"Arial", sans-serif;
    font-size:14px;
    color:#333;
}
 .ui-slider-horizontal {
    height: 8px;
    background: #D7D7D7;
    border: 1px solid #BABABA;
    box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
    clear: both;
    margin: 8px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.ui-slider {
    position: relative;
    text-align: left;
} 
.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 100%;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 8px;
    font-size: .7em;
    display: block;
    border: 1px solid #5BA8E1;
    box-shadow: 0 1px 0 #AAD6F6 inset;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: #81B8F3;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
    background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}
.ui-slider .ui-slider-handle {
    border-radius: 50%;
    background: #F9FBFA;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
    background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: linear-gradient(top, #C7CED6, #F9FBFA);
    width: 22px;
    height: 22px;
    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: default;
    border: none;
    cursor: pointer;
}
.ui-slider .ui-slider-handle:after {
    content:"";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    background: #30A2D2;
    -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
    -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
    box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.6em;
}
.ui-slider a:focus {
    outline:none;
}
.filter-col{
    padding-left:10px;
    padding-right:10px;
}
.no-radius{ border-radius:0px;}
.content-headtxt{
    color: #fff;
    font-size: 16px;
    margin: 0;
}
.topcalendar{ color:#ccc;}
.topcalendar:hover,
.topcalendar:active
{ color:#ccc;}

.txtcut {
  position:relative;
    
    width:100px;
    
    overflow:hidden;
    text-overflow:"...";
    white-space:nowrap;
    display: inline-block;
}
.knowledgetxtcut {
  position:relative;
    width:400px;
    overflow:hidden;
    text-overflow:ellipsis;
	/*text-overflow-multiline:ellipsis;*/ 
    white-space:nowrap;
    display: inline-block; height:30px;
}

.listcaseclose{
    text-align:center;
    cursor:pointer;
    
}
.listcaseclose > .listcaseopen {
    color: #fff;
    background-color: #47c8ed;    
    display:none;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}
.searchwell {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 2px;
    min-height: 20px;
    padding: 10px; /*border-top-left-radius:0px; border-top-right-radius:0px;*/
}
.searchwellhedred {
    background-color: #f9bbd0;
    border: 1px solid #f48fb1;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; 
    
    padding: 10px;
}

.searchwellhedorange {
    background-color: #ffebb8;
    border: 1px solid #ffe081;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    
    padding: 10px;
}

.searchwellhedgreen {
    background-color: #c6c9ea;
    border: 1px solid #9fa6da;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    
    padding: 10px;
}
.btn-project {
    background-color: #f9bbd0;
    border: 1px solid #f48fb1;
    color: #444; margin-bottom:3px;
    
}
.btn-project:hover,
.btn-project:active,
.btn-project.hover {
    background-color: #f9bbd0; margin-bottom:3px;
}

.btn-cat {
    background-color: #ffebb8;
    border: 1px solid #ffe081;
    color: #444; margin-bottom:3px;
    
}
.btn-cat:hover,
.btn-cat:active,
.btn-cat.hover {
    background-color: #ffebb8; margin-bottom:3px;
}

.btn-hierk {
    background-color: #c6c9ea;
    border: 1px solid #9fa6da;
    color: #444; margin-bottom:3px;
    
}
.btn-hierk:hover,
.btn-hierk:active,
.btn-hierk.hover {
    background-color: #c6c9ea; margin-bottom:3px;
}
/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.no-leftpad {
    padding-left:15px!important;
}
        .rightstable > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 4px 15px !important; padding-left:4px!important;
    vertical-align: top;
}

		}
		
@media (min-width: 405px) and (max-width: 800px) {
		.no-leftpad { padding-left:15px!important;}
		.skin-blue .sidebar-menu>li>a i {
    
}
.skin-blue .sidebar-menu>li:hover>a i,
.skin-blue .sidebar-menu>li.active>a i {
    color: #fff;
   
}
.rightstable > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 5px 18px !important; padding-left:4px!important;
    vertical-align: top;
}

		}
.pickcasecolor {
    cursor:pointer;
    color:#008548;
}
.pickcasecolor:hover {
    color:#ff1c00;
}

/*.hierarchytable-fixed tbody {
    display:block;
    height:277px;
    overflow:auto;
}
.hierarchytable-fixed thead, tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.hierarchytable-fixed thead {
    width: calc( 100% - 1em ); background:#dd4b39;
}*/

/*
Force table width to 100%

 table.table-fixedheader {
    width: 100%;   
}

 table.table-fixedheader, table.table-fixedheader>thead, table.table-fixedheader>tbody, table.table-fixedheader>thead>tr, table.table-fixedheader>tbody>tr, table.table-fixedheader>thead>tr>th, table.table-fixedheader>tbody>td {
    display: block;
}
table.table-fixedheader>thead>tr:after, table.table-fixedheader>tbody>tr:after {
    content:' ';
    display: block;
    visibility: hidden;
    clear: both;
}

 table.table-fixedheader>tbody {
    overflow-y: scroll;
    height: 100px;
    
}

 table.table-fixedheader>thead {
    overflow-y: scroll;    
}

 table.table-fixedheader>thead::-webkit-scrollbar {
    background-color: inherit;
}


table.table-fixedheader>thead>tr>th:after, table.table-fixedheader>tbody>tr>td:after {
    content:' ';
    display: table-cell;
    visibility: hidden;
    clear: both;
}



 table.table-fixedheader>thead tr th, table.table-fixedheader>tbody tr td {
    float: left;    
    word-wrap:break-word;     
}*/