.skin-1002 {
    background-color: #ffad4d
}

    .skin-1002 .navbar {
        background:  #ff8a00
    }

    .skin-1002 .sidebar, .skin-1002 .sidebar:before {
        background-color: #ffad4d; /*#222a2d*/
        border-right: 0
    }
    .skin-1002 .btn-primary, .btn-primary:focus, .btn-success {
        background-color: #c87e1b !important;
        border-color: #c87e1b !important;
    }
.skin-1 .btn-primary, .btn-primary:focus, .btn-success {
    background-color: #428bca !important;
    border-color: #428bca !important;
}
.skin-2 .btn-primary, .btn-primary:focus, .btn-success {
    background-color: #000 !important;
    border-color: #000 !important;
}
        .skin-1002 .btn-success, .btn-success:focus  {
            background-color: #c87e1b !important;
            border-color: #c87e1b !important;
        }
            .skin-1002 .btn-success:hover {
                background-color: #ffad4d !important;
                border-color: #ffad4d !important
            }
      
        .skin-1002 .btn-primary:hover {
            background-color: #ffad4d !important;
            border-color: #ffad4d !important
        }
    .skin-1002 .label-success, .badge-success {
        background-color: #ffad4d !important;
    }

    .skin-1002 .step .col-md-2:hover {
   /*     color: #r: #4A92D9;*/
        height: 100px;
        margin-top: -7px;
        padding-top: 7px;
        border-left: 6px solid #ffad4d !important;
        border-right: 6px solid #ffad4d !important;
        border-top: 3px solid #ffad4d !important;
        border-bottom: 3px solid #ffad4d !important;
        vertical-align: central;
    }
    .skin-1002 .ace-nav > li > a {
        background-color: #c55b00!important;
        color: #FFF;
        display: block;
        line-height: inherit;
        text-align: center;
        height: 100%;
        width: auto;
        min-width: 50px;
        padding: 0 8px;
        position: relative;
    }
    .skin-1002 .colortitle {
        color: #000000 !important;
    }


    .skin-1002 .canaco-titulo, .canaco-titulo table tr td {
        background-color: #FFFFFF;
        font-size: large;
       color: #000000 !important;
        margin-bottom: 10px;
        padding: 3px 0 3px 0;
        font-weight: normal;
    }
    .skin-1002 table th {
        background-color: #c87e1b !important;
        color: #000000 !important;
        margin-bottom: 10px;
        padding: 3px 0 3px 0;
        font-weight: normal;
    }

