#ControlBar_ControlPanel * {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

#Body #Form.showControlBar {
    margin-top: 0 !important;
    padding-top: 53px;
	background-color: var(--color_back_body);
}

.dnnFormMessage.dnnFormInfo {
    display: none;
}

.bg-none {
    background-color: transparent !important;
}

.bg-transparent {
    background-color: rgba(255, 255, 255, 0.25) !important;
    color: #FFFFFF !important;
}

.bg-white {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

.bg-black, .bg-inverse {
    background-color: #323232 !important;
    color: #FFFFFF !important;
}

.bg-silver {
    background-color: #f3f3f3 !important;
    color: #333333 !important;
}

.bg-lime {
    background-color: #A4C400 !important;
    color: #FFFFFF !important;
}

.bg-green {
    background-color: #60A917 !important;
    color: #FFFFFF !important;
}

.bg-emerald {
    background-color: #008A00 !important;
    color: #FFFFFF !important;
}

.bg-teal {
    background-color: #00ABA9 !important;
    color: #FFFFFF !important;
}

.bg-cyan {
    background-color: #1BA1E2 !important;
    color: #FFFFFF !important;
}

.bg-cobalt {
    background-color: #0050EF !important;
    color: #FFFFFF !important;
}

.bg-indigo {
    background-color: #6A00FF !important;
    color: #FFFFFF !important;
}

.bg-violet {
    background-color: #AA00FF !important;
    color: #FFFFFF !important;
}

.bg-pink {
    background-color: #F472D0 !important;
    color: #FFFFFF !important;
}

.bg-magenta {
    background-color: #D80073 !important;
    color: #FFFFFF !important;
}

.bg-crimson {
    background-color: #A20025 !important;
    color: #FFFFFF !important;
}

.bg-red {
    background-color: #E51400 !important;
    color: #FFFFFF !important;
}

.bg-orange {
    background-color: #FA6800 !important;
    color: #FFFFFF !important;
}

.bg-amber {
    background-color: #F0A30A !important;
    color: #FFFFFF !important;
}

.bg-yellow {
    background-color: #E3C800 !important;
    color: #FFFFFF !important;
}

.bg-brown {
    background-color: #825A2C !important;
    color: #FFFFFF !important;
}

.bg-olive {
    background-color: #6D8764 !important;
    color: #FFFFFF !important;
}

.bg-steel {
    background-color: #647687 !important;
    color: #FFFFFF !important;
}

.bg-mauve {
    background-color: #76608A !important;
    color: #FFFFFF !important;
}

.bg-taupe {
    background-color: #87794E !important;
    color: #FFFFFF !important;
}

html, body, div, li, a, p, span {
    font-family: 'Open Sans', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
/*Estilos Metro*/
::selection {
    background-color: #f3f3f3;
    color: #000000;
}

::moz-selection {
    background-color: #f3f3f3;
    color: #000000;
}

::webkit-selection {
    background-color: #f3f3f3;
    color: #000000;
}

body {
    overflow-x: hidden;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}

    body.fixed {
        padding-top: 40px;
    }

.header {
    position: relative;
}

    .header > .navbar {
        margin-bottom: 0;
    }

        .header > .navbar .brand {
            float: left;
            margin: 3px 0 0;
            padding: 5px 0;
            font-size: 1.4em;
            width: 180px;
        }

        .header > .navbar.navbar-fixed-top .brand {
            margin-right: 16px;
            width: auto;
        }

        .header > .navbar .nav > li > a > .label,
        .header > .navbar .nav > li > a > .badge {
            position: absolute;
            background-color: #D80073;
            right: 7px;
            top: 7px;
            line-height: 12px;
            padding: 2px 4px;
            font-size: 10px;
            font-weight: lighter;
        }

.navbar .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #f3f3f3;
    color: #444444;
}

.navbar.navbar-inverse .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #323232;
    color: #f3f3f3;
}

.navbar-lime .container-fluid {
    background-color: #A4C400;
    border-color: #A4C400;
}

.navbar-lime .brand,
.navbar-lime .navbar-text,
.navbar-lime .navbar-link,
.navbar-lime .navbar-link:hover,
.navbar-lime .navbar-link:focus,
.navbar-lime .nav > li > a {
    color: #ffffff;
}

    .navbar-lime .nav > li > a:focus,
    .navbar-lime .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-lime .nav .active > a,
.navbar-lime .nav .active > a:hover,
.navbar-lime .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-lime .nav li.dropdown.open > .dropdown-toggle,
.navbar-lime .nav li.dropdown.active > .dropdown-toggle,
.navbar-lime .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-lime .nav li.dropdown > a:hover .caret,
.navbar-lime .nav li.dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-lime .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-lime .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-lime .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-lime .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-lime .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-lime .nav .dropdown-menu {
    border: 2px solid #A4C400;
    border: 2px solid rgba(164, 196, 0, 1);
}

    .navbar-lime .nav .dropdown-menu .divider {
        background-color: #A4C400;
    }

    .navbar-lime .nav .dropdown-menu > .active > a,
    .navbar-lime .nav .dropdown-menu > .active > a:hover,
    .navbar-lime .nav .dropdown-menu > .active > a:focus {
        background-color: #A4C400;
        color: #FFFFFF;
    }

.navbar-lime .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #A4C400;
}

.navbar-lime.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #A4C400;
}

.navbar-lime .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #A4C400;
    color: #ffffff;
}

.navbar-green .container-fluid {
    background-color: #60A917;
    border-color: #60A917;
}

.navbar-green .brand,
.navbar-green .navbar-text,
.navbar-green .navbar-link,
.navbar-green .navbar-link:hover,
.navbar-green .navbar-link:focus,
.navbar-green .nav > li > a {
    color: #ffffff;
}

    .navbar-green .nav > li > a:focus,
    .navbar-green .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-green .nav .active > a,
.navbar-green .nav .active > a:hover,
.navbar-green .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-green .nav li.dropdown.open > .dropdown-toggle,
.navbar-green .nav li.dropdown.active > .dropdown-toggle,
.navbar-green .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-green .nav li.dropdown > a:hover .caret,
.navbar-green .nav li.dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-green .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-green .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-green .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-green .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-green .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-green .nav .dropdown-menu {
    border: 2px solid #60A917;
    border: 2px solid rgba(96, 169, 23, 1);
}

    .navbar-green .nav .dropdown-menu .divider {
        background-color: #60A917;
    }

    .navbar-green .nav .dropdown-menu > .active > a,
    .navbar-green .nav .dropdown-menu > .active > a:hover,
    .navbar-green .nav .dropdown-menu > .active > a:focus {
        background-color: #60A917;
        color: #FFFFFF;
    }

.navbar-green .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #60A917;
}

.navbar-green.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #60A917;
}

.navbar-green .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #60A917;
    color: #ffffff;
}

.navbar-emerald .container-fluid {
    background-color: #008A00;
    border-color: #008A00;
}

.navbar-emerald .brand,
.navbar-emerald .navbar-text,
.navbar-emerald .navbar-link,
.navbar-emerald .navbar-link:hover,
.navbar-emerald .navbar-link:focus,
.navbar-emerald .nav > li > a {
    color: #ffffff;
}

    .navbar-emerald .nav > li > a:focus,
    .navbar-emerald .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-emerald .nav .active > a,
.navbar-emerald .nav .active > a:hover,
.navbar-emerald .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-emerald .nav li.dropdown.open > .dropdown-toggle,
.navbar-emerald .nav li.dropdown.active > .dropdown-toggle,
.navbar-emerald .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-emerald .nav li.dropdown > a:hover .caret,
.navbar-emerald .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-emerald .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-emerald .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-emerald .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-emerald .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-emerald .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-emerald .nav .dropdown-menu {
    border: 2px solid #008A00;
    border: 2px solid rgba(0, 138, 0, 1);
}

    .navbar-emerald .nav .dropdown-menu .divider {
        background-color: #008A00;
    }

    .navbar-emerald .nav .dropdown-menu > .active > a,
    .navbar-emerald .nav .dropdown-menu > .active > a:hover,
    .navbar-emerald .nav .dropdown-menu > .active > a:focus {
        background-color: #008A00;
        color: #FFFFFF;
    }

.navbar-emerald .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #008A00;
}

.navbar-emerald.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #008A00;
}

.navbar-emerald .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #008A00;
    color: #ffffff;
}

.navbar-teal .container-fluid {
    background-color: #00ABA9;
    border-color: #00ABA9;
}

.navbar-teal .brand,
.navbar-teal .navbar-text,
.navbar-teal .navbar-link,
.navbar-teal .navbar-link:hover,
.navbar-teal .navbar-link:focus,
.navbar-teal .nav > li > a {
    color: #ffffff;
}

    .navbar-teal .nav > li > a:focus,
    .navbar-teal .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-teal .nav .active > a,
.navbar-teal .nav .active > a:hover,
.navbar-teal .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-teal .nav li.dropdown.open > .dropdown-toggle,
.navbar-teal .nav li.dropdown.active > .dropdown-toggle,
.navbar-teal .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-teal .nav li.dropdown > a:hover .caret,
.navbar-teal .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-teal .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-teal .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-teal .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-teal .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-teal .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-teal .nav .dropdown-menu {
    border: 2px solid #00ABA9;
    border: 2px solid rgba(0, 171, 169, 1);
}

    .navbar-teal .nav .dropdown-menu .divider {
        background-color: #00ABA9;
    }

    .navbar-teal .nav .dropdown-menu > .active > a,
    .navbar-teal .nav .dropdown-menu > .active > a:hover,
    .navbar-teal .nav .dropdown-menu > .active > a:focus {
        background-color: #00ABA9;
        color: #FFFFFF;
    }

.navbar-teal .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #00ABA9;
}

.navbar-teal.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #00ABA9;
}

.navbar-teal .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #00ABA9;
    color: #ffffff;
}

.navbar-cyan .container-fluid {
    background-color: #1BA1E2;
    border-color: #1BA1E2;
}

.navbar-brand,
.navbar-cyan .brand,
.navbar-cyan .navbar-text,
.navbar-cyan .navbar-link,
.navbar-cyan .navbar-link:hover,
.navbar-cyan .navbar-link:focus,
.navbar-cyan .nav > li > a {
    color: #ffffff;
}

    .navbar-cyan .nav > li > a:focus,
    .navbar-cyan .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-cyan .nav .active > a,
.navbar-cyan .nav .active > a:hover,
.navbar-cyan .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-cyan .nav li.dropdown.open > .dropdown-toggle,
.navbar-cyan .nav li.dropdown.active > .dropdown-toggle,
.navbar-cyan .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-cyan .nav li.dropdown > a:hover .caret,
.navbar-cyan .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-cyan .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-cyan .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-cyan .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-cyan .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-cyan .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-cyan .nav .dropdown-menu {
    border: 2px solid #1BA1E2;
    border: 2px solid rgba(27, 161, 226, 1);
}

    .navbar-cyan .nav .dropdown-menu .divider {
        background-color: #1BA1E2;
    }

    .navbar-cyan .nav .dropdown-menu > .active > a,
    .navbar-cyan .nav .dropdown-menu > .active > a:hover,
    .navbar-cyan .nav .dropdown-menu > .active > a:focus {
        background-color: #1BA1E2;
        color: #FFFFFF;
    }

.navbar-cyan .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #1BA1E2;
}

.navbar-cyan.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #1BA1E2;
}

.navbar-cyan .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #1BA1E2;
    color: #ffffff;
}

.navbar-cobalt .container-fluid {
    background-color: #0050EF;
    border-color: #0050EF;
}

.navbar-cobalt .brand,
.navbar-cobalt .navbar-text,
.navbar-cobalt .navbar-link,
.navbar-cobalt .navbar-link:hover,
.navbar-cobalt .navbar-link:focus,
.navbar-cobalt .nav > li > a {
    color: #ffffff;
}

    .navbar-cobalt .nav > li > a:focus,
    .navbar-cobalt .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-cobalt .nav .active > a,
.navbar-cobalt .nav .active > a:hover,
.navbar-cobalt .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-cobalt .nav li.dropdown.open > .dropdown-toggle,
.navbar-cobalt .nav li.dropdown.active > .dropdown-toggle,
.navbar-cobalt .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-cobalt .nav li.dropdown > a:hover .caret,
.navbar-cobalt .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-cobalt .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-cobalt .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-cobalt .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-cobalt .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-cobalt .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-cobalt .nav .dropdown-menu {
    border: 2px solid #0050EF;
    border: 2px solid rgba(0, 80, 239, 1);
}

    .navbar-cobalt .nav .dropdown-menu .divider {
        background-color: #0050EF;
    }

    .navbar-cobalt .nav .dropdown-menu > .active > a,
    .navbar-cobalt .nav .dropdown-menu > .active > a:hover,
    .navbar-cobalt .nav .dropdown-menu > .active > a:focus {
        background-color: #0050EF;
        color: #FFFFFF;
    }

.navbar-cobalt .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #0050EF;
}

.navbar-cobalt.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #0050EF;
}

.navbar-cobalt .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #0050EF;
    color: #ffffff;
}

.navbar-indigo .container-fluid {
    background-color: #6A00FF;
    border-color: #6A00FF;
}

.navbar-indigo .brand,
.navbar-indigo .navbar-text,
.navbar-indigo .navbar-link,
.navbar-indigo .navbar-link:hover,
.navbar-indigo .navbar-link:focus,
.navbar-indigo .nav > li > a {
    color: #ffffff;
}

    .navbar-indigo .nav > li > a:focus,
    .navbar-indigo .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-indigo .nav .active > a,
.navbar-indigo .nav .active > a:hover,
.navbar-indigo .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-indigo .nav li.dropdown.open > .dropdown-toggle,
.navbar-indigo .nav li.dropdown.active > .dropdown-toggle,
.navbar-indigo .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-indigo .nav li.dropdown > a:hover .caret,
.navbar-indigo .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-indigo .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-indigo .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-indigo .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-indigo .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-indigo .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.15);
    border-left-color: rgba(0, 0, 0, 0.15);
}

.navbar-indigo .nav .dropdown-menu {
    border: 2px solid #6A00FF;
    border: 2px solid rgba(106, 0, 255, 1);
}

    .navbar-indigo .nav .dropdown-menu .divider {
        background-color: #6A00FF;
    }

    .navbar-indigo .nav .dropdown-menu > .active > a,
    .navbar-indigo .nav .dropdown-menu > .active > a:hover,
    .navbar-indigo .nav .dropdown-menu > .active > a:focus {
        background-color: #6A00FF;
        color: #FFFFFF;
    }

.navbar-indigo .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #6A00FF;
}

.navbar-indigo.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #6A00FF;
}

.navbar-indigo .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #6A00FF;
    color: #ffffff;
}

.navbar-violet .container-fluid {
    background-color: #AA00FF;
    border-color: #AA00FF;
}

.navbar-violet .brand,
.navbar-violet .navbar-text,
.navbar-violet .navbar-link,
.navbar-violet .navbar-link:hover,
.navbar-violet .navbar-link:focus,
.navbar-violet .nav > li > a {
    color: #ffffff;
}

    .navbar-violet .nav > li > a:focus,
    .navbar-violet .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-violet .nav .active > a,
.navbar-violet .nav .active > a:hover,
.navbar-violet .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-violet .nav li.dropdown.open > .dropdown-toggle,
.navbar-violet .nav li.dropdown.active > .dropdown-toggle,
.navbar-violet .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-violet .nav li.dropdown > a:hover .caret,
.navbar-violet .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-violet .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-violet .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-violet .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-violet .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-violet .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.15);
    border-left-color: rgba(0, 0, 0, 0.15);
}

.navbar-violet .nav .dropdown-menu {
    border: 2px solid #AA00FF;
    border: 2px solid rgba(170, 0, 255, 1);
}

    .navbar-violet .nav .dropdown-menu .divider {
        background-color: #AA00FF;
    }

    .navbar-violet .nav .dropdown-menu > .active > a,
    .navbar-violet .nav .dropdown-menu > .active > a:hover,
    .navbar-violet .nav .dropdown-menu > .active > a:focus {
        background-color: #AA00FF;
        color: #FFFFFF;
    }

.navbar-violet .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #AA00FF;
}

.navbar-violet.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #AA00FF;
}

.navbar-violet .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #AA00FF;
    color: #ffffff;
}

.navbar-pink .container-fluid {
    background-color: #F472D0;
    border-color: #F472D0;
}

.navbar-pink .brand,
.navbar-pink .navbar-text,
.navbar-pink .navbar-link,
.navbar-pink .navbar-link:hover,
.navbar-pink .navbar-link:focus,
.navbar-pink .nav > li > a {
    color: #ffffff;
}

    .navbar-pink .nav > li > a:focus,
    .navbar-pink .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-pink .nav .active > a,
.navbar-pink .nav .active > a:hover,
.navbar-pink .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-pink .nav li.dropdown.open > .dropdown-toggle,
.navbar-pink .nav li.dropdown.active > .dropdown-toggle,
.navbar-pink .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-pink .nav li.dropdown > a:hover .caret,
.navbar-pink .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-pink .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-pink .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-pink .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-pink .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-pink .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-pink .nav .dropdown-menu {
    border: 2px solid #F472D0;
    border: 2px solid rgba(244, 114, 208, 1);
}

    .navbar-pink .nav .dropdown-menu .divider {
        background-color: #F472D0;
    }

    .navbar-pink .nav .dropdown-menu > .active > a,
    .navbar-pink .nav .dropdown-menu > .active > a:hover,
    .navbar-pink .nav .dropdown-menu > .active > a:focus {
        background-color: #F472D0;
        color: #FFFFFF;
    }

.navbar-pink .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #F472D0;
}

.navbar-pink.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #F472D0;
}

.navbar-pink .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #F472D0;
    color: #ffffff;
}

.navbar-magenta .container-fluid {
    background-color: #D80073;
    border-color: #D80073;
}

.navbar-magenta .brand,
.navbar-magenta .navbar-text,
.navbar-magenta .navbar-link,
.navbar-magenta .navbar-link:hover,
.navbar-magenta .navbar-link:focus,
.navbar-magenta .nav > li > a {
    color: #ffffff;
}

    .navbar-magenta .nav > li > a:focus,
    .navbar-magenta .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-magenta .nav .active > a,
.navbar-magenta .nav .active > a:hover,
.navbar-magenta .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-magenta .nav li.dropdown.open > .dropdown-toggle,
.navbar-magenta .nav li.dropdown.active > .dropdown-toggle,
.navbar-magenta .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-magenta .nav li.dropdown > a:hover .caret,
.navbar-magenta .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-magenta .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-magenta .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-magenta .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-magenta .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-magenta .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-magenta .nav .dropdown-menu {
    border: 2px solid #D80073;
    border: 2px solid rgba(216, 0, 115, 1);
}

    .navbar-magenta .nav .dropdown-menu .divider {
        background-color: #D80073;
    }

    .navbar-magenta .nav .dropdown-menu > .active > a,
    .navbar-magenta .nav .dropdown-menu > .active > a:hover,
    .navbar-magenta .nav .dropdown-menu > .active > a:focus {
        background-color: #D80073;
        color: #FFFFFF;
    }

.navbar-magenta .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #D80073;
}

.navbar-magenta.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #D80073;
}

.navbar-magenta .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #D80073;
    color: #ffffff;
}

.navbar-crimson .container-fluid {
    background-color: #A20025;
    border-color: #A20025;
}

.navbar-crimson .brand,
.navbar-crimson .navbar-text,
.navbar-crimson .navbar-link,
.navbar-crimson .navbar-link:hover,
.navbar-crimson .navbar-link:focus,
.navbar-crimson .nav > li > a {
    color: #ffffff;
}

    .navbar-crimson .nav > li > a:focus,
    .navbar-crimson .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-crimson .nav .active > a,
.navbar-crimson .nav .active > a:hover,
.navbar-crimson .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-crimson .nav li.dropdown.open > .dropdown-toggle,
.navbar-crimson .nav li.dropdown.active > .dropdown-toggle,
.navbar-crimson .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-crimson .nav li.dropdown > a:hover .caret,
.navbar-crimson .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-crimson .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-crimson .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-crimson .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-crimson .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-crimson .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-crimson .nav .dropdown-menu {
    border: 2px solid #A20025;
    border: 2px solid rgba(162, 0, 37, 1);
}

    .navbar-crimson .nav .dropdown-menu .divider {
        background-color: #A20025;
    }

    .navbar-crimson .nav .dropdown-menu > .active > a,
    .navbar-crimson .nav .dropdown-menu > .active > a:hover,
    .navbar-crimson .nav .dropdown-menu > .active > a:focus {
        background-color: #A20025;
        color: #FFFFFF;
    }

.navbar-crimson .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #A20025;
}

.navbar-crimson.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #A20025;
}

.navbar-crimson .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #A20025;
    color: #ffffff;
}

.navbar-red .container-fluid {
    background-color: #E51400;
    border-color: #E51400;
}

.navbar-red .brand,
.navbar-red .navbar-text,
.navbar-red .navbar-link,
.navbar-red .navbar-link:hover,
.navbar-red .navbar-link:focus,
.navbar-red .nav > li > a {
    color: #ffffff;
}

    .navbar-red .nav > li > a:focus,
    .navbar-red .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-red .nav .active > a,
.navbar-red .nav .active > a:hover,
.navbar-red .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-red .nav li.dropdown.open > .dropdown-toggle,
.navbar-red .nav li.dropdown.active > .dropdown-toggle,
.navbar-red .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-red .nav li.dropdown > a:hover .caret,
.navbar-red .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-red .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-red .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-red .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-red .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-red .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.15);
    border-left-color: rgba(0, 0, 0, 0.15);
}

.navbar-red .nav .dropdown-menu {
    border: 2px solid #E51400;
    border: 2px solid rgba(229, 20, 0, 1);
}

    .navbar-red .nav .dropdown-menu .divider {
        background-color: #E51400;
    }

    .navbar-red .nav .dropdown-menu > .active > a,
    .navbar-red .nav .dropdown-menu > .active > a:hover,
    .navbar-red .nav .dropdown-menu > .active > a:focus {
        background-color: #E51400;
        color: #FFFFFF;
    }

.navbar-red .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #E51400;
}

.navbar-red.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #E51400;
}

.navbar-red .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #E51400;
    color: #ffffff;
}

.navbar-orange .container-fluid {
    background-color: #FA6800;
    border-color: #FA6800;
}

.navbar-orange .brand,
.navbar-orange .navbar-text,
.navbar-orange .navbar-link,
.navbar-orange .navbar-link:hover,
.navbar-orange .navbar-link:focus,
.navbar-orange .nav > li > a {
    color: #ffffff;
}

    .navbar-orange .nav > li > a:focus,
    .navbar-orange .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-orange .nav .active > a,
