/*
 * Skin: Blue
 * ----------
 */
.skin-blue .main-header .navbar {
    background-color: #3c8dbc;
}
.skin-blue .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #367fa9;
}
@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;
    }
}
.skin-blue .main-header .logo {
    background-color: #367fa9;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
    background-color: #357ca5;
}
.skin-blue .main-header li.user-header {
    background-color: #3c8dbc;
}
.skin-blue .content-header {
    background: transparent;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    background-color: #222d32;
}
.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: #ffffff;
    background: #1e282c;
    border-left-color: #3c8dbc;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}
.skin-blue .sidebar a {
    color: #b8c7ce;
}
.skin-blue .sidebar a:hover {
    text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
    color: #8aa4af;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
    color: #ffffff;
}
.skin-blue .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.skin-blue .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}
.skin-blue.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

.skin-blue .header-dialog{
    background-color: #6BC6DE;
}

.skin-blue.layout-top-nav .main-header > .logo:hover {
    background-color: #3b8ab8;
}

.skin-blue  th,.rwd_auto th {background:#01344E; color: white;padding:5px;text-align:center;}
.skin-blue .width200 th,.rwd_auto th {background:#01344E; color: white;padding:5px;text-align:center;}
.skin-blue .md-fab md-war { background:#01344E; }
.skin-blue .miGrid thead tr{
    background-color: #6BC6DE;
    color:#fff;
}

.skin-blue .miGrid thead tr:hover {
    background-color: #357ca5;
}


/*
 * Skin: Blue
 * ----------
 */
.skin-blue-light .main-header .navbar {
    background-color: #3c8dbc;
}
.skin-blue-light .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.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: #ffffff;
}
.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-light .main-header .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    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: #444444;
}
.skin-blue-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.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: #000000;
    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: #444444;
}
.skin-blue-light .sidebar a:hover {
    text-decoration: none;
}
.skin-blue-light .treeview-menu > li > a {
    color: #777777;
}
.skin-blue-light .treeview-menu > li.active > a,
.skin-blue-light .treeview-menu > li > a:hover {
    color: #000000;
}
.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 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.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 .header-dialog{
    background-color: #6BC6DE;
}

.skin-blue-light .main-footer {
    border-top-color: #d2d6de;
}
.skin-blue-light.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-blue-light.layout-top-nav .main-header > .logo:hover {
    background-color: #3b8ab8;
}

.skin-blue-light .md-warn { background:#01344E; }
.skin-blue-light .tablaGral th,.rwd_auto th {background:#01344E; color: white;padding:5px;text-align:center;}
.skin-blue-light .width200 th,.rwd_auto th {background:#01344E; color: white;padding:5px;text-align:center;}

.skin-blue-light .miGrid thead tr{
    background-color: #3c8dbc;
    color:#fff;
}

.skin-blue-light .miGrid thead tr:hover {
    background-color: #f4f4f5;
}



/*
 * Skin: Black
 * -----------
 */
/* skin-black navbar */
.skin-black .main-header {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 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: #ffffff;
}
.skin-black .main-header > .navbar .nav > li > a {
    color: #333333;
}
.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: #ffffff;
    color: #999999;
}
.skin-black .main-header > .navbar .sidebar-toggle {
    color: #333333;
}
.skin-black .main-header > .navbar .sidebar-toggle:hover {
    color: #999999;
    background: #ffffff;
}
.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: #ffffff;
    color: #333333;
    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: #222222;
        color: #ffffff;
        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: #ffffff;
    background: #1e282c;
    border-left-color: #ffffff;
}
.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: #ffffff;
}
.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 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.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 .tablaGral th,.rwd_auto th {background:#666; color: white;padding:5px;text-align:center;}
.skin-black .width200 th,.rwd_auto th {background:#666; color: white;padding:5px;text-align:center;}
.skin-black .md-warn { background:#666; }


.skin-black .miGrid thead tr{
    background-color: #374850;
    color:#fff;
}

.skin-black .miGrid thead tr:hover {
    background-color: #1e282c;
}
/*
 * Skin: Black
 * -----------
 */
/* skin-black navbar */
.skin-black-light .main-header {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 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: #ffffff;
}
.skin-black-light .main-header > .navbar .nav > li > a {
    color: #333333;
}
.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: #ffffff;
    color: #999999;
}
.skin-black-light .main-header > .navbar .sidebar-toggle {
    color: #333333;
}
.skin-black-light .main-header > .navbar .sidebar-toggle:hover {
    color: #999999;
    background: #ffffff;
}
.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: #ffffff;
    color: #333333;
    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: #222222;
        color: #ffffff;
        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: #444444;
}
.skin-black-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.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: #000000;
    background: #f4f4f5;
}
.skin-black-light .sidebar-menu > li.active {
    border-left-color: #ffffff;
}
.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: #444444;
}
.skin-black-light .sidebar a:hover {
    text-decoration: none;
}
.skin-black-light .treeview-menu > li > a {
    color: #777777;
}
.skin-black-light .treeview-menu > li.active > a,
.skin-black-light .treeview-menu > li > a:hover {
    color: #000000;
}
.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 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.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-black-light  th,.rwd_auto th {background:#666; color: white;padding:5px;text-align:center;}
.skin-black-light .width200 th,.rwd_auto th {background:#666; color: white;padding:5px;text-align:center;}
.skin-black-light .md-warn { background:#666; }

.skin-black-light .miGrid thead tr{
    background-color: #d2d6de;
    color:#fff;
}
.skin-black-light .miGrid thead tr:hover {
    background-color: #f4f4f5;
}
/*
 * Skin: Green
 * -----------
 */
.skin-green .main-header .navbar {
    background-color: #00a65a;
}
.skin-green .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
    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: #ffffff;
    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: #ffffff;
}
.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 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.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 .miGrid thead tr{
    background-color: #374850;
    color:#fff;
}

.skin-green .miGrid thead tr:hover {
    background-color: #222d32;
}
/*
 * Skin: Green
 * -----------
 */
.skin-green-light .main-header .navbar {
    background-color: #00a65a;
}
.skin-green-light .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
    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: #444444;
}
.skin-green-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.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: #000000;
    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: #444444;
}
.skin-green-light .sidebar a:hover {
    text-decoration: none;
}
.skin-green-light .treeview-menu > li > a {
    color: #777777;
}
.skin-green-light .treeview-menu > li.active > a,
.skin-green-light .treeview-menu > li > a:hover {
    color: #000000;
}
.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 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.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-green-light .miGrid thead tr{
    background-color: #00a157;
    color:#fff;
}
.skin-green-light .miGrid thead tr:hover {
    background-color: #f4f4f5;
}
/*
 * Skin: Red
 * ---------
 */
.skin-red .main-header .navbar {
    background-color: #dd4b39;
}
.skin-red .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
    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: #ffffff;
    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: #ffffff;
}
.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 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.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 .miGrid thead tr{
    background-color: #d73925;
    color:#fff;
}
.skin-red .miGrid thead tr:hover {
    background-color: #1e282c;
}
/*
 * Skin: Red
 * ---------
 */
.skin-red-light .main-header .navbar {
    background-color: #dd4b39;
}
.skin-red-light .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
    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: #444444;
}
.skin-red-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.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: #000000;
    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: #444444;
}
.skin-red-light .sidebar a:hover {
    text-decoration: none;
}
.skin-red-light .treeview-menu > li > a {
    color: #777777;
}
.skin-red-light .treeview-menu > li.active > a,
.skin-red-light .treeview-menu > li > a:hover {
    color: #000000;
}
.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 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.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-red-light .miGrid thead tr{
    background-color: #dd4b39;
    color:#fff;
}

