aside.skin {
    background: #0D703A url("/Templates/img/csi/misc/bg-menu.png") left top no-repeat !important;
}

    aside.skin .size-toggle {
        border-bottom-color: #415160;
    }

        aside.skin .size-toggle .btn {
            color: #BECFE0;
        }

            aside.skin .size-toggle .btn:hover,
            aside.skin .size-toggle .btn:focus {
                color: #fff;
            }

            aside.skin .size-toggle .btn .icon-bar {
                background-color: #BECFE0;
            }

    aside.skin .sidebar-inner {
        border-right-color: #415160;
    }

        aside.skin .sidebar-inner .user-block {
            border-bottom-color: #415160;
            box-shadow: 0 1px 0 #506274;
            -moz-box-shadow: 0 1px 0 #506274;
            -webkit-box-shadow: 0 1px 0 #506274;
        }

            aside.skin .sidebar-inner .user-block .detail {
                color: #BECFE0;
            }

            aside.skin .sidebar-inner .user-block ul li a {
                color: #BECFE0;
            }

                aside.skin .sidebar-inner .user-block ul li a:hover,
                aside.skin .sidebar-inner .user-block ul li a:focus {
                    color: #fff;
                }

        aside.skin .sidebar-inner .search-block {
            border-bottom-color: #415160;
            box-shadow: 0 1px 0 #506274;
            -moz-box-shadow: 0 1px 0 #506274;
            -webkit-box-shadow: 0 1px 0 #506274;
        }

            aside.skin .sidebar-inner .search-block input[type="text"],
            aside.skin .sidebar-inner .search-block .btn {
                background: #fff;
                color: #BECFE0;
                border-color: #dfdfdf;
            }

    aside.skin .main-menu > ul > li {
        border-top-color: #298050;
        border-bottom-color: #0a5f30;
    }

        aside.skin .main-menu > ul > li.active,
        aside.skin .main-menu > ul > li.display {
            border-top-color: #415160;
        }

            aside.skin .main-menu > ul > li.active > a,
            aside.skin .main-menu > ul > li.display > a {
                background: #76BD1D;
                color: #fff;
            }

        aside.skin .main-menu > ul > li > a {
            color: #ffffff;
        }

            aside.skin .main-menu > ul > li > a:hover,
            aside.skin .main-menu > ul > li > a:focus {
                background: #42972b;
                color: #fff;
            }

            aside.skin .main-menu > ul > li > a .menu-hover {
                background: #feffd8;
                box-shadow: 0 0 10px 0px #ffffff;
                -moz-box-shadow: 0 0 10px 0px #ffffff;
                -webkit-box-shadow: 0 0 10px 0px #ffffff;
            }

        aside.skin .main-menu > ul > li > li a {
            background-color: #415160;
        }

        aside .skin .main-menu > ul > li > li a {
            color: #BECFE0;
        }

            aside.skin .main-menu > ul > li > li a:hover,
            aside.skin .main-menu > ul > li > li a:focus {
                color: #fff;
            }

        aside.skin .main-menu > ul > li > li.active a {
            background: #2E3943;
        }

        aside .skin .main-menu > ul > li > li.active a {
            color: #fff;
        }

@media (max-width: 767px) {
    aside.skin .main-menu > ul > li > .dropdown-menu li a {
        color: #BECFE0;
    }

        aside.skin .main-menu > ul > li > .dropdown-menu li a:hover, aside.skin .main-menu > ul > li > .dropdown-menu li a:focus {
            color: #fff;
            background: #415160;
        }
}

#top-nav.skin {
    background: #ffffff;
    border-bottom-color: #f1f1f1;
}

    #top-nav.skin .navbar-toggle .icon-bar {
        background-color: #666666;
    }

    #top-nav.skin .brand {
        color: #BECFE0;
        background: #ffffff;
    }

        #top-nav.skin .brand:hover, #top-nav.skin .brand:focus {
            color: #fff;
        }

    #top-nav.skin .page-title {
        color: #BECFE0;
    }

    #top-nav.skin .nav-notification > li.open {
        background: #415160;
    }

    #top-nav.skin .nav-notification > li:hover {
        background: #415160;
    }

    #top-nav.skin .nav-notification > li > a {
        color: #666666;
    }

        #top-nav.skin .nav-notification > li > a:hover,
        #top-nav.skin .nav-notification > li > a:focus {
            color: #fff;
        }

.minified > aside.skin > nav > ul > li > ul > li {
}

@media (max-width: 767px) {
    aside.skin .main-menu > ul > li > .dropdown-menu li a {
        color: #777;
    }

        aside.skin .main-menu > ul > li > .dropdown-menu li a:hover, aside.skin .main-menu > ul > li > .dropdown-menu li a:focus {
            color: #777;
            background: #f9f9f9;
        }
}