.navbar-orange .nav .active > a:hover,
.navbar-orange .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-orange .nav li.dropdown.open > .dropdown-toggle,
.navbar-orange .nav li.dropdown.active > .dropdown-toggle,
.navbar-orange .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-orange .nav li.dropdown > a:hover .caret,
.navbar-orange .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-orange .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-orange .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-orange .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-orange .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-orange .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-orange .nav .dropdown-menu {
    border: 2px solid #FA6800;
    border: 2px solid rgba(250, 104, 0, 1);
}

    .navbar-orange .nav .dropdown-menu .divider {
        background-color: #FA6800;
    }

    .navbar-orange .nav .dropdown-menu > .active > a,
    .navbar-orange .nav .dropdown-menu > .active > a:hover,
    .navbar-orange .nav .dropdown-menu > .active > a:focus {
        background-color: #FA6800;
        color: #FFFFFF;
    }

.navbar-orange .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #FA6800;
}

.navbar-orange.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #FA6800;
}

.navbar-orange .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #FA6800;
    color: #ffffff;
}

.navbar-amber .container-fluid {
    background-color: #F0A30A;
    border-color: #F0A30A;
}

.navbar-amber .brand,
.navbar-amber .navbar-text,
.navbar-amber .navbar-link,
.navbar-amber .navbar-link:hover,
.navbar-amber .navbar-link:focus,
.navbar-amber .nav > li > a {
    color: #ffffff;
}

    .navbar-amber .nav > li > a:focus,
    .navbar-amber .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-amber .nav .active > a,
.navbar-amber .nav .active > a:hover,
.navbar-amber .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-amber .nav li.dropdown.open > .dropdown-toggle,
.navbar-amber .nav li.dropdown.active > .dropdown-toggle,
.navbar-amber .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-amber .nav li.dropdown > a:hover .caret,
.navbar-amber .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-amber .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-amber .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-amber .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-amber .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-amber .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-amber .nav .dropdown-menu {
    border: 2px solid #F0A30A;
    border: 2px solid rgba(240, 163, 10, 1);
}

    .navbar-amber .nav .dropdown-menu .divider {
        background-color: #F0A30A;
    }

    .navbar-amber .nav .dropdown-menu > .active > a,
    .navbar-amber .nav .dropdown-menu > .active > a:hover,
    .navbar-amber .nav .dropdown-menu > .active > a:focus {
        background-color: #F0A30A;
        color: #FFFFFF;
    }

.navbar-amber .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #F0A30A;
}

.navbar-amber.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #F0A30A;
}

.navbar-amber .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #F0A30A;
    color: #ffffff;
}

.navbar-yellow .container-fluid {
    background-color: #E3C800;
    border-color: #E3C800;
}

.navbar-yellow .brand,
.navbar-yellow .navbar-text,
.navbar-yellow .navbar-link,
.navbar-yellow .navbar-link:hover,
.navbar-yellow .navbar-link:focus,
.navbar-yellow .nav > li > a {
    color: #ffffff;
}

    .navbar-yellow .nav > li > a:focus,
    .navbar-yellow .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-yellow .nav .active > a,
.navbar-yellow .nav .active > a:hover,
.navbar-yellow .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-yellow .nav li.dropdown.open > .dropdown-toggle,
.navbar-yellow .nav li.dropdown.active > .dropdown-toggle,
.navbar-yellow .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-yellow .nav li.dropdown > a:hover .caret,
.navbar-yellow .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-yellow .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-yellow .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-yellow .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-yellow .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-yellow .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-yellow .nav .dropdown-menu {
    border: 2px solid #E3C800;
    border: 2px solid rgba(227, 200, 0, 1);
}

    .navbar-yellow .nav .dropdown-menu .divider {
        background-color: #E3C800;
    }

    .navbar-yellow .nav .dropdown-menu > .active > a,
    .navbar-yellow .nav .dropdown-menu > .active > a:hover,
    .navbar-yellow .nav .dropdown-menu > .active > a:focus {
        background-color: #E3C800;
        color: #FFFFFF;
    }

.navbar-yellow .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #E3C800;
}

.navbar-yellow.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #E3C800;
}

.navbar-yellow .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #E3C800;
    color: #ffffff;
}

.navbar-brown .container-fluid {
    background-color: #825A2C;
    border-color: #825A2C;
}

.navbar-brown .brand,
.navbar-brown .navbar-text,
.navbar-brown .navbar-link,
.navbar-brown .navbar-link:hover,
.navbar-brown .navbar-link:focus,
.navbar-brown .nav > li > a {
    color: #ffffff;
}

    .navbar-brown .nav > li > a:focus,
    .navbar-brown .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-brown .nav .active > a,
.navbar-brown .nav .active > a:hover,
.navbar-brown .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-brown .nav li.dropdown.open > .dropdown-toggle,
.navbar-brown .nav li.dropdown.active > .dropdown-toggle,
.navbar-brown .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-brown .nav li.dropdown > a:hover .caret,
.navbar-brown .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-brown .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-brown .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-brown .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-brown .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-brown .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-brown .nav .dropdown-menu {
    border: 2px solid #825A2C;
    border: 2px solid rgba(130, 90, 44, 1);
}

    .navbar-brown .nav .dropdown-menu .divider {
        background-color: #825A2C;
    }

    .navbar-brown .nav .dropdown-menu > .active > a,
    .navbar-brown .nav .dropdown-menu > .active > a:hover,
    .navbar-brown .nav .dropdown-menu > .active > a:focus {
        background-color: #825A2C;
        color: #FFFFFF;
    }

.navbar-brown .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #825A2C;
}

.navbar-brown.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #825A2C;
}

.navbar-brown .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #825A2C;
    color: #ffffff;
}

.navbar-olive .container-fluid {
    background-color: #6D8764;
    border-color: #6D8764;
}

.navbar-olive .brand,
.navbar-olive .navbar-text,
.navbar-olive .navbar-link,
.navbar-olive .navbar-link:hover,
.navbar-olive .navbar-link:focus,
.navbar-olive .nav > li > a {
    color: #ffffff;
}

    .navbar-olive .nav > li > a:focus,
    .navbar-olive .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-olive .nav .active > a,
.navbar-olive .nav .active > a:hover,
.navbar-olive .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-olive .nav li.dropdown.open > .dropdown-toggle,
.navbar-olive .nav li.dropdown.active > .dropdown-toggle,
.navbar-olive .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-olive .nav li.dropdown > a:hover .caret,
.navbar-olive .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-olive .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-olive .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-olive .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-olive .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-olive .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-olive .nav .dropdown-menu {
    border: 2px solid #6D8764;
    border: 2px solid rgba(109, 135, 100, 1);
}

    .navbar-olive .nav .dropdown-menu .divider {
        background-color: #6D8764;
    }

    .navbar-olive .nav .dropdown-menu > .active > a,
    .navbar-olive .nav .dropdown-menu > .active > a:hover,
    .navbar-olive .nav .dropdown-menu > .active > a:focus {
        background-color: #6D8764;
        color: #FFFFFF;
    }

.navbar-olive .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #6D8764;
}

.navbar-olive.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #6D8764;
}

.navbar-olive .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #6D8764;
    color: #ffffff;
}

.navbar-steel .container-fluid {
    background-color: #647687;
    border-color: #647687;
}

.navbar-steel .brand,
.navbar-steel .navbar-text,
.navbar-steel .navbar-link,
.navbar-steel .navbar-link:hover,
.navbar-steel .navbar-link:focus,
.navbar-steel .nav > li > a {
    color: #ffffff;
}

    .navbar-steel .nav > li > a:focus,
    .navbar-steel .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-steel .nav .active > a,
.navbar-steel .nav .active > a:hover,
.navbar-steel .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-steel .nav li.dropdown.open > .dropdown-toggle,
.navbar-steel .nav li.dropdown.active > .dropdown-toggle,
.navbar-steel .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-steel .nav li.dropdown > a:hover .caret,
.navbar-steel .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-steel .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-steel .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-steel .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-steel .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-steel .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-steel .nav .dropdown-menu {
    border: 2px solid #647687;
    border: 2px solid rgba(100, 118, 135, 1);
}

    .navbar-steel .nav .dropdown-menu .divider {
        background-color: #647687;
    }

    .navbar-steel .nav .dropdown-menu > .active > a,
    .navbar-steel .nav .dropdown-menu > .active > a:hover,
    .navbar-steel .nav .dropdown-menu > .active > a:focus {
        background-color: #647687;
        color: #FFFFFF;
    }

.navbar-steel .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #647687;
}

.navbar-steel.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #647687;
}

.navbar-steel .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #647687;
    color: #ffffff;
}

.navbar-mauve .container-fluid {
    background-color: #76608A;
    border-color: #76608A;
}

.navbar-mauve .brand,
.navbar-mauve .navbar-text,
.navbar-mauve .navbar-link,
.navbar-mauve .navbar-link:hover,
.navbar-mauve .navbar-link:focus,
.navbar-mauve .nav > li > a {
    color: #ffffff;
}

    .navbar-mauve .nav > li > a:focus,
    .navbar-mauve .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-mauve .nav .active > a,
.navbar-mauve .nav .active > a:hover,
.navbar-mauve .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-mauve .nav li.dropdown.open > .dropdown-toggle,
.navbar-mauve .nav li.dropdown.active > .dropdown-toggle,
.navbar-mauve .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-mauve .nav li.dropdown > a:hover .caret,
.navbar-mauve .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-mauve .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-mauve .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-mauve .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-mauve .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-mauve .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-mauve .nav .dropdown-menu {
    border: 2px solid #76608A;
    border: 2px solid rgba(118, 96, 138, 1);
}

    .navbar-mauve .nav .dropdown-menu .divider {
        background-color: #76608A;
    }

    .navbar-mauve .nav .dropdown-menu > .active > a,
    .navbar-mauve .nav .dropdown-menu > .active > a:hover,
    .navbar-mauve .nav .dropdown-menu > .active > a:focus {
        background-color: #76608A;
        color: #FFFFFF;
    }

.navbar-mauve .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #76608A;
}

.navbar-mauve.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #76608A;
}

.navbar-mauve .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #76608A;
    color: #ffffff;
}

.navbar-taupe .container-fluid {
    background-color: #87794E;
    border-color: #87794E;
}

.navbar-taupe .brand,
.navbar-taupe .navbar-text,
.navbar-taupe .navbar-link,
.navbar-taupe .navbar-link:hover,
.navbar-taupe .navbar-link:focus,
.navbar-taupe .nav > li > a {
    color: #ffffff;
}

    .navbar-taupe .nav > li > a:focus,
    .navbar-taupe .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
    }

.navbar-taupe .nav .active > a,
.navbar-taupe .nav .active > a:hover,
.navbar-taupe .nav .active > a:focus {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-taupe .nav li.dropdown.open > .dropdown-toggle,
.navbar-taupe .nav li.dropdown.active > .dropdown-toggle,
.navbar-taupe .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-taupe .nav li.dropdown > a:hover .caret,
.navbar-taupe .nav li.dropdown > a:focus .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-taupe .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-taupe .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-taupe .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-taupe .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.navbar-taupe .divider-vertical {
    border-right-color: rgba(255, 255, 255, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.navbar-taupe .nav .dropdown-menu {
    border: 2px solid #87794E;
    border: 2px solid rgba(135, 121, 78, 1);
}

    .navbar-taupe .nav .dropdown-menu .divider {
        background-color: #87794E;
    }

    .navbar-taupe .nav .dropdown-menu > .active > a,
    .navbar-taupe .nav .dropdown-menu > .active > a:hover,
    .navbar-taupe .nav .dropdown-menu > .active > a:focus {
        background-color: #87794E;
        color: #FFFFFF;
    }

.navbar-taupe .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #87794E;
}

.navbar-taupe.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 7px solid #87794E;
}

.navbar-taupe .nav .dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #87794E;
    color: #ffffff;
}

.section-content {
    position: relative;
    display: block;
    height: auto;
    background: #ffffff;
}

    .section-content:after {
        content: '';
        display: block;
        clear: both;
    }

.side-left,
.content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 620px;
}

.side-left {
    position: relative;
    display: block;
    float: left;
    z-index: 5;
    min-height: 100%;
    height: 100%;
    background-color: #f3f3f3;
    padding-bottom: 60px;
    margin-bottom: 0;
}

    .side-left:after {
        content: '';
        display: block;
        clear: both;
    }

    .side-left.side-left-fixed {
        position: fixed;
        height: 100%;
        z-index: 1;
        overflow: hidden;
    }

        .side-left.side-left-fixed .nav-list {
            height: 100%;
            width: 100%;
            overflow-x: auto;
            overflow-y: auto;
        }

        .side-left.side-left-fixed.fixed-top {
            top: 0;
        }

    .side-left > .search-module {
        position: relative;
        padding: 5px;
        margin-bottom: 10px;
    }


    .side-left > .nav {
        margin-top: -1px;
        background-color: transparent;
    }

        .side-left > .nav > li {
            position: relative;
        }

            .side-left > .nav > li.divider {
                *width: 100%;
                height: 1px;
                margin: 9px 1px;
                *margin: -5px 0 5px;
                overflow: hidden;
                background-color: rgba(0, 0, 0, 0.15);
            }

            .side-left > .nav > li > a {
                color: #333333;
                font-size: 1.1em;
                font-weight: lighter;
                padding: 10px 20px;
                white-space: nowrap;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                text-shadow: none;
            }

            .side-left > .nav > li .badge,
            .side-left > .nav > li .label {
                position: absolute;
                background-color: #D80073;
                top: 0;
                right: 1px;
                font-size: 11px;
            }

            .side-left > .nav > li.active > a {
                background: rgba(0, 0, 0, 0.1);
                color: #333333;
                text-shadow: none;
            }

        .side-left > .nav > .dropdown > .dropdown-toggle:before,
        .side-left > .nav > .dropdown-list > .dropdown-toggle:before,
        .side-left > .nav > .dropup > .dropdown-toggle:before {
            position: absolute;
            margin-left: -10px;
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            content: '\f105';
            font-size: 14px;
        }

        .side-left > .nav > .dropdown-list.open > .dropdown-toggle:before {
            margin-left: -13px;
            content: '\f107';
        }

        .side-left > .nav > li.dropdown-list > .dropdown-menu {
            position: relative;
            border: none;
            float: none;
            margin: 0 0 /*-15px*/
            ;
            padding: 0;
            padding-right: 0;
            list-style: none;
            background-color: rgba(0, 0, 0, 0.15);
            display: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

        .side-left > .nav > li.open > a,
        .side-left > .nav > li.open:hover > a,
        .side-left > .nav > li.active > a,
        .side-left > .nav > li.active:hover > a,
        .side-left > .nav > li > .dropdown-menu li:hover a {
            background: rgba(0, 0, 0, 0.15);
        }

        .side-left > .nav > li > a:focus,
        .side-left > .nav > li > a:active {
            background: transparent;
        }

        .side-left > .nav > li.dropdown-list > .dropdown-menu > li {
            margin: 0;
            padding: 0;
        }

            .side-left > .nav > li.dropdown-list > .dropdown-menu > li.nav-header {
                padding: 5px 15px;
            }

            .side-left > .nav > li.dropdown-list > .dropdown-menu > li > a {
                position: relative;
                margin: 0;
                display: block;
                padding: 10px 20px;
                font-size: 13px;
                font-weight: lighter;
                color: #333333;
            }

            .side-left > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                background: rgba(0, 0, 0, 0.075);
            }

        .side-left > .nav > li.dropdown:focus > a {
            background: red !important;
        }

        .side-left > .nav > li.dropdown > .dropdown-menu,
        .side-left > .nav > li.dropup > .dropdown-menu {
            font-size: 14px;
        }

        .side-left > .nav > li.dropdown > .dropdown-menu {
            left: 165px;
            top: 0;
        }

        .side-left > .nav > li.dropup > .dropdown-menu {
            left: 165px;
            bottom: 0;
        }

        .side-left > .nav > li.dropdown-list > .dropdown-menu .divider {
            background-color: rgba(0, 0, 0, 0.15);
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            height: 1px;
            margin: 9px 1px;
            overflow: hidden;
            margin-left: 15px;
            margin-right: 15px;
        }

        .side-left > .nav > li.dropdown > .dropdown-menu .divider,
        .side-left > .nav > li.dropup > .dropdown-menu .divider {
            *width: 100%;
            height: 1px;
            margin: 9px 20px;
            *margin: -5px 0 5px;
            overflow: hidden;
            background-color: #000000;
            border-bottom: 1px solid #ffffff;
        }

    .side-left.side-black,
    .side-left.side-inverse {
        background-color: #222222;
    }

        .side-left.side-black > .nav,
        .side-left.side-inverse > .nav {
            background-color: #222222;
        }

            .side-left.side-black > .nav > li > a,
            .side-left.side-inverse > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-black > .nav > li:hover > a,
            .side-left.side-inverse > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-black > .nav > li.open > a,
            .side-left.side-inverse > .nav > li.open > a,
            .side-left.side-black > .nav > li.open:hover > a,
            .side-left.side-inverse > .nav > li.open:hover > a,
            .side-left.side-black > .nav > .active > a,
            .side-left.side-inverse > .nav > .active > a,
            .side-left.side-black > .nav > .active:hover > a,
            .side-left.side-inverse > .nav > .active:hover > a,
            .side-left.side-black > .nav > li > .dropdown-menu li:hover a,
            .side-left.side-inverse > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-black > .nav > li.dropdown-list > .dropdown-menu > li.active > a,
            .side-left.side-inverse > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-black > .nav > li.dropdown-list > .dropdown-menu,
            .side-left.side-inverse > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-black > .nav .dropdown-menu,
            .side-left.side-inverse > .nav .dropdown-menu {
                border: 2px solid #323232;
            }

            .side-left.side-black > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-black > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-black > .nav > li.dropdown-list > .dropdown-menu > li > a,
            .side-left.side-inverse > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-cyan {
        background-color: #1BA1E2;
    }

        .side-left.side-cyan > .nav {
            background-color: #1BA1E2;
        }

            .side-left.side-cyan > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-cyan > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-cyan > .nav > .open > a,
            .side-left.side-cyan > .nav > .open:hover > a,
            .side-left.side-cyan > .nav > .active > a,
            .side-left.side-cyan > .nav > .active:hover > a,
            .side-left.side-cyan > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-cyan > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-cyan > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-cyan > .nav .dropdown-menu {
                border: 2px solid #1BA1E2;
            }

            .side-left.side-cyan > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-cyan > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-cyan > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-lime {
        background-color: #A4C400;
    }

        .side-left.side-lime > .nav {
            background-color: #A4C400;
        }

            .side-left.side-lime > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-lime > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-lime > .nav > .open > a,
            .side-left.side-lime > .nav > .open:hover > a,
            .side-left.side-lime > .nav > .active > a,
            .side-left.side-lime > .nav > .active:hover > a,
            .side-left.side-lime > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-lime > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-lime > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-lime > .nav .dropdown-menu {
                border: 2px solid #A4C400;
            }

            .side-left.side-lime > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-lime > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-lime > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-green {
        background-color: #60A917;
    }

        .side-left.side-green > .nav {
            background-color: #60A917;
        }

            .side-left.side-green > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-green > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-green > .nav > .open > a,
            .side-left.side-green > .nav > .open:hover > a,
            .side-left.side-green > .nav > .active > a,
            .side-left.side-green > .nav > .active:hover > a,
            .side-left.side-green > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-green > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-green > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-green > .nav .dropdown-menu {
                border: 2px solid #60A917;
            }

            .side-left.side-green > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-green > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-green > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-emerald {
        background-color: #008A00;
    }

        .side-left.side-emerald > .nav {
            background-color: #008A00;
        }

            .side-left.side-emerald > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-emerald > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-emerald > .nav > .open > a,
            .side-left.side-emerald > .nav > .open:hover > a,
            .side-left.side-emerald > .nav > .active > a,
            .side-left.side-emerald > .nav > .active:hover > a,
            .side-left.side-emerald > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-emerald > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-emerald > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-emerald > .nav .dropdown-menu {
                border: 2px solid #008A00;
            }

            .side-left.side-emerald > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-emerald > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-emerald > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-teal {
        background-color: #00ABA9;
    }

        .side-left.side-teal > .nav {
            background-color: #00ABA9;
        }

            .side-left.side-teal > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-teal > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-teal > .nav > .open > a,
            .side-left.side-teal > .nav > .open:hover > a,
            .side-left.side-teal > .nav > .active > a,
            .side-left.side-teal > .nav > .active:hover > a,
            .side-left.side-teal > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-teal > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-teal > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-teal > .nav .dropdown-menu {
                border: 2px solid #00ABA9;
            }

            .side-left.side-teal > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-teal > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-teal > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-cobalt {
        background-color: #0050EF;
    }

        .side-left.side-cobalt > .nav {
            background-color: #0050EF;
        }

            .side-left.side-cobalt > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-cobalt > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-cobalt > .nav > .open > a,
            .side-left.side-cobalt > .nav > .open:hover > a,
            .side-left.side-cobalt > .nav > .active > a,
            .side-left.side-cobalt > .nav > .active:hover > a,
            .side-left.side-cobalt > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-cobalt > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-cobalt > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-cobalt > .nav .dropdown-menu {
                border: 2px solid #0050EF;
            }

            .side-left.side-cobalt > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-cobalt > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-cobalt > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-indigo {
        background-color: #6A00FF;
    }

        .side-left.side-indigo > .nav {
            background-color: #6A00FF;
        }

            .side-left.side-indigo > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-indigo > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-indigo > .nav > .open > a,
            .side-left.side-indigo > .nav > .open:hover > a,
            .side-left.side-indigo > .nav > .active > a,
            .side-left.side-indigo > .nav > .active:hover > a,
            .side-left.side-indigo > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-indigo > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-indigo > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-indigo > .nav .dropdown-menu {
                border: 2px solid #6A00FF;
            }

            .side-left.side-indigo > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-indigo > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-indigo > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-violet {
        background-color: #AA00FF;
    }

        .side-left.side-violet > .nav {
            background-color: #AA00FF;
        }

            .side-left.side-violet > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-violet > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-violet > .nav > .open > a,
            .side-left.side-violet > .nav > .open:hover > a,
            .side-left.side-violet > .nav > .active > a,
            .side-left.side-violet > .nav > .active:hover > a,
            .side-left.side-violet > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-violet > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-violet > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-violet > .nav .dropdown-menu {
                border: 2px solid #AA00FF;
            }

            .side-left.side-violet > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-violet > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-violet > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-pink {
        background-color: #F472D0;
    }

        .side-left.side-pink > .nav {
            background-color: #F472D0;
        }

            .side-left.side-pink > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-pink > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-pink > .nav > .open > a,
            .side-left.side-pink > .nav > .open:hover > a,
            .side-left.side-pink > .nav > .active > a,
            .side-left.side-pink > .nav > .active:hover > a,
            .side-left.side-pink > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-pink > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-pink > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-pink > .nav .dropdown-menu {
                border: 2px solid #F472D0;
            }

            .side-left.side-pink > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-pink > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-pink > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-magenta {
        background-color: #D80073;
    }

        .side-left.side-magenta > .nav {
            background-color: #D80073;
        }

            .side-left.side-magenta > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-magenta > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-magenta > .nav > .open > a,
            .side-left.side-magenta > .nav > .open:hover > a,
            .side-left.side-magenta > .nav > .active > a,
            .side-left.side-magenta > .nav > .active:hover > a,
            .side-left.side-magenta > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-magenta > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-magenta > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-magenta > .nav .dropdown-menu {
                border: 2px solid #D80073;
            }

            .side-left.side-magenta > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-magenta > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-magenta > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-crimson {
        background-color: #A20025;
    }

        .side-left.side-crimson > .nav {
            background-color: #A20025;
        }

            .side-left.side-crimson > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-crimson > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-crimson > .nav > .open > a,
            .side-left.side-crimson > .nav > .open:hover > a,
            .side-left.side-crimson > .nav > .active > a,
            .side-left.side-crimson > .nav > .active:hover > a,
            .side-left.side-crimson > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-crimson > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-crimson > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-crimson > .nav .dropdown-menu {
                border: 2px solid #A20025;
            }

            .side-left.side-crimson > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-crimson > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-crimson > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-red {
        background-color: #E51400;
    }

        .side-left.side-red > .nav {
            background-color: #E51400;
        }

            .side-left.side-red > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-red > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-red > .nav > .open > a,
            .side-left.side-red > .nav > .open:hover > a,
            .side-left.side-red > .nav > .active > a,
            .side-left.side-red > .nav > .active:hover > a,
            .side-left.side-red > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-red > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-red > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-red > .nav .dropdown-menu {
                border: 2px solid #E51400;
            }

            .side-left.side-red > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-red > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-red > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-orange {
        background-color: #FA6800;
    }

        .side-left.side-orange > .nav {
            background-color: #FA6800;
        }

            .side-left.side-orange > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-orange > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-orange > .nav > .open > a,
            .side-left.side-orange > .nav > .open:hover > a,
            .side-left.side-orange > .nav > .active > a,
            .side-left.side-orange > .nav > .active:hover > a,
            .side-left.side-orange > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-orange > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-orange > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-orange > .nav .dropdown-menu {
                border: 2px solid #FA6800;
            }

            .side-left.side-orange > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-orange > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-orange > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-amber {
        background-color: #F0A30A;
    }

        .side-left.side-amber > .nav {
            background-color: #F0A30A;
        }

            .side-left.side-amber > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-amber > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-amber > .nav > .open > a,
            .side-left.side-amber > .nav > .open:hover > a,
            .side-left.side-amber > .nav > .active > a,
            .side-left.side-amber > .nav > .active:hover > a,
            .side-left.side-amber > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-amber > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-amber > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-amber > .nav .dropdown-menu {
                border: 2px solid #F0A30A;
            }

            .side-left.side-amber > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-amber > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-amber > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-yellow {
        background-color: #E3C800;
    }

        .side-left.side-yellow > .nav {
            background-color: #E3C800;
        }

            .side-left.side-yellow > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-yellow > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-yellow > .nav > .open > a,
            .side-left.side-yellow > .nav > .open:hover > a,
            .side-left.side-yellow > .nav > .active > a,
            .side-left.side-yellow > .nav > .active:hover > a,
            .side-left.side-yellow > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-yellow > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-yellow > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-yellow > .nav .dropdown-menu {
                border: 2px solid #E3C800;
            }

            .side-left.side-yellow > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-yellow > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-yellow > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-brown {
        background-color: #825A2C;
    }

        .side-left.side-brown > .nav {
            background-color: #825A2C;
        }

            .side-left.side-brown > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-brown > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-brown > .nav > .open > a,
            .side-left.side-brown > .nav > .open:hover > a,
            .side-left.side-brown > .nav > .active > a,
            .side-left.side-brown > .nav > .active:hover > a,
            .side-left.side-brown > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-brown > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-brown > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-brown > .nav .dropdown-menu {
                border: 2px solid #825A2C;
            }

            .side-left.side-brown > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-brown > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-brown > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-olive {
        background-color: #6D8764;
    }

        .side-left.side-olive > .nav {
            background-color: #6D8764;
        }

            .side-left.side-olive > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-olive > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-olive > .nav > .open > a,
            .side-left.side-olive > .nav > .open:hover > a,
            .side-left.side-olive > .nav > .active > a,
            .side-left.side-olive > .nav > .active:hover > a,
            .side-left.side-olive > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-olive > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-olive > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-olive > .nav .dropdown-menu {
                border: 2px solid #6D8764;
            }

            .side-left.side-olive > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-olive > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-olive > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-steel {
        background-color: #647687;
    }

        .side-left.side-steel > .nav {
            background-color: #647687;
        }

            .side-left.side-steel > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-steel > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-steel > .nav > .open > a,
            .side-left.side-steel > .nav > .open:hover > a,
            .side-left.side-steel > .nav > .active > a,
            .side-left.side-steel > .nav > .active:hover > a,
            .side-left.side-steel > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-steel > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-steel > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-steel > .nav .dropdown-menu {
                border: 2px solid #647687;
            }

            .side-left.side-steel > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-steel > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-steel > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-mauve {
        background-color: #76608A;
    }

        .side-left.side-mauve > .nav {
            background-color: #76608A;
        }

            .side-left.side-mauve > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-mauve > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-mauve > .nav > .open > a,
            .side-left.side-mauve > .nav > .open:hover > a,
            .side-left.side-mauve > .nav > .active > a,
            .side-left.side-mauve > .nav > .active:hover > a,
            .side-left.side-mauve > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-mauve > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-mauve > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-mauve > .nav .dropdown-menu {
                border: 2px solid #76608A;
            }

            .side-left.side-mauve > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-mauve > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-mauve > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

    .side-left.side-taupe {
        background-color: #87794E;
    }

        .side-left.side-taupe > .nav {
            background-color: #87794E;
        }

            .side-left.side-taupe > .nav > li > a {
                color: #FFFFFF;
            }

            .side-left.side-taupe > .nav > li:hover > a {
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-taupe > .nav > .open > a,
            .side-left.side-taupe > .nav > .open:hover > a,
            .side-left.side-taupe > .nav > .active > a,
            .side-left.side-taupe > .nav > .active:hover > a,
            .side-left.side-taupe > .nav > li > .dropdown-menu li:hover a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .25);
            }

            .side-left.side-taupe > .nav > li.dropdown-list > .dropdown-menu > li.active > a {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .075);
            }

            .side-left.side-taupe > .nav > li.dropdown-list > .dropdown-menu {
                color: #FFFFFF;
                background: rgba(255, 255, 255, .15);
            }

            .side-left.side-taupe > .nav .dropdown-menu {
                border: 2px solid #87794E;
            }

            .side-left.side-taupe > .nav > li.dropdown > .dropdown-menu li:hover a,
            .side-left.side-taupe > .nav > li.dropup > .dropdown-menu li:hover a {
                background-color: #f3f3f3;
                color: inherit;
            }

            .side-left.side-taupe > .nav > li.dropdown-list > .dropdown-menu > li > a {
                color: #FFFFFF;
            }

