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

.skin-avattia .main-header .navbar {
    /*background-color: #bdbdbd;   #fc0 Amarillo Fondo del Menu Principal*/
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%,  rgba(209,209,209,1) 96%, rgba(209,209,209,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)),  color-stop(96%, rgba(209,209,209,1)), color-stop(100%, rgba(209,209,209,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,  rgba(209,209,209,1) 96%, rgba(209,209,209,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,  rgba(209,209,209,1) 96%, rgba(209,209,209,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,  rgba(209,209,209,1) 96%, rgba(209,209,209,1) 100%);
}
.skin-avattia .main-header .navbar .nav > li > a {
    color: #f26521;    /* #000 Negro - Letra del Menu*/
}

.skin-avattia  ul>li>a{
    color: #bdbdbd;    /* #fc0 Amarillo */
}

.skin-avattia .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover   { 
    color: #ff4e00 !important; /* #EBE8E5 Gris - Letra del Menu Selec*/
} 

.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: #c43d3d; /* #f6f6f6 Gris */
}
.skin-avattia .main-header .navbar .sidebar-toggle {
    color: #ffffff; /* #ffffff Blanco */
}
.skin-avattia .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6; /* #f6f6f6 Gris */
    background: rgba(0, 0, 0, 0.1);
}
.skin-avattia .main-header .navbar .sidebar-toggle {
    color: #fff; /* #fff Blanco */
}
.skin-avattia .main-header .navbar .sidebar-toggle:hover {
    background-color: #bdbdbd; /* #fc0 Amarillo */
}
@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;/* #fff Blanco */
    }
    .skin-avattia .main-header .navbar .dropdown-menu li a:hover {
        background: #555299; /* #555299 Violeta */
    }
}
.skin-avattia .main-header .logo {
    background-color: #605ca8;/* #605ca8 Violeta */
    color: #ffffff;/* #ffffff Blanco */
    border-bottom: 0 solid transparent;
}
.skin-avattia .main-header .logo:hover {
    background-color: #5d59a6; /* #5d59a6 Violeta */
}
.skin-avattia .main-header li.user-header {
    background-color: #bebebe;/* #605ca8 Violeta - Fondo del ventanita Logout*/
}
.skin-avattia .content-header {
    background: transparent;
}
.skin-avattia .wrapper,
.skin-avattia .main-sidebar,
.skin-avattia .left-side {
    background-color: #dae0e5; /* #dae0e5 Gris */
}
.skin-avattia .content-wrapper,
.skin-avattia .main-footer {
    border-left: 1px solid #d2d6de;/* #d2d6de Gris */
}
.skin-avattia .user-panel > .info,
.skin-avattia .user-panel > .info > a {
    color: #444444; /* #444444 Gris Oscuro*/
}
.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; /* #848484 Gris */
    background: #FFB31A; /* #FFB31A Amarillo */
}
.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; /* #000000 Negro */
    background: #f4f4f5;/* #f4f4f5 Blanco */
}
.skin-avattia .sidebar-menu > li.active {
    border-left-color: #605ca8;/* #605ca8 Violeta */
}
.skin-avattia .sidebar-menu > li.active > a {
    font-weight: 600;
}
.skin-avattia .sidebar-menu > li > .treeview-menu {
    background: #f4f4f5;/* #f4f4f5 Blanco */
}

.skin-avattia .sidebar a {
    color: #2c3d4f; /* #2c3d4f Gris Oscuro */
}
.skin-avattia .sidebar a:hover {
    text-decoration: none;
}
.skin-avattia .treeview-menu > li > a {
    color: #777777; /* #777777 Gris */
}
.skin-avattia .treeview-menu > li.active > a,
.skin-avattia .treeview-menu > li > a:hover {
    color: #000000; /* #000000 Negro */
}
.skin-avattia .treeview-menu > li.active > a {
    font-weight: 600;
}
.skin-avattia .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;/* #d2d6de Gris */
    margin: 10px 10px;
}
.skin-avattia .sidebar-form input[type="text"],
.skin-avattia .sidebar-form .btn {
    box-shadow: none;
    background-color: #fff;/* #fff Blanco */
    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; /* #666 Gris */
    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;/* #fff Blanco */
    color: #666; /* #666 Gris */
}
.skin-avattia .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;/* #fff Blanco */
}
.skin-avattia .sidebar-form .btn {
    color: #999; /* #999 Gris */
    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;/* #fff Blanco */
    background-color: #FFCC00;/* #FFCC00 Amarillo */
    border-color: #af2e2e; /* #af2e2e Rojo */
}
.skin-avattia .btn-submenu:hover,
.skin-avattia .btn-submenu:active, 
.skin-avattia .btn-submenu.hover {
    background-color: #FFE066; /* #FFE066 Amarillo claro */
}


.skin-avattia .btn-primary{
    color: #fff;/* #fff Blanco */
    background-color: #f26521; /* #c43d3d Rojo */
    border-color: #af2e2e; /* #af2e2e Rojo - Fondo Botones */
}

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

.skin-avattia .btn-primary:hover,
.skin-avattia .btn-primary:active, 
.skin-avattia .btn-primary.hover {
    background-color: #474747; /* #3f2d2d Gris Oscuro - Al posicionarse en sima del encabezado de una Tabla*/
}
.skin-avattia .panel-title {
    color: black;
    background-color: #F5F5F5; /* #F5F5F5 Blanco */
}
.skin-avattia .panel-heading {
    border-color: #F5F5F5; /* #F5F5F5 Blanco */
    background-color: #F5F5F5; /* #F5F5F5 Blanco */
}
@media (min-width: 768px) {
    .skin-avattia.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;/* #d2d6de Gris */
    }
}

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

.skin-avattia .remove-icon {color: #707070} /* #c43d3d Rojo */

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

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


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

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

.skin-avattia .fondo2{
    background-color: #707070; /* #c43d3d Rojo */
}

md-checkbox.md-checked.green .md-icon {
    background-color: #00498f; /* #337ab7 Azul */
}
.borde input:hover,.borde input:focus{
/*    -webkit-box-shadow: 2px 2px 3px -1px #f26521;
    -moz-box-shadow: 2px 2px 3px -1px #f26521;
    box-shadow: 2px 2px 3px -1px #f26521;*/
    border: 1px solid brown !important;
}

.md-primary{
    background-color: #f26521 !important;
}