.skin-1002 .style attribute {
    color: White;
    background-color: #c87e1b;
    font-weight: bold;
}
.skin-1002 element.style {
    font-size: x-large;
    color: #000000 !important;
}
    .skin-1002 .nav-list > li {
        border-color: #3f4e54;
        border-top-width: 0
    }
  
    .skin-1002 .nav-list > li > a, .skin-1002 .menu-min .nav-list > li.open > a {
        background-color: #ffad4d; /* #222a2d*/
        color: #000000; /*#b1bac1*/
    }

        .skin-1002 .nav-list > li:hover > a {
            background-color: #414b51;
            color: #e1eaf1
        }

        .skin-1002 .nav-list > li > a > .arrow {
            color: #b1bac1
        }

        .skin-1002 .nav-list > li.open > a > .arrow {
            color: #85c0ec
        }

        .skin-1002 .nav-list > li .submenu > li > a {
            border-top-color: #afbdc9
        }

        .skin-1002 .nav-list > li.active .submenu > li > a {
            border-top-color: #70818e
        }

    .skin-1002 .nav-list li.active > a:after {
        border-right-color: #FFF;
        border-width: 16px 10px;
        top: 2px
    }

    .skin-1002 .nav-list > li.active.open > ul.submenu > li.active > a:after {
        top: 1px
    }

    .skin-1002 .nav-list > li.active:after {
        display: none
    }

    .skin-1002 .menu-min .nav-list > li.active > a:after {
        border-width: 10px 6px;
        top: 8px
    }

    .skin-1002 .menu-min .nav-list > li.active:hover > a:after {
        border-right-color: #242a2b
    }

    .skin-1002 .nav-list > li.open > a, .skin-1002 .nav-list > li.open > a:hover {
        color: #000000; /*#85c0ec;*/
        background-color: #ffbb45 /*#222a2d   CUANDO SE SELECCIONA UN  MENU*/
    }

    .skin-1002 .nav-list > li.active > a, .skin-1002 .nav-list > li.active > a:hover, .skin-1002 .menu-min .nav-list > li.active > a, .skin-1002 .menu-min .nav-list > li.active > a:hover {
        background-color: #141a1b;
        color: #55a0dc
        /*ESTE ES CUANDO SE SELECCIONA */
    }

    .skin-1002 .nav-list > li > ul.submenu {
        background-color: #3a4344;
        border-top-color: #5a6364
    }

    .skin-1002 .nav-list > li.active > ul.submenu {
        background-color: #141a1b;
        border-top-color: #2f3e44
    }

    .skin-1002 .nav-list > li > .submenu > li > a {
        color: #FFFFFF; /*letra de los menus   d1dae1*/
        border-bottom-color: #5a6364
    }

    .skin-1002 .nav-list > li > .submenu > li:first-child > a {
        border-top-color: transparent
    }

    .skin-1002 .nav-list > li > .submenu > li > a:hover {
        color: #8ab4de
    }

    .skin-1002 .nav-list > li > .submenu > li.active > a {
        color: #55a0dc;
        border-bottom-color: #2f3e44
    }

    .skin-1002 .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {
        display: none
    }

    .skin-1002 .menu-min .nav-list > li:hover > a {
        color: #e1eaf1
    }

    .skin-1002 .menu-min .nav-list > li > a > .menu-text {
        background-color: #414b51
    }

    .skin-1002 .menu-min .nav-list > li.active > a > .menu-text {
        background-color: #242a2b
    }

    .skin-1002 .menu-min .nav-list > li.active:hover > a, .skin-1002 .menu-min .nav-list > li.active > a > .menu-text {
        color: #55a0dc
    }

    .skin-1002 .menu-min .nav-list > li > a.active, .skin-1002 .menu-min .nav-list > li.open.active > a {
        background-color: #141a1b
    }

    .skin-1002 .menu-min .nav-list > li > a > .menu-text, .skin-1002 .menu-min .nav-list > li > ul.submenu {
        border-color: #3f4e54;
        margin-top: 1px;
        border-left-color: #242a2b
    }

    .skin-1002 .nav-list > li > .submenu > li:before, .skin-1002 .nav-list > li > .submenu:before {
        border-color: #929ba3
    }

    .skin-1002 .nav-list > li.active > .submenu > li:before, .skin-1002 .nav-list > li.active > .submenu:before {
        border-color: #3f4e54
    }

    .skin-1002 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
        border-bottom-color: #5a606a
    }

    .skin-1002 .sidebar-collapse {
        background-color: #ffad4d; /*#141a1b*/
        border-color: #3f4e54;
        border-top-width: 1px
    }

        .skin-1002 .sidebar-collapse:before {
            border-color: #3f4e54
        }

        .skin-1002 .sidebar-collapse > [class*="icon-"] {
            background-color: #222a2d
        }

    .skin-1002 .sidebar-shortcuts, .skin-1002 .sidebar-shortcuts-mini {
        background-color: #141a1b;
        border-color: #3f4e54
    }

    .skin-1002 .sidebar > .nav-search {
        background-color: #141a1b;
        border-color: #3f4e54
    }

    .skin-1002 .menu-min .sidebar-shortcuts-large {
        background-color: #141a1b;
        box-shadow: none;
        border: 0;
        top: 0
    }

    .skin-1002 .breadcrumbs {
        border: 0;
        background-color: #f0f0f0
    }

@media only screen and (max-width:991px) {
    .skin-1002 .sidebar {
        border: 0;
        box-shadow: none
    }

    .skin-1002 .nav-list li.active > a:after {
        display: none
    }

    .skin-1002 .menu-min .nav-list > li.active.open > a:after {
        display: none
    }

    .skin-1002 .menu-min .nav-list > li.active:hover > a:after {
        display: block
    }
}

.skin-1002 .nav-list > li > .submenu > li > .submenu a {
    border-top-color: #7b858c
}

.skin-1002 .nav-list > li.active > .submenu > li > .submenu a {
    border-top-color: #545b60
}

.skin-1002 .nav-list > li .submenu li > .submenu > li a {
    color: #d1dae1;
    font-size: 13px
}

    .skin-1002 .nav-list > li .submenu li > .submenu > li a > [class*="icon-"]:first-child {
        color: inherit
    }

    .skin-1002 .nav-list > li .submenu li > .submenu > li a:hover {
        color: #8ab4de;
        text-decoration: none
    }

        .skin-1002 .nav-list > li .submenu li > .submenu > li a:hover > [class*="icon-"]:first-child {
            color: #55a0dc
        }

.skin-1002 .nav-list > li .submenu li.open > a, .skin-1002 .nav-list > li .submenu li > .submenu > li.open > a {
    color: #85c0ec
}

    .skin-1002 .nav-list > li .submenu li.open > a > [class*="icon-"]:first-child, .skin-1002 .nav-list > li .submenu li > .submenu > li.open > a > [class*="icon-"]:first-child {
        color: inherit
    }

.skin-1002 .nav-list > li .submenu li > .submenu li.active > a {
    color: #61a8dd
}

    .skin-1002 .nav-list > li .submenu li > .submenu li.active > a > [class*="icon-"]:first-child {
        color: inherit
    }

    .skin-1002 .nav-list > li .submenu li > .submenu li.active > a:hover {
        color: #85c0ec
    }

.skin-1002 .nav-list > li .submenu li > a > .arrow {
    color: #BBB
}