.side-toggle {
    position: fixed;
    top: 0;
    right: -78px;
    width: 86px;
    height: 100%;
    background: transparent;
    vertical-align: middle;
    color: #fff;
    overflow-x: hidden;
    z-index: 999;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

    .side-toggle:hover {
        background: #222;
    }

    .side-toggle .nav,
    .side-toggle .nav a {
        color: #ffffff;
    }

        .side-toggle .nav > li {
            text-align: center;
        }

            .side-toggle .nav > li > a {
                padding: 15px 0;
                -webkit-transition: all 0.1s linear;
                -moz-transition: all 0.1s linear;
                -o-transition: all 0.1s linear;
                transition: all 0.1s linear;
            }

            .side-toggle .nav > li:hover > a {
                background: #333;
            }

            .side-toggle .nav > li .nav-text {
                display: block;
            }

            .side-toggle .nav > li > .sub-nav {
                position: fixed;
                top: 0;
                right: -280px;
                height: 100%;
                width: 280px;
                text-align: left;
                background: #0A5BC4;
                color: #ffffff;
            }

                .side-toggle .nav > li > .sub-nav > .sub-nav-container {
                    padding: 20px 20px 0 20px;
                    height: 17%;
                    overflow: hidden;
                }

                .side-toggle .nav > li > .sub-nav > ul {
                    position: relative;
                    list-style: none;
                    margin-left: -20px;
                    height: 80%;
                    overflow: hidden;
                }

                    .side-toggle .nav > li > .sub-nav > ul:hover {
                        overflow-y: auto;
                    }

                    .side-toggle .nav > li > .sub-nav > ul > li {
                        padding: 0;
                        margin-left: 20px;
                        background: #0A5BC4;
                    }

                        .side-toggle .nav > li > .sub-nav > ul > li.divider {
                            border-bottom: 1px solid #5096dc;
                            margin: 10px 20px 10px 40px;
                            height: 1px;
                        }

                        .side-toggle .nav > li > .sub-nav > ul > li > a {
                            margin: 0;
                            padding: 10px 20px;
                            display: block;
                            line-height: 1em;
                            vertical-align: text-top;
                            -webkit-transition: all 0.1s linear;
                            -moz-transition: all 0.1s linear;
                            -o-transition: all 0.1s linear;
                            transition: all 0.1s linear;
                        }

                        .side-toggle .nav > li > .sub-nav > ul > li:hover > a {
                            background: #094AB2;
                        }

.content {
    position: relative;
    display: block;
    height: auto;
    padding: 0;
    margin-bottom: 50px;
}

.content-action {
    margin: 13px 0 10px;
    padding: 0;
    padding-top: 3px;
    list-style: none;
}

ul.content-action {
    margin: 0;
}

.content-action > li {
    float: left;
    margin-left: 5px;
}

    .content-action > li.divider {
        height: 36px;
        margin: -3px 5px;
    }

.content-action.affix {
    top: 0;
    right: 4px;
    z-index: 1000;
    background: #f3f3f3;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn {
    display: inline-block;
    padding: 5px 8px;
    margin-bottom: 0;   
    line-height: 22px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15);
    vertical-align: middle;
    cursor: pointer;   
  
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
 
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 12px var(--color_primary_shadow);
	
    background-color: var(--color_cancel);
    border-color: var(--color_cancel);
    border-radius: var(--border_radius_btn);
    font-weight: 700;
    color: var(--color_light_text) !important;
}
.content-action .btn {
    font-size: 13px;
    font-weight: normal;
    margin-left: 2px;
    margin-bottom: 2px;
    background-color: inherit;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.content-action .btn-link:hover,
.content-action .btn-link:focus,
.content-action .btn-link:active,
.content-action .btn-link.active,
.content-action .btn-link.disabled,
.content-action .btn-link[disabled] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #f3f3f3;
}

.content-action .open .btn-link,
.content-action .btn-link:hover {
    text-decoration: none;
}

.content-action .btn-link i {
    color: #666;
}

.content-action .btn-link {
    color: #333333 !important;
	border:hidden;   
}

    .content-action .btn-link.active:hover,
    .content-action .btn-link:hover {
        color: #666666 !important;
        background: #f3f3f3 !important;
    }


.content-breadcrumb {
    border-bottom: 1px solid #dddddd;
    height: 38px;
}

    .content-breadcrumb .breadcrumb {
        float: left;
        display: inline-block;
        margin: 0;
        padding-left: 20px;
        background: transparent;
    }

        .content-breadcrumb .breadcrumb > li > a {
            color: #000000;
        }

        .content-breadcrumb .breadcrumb > li > .divider {
            padding: 8px 0;
            font-size: 12px;
        }

        .content-breadcrumb .breadcrumb > li > a,
        .content-breadcrumb .breadcrumb > li > .divider {
            text-shadow: none;
        }

    .content-breadcrumb > .content-action {
        margin-top: 0;
    }

.content-header,
.content-page,
.content-footer {
    margin: 0;
}

.content-header {
    padding: 0 10px;
   /*  border-bottom: 1px solid #dddddd; */
    margin-bottom: 20px;
}

    .content-header h1,
    .content-header h2,
    .content-header h3,
    .content-header h4,
    .content-header h5,
    .content-header h6 {
        margin: 0;
        padding: 10px 0;
        font-size: 24px;
        font-weight: lighter;
    }

        .content-header h1 > small,
        .content-header h2 > small,
        .content-header h3 > small,
        .content-header h4 > small,
        .content-header h5 > small,
        .content-header h6 > small {
            font-size: 14px;
            font-weight: lighter;
        }

    .content-header .page-header {
        padding-bottom: 0;
        margin: 0;
        border-bottom: 0 none;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-wrap: break-word;
        white-space: normal;
        max-width: 100%;
    }

    .content-header .breadcrumb {
       /*  margin: auto; */
    }

    .content-header .breadcrumb-inline {
        position: relative;
        top: 5px;
        display: inline-block;
        background: none;
        margin: auto;
    }

        .content-header .breadcrumb-inline a {
            color: #000;
            font-size: 12px;
        }

        .content-header .breadcrumb-inline .active {
            color: #666;
            font-size: 12px;
        }

        .content-header .breadcrumb-inline a:hover {
            color: #444;
        }

.breadcrumb-block {
    margin-left: 10px;
    margin-right: 10px;
}

.content-header .header-ext {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    margin: 0;
    list-style: none;
    padding: 5px 10px 0;
}

    .content-header .header-ext > li {
        float: left;
        margin: 0 5px 0 10px;
        height: auto;
        text-align: center;
    }

        .content-header .header-ext > li.divider {
            height: 84px;
            margin: -5px 0;
            padding: 0;
        }

        .content-header .header-ext > li .header-ext-text {
            display: block;
            font-weight: bold;
        }

            .content-header .header-ext > li .header-ext-text span {
                display: inline-block;
                font-size: 11px;
                font-weight: normal;
                text-align: center;
                margin-top: -5px;
            }

.content-header > .content-action.pull-right .btn-group > a.btn.btn-link {
    font-size: 16px;
}