/*--------1er bloque*/
aside.skin .main-menu > ul > li > a:hover {
    color: white !important;
}
/*--------2do bloque*/
aside.skin .main-menu > ul > li > ul > li > a {
    color: #ffffff;
}

    aside.skin .main-menu > ul > li > ul > li > a:focus,
    aside.skin .main-menu > ul > li > ul > li > a:hover {
        color: #ffffff;
    }
/*.minified aside.skin .main-menu > ul > li > ul > li > a:focus,
.minified aside.skin .main-menu > ul > li > ul > li > a:hover {
    color: red;
}*/
/*--------3er bloque*/
aside.skin .main-menu > ul > li > ul > li > ul > li > a {
    color: #ffffff;
}

    aside.skin .main-menu > ul > li > ul > li > ul > li > a:focus,
    aside.skin .main-menu > ul > li > ul > li > ul > li > a:hover {
        color: #ffffff;
    }

    aside .skin .main-menu > ul > li > ul > li > ul > li > a:focus,
    aside .skin .main-menu > ul > li > ul > li > ul > li > a:hover {
        background: rgba(43, 51, 60, 0.26);
        color: #ffffff;
    }
/*--------4to bloque*/
aside.skin .main-menu > ul > li > ul > li > ul > li > ul {
    background: rgba(43, 51, 60, 0.26);
}

    aside.skin .main-menu > ul > li > ul > li > ul > li > ul,
    aside.skin .main-menu > ul > li > ul > li > ul > li > ul > li > a {
        color: white;
    }

        aside.skin .main-menu > ul > li > ul > li > ul > li > ul > li > a:focus,
        aside.skin .main-menu > ul > li > ul > li > ul > li > ul > li > a:hover {
            background: rgba(43, 51, 60, 0.26);
            color: white;
        }
/*--------------------------------------------------------------------------*/
/*color-profile basico param minified*/
.minified aside.skin .main-menu > ul > li > ul > li > a,
.minified aside.skin .main-menu > ul > li > ul > li > ul > li > a,
.minified aside.skin .main-menu > ul > li > ul > li > ul > li > ul {
    color: grey;
}

    .minified aside.skin .main-menu > ul > li > ul > li > a:hover,
    .minified aside.skin .main-menu > ul > li > ul > li > ul > li > a:hover,
    .minified aside.skin .main-menu > ul > li > ul > li > ul > li > ul:hover,
    .minified aside.skin .main-menu > ul > li > ul > li > ul > li > ul > li > a:hover,
    .minified aside.skin .main-menu > ul > li > ul > li > ul > li > ul,
    .minified aside.skin .main-menu > ul > li > ul > li > ul > li > a:focus,
    .minified aside.skin .main-menu > ul > li > ul > li > ul > li > a:hover {
        color: white;
        background: rgba(72, 90, 107, 0.55);
    }
/*-------------------------------------------------------------------------------*/
#top-nav.skin .nav-notification > li:hover,
#top-nav.skin .nav-notification > li:hover,
#top-nav.skin > button#menuToggle:active,
#top-nav.skin > button#menuToggle:hover {
    background: #3a3633 !important;
}

#top-nav .skin .nav-notification > li > a {
    color: #ffffff;
}

    #top-nav .skin .nav-notification > li > a:hover,
    #top-nav .skin .nav-notification > li > a:focus {
        color: #fff;
    }

.skin .Logo-top-nav {
    background-image: url(../images/Logo/Logo2.png) !important;
    border-bottom: 1px solid #f1f1f1;
    background-size: 80% !important;
}
/*-------linea del menú*/
aside.skin > nav > ul > li > ul::before,
aside.skin > nav > ul > li > ul > li::before {
    border-color: #ffffff !important;
}

aside.skin > nav > ul > li:hover > ul::before,
aside.skin > nav > ul > li:hover > ul > li::before {
    border-color: #FFFFFF !important;
}

#left-panel > nav > ul > li > ul::before {
    border-color: transparent;
    border-left: 1px solid transparent;
    -webkit-transition: border-color 0.5s ease-out;
    -moz-transition: border-color 0.5s ease-out;
    -o-transition: border-color 0.5s ease-out;
    transition: border-color 0.5s ease-out;
}

aside.skin > nav > ul > li > ul > li::before {
    border-color: transparent;
    border-left: 1px solid transparent;
    -webkit-transition: border-color 0.5s ease-out;
    -moz-transition: border-color 0.5s ease-out;
    -o-transition: border-color 0.5s ease-out;
    transition: border-color 0.5s ease-out;
}

aside.skin > nav > ul > li > ul::before {
    border-color: #ffffff !important;
}

.minified aside.skin > nav > ul > li > a > .menu-item-parent {
    border-color: #ffffff;
    background: #ffffff;
}