.skin-red-light .miGrid thead tr:hover {
    background-color: #f4f4f5;
}
/*
 * Skin: Yellow
 * ------------
 */
.skin-yellow .main-header .navbar {
    background-color: #f39c12;
}
.skin-yellow .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
    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: #ffffff;
    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: #ffffff;
}
.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 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.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 .miGrid thead tr{
    background-color: #e08e0b;
    color:#fff;
}
.skin-yellow .miGrid thead tr:hover {
    background-color: #e08e0b;
}
/*
 * Skin: Yellow
 * ------------
 */
.skin-yellow-light .main-header .navbar {
    background-color: #f39c12;
}
.skin-yellow-light .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
    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: #444444;
}
.skin-yellow-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.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: #000000;
    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: #444444;
}
.skin-yellow-light .sidebar a:hover {
    text-decoration: none;
}
.skin-yellow-light .treeview-menu > li > a {
    color: #777777;
}
.skin-yellow-light .treeview-menu > li.active > a,
.skin-yellow-light .treeview-menu > li > a:hover {
    color: #000000;
}
.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 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.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-yellow-light .miGrid thead tr{
    background-color: #f39c12;
    color:#fff;
    
.skin-yellow-light .miGrid thead tr:hover {
    background-color: #f4f4f5;
}
}
/*
 * Skin: Purple
 * ------------
 */
.skin-purple .main-header .navbar {
    background-color: #605ca8;
}
.skin-purple .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
    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: #ffffff;
    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: #ffffff;
}
.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 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.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 .miGrid thead tr{
    background-color: #555299;
    color:#fff;
}
.skin-purple .miGrid thead tr:hover {
    background-color: #1e282c;
}

/*
 * Skin: Purple
 * ------------
 */
.skin-purple-light .main-header .navbar {
    background-color: #605ca8;
}
.skin-purple-light .main-header .navbar .nav > li > a {
    color: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
    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: #444444;
}
.skin-purple-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.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: #000000;
    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: #444444;
}
.skin-purple-light .sidebar a:hover {
    text-decoration: none;
}
.skin-purple-light .treeview-menu > li > a {
    color: #777777;
}
.skin-purple-light .treeview-menu > li.active > a,
.skin-purple-light .treeview-menu > li > a:hover {
    color: #000000;
}
.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 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.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;
    }
}
.skin-purple-light .miGrid thead tr{
    background-color: #605ca8;
    color:#fff;
}

.skin-purple-light .miGrid thead tr:hover {
    background-color: #f4f4f5;
}

.skin-purple-light md-slider.md-default-theme .md-sign, .skin-purple-light md-slider .md-sign {
    background-color: #FFCC00 !important;
}

.skin-purple-light md-slider.md-default-theme .md-sign:after, .skin-purple-light md-slider .md-sign:after {
    border-top-color: #FFCC00 !important;
}


/*
 * Skin: Avattia
 * ------------
 */

.skin-avattia .main-header .navbar {
    background-color: #fc0;
}
.skin-avattia .main-header .navbar .nav > li > a {
    color: #000;
}

.skin-avattia  ul>li>a{
    color: #fc0;
}

.skin-avattia .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover   { 
    color: #EBE8E5 !important;
} 

.skin-avattia .main-header .navbar .nav > li > a:hover,
.skin-avattia .main-header .navbar .nav > li > a:active,
.skin-avattia .main-header .navbar .nav > li > a:focus,
.skin-avattia .main-header .navbar .nav .open > a,
.skin-avattia .main-header .navbar .nav .open > a:hover,
.skin-avattia .main-header .navbar .nav .open > a:focus,
.skin-avattia .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.skin-avattia .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}
.skin-avattia .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.skin-avattia .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.skin-avattia .main-header .navbar .sidebar-toggle:hover {
    background-color: #fc0;
}
@media (max-width: 767px) {
    .skin-avattia .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-avattia .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-avattia .main-header .navbar .dropdown-menu li a:hover {
        background: #555299;
    }
}
.skin-avattia .main-header .logo {
    background-color: #605ca8;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-avattia .main-header .logo:hover {
    background-color: #5d59a6;
}
.skin-avattia .main-header li.user-header {
    background-color: #605ca8;
}
.skin-avattia .content-header {
    background: transparent;
}
.skin-avattia .wrapper,
.skin-avattia .main-sidebar,
.skin-avattia .left-side {
    background-color: #dae0e5;
}
.skin-avattia .content-wrapper,
.skin-avattia .main-footer {
    border-left: 1px solid #d2d6de;
}
.skin-avattia .user-panel > .info,
.skin-avattia .user-panel > .info > a {
    color: #444444;
}
.skin-avattia .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}
.skin-avattia .sidebar-menu > li.header {
    color: #848484;
    background: #FFB31A;
}
.skin-avattia .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-weight: 600;
}
.skin-avattia .sidebar-menu > li:hover > a,
.skin-avattia .sidebar-menu > li.active > a {
    color: #000000;
    background: #f4f4f5;
}
.skin-avattia .sidebar-menu > li.active {
    border-left-color: #605ca8;
}
.skin-avattia .sidebar-menu > li.active > a {
    font-weight: 600;
}
.skin-avattia .sidebar-menu > li > .treeview-menu {
    background: #f4f4f5;
}

.skin-avattia .sidebar a {
    color: #2c3d4f;
}
.skin-avattia .sidebar a:hover {
    text-decoration: none;
}
.skin-avattia .treeview-menu > li > a {
    color: #777777;
}
.skin-avattia .treeview-menu > li.active > a,
.skin-avattia .treeview-menu > li > a:hover {
    color: #000000;
}
.skin-avattia .treeview-menu > li.active > a {
    font-weight: 600;
}
.skin-avattia .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}
.skin-avattia .sidebar-form input[type="text"],
.skin-avattia .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.skin-avattia .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-avattia .sidebar-form input[type="text"]:focus,
.skin-avattia .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-avattia .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-avattia .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-avattia .btn-submenu{
    color: #fff;
    background-color: #FFCC00;
    border-color: #af2e2e;
}
.skin-avattia .btn-submenu:hover,
.skin-avattia .btn-submenu:active, 
.skin-avattia .btn-submenu.hover {
    background-color: #FFE066;
}


.skin-avattia .btn-primary{
    color: #fff;
    background-color: #c43d3d;
    border-color: #af2e2e;
}

.skin-avattia .header-dialog{
    background-color: #FFCC00;
}