.content-page {
    margin-top: 0;
    width: 100%;
    min-height: 530px;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .content-page > .main-page {
        min-height: 100%;
        height: auto;
    }

        .content-page > .main-page.open {
            width: 75%;
        }

    .content-page > .toggle-page {
        margin-bottom: -100%;
        padding-bottom: 100%;
        width: 0;
        float: right;
        height: 100%;
    }

        .content-page > .toggle-page.open {
            width: 25%;
        }

    .content-page > .main-page > .content-inner {
        padding: 20px 10px;
    }

    .content-page > .toggle-page > .content-inner {
        padding: 5px;
    }

    .content-page > .main-page > .content-inner > .full-content {
        margin-left: -10px;
        margin-right: -10px;
    }

.dropdown-menu.dropdown-extend > .dropdown-header {
    margin-top: -5px;
    padding: 10px;
    background: #f3f3f3;
    color: #000000;
}

.dropdown-menu.dropdown-extend > .dropdown-footer {
    font-size: 13px;
    margin-bottom: -5px;
    border-bottom: 0 none;
}

    .dropdown-menu.dropdown-extend > .dropdown-footer > a {
        padding: 15px 10px;
    }

        .dropdown-menu.dropdown-extend > .dropdown-footer > a:hover {
        }

    .dropdown-menu.dropdown-extend > .dropdown-footer i {
        margin-top: 4px;
        font-size: 16px;
    }

.dropdown-menu.dropdown-extend > li {
    border-bottom: 1px solid #dddddd;
}

    .dropdown-menu.dropdown-extend > li > a {
        padding: 10px;
        white-space: normal;
    }

        .dropdown-menu.dropdown-extend > li > a .media-heading {
            margin: 0;
            font-size: 14px;
            font-weight: normal;
        }

            .dropdown-menu.dropdown-extend > li > a .media-heading > small {
                margin-top: 5px;
                margin-right: 5px;
                font-size: 11px;
                font-style: italic;
                font-weight: 600;
            }

        .dropdown-menu.dropdown-extend > li > a .media-body p {
            font-size: 12px;
        }

        .dropdown-menu.dropdown-extend > li > a .media-body .task-label {
            margin: 0;
            font-size: 12px;
            font-weight: normal;
        }

        .dropdown-menu.dropdown-extend > li > a .media-body .task-status {
            margin-top: 5px;
            margin-right: 5px;
            font-size: 11px;
            font-style: normal;
            font-weight: 600;
        }

        .dropdown-menu.dropdown-extend > li > a .media-body .progress {
            margin-top: 5px;
            margin-bottom: 10px;
        }

.dropdown-menu.dropdown-extend {
    position: absolute;
    top: 100%;
    float: left;
    min-width: 280px;
}

    .dropdown-menu.dropdown-extend.black > .dropdown-header {
        background: #323232;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.silver > .dropdown-header {
        background: #f3f3f3;
        color: #000000;
    }

    .dropdown-menu.dropdown-extend.lime > .dropdown-header {
        background: #A4C400;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.green > .dropdown-header {
        background: #60A917;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.emerald > .dropdown-header {
        background: #008A00;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.teal > .dropdown-header {
        background: #00ABA9;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.cyan > .dropdown-header {
        background: #1BA1E2;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.cobalt > .dropdown-header {
        background: #0050EF;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.indigo > .dropdown-header {
        background: #6A00FF;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.violet > .dropdown-header {
        background: #AA00FF;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.pink > .dropdown-header {
        background: #F472D0;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.magenta > .dropdown-header {
        background: #D80073;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.crimson > .dropdown-header {
        background: #A20025;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.red > .dropdown-header {
        background: #E51400;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.orange > .dropdown-header {
        background: #FA6800;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.amber > .dropdown-header {
        background: #F0A30A;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.yellow > .dropdown-header {
        background: #E3C800;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.brown > .dropdown-header {
        background: #825A2C;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.olive > .dropdown-header {
        background: #6D8764;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.steel > .dropdown-header {
        background: #647687;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.mauve > .dropdown-header {
        background: #76608A;
        color: #FFFFFF;
    }

    .dropdown-menu.dropdown-extend.taupe > .dropdown-header {
        background: #87794E;
        color: #FFFFFF;
    }

.setting-list {
    position: relative;
    display: block;
    padding: 10px 10px;
}

    .setting-list > .icon {
        text-align: center;
        width: 32px;
        display: inline-block;
        vertical-align: middle;
    }

    .setting-list > .content {
        margin-top: 15px;
        min-height: 40px;
        width: 150px;
        display: inline-block;
        padding-left: 10px;
        vertical-align: middle;
    }

    .setting-list > .checker {
        margin-top: 20px;
        float: right;
        display: inline-block;
        padding-left: 10px;
        vertical-align: middle;
    }

        .setting-list > .checker > .checkbox-slide {
            margin: 0;
            margin-top: -10px;
        }

    .setting-list > .themes-label,
    .setting-list > .themes-choice,
    .setting-list > .background-label {
        display: block;
        vertical-align: middle;
    }

        .setting-list > .themes-choice > a {
            display: inline-block;
            width: 20px;
            height: 20px;
            vertical-align: middle;
            margin-right: 5px;
            margin-top: 5px;
        }

    .setting-list > .background-choice {
        display: block;
        vertical-align: middle;
    }

        .setting-list > .background-choice > a {
            display: inline-block;
            width: 20px;
            height: 20px;
            vertical-align: middle;
            margin-right: 5px;
            margin-top: 5px;
        }

        .setting-list > .background-choice > .bg-item {
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .setting-list > .background-choice > a.bg-1 {
            background-image: url('../img/backgrounds/01-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-2 {
            background-image: url('../img/backgrounds/02-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-3 {
            background-image: url('../img/backgrounds/03-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-4 {
            background-image: url('../img/backgrounds/04-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-5 {
            background-image: url('../img/backgrounds/05-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-6 {
            background-image: url('../img/backgrounds/06-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-7 {
            background-image: url('../img/backgrounds/07-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-8 {
            background-image: url('../img/backgrounds/08-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-9 {
            background-image: url('../img/backgrounds/09-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-10 {
            background-image: url('../img/backgrounds/10-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-11 {
            background-image: url('../img/backgrounds/11-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-12 {
            background-image: url('../img/backgrounds/12-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-13 {
            background-image: url('../img/backgrounds/13-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-14 {
            background-image: url('../img/backgrounds/14-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-15 {
            background-image: url('../img/backgrounds/15-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-16 {
            background-image: url('../img/backgrounds/16-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-17 {
            background-image: url('../img/backgrounds/17-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-18 {
            background-image: url('../img/backgrounds/18-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-19 {
            background-image: url('../img/backgrounds/19-thumbnail.jpg');
        }

        .setting-list > .background-choice > a.bg-20 {
            background-image: url('../img/backgrounds/20-thumbnail.jpg');
        }

.widget {
    display: block;
    background: #FFFFFF;
    color: #333333;
    /* border: 1px solid rgba(0, 0, 0, 0.15); */
    margin-bottom: 20px;
}

    .widget.fullscreen {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        height: 100%;
        width: 100%;
        max-height: 100%;
        z-index: 1024;
    }

    .widget[data-toggle-views*=tile] {
        display: none;
    }

    .widget > .widget-header {
        position: relative;
        padding: 0;
        height: 44px;
        cursor: default;
        background: #fff !important;
		/* border-radius: 8px 8px 0px 0px !important; */
		
    }

        .widget > .widget-header h1,
        .widget > .widget-header h2,
        .widget > .widget-header h3,
        .widget > .widget-header h4,
        .widget > .widget-header h5,
        .widget > .widget-header h6 {
            font-size: 16px;
            padding: 0;
            margin: 0;
            margin-top: -1px;
            font-weight: 600;
        }

        .widget > .widget-header .widget-icon {
            position: relative;
            margin: 0;
            top: -1px;
            font-size: 1.4em;
            padding: 9px 12px;
            display: inline-block;
            vertical-align: middle;
            border-right: 1px solid rgba(0, 0, 0, 0.1);
        }

            .widget > .widget-header .widget-icon img {
                height: 20px;
                width: auto;
            }

    .widget.border-2x > .widget-header .widget-icon {
        top: -2px;
        padding: 11px 15px;
    }

    .widget > .widget-header .widget-title {
        padding: 10px 5px;
        display: inline-block;       
		font-size: 24px !important;
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
		color:var(--color_text);
    }

        .widget > .widget-header .widget-title > i {
            float: left;
            font-size: 1.3em;
            margin-right: 10px;
            vertical-align: middle;
        }

    .widget > .widget-header .widget-action {
        position: absolute;
        top: 0;
        right: 0;
        height: 40px;
        display: inline-block;
    }

    .widget.bordered > .widget-header .widget-action {
        margin-top: 0;
    }

    .widget.border-2x > .widget-header .widget-action {
        margin-top: -2px;
    }

    .widget > .widget-header .widget-action .btn-group > .btn {
        padding: 10px 15px;
        background: rgba(0, 0, 0, 0.1);
    }

        .widget > .widget-header .widget-action .btn-group > .btn .caret {
            border-top-color: #ffffff;
        }

    .widget > .widget-header .widget-action .btn {
        margin: 0;
        margin-right: -4px;
        padding: 10px 15px;
        background: rgba(0, 0, 0, 0.1);
        color: inherit;
        display: inline-block;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        font-size: 13px;
        font-weight: normal;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .widget.bordered > .widget-header .widget-action .btn {
        padding: 10px 15px;
    }

    .widget.border-2x > .widget-header .widget-action .btn {
        padding: 11px 15px;
    }

    .widget > .widget-header .widget-action .btn:last-child,
    .widget > .widget-header .widget-action .btn:last-child:hover {
        margin-right: 0;
        background: #FFFFFF;
        color: inherit;
    }

    .widget > .widget-header .widget-action .btn-group {
        margin-top: -1px;
    }

    .widget.bordered > .widget-header .widget-action .btn-group {
        margin-top: 1px;
    }

        .widget.bordered > .widget-header .widget-action .btn-group > .btn {
            padding: 10px 15px 11px;
        }

    .widget.border-2x > .widget-header .widget-action .btn-group > .btn {
        padding: 11px 15px;
    }

    .widget > .widget-header .widget-action > .btn-group.open .btn.dropdown-toggle,
    .widget > .widget-header .widget-action .btn:hover {
        background: rgba(0, 0, 0, 0.2);
    }

    .widget.bg-black > .widget-header .widget-action .btn:last-child {
        background: #323232;
    }

    .widget.bg-inverse > .widget-header .widget-action .btn:last-child {
        background: #323232;
    }

    .widget.bg-silver > .widget-header .widget-action .btn:last-child {
        background: #f3f3f3;
    }

    .widget.bg-lime > .widget-header .widget-action .btn:last-child {
        background: #A4C400;
    }

    .widget.bg-green > .widget-header .widget-action .btn:last-child {
        background: #60A917;
    }

    .widget.bg-emerald > .widget-header .widget-action .btn:last-child {
        background: #008A00;
    }

    .widget.bg-teal > .widget-header .widget-action .btn:last-child {
        background: #00ABA9;
    }

    .widget.bg-cyan > .widget-header .widget-action .btn:last-child {
        background: #1BA1E2;
    }

    .widget.bg-cobalt > .widget-header .widget-action .btn:last-child {
        background: #0050EF;
    }

    .widget.bg-indigo > .widget-header .widget-action .btn:last-child {
        background: #6A00FF;
    }

    .widget.bg-violet > .widget-header .widget-action .btn:last-child {
        background: #AA00FF;
    }

    .widget.bg-pink > .widget-header .widget-action .btn:last-child {
        background: #F472D0;
    }

    .widget.bg-magenta > .widget-header .widget-action .btn:last-child {
        background: #D80073;
    }

    .widget.bg-crimson > .widget-header .widget-action .btn:last-child {
        background: #A20025;
    }

    .widget.bg-red > .widget-header .widget-action .btn:last-child {
        background: #E51400;
    }

    .widget.bg-orange > .widget-header .widget-action .btn:last-child {
        background: #FA6800;
    }

    .widget.bg-amber > .widget-header .widget-action .btn:last-child {
        background: #F0A30A;
    }

    .widget.bg-yellow > .widget-header .widget-action .btn:last-child {
        background: #E3C800;
    }

    .widget.bg-brown > .widget-header .widget-action .btn:last-child {
        background: #825A2C;
    }

    .widget.bg-olive > .widget-header .widget-action .btn:last-child {
        background: #6D8764;
    }

    .widget.bg-steel > .widget-header .widget-action .btn:last-child {
        background: #647687;
    }

    .widget.bg-mauve > .widget-header .widget-action .btn:last-child {
        background: #76608A;
    }

    .widget.bg-taupe > .widget-header .widget-action .btn:last-child {
        background: #87794E;
    }

    .widget > .widget-header .widget-action .open .btn-link,
    .widget > .widget-header .widget-action .btn-link:hover {
        text-decoration: none;
    }

    .widget > .widget-header .widget-action .btn-link .caret {
        border-top-color: #ffffff;
    }

    .widget > .widget-header .widget-action > .nav > li > a {
        color: #ffffff;
    }

        .widget > .widget-header .widget-action > .nav > li.active > a,
        .widget > .widget-header .widget-action > .nav > li.open > a,
        .widget > .widget-header .widget-action > .nav > li > a:hover,
        .widget > .widget-header .widget-action > .nav > li > a:focus {
            color: #ffffff;
        }

    .widget > .widget-header .widget-action > .nav .caret,
    .widget > .widget-header .widget-action > .nav li.dropdown.open .caret,
    .widget > .widget-header .widget-action > .nav li.dropdown.open.active .caret,
    .widget > .widget-header .widget-action > .nav li.dropdown.open a:hover .caret,
    .widget > .widget-header .widget-action > .nav li.dropdown.open a:focus .caret {
        border-top: 4px solid #ffffff;
    }

    .widget > .widget-header .widget-action > .nav-pills {
        margin-top: 2px;
        font-weight: normal;
        display: inline-block;
    }

        .widget > .widget-header .widget-action > .nav-pills a {
            padding: 8px 12px 4px;
            font-size: 13px;
            color: inherit;
        }

        .widget > .widget-header .widget-action > .nav-pills li:hover a {
            color: inherit;
            background-color: rgba(0, 0, 0, 0.2);
        }

        .widget > .widget-header .widget-action > .nav-pills .active:hover a,
        .widget > .widget-header .widget-action > .nav-pills .active a {
            color: #fff;
            background-color: rgba(0, 0, 0, 0.1);
        }

    .widget > .widget-header .widget-action > .nav-tabs {
        border-bottom: 0 none;
    }

        .widget > .widget-header .widget-action > .nav-tabs > li {
            margin: 0;
            padding: 0;
            border-left: 1px solid rgba(0, 0, 0, 0.1);
            background: rgba(0, 0, 0, 0.1);
        }

            .widget > .widget-header .widget-action > .nav-tabs > li > a {
                margin: 0;
                padding-top: 8px;
                padding-bottom: 15px;
                line-height: 22px;
                border: 0 none;
                color: #FFFFFF;
            }

                .widget > .widget-header .widget-action > .nav-tabs > li > a:hover,
                .widget > .widget-header .widget-action > .nav-tabs > li > a:focus {
                    background: rgba(0, 0, 0, 0.2);
                }

        .widget > .widget-header .widget-action > .nav-tabs > .active > a,
        .widget > .widget-header .widget-action > .nav-tabs > .active > a:hover,
        .widget > .widget-header .widget-action > .nav-tabs > .active > a:focus {
            background: #FFFFFF;
        }

        .widget > .widget-header .widget-action > .nav-tabs > .active > a {
            color: #333333 !important;
        }

    .widget.bg-black > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-black > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-black > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #323232;
    }

    .widget.bg-silver > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-silver > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-silver > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #f3f3f3;
    }

    .widget.bg-lime > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-lime > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-lime > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #A4C400;
    }

    .widget.bg-green > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-green > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-green > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #60A917;
    }

    .widget.bg-emerald > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-emerald > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-emerald > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #008A00;
    }

    .widget.bg-teal > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-teal > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-teal > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #00ABA9;
    }

    .widget.bg-cyan > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-cyan > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-cyan > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #1BA1E2;
    }

    .widget.bg-cobalt > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-cobalt > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-cobalt > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #0050EF;
    }

    .widget.bg-indigo > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-indigo > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-indigo > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #6A00FF;
    }

    .widget.bg-violet > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-violet > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-violet > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #AA00FF;
    }

    .widget.bg-pink > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-pink > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-pink > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #F472D0;
    }

    .widget.bg-magenta > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-magenta > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-magenta > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #D80073;
    }

    .widget.bg-crimson > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-crimson > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-crimson > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #A20025;
    }

    .widget.bg-red > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-red > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-red > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #E51400;
    }

    .widget.bg-orange > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-orange > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-orange > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #FA6800;
    }

    .widget.bg-amber > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-amber > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-amber > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #F0A30A;
    }

    .widget.bg-yellow > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-yellow > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-yellow > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #E3C800;
    }

    .widget.bg-brown > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-brown > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-brown > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #825A2C;
    }

    .widget.bg-olive > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-olive > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-olive > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #6D8764;
    }

    .widget.bg-steel > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-steel > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-steel > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #647687;
    }

    .widget.bg-mauve > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-mauve > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-mauve > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #76608A;
    }

    .widget.bg-taupe > .widget-header .widget-action > .nav-tabs > .active > a,
    .widget.bg-taupe > .widget-header .widget-action > .nav-tabs > .active > a:hover,
    .widget.bg-taupe > .widget-header .widget-action > .nav-tabs > .active > a:focus {
        background: #87794E;
    }

    .widget > .widget-content {
        position: relative;
        padding: 5px;
        width: 100%;
		padding-top: 16px;
    }

        .widget > .widget-content > .full-widget {
            margin-left: -15px;
            margin-right: -15px;
        }

        .widget > .widget-content > .tab-content {
            margin: -20px -15px -15px -15px;
        }

        .widget > .widget-content.tabbable > .tab-content {
            margin-top: 20px;
        }

        .widget > .widget-content.tabs-below > .tab-content {
            margin-top: -15px;
        }

        .widget > .widget-content > .tab-content .tab-pane {
            padding: 20px 15px 15px 15px;
        }

    .widget[data-collapse=true] .widget-content {
        display: none;
    }

    .widget.fullscreen > .widget-content {
        display: block;
        height: 94%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: auto;
        background: transparent;
    }

.widget-content .nav-tabs.full-widget {
    border: 0 none;
    background: rgba(0, 0, 0, 0.25);
    margin-top: -20px;
    margin-bottom: -20px;
}


/*.widget-content .nav-tabs > li{margin-bottom: 0;}*/

.widget-content .nav-tabs > li > a {
    color: inherit;
    border: 0 none;
}

    /*.widget-content .nav-tabs > li > a:hover
    {
        color: inherit;
        border: 0 none;
        background: rgba(0, 0, 0, 0.15);
    }
*/

/*.widget-content .nav-tabs > li.active > a:hover
{
    background: #0e79fd;
    border: 0 none;
    color: #fff;
}*/