/*------------------------Sección defs las grillas*/
.skin > .jarviswidget .jarviswidget-color-blueDark jarviswidget-sortable > header,
.skin .modal-content > .jarviswidget-sortable > header, 
.skin > #content-file .jarviswidget-sortable > header,
.skin > #content-grid .jarviswidget-sortable > header,
.skin .ui-sortable .jarviswidget-sortable > header,
.skin > #content .jarviswidget-sortable > header,
.skin > .row .jarviswidget-sortable > header,
.skin .jarviswidget-color-blueDark > header,
.skin .jarviswidget-color-darken > header,
.skin .jarviswidget > header {
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url("/Templates/img/csi/misc/bg-container.png");
    background-image: url("/Templates/img/csi/misc/bg-container.png"), #3E3E3E;
    background-image: url("/Templates/img/csi/misc/bg-container.png"), -moz-linear-gradient(left, rgba(13,112,58,1) 0%, rgba(41,137,85,1) 100%);
    background-image: url("/Templates/img/csi/misc/bg-container.png"), -webkit-gradient(left top, right top, color-stop(0%, rgba(13,112,58,1)), color-stop(100%, rgba(41,137,85,1)));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d703a', endColorstr='#298955', GradientType=1 );
}

.skin html .km-pane-wrapper .k-header,
.skin div.k-grid-header th.k-header,
.skin .k-grid-header-wrap,
.skin .k-grouping-header,
.skin .k-grid-header,
.skin .k-pager-wrap,
.skin .k-draghandle,
.skin .k-toolbar,
.skin .k-header,
.skin .k-block {
    background: #374350;
}

.skin .jarviswidget-color-white > header,
.skin .jarviswidget header .nav-tabs > li.active > a,
.skin .jarviswidget header .nav-tabs > li.active > a:hover {
    color: rgba(255, 255, 255, 0.72);
}

.skin .jarviswidget > header > h2,
.skin .jarviswidget > header > h3,
.skin .k-state-disabled .k-link {
    color: #fff;
}

.skin .k-header,
.skin .k-grid-header-wrap,
.skin .k-grid .k-grouping-header,
.skin .k-grid-header,
.skin .k-pager-wrap,
.skin .k-pager-wrap .k-textbox,
.skin .k-pager-refresh.k-link,
.skin .k-pager-first,
.skin .k-pager-nav,
.skin .k-dropdown-wrap.k-state-default,
.skin .k-grouping-header .k-group-indicator {
    border-color: #8b8b8b !important;
}

.skin .jarviswidget-color-white .nav-tabs li a:hover {
    background: #eee !important;
    color: #333 !important;
}

.skin .jarviswidget-color-white .nav-tabs li:not(.active) a,
.skin .jarviswidget-color-white > header > .jarviswidget-ctrls a {
    color: #e5e5e5;
    border: 1px 1px 0 1px;
    border-top: 0;
    border-bottom: 0;
    background: #495b6c;
    border-color: #2b333c;
    border-style: solid;
    font-weight: 700;
}

.skin #treelistGroupPermission tr {
    background: #495b6c !important;
    color: #becfe0 !important;
}

.skin .parche1,
.skin .parche2,
.skin .parche3{
    border-bottom-color: #495B6C!important;
}

.skin > .section-2,
.skin > .section-4{
    background: #495B6C!important;
}
/*---------------infografias-----------*/
.skin #seccion-negro,
.skin #filtro3{
    background: #5b6b7a;
}

.skin .down-diagonal{
    border-bottom: 120px solid #5b6b7a;
}

.skin #filtro2 {
    background-color: #2b333c;
    padding: 0 25px 35px;
}
 
.skin #filtro4 {
    background: rgba(91,107,122,1);
    background: -ms-linear-gradient(top, rgba(91,107,122,1) 0%, rgba(98,115,132,1) 5%, rgba(150,157,164,1) 51%, rgba(98,115,132,1) 82%, rgba(91,107,122,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(91,107,122,1)), color-stop(5%, rgba(98,115,132,1)), color-stop(51%, rgba(150,157,164,1)), color-stop(82%, rgba(98,115,132,1)), color-stop(100%, rgba(91,107,122,1)));
    background: -webkit-linear-gradient(top, rgba(91,107,122,1) 0%, rgba(98,115,132,1) 5%, rgba(150,157,164,1) 51%, rgba(98,115,132,1) 82%, rgba(91,107,122,1) 100%);
    background: linear-gradient(to bottom, rgba(91,107,122,1) 0%, rgba(98,115,132,1) 5%, rgba(150,157,164,1) 51%, rgba(98,115,132,1) 82%, rgba(91,107,122,1) 100%);
    background: -moz-linear-gradient(top, rgba(91,107,122,1) 0%, rgba(98,115,132,1) 5%, rgba(150,157,164,1) 51%, rgba(98,115,132,1) 82%, rgba(91,107,122,1) 100%);
    background: -o-linear-gradient(top, rgba(91,107,122,1) 0%, rgba(98,115,132,1) 5%, rgba(150,157,164,1) 51%, rgba(98,115,132,1) 82%, rgba(91,107,122,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b6b7a', endColorstr='#5b6b7a', GradientType=0 );
}