.skin-avattia .btn-primary:hover,
.skin-avattia .btn-primary:active, 
.skin-avattia .btn-primary.hover {
    background-color: #3f2d2d;
}
.skin-avattia .panel-title {
    color: black;
    background-color: #F5F5F5;
}
.skin-avattia .panel-heading {
    border-color: #F5F5F5;
    background-color: #F5F5F5;
}
@media (min-width: 768px) {
    .skin-avattia.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-avattia .tablaGral th,.rwd_auto th {background:#FFCC00; color: white;padding:5px;text-align:center;}
.skin-avattia .tablaGral2 th,.rwd_auto th {background:#c43d3d; color: white;padding:5px;text-align:center;}
.skin-avattia .width200 th,.rwd_auto th {background:#FFCC00; color: white;padding:5px;text-align:center;}
.skin-avattia .md-warn { background-color:#c43d3d !important; }
.skin-avattia .fabSpeedDialdemoBasicUsage .md-fab:hover { background-color:#c43d3d !important; }

.skin-avattia .remove-icon {color: #c43d3d}

.skin-avattia .miGrid thead tr{
    background-color: #FFCC00;
    color:#fff;
}

.skin-avattia .miGrid thead tr:hover {
    background-color: #f4f4f5;
}


.skin-avattia md-slider.md-default-theme .md-sign, .skin-avattia md-slider .md-sign {
    background-color: #FFCC00 !important;
}

.skin-avattia md-slider.md-default-theme .md-sign:after, .skin-avattia md-slider .md-sign:after {
    border-top-color: #FFCC00 !important;
}

.skin-avattia .fondo2{
    background-color: #c43d3d;
}

/*
 * Skin: cafe
 * ------------
 */
/*Color Encasbezado*/
.skin-cafe .main-header .navbar {
    background-color: #d4a270;
}
.skin-cafe .main-header .navbar .nav > li > a {
    color: #fff;
}

.skin-cafe  ul>li>a{
    color: #d4a270;
}

.skin-cafe .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover   { 
    color: #B88653 !important;
} 

.skin-cafe .main-header .navbar .nav > li > a:hover,
.skin-cafe .main-header .navbar .nav > li > a:active,
.skin-cafe .main-header .navbar .nav > li > a:focus,
.skin-cafe .main-header .navbar .nav .open > a,
.skin-cafe .main-header .navbar .nav .open > a:hover,
.skin-cafe .main-header .navbar .nav .open > a:focus,
.skin-cafe .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.skin-cafe .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}
.skin-cafe .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.skin-cafe .main-header .navbar .sidebar-toggle {
    color: #000;
}
/*hOVER DONDE ESTA BOTON MENU*/
.skin-cafe .main-header .navbar .sidebar-toggle:hover {
    background-color: #d4a270;
}
@media (max-width: 767px) {
    .skin-cafe .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-cafe .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-cafe .main-header .navbar .dropdown-menu li a:hover {
        background: #555299;
    }
}
.skin-cafe .main-header .logo {
    background-color: #605ca8;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-cafe .main-header .logo:hover {
    background-color: #5d59a6;
}
.skin-cafe .main-header li.user-header {
    background-color: #605ca8;
}
.skin-cafe .content-header {
    background: transparent;
}
/*Esta Propuuedad lado derecho*/
.skin-cafe .wrapper,
.skin-cafe .main-sidebar,
.skin-cafe .left-side {
    background-color: #f7f7f7;
}
.skin-cafe .content-wrapper,
.skin-cafe .main-footer {
    border-left: 1px solid #d2d6de;
}
.skin-cafe .user-panel > .info,
.skin-cafe .user-panel > .info > a {
    color: #444444;
}
.skin-cafe .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}
.skin-cafe .sidebar-menu > li.header {
    color: #848484;
    background: #FFB31A;
}
.skin-cafe .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-weight: 600;
}
.skin-cafe .sidebar-menu > li:hover > a,
.skin-cafe .sidebar-menu > li.active > a {
    color: #fff;
    background: #5b5252;
}
.skin-cafe .sidebar-menu > li.active {
    border-left-color: #605ca8;
}
.skin-cafe .sidebar-menu > li.active > a {
    font-weight: 600;
}
.skin-cafe .sidebar-menu > li > .treeview-menu {
    background: #f4f4f5;
}
/*Color de la LEtra de Menu lateral*/
.skin-cafe .sidebar a {
    color: #958888;
}
.skin-cafe .sidebar a:hover {
    text-decoration: none;
}
.skin-cafe .treeview-menu > li > a {
    color: #777777;
}
.skin-cafe .treeview-menu > li.active > a,
.skin-cafe .treeview-menu > li > a:hover {
    color: #000000;
}
.skin-cafe .treeview-menu > li.active > a {
    font-weight: 600;
}
.skin-cafe .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}
.skin-cafe .sidebar-form input[type="text"],
.skin-cafe .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.skin-cafe .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-cafe .sidebar-form input[type="text"]:focus,
.skin-cafe .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-cafe .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-cafe .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-cafe .btn-submenu{
    color: #fff;
    background-color: #D4A270;
    border-color: #000;
}
.skin-cafe .btn-submenu:hover,
.skin-cafe .btn-submenu:active, 
.skin-cafe .btn-submenu.hover {
    background-color: #D3B89E;
}


.skin-cafe .btn-primary{
    color: #fff;
    background-color: #5b5252;
    border-color: #000;
}

.skin-cafe .header-dialog{
    background-color: #D4A270;
}

.skin-cafe .btn-primary:hover,
.skin-cafe .btn-primary:active, 
.skin-cafe .btn-primary.hover {
    background-color: #c43131;
}
.skin-cafe .panel-title {
    color: #fff;
    background-color: #5b5252;
}

.skin-cafe .panel-title {
    color: black;
    background-color: #F5F5F5;
}
.skin-cafe .panel-heading {
    border-color: #F5F5F5;
    background-color: #F5F5F5;
}

@media (min-width: 768px) {
    .skin-cafe.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-cafe .tablaGral th,.rwd_auto th {background:#D4A270; color: black;padding:5px;text-align:center;}
.skin-cafe .tablaGral2 th,.rwd_auto th {background:#5b5252; color: black;padding:5px;text-align:center;}
.skin-cafe .width200 th,.rwd_auto th {background:#D4A270; color: black;padding:5px;text-align:center;}
.skin-cafe .md-warn { background-color:#5b5252 !important; }
.skin-cafe .fabSpeedDialdemoBasicUsage .md-fab:hover { background-color:#5b5252 !important; }

.skin-cafe .remove-icon {color: #5b5252;}

.skin-cafe .miGrid thead tr{
    background-color: #D4A270;
    color:#fff;
}
.skin-cafe .miGrid thead tr:hover {
    background-color: #5b5252;
}

.skin-cafe md-slider.md-default-theme .md-sign,.skin-cafe md-slider .md-sign {
    background-color: #D4A270 !important;
}

.skin-cafe md-slider.md-default-theme .md-sign:after,.skin-cafe md-slider .md-sign:after {
    border-top-color: #D4A270 !important;
}

.skin-cafe .fondo2{
    background-color: #5b5252;
}

/*
 * Skin: Azul
 * ------------
 */
/*Color Encasbezado*/
.skin-azul .main-header .navbar {
    background-color: #6bc6de;
}

.skin-azul .main-header .navbar .nav > li > a {
    color: #fff;
}
.skin-azul  ul>li>a{
    color: #6bc6de;
}

.skin-azul .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover   { 
    color: #5198AC !important;
} 


.skin-azul .main-header .navbar .nav > li > a:hover,
.skin-azul .main-header .navbar .nav > li > a:active,
.skin-azul .main-header .navbar .nav > li > a:focus,
.skin-azul .main-header .navbar .nav .open > a,
.skin-azul .main-header .navbar .nav .open > a:hover,
.skin-azul .main-header .navbar .nav .open > a:focus,
.skin-azul .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.skin-azul .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.skin-azul .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.skin-azul .main-header .navbar .sidebar-toggle {
    color: #000;
}
/*hOVER DONDE ESTA BOTON MENU*/
.skin-azul .main-header .navbar .sidebar-toggle:hover {
    background-color: #6bc6de;
}
@media (max-width: 767px) {
    .skin-azul .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-azul .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-azul .main-header .navbar .dropdown-menu li a:hover {
        background: #555299;
    }
}
.skin-azul .main-header .logo {
    background-color: #605ca8;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-azul .main-header .logo:hover {
    background-color: #5d59a6;
}
.skin-azul .main-header li.user-header {
    background-color: #605ca8;
}
.skin-azul .content-header {
    background: transparent;
}
/*Esta Propuuedad lado derecho*/
.skin-azul .wrapper,
.skin-azul .main-sidebar,
.skin-azul .left-side {
    background-color: #f77363;
}
.skin-azul .content-wrapper,
.skin-azul .main-footer {
    border-left: 1px solid #d2d6de;
}
.skin-azul .user-panel > .info,
.skin-azul .user-panel > .info > a {
    color: #444444;
}
.skin-azul .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}
.skin-azul .sidebar-menu > li.header {
    color: #848484;
    background: #FFB31A;
}
.skin-azul .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-weight: 600;
}
/*Color hover del menu izquierdo */
.skin-azul .sidebar-menu > li:hover > a,
.skin-azul .sidebar-menu > li.active > a {
    color: #fff;
    background: #e8584d;
}
.skin-azul .sidebar-menu > li.active {
    border-left-color: #605ca8;
}
.skin-azul .sidebar-menu > li.active > a {
    font-weight: 600;
}
.skin-azul .sidebar-menu > li > .treeview-menu {
    background: #f4f4f5;
}
/*Color de la LEtra de Menu lateral*/
.skin-azul .sidebar a {
    color: #fff;
}
.skin-azul .sidebar a:hover {
    text-decoration: none;
}
.skin-azul .treeview-menu > li > a {
    color: #777777;
}
.skin-azul .treeview-menu > li.active > a,
.skin-azul .treeview-menu > li > a:hover {
    color: #000000;
}
.skin-azul .treeview-menu > li.active > a {
    font-weight: 600;
}
.skin-azul .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}
.skin-azul .sidebar-form input[type="text"],
.skin-azul .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.skin-azul .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-azul .sidebar-form input[type="text"]:focus,
.skin-azul .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-azul .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-azul .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-azul .btn-submenu{
    color: #fff;
    background-color: #6BC6DE;
    border-color: #226699;
}
.skin-azul .btn-submenu:hover,
.skin-azul .btn-submenu:active, 
.skin-azul .btn-submenu.hover {
    background-color: #A6D2DD;
}


.skin-azul .btn-primary{
    color: #fff;
    background-color: #4a9ce7;
    border-color: #226699;
}

.skin-azul .header-dialog{
    background-color: #6BC6DE;
}

.skin-azul .btn-primary:hover,
.skin-azul .btn-primary:active, 
.skin-azul .btn-primary.hover {
    background-color: #177ecc;
}
.skin-azul .panel-title {
    color: #2a2c2d;
    background-color: #f7f7f7;
}
.skin-azul .panel-title {
    color: black;
    background-color: #F5F5F5;
}
.skin-azul .panel-heading {
    border-color: #F5F5F5;
    background-color: #F5F5F5;
}
@media (min-width: 768px) {
    .skin-azul.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-azul .tablaGral th,.rwd_auto th {background:#6BC6DE; color: black;padding:5px;text-align:center;}
.skin-azul .tablaGral2 th,.rwd_auto th {background:#4a9ce7; color: black;padding:5px;text-align:center;}
.skin-azul .width200 th,.rwd_auto th {background:#6BC6DE; color: black;padding:5px;text-align:center;}
.skin-azul .md-warn { background-color: #4a9ce7 !important; }
.skin-azul .fabSpeedDialdemoBasicUsage .md-fab:hover { background-color:#4a9ce7 !important; }

.skin-azul .remove-icon {color: #177ecc;}

.skin-azul .miGrid thead tr{
    background-color: #6BC6DE;
    color:#fff;
}
.skin-azul .miGrid thead tr:hover {
    background-color: #e8584d;
}


.skin-azul md-slider.md-default-theme .md-sign, .skin-azul md-slider .md-sign {
    background-color: #6BC6DE !important;
}

.skin-azul md-slider.md-default-theme .md-sign:after, .skin-azul md-slider .md-sign:after {
    border-top-color: #6BC6DE !important;
}

.skin-azul .fondo2{
    background-color: #4a9ce7;
}

/*
 * Skin: Verde
 * ------------
 */
/*Color Encasbezado*/
.skin-verde .main-header .navbar {
    background-color: #96cd67;
}
.skin-verde .main-header .navbar .nav > li > a {
    color: #fff;
}

.skin-verde  ul>li>a{
    color: #96cd67;
}

.skin-verde .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover   { 
    color: #75AD44 !important;
} 

.skin-verde .main-header .navbar .nav > li > a:hover,
.skin-verde .main-header .navbar .nav > li > a:active,
.skin-verde .main-header .navbar .nav > li > a:focus,
.skin-verde .main-header .navbar .nav .open > a,
.skin-verde .main-header .navbar .nav .open > a:hover,
.skin-verde .main-header .navbar .nav .open > a:focus,
.skin-verde .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.skin-verde .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.skin-verde .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.skin-verde .main-header .navbar .sidebar-toggle {
    color: #000;
}
/*hOVER DONDE ESTA BOTON MENU*/
.skin-verde .main-header .navbar .sidebar-toggle:hover {
    background-color: #96cd67;
}
@media (max-width: 767px) {
    .skin-verde .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-verde .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-verde .main-header .navbar .dropdown-menu li a:hover {
        background: #555299;
    }
}
.skin-verde .main-header .logo {
    background-color: #605ca8;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-verde .main-header .logo:hover {
    background-color: #5d59a6;
}
.skin-verde .main-header li.user-header {
    background-color: #605ca8;
}
.skin-verde .content-header {
    background: transparent;
}
/*Esta Propuuedad lado derecho*/
.skin-verde .wrapper,
.skin-verde .main-sidebar,
.skin-verde .left-side {
    background-color: #6acbca;
}
.skin-verde .content-wrapper,
.skin-verde .main-footer {
    border-left: 1px solid #d2d6de;
}
.skin-verde .user-panel > .info,
.skin-verde .user-panel > .info > a {
    color: #444444;
}
.skin-verde .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}
.skin-verde .sidebar-menu > li.header {
    color: #848484;
    background: #FFB31A;
}
.skin-verde .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-weight: 600;
}
/*Color hover del menu izquierdo */
.skin-verde .sidebar-menu > li:hover > a,
.skin-verde .sidebar-menu > li.active > a {
    color: #fff;
    background: #fe6665;
}
.skin-verde .sidebar-menu > li.active {
    border-left-color: #605ca8;
}
.skin-verde .sidebar-menu > li.active > a {
    font-weight: 600;
}
.skin-verde .sidebar-menu > li > .treeview-menu {
    background: #f4f4f5;
}
/*Color de la LEtra de Menu lateral*/
.skin-verde .sidebar a {
    color: #fff;
}
.skin-verde .sidebar a:hover {
    text-decoration: none;
}
.skin-verde .treeview-menu > li > a {
    color: #777777;
}
.skin-verde .treeview-menu > li.active > a,
.skin-verde .treeview-menu > li > a:hover {
    color: #000000;
}
.skin-verde .treeview-menu > li.active > a {
    font-weight: 600;
}
.skin-verde .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}
.skin-verde .sidebar-form input[type="text"],
.skin-verde .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.skin-verde .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-verde .sidebar-form input[type="text"]:focus,
.skin-verde .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-verde .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-verde .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-verde .btn-submenu{
    color: #fff;
    background-color: #96CD67;
    border-color: #f44747;
}
.skin-verde .btn-submenu:hover,
.skin-verde .btn-submenu:active, 
.skin-verde .btn-submenu.hover {
    background-color: #B0CC99;
}


.skin-verde .btn-primary{
    color: #fff;
    background-color: #fe6665;
    border-color: #f44747;
}

.skin-verde .header-dialog{
    background-color: #96CD67;
}

.skin-verde .header-dialog{
    background-color: #96CD67;
}

.skin-verde .btn-primary:hover,
.skin-verde .btn-primary:active, 
.skin-verde .btn-primary.hover {
    background-color: #6bc6de;
}
.skin-verde .panel-title {
    color: #2a2c2d;
    background-color: #93846c;
}

.skin-verde .panel-title {
    color: black;
    background-color: #F5F5F5;
}
.skin-verde .panel-heading {
    border-color: #F5F5F5;
    background-color: #F5F5F5;
}

@media (min-width: 768px) {
    .skin-verde.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-verde .tablaGral th,.rwd_auto th {background:#96CD67; color: white;padding:5px;text-align:center;}
.skin-verde .tablaGral2 th,.rwd_auto th {background:#fe6665; color: white;padding:5px;text-align:center;}
.skin-verde .width200 th,.rwd_auto th {background:#96CD67; color: white;padding:5px;text-align:center;}
.skin-verde .md-warn { background-color:#fe6665 !important; }
.skin-verde .fabSpeedDialdemoBasicUsage .md-fab:hover { background-color:#fe6665 !important; }

.skin-verde .miGrid thead tr{
    background-color: #96CD67;
    color:#fff;
}

.skin-verde .remove-icon {color: #fe6665}

.skin-verde .miGrid thead tr:hover {
    background-color: #fe6665;
}

.skin-verde md-slider.md-default-theme .md-sign, .skin-verde md-slider .md-sign {
    background-color: #96CD67 !important;
}

.skin-verde md-slider.md-default-theme .md-sign:after, .skin-verde md-slider .md-sign:after {
    border-top-color: #96CD67 !important;
}

.skin-verde .fondo2{
    background-color: #fe6665;
}

/*
 * Skin: olivo
 * ------------
 */
/*Color Encasbezado*/
.skin-olivo .main-header .navbar {
    background-color: #66ac57;
}
.skin-olivo .main-header .navbar .nav > li > a {
    color: #fff;
}
.skin-olivo  ul>li>a{
    color: #66ac57;
}

.skin-olivo .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover   { 
    color: #509041 !important;
} 

.skin-olivo .main-header .navbar .nav > li > a:hover,
.skin-olivo .main-header .navbar .nav > li > a:active,
.skin-olivo .main-header .navbar .nav > li > a:focus,
.skin-olivo .main-header .navbar .nav .open > a,
.skin-olivo .main-header .navbar .nav .open > a:hover,
.skin-olivo .main-header .navbar .nav .open > a:focus,
.skin-olivo .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.skin-olivo .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.skin-olivo .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.skin-olivo .main-header .navbar .sidebar-toggle {
    color: #000;
}
/*hOVER DONDE ESTA BOTON MENU*/
.skin-olivo .main-header .navbar .sidebar-toggle:hover {
    background-color: #66ac57;
}
@media (max-width: 767px) {
    .skin-olivo .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-olivo .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-olivo .main-header .navbar .dropdown-menu li a:hover {
        background: #555299;
    }
}
.skin-olivo .main-header .logo {
    background-color: #605ca8;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-olivo .main-header .logo:hover {
    background-color: #5d59a6;
}
.skin-olivo .main-header li.user-header {
    background-color: #605ca8;
}
.skin-olivo .content-header {
    background: transparent;
}
/*Esta Propuuedad lado derecho*/
.skin-olivo .wrapper,
.skin-olivo .main-sidebar,
.skin-olivo .left-side {
    background-color: #ffffff;
}
.skin-olivo .content-wrapper,
.skin-olivo .main-footer {
    border-left: 1px solid #d2d6de;
}
.skin-olivo .user-panel > .info,
.skin-olivo .user-panel > .info > a {
    color: #444444;
}
.skin-olivo .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}
.skin-olivo .sidebar-menu > li.header {
    color: #848484;
    background: #FFB31A;
}
.skin-olivo .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-weight: 600;
}
/*Color hover del menu izquierdo */
.skin-olivo .sidebar-menu > li:hover > a,
.skin-olivo .sidebar-menu > li.active > a {
    color: #fff;
    background: #5a8cc4;
}
.skin-olivo .sidebar-menu > li.active {
    border-left-color: #605ca8;
}
.skin-olivo .sidebar-menu > li.active > a {
    font-weight: 600;
}
.skin-olivo .sidebar-menu > li > .treeview-menu {
    background: #f4f4f5;
}
/*Color de la LEtra de Menu lateral*/
.skin-olivo .sidebar a {
    color: #9a9a9a;
}
.skin-olivo .sidebar a:hover {
    text-decoration: none;
}
.skin-olivo .treeview-menu > li > a {
    color: #777777;
}
.skin-olivo .treeview-menu > li.active > a,
.skin-olivo .treeview-menu > li > a:hover {
    color: #000000;
}
.skin-olivo .treeview-menu > li.active > a {
    font-weight: 600;
}
.skin-olivo .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}
.skin-olivo .sidebar-form input[type="text"],
.skin-olivo .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.skin-olivo .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-olivo .sidebar-form input[type="text"]:focus,
.skin-olivo .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-olivo .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-olivo .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-olivo .btn-submenu{
    color: #fff;
    background-color: #66AC57;
    border-color: #5e0b56;
}
.skin-olivo .btn-submenu:hover,
.skin-olivo .btn-submenu:active, 
.skin-olivo .btn-submenu.hover {
    background-color: #83A57C;
}


.skin-olivo .btn-primary{
    color: #fff;
    background-color: #91007b;
    border-color: #5e0b56;
}

.skin-olivo .header-dialog{
    background-color: #66AC57;
}

.skin-olivo .btn-primary:hover,
.skin-olivo .btn-primary:active, 
.skin-olivo .btn-primary.hover {
    background-color: #7a4875;
}
.skin-olivo .panel-title {
    color: #2a2c2d;
    background-color: #eaeaea;
}

.skin-olivo .panel-title {
    color: black;
    background-color: #F5F5F5;
}
.skin-olivo .panel-heading {
    border-color: #F5F5F5;
    background-color: #F5F5F5;
}

@media (min-width: 768px) {
    .skin-olivo.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-olivo .tablaGral th,.rwd_auto th {background:#66AC57; color: white;padding:5px;text-align:center;}
.skin-olivo .tablaGral2 th,.rwd_auto th {background:#91007b; color: white;padding:5px;text-align:center;}
.skin-olivo .width200 th,.rwd_auto th {background:#66AC57; color: white;padding:5px;text-align:center;}
.skin-olivo .md-warn { background-color: #91007b !important; }
.skin-olivo .fabSpeedDialdemoBasicUsage .md-fab:hover { background-color:#91007b !important; }

.skin-olivo .remove-icon {color: #91007b;}

.skin-olivo .miGrid thead tr{
    background-color: #66AC57;
    color:#fff;
}
.skin-olivo .miGrid thead tr:hover {
    background-color: #5a8cc4;
}

.skin-olivo md-slider.md-default-theme .md-sign, .skin-olivo md-slider .md-sign {
    background-color: #66AC57 !important;
}

.skin-olivo md-slider.md-default-theme .md-sign:after, .skin-olivo md-slider .md-sign:after {
    border-top-color: #66AC57 !important;
}

.skin-olivo .fondo2{
    background-color: #91007b;
}

/*
 * Skin: orange
 * ------------
 */
/*Color Encasbezado*/
.skin-orange .main-header .navbar {
    background-color: #f26c4f;
}
.skin-orange .main-header .navbar .nav > li > a {
    color: #fff;
}

.skin-orange  ul>li>a{
    color: #f26c4f;
}

.skin-orange .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover   { 
    color: #012250 !important;
}   
.skin-orange .main-header .navbar .nav > li > a:hover,
.skin-orange .main-header .navbar .nav > li > a:active,
.skin-orange .main-header .navbar .nav > li > a:focus,
.skin-orange .main-header .navbar .nav .open > a,
.skin-orange .main-header .navbar .nav .open > a:hover,
.skin-orange .main-header .navbar .nav .open > a:focus,
.skin-orange .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.skin-orange .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.skin-orange .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.skin-orange .main-header .navbar .sidebar-toggle {
    color: #000;
}
/*hOVER DONDE ESTA BOTON MENU*/
.skin-orange .main-header .navbar .sidebar-toggle:hover {
    background-color: #f26c4f;
}
@media (max-width: 767px) {
    .skin-orange .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-orange .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-orange .main-header .navbar .dropdown-menu li a:hover {
        background: #555299;
    }
}
.skin-orange .main-header .logo {
    background-color: #605ca8;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-orange .main-header .logo:hover {
    background-color: #5d59a6;
}
.skin-orange .main-header li.user-header {
    background-color: #605ca8;
}
.skin-orange .content-header {
    background: transparent;
}
/*Esta Propuuedad lado derecho*/
.skin-orange .wrapper,
.skin-orange .main-sidebar,
.skin-orange .left-side {
    background-color: #e6d3cf;
}
.skin-orange .content-wrapper,
.skin-orange .main-footer {
    border-left: 1px solid #d2d6de;
}
.skin-orange .user-panel > .info,
.skin-orange .user-panel > .info > a {
    color: #444444;
}
.skin-orange .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}
.skin-orange .sidebar-menu > li.header {
    color: #848484;
    background: #FFB31A;
}
.skin-orange .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-weight: 600;
}
/*Color hover del menu izquierdo */
.skin-orange .sidebar-menu > li:hover > a,
.skin-orange .sidebar-menu > li.active > a {
    color: #fff;
    background: #5b5252;
}
.skin-orange .sidebar-menu > li.active {
    border-left-color: #605ca8;
}
.skin-orange .sidebar-menu > li.active > a {
    font-weight: 600;
}
.skin-orange .sidebar-menu > li > .treeview-menu {
    background: #f4f4f5;
}
/*Color de la LEtra de Menu lateral*/
.skin-orange .sidebar a {
    color: #303235;
}
.skin-orange .sidebar a:hover {
    text-decoration: none;
}
.skin-orange .treeview-menu > li > a {
    color: #777777;
}
.skin-orange .treeview-menu > li.active > a,
.skin-orange .treeview-menu > li > a:hover {
    color: #000000;
}
.skin-orange .treeview-menu > li.active > a {
    font-weight: 600;
}
.skin-orange .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}
.skin-orange .sidebar-form input[type="text"],
.skin-orange .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.skin-orange .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-orange .sidebar-form input[type="text"]:focus,
.skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-orange .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-orange .btn-submenu{
    color: #fff;
    background-color: #F26C4F;
    border-color: #0d7f51;
}
.skin-orange .btn-submenu:hover,
.skin-orange .btn-submenu:active, 
.skin-orange .btn-submenu.hover {
    background-color: #EF9583;
}


.skin-orange .btn-primary{
    color: #fff;
    background-color: #15a670;
    border-color: #0d7f51;
}

.skin-orange .header-dialog{
    background-color: #F26C4F;
}

.skin-orange .btn-primary:hover,
.skin-orange .btn-primary:active, 
.skin-orange .btn-primary.hover {
    background-color: #7B68EE;
}
.skin-orange .panel-title {
    color: #fff;
    background-color: #5d5d5d;
}

.skin-orange .panel-title {
    color: black;
    background-color: #F5F5F5;
}
.skin-orange .panel-heading {
    border-color: #F5F5F5;
    background-color: #F5F5F5;
}

@media (min-width: 768px) {
    .skin-orange.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-orange .tablaGral th,.rwd_auto th {background:#F26C4F; color: white;padding:5px;text-align:center;}
.skin-orange .tablaGral2 th,.rwd_auto th {background:#15a670; color: white;padding:5px;text-align:center;}
.skin-orange .width200 th,.rwd_auto th {background:#F26C4F; color: white;padding:5px;text-align:center;}
.skin-orange .md-warn { background-color: #15a670 !important; }
.skin-orange .fabSpeedDialdemoBasicUsage .md-fab:hover { background-color:#15a670 !important; }

.skin-orange .remove-icon {color: #15a670}

.skin-orange .miGrid thead tr{
    background-color: #F26C4F;
    color:#fff;
}
.skin-orange .miGrid thead tr:hover {
    background-color: #5b5252;
}

.skin-orange md-slider.md-default-theme .md-sign, .skin-orange md-slider .md-sign {
    background-color: #F26C4F !important;
}

.skin-orange md-slider.md-default-theme .md-sign:after, .skin-orange md-slider .md-sign:after {
    border-top-color: #F26C4F !important;
}

.skin-orange .fondo2{
    background-color: #15a670;
}

/*
 * Skin: gray
 * ------------
 */
/*Color Encasbezado*/
.skin-gray .main-header .navbar {
    background-color: #958888;
}
.skin-gray .main-header .navbar .nav > li > a {
    color: #4caf50;
}

.skin-gray  ul>li>a{
    color: #329539;
}

.skin-gray .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover   { 
    color: #012250 !important;
}
.skin-gray .main-header .navbar .nav > li > a:hover,
.skin-gray .main-header .navbar .nav > li > a:active,
.skin-gray .main-header .navbar .nav > li > a:focus,
.skin-gray .main-header .navbar .nav .open > a,
.skin-gray .main-header .navbar .nav .open > a:hover,
.skin-gray .main-header .navbar .nav .open > a:focus,
.skin-gray .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.skin-gray .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.skin-gray .main-header .navbar .sidebar-toggle:hover {
    color: #000;
    background: rgba(0, 0, 0, 0.1);
}
.skin-gray .main-header .navbar .sidebar-toggle {
    color: #4caf50;
}
/*hOVER DONDE ESTA BOTON MENU*/
.skin-gray .main-header .navbar .sidebar-toggle:hover {
    background-color: #958888;
}
@media (max-width: 767px) {
    .skin-gray .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-gray .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-gray .main-header .navbar .dropdown-menu li a:hover {
        background: #555299;
    }
}
.skin-gray .main-header .logo {
    background-color: #605ca8;
    color: #958888;
    border-bottom: 0 solid transparent;
}
.skin-gray .main-header .logo:hover {
    background-color: #5d59a6;
}
.skin-gray .main-header li.user-header {
    background-color: #605ca8;
}
.skin-gray .content-header {
    background: transparent;
}
/*Esta Propuuedad lado derecho*/
.skin-gray .wrapper,
.skin-gray .main-sidebar,
.skin-gray .left-side {
    background-color: #f1f1f1;
}
.skin-gray .content-wrapper,
.skin-gray .main-footer {
    border-left: 1px solid #d2d6de;
}
.skin-gray .user-panel > .info,
.skin-gray .user-panel > .info > a {
    color: #444444;
}
.skin-gray .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}
.skin-gray .sidebar-menu > li.header {
    color: #848484;
    background: #FFB31A;
}
.skin-gray .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-weight: 600;
}
/*Color hover del menu izquierdo */
.skin-gray .sidebar-menu > li:hover > a,
.skin-gray .sidebar-menu > li.active > a {
    color: #fff;
    background: #4caf50;
}
.skin-gray .sidebar-menu > li.active {
    border-left-color: #605ca8;
}
.skin-gray .sidebar-menu > li.active > a {
    font-weight: 600;
}
.skin-gray .sidebar-menu > li > .treeview-menu {
    background: #f4f4f5;
}
/*Color de la LEtra de Menu lateral*/
.skin-gray .sidebar a {
    color: #303235;
}
.skin-gray .sidebar a:hover {
    text-decoration: none;
}
.skin-gray .treeview-menu > li > a {
    color: #777777;
}
.skin-gray .treeview-menu > li.active > a,
.skin-gray .treeview-menu > li > a:hover {
    color: #000000;
}
.skin-gray .treeview-menu > li.active > a {
    font-weight: 600;
}
.skin-gray .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}
.skin-gray .sidebar-form input[type="text"],
.skin-gray .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.skin-gray .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-gray .sidebar-form input[type="text"]:focus,
.skin-gray .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-gray .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-gray .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-gray .btn-submenu{
    color: #fff;
    background-color: #ccc;
    border-color: #2a962a;
}
.skin-gray .btn-submenu:hover,
.skin-gray .btn-submenu:active, 
.skin-gray .btn-submenu.hover {
    background-color: #5159CC;
}

.skin-gray .btn-primary{
    color: #fff;
    background-color: #4caf50;
    border-color: #2a962a;
}

.skin-gray .header-dialog{
    background-color: #958888;
}

.skin-gray .btn-primary:hover,
.skin-gray .btn-primary:active, 
.skin-gray .btn-primary.hover {
    background-color: #5f5f5f;
}
.skin-gray .panel-title {
    color: #fff;
    background-color: #5d5d5d;
}

.skin-gray .panel-title {
    color: black;
    background-color: #F5F5F5;
}
.skin-gray .panel-heading {
    border-color: #F5F5F5;
    background-color: #F5F5F5;
}

@media (min-width: 768px) {
    .skin-gray.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-gray .tablaGral th,.rwd_auto th {background:#ccc; color: black;padding:5px;text-align:center;}
.skin-gray .tablaGral2 th,.rwd_auto th {background:#4caf50; color: black;padding:5px;text-align:center;}
.skin-gray .width200 th,.rwd_auto th {background:#ccc; color: black;padding:5px;text-align:center;}
.skin-gray .md-warn { background-color: #4caf50 !important; }
.skin-gray .fabSpeedDialdemoBasicUsage .md-fab:hover { background-color:#4caf50 !important; }

.skin-gray .remove-icon {color: #4caf50}

.skin-gray .miGrid thead tr{
    background-color: #ccc;
    color:#fff;
}
.skin-gray .miGrid thead tr:hover {
    background-color: #4caf50;
}

.skin-gray md-slider.md-default-theme .md-sign, .skin-gray md-slider .md-sign {
    background-color: #ccc !important;
}

.skin-gray md-slider.md-default-theme .md-sign:after, .skin-gray md-slider .md-sign:after {
    border-top-color: #ccc !important;
}

.skin-gray .fondo2{
    background-color: #4caf50;
}

/*
 * Skin: azul-dark
 * ------------
 */
/*Color Encasbezado*/
.skin-azul-dark .main-header .navbar {
    background-color: #01344e;
}
.skin-azul-dark .main-header .navbar .nav > li > a {
    color: #fff;
}

.skin-azul-dark  ul>li>a{
    color: #01344e;
}

.skin-azul-dark .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover   { 
    color: #012250 !important;
}
.skin-azul-dark .main-header .navbar .nav > li > a:hover,
.skin-azul-dark .main-header .navbar .nav > li > a:active,
.skin-azul-dark .main-header .navbar .nav > li > a:focus,
.skin-azul-dark .main-header .navbar .nav .open > a,
.skin-azul-dark .main-header .navbar .nav .open > a:hover,
.skin-azul-dark .main-header .navbar .nav .open > a:focus,
.skin-azul-dark .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.skin-azul-dark .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.skin-azul-dark .main-header .navbar .sidebar-toggle:hover {
    color: #009ddc;
    background: rgba(0, 0, 0, 0.1);
}
.skin-azul-dark .main-header .navbar .sidebar-toggle {
    color: #fff;
}
/*hOVER DONDE ESTA BOTON MENU*/
.skin-azul-dark .main-header .navbar .sidebar-toggle:hover {
    background-color: #01344e;
}
@media (max-width: 767px) {
    .skin-azul-dark .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-azul-dark .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-azul-dark .main-header .navbar .dropdown-menu li a:hover {
        background: #555299;
    }
}
.skin-azul-dark .main-header .logo {
    background-color: #605ca8;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-azul-dark .main-header .logo:hover {
    background-color: #5d59a6;
}
.skin-azul-dark .main-header li.user-header {
    background-color: #605ca8;
}
.skin-azul-dark .content-header {
    background: transparent;
}
/*Esta Propiedad lado derecho*/
.skin-azul-dark .wrapper,
.skin-azul-dark .main-sidebar,
.skin-azul-dark .left-side {
    background-color: #fff;
}
.skin-azul-dark .content-wrapper,
.skin-azul-dark .main-footer {
    border-left: 1px solid #d2d6de;
}
.skin-azul-dark .user-panel > .info,
.skin-azul-dark .user-panel > .info > a {
    color: #444444;
}
.skin-azul-dark .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}
.skin-azul-dark .sidebar-menu > li.header {
    color: #848484;
    background: #FFB31A;
}
.skin-azul-dark .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-weight: 600;
}
/*Color hover del menu izquierdo */
.skin-azul-dark .sidebar-menu > li:hover > a,
.skin-azul-dark .sidebar-menu > li.active > a {
    color: #fff;
    background: #2a94d5;
}
.skin-azul-dark .sidebar-menu > li.active {
    border-left-color: #605ca8;
}
.skin-azul-dark .sidebar-menu > li.active > a {
    font-weight: 600;
}
.skin-azul-dark .sidebar-menu > li > .treeview-menu {
    background: #f4f4f5;
}
/*Color de la LEtra de Menu lateral*/
.skin-azul-dark .sidebar a {
    color: #303235;
}
.skin-azul-dark .sidebar a:hover {
    text-decoration: none;
}
.skin-azul-dark .treeview-menu > li > a {
    color: #777777;
}
.skin-azul-dark .treeview-menu > li.active > a,
.skin-azul-dark .treeview-menu > li > a:hover {
    color: #000000;
}
.skin-azul-dark .treeview-menu > li.active > a {
    font-weight: 600;
}
.skin-azul-dark .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}
.skin-azul-dark .sidebar-form input[type="text"],
.skin-azul-dark .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.skin-azul-dark .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-azul-dark .sidebar-form input[type="text"]:focus,
.skin-azul-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-azul-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-azul-dark .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-azul-dark .btn-submenu{
    color: #fff;
    background-color: #01344E;
    border-color: #0c80ba;
}
.skin-azul-dark .btn-submenu:hover,
.skin-azul-dark .btn-submenu:active, 
.skin-azul-dark .btn-submenu.hover {
    background-color: #1E3D4C;
}


.skin-azul-dark .btn-primary{
    color: #fff;
    background-color: #2a94d5;
    border-color: #0c80ba;
}

.skin-azul-dark .header-dialog{
    background-color: #01344E;
}

.skin-azul-dark .btn-primary:hover,
.skin-azul-dark .btn-primary:active, 
.skin-azul-dark .btn-primary.hover {
    background-color: #92d5f0;
}
.skin-azul-dark .panel-title {
    color: #fff;
    background-color: #2A94D5;
}

.skin-azul-dark .panel-title {
    color: black;
    background-color: #F5F5F5;
}
.skin-azul-dark .panel-heading {
    border-color: #F5F5F5;
    background-color: #F5F5F5;
}

@media (min-width: 768px) {
    .skin-azul-dark.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-azul-dark .tablaGral th,.rwd_auto th {background:#01344E; color: white;padding:5px;text-align:center;}
.skin-azul-dark .tablaGral2 th,.rwd_auto th {background:#2a94d5; color: white;padding:5px;text-align:center;}
.skin-azul-dark .width200 th,.rwd_auto th {background:#01344E; color: white;padding:5px;text-align:center;}
.skin-azul-dark .md-warn { background-color: #2a94d5 !important; }
.skin-azul-dark .fabSpeedDialdemoBasicUsage .md-fab:hover { background-color:#2a94d5 !important; }

.skin-azul-dark .remove-icon {color: #2a94d5}

.skin-azul-dark  md-slider.md-default-theme .md-sign, .skin-azul-dark  md-slider .md-sign {
    background-color: #01344E !important;
}

.skin-azul-dark  md-slider.md-default-theme .md-sign:after, .skin-azul-dark  md-slider .md-sign:after {
    border-top-color: #01344E !important;
}
/*
* Skin: Naranja
*/
.skin-azul-dark .miGrid thead tr{
    background-color: #01344E;
    color:#fff;
}

.skin-azul-dark .miGrid thead tr:hover {
    background-color: #5d59a6;
}

.skin-azul-dark .fondo2{
    background-color: #2a94d5;
}

/*PRUEBA NARANJA*/


.skin-naranja .main-header .navbar {
    background-color: #D24726;
}
.skin-naranja  ul>li>a{
    color: #F0623E;
}

.skin-naranja .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover   { 
    color: #D24726 !important;
}

.skin-naranja .main-header .navbar .nav > li > a {
    color: #FFF;
}
.skin-naranja .main-header .navbar .nav > li > a:hover,
.skin-naranja .main-header .navbar .nav > li > a:active,
.skin-naranja .main-header .navbar .nav > li > a:focus,
.skin-naranja .main-header .navbar .nav .open > a,
.skin-naranja .main-header .navbar .nav .open > a:hover,
.skin-naranja .main-header .navbar .nav .open > a:focus,
.skin-naranja .main-header .navbar .nav > .active > a {
    background: rgba(0, 0, 0, 0.1);
    color: #f6f6f6;
}
.skin-naranja .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}
.skin-naranja .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: rgba(0, 0, 0, 0.1);
}
.skin-naranja .main-header .navbar .sidebar-toggle {
    color: #fff;
}
.skin-naranja .main-header .navbar .sidebar-toggle:hover {
    background-color: #D24726;
}
@media (max-width: 767px) {
    .skin-naranja .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-naranja .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }
    .skin-naranja .main-header .navbar .dropdown-menu li a:hover {
        background: #555299; /* morado */
    }
}
.skin-naranja .main-header .logo {
    background-color: #605ca8; /* morado */
    color: #ffffff;
    border-bottom: 0 solid transparent;
}
.skin-naranja .main-header .logo:hover {
    background-color: #5d59a6;  /* morado*/
}
.skin-naranja .main-header li.user-header {
    background-color: #F0623E; /*FONDO USER*/
}
.skin-naranja .content-header {
    background: transparent;
}
.skin-naranja .wrapper,
.skin-naranja .main-sidebar,
.skin-naranja .left-side {
    background-color: #FFF; /*MENU IZQUIERDO*/
}
.skin-naranja .content-wrapper,
.skin-naranja .main-footer {
    border-left: 1px solid #d2d6de;  /* gris */
}
.skin-naranja .user-panel > .info,
.skin-naranja .user-panel > .info > a {
    color: #444444;  /* Gris oscuro */
}
.skin-naranja .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}
.skin-naranja .sidebar-menu > li.header {
    color: #848484; /* gris */
    background: #FFB31A;  /* Amarillo */
}
.skin-naranja .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-weight: 600;
}
.skin-naranja .sidebar-menu > li:hover > a,
.skin-naranja .sidebar-menu > li.active > a {
    color: #FFF;
    background: #F0623E;   /*SELECCION MENÚ IZQUIERDO*/
}
.skin-naranja .sidebar-menu > li.active {
    border-left-color: #605ca8; /* Morado */
}
.skin-naranja .sidebar-menu > li.active > a {
    font-weight: 600;
}
.skin-naranja .sidebar-menu > li > .treeview-menu {
    background: #f4f4f5; /* gris claro */
}


.skin-naranja .sidebar a {
    color: #D24726;
}

.skin-naranja .sidebar a:hover {
    text-decoration: none;
}
.skin-naranja .treeview-menu > li > a {
    color: #777777; /* Gris */
}

.skin-naranja .treeview-menu > li.active > a,
.skin-naranja .treeview-menu > li > a:hover {
    color: #000000;
}
.skin-naranja .treeview-menu > li.active > a {
    font-weight: 600;
}
.skin-naranja .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de; /* Gris */
    margin: 10px 10px;
}
.skin-naranja .sidebar-form input[type="text"],
.skin-naranja .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;
    border: 1px solid transparent;
    height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.skin-naranja .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-naranja .sidebar-form input[type="text"]:focus,
.skin-naranja .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.skin-naranja .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}
.skin-naranja .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-naranja .btn-submenu{ /*COLOR DE BOTONES*/
    color: #fff;
    background-color: #F0623E;
    border-color: #D24726;
}
.skin-naranja .btn-submenu:hover,
.skin-naranja .btn-submenu:active, 
.skin-naranja .btn-submenu.hover {
    background-color: #EF8F77;
}


.skin-naranja .btn-primary{ /*COLOR DE BOTONES*/
    color: #fff;
    background-color: #F0623E;
    border-color: #D24726;
}

.skin-naranja .header-dialog{ /*COLOR ENCABEZADO DIALOGOS*/
    background-color: #D24726;
}

.skin-naranja .btn-primary:hover,
.skin-naranja .btn-primary:active, 
.skin-naranja .btn-primary.hover {
    background-color: #D24726;
}
.skin-naranja .panel-title {
    color: #F0623E;
    background-color: #FFF; /*TITULO DEL PANEL PRINICIPAL*/
}
.skin-naranja .panel-heading {
    border-color: #FFF;
    background-color: #FFF;
}
@media (min-width: 768px) {
    .skin-naranja.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;/* Gris */
    }
}
.skin-naranja .panel-default>.panel-heading {
    color: #333;
    background-color: #FFF;
    border-color: #ddd;
}

.skin-naranja .width200 th,.rwd_auto th{
    background-color: #F0623E;
    color:#fff;
}

.skin-naranja .tablaGral th,.rwd_auto th{background-color: #F0623E;color:#fff;}
.skin-naranja .tablaGral2 th,.rwd_auto th{background-color: #D24726;color:#fff;}

.skin-naranja .remove-icon {color: #F0623E}

.skin-naranja .miGrid thead tr{
    background-color: #F0623E;
    color:#fff;
}

.skin-naranja  md-slider.md-default-theme .md-sign, .skin-naranja  md-slider .md-sign {
    background-color: #F0623E !important;
}

.skin-naranja  md-slider.md-default-theme .md-sign:after, .skin-naranja  md-slider .md-sign:after {
    border-top-color: #F0623E !important;
}
.skin-naranja .md-warn { background-color: #F0623E !important; }

.skin-naranja .fabSpeedDialdemoBasicUsage .md-fab:hover { background-color:#F0623E !important; }

.skin-naranja .fondo2{
    background-color: #F0623E;
}