.widget-content .nav-tabs > li.dropdown a .caret,
.widget-content .nav-tabs > li.dropdown a:hover .caret,
.widget-content .nav-tabs > li.dropdown a:focus .caret,
.widget-content .nav-tabs > li.dropdown.open a .caret {
    margin-top: 8px;
    border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

.widget-content.tabs-below > .nav-tabs.full-widget {
    position: relative;
    bottom: -15px;
}

.widget-content.tabs-below > .nav-tabs > li {
    margin-top: 0;
}

.widget-content .tabs-left {
    padding-right: 15px;
}

    .widget-content .tabs-left > .nav-tabs {
        border-right-color: rgba(0, 0, 0, 0.25);
    }

        .widget-content .tabs-left > .nav-tabs > li {
            border: 0 none;
            margin-right: 2px;
        }

.widget-content .tabs-right {
    padding-left: 15px;
}

    .widget-content .tabs-right > .nav-tabs {
        border-left-color: rgba(0, 0, 0, 0.25);
    }

        .widget-content .tabs-right > .nav-tabs > li {
            border: 0 none;
            margin-left: 2px;
        }

.widget .help-block,
.widget .help-inline {
    color: inherit;
}

.widget .help-block {
    margin-top: 0 !important;
}

input.form-control,
textarea.form-control,
select.form-control {
    padding: 0.25rem 0.5rem;   
    line-height: 1.5;
    border-radius: 0.4rem !important;
}

.widget .input-group .input-group-addon,
.widget .input-group-addon {
    background-color: rgba(255, 255, 255, 0.25);
    border: 1px solid #ccc;
}

.widget.border-zeus .input-group .input-group-addon {
    background-color: #748EC3;
    border: 1px solid #748EC3;
    color: #fff;
}

.widget .input:focus + .input-group-addon {
    border-color: rgba(0, 0, 0, 0.8);
}

.tile {
    position: relative;
    margin-bottom: 10px;
    background-color: #A4C400;
    font-family: 'Open Sans', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    box-shadow: #FFFFCC 0 0 1px inset;
    cursor: pointer;
    display: block;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 14px;
    overflow: hidden;
    text-decoration: none;
    height: 150px;
    border-radius: 0.5rem;
}

    .tile:hover {
        outline: 3px solid #1C3F85;
    }

    .tile.active:hover {
        outline: none;
    }

    .tile.active {
        border: 3px solid #1C3F85;
        z-index: 0;
    }

        .tile.active:after {
            width: 0;
            height: 0;
            border-top: 40px solid #1C3F85;
            border-left: 40px solid transparent;
            position: absolute;
            display: block;
            right: 0;
            content: " ";
            top: 0;
            z-index: 98;
        }

        .tile.active:before {
            position: absolute;
            top: 2px;
            right: 2px;
            font-size: 16px;
            content: "\2714";
            font-size: 16px;
            color: #fff;
            z-index: 99;
        }

    .tile .tile-content {
        font-family: 'Open Sans', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
        width: 100%;
        height: 100%;
        padding: 0;
        vertical-align: top;
        overflow: hidden;
        font-weight: 400;
        line-height: 16px;
        color: #FFFFFF;
    }

        .tile .tile-content .item > a {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            color: inherit;
        }

            .tile .tile-content .item > i,
            .tile .tile-content .item > a > i,
            .tile .tile-content > i {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 64px;
                height: 64px;
                font-size: 64px;
                margin-left: -32px;
                margin-top: -42px;
                color: #FFFFFF;
            }

                .tile .tile-content .item > i.tile .tile-content .item > a > i {
                    margin-left: -47px;
                    margin-top: -52px;
                }

        .tile .tile-content > .tile-text {
            position: absolute;
            margin-left: -15px;
            top: 50%;
            width: 100%;
            line-height: 64px;
            text-align: center;
            font-size: 82px;
            margin-top: -42px;
        }

        .tile .tile-content > img {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 64px;
            height: 64px;
            margin-left: -32px;
            margin-top: -42px;
        }

        .tile .tile-content .text-based {
            margin-top: 10px;
            margin-right: 30px;
            height: 52%;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 10px 15px;
        }

        .tile .tile-content .image-based > .image-group,
        .tile .tile-content .image-based > img {
            margin: -10px -15px;
            max-width: 100%;
            min-height: 100%;
            width: 100%;
            height: auto;
            padding: 10px 15px;
        }

        .tile .tile-content .image-based > .image-group {
            height: 150px;
        }

            .tile .tile-content .image-based > .image-group img:first-child {
                max-width: 50%;
                min-height: 100%;
                width: 50%;
                height: auto;
                outline: 0 none;
            }

            .tile .tile-content .image-based > .image-group img {
                display: inline-block;
                float: left;
                max-width: 25%;
                min-height: 50%;
                width: 25%;
                height: auto;
                outline: 1px solid #FFFFFF;
                border-collapse: collapse;
            }

        .tile .tile-content .keymetric-based {
            margin-top: 10px;
            margin-right: 30px;
            margin-left: 10px;
            height: 60%;
            text-align: left;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            padding: 10px 15px;
        }

            .tile .tile-content .keymetric-based .badge {
                background: transparent;
                font-size: 72px;
                line-height: .8em;
                font-weight: lighter;
                text-align: left;
                display: block;
            }

            .tile .tile-content .keymetric-based .brand {
                font-size: 15px;
                padding: 2px 2px 2px 12px;
                line-height: 21px;
                font-weight: 100;
                display: inline-block;
            }

        .tile .tile-content .tabular-based {
            margin-top: 10px;
            margin-right: 30px;
            height: 60%;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            padding: 10px 15px;
        }

            .tile .tile-content .tabular-based .dl-horizontal {
                margin: 0;
            }

                .tile .tile-content .tabular-based .dl-horizontal dt {
                    float: left;
                    width: 40px;
                    overflow: hidden;
                    clear: left;
                    text-align: left;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-weight: lighter;
                    font-size: 14px;
                    line-height: 22px;
                }

                .tile .tile-content .tabular-based .dl-horizontal dd {
                    margin-left: 60px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    font-weight: lighter;
                    font-size: 14px;
                    line-height: 22px;
                }

        .tile .tile-content h1,
        .tile .tile-content h2,
        .tile .tile-content h3,
        .tile .tile-content h4,
        .tile .tile-content h5,
        .tile .tile-content h6 {
            font-size: 22px;
            line-height: 27px;
            font-weight: lighter;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .tile .tile-content h1,
        .tile .tile-content h2,
        .tile .tile-content h3,
        .tile .tile-content h4,
        .tile .tile-content h5,
        .tile .tile-content h6,
        .tile .tile-content p {
            padding: 0;
            margin: 0;
            color: #FFFFFF;
        }

        .tile .tile-content p {
            font-family: 'Open Sans', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
            font-weight: 400;
            font-size: 15px;
            line-height: 21px;
            font-weight: 100;
        }

            .tile .tile-content p.lead {
                font-size: 21px;
                font-weight: 200;
                line-height: 30px;
            }

    .tile .tile-peek {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 5px 10px 5px 15px;
        min-height: 30px;
        line-height: 30px;
        font-size: 13px;
        color: #FFFFFF;
    }

        .tile .tile-peek .brand {
            font-size: 11px;
            line-height: 16px;
            display: inline-block;
            vertical-align: bottom;
        }

        .tile .tile-peek .icon {
            float: left;
            display: inline-block;
            width: 30px;
            height: 30px;
            font-size: 30px;
            line-height: 30px;
            vertical-align: bottom;
        }

        .tile .tile-peek .text {
            position: absolute;
            left: 60px;
            right: 60px;
            bottom: 5px;
            width: auto;
            height: 32px;
            display: inline-block;
            font-size: 14px;
            line-height: 16px;
            font-weight: 100;
            overflow: no-display;
            text-overflow: ellipsis;
        }

        .tile .tile-peek .badge {
            position: absolute;
            padding: 0;
            bottom: 0;
            right: 10px;
            min-width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 15px;
            font-weight: bold;
            background: transparent;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

    .tile .footer-title {
        font-size: 20px;
        padding-bottom: 10px;
        line-height: 25px;
    }

.appbar {
    position: fixed;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 0;
    padding: 10px 20px 10px;
    background: #A4C400;
    color: #FFFFFF;
    z-index: 1000;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .appbar.open {
        z-index: 1002;
        bottom: 0;
        padding: 10px 20px 10px;
        height: 80px;
    }

    .appbar.appbar-top {
        top: -20px;
        bottom: auto;
        height: 0;
    }

        .appbar.appbar-top.open {
            top: 0;
            padding: 10px 20px 10px;
            height: 80px;
        }

    .appbar.appbar-right {
        top: 0;
        right: -40px;
        bottom: auto;
        left: auto;
        width: 0;
        height: 100%;
    }

        .appbar.appbar-right.open {
            right: 0;
            padding: 20px 10px 20px;
            width: 80px;
        }

    .appbar.appbar-left {
        top: 0;
        left: -40px;
        right: auto;
        bottom: auto;
        width: 0;
        height: 100%;
    }

        .appbar.appbar-left.open {
            left: 0;
            padding: 20px 10px 20px;
            width: 80px;
        }

    .appbar > .nav-appbar {
        margin: 0;
        padding: 0;
        display: none;
        opacity: 0;
        list-style: none;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .appbar.appbar-large > .thumbnails {
        display: none;
        opacity: 0;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .appbar.appbar-right > .nav-appbar.pull-left,
    .appbar.appbar-left > .nav-appbar.pull-left {
        top: 0;
        float: none;
        position: absolute;
    }

    .appbar.appbar-right > .nav-appbar.pull-right,
    .appbar.appbar-left > .nav-appbar.pull-right {
        float: none;
        position: absolute;
        bottom: 0;
    }

    .appbar.appbar-large.open > .thumbnails,
    .appbar.open > .nav-appbar {
        display: block;
        opacity: 1;
    }

    .appbar .tile .brand {
        float: none;
        margin-left: -10px;
        padding: 0 10px;
    }

    .appbar.appbar-large.open,
    .appbar.appbar-bottom.appbar-large.open {
        height: 180px;
    }

    .appbar.appbar-left.appbar-large.open,
    .appbar.appbar-right.appbar-large.open {
        height: 100%;
        width: 200px;
        max-height: 100%;
        overflow-y: auto;
    }

    .appbar > .nav-appbar > li {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 10px;
        display: inline-block;
        padding: 0;
        width: 72px;
        height: 54px;
    }

    .appbar.appbar-right > .nav-appbar > li {
        float: none;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 5px;
        display: block;
        width: 54px;
        height: 72px;
    }

    .appbar.appbar-left > .nav-appbar > li {
        float: none;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 5px;
        margin-left: 0;
        display: block;
        width: 54px;
        height: 72px;
    }

    .appbar > .nav-appbar > li > a {
        padding-top: 7px;
        display: inline-block;
        color: #FFFFFF;
        text-align: center;
        overflow: hidden;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        text-decoration: none;
    }

    .appbar.appbar-right > .nav-appbar > li > a,
    .appbar.appbar-left > .nav-appbar > li > a {
        display: block;
    }

    .appbar > .nav-appbar > li > button {
        float: left;
        margin: 0;
        padding: 0;
        padding-top: 7px;
        padding-bottom: 2px;
        background-color: transparent;
        border: 0 none;
        background-image: none;
        color: #FFFFFF;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .appbar > .nav-appbar > li > button > i,
        .appbar > .nav-appbar > li > a > i {
            border: 2px solid #FFFFFF;
            padding: 4px;
            font-size: 28px;
            color: #FFFFFF;
            -webkit-border-radius: 32px;
            -moz-border-radius: 32px;
            border-radius: 32px;
        }

        .appbar > .nav-appbar > li > button:hover > i,
        .appbar > .nav-appbar > li > a:hover > i {
            background-color: rgba(255, 255, 255, 0.15);
        }

        .appbar > .nav-appbar > li > a > .bar-text,
        .appbar > .nav-appbar > li > button > .bar-text {
            margin-top: 10px;
            display: block;
            white-space: nowrap;
        }

    .appbar.appbar-left > .nav-appbar > li > a > .bar-text,
    .appbar.appbar-left > .nav-appbar > li > button > .bar-text,
    .appbar.appbar-right > .nav-appbar > li > a > .bar-text,
    .appbar.appbar-right > .nav-appbar > li > button > .bar-text {
        white-space: normal;
    }

body[data-splash="true"] > *:not(script) {
    visibility: hidden;
}

.splash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(50,50,50,.6);
    color: #FFFFFF;
    z-index: 1000;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .splash.splash-inline {
        width: 100%;
        height: auto;
        background: transparent;
        text-align: center;
    }

    .splash > .splash-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -120px;
        margin-left: -240px;
        width: 480px;
        text-align: center;
    }

    .splash.splash-inline > .splash-inner {
        position: relative;
        top: auto;
        left: auto;
        margin-top: auto;
        margin-left: auto;
        width: auto;
        display: block;
    }

    .splash > .splash-inner img.logo {
        width: 160px;
        height: auto;
        line-height: 220px;
        margin-bottom: 10px;
    }

    .splash > .splash-inner i {
        display: block;
        font-size: 160px;
        line-height: 220px;
        margin-bottom: 10px;
    }

    .splash > .splash-inner .brand {
        font-size: 32px;
        line-height: 32px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 5px;
    }

    .splash > .splash-inner .splash-text {
        font-size: 16px;
        line-height: 16px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .splash > .splash-inner .splash-loader {
        position: relative;
        display: inline-block;
    }

    .splash.splash-inline > .splash-inner img {
        width: 80%;
        height: auto;
    }

img.preload-mini {
    width: 16px;
    height: auto;
}

img.preload-small {
    width: 24px;
    height: auto;
}

img.preload-medium {
    width: 32px;
    height: auto;
}

img.preload-large {
    width: 64px;
    height: auto;
}

.media .media-body .media-heading {
    font-weight: 500;
}

.media .media-body,
.media p {
    font-weight: lighter;
}

.media-widget {
    margin: -20px -15px -15px;
}

    .media-widget .media-list {
        margin-bottom: -15px;
    }

    .media-widget .media:first-child {
        padding-top: 20px;
    }

    .media-widget .media {
        position: relative;
        margin-top: 0;
        padding: 15px 15px 0;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

        .media-widget .media:last-child {
            padding-bottom: 10px;
            border: 0 none;
        }

        .media-widget .media,
        .media-widget .media .btn-link,
        .media-widget .media a {
            color: inherit;
        }

            .media-widget .media .btn-link:hover,
            .media-widget .media a:hover {
                color: rgba(255, 255, 255, 0.8);
                text-decoration: none;
            }

            .media-widget .media:hover {
                background: rgba(255, 255, 255, 0.15);
            }

            .media-widget .media .media-action {
                position: absolute;
                right: 7px;
                bottom: 0;
                display: none;
            }

                .media-widget .media .media-action.pull-left {
                    left: 15px;
                    right: auto;
                }

                .media-widget .media .media-action .btn-link:hover {
                    color: inherit;
                }

            .media-widget .media:hover .media-action,
            .media-widget .media:focus .media-action,
            .media-widget .media:hover .media-action .dropdown-menu,
            .media-widget .media:focus .media-action .dropdown-menu {
                display: block;
            }

            .media-widget .media .media-label {
                margin: 0 0 15px;
                padding: 0;
                line-height: 16px;
                cursor: pointer;
            }

                .media-widget .media .media-label p {
                    margin-left: 20px;
                    margin-right: 20px;
                }

            .media-widget .media:last-child .media-label:last-child {
                margin-bottom: 0;
            }

            .media-widget .media .media-label.mark p,
            .media-widget .media .media-label.mark label {
                text-decoration: line-through !important;
            }

form.form-horizontal .controls p:first-child {
    margin-top: 5px;
}

form.full-widget {
    margin: -20px -15px 15px;
}

.widget form .form-actions {
    /*margin: 10px -15px -35px -15px; */
    padding-bottom: 30px;
}

form.full-widget .controls {
    padding-right: 15px;
}

form.form-vertical.full-widget {
    margin-bottom: 15px;
}

.widget form.form-vertical.full-widget .form-actions {
    margin: 10px 0 -30px 0;
}

form.form-vertical.full-widget .control-label {
}

form.form-vertical.full-widget .control-label,
form.form-vertical.full-widget .controls {
    padding: 5px 15px;
}

form.form-vertical.form-bordered .form-group .controls {
    border-left: 0 none;
}

.form-bordered {
}

    .form-bordered .form-group {
        margin-bottom: 0;
        border-bottom: 1px solid #f3f3f3;
    }

        .form-bordered .form-group .controls {
            border-left: 1px solid #f3f3f3;
            padding: 20px 10px;
            min-height: 30px;
        }

.widget[class*="bg-"] .form-bordered .form-group,
.widget[class*="bg-"] .form-bordered .form-group .controls {
    border-color: rgba(255, 255, 255, 0.25);
}

.form-horizontal.form-bordered .form-group .controls-row {
    margin-bottom: 0 !important;
}

.form-bordered .form-group .control-label {
    padding: 20px 10px;
    line-height: 30px;
    vertical-align: middle;
    margin-bottom: 0;
}

.widget .form-bordered .form-actions {
    margin: 10px 0 -30px 0;
}

.form-bordered.form-vertical .form-group .controls {
    padding: 0 10px 10px;
}

.form-bordered.form-vertical .form-group .control-label {
    padding: 10px 10px 5px;
}

.form-bordered.form-vertical.full-widget.row .form-group,
.form-bordered.form-vertical.full-widget.row .form-actions {
    margin-right: -30px;
    padding-left: 10px;
    padding-right: 10px;
}

.form-bordered.form-vertical.full-widget.row .form-actions {
    padding: 19px 20px 35px 40px;
}

.form-bordered.form-vertical.full-widget.row .control-label.form-bordered.form-vertical.full-widget.row .controls {
    padding-left: 60px;
}

textarea.input-fx,
input[type=text].input-fx,
input[type=password].input-fx,
input[type=email].input-fx,
.uneditable-input.input-fx,
select.input-fx {
    background: transparent;
    border: 0 none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    textarea.input-fx:focus,
    input[type=text].input-fx:focus,
    input[type=password].input-fx:focus,
    input[type=email].input-fx:focus,
    select.input-fx {
        border-color: rgba(0, 0, 0, 0.8);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    textarea.input-fx::-webkit-input-placeholder,
    input[type=text].input-fx::-webkit-input-placeholder,
    input[type=password].input-fx::-webkit-input-placeholder,
    input[type=email].input-fx::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    textarea.input-fx:-moz-placeholder,
    input[type=text].input-fx:-moz-placeholder,
    input[type=password].input-fx:-moz-placeholder,
    input[type=email].input-fx:-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    textarea.input-fx::-moz-placeholder,
    input[type=text].input-fx::-moz-placeholder,
    input[type=password].input-fx::-moz-placeholder,
    input[type=email].input-fx::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

    textarea.input-fx:-ms-input-placeholder,
    input[type=text].input-fx:-ms-input-placeholder,
    input[type=password].input-fx:-ms-input-placeholder,
    input[type=email].input-fx:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
    }

.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

    .btn-file > input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        font-size: 23px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate(-300px, 0) scale(4);
        direction: ltr;
    }

.fileupload {
    margin-bottom: 9px;
}

    .fileupload .uneditable-input {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        cursor: text;
    }

    .fileupload .thumbnail {
        display: inline-block;
        margin-bottom: 5px;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
    }

        .fileupload .thumbnail > img {
            display: inline-block;
            max-height: 100%;
            vertical-align: middle;
        }

    .fileupload .btn {
        vertical-align: middle;
    }

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
    display: none;
}

.fileupload-inline .fileupload-controls {
    display: inline;
}

.fileupload-new .input-group .btn-file {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.thumbnail-borderless .thumbnail {
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail {
    border: 1px solid #ddd;
}

.form-group.warning .fileupload .uneditable-input {
    color: #a47e3c;
    border-color: #a47e3c;
}

.form-group.warning .fileupload .fileupload-preview {
    color: #a47e3c;
}

.form-group.warning .fileupload .thumbnail {
    border-color: #a47e3c;
}

.form-group.error .fileupload .uneditable-input {
    color: #b94a48;
    border-color: #b94a48;
}

.form-group.error .fileupload .fileupload-preview {
    color: #b94a48;
}

.form-group.error .fileupload .thumbnail {
    border-color: #b94a48;
}

.form-group.success .fileupload .uneditable-input {
    color: #468847;
    border-color: #468847;
}

.form-group.success .fileupload .fileupload-preview {
    color: #468847;
}

.form-group.success .fileupload .thumbnail {
    border-color: #468847;
}

input.input-fx[type=checkbox],
input.input-fx[type=radio] {
    visibility: hidden;
}

.checkbox-squared {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 5px 15px 5px 0;
}

    .checkbox-squared.help-block {
        margin-top: 5px !important;
        display: block;
    }

    .checkbox-squared label {
        cursor: pointer;
        display: inline-block;
        margin-left: 4px;
    }

        .checkbox-squared label:after {
            position: absolute;
            left: 0;
            font-size: 13px;
            font-family: 'icomoon';
            content: "\e089";
        }

        .checkbox-squared label:hover::after {
            content: "\e08a";
        }

    .checkbox-squared input.input-fx[type=checkbox]:checked + label:after,
    .checkbox-squared input.input-fx[type=radio]:checked + label:after {
        content: "\e088";
    }

.checkbox-rounded {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 5px 15px 5px 0;
}

    .checkbox-rounded.help-block {
        margin-top: 5px !important;
        display: block;
    }

    .checkbox-rounded label {
        cursor: pointer;
        display: inline-block;
        margin-left: 4px;
    }

        .checkbox-rounded label:after {
            position: absolute;
            left: 0;
            font-size: 13px;
            font-family: 'icomoon';
            content: "\e08c";
        }

        .checkbox-rounded label:hover::after {
            content: "\e08c";
        }

    .checkbox-rounded input.input-fx[type=checkbox]:checked + label:after,
    .checkbox-rounded input.input-fx[type=radio]:checked + label:after {
        content: "\e08b";
    }

.checkbox-slide {
    position: relative;
    margin: 5px 15px 15px 0;
    width: 50px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: #323232;
    border: 2px solid #FFFFFF;
    outline: 2px solid #323232;
}

    .checkbox-slide.bg-black {
        outline-color: #323232 !important;
    }

    .checkbox-slide.bg-silver {
        outline-color: #f3f3f3 !important;
        border-color: #323232 !important;
    }

    .checkbox-slide.bg-lime {
        outline-color: #A4C400 !important;
    }

    .checkbox-slide.bg-green {
        outline-color: #60A917 !important;
    }

    .checkbox-slide.bg-emerald {
        outline-color: #008A00 !important;
    }

    .checkbox-slide.bg-teal {
        outline-color: #00ABA9 !important;
    }

    .checkbox-slide.bg-cyan {
        outline-color: #1BA1E2 !important;
    }

    .checkbox-slide.bg-cobalt {
        outline-color: #0050EF !important;
    }

    .checkbox-slide.bg-indigo {
        outline-color: #6A00FF !important;
    }

    .checkbox-slide.bg-violet {
        outline-color: #AA00FF !important;
    }

    .checkbox-slide.bg-pink {
        outline-color: #F472D0 !important;
    }

    .checkbox-slide.bg-magenta {
        outline-color: #D80073 !important;
    }

    .checkbox-slide.bg-crimson {
        outline-color: #A20025 !important;
    }

    .checkbox-slide.bg-red {
        outline-color: #E51400 !important;
    }

    .checkbox-slide.bg-orange {
        outline-color: #FA6800 !important;
    }

    .checkbox-slide.bg-amber {
        outline-color: #F0A30A !important;
    }

    .checkbox-slide.bg-yellow {
        outline-color: #E3C800 !important;
    }

    .checkbox-slide.bg-brown {
        outline-color: #825A2C !important;
    }

    .checkbox-slide.bg-olive {
        outline-color: #6D8764 !important;
    }

    .checkbox-slide.bg-steel {
        outline-color: #647687 !important;
    }

    .checkbox-slide.bg-mauve {
        outline-color: #76608A !important;
    }

    .checkbox-slide.bg-taupe {
        outline-color: #87794E !important;
    }

    .checkbox-slide.bg-zeus {
        outline-color: #748EC3 !important;
        background-color: #f3f3f3 !important;
        color: #748EC3 !important;
    }

    .checkbox-slide.checkbox-slidetext.bg-zeus label {
        background: #748EC3 !important;
    }

    .checkbox-slide.checkbox-slidetext.bg-zeus:before,
    .checkbox-slide.checkbox-slidetext.bg-zeus:after {
        color: #748EC3;
    }

    .checkbox-slide.help-block {
        top: 5px;
        margin: 10px 15px 15px 0;
        display: block;
    }

    .checkbox-slide label {
        display: block;
        position: absolute;
        top: -2px;
        left: 0;
        width: 14px;
        height: 20px;
        line-height: 20px;
        cursor: pointer;
        background: #222222;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
    }

    .checkbox-slide input[type=checkbox]:checked + label,
    .checkbox-slide input[type=radio]:checked + label {
        left: 36px;
    }

    .checkbox-slide.checkbox-slidetext {
        position: relative;
        margin: 0 15px 15px 0;
        width: 84px;
        height: 30px;
        vertical-align: middle;
        display: inline-block;
        background: #323232;
        border: 2px solid #FFFFFF;
        outline: 2px solid #323232;
    }

    .checkbox-slide input[type="checkbox"] {
        visibility: hidden;
    }

    .checkbox-slide.checkbox-slidetext.help-block {
        top: auto;
        margin: 10px 15px 15px 0;
        display: block;
    }

    .checkbox-slide.checkbox-slidetext:after {
        content: 'OFF';
        position: absolute;
        right: 10px;
        font-size: 13px;
        line-height: 26px;
        color: rgba(0, 0, 0, 0.25);
        z-index: 0;
        font-weight: 500;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, .15);
    }

    .checkbox-slide.checkbox-slidetext:before {
        content: 'ON';
        position: absolute;
        top: 0;
        left: 10px;
        font-size: 13px;
        line-height: 26px;
        color: rgba(255, 255, 255, 0.8);
        z-index: 0;
        font-weight: 500;
    }

    .checkbox-slide.checkbox-slidetext.bg-silver:before {
        color: #323232;
    }

    .checkbox-slide.checkbox-slidetext label {
        display: block;
        position: absolute;
        top: 3px;
        left: 3px;
        width: 35px;
        height: 20px;
        cursor: pointer;
        z-index: 1;
        background: #222222;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        margin-left: 5px;
    }

    .checkbox-slide.checkbox-slidetext input[type=checkbox]:checked + label,
    .checkbox-slide.checkbox-slidetext input[type=radio]:checked + label {
        left: 43px;
    }

.custom-checkbox-slide {
    width: 71px;
    height: 34px;
    border: 1px solid #007bff; 
    position: relative;  
    vertical-align: middle;
}

    .custom-checkbox-slide + label {
        display: inline-block;
    }

    .custom-checkbox-slide input[type=checkbox] {
        display: none;
    }

        .custom-checkbox-slide input[type=checkbox] + label {
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            background-color: #0e79fd;
			height: 32px;
            width: 34px;
			padding-top: 0 !important;
        }

        .custom-checkbox-slide input[type=checkbox]:checked + label {
            margin-left: 37px;
            margin-right: -5px;
        }

        .custom-checkbox-slide input[type=checkbox] + label:after {
            display: block;
            content: 'NO';
            font-size: 13px;
            line-height: 31px;
            width: 34px;
            text-align: center;
            background-color: #0e79fd;
            color: #fff;
            cursor: pointer;
			height: 28px;
			font-weight:normal;
        }

        .custom-checkbox-slide input[type=checkbox]:checked + label:after {
            content: 'SI';
        }

        .custom-checkbox-slide input[type=checkbox]:disabled + label:after {
            cursor: not-allowed;
        }

        .custom-checkbox-slide input[type=checkbox]:disabled ~ label {
            opacity: 0.5;
            cursor: not-allowed;
        }

.ui-slider {
    position: relative;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
    background: #444444;
}

    .ui-slider.slider-light {
        background: #CCCCCC;
    }

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 10px;
        height: 20px;
        cursor: default;
        background-image: none;
        background: #323232;
        font-weight: bold;
        color: #222222;
        outline: none;
    }

    .ui-slider.slider-light .ui-slider-handle {
        background: #DCDCDC;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: 10px;
        display: block;
        border: 0;
        background-position: 0 0;
        background-image: none;
        background-color: #666666;
        color: #FFFFFF;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

    .ui-slider.slider-light .ui-slider-range {
        background-color: #AAAAAA;
    }

    .ui-slider.ui-slider-black .ui-slider-range {
        background-color: #323232;
    }

    .ui-slider.ui-slider-silver .ui-slider-range {
        background-color: #f3f3f3;
    }

    .ui-slider.ui-slider-lime .ui-slider-range {
        background-color: #A4C400;
    }

    .ui-slider.ui-slider-green .ui-slider-range {
        background-color: #60A917;
    }

    .ui-slider.ui-slider-emerald .ui-slider-range {
        background-color: #008A00;
    }

    .ui-slider.ui-slider-teal .ui-slider-range {
        background-color: #00ABA9;
    }

    .ui-slider.ui-slider-cyan .ui-slider-range {
        background-color: #1BA1E2;
    }

    .ui-slider.ui-slider-cobalt .ui-slider-range {
        background-color: #0050EF;
    }

    .ui-slider.ui-slider-indigo .ui-slider-range {
        background-color: #6A00FF;
    }

    .ui-slider.ui-slider-violet .ui-slider-range {
        background-color: #AA00FF;
    }

    .ui-slider.ui-slider-pink .ui-slider-range {
        background-color: #F472D0;
    }

    .ui-slider.ui-slider-magenta .ui-slider-range {
        background-color: #D80073;
    }

    .ui-slider.ui-slider-crimson .ui-slider-range {
        background-color: #A20025;
    }

    .ui-slider.ui-slider-red .ui-slider-range {
        background-color: #E51400;
    }

    .ui-slider.ui-slider-orange .ui-slider-range {
        background-color: #FA6800;
    }

    .ui-slider.ui-slider-amber .ui-slider-range {
        background-color: #F0A30A;
    }

    .ui-slider.ui-slider-yellow .ui-slider-range {
        background-color: #E3C800;
    }

    .ui-slider.ui-slider-brown .ui-slider-range {
        background-color: #825A2C;
    }

    .ui-slider.ui-slider-olive .ui-slider-range {
        background-color: #6D8764;
    }

    .ui-slider.ui-slider-steel .ui-slider-range {
        background-color: #647687;
    }

    .ui-slider.ui-slider-mauve .ui-slider-range {
        background-color: #76608A;
    }

    .ui-slider.ui-slider-taupe .ui-slider-range {
        background-color: #87794E;
    }

    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: 10px;
}

.slider-small.ui-slider-horizontal {
    height: 5px;
}

.slider-large.ui-slider-horizontal {
    height: 20px;
}

form.form-vertical .ui-slider-horizontal {
    margin-top: auto;
    margin-bottom: 10px;
}

form .ui-slider-horizontal {
    margin-top: 10px;
}

form .slider-small.ui-slider-horizontal {
    margin-top: 15px;
}

form .slider-large.ui-slider-horizontal {
    margin-top: 7px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -5px;
    margin-left: -5px;
}

.slider-small.ui-slider-horizontal .ui-slider-handle {
    width: 5px;
    height: 15px;
}

.slider-large.ui-slider-horizontal .ui-slider-handle {
    width: 15px;
    height: 30px;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: 10px;
    height: 100px;
}

.slider-small.ui-slider-vertical {
    width: 5px;
}

.slider-large.ui-slider-vertical {
    width: 20px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -5px;
    margin-left: 0;
    margin-bottom: -5px;
    width: 20px;
    height: 10px;
}

.slider-small.ui-slider-vertical .ui-slider-handle {
    width: 15px;
    height: 5px;
}

.slider-large.ui-slider-vertical .ui-slider-handle {
    width: 30px;
    height: 15px;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.step {
    margin-bottom: 40px;
}

.wizard-steps {
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    list-style: none outside none;
}

    .wizard-steps:after {
        clear: both;
        content: '';
        display: table;
    }

    .wizard-steps li {
        position: relative;
        float: left;
        padding: 0 20px 0 30px;
        margin: 0;
        font-size: 16px;
        line-height: 46px;
        color: #999999;
        cursor: default;
        background: rgba(255, 255, 255, 0.5);
    }

        .wizard-steps li.complete {
            color: #468847;
            background: rgba(255, 255, 255, 0.75);
        }

            .wizard-steps li.complete:hover {
                cursor: pointer;
                background: rgba(255, 255, 255, 0.8);
            }

        .wizard-steps li.active {
            color: #3a87ad;
            background: rgba(255, 255, 255, 0.75);
        }

        .wizard-steps li .badge {
            position: relative;
            top: -2px;
            margin-right: 8px;
        }

.widget .stats.full-widget {
    margin-top: -20px;
}

.stats-inline-resume {
    padding: 10px 15px 0;
}

    .stats-inline-resume > small {
        display: block;
        margin-left: 20px;
    }

.stats-content {
    font-weight: lighter;
    padding: 15px 15px 0;
}

.stats-help-block {
    margin-bottom: 20px;
}

.pie-donat-text {
    position: absolute;
    text-align: center;
    width: 100%;
}

.container-editor {
    position: relative;
    margin-top: 0;
    margin-left: -10px;
    margin-right: -10px;
}

.editor-action {
    margin-top: 5px;
    margin-right: 15px;
}

.ace-editor {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    min-height: 400px;
    height: auto;
    border-bottom: 1px solid #DDDDDD;
}

.search-box {
    padding: 10px;
    background: #f3f3f3;
    margin-bottom: 20px;
}

    .search-box form {
        margin: 0;
    }

.search-result .search-img {
    width: 150px;
    height: 100px;
}

.invoice {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.invoice-table {
    margin-top: 20px;
}

img.logo-invoice {
    width: 120px;
    height: 120px;
}

.invoice thead {
    background: #EEEEEE;
}

    .invoice thead tr th {
        text-align: center;
    }

.invoice tfoot tr:first-child {
    background: #EEEEEE;
}

    .invoice tfoot tr:first-child th {
        text-align: center;
    }

.invoice tfoot tr:last-child {
    font-size: 1.2em;
    font-weight: bold;
}

.invoice tr .right {
    text-align: right;
}

.inbox {
    position: relative;
    height: auto;
}

    .inbox:before,
    .inbox:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .inbox:after {
        clear: both;
    }

.messgaetab-pane {
    height: 520px;
    width: 320px;
    float: left;
}

    .messgaetab-pane .tab-pane > p {
        padding: 5px 15px;
    }

.message-pane {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2;
}

    .message-pane a {
        color: inherit;
    }

.message-control {
    position: relative;
    padding: 5px 15px 10px 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
    z-index: 99;
}

    .message-control .message-toggle {
        margin: 0;
    }

    .message-control .btn-group .btn-link {
        color: inherit;
        vertical-align: middle;
    }

.message-pane .message-item {
    position: relative;
    padding: 5px 15px 5px 35px;
    display: block;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .message-pane .message-item .message-checked {
        position: absolute;
        margin-left: -20px;
    }

        .message-pane .message-item .message-checked.checkbox-rounded,
        .message-pane .message-item .message-checked.checkbox-squared {
            margin-top: -10px;
        }

    .message-pane .message-item.selected {
        background: #DADADA !important;
    }

    .message-pane .message-item.unread {
        background: #f3f3f3;
    }

        .message-pane .message-item.unread * {
            color: #555555;
            font-weight: 600;
        }

    .message-pane .message-item.active {
        background: #DADADA;
    }

.message-subject {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.message-date {
    font-size: 11px;
}

.message-snippet {
    clear: both;
    display: block;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .message-snippet * {
        display: block;
        width: 95%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.reading-pane {
    position: absolute;
    padding-left: 340px;
    z-index: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .reading-pane .btn-link {
        text-decoration: none;
        color: inherit;
    }

.message-header {
    border-bottom: 1px solid #DDDDDD;
}

    .message-header .btn-group {
        margin: 0;
        margin-top: 10px;
    }

.message-template-subject {
    font-size: 24px;
    font-weight: lighter;
}

.message-content {
    height: 440px;
}

    .message-content > .message-details {
        margin-bottom: 20px;
    }

.easypie {
    margin-left: auto;
    margin-right: auto;
}

.easyPieChart {
    position: relative;
    text-align: center;
}

    .easyPieChart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

.flot-tooltip {
    position: absolute;
    display: none;
    max-width: 200px;
    padding: 8px 8px;
    font-size: 12px;
    color: #777;
    font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    border: 2px solid #999;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.justgage {
    width: 100%;
}

.knob {
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    input[data-chart='knob'],
    .knob input,
    input[data-chart='knob']:focus,
    .knob input:focus {
        cursor: default;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.chat-container {
    margin: -15px -15px 30px -15px;
}

    .chat-container .mCSB_container {
        margin-right: 5px;
    }

.chat-module {
    position: relative;
    margin: 0;
    padding: 0;
}

    .chat-module > .chats {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .chat-module > .chats > li {
            overflow: hidden;
            padding: 10px;
        }

            .chat-module > .chats > li > .avatar {
                position: relative;
                width: 40px;
            }

                .chat-module > .chats > li > .avatar img {
                    display: block;
                    width: 100%;
                }

        .chat-module > .chats > .moderator .messages {
            padding: 2px 10px;
            background: rgba(50, 50, 50, 0.4);
        }

            .chat-module > .chats > .moderator .messages p {
                margin: 0;
                color: #f3f3f3;
            }

        .chat-module > .chats > .other .avatar {
            float: left;
        }

            .chat-module > .chats > .other .avatar:after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                width: 0;
                height: 0;
                border: 5px solid #f3f3f3;
                border-left-color: transparent;
                border-bottom-color: transparent;
            }

        .chat-module > .chats > .other .messages {
            margin-left: 40px;
        }

        .chat-module > .chats > .self .avatar {
            float: right;
        }

            .chat-module > .chats > .self .avatar:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
                border: 5px solid #f3f3f3;
                border-right-color: transparent;
                border-bottom-color: transparent;
            }

        .chat-module > .chats > .self .messages {
            margin-right: 40px;
        }

        .chat-module > .chats > li .messages {
            position: relative;
            padding: 10px;
            background: #f3f3f3;
        }

            .chat-module > .chats > li .messages p {
                font-size: 12px;
                margin: 0 0 5px 0;
                color: #333333;
            }

            .chat-module > .chats > li .messages time {
                font-size: 10px;
                color: #999999;
            }

.chat-action {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .chat-action > *,
    .add-to-chat > * {
        margin: 0;
    }

.add-to-chat {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    z-index: 99;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-footer {
    padding: 10px 10px 5px;
    border-top: 1px solid #dddddd;
}

.footer {
    position: relative;
    padding: 10px 10px 5px 20px;
    color: #a1a1a1;
    background: #f3f3f3;
    z-index: 999;
}

    .footer.container {
        padding: 0;
    }

        .footer.container > p,
        .footer.container > div {
            padding: 10px 10px 5px 210px;
        }

.overview-today,
.overview-previous {
    width: 50%;
    float: left;
}

.stats-overview {
    padding: 20px 0;
}

    .stats-overview p {
        margin: 0;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
    }

    .stats-overview .overview-day {
        font-size: 12px;
        margin: 6px 0;
        font-weight: lighter;
    }

    .stats-overview .overview-count {
        font-size: 26px;
        font-weight: lighter;
    }

    .stats-overview .overview-type {
        font-size: 10px;
        margin-bottom: 8px;
        font-weight: lighter;
    }

.breadcrumb > li + li:before {
    content: none;
}

.modal {
    top: 10%;
}

.modal-content {
    border: 0 none;
    outline: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	border-radius: 0.6rem;
}


.alert {
    position: relative;
    /* padding: 8px 35px 8px 14px; */   
    color: #fff;
    border: 0 none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.55rem;
    background-color: #F5A927 !important;
    border-color: #F5A927 !important;
}

    .alert .alert-warning {
        position: relative;
        padding: 8px 35px 8px 14px;
        margin-bottom: 20px;
        background-color: #DC572E;
        border: 0 none;
        text-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .alert .alert-warninga {
        color: rgba(255, 255, 255, 0.8);
    }

        .alert .alert-warninga[class!=btn]:hover {
            color: rgba(0, 0, 0, 0.8);
        }

    .alert .alert-warning.btn {
        color: #000000;
        border: 2px solid #ffffff;
    }

    .alert .alert-warning.btn-danger, .alert .alert-warning.btn-info, .alert .alert-warning.btn-inverse, .alert .alert-warning.btn-primary, .alert .alert-warning.btn-success, .alert .alert-warning.btn-warning {
        color: #ffffff;
        border: 2px solid #ffffff;
    }

    .alert .alert-warning h4 {
        line-height: 1.6em;
    }

    .alert .alert-warning.close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 8px 10px;
        font-size: 24px;
        color: #fff;
        background: rgba(0, 0, 0, 0.25);
        opacity: 1;
    }

.alert-success {
    color: #ffffff;
    background-color: #00A600;
    border-color: #00A600;
}

    .alert-success h4 {
        color: #ffffff;
    }

.alert-danger {
    color: #ffffff;
    background-color: #BF1E4B;
    border-color: #BF1E4B;
    border-radius: 0;
}

    .alert-danger h4, .alert-danger h4 {
        color: #ffffff;
    }

.alert-info {
    color: #FFFFFF; !important;
    background-color: #009CFF !important;
    border-color: #009CFF !important;
}

    .alert-info h4 {
        color: #ffffff;
    }

.ui-pnotify-title {
    line-height: 25px;
    margin-bottom: 0;
}

.ui-pnotify-history-container {
    display: none;
}

.content .alert {
    position: relative;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    border: 0 none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .content .alert.alert-warning {
        background-color: #F0A30A;
        border-color: #F0A30A;
        color: #fff;
    }

    .content .alert .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 8px 10px;
        font-size: 24px;
        color: #fff;
        background: rgba(0, 0, 0, 0.25);
        opacity: 1;
    }

    .content .alert.alert-success {
        color: #ffffff;
        background-color: #00A600;
        border-color: #00A600;
    }

.content .alert-success h4,
.content .alert-warning h4 .content .alert-danger h4 .content .alert-info h4 {
    color: #ffffff;
}

.content .alert-danger {
    color: #ffffff;
    background-color: #BF1E4B;
    border-color: #BF1E4B;
    border-radius: 0;
}

.content .alert-info {
    color: #ffffff;
    background-color: #2E8DEF;
    border-color: #2E8DEF;
}


/*FIN Estilos Metro*/




header.header {
    z-index: 2;
}

.navbar {
    border: none;
    min-height: 51px;
}

.navbar-header img {
    display: inline-block;
    width: 90px;
    padding-bottom: 0.5%;
}

.navbar-header strong {
    display: inline-block;
    padding-top: 5px;
}

.navbar-header a:hover {
    color: #fff;
}

.navbar-zeus > .container .logo-zeus, .navbar-zeus > .container-fluid .logo-zeus {
    height: auto;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 7px;
}

.navbar-zeus .navbar-inner {
    background-color: #0e79fd;
    border-color: #0e79fd;
}

    .navbar-zeus .navbar-inner .navbar-header .navbar-right a,
    .navbar-zeus .navbar-inner .navbar-nav .navbar-right li > a,
    .navbar-zeus .navbar-inner .navbar-nav .navbar-right > a:hover {
        color: #fff;
        height: 100%;
        font-size: 12px;
    }

    .navbar-zeus .navbar-inner .navbar-header button span {
        background-color: #fff;
    }

.navbar-zeus .navbar-pages-menu {
    margin-left: 20px;
}

.navbar-zeus, .navbar-zeus li a {
    height: 48px;
}

    .navbar-zeus .nav > li > a:focus, .navbar-zeus .nav > li > a:hover {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.25);
        cursor: pointer;
    }

.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 15px;
    color: #fff;
}

    .nav > li > a:hover,
    .nav > li > a:focus {
        text-decoration: none;
        background-color: #00000000
    }

    

.dropdown-menu > .dropdown-submenu > a.dropdown-toggle {
    cursor: default;
}

.navbar-zeus .navbar-pages-menu > li.dropdown > .dropdown-menu a {
    line-height: 25px;
}

.navbar-zeus .navbar-pages-menu > li.dropdown > .dropdown-menu li {
    height: 32px;
}

.navbar-zeus .navbar-pages-menu > li.dropdown > .dropdown-menu > .dropdown-submenu span.glyphicon {
    top: 8px;
}

.navbar-zeus .dropdown span.glyphicon {
    font-size: 10px;
    margin-left: 12px;
    margin-top: 4px;
}

    .navbar-zeus .dropdown span.glyphicon::before {
        content: "\e252";
    }

.navbar-zeus .dropdown-submenu span.glyphicon::before {
    content: "\e250";
}

.navbar-zeus .dropdown-submenu span.glyphicon {
    position: absolute;
    right: 7px;
    top: 9px;
}

.navbar-zeus .navbar-inner .dropdown .dropdown-menu .dropdown-submenu {
    position: relative;
    height: auto;
}

    .navbar-zeus .navbar-inner .dropdown .dropdown-menu .dropdown-submenu > a {
        position: relative;
        line-height: 30px;
        padding-right: 25px;
    }

@media (max-width: 767px) {
    .navbar-zeus .navbar-pages-menu {
        margin-left: 0;
    }

    .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 8px;
    }

    nav ul.navbar-right li {
        display: inline-block;
    }

        nav ul.navbar-right li:first-child {
            margin-left: 30px;
        }

    .navbar-zeus .nav.navbar-nav > li > .dropdown-menu {
        position: relative;
        border: none;
        border-style: none;
        border-radius: initial;
        box-shadow: none;
        background-color: #758EC6;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .navbar-zeus .nav.navbar-nav > li > .dropdown-menu li a {
            padding: 8px;
            padding-left: 20px;
            width: 100%;
        }

    .navbar-zeus .navbar-pages-menu > li.dropdown > .dropdown-menu > .dropdown-submenu span.glyphicon,
    .navbar-zeus .nav.navbar-nav .dropdown-submenu span.glyphicon {
        position: relative;
        right: 0;
        top: 0;
    }

    .navbar-zeus .nav.navbar-nav.navbar-right .dropdown.items-perfil .dropdown-menu li > a {
        color: #fff;
        line-height: 25px;
    }

        .navbar-zeus .nav.navbar-nav.navbar-right .dropdown.items-perfil .dropdown-menu li:hover,
        .navbar-zeus .nav.navbar-nav.navbar-right .dropdown.items-perfil .dropdown-menu li > a:hover,
        .navbar-zeus .nav.navbar-nav.navbar-right .dropdown.items-perfil .dropdown-menu li > a:focus,
        .navbar-zeus .navbar-inner .dropdown .dropdown-menu li a:focus {
            background-color: inherit;
        }

    .navbar-zeus .nav.navbar-nav.navbar-right .dropdown.items-perfil .dropdown-menu li {
        margin: 0;
        padding: 0;
        height: 40px;
    }

        .navbar-zeus .nav.navbar-nav.navbar-right .dropdown.items-perfil .dropdown-menu li.divider {
            padding: 0;
            margin: 0;
            border-color: #23527c;
            height: auto;
        }

    .navbar-zeus .navbar-inner .dropdown .dropdown-menu .dropdown-submenu > a {
        line-height: 20px;
    }
}

.navbar-zeus .navbar-inner .dropdown .dropdown-menu li > a {
    color: #000000;
    text-decoration: none;
}

.navbar-zeus .navbar-inner .items-perfil li > a, .navbar-zeus .navbar-inner .items-perfil li > div {
    color: #000000;
    text-decoration: none;
    background-image: none;
    filter: none;
    height: 30px;
    padding: 5px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
}

.navbar-zeus .navbar-inner .items-perfil ul {
    min-width: 190px;
}

.navbar-zeus .navbar-inner .items-perfil li {
    margin-top: 10px;
}

    .navbar-zeus .navbar-inner .items-perfil li.divider {
        background-color: #0e79fd;
        margin: 9px 20px;
    }

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 15px;
    }
	.bootbox-confirm .modal-content{
	   max-width:400px;
    }
	
	.bootbox-confirm .modal-dialog {
		width: 400px;
		margin: 30px auto;
    }
}

.navbar-zeus .nav .dropdown-menu {
    border: 2px solid #0e79fd;
}

    .navbar-zeus .nav .dropdown-menu.dropdown-extend > .dropdown-header {
        margin-top: -5px;
        padding: 10px;
        background: #0e79fd;
        color: #ffffff;
    }

#ControlBar_ControlPanel ~ .section-content > .fixed-top {
    top: 53px;
}

#s2id_buscador_paginas_portal {
    padding: 0;
}

.side-left .nav-list {
    margin-left: 0;
}



/*Footer dinamico */
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#Form {
    min-height: 100%;
    position: relative;
}

footer#footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f3f3f3;
    height: 50px;
    padding: 15px;
    z-index: 1;
}
/*Fin Footer dinamico */



header.content-header {
    padding: 5px 10px;
}


.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        /*top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;*/
        position: static;
        float: none;
        width: 100%;
        margin-top: 0;
        background-color: #F0F3F4;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 28px;
        font-size: 0.675rem !important;
    }

@media(min-width: 768px) {
    .dropdown-submenu:hover > .dropdown-menu {      
        width: 100%;
        background-color: #F0F3F4;
    }
}   

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

.content-header .content-action li input {
    padding: 0 2px;
}

.bg-zeus {      
	background-color: var(--color_primary) !important;    
    font-weight: 700 !important;
    color: var(--color_light_text) !important;
	border-color: var(--color_primary) !important;
    border-radius: var(--border_radius_btn) !important;
}

.bg-zeus-curve {
    background-color: #0e79fd;
    color: #FFFFFF;
    border-radius: 19px;
}

.widget > .widget-header.bg-zeus {
    background-color: #0e79fd;
}

.widget.border-zeus {
   /*  border-color: #0e79fd !important; */
}


.widget.border-zeus-transparent {
    border-color: #FFFFFF !important;
}

.widget[class*='col-'] {
    padding: 0;
    margin-top: 10px;
}


/*Clases para subtítulos zeus*/
.subtitulo {
   /* padding: 10px 20px 10px 10px;*/
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    margin-bottom: 10px;
	color: var(--color_primary);
}

    .subtitulo .close {
        position: relative;
        top: -2px;
        right: -21px;
        line-height: 20px;
    }
/*Clases para subtítulos zeus*/

.label-form {
    text-align: right;
    -ms-text-overflow: clip;
    -o-text-overflow: clip;
    text-overflow: clip;
    padding-right: 5px;
    max-height: 30px;
}



.widget-content .row .input-group {
    margin-bottom: 10px;
}

.widget .row label {
    font-weight: 700;    
    font-size: 12px;   
  /*   padding-bottom: calc(0.375rem + 1px); */ 
    color: var(--color_text) !important;
    display: inline-block;
	padding-top: 12px;
}

textarea:focus,
input[type="text"]:focus,
/*input[type="text"]:focus + span.input-group-addon,*/
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus, select.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.35rem #8DCFFF !important;
}



label[class*="col-"] {
    padding: 0;
}

select:hover, input[type="checkbox"]:hover {
    /*border-color: rgba(0, 0, 0, 0.8);*/
    outline: thin solid rgba(0, 0, 0, 0.8);
}


/*Estilos para tablas de DNN y ASP*/
.ContenidoModulo .tabla-zeus table,
.ContenidoModulo .tabla-zeus th,
.ContenidoModulo .tabla-zeus .RadGrid_Default th.rgResizeCol,
.ContenidoModulo .tabla-zeus .RadGrid_Default,
.ContenidoModulo .tabla-zeus table td,
.ContenidoModulo .tabla-zeus table th {
    border: hidden;
}

.ContenidoModulo .tabla-zeus table {
    max-width: 100%;
    width: 100%;
    margin-bottom: 1px;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
	border-top: 2px solid #0e79fd !important;
}

    .ContenidoModulo .tabla-zeus table th,
    .ContenidoModulo .tabla-zeus .RadGrid .rgHeader,
    .ContenidoModulo .tabla-zeus .RadGrid th.rgResizeCol {
        font-weight: bold;
        vertical-align: bottom;
    }

    .ContenidoModulo .tabla-zeus table th,
    .ContenidoModulo .tabla-zeus table td {
        padding: 8px;
        line-height: 20px;
        vertical-align: top;
        border-bottom: hidden;
        background-color: #F5F5F5;
        border-bottom: hidden;
        border-right: hidden;
        border-left: hidden;
    }

    .ContenidoModulo .tabla-zeus table tr,
    .ContenidoModulo .tabla-zeus .RadGrid_Default .rgHeader,
    .ContenidoModulo .tabla-zeus .RadGrid_Default th.rgResizeCol {
    background-color: #fff;     
    background: none;
}

.ContenidoModulo .tabla-zeus .RadGrid_Default .rgHeader {
    white-space: nowrap;
}

.ContenidoModulo .tabla-zeus tr:nth-child(even) td {
    background-color: #fff;
}

.ContenidoModulo .tabla-zeus tbody > tr:not(.rgNoRecords):hover > td:not(.rgPagerCell), .ContenidoModulo .tabla-zeus tr:hover > th {
    background-color: #E3F3FF;
	opacity: 0.5;
}

.ContenidoModulo .tabla-zeus tr:first-child:hover th {
    background-color: #fff;
    opacity: 1 !important;
}

.ContenidoModulo .tabla-zeus table tbody tr:not(.rgNoRecords),
.ContenidoModulo .tabla-zeus table tbody > tr:not(.rgNoRecords) > td:not(.rgPagerCell) {
    cursor: pointer;
}

.ContenidoModulo .tabla-zeus .RadGrid_Default .rgSelectedRow,
.ContenidoModulo .tabla-zeus .RadGrid_Default .rgSelectedRow td,
.ContenidoModulo .tabla-zeus .RadGrid_Default .rgSelectedRow:hover,
.ContenidoModulo .tabla-zeus .RadGrid_Default .rgSelectedRow:hover td,
.ContenidoModulo .tabla-zeus table tbody .rgSelectedRow,
.ContenidoModulo .tabla-zeus table tbody .rgSelectedRow td,
.ContenidoModulo .tabla-zeus table tbody .rgSelectedRow:hover,
.ContenidoModulo .tabla-zeus table tbody .rgSelectedRow:hover td,
.ContenidoModulo .tabla-zeus tbody > tr.rgSelectedRow:not(.rgNoRecords):hover > td:not(.rgPagerCell) {
    background-color: #E3F3FF !important;
}

    .ContenidoModulo .tabla-zeus .RadGrid_Default .rgSelectedRow:hover,
    .ContenidoModulo .tabla-zeus .RadGrid_Default .rgSelectedRow:hover td,
    .ContenidoModulo .tabla-zeus table tbody .rgSelectedRow:hover,
    .ContenidoModulo .tabla-zeus table tbody .rgSelectedRow:hover td {
        background-color: #aaa;
    }

.td {
    border: 1px solid #000;
}

.ContenidoModulo .maestro-zeus .tabla-zeus .rgPager > td {
    padding-bottom: 0;
}

.ContenidoModulo .maestro-zeus .tabla-zeus .rgPager caption,
.ContenidoModulo .maestro-zeus .tabla-zeus .rgPager thead {
    display: none;
}


.ContenidoModulo .maestro-zeus .tabla-zeus .rgPager .rgPagerCell,
.ContenidoModulo .maestro-zeus .tabla-zeus .rgPager .rgPagerCell .rgWrap {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}

/*.ContenidoModulo .maestro-zeus .tabla-zeus .rgDataDiv {
    max-height: 300px;
    height: auto !important;
}*/

.rgHeaderWrapper table, .rgDataDiv table {
    table-layout: auto !important;
    box-shadow: none !important;
}

.RadGrid:focus {
    outline: none;
    box-shadow: none !important;
}

.ContenidoModulo .maestro-zeus .tabla-zeus .rgPager > td {
    padding: 0;
}

.ContenidoModulo .maestro-zeus .tabla-zeus .rgPagerCell.NumericPages {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #Fff;
   
}

.ContenidoModulo .tabla-zeus .RadGrid .rgNumPart span {
    padding: 5px 7px 5px 0px;
    padding-left: 12px;
}

.tabla-zeus {
    width: 100%;
    overflow-x: auto;
    border: hidden;
    box-shadow: none !important;
}

    .tabla-zeus table th.grwHeader.rgHeader {
        text-align: center;
    }
/*.tabla-zeus .rgDataDiv {
    height: auto !important;
}*/
.ContenidoModulo .tabla-zeus table th, .ContenidoModulo .tabla-zeus table td {
    border-right: hidden;
    /*max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap*/
}

    .ContenidoModulo .tabla-zeus table tr th:first-child, .ContenidoModulo .tabla-zeus table td:first-child {
        border-left: hidden;
    }

.ContenidoModulo .tabla-zeus table tr th {
    border-top: hidden;
}

/*Estilos para tablas de DNN y ASP*/

/* Estilos para DatePicker, DateTimePicker y TimePicker  */
body table.RadCalendar_Default {
    padding: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    background: #FFFFFF;
    font-size: 0.9em;
    color: #ddd;
}

    body table.RadCalendar_Default .rcMainTable td {
        padding: 4px 0 0 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

        body table.RadCalendar_Default .rcMainTable td a {
            color: #000000;
            font-weight: normal;
        }

        body table.RadCalendar_Default .rcMainTable td.rcOtherMonth {
            background: #fff;
        }

            body table.RadCalendar_Default .rcMainTable td.rcOtherMonth a {
                color: rgba(0, 0, 0, 0.5);
            }

body table.RadCalendar {
    table-layout: auto;
    border-collapse: separate;
    border: 0;
    width: 200px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
}

body table.RadCalendar_Default .rcMainTable .rcWeek th {
    background: #fff;
    font-weight: bold;
}

body table.RadCalendar_Default td.rcTitlebar table {
    background: #fff;
}

body table.RadCalendar_Default td.rcTitle {
    font-size: 1em !important;
}

body table.RadCalendar_Default td.rcTitlebar {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none;
}

body table.RadCalendar_Default thead {
    font-size: 1em;
}

.RadCalendar_Default_PopupArrow_Up, .RadCalendar_Default_PopupArrow_Down {
    display: none;
}


html body .RadPicker_Default input.riTextBox {
    height: 32px !important;
    border-radius: 4px !important;
    -webkit-border-radius: 0;
    box-shadow: none;
    background-position: 100% -293px;
}

html body .RadPicker_Default a.rcCalPopup,
html body .RadPicker_Default a.rcCalPopup:hover,
html body .RadPicker_Default a.rcCalPopup:focus,
html body .RadPicker_Default a.rcCalPopup:active {
    background-position: 50% 50%;
    cursor: pointer;
	background-color: var(--color_back_2);
        border: hidden !important;
}

body .RadPicker .rcCalPopup, body .RadPicker .rcTimePopup {
    height: 28px;
    width: 28px;
}

html body table.RadCalendarMonthView {
    border-width: 0;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
    padding: 5px;
}

    html body table.RadCalendarMonthView a {
        font-size: 0.9em;
        color: #000;
    }

    html body table.RadCalendarMonthView .rcButtons input {
        font-size: 0.9em;
    }

html body table.RadCalendarTimeView.RadCalendarTimeView_Default {
    padding: 8px;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    font-size: 0.8em;
    color: #000;
    border: none;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
}

    html body table.RadCalendarTimeView.RadCalendarTimeView_Default td a {
        color: #000;
    }

    html body table.RadCalendarTimeView.RadCalendarTimeView_Default .rcHeader {
        background: none;
        background-color: none;
    }

html body .RadPicker_Default a.rcCalPopup {
    background: url('/Portals/_default/Skins/ZeusMetroSkin3/img/datepicker.png') no-repeat center, #fff;
    margin-left: 0;
    z-index: 0;
}

html body .RadPicker.RadPicker_Default .rcTimePopup {
    background: url('/Portals/_default/Skins/ZeusMetroSkin3/img/timepicker.png') no-repeat center, #0e79fd;
    margin-left: 0;
}

html body .RadPicker td a {
    margin: 0 1px;
}

.RadPicker table.rcTable tbody {
    border: 1px solid #ced4da;
}



.RadPicker table.rcTable tbody:focus-within {
   color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.35rem #8DCFFF !important;
	border-radius:4px;
	border-right:hidden;
}

html body .RadPicker.RadPicker_Default {
    margin-bottom: 0;
}

html body .RadCalendarPopup caption {
    padding-top: 0;
    padding-bottom: 0;
}
/*Fin estilos para pickers**/

.btn-zeus, .btn-zeus:hover, .btn-zeus:focus, .btn-zeus:active {
    background-color: #0e79fd;
    border: 1px solid #0e79fd;
    color: #fff;
	border-radius: 0.4rem !important;
}


.btn-zeuscurv {
    background-color: #0e79fd;
    border: 1px solid #0e79fd;
    color: #fff;
    border-radius: 25px;
    float: left;
    margin: 30px 5% 0 0;
    position: relative;
    width: 100%;
}

    .btn-zeuscurv:hover, .btn-zeuscurv:focus, .btn-zeuscurv:active {
        background-color: #154ca9;
        border: 1px solid #154ca9;
        color: #fff;
    }
    .btn-zeus:hover {
        background-color: var(--color_primary_dark) !important;
         border-color: var(--color_primary_dark) !important;
    }

    .btn-zeus:focus {
        opacity: 0.8;
        outline: none;
    }

.input-group .form-control {
    z-index: 1;
}

/*Menú en móviles*/
@media(max-width: 767px ) {
    .container-fluid > .navbar-collapse {
        width: 100%;
        overflow-x: hidden;
        margin: 0;
        margin-bottom: 8px;
    }



    .navbar-zeus .navbar-pages-menu .dropdown.open > a.dropdown-toggle {
        background-color: #586A95;
        color: #fff;
    }

    .navbar-zeus .dropdown span.glyphicon {
        float: none;
    }

    .navbar-zeus .dropdown-submenu span.glyphicon::before {
        content: "\e252";
    }

    .navbar-zeus .navbar-inner .dropdown .dropdown-menu li a,
    .navbar-zeus .navbar-inner .dropdown .dropdown-menu li:hover a,
    .navbar-zeus .navbar-inner .dropdown .dropdown-menu li a:focus,
    .navbar-zeus .navbar-inner .dropdown .dropdown-submenu.open a {
        color: #fff;
    }

    .navbar-zeus .navbar-inner .dropdown .dropdown-menu li:hover > a,
    .navbar-zeus .navbar-inner .dropdown .dropdown-menu li:focus > a,
    .navbar-zeus .navbar-inner .dropdown .dropdown-submenu.open > a {
        color: #fff;
        background-color: #586A95;
    }

    .navbar-zeus .dropdown-menu {
        padding-left: 10px;
    }

    .navbar-zeus .navbar-right {
        margin-left: 0;
    }

    .navbar-right {
        height: auto;
    }

    .navbar-zeus .navbar-inner .navbar-right .dropdown-menu {
        padding: 0;
        min-width: 200px;
    }

    .navbar-zeus .navbar-inner .navbar-right .dropdown .dropdown-menu li,
    .navbar-zeus .navbar-inner .navbar-right .dropdown .dropdown-menu li > a {
        color: #000;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

        .navbar-zeus .navbar-inner .navbar-right .dropdown .dropdown-menu li:hover,
        .navbar-zeus .navbar-inner .navbar-right .dropdown .dropdown-menu li:hover > a,
        .navbar-zeus .navbar-inner .navbar-right .dropdown .dropdown-menu li > a:hover {
            background-color: #fff;
        }

        .navbar-zeus .navbar-inner .navbar-right .dropdown .dropdown-menu li.divider {
            background-color: #758EC6;
            margin: 0 20px;
        }
}

.navbar-zeus .navbar-pages-menu > .dropdown.open > a.dropdown-toggle {
    background-color: #586A95;
    color: #fff;
}

.content-action .btn-group {
    z-index: 1;
}

/*Problema con navbar en página de error*/
@media (min-width: 768px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        max-height: 52px;
    }
}

.widget.border-zeus .input-group .input-btn-x {
    background-color: transparent;
    border: none;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    z-index: 3;
}

.oculto {
    display: none;
}

.row {
    margin-bottom: 14px;
	margin-right: 0px;
}

textarea {
    resize: none;
}


a.bg-zeus:hover {
    color: #fff !important; 
	background-color: var(--color_primary_dark) !important;
    border-color: var(--color_primary_dark) !important;
}

.nav > li .readonly:hover {
    background-color: initial;
    cursor: default;
}

.input-group-addon.bg-zeus {
    border-radius: 0 !important;
}


.dropdown-menu.dropdown-toleft {
    left: auto;
    right: 0;
}

.dropdown-menu.bg-zeus {
    background-color: #0e79fd;
    border-radius: 0;
    padding: 2px 0;
    margin-top: 7px;
}

    .dropdown-menu.bg-zeus.dropdown-extend > li {
        background-color: #fff;
        margin: 0 2px;
    }

    .dropdown-menu.bg-zeus > li.dropdown-header {
        background-color: #0e79fd;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
    }

    .dropdown-menu.bg-zeus:before {
        position: absolute;
        top: -9px;
        right: 8px;
        display: inline-block;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #0e79fd;
        border-left: 9px solid transparent;
        border-bottom-color: #0e79fd;
        content: '';
    }

/*Posición para mensaje de error*/
.errorField {
    position: absolute;
    font-size: 0.99rem;
    color: var(--color_validacion_error)
}

.riSingle.RadInput.RadInput_Default {
    position: relative;
	/* width: auto !important */;
}

    .riSingle.RadInput.RadInput_Default .errorField {
        bottom: auto;
        top: 100%;
        left: 0;
    }

.error:not(.f4-container) {
    border-color: var(--color_validacion_error) !important;
    outline: none !important;
}

.starSplash {
    display: none;
    visibility: visible;
}
/*Fin Posición para mensaje de error*/


.error .LoockupModalWindow input {
    border: 1px solid #000;
}

.error .LoockupModalWindow label, .error .LoockupModalWindow input {
    color: #000;
}

.modal .modal-body.modalBodyIframe {
    padding: 0;
    width: 100%;
}

.modal-header .close {
    margin-top: -10px;
}

button.btn.btn-default {
    background-color: var(--color_cancel);
    border-color: var(--color_cancel);
}

    button.btn.btn-default:hover,
    button.btn.btn-default:focus {
       color: #fff !important;
		background-color: var(--color_cancel_dark);
		border-color: var(--color_cancel_dark);
    }

.notification .message p {
    margin-top: 5px;
}




.f4-container {
    padding: 0;
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

    .f4-container .f4-button-open-modal {
        height: 34px;
        background: #0e79fd url("/DesktopModules/ZeusRecursos/ZeusStyle/images/search-zeusmetro.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        padding: 0;
		border-left: hidden; 
		border-bottom: 1px solid #ced4da;
		border-top-right-radius: 4px;
		border-top: 1px solid #ced4da;
		border-right: 1px solid #ced4da;
		border-bottom-right-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		width:20%
    }

    .f4-container .f4-input {
        height: 34px;
		padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #495057;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ced4da;    
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;	
		border-right:hidden;	
		border-top-left-radius: 4px;	
		border-bottom-left-radius: 4px;
		width:80%;
    }

.f4-bg {
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    z-index: 900;
    width: 100%;
    height: 100%;
    top: 0;
}

@media(min-width:840px) {
    .f4-modal {
        width: 800px;
    }
}

@media(max-width: 839px) {
    .f4-modal {
        width: 600px;
    }
}

.f4-modal {
    top: 3%;
    left: 0;
    right: 0;
    position: fixed;
    background-color: #fff;
    z-index: 1000;
    margin: 3% auto;
    display: block;
    max-height: 85vh;
    overflow-x: hidden;
    overflow-y: auto;
}

    .f4-modal .f4-header {
        border-bottom: 1px solid #e5e5e5;
        padding: 5px 10px;
    }

        .f4-modal .f4-header .f4-title {
            display: inline-block;
            width: 70%;
            vertical-align: super;
            font-size: 22px;
        }

        .f4-modal .f4-header .f4-close {
            top: 10px;
            right: 15px;
            width: auto;
            height: auto;
            color: #e5e5e5;
        }

            .f4-modal .f4-header .f4-close:before {
                content: '\00d7';
                font-size: 24px;
                font-weight: 700;
                line-height: 1;
                color: #000;
                text-shadow: 0 1px 0 #fff;
                filter: alpha(opacity=20);
                opacity: .2;
                cursor: pointer;
            }

    .f4-modal .f4-body {
        min-width: 500px;
        padding: 10px 10px;
    }

        .f4-modal .f4-body .f4-fields-container, .f4-modal .f4-body .f4-option-container {
        }

        .f4-modal .f4-body .f4-option-container {
            padding-right: 5px;
        }

            .f4-modal .f4-body .f4-option-container .f4-options {
                list-style-type: none;
                padding: 0;
                margin: 15px 0;
                max-height: 150px;
                overflow-y: auto;
            }

                .f4-modal .f4-body .f4-option-container .f4-options .f4-option input[type="radio"] {
                    display: none;
                }

                .f4-modal .f4-body .f4-option-container .f4-options .f4-option label {
                    padding: 5px;
                    background-color: #fff;
                    text-align: center;
                    width: 100%;
                    cursor: pointer;
                    border-radius: 4px;
                    border: 1px solid var(--color_primary) !important;
                }

                .f4-modal .f4-body .f4-option-container .f4-options .f4-option input[type="radio"]:checked + label {
                    background-color: #0e79fd;
                    color: #fff !important;
                }



        .f4-modal .f4-body .f4-fields-container {
            padding-left: 5px;
        }

            .f4-modal .f4-body .f4-fields-container .f4-fields {
                margin: 15px 0 10px;
            }

            .f4-modal .f4-body .f4-fields-container .f4-button-search {
                font-weight: bold;
                padding: 5px 20px;
                border: 0;
                margin-bottom: 10px;
            }

        .f4-modal .f4-body .f4-table th {
            text-align: left;
        }

    .f4-modal .f4-option-title, .f4-modal .f4-field-title, .f4-modal .f4-grid-title {
        background-color: #F5F5F5;
        padding: 5px;
        font-size: 15px;
        color: #333;
    }

    .f4-modal .f4-grid-pager-buttom {
        border-color: transparent;
        cursor: pointer;
        background-color: #fff;
    }

        .f4-modal .f4-grid-pager-buttom.f4-grid-pager-buttom-selected {
            background-color: #0e79fd !important;
            border-radius: 50%;
            color: #fff;
            line-height:18px;
            margin-top:3px;
        }

    .f4-modal .f4-grid-container .f4-grid-div {
        margin: 15px 0 5px;
        max-width: 940px;
        overflow-x: auto;
    }

        .f4-modal .f4-grid-container .f4-grid-div .f4-table {
            border-collapse: collapse;
            font-size: 13px;
        }

            .f4-modal .f4-grid-container .f4-grid-div .f4-table tbody tr:nth-child(2n+1) {
                background-color: #F5F5F5;
            }

            .f4-modal .f4-grid-container .f4-grid-div .f4-table tr {
                border-bottom: 1px solid #e5e5e5;
            }

            .f4-modal .f4-grid-container .f4-grid-div .f4-table tbody tr:hover {             
                cursor: pointer;
                background-color: #E3F3FF;
                opacity: 0.5;
            }

            .f4-modal .f4-grid-container .f4-grid-div .f4-table th {
                padding: 5px;
                color: #434343;
                white-space: nowrap;
            }

            .f4-modal .f4-grid-container .f4-grid-div .f4-table td {
                padding: 5px;
                white-space: nowrap;
            }

.f4-container + .errorField {
    bottom: -15px;
}

.ServiceIcon.professional {
    display: none;
}

.nombre-modulo-pequeno {
    position: absolute;
    width: -webkit-fill-available;
    height: 20px;
    border-width: 0 0 135px 135px;
    border-color: transparent transparent var(--primary-dark-bg-color) transparent;
    border-style: solid;
    bottom: 0px;
    border-left: 85px solid transparent;
    border-bottom: 40px solid #0e79fd;
    left: -46px;
}

    .nombre-modulo-pequeno > div {
        position: absolute;
        right: 20px;
        font-size: 19px;
        color: var(--color-bg-dark);
        margin-top: 5px;
    }

.nombre-modulo-grande {
    /*position: absolute;
    width: -webkit-fill-available;
    height: 126px;
    border-style: solid;
    bottom: 0px;  
    background: linear-gradient(154deg, #ffffff00 7.6%, #0e79fd 7%);*/
    display: flex;
    align-items: center;
    background-color: var(--color_primary);
    color: #fff;
    position: absolute;
    width: calc(100% - 80px) !important;
    height: 126px;
    bottom: 0;
    right: 0;
    transform-style: preserve-3d;  

}

    .nombre-modulo-grande::before {
        content: '';
        position: absolute;
        background-color: var(--color_primary);
        width: 257px;
        height: 100%;
        bottom: 0px;
        transform: skewX(117deg);
        left: -123px;
        z-index: -1;
    }
    .nombre-modulo-grande > div {
        position: absolute;    
        font-size: 40px;
        color: white;
        margin-top: 5px;
        font-weight: 100;      
    }

.home-footer {   
    position: absolute;
    width: -webkit-fill-available;
    height: 40px;
    border-width: 0 0px 296px 1004px;
    border-color: #999 transparent #0e79fd transparent;
    border-style: solid;
    bottom: 0px;
    left: -18px;
}
    .home-footer > div {
        position: fixed;
        right: 20px;
        font-size: 48px;
        padding-top: 189px;
    }

.home-title {
    font-size: xxx-large;
    font-style: normal;
    font-weight: 100;
    color: #0e79fd;
    margin: auto;
    position: fixed;
    padding-left: 9px;
}

:root {
    --fa-secondary-color: #6ec510;
    --fa-secondary-opacity: 0.70;
    --fa-secondary-color_hover: rgba(255, 255, 255, 0.7);
    --border_radius_btn: 1.5rem;
    --color_light: #FFFFFF;
    --color_back_2: #F0F0F0;
    --color_primary: #0E79FD;
    --color_light_text: #FFFFFF;
    --color_cancel: #434343;
    --color_cancel_dark: #000000;
    --color_back_body: #F5F5F5;
    --color_text: #172642;
    --color_primary_dark: #2345CB;
}

.nav_btn_standar_suite {
    width: 100%;
    min-height: 36px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    padding: 0;
    border: none;
    outline: none !important;
    background: transparent;
    text-decoration: none !important;
    transition-duration: .2s;
}

.back_suite {
    min-height: 36px;
    min-width: 0px;
    max-height: 36px;
    max-width: 0px;
    position: absolute;
    opacity: 0;
    z-index: -1;
    border-radius: var(--border_radius_standar);
    box-shadow: var(--shadow_standar);
    color: var(--color_light);
    transition: all .2s ease;
}

.back_suite_general {
    background: conic-gradient(#5EB9AF 45deg, #71C771 100deg, #979A67 140deg, #CE5858 170deg, #CE5858 200deg, #BB7AB9 230deg, #8968BE 260deg, #6375C3 290deg, #6099B9 320deg, #5FABB3 350deg);
}

.nav_profile_btn {
    width: 100%;
    height: 36px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    padding: 0;
    border: none;
    outline: none !important;
    background: transparent;
    height: 36px;
    border-bottom-right-radius: 24px !important;
    margin-top: 44px;
}

.nav_btn_standar_suite > .back_suite {
    min-width: 100%;
    max-width: 100%;
    opacity: 1;
    transition: all .2s ease;
}

.nav_btn_standar_suite > .nav_btn_standar_icon_suite > i {
    color: var(--color_light) !important;
}

.nav_btn_standar_suite > .nav_btn_standar_text {
    color: var(--color_light) !important;
}

.font_size_137 {
    font-size: 1.375rem !important;
}

.font_size_125 {
    font-size: 1.25rem !important;
}

.nav_btn_standar_icon_suite {
    min-width: 36px;
    max-width: 36px;
    display: flex;
    justify-content: center;
    transition-duration: .2s;
}

.nav_section_2 > hr {
    border-top: 1px solid var(--color_primary);
    margin: 0;
    padding-bottom: 4px;
}

input#collapse_open:checked ~ .menu_content > .nav_section_2 > .nav_btn_standar > .nav_btn_standar_text {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    white-space: normal;
    text-overflow: unset;
    opacity: 1;
    transition: .2s;
}

input#collapse_open:not(:checked) ~ .menu_content > .nav_section_2 > .nav_btn_standar > .nav_btn_standar_text {
    width: 0%;
    max-height: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: 0;
    transition: .2s;
}

.nav_section_1 {
    padding: 9px 0.375rem 0.5rem 0.375rem;
 /*    max-height: calc(100vh - 192px);
    overflow: hidden; */
}

.nav_suite_box_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color_light);
    border-radius: var(--border_radius_standar);
    min-width: 28px;
    min-height: 28px;
    max-width: 28px;
    max-height: 28px;
    margin-left: 0.75rem;
}

div:hover > .fa-duotone:after, div:hover > .fad:after,
button:hover > .fa-duotone:after, button:hover > .fad:after,
button:hover > div > .fa-duotone:after, button:hover > div > .fad:after,
a:hover > div > .fa-duotone:after, a:hover > div > .fad:after,
label:hover > div > .fa-duotone:after, label:hover > div > .fad:after {
    color: var(--fa-secondary-color_hover);
}

@media(max-width: 575.98px) {
    .nav_profile_btn {
        margin-top: 0;
    }

    .nav_section_1 {
        padding: 9px 0.375rem 0.5rem 0.375rem;
       /*  max-height: calc(100vh - 137px);
        overflow: hidden; */
    }
	
	.widget .row label {
      white-space:wrap;
     }
	 
	 .form-group > label {
     white-space:wrap !important;
     }
}

.nav_link_menulateral a {
    padding: 0.25rem 0.75rem;
    font-size: 1.675rem;
    font-weight: 500;
    color: var(--color_text);
    /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
    text-align: left;
    transition-duration: .2s;
}

.listamenu {
    list-style: none;
   /*  padding: 103px 0.375rem 0.5rem 0.375rem; */
    width: 100% !important;

}

    .listamenu li {
        position: relative;
        left: -18px;
        width: 36px;   
    }
	
	 .listamenu .dropdown-menu > li {    
        left: -4px;
    }
	 .listamenu .dropdown-menu > li> a {    
       white-space:wrap;
    }
	 .listamenu ul {       
        left:5px;     
    }
    .listamenu .dropdown-menu {
        max-width: 225px;
        padding: 0;
        top: -1px;
        border: none;
        background-color: #F0F3F4 !important;
        box-shadow: none;
    
    }

    .listamenu .dropdown-submenu > .dropdown-menu {
        border: none;
        background-color: #E9E9E9 !important;
        box-shadow: none;
        left: 4px;
        position: relative;
    }

 .listamenu .dropdown-menu > li > a:hover,
 .listamenu .dropdown-menu > li > a:focus {
        color: #262626;
        text-decoration: none;
        background-color: rgb(2,139,255);  
        widtH: 100%;		
    }
	

	
	.listamenu .dropdown-submenu > .dropdown-menu > li > a:hover,
	.listamenu .dropdown-submenu > .dropdown-menu > li > a:focus{
		/* left: -1px; */
	}
	
	.listamenu .dropdown-submenu > .dropdown-menu > ul:hover,
	.listamenu .dropdown-submenu > .dropdown-menu > ul:focus{
		width:100%
	}
.menulat{
    display:none;
}

.blue-Text {
    font-size:small;
    font-style: normal;
    font-weight: 100;
    color: #0e79fd;
    margin: auto;
    position: relative;
    padding-left: 9px;
}

.container_menulat{
    position:relative;
    width:100%;
    height:100%;
	
	display: flex;
    flex-direction: column;
	top: 48px;

}

.p-0 {
    padding: 0 !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

@media (min-width: 768px) {
    .flex-md-column {  
        flex-direction: column !important;
    }
   
}

@media (min-width: 576px)  {
    .flex-sm-row {
        flex-direction: column !important;
    }
}

.m-0 {
    margin: 0 !important;
}

.align-items-center {    
    align-items: center !important;
}

.justify-content-between { 
    justify-content: space-between !important;
}

.position-relative {
    position: relative !important;
}

.listaaplicativos {
    list-style: none;
    width: 100% !important;
    height: 100%;
}

.listaaplicativos li {
    position: relative; 
    width: 100% !important;    
}

.listaaplicativos li.divider {
    *width: 90%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.15);
}
.centercontent {
    text-align: center !important;
    letter-spacing: 0px;
    color: #9D9D9D !important;
    opacity: 1;
}
.textoazul {
    font-style: normal;
    font-weight: 600 !important;
    color: #0e79fd !important;
    text-align: center !important;
    font-size: 16px !important;
}

.listamodulos {
    list-style: none;
    padding: 0;
    display: contents;
    line-height: 23px;
}

    .listamodulos a {
        color: var(--color_text) !important;
    }
    .listamodulos li {
        padding-left:0;
    }

.modulosadicionales {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll; 
}

@media (max-width: 767px) {
    .listamenu .open .dropdown-menu {
        width: 240px !important;
        margin-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 3px;
        font-size: 0.675rem !important;   
        
    }


        .listamenu .open .dropdown-menu > li {
            position: relative;
            left: -3px !important;
            width: 100% !important;
            font-size: 0.675rem !important;
        }

            
}

.conscroll {
    overflow-y: scroll;
    overflow-x: hidden;
    /* position: absolute; */
    /* left: 103%; */
    /* top: 0; */
	top: -1px;
    display: none;
    /* width:357px !important; */
	width: 237px !important;
    position: relative;
	
}

.conscroll > li > a:hover {
    width: 382px !important;
}

    .conscroll > li > a:focus {
        width: 382px !important;
    }
.arrowdropdownmenu {
    position: relative;
    display: inline-block;
    float: right;
    display: -webkit-inline-box;
    transition-duration: .2s;
    font-size: 11px;
    top: -18px;
    color: #0E79FD;
    left: 5px;
}
	.arrowdropdownmenuprincipal{
		 position: relative;
		 display: flex;		
		 transition-duration: .2s;
		 font-size: 11px;	 
		 color:#0E79FD;	
         font-weight:bold;		 
		 flex-direction: row-reverse;	   
		 flex-grow: 1;
		 padding-right: 14px;
	}

.submenuprincipal:hover .arrowdropdownmenu i {
    color: #fff;
}

.submenusecundario:hover .arrowdropdownmenu i {
    color: #fff;
}

.anchomenu{
    width:192px;
}

.iconopcionesusuario {
    top: 4px;
    position: relative;
}

.iconocentrohotelero {
    top: 13px;
    position: relative;
}

.content_opcionesusuario {
    display: inline-flex;
    flex-direction: row;
    width:100%;
}

    .content_opcionesusuario a:hover {
        color: var(--color_text) !important;
    }

    .content_opcionesusuario a:focus {
        color: #262626;
        text-decoration: none;
        background-color: rgb(2,139,255);
    }
.opcionesusuariochangepassword {
    top: -1px;
    position: relative;
}

.textcenter_white {
    text-align: center !important;
    color: #fff !important;
}

.notificaciones {
    position: absolute;
    background-color: #D80073;
    right: 7px;
    top: 7px;
    line-height: 12px;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: lighter;
}

.rgAltRow {
    background-color: #F5F5F5;    
}

.filaZonaSeleccionada, .filaZonaSeleccionada td {
    background-color: #E3F3FF !important;   
}


.rgCurrentPage {
    background-color: #0e79fd !important;
    border-radius: 50%;
	color:#fff;
}

.rgCurrentPage a:hover
{
  color: #fff !important; 
}

.required{
	border-color: var(--color_validacion_error) !important;
    outline: none !important;
}

.pnlControlesDinamicos span {
  font-weight: 700 !important;
  font-size: 1.275rem;
  color: var(--color_text) !important;
  display: inline-block;
  white-space: nowrap;
  padding-bottom: calc(0.375rem + 1px);
}

.f4-container:focus-within {
   color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.35rem #8DCFFF !important;
	border-radius:4px;
}

.rcSingle{
	border: 1px solid #ced4da !important;
    border-radius: 4px;
	border-collapse: separate; 
	width:99% !important;
}

.right span{
  font-weight: 700 !important;
  font-size: 1.275rem;
  color: var(--color_text) !important;
  display: inline-block;
  white-space: nowrap;
}

.right{
	padding-right: 12px;
}
.botonadjunto{
	left: -18px !important;
}

html body .riSingle .riTextBox[type="text"] {    
    border: hidden;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0!important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}
.f4-container .f4-button-open-modal:active{
	background-color: var(--color_back_2);
}

.sinlabelf4 {
    margin-top: 35px;
}

.sinlabelf4top {
    margin-top: 25px;
}

.sinlabelf4check {
    margin-top: 33px;
}

.sinlabelbuttongroup {
    margin-top: 27px;
}

.sinlabelcenter {
    margin-top: 16px;
}
.sinlabelbutton {
    margin-top: 21px;
}
a.btn:hover {
    color: #fff !important; 
    background-color: var(--color_cancel_dark);
    border-color: var(--color_cancel_dark);
}

.btn-link {
    background-color: transparent !important;
    border: hidden !important;
    box-shadow: none;
}

a.btn-primary:hover {
    color: #fff !important; 
	background-color: var(--color_primary_dark) !important;
    border-color: var(--color_primary_dark) !important;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border:none !important;
  box-shadow: none !important;
}

.nav-tabs.nav-justified > .active > a:hover {
 /* background-color: #F0F3F4 !important;*/
}
.boton-nav-icon{
	background:var(--color_primary)!important;
	margin-right: 1px;
	margin-top: 17px;
	display: flex;
	flex-direction: column;
}

.uditorfe{	
	margin-left: 0;
    border: none;  
    overflow: hidden;
    position: relative;
}

 .linkprod:hover ~ .dropdown-submenu {
      display: none;
    }
	
	.active-item {
    background: var(--color_button_back) !important;

}

.active-itemsec {
    background: #F0F3F4 !important;

}
.active-item .nav_btn_standar_icon > i {

    color:#fff;
}

.active-item .nav_btn_standar_text {

    color:#fff;
}

.active-itemsec .nav_btn_standar_icon > i {

    color:#0E79FD !important;
}

.active-itemsec .nav_btn_standar_text {

    color:#0E79FD !important;
}

 .active-item .listamenu .dropdown-menu > li > a{
       
        background-color: rgb(2,139,255);  
    
    }
	
 .active-itemsec .listamenu .dropdown-menu > li > a{
       
        background-color: #F0F3F4; 
color: #0E79FD !important;		
    
    }
	
.submenuprincipal{
    padding-left:39px !important;
}
.submenusecundario{
	padding-left: 56px !important;
}

.lastlevelmenu{
	padding-left:69px !important;
}

.active-item .arrowdropdownmenu {
	color:#fff;
}

.active-itemsec .arrowdropdownmenu {
	color:#0E79FD !important;
}

.acciones {
    position: absolute;
    left: -46px;
    max-width: 268px;
}

.show-tick .btn{

    line-height: 1.5;
    border-radius: 0.4rem !important;
	color: var(--color_text) !important;
    background-color: #fff !important;
}

.show-tick .btn.btn-default:focus,
.show-tick .btn.btn-default:hover{
	color: var(--color_text) !important;
}

.aweso-minus::before {
  content: '\2B9D'; /* Flecha hacia abajo */
  color:#0E79FD;

}

.aweso-plus::before {
   content: '\2B9F'; /* Flecha hacia abajo */
   color:#0E79FD;
}


.ver-mas:focus{ 
    box-shadow: none !important;
}

.big-modal .row{
	margin-right: -15px;
    margin-left: -15px;
}


.justify-content-center{
	margin-bottom: 1rem!important;
    -ms-flex-pack: center!important;
	justify-content: center!important;
    display: -ms-flexbox!important;
}

.bootbox-confirm .modal_circle_front_info::before{
	content:'i';
}

.bootbox-confirm .alert .fa-solid::before{
	content: "\f05a";
	margin-right: 0.5rem!important;
	font-size: 2.275rem !important;
}

.modal-footer .btn {
    max-width: 188px !important;
    width: 160px !important;
}

.modal_circle_front_info::before{
	content:'!';
}

.modal-lg .modal-header .close{
	margin-top:-10px !important;
}

.modal-dialog .modal-content .modal-header{
	padding:5px;
}
.ask{
	font-weight: 700!important;
    text-transform: uppercase!important;
    text-align: center!important;
    margin-bottom: 1.5rem!important;
    font-size: 14px !important;
    color:#fff;
}

.modal-content .modal-header .close{
	    margin-top: 0px;
}
/* .modal-footer .btn-primary{
	Background-color: var(--color_cancel) !important;
    border-color: var(--color_cancel)!important;
}

.modal-footer .btn-primary:hover {
    color: #fff !important; 
    background-color: var(--color_cancel_dark)!important;
    border-color: var(--color_cancel_dark)!important;
} */

.separador {
    width: 164px;
    height: 0px;
    border-top: 1px solid #0E79FD;
    opacity: 1;
    left: 39px;
    position: relative;
    margin-bottom: 10px;
}

.my-1 .nav_btn_standar_text {
	font-weight:bold !important;
}

.submenuprincipal .nav_btn_standar_text {
	font-weight:normal !important;
}

.submenusecundario .nav_btn_standar_text {
	font-weight:lighter !important;
}

.lastlevelmenu .nav_btn_standar_text {
	font-weight:lighter !important;
}

.active-itemsec{
	background: #F0F3F4 !important;
    color: #0E79FD !important;
}

.princip:hover .arrowdropdownmenuprincipal i,
.princip:focus .arrowdropdownmenuprincipal i {
  color: #fff;
}

.active-item .arrowdropdownmenuprincipal{
  color: #fff;
}

.contenedorLargo{
   height: 70vh;
}
.modal:focus{
	box-shadow:none !important;
}

.modal-lg .modal-content .modal-header{
	padding: 9px;
}

.section-content .whcm_toolbar{
	display: flex;
	position: relative;
	flex-direction: row;
	width: 100% !important;
	box-shadow: none;
	left: 0px;
	border-radius: 0;	
	top: 0px;
	padding-left: 18px !important;
}

.section-content .content-header{
	padding: 0px 0px;
	border-bottom: 1px solid #e5e5e5;
}

.section-content .whcm_toolbar .layout_btn_standar-sm{
	display:none !important;
}

.section-content .widget.border-zeus {
    background: var(--color_panel_back);
    box-shadow: var(--shadow_standar);
    border-radius: var(--border_radius_standar_max);
    border: none;
}

.aweso-barcode{
	position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: column;    
    top: 11px;
	color: #fff;
}

 .widget > .widgetpagos {

	 background: #0E79FD !important;	
     border-top-right-radius: 0.5rem;
     border-top-left-radius: 0.5rem;	
}

.widget > .widgetpagos > .titlepagos {
   color: #fff !important;	
font-size: 16px !important;   
}

.RadGrid .rgRow, .RadGrid .rgAltRow, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgPager, .RadGrid .rgGroupPanel, .RadGrid .rgGroupHeader {
    box-shadow: none !important;
}


.tabla-zeus:focus{
    box-shadow: none !important;
}

a.dropdown-toggle.nav_btn_standar.my-1.princip {
    height: 36px;
}

.d-sm-block{
    width:225px;
}

.barcabeceraicon {
    left: 2px !important;    
    position: relative;
}

.barcabecera{
    left:1px !important;
}

@keyframes flip-in-hor-bottom {
    0% {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }
}

.modal-header {
    min-height: 28px;   
}

.rowmodal {
    margin-right: 8px;
    margin-left: 8px; 
}

.btnPosicionado {
    top: 9px;
}

.agrupationlist{
    width:95% !important;
}

.rowagrupaciones {
    margin-left:-8px;
}

@media (max-width: 767.98px) {

    .d-flex.flex-sm-row.flex-md-column.versionresposive {
        flex-direction: column;
        align-content: end;
        align-items: center;
        position: relative;
        left: 25%;
    }
}

.bootstrap-select.btn-group .dropdown-menu {
    top:0px;
}

.tabs-tipocuenta li.active {
    margin: 1px 1px 0 0;
    background: #fff;
    font-weight: 700 !important;
    font-size: 1.575rem;
    color: #172642 !important;
    border-bottom: 2px solid #2345CB;
    box-shadow: none !important;
    white-space: nowrap;
}

.tabs-tipocuenta li:not(.active) {
    margin-bottom: 1px;
}

    .tabs-tipocuenta li:not(.active) > a {
        font-weight: 700 !important;
        font-size: 1.575rem;
        color: #172642 !important;
        white-space: nowrap;
    }

        .tabs-tipocuenta li:not(.active) > a:hover {
            background-color: #F0F3F4;
            color: #fff;
            box-shadow: none !important;
        }

.widget-content .nav-tabs.tabs-tipocuenta li.active > a {
    background: #fff;
    font-weight: 700 !important;
    font-size: 1.575rem;
    color: #2345CB !important;
    border-bottom: 2px solid #2345CB;
    box-shadow: none !important;
    white-space: nowrap;
}

.connect_tooltip a.dropdown-toggle.nav_btn_standar.my-1 {
    width: 96%;
}

.connect_tooltip a.nav_btn_standar.my-1 {
    width: 96%;
}

.ui-widget-header {
    color: #FFFFFF !important /*{fcHeader}*/;
    font-weight: bold !important;
    background-color: #fff !important;
    border: none !important;
}

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { /* border: 1px solid #aaaaaa/*{borderColorActive};;;;; */
        border: none !important;
        font-weight: normal;
        border-bottom: 2px solid var(--color_primary) !important;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: var( --color_primary) !important;
            border-bottom: 1px var(--color_primary) !important;
        }

ul.dnnAdminTabNav li a {
    margin-bottom: 0;   
    box-shadow: none;  
    border: none !important;
}

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {
    background: #fff !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
     border: none !important;
   
}

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    background: var(--color_primary) !important;
    font-weight: 700 !important;
    color: var(--color_light_text) !important;
    border-color: var(--color_primary) !important;
    border-radius: var(--border_radius_btn) !important;
}

/* Secondary Action */
.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction
{
    background-color: var(--color_cancel) !important;
    border-color: var(--color_cancel) !important;
    font-weight: 700 !important;
    color: var(--color_light_text) !important;   
    border-radius: var(--border_radius_btn) !important;
}

.RadGrid .rgNumPart a.rgCurrentPage:hover, .RadGrid .rgNumPart a.rgCurrentPage span, .RadGrid .rgNumPart a.rgCurrentPage:hover span {
    cursor: default;
    color: #fff;
}


.f4-grid-pager {
    border-top: 2px solid #0e79fd !important;
}

button.f4-grid-pager-buttom:focus {
    box-shadow: none !important;
}
.RadGrid_Default .rgMasterTable .rgSelectedCell, .RadGrid_Default .rgSelectedRow {
    color: var(--color_text) !important;
}

.Contenedor-Nombre-Compuesto input[type="text"] {
    padding: 0.25rem 0.5rem;
    line-height: 1.5;
    border-radius: 0.4rem !important;
    color: #495057;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ced4da;
}

g.highcharts-button {
    transform: translate(989px,10px) !important;
}

div#highcharts-0 {
    width: 1012px !important;
}


#Footer {
    bottom: 0;
    width: 100%;
    position:relative;
}

#PanesFooter {
    margin: auto;
    width: 100%;
    padding-top: 26px;
}

#Footer .Content {
    background: linear-gradient(160deg, #ffffff00 5%, #0e79fd 5%);
    background-position: bottom;
    background-repeat: no-repeat;
    margin: auto;
    min-height: 41px;
    padding: 30px 0 0;
    position: relative;
    width: 100%
}

    #Footer .Content .Panes {
        padding: 0 0 45px
    }

#Footer #dnn_Footer_LeftPane {
    float: left;
    margin: 0 20px 0 0;
    width: 470px
}

#Footer #dnn_Footer_RightPane {
    float: left;
    width: 470px
}

#Footer #Copyright {
    clear: both;
    color: #FFFFFF;
    font-size: 8pt;
    height: 15px;
    left: 785px;
    margin-left: 0;
    position: relative;
    width: 500px;
    top: -14px;
}

#Footer .Normal {
    color: #e5e5e5
}

#Footer span.SkinObject {
    color: #666;
    font-weight: 400
}

#Footer a.SkinObject {
    float: right;
    font-weight: 400;
    text-decoration: underline
}

    #Footer a.SkinObject:link, #Footer a.SkinObject:active, #Footer a.SkinObject:visited, #Footer a.SkinObject:hover {
        color: #e5e5e5;
        padding: 0 0 0 15px
    }

.CargarXML::before {
    content: url("/DesktopModules/Zeus.Front.PosTouchV2.Interfaz/Imagenes/IconoSubir.png");
    display: inline-block;   
    -webkit-user-select: none;
    cursor: pointer;   
}

.CargarXML::-webkit-file-upload-button {
    visibility: hidden;
}

.CargarXML:hover::before {
    border:none;
}

.CargarXML:focus {
   
   outline:none !important;
   box-shadow:none !important;
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .form-control {        
        font-size: 11px;       
    }

    widget .row label {       
        font-size: 11px;        
    }

    body {      
        font-size: 11px;       
    }

    html, body, div, span, applet, object, iframe,
    h1, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    caption, article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {       
        font-size: 11px !important;
    }

    .widget > .widgetpagos > .titlepagos {      
        font-size: 13px !important;
    }
}

.RadUpload_Default .ruButton {
    background-image: none !important;
    background-color: var(--color_primary) !important;
    font-weight: 700 !important;
    color: var(--color_light_text) !important;
    border-color: var(--color_primary) !important;
    border-radius: var(--border_radius_btn) !important;
}

    .RadUpload_Default .ruButton::before {
        content: "Cargar";      
    }

.gadgetvacio {
    border: 2px dashed #0e79fd80;
    border-radius: 10px;
    background: url('/DesktopModules/ZeusRecursos/ZeusStyle/images/AgregarAgrupacion.png') no-repeat 50% 50%;
    background-size: 60px 60px;
    cursor: pointer;
    width: 100%;
    height:331px;
    box-shadow: 0px 3px 12px #2345CB33;
    background-color: #FFFFFF;
}

.contenedorgadget {
    padding: 10px;
    position: relative;
    top: 0px;
}

.adicionnuevogadget-borde {
    padding: 10px;

}

.adicionnuevogadget-contenido {
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border-radius: 4px;
    color: #434343;
    font-weight: bold;
    box-shadow: 0px 0px 13px rgba(50, 50, 50, 0.41);
    height: 130px;
    padding: 5px;
}


.imgTipoGadget {
    max-width: 70% !important;
    vertical-align: inherit !important;
    border: 0;
}

.descripcionTipoGadget {
    line-height: 1.2;
    display: inline-block;
    text-align: center;
    text-transform: lowercase !important;
}


.gadgetusado {
    background-color: White;
    border-radius: 10px;
    box-shadow: 0px 3px 12px #2345CB33;
    padding: 5px;
    overflow: hidden;
    height: 300px;
    width:95%
    /* Puedes agregar más propiedades según tus necesidades */
}

.headergadget {
    border-radius: 5px;
    text-align: left;
    height: 21px;
    padding-top: 2px;
    z-index: 1;
    position: relative;
    background: #445B7C;
    color: White;
    text-decoration: none;
    font-weight: bold;
    background: var(--color_primary) !important;
    text-transform: capitalize;
}

    .headergadget .SubTituloHeaderAreaContenido {
        font-size: 10pt;
    }

.SubTituloHeaderAreaContenido {
    padding: 4px 0px 4px 8px;
    margin-top: 5px;
    vertical-align: middle;
    text-decoration: none;
    font-weight: bold !important;
    font-size: 11pt;
    text-transform: capitalize;
}

.botonesgadget {
    float: right;
    margin-right: 10px;
    margin-top: -26px;
}
.ImgAccionesGadget,
.ImgAccionesGadgetEdit {
    padding-left: 7px;
}

.gadgetGrande{
    height:444px;
}

    .gadgetGrande .contenedorLista {
        max-height: 462px !important;
        overflow: hidden;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .gadgetGrande .ListaGadget {
        width: 100% !important;
    }
    .gadgetGrande .notificacion {
        white-space: wrap !important;
        width: 100%;
    }
.gadgetusado .contenedorLista {
    max-height: 265px !important;
    overflow: hidden;
    width: 100% !important;
    margin-bottom: 10px;
    margin-top: 10px;

}
.gadgetusado .ListaGadget {  
    width: 100% !important; 
}

.gadgetusado .notificacion {
    white-space:wrap !important;
    width:100% !important;
}

label.descripcionTipoGadget:first-letter {
    text-transform: capitalize !important;
}

.notificPOS{
    width:97% !important;
}

.LoadGrafico {
    height: 300px;
    width: 100%;
    display: block !important;
    text-align: center;
    line-height: 255px;
}

.gadgetGrande .LoadGrafico {
    display: none !important;
}

.cuadricula {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.rowCuadricula {
    display: flex;
    flex-direction: row;
}

.colCuadricula {
    padding: 10px;
    text-align: center;
    margin: 2px;
    flex: 1;
    aspect-ratio: 1;
    border: 2px dashed #0e79fd80;
    border-radius: 10px;
    background: url('/DesktopModules/ZeusRecursos/ZeusStyle/images/AgregarAgrupacion.png') no-repeat 50% 50%;
    background-size: 30px 30px;
    cursor: pointer;     
    background-color: #FFFFFF;
}

.colCuadriculaMesa {
    text-align: center;
    margin: 4px;
    flex: 1;
    aspect-ratio: 1;
    border-radius: 10px; 
    cursor: pointer;
    background-color: #FFFFFF;
}

.idcuadricula {
    visibility: hidden;
}

.codmesaplano {
    width: 100%;
    text-align: center;
    padding: 2% 0;
    font-weight: bold;
    margin-top: -25px;
}

.hasCodMesa {
    background-color: rgb(14,121,253) !important;
    color: #fff;
    border-radius: .5rem;
    border: 2px solid rgb(14,121,253);
    background: url('/DesktopModules/Zeus.Front.PosTouchV2.Interfaz/Imagenes/Icono_Mesa_70px.png') no-repeat 50% 50%;
}
.inactividadTime {
    margin: 0px 0 3px;
}
.listado-botones-position-top-left {
    margin-top: 40px;
    display: flex;
    padding: 2px 8px;
    margin-bottom: 0;
    line-height: 22px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.15);
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 12px var(--color_primary_shadow);
    background-color: var(--color_primary);
    border-color: var(--color_primary);
    border-radius: var(--border_radius_btn);
    font-weight: 700;
    color: var(--color_light_text) !important;
    margin-left: 15px;
    margin-bottom: 5px;
}

.contenedormodal {
    margin-bottom: 8px;
}

.estilo-textoNota {
    font-style: italic; /* Cursiva */
    font-weight: bold; /* Negrita */
}

.dropdown-backdrop {
    z-index: 0 !important;
}