/* Add your variable customizations of layout here */
/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-300.eot.html?ln=sapphire-layout");
    /* IE9 Compat Modes */
    src: local("Roboto Light"), local("Roboto-Light"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-300.eot.html?ln=sapphire-layout#iefix") format("embedded-opentype"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-300.woff2.html?ln=sapphire-layout") format("woff2"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-300.woff.html?ln=sapphire-layout") format("woff"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-300.ttf.html?ln=sapphire-layout") format("truetype"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-300.svg.html?ln=sapphire-layout#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-regular.eot.html?ln=sapphire-layout");
    /* IE9 Compat Modes */
    src: local("Roboto"), local("Roboto-Regular"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-regular.eot.html?ln=sapphire-layout#iefix") format("embedded-opentype"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-regular.woff2.html?ln=sapphire-layout") format("woff2"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-regular.woff.html?ln=sapphire-layout") format("woff"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-regular.ttf.html?ln=sapphire-layout") format("truetype"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-regular.svg.html?ln=sapphire-layout#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-500.eot.html?ln=sapphire-layout");
    /* IE9 Compat Modes */
    src: local("Roboto Medium"), local("Roboto-Medium"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-500.eot.html?ln=sapphire-layout#iefix") format("embedded-opentype"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-500.woff2.html?ln=sapphire-layout") format("woff2"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-500.woff.html?ln=sapphire-layout") format("woff"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-500.ttf.html?ln=sapphire-layout") format("truetype"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-500.svg.html?ln=sapphire-layout#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-700.eot.html?ln=sapphire-layout");
    /* IE9 Compat Modes */
    src: local("Roboto Bold"), local("Roboto-Bold"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-700.eot.html?ln=sapphire-layout#iefix") format("embedded-opentype"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-700.woff2.html?ln=sapphire-layout") format("woff2"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-700.woff.html?ln=sapphire-layout") format("woff"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-700.ttf.html?ln=sapphire-layout") format("truetype"), url("/siit/javax.faces.resource/fonts/roboto-v18-latin_latin-ext-700.svg.html?ln=sapphire-layout#Roboto") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("/siit/javax.faces.resource/fonts/MaterialIcons-Regular.eot.html?ln=sapphire-layout");
    /* For IE6-8 */
    src: local("Material Icons"), local("MaterialIcons-Regular"), url("/siit/javax.faces.resource/fonts/MaterialIcons-Regular.woff2.html?ln=sapphire-layout") format("woff2"), url("/siit/javax.faces.resource/fonts/MaterialIcons-Regular.woff.html?ln=sapphire-layout") format("woff"), url("/siit/javax.faces.resource/fonts/MaterialIcons-Regular.ttf.html?ln=sapphire-layout") format("truetype");
}

/* Utils */
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

.card {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #ffffff;
    padding: 1.25em;
    margin-bottom: 1em;
    box-sizing: border-box;
}

.card .card-title {
    font-size: 16px;
    font-weight: 500;
    margin: 1em 0;
    letter-spacing: .3px;
}

.card .card-title:first-child {
    margin-top: 0;
}

.card p {
    margin: 0 0 1em 0;
    padding: 0;
}

.nopad {
    padding: 0;
}

.nopad .ui-panel-content {
    padding: 0;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
}

@-webkit-keyframes fadeInMask {
    from {
        opacity: 0;
    }
    to {
        opacity: .8;
    }
}

@keyframes fadeInMask {
    from {
        opacity: 0;
    }
    to {
        opacity: .8;
    }
}

@keyframes rippleOn {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
        transform: scale(13, 13);
    }
}

@keyframes rippleOff {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
        transform: scale(13, 13);
    }
}

.fadeInDown {
    -webkit-animation: fadeInDown 5s;
    /* Safari 4.0 - 8.0 */
    animation: fadeInDown 5s;
}

.fadeOutUp {
    -webkit-animation: fadeOutUp 0.2s;
    /* Safari 4.0 - 8.0 */
    animation: fadeOutUp 0.2s;
}

.ui-shadow-1 {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.ui-shadow-2 {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.ui-shadow-3 {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.ui-shadow-4 {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.ui-shadow-5 {
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.ui-g {
    -ms-flex-wrap: wrap;
}

.ui-g.form-group > div {
    padding: 12px 16px;
}

.ui-panelgrid.form-group .ui-panelgrid-cell {
    padding: 12px 16px;
}

.ui-selectoneradio.form-group .ui-grid-row > div, .ui-selectmanycheckbox.form-group .ui-grid-row > div {
    padding: 8px 16px;
}

.dashboard {
    margin-right: -1em;
    margin-left: -1em;
    margin-top: -1em;
}

.dashboard > div {
    padding: 1em;
}

.dashboard .card {
    height: 100%;
    margin-bottom: 0;
}

.dashboard .dot {
    height: .5em;
    width: .5em;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
}

.dashboard .dot.dot-green {
    background-color: #4caf50;
}

.dashboard .dot.dot-red {
    background-color: #e91e63;
}

.dashboard .dot.dot-orange {
    background-color: #ff9800;
}

.dashboard .icon-container {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #eeeeee;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.dashboard .icon-container i {
    color: #9e9e9e;
    font-size: 24px;
    line-height: inherit;
}

.dashboard .overview-box .overview-numbers {
    font-size: 16px;
    color: #4c87c9;
    font-weight: 700;
    margin: .5em 0 1em 0;
}

.dashboard .overview-box.monthly-sales img {
    width: 100%;
    margin-top: 1em;
}

.dashboard .overview-box.total-views img {
    width: 100%;
    margin-top: 4em;
}

.dashboard .overview-box.connections .legend-arrow {
    vertical-align: top;
    color: #4caf50;
    position: relative;
    top: -4px;
}

.dashboard .overview-box.connections .dot {
    margin-right: .5em;
    vertical-align: middle;
}

.dashboard .overview-box.connections .connection-chart {
    text-align: center;
    padding-top: 2em;
}

.dashboard .overview-box.connections .connection-chart-legend {
    padding-left: 4%;
    padding-top: 1.5em;
    color: #616161;
}

.dashboard .summary-box {
    position: relative;
}

.dashboard .summary-box .card {
    min-height: 100px;
}

.dashboard .summary-box .summary-box-title {
    font-size: 16px;
    margin: 0;
    color: #ffffff;
}

.dashboard .summary-box p {
    margin: .25em 0;
    color: #ffffff;
}

.dashboard .summary-box .summary-box-icon {
    position: absolute;
    right: 24px;
    top: 32px;
}

.dashboard .summary-box .summary-box-graph {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.dashboard .summary-box.summary-box-messages .card {
    border-top: 4px solid #0097a7;
    background-color: #00bcd4;
}

.dashboard .summary-box.summary-box-checkins .card {
    border-top: 4px solid #ad1457;
    background-color: #e91e63;
}

.dashboard .summary-box.summary-box-filessynced .card {
    border-top: 4px solid #f47b08;
    background-color: #ffb300;
}

.dashboard .summary-box.summary-box-usersonline .card {
    border-top: 4px solid #455a64;
    background-color: #607d8b;
}

.dashboard .tasks {
    padding: 0;
}

.dashboard .tasks .tasks-progress {
    height: 7px;
    background-color: #00bcd4;
}

.dashboard .tasks .tasks-progress .tasks-progress-value {
    height: 7px;
    width: 50%;
    background-color: #0097a7;
}

.dashboard .tasks .tasks-header {
    padding: 16px;
    background-color: #eeeeee;
}

.dashboard .tasks .tasks-header .task-number {
    font-weight: 700;
}

.dashboard .tasks ul {
    list-style-type: none;
    margin: .25em 0 0 0;
    padding: .25em 1em 0 1em;
}

.dashboard .tasks ul li {
    border-bottom: 1px solid #e4e4e4;
}

.dashboard .tasks ul li:last-child {
    border-bottom: 0 none;
}

.dashboard .tasks .tasks-detail {
    margin-top: .5em;
    color: #616161;
}

.dashboard .tasks .task-content {
    position: relative;
    padding: 1em 0;
}

.dashboard .tasks i {
    color: #616161;
}

.dashboard .tasks .p-col-fixed {
    width: 75px;
    text-align: center;
}

.dashboard .team ul {
    list-style-type: none;
    margin: .25em 0 0 0;
    padding: 0;
}

.dashboard .team ul li {
    border-bottom: 1px solid #e4e4e4;
}

.dashboard .team ul li:last-child {
    border-bottom: 0 none;
}

.dashboard .team img {
    width: 40px;
    height: 40px;
}

.dashboard .team .member-content {
    padding: 1em;
}

.dashboard .team .member-name {
    margin-bottom: .5em;
}

.dashboard .team button:last-child {
    margin-left: .5em;
}

.dashboard .team .member-status {
    color: #616161;
}

.dashboard .team .member-status span {
    vertical-align: middle;
}

.dashboard .team .dot {
    vertical-align: middle;
}

.dashboard .userprofile {
    padding: 0;
}

.dashboard .userprofile .userprofile-bg {
    width: 100%;
}

.dashboard .userprofile .userprofile-avatar {
    border: 4px solid #ffffff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    width: 96px;
    height: 96px;
    display: block;
    margin-top: -48px;
}

.dashboard .userprofile .userprofile-name {
    text-align: center;
    margin: .5em 0;
}

.dashboard .userprofile .userprofile-role {
    color: #616161;
    text-align: center;
    margin-bottom: 2em;
    font-size: 12px;
    letter-spacing: 0.4px;
}

.dashboard .userprofile .userprofile-circle {
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border-width: 4px;
    border-style: solid;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: .5em;
}

.dashboard .userprofile .userprofile-status {
    color: #616161;
    letter-spacing: 2px;
    font-size: 12px;
}

.dashboard .userprofile .userprofile-value {
    margin-top: .5em;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.2px;
}

.dashboard .userprofile .userprofile-legend {
    text-align: center;
}

.dashboard .userprofile .userprofile-completed .userprofile-circle {
    border-color: #00bcd4;
}

.dashboard .userprofile .userprofile-snoozed .userprofile-circle {
    border-color: #ffc107;
}

.dashboard .userprofile .userprofile-overdue .userprofile-circle {
    border-color: #e91e63;
}

.dashboard .quarterreport h3 {
    margin: 0;
    font-size: 16px;
}

.dashboard .quarterreport .dashboard-chart-container {
    position: relative;
    height: 325px;
}

.dashboard .switchpanel {
    border-left: 6px solid #00bcd4;
}

.dashboard .switchpanel .switch-name {
    color: #616161;
    margin-bottom: .25em;
}

.dashboard .switchpanel .switch-status {
    color: #0097a7;
    letter-spacing: 0.4px;
    font-size: 12px;
    display: block;
    margin-bottom: .5em;
}

.dashboard .switchpanel.switchpanel-off {
    border-left: 6px solid #e91e63;
}

.dashboard .switchpanel.switchpanel-off .switch-status {
    color: #e91e63;
}

.dashboard .switchpanel .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
    background-color: #0097a7;
}

.dashboard .switchpanel .ui-inputswitch.ui-inputswitch-checked {
    background-color: #00bcd4;
    border-color: #00bcd4;
}

.dashboard .timeline h3 {
    margin: 0;
    font-size: 16px;
}

.dashboard .timeline ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dashboard .timeline li {
    padding: 1em 0;
    border-bottom: 1px solid #e4e4e4;
}

.dashboard .timeline li:last-child {
    border-bottom: 0 none;
}

.dashboard .timeline img {
    width: 100%;
}

.dashboard .timeline .p-col-fixed {
    padding: 0 1em .5em 0;
}

.dashboard .timeline .event-owner {
    color: #616161;
    margin-bottom: .5em;
}

.dashboard .timeline .event-detail {
    margin-bottom: .5em;
    color: rgba(0, 0, 0, 0.87);
}

.dashboard .timeline .timeline-clock {
    display: inline-block;
    margin-top: .5em;
    background-color: #eeeeee;
    color: #616161;
    padding: .5em;
    font-size: 13px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.dashboard .timeline .timeline-clock .material-icons {
    font-size: 13px;
    vertical-align: middle;
}

.dashboard .timeline .timeline-clock span {
    vertical-align: middle;
}

.dashboard .location {
    padding: 0;
    margin-top: 1em;
}

.dashboard .location .location-content {
    padding: 1em;
}

.dashboard .location .location-name {
    margin-bottom: .5em;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.dashboard .location p {
    margin: .75em 0;
    color: #616161;
}

.dashboard .location img {
    width: 100%;
}

.dashboard .location a {
    color: #00bcd4;
}

.dashboard .location a:hover {
    color: #0097a7;
}

.dashboard .weather {
    padding: 0;
}

.dashboard .weather .weather-image {
    background-image: url("/siit/javax.faces.resource/images/dashboard/primecity.jpg.html?ln=sapphire-layout");
    background-size: cover;
    text-align: center;
    color: rgba(255, 255, 255, 0.87);
    min-height: 250px;
    padding: 1em;
}

.dashboard .weather .weather-image .city-name {
    font-size: 24px;
    margin-bottom: 40px;
}

.dashboard .weather .weather-image .weather-today {
    font-size: 20px;
    margin-bottom: 8px;
}

.dashboard .weather .weather-image .weather-degree {
    font-size: 40px;
}

.dashboard .weather .weekdays {
    margin: 1em;
}

.dashboard .weather .weekdays > div {
    padding: .857em;
}

.dashboard .weather .weather-degree-col {
    text-align: right;
}

.dashboard .weather .weather-degree-col img {
    vertical-align: middle;
    margin-left: .5em;
}

.dashboard .inventory {
    padding: 0;
}

.dashboard .inventory .card-title {
    padding: 0.714em 0.857em;
}

.dashboard .inventory h3 {
    margin: 0;
    font-size: 16px;
    padding: 1em;
}

.dashboard .inventory .ui-datatable-reflow .ui-reflow-label,
.dashboard .inventory .ui-datatable-reflow .ui-reflow-dropdown {
    margin: 1em;
}

@media screen and (max-width: 1024px) {
    .dashboard .quarterreport .dashboard-chart-container {
        height: 250px;
    }
}

.login-body {
    background-image: url("/siit/javax.faces.resource/images/login/bg-login.jpg.html?ln=sapphire-layout");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-body .login-panel {
    width: 565px;
    height: 410px;
    background-color: #fafafa;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -282px;
    margin-top: -232px;
    padding: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
}

.login-body .login-panel .login-panel-header {
    text-align: center;
    vertical-align: middle;
    width: 108px;
    height: 108px;
    position: relative;
    top: -54px;
    left: 50%;
    margin-left: -54px;
    background: #fafafa;
    border: 10px solid #fafafa;
    border-radius: 50%;
}

.login-body .login-panel .login-panel-header img {
    width: 88px;
    height: 88px;
}

.login-body .login-panel .login-panel-content {
    padding: 12px 98px;
    position: relative;
    top: -54px;
}

.login-body .login-panel .login-panel-content h1 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1.3px;
    color: #616161;
    margin-top: 0;
    margin-bottom: 6px;
    text-align: center;
}

.login-body .login-panel .login-panel-content h2 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.5px;
    color: #212121;
    margin-top: 0;
    margin-bottom: 1em;
    text-align: center;
}

.login-body .login-panel .login-panel-content .ui-g-12, .login-body .login-panel .login-panel-content .ui-g-6 {
    padding: 1em;
}

@media screen and (max-width: 1024px) {
    .login-body .login-panel {
        left: 0;
        margin-left: 0;
        width: 100%;
    }

    .login-body .login-panel .login-panel-content {
        padding: 12px 38px;
    }
}

.exception-body {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.exception-body.error {
    background-image: url("/siit/javax.faces.resource/images/exception/bg-error.jpg.html?ln=sapphire-layout");
}

.exception-body.error .exception-panel .exception-image {
    width: 102px;
    margin-left: -51px;
}

.exception-body.error .exception-panel .exception-image img {
    width: 58px;
    height: 64px;
}

.exception-body.notfound {
    background-image: url("/siit/javax.faces.resource/images/exception/bg-404.jpg.html?ln=sapphire-layout");
}

.exception-body.notfound .exception-panel .exception-image {
    width: 108px;
    margin-left: -54px;
}

.exception-body.notfound .exception-panel .exception-image img {
    width: 64px;
    height: 64px;
}

.exception-body.accessdenied {
    background-image: url("/siit/javax.faces.resource/images/exception/bg-access.jpg.html?ln=sapphire-layout");
}

.exception-body.accessdenied .exception-panel .exception-image {
    width: 108px;
    margin-left: -54px;
}

.exception-body.accessdenied .exception-panel .exception-image img {
    width: 50px;
    height: 64px;
}

.exception-body .exception-panel {
    width: 565px;
    height: 247px;
    background-color: #fafafa;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -282px;
    margin-top: -123px;
    padding: 0;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
}

.exception-body .exception-panel .exception-image {
    vertical-align: middle;
    height: 108px;
    position: relative;
    top: -54px;
    left: 50%;
    background: #fafafa;
    border: 22px solid #fafafa;
    border-radius: 50%;
}

.exception-body .exception-panel .exception-detail {
    position: relative;
    padding: 10px 0 42px 0;
    top: -54px;
}

.exception-body .exception-panel .exception-detail h1 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1.7px;
    color: #616161;
    margin: 0px 0 16px 0;
}

.exception-body .exception-panel .exception-detail p {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.5px;
    color: #212121;
    margin: 0 0 42px 0;
}

@media screen and (max-width: 1024px) {
    .exception-body .exception-panel {
        left: 0;
        margin-left: 0;
        width: 100%;
    }
}

.landing-body {
    background-color: #f4f4f7;
}

.landing-body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.landing-body p {
    line-height: 1.5;
}

.landing-body #header {
    background-color: rgba(32, 33, 36, 0.98);
}

.landing-body #header > div {
    width: 100%;
    margin: 0 auto;
    height: 96px;
    padding: 36px 146px;
}

.landing-body #header > div img {
    width: 155px;
    height: 24px;
}

.landing-body #header > div #landing-menu {
    float: right;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.landing-body #header > div #landing-menu > li {
    display: inline-block;
}

.landing-body #header > div #landing-menu > li a {
    border-bottom: 6px solid transparent;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    height: 60px;
    padding: 0 21px;
    font-size: 18px;
    letter-spacing: 1px;
    -moz-transition: border-color 0.2s;
    -o-transition: border-color 0.2s;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
}

.landing-body #header > div #landing-menu > li:hover a {
    color: #ffffff;
    border-color: #eeeeee;
}

.landing-body #header > div #landing-menu-button {
    color: #303134;
    background-color: #fafafa;
    border-radius: 50%;
    display: none;
    float: right;
    width: 48px;
    height: 48px;
    text-align: center;
    padding: 10px;
    position: relative;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
}

.landing-body #header > div #landing-menu-button .landing-menu-button-icon {
    background-color: #303134;
    width: 28px;
    height: 4px;
    position: absolute;
    top: 22px;
    left: 10px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    transition-timing-function: swing;
}

.landing-body #header > div #landing-menu-button .landing-menu-button-icon:before, .landing-body #header > div #landing-menu-button .landing-menu-button-icon:after {
    background-color: #303134;
    width: 28px;
    height: 4px;
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    transition-timing-function: swing;
}

.landing-body #header > div #landing-menu-button .landing-menu-button-icon:before {
    top: -9px;
}

.landing-body #header > div #landing-menu-button .landing-menu-button-icon:after {
    top: 9px;
}

.landing-body #introduction > div {
    background: url("/siit/javax.faces.resource/images/landing/bg-hero.jpg.html?ln=sapphire-layout") no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 600px;
    color: #ffffff;
    text-align: left;
    padding-top: 102px;
    padding-left: 145px;
}

.landing-body #introduction > div h1 {
    padding: 0;
    margin: 0 0 48px 0;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.24;
    letter-spacing: 0.3px;
    color: #ffffff;
}

.landing-body #introduction > div button {
    min-width: 180px;
    height: 42px;
}

.landing-body #features > div {
    margin: 0;
    padding: 72px 145px;
}

.landing-body #features > div h1 {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #202124;
    margin: 0 0 42px 0;
}

.landing-body #features > div .feature-box {
    padding: 1em;
}

.landing-body #features > div .feature-box img {
    width: 100%;
    margin-bottom: 12px;
}

.landing-body #features > div .feature-box > div h3 {
    font-size: 15px;
    margin: 0;
}

.landing-body #features > div .feature-box > div p {
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #616161;
    margin: 8px 0;
}

.landing-body #stats {
    background-color: #212121;
}

.landing-body #stats > div {
    margin: 0;
    padding: 38px 145px;
}

.landing-body #stats > div .stat-box {
    padding-right: 160px;
    text-align: left;
    color: #ffffff;
}

.landing-body #stats > div .stat-box.component img {
    width: 32px;
    height: 32px;
}

.landing-body #stats > div .stat-box.development img {
    width: 48px;
    height: 32px;
}

.landing-body #stats > div .stat-box.coffee img {
    width: 40px;
    height: 32px;
}

.landing-body #stats > div .stat-box .ui-progressbar {
    margin-top: 12px;
    margin-bottom: 8px;
    height: 4px;
    background-color: #eeeeee;
}

.landing-body #stats > div .stat-box .ui-progressbar .ui-progressbar-value {
    background-color: #ffc107;
    border-color: #ffc107;
    height: 4px;
}

.landing-body #stats > div .stat-box p {
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #ffffff;
}

.landing-body #pricing {
    background-color: #ffffff;
}

.landing-body #pricing .p-col-12 {
    padding: .5em 1em;
}

.landing-body #pricing > div {
    margin: 0;
    padding: 75px 145px 87px 145px;
    text-align: left;
}

.landing-body #pricing > div > h1 {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 0 0 42px 0;
    color: #202124;
}

.landing-body #pricing > div .pricing-box {
    width: 100%;
    max-height: 358px;
    text-align: left;
    background-color: #fafafa;
    border-left: 6px solid rgba(97, 97, 97, 0.07);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 9px 12px 1px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 9px 12px 1px rgba(0, 0, 0, 0.14);
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 9px 12px 1px rgba(0, 0, 0, 0.14);
}

.landing-body #pricing > div .pricing-box .pricing-header {
    padding: 24px 24px 18px 24px;
    text-align: center;
}

.landing-body #pricing > div .pricing-box .pricing-header h3 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #212121;
    margin: 0;
}

.landing-body #pricing > div .pricing-box .pricing-header .pricing-fee {
    font-size: 20px;
    letter-spacing: 0.3px;
    color: #616161;
    margin: 0;
}

.landing-body #pricing > div .pricing-box .pricing-header .pricing-fee b {
    margin: 0;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #212121;
    text-align: center;
}

.landing-body #pricing > div .pricing-box .pricing-content {
    padding: 0 20px 19px 20px;
    min-height: 228px;
    position: relative;
}

.landing-body #pricing > div .pricing-box .pricing-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.landing-body #pricing > div .pricing-box .pricing-content ul li {
    padding: 12px 0 0 0;
    font-size: 16px;
    letter-spacing: 0.3px;
    color: #212121;
}

.landing-body #pricing > div .pricing-box .pricing-content ul li i {
    color: #43a047;
    font-size: 18px;
    vertical-align: middle;
    margin-right: 6px;
}

.landing-body #pricing > div .pricing-box .pricing-content button {
    background-color: #457fca;
    position: absolute;
    min-width: 136px;
    bottom: 20px;
    left: 50%;
    margin-left: -68px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
}

.landing-body #multimedia {
    background-color: #202124;
}

.landing-body #multimedia > div {
    margin: 0;
    padding: 72px 145px 99px 145px;
    text-align: left;
}

.landing-body #multimedia > div h1 {
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #ffffff;
    margin: 0 0 51px 0;
}

.landing-body #multimedia > div .multimedia-content1 {
    padding-right: 51px;
}

.landing-body #multimedia > div .multimedia-content1 img {
    width: 726px;
    height: 342px;
}

.landing-body #multimedia > div .multimedia-content2 img {
    width: 370px;
    height: 342px;
}

.landing-body #multimedia > div > div h3 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #eeeeee;
    margin: 24px 0 10px 0;
}

.landing-body #multimedia > div > div p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.3px;
    color: #eeeeee;
    margin: 0;
}

.landing-body #footer {
    background-color: #202124;
    color: #ffffff;
}

.landing-body #footer > div {
    margin: 0 145px;
    padding: 18px 0 30px 0;
    border-top: 6px solid #00bcd4;
}

.landing-body #footer > div .footer-logo {
    height: 23px;
}

.landing-body #footer > div p {
    margin: 10px 0;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #9f9f9f;
}

.landing-body #footer > div .footer-social {
    text-align: right;
}

.landing-body #footer > div .footer-social a {
    margin-left: 50px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.landing-body #footer > div .footer-social a img {
    height: 22px;
}

.landing-body #footer > div .footer-social a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

@media screen and (max-width: 1024px) {
    .landing-body {
        padding-top: 95px;
    }

    .landing-body #header {
        position: fixed;
        top: 0;
        z-index: 100;
        width: 100%;
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
        -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
    }

    .landing-body #header > div {
        width: 100%;
        padding: 24px;
    }

    .landing-body #header > div img {
        margin-top: 12px;
    }

    .landing-body #header > div #landing-menu-button {
        display: block;
        /*&.landing-menu-active {
                                  background-color: #424242;

          						i {
          							color: #eeeeee;
          							background-color: #424242;
          						}
          					}*/
    }

    .landing-body #header > div #landing-menu-button.landing-menu-active {
        background-color: #424242;
    }

    .landing-body #header > div #landing-menu-button.landing-menu-active .landing-menu-button-icon {
        width: 0;
        background-color: #eeeeee;
    }

    .landing-body #header > div #landing-menu-button.landing-menu-active .landing-menu-button-icon:before {
        background-color: #eeeeee;
        -webkit-transform: translateY(9px) rotate(45deg);
        -ms-transform: translateY(9px) rotate(45deg);
        transform: translateY(9px) rotate(45deg);
    }

    .landing-body #header > div #landing-menu-button.landing-menu-active .landing-menu-button-icon:after {
        background-color: #eeeeee;
        -webkit-transform: translateY(-9px) rotate(-45deg);
        -ms-transform: translateY(-9px) rotate(-45deg);
        transform: translateY(-9px) rotate(-45deg);
    }

    .landing-body #header > div #landing-menu {
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        animation-duration: .5s;
        display: none;
        float: none;
        width: 100%;
        position: fixed;
        top: 95px;
        left: 0;
        padding-bottom: 50px;
        opacity: 0.95;
        background-color: rgba(32, 33, 36, 0.99);
        -webkit-box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 9px 12px 1px rgba(0, 0, 0, 0.14);
        -moz-box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 9px 12px 1px rgba(0, 0, 0, 0.14);
        box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 9px 12px 1px rgba(0, 0, 0, 0.14);
    }

    .landing-body #header > div #landing-menu li {
        display: block;
    }

    .landing-body #header > div #landing-menu li a {
        height: auto;
        border-bottom: 0 none;
        padding: 15px;
    }

    .landing-body #header > div #landing-menu.landing-menu-active {
        display: block;
    }

    .landing-body #introduction {
        width: 100%;
    }

    .landing-body #introduction > div {
        text-align: center;
        padding: 82px 34px 0 34px;
    }

    .landing-body #introduction > div h1 {
        margin-bottom: 42px;
        font-size: 34px;
        font-weight: 500;
        line-height: 1.24;
        letter-spacing: 0.2px;
        text-align: center;
        color: #ffffff;
    }

    .landing-body #features > div {
        width: 100%;
        padding: 72px 23px;
    }

    .landing-body #features > div h1 {
        text-align: center;
    }

    .landing-body #stats > div {
        width: 100%;
        padding: 42px 52px;
    }

    .landing-body #stats > div .stat-box {
        padding-right: 0;
    }

    .landing-body #pricing > div {
        width: 100%;
        padding: 75px 62px;
        text-align: center;
    }

    .landing-body #pricing > div .pricing-box {
        margin: 0 0 42px 0;
        max-width: none;
    }

    .landing-body #multimedia > div {
        width: 100%;
        padding: 72px 15px;
    }

    .landing-body #multimedia > div h1 {
        text-align: center;
    }

    .landing-body #multimedia > div .multimedia-content1, .landing-body #multimedia > div .multimedia-content2 {
        padding-right: 15px;
    }

    .landing-body #multimedia > div .multimedia-content1 img, .landing-body #multimedia > div .multimedia-content2 img {
        width: 100%;
        height: 275px;
    }

    .landing-body #footer > div {
        text-align: center;
        margin: 0 23px 0 14px;
    }

    .landing-body #footer > div .footer-social {
        text-align: center;
    }

    .landing-body #footer > div .footer-social a:first-child {
        margin: 0;
    }
}

.layout-config-button {
    display: block;
    position: fixed;
    width: 52px;
    height: 52px;
    line-height: 52px;
    background-color: #fafafa;
    text-align: center;
    top: 230px;
    right: 0;
    z-index: 1000000;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14);
}

.layout-config-button i {
    font-size: 32px;
    color: #00bcd4;
    line-height: inherit;
}

.layout-config-button:hover {
    background-color: #e0e0e0;
}

.layout-config {
    z-index: 1000002;
    position: fixed;
    padding: 0;
    display: none;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #ffffff;
    width: 52vw;
    -webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.layout-config .layout-config-content {
    padding: 1em;
    position: relative;
}

.layout-config .layout-config-close {
    position: absolute;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    right: -18px;
    top: -18px;
    background-color: #E91E63;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.layout-config .layout-config-close i {
    color: #ffffff;
    line-height: inherit;
    font-size: 24px;
}

.layout-config .layout-config-close:hover {
    background-color: #D81B60;
}

.layout-config.layout-config-enter {
    display: block;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(0.7);
}

.layout-config.layout-config-enter-active {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
}

.layout-config.layout-config-enter-done {
    display: block;
}

.layout-config.layout-config-exit {
    opacity: 1;
    display: block;
}

.layout-config.layout-config-exit-active {
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.layout-config.layout-config-exit-done {
    display: none;
}

.layout-config .layout-config-option {
    width: 100px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    display: inline-block;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
}

.layout-config .layout-config-option i {
    line-height: inherit;
    font-size: 48px;
    color: #ffffff;
}

.layout-config .layout-config-option:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.layout-config .layout-config-option.layout-config-option-image {
    position: relative;
}

.layout-config .layout-config-option.layout-config-option-image i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -24px;
    margin-top: -40px;
}

.layout-config .layout-config-option.layout-config-option-light i {
    color: #000000;
}

.layout-config .p-col {
    padding: 1em;
}

.layout-config .ui-tabs {
    border: 0 none;
}

.layout-config .ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    vertical-align: bottom;
    top: auto;
    margin: 0 0.125em 0px 0;
}

.layout-config .ui-tabs .ui-tabs-panels {
    padding: 1em 0;
    height: 500px;
    overflow: auto;
}

.layout-config .layout-config-subtitle {
    font-size: 16px;
    letter-spacing: 0.2px;
    margin: .75em 0;
    color: #616161;
}

.layout-config .layout-config-subtitle:first-child {
    margin-top: 0;
}

.layout-config p {
    line-height: 1.5;
    margin-top: 0;
    color: #616161;
}

.layout-config-mask {
    background-color: #252529;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000001;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    animation-name: fadeInMask;
    animation-duration: 0.2s;
}

@media screen and (max-width: 1024px) {
    .layout-config {
        width: 80vw;
    }
}

html {
    height: 100%;
}

body {
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-size: 14px;
    color: #212121;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0;
    min-height: 100%;
    background-color: #f4f4f7;
}

body .ajax-loader {
    font-size: 32px;
    color: #457fca;
}

body.blocked-scroll, body.blocked-scroll-config {
    overflow: hidden;
}

.layout-top {
    padding: 15px 100px 150px 100px;
}

.layout-topbar:before, .layout-topbar:after {
    content: "";
    display: table;
}

.layout-topbar:after {
    clear: both;
}

.layout-topbar .p-grid {
    margin: 0;
    min-height: 4em;
}

.layout-topbar .p-grid .p-col {
    padding: 0;
}

.layout-topbar .layout-topbar-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 4em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.layout-topbar .layout-topbar-grid .layout-topbar-grid-column {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.layout-topbar .layout-topbar-grid .layout-topbar-grid-column-fixed {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.layout-topbar .layout-menubutton {
    position: absolute;
    height: 48px;
    width: 48px;
    line-height: 48px;
    left: 29px;
    top: 19px;
    text-align: center;
    -webkit-transition-duration: 0.66s;
    transition-duration: 0.66s;
    -webkit-transition-timing-function: swing;
    transition-timing-function: swing;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
}

.layout-topbar .layout-menubutton .layout-menubutton-icon {
    width: 28px;
    height: 4px;
    position: absolute;
    top: 22px;
    left: 10px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    transition-timing-function: swing;
}

.layout-topbar .layout-menubutton .layout-menubutton-icon:before, .layout-topbar .layout-menubutton .layout-menubutton-icon:after {
    width: 28px;
    height: 4px;
    content: "";
    position: absolute;
    left: 0;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    transition-timing-function: swing;
}

.layout-topbar .layout-menubutton .layout-menubutton-icon:before {
    top: -9px;
}

.layout-topbar .layout-menubutton .layout-menubutton-icon:after {
    top: 9px;
}

.layout-topbar .layout-logo img {
    height: 20px;
}

.layout-topbar .layout-topbar-search .ui-inputfield {
    width: 150px;
    padding: 6px 24px 6px 6px;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.layout-topbar .layout-topbar-search i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 28px;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.layout-topbar .layout-topbar-search label {
    margin-top: 6px;
}

.layout-topbar .profile-menu-button {
    margin-left: 2em;
    display: inline-block;
    border: 2px solid transparent;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: border-color 0.2s;
    -o-transition: border-color 0.2s;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
}

.layout-topbar .profile-menu-button img {
    width: 36px;
    height: 36px;
}

.layout-topbar .layout-profile-menu {
    display: none;
    list-style-type: none;
    position: absolute;
    min-width: 250px;
    z-index: 999;
    padding: .75em;
    overflow: auto;
    right: 100px;
    margin: 0;
    top: 68px;
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

.layout-topbar .layout-profile-menu.layout-profile-menu-active {
    display: block;
}

.layout-topbar .layout-profile-menu a {
    display: block;
    position: relative;
    padding: .75em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.layout-topbar .layout-profile-menu a span {
    vertical-align: middle;
}

.layout-topbar .layout-profile-menu a i {
    vertical-align: middle;
    font-size: 20px;
    margin-right: 7px;
}

.layout-topbar .layout-profile-menu .layout-profile-menu-search {
    display: none;
    padding: 1em;
}

.layout-topbar .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    width: 100%;
}

.layout-topbar-separator {
    height: 1px;
    margin-top: -3px;
}

@media screen and (max-width: 1024px) {
    .layout-top {
        padding: 0 0 150px 0;
    }

    .layout-topbar {
        padding: .5em 1em;
    }

    .layout-topbar .layout-menubutton {
        top: .5em;
        left: 1em;
    }

    .layout-topbar .layout-logo {
        margin-left: 5em;
    }

    .layout-topbar .layout-profile-menu {
        right: 1em;
    }

    .layout-topbar .layout-topbar-search {
        display: none;
    }

    .layout-topbar .layout-profile-menu .layout-profile-menu-search {
        display: block;
    }
}

.layout-topbar-blue .layout-top {
    background-color: #457fca;
    background-image: -webkit-gradient(linear, left top, right top, from(#457fca), to(#5691c8));
    background-image: -webkit-linear-gradient(left, #457fca, #5691c8);
    background-image: -moz-linear-gradient(left, #457fca, #5691c8);
    background-image: -ms-linear-gradient(left, #457fca, #5691c8);
    background-image: -o-linear-gradient(left, #457fca, #5691c8);
    background-image: linear-gradient(left, #457fca, #5691c8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#457fca', endColorstr='#5691c8', gradientType='1');
}

.layout-topbar-blue .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #cbdeee, #cbdeee);
}

.layout-topbar-blue .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-blue .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-blue .layout-topbar .layout-topbar-search i {
    color: #cbdeee;
}

.layout-topbar-blue .layout-topbar .layout-topbar-search label {
    color: #cbdeee;
}

.layout-topbar-blue .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-blue .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-blue .layout-menubutton .layout-menubutton-icon {
    background-color: #447dc6;
}

.layout-topbar-blue .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-blue .layout-menubutton .layout-menubutton-icon:after {
    background-color: #447dc6;
}

.layout-topbar-blue .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-blue .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #447dc6;
}

.layout-topbar-blue .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-blue .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #447dc6;
}

.layout-topbar-blue .layout-menubutton.layout-menubutton-active {
    background-color: rgba(13, 19, 52, 0.6);
}

.layout-topbar-blue .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-blue .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-blue .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-blue.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-blue.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-blue.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-blue.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #cbdeee;
    }

    .layout-topbar-blue.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-blue.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-blue.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-blue .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-blue .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-blue .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-blue .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-polygons .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-polygons .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #cbdeee, #cbdeee);
}

.layout-topbar-polygons .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-polygons .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-polygons .layout-topbar .layout-topbar-search i {
    color: #cbdeee;
}

.layout-topbar-polygons .layout-topbar .layout-topbar-search label {
    color: #cbdeee;
}

.layout-topbar-polygons .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-polygons .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-polygons .layout-menubutton .layout-menubutton-icon {
    background-color: #447dc6;
}

.layout-topbar-polygons .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-polygons .layout-menubutton .layout-menubutton-icon:after {
    background-color: #447dc6;
}

.layout-topbar-polygons .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-polygons .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #447dc6;
}

.layout-topbar-polygons .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-polygons .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #447dc6;
}

.layout-topbar-polygons .layout-menubutton.layout-menubutton-active {
    background-color: rgba(13, 19, 52, 0.6);
}

.layout-topbar-polygons .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-polygons .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-polygons .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-polygons.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-polygons.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-polygons.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-polygons.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #cbdeee;
    }

    .layout-topbar-polygons.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-polygons.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-polygons.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-polygons .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-polygons .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-polygons .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-polygons .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-ash .layout-top {
    background-color: #3F4C6B;
    background-image: -webkit-gradient(linear, left top, right top, from(#3F4C6B), to(#334163));
    background-image: -webkit-linear-gradient(left, #3F4C6B, #334163);
    background-image: -moz-linear-gradient(left, #3F4C6B, #334163);
    background-image: -ms-linear-gradient(left, #3F4C6B, #334163);
    background-image: -o-linear-gradient(left, #3F4C6B, #334163);
    background-image: linear-gradient(left, #3F4C6B, #334163);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F4C6B', endColorstr='#334163', gradientType='1');
}

.layout-topbar-ash .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #D3D9E8, #D3D9E8);
}

.layout-topbar-ash .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-ash .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-ash .layout-topbar .layout-topbar-search i {
    color: #D3D9E8;
}

.layout-topbar-ash .layout-topbar .layout-topbar-search label {
    color: #D3D9E8;
}

.layout-topbar-ash .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-ash .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-ash .layout-menubutton .layout-menubutton-icon {
    background-color: #3F4C6B;
}

.layout-topbar-ash .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-ash .layout-menubutton .layout-menubutton-icon:after {
    background-color: #3F4C6B;
}

.layout-topbar-ash .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-ash .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #334163;
}

.layout-topbar-ash .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-ash .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #334163;
}

.layout-topbar-ash .layout-menubutton.layout-menubutton-active {
    background-color: rgba(51, 65, 99, 0.6);
}

.layout-topbar-ash .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-ash .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-ash .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-ash.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-ash.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-ash.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-ash.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #D3D9E8;
    }

    .layout-topbar-ash.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-ash.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-ash.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-ash .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-ash .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-ash .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-ash .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-kashmir .layout-top {
    background-color: #614385;
    background-image: -webkit-gradient(linear, left top, right top, from(#614385), to(#516395));
    background-image: -webkit-linear-gradient(left, #614385, #516395);
    background-image: -moz-linear-gradient(left, #614385, #516395);
    background-image: -ms-linear-gradient(left, #614385, #516395);
    background-image: -o-linear-gradient(left, #614385, #516395);
    background-image: linear-gradient(left, #614385, #516395);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#614385', endColorstr='#516395', gradientType='1');
}

.layout-topbar-kashmir .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #DCCFEC, #DCCFEC);
}

.layout-topbar-kashmir .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-kashmir .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-kashmir .layout-topbar .layout-topbar-search i {
    color: #DCCFEC;
}

.layout-topbar-kashmir .layout-topbar .layout-topbar-search label {
    color: #DCCFEC;
}

.layout-topbar-kashmir .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-kashmir .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-kashmir .layout-menubutton .layout-menubutton-icon {
    background-color: #614385;
}

.layout-topbar-kashmir .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-kashmir .layout-menubutton .layout-menubutton-icon:after {
    background-color: #614385;
}

.layout-topbar-kashmir .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-kashmir .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #516395;
}

.layout-topbar-kashmir .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-kashmir .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #516395;
}

.layout-topbar-kashmir .layout-menubutton.layout-menubutton-active {
    background-color: rgba(81, 99, 149, 0.6);
}

.layout-topbar-kashmir .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-kashmir .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-kashmir .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-kashmir.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-kashmir.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-kashmir.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-kashmir.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #DCCFEC;
    }

    .layout-topbar-kashmir.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-kashmir.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-kashmir.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-kashmir .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-kashmir .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-kashmir .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-kashmir .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-orange .layout-top {
    background-color: #DD7919;
    background-image: -webkit-gradient(linear, left top, right top, from(#DD7919), to(#E47307));
    background-image: -webkit-linear-gradient(left, #DD7919, #E47307);
    background-image: -moz-linear-gradient(left, #DD7919, #E47307);
    background-image: -ms-linear-gradient(left, #DD7919, #E47307);
    background-image: -o-linear-gradient(left, #DD7919, #E47307);
    background-image: linear-gradient(left, #DD7919, #E47307);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD7919', endColorstr='#E47307', gradientType='1');
}

.layout-topbar-orange .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #EFD3B8, #EFD3B8);
}

.layout-topbar-orange .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-orange .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-orange .layout-topbar .layout-topbar-search i {
    color: #EFD3B8;
}

.layout-topbar-orange .layout-topbar .layout-topbar-search label {
    color: #EFD3B8;
}

.layout-topbar-orange .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-orange .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-orange .layout-menubutton .layout-menubutton-icon {
    background-color: #DD7919;
}

.layout-topbar-orange .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-orange .layout-menubutton .layout-menubutton-icon:after {
    background-color: #DD7919;
}

.layout-topbar-orange .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-orange .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #E47307;
}

.layout-topbar-orange .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-orange .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #E47307;
}

.layout-topbar-orange .layout-menubutton.layout-menubutton-active {
    background-color: rgba(228, 115, 7, 0.6);
}

.layout-topbar-orange .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-orange .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-orange .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-orange.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-orange.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-orange.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-orange.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #EFD3B8;
    }

    .layout-topbar-orange.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-orange.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-orange.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-orange .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-orange .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-orange .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-orange .layout-breadcrumb li a {
    color: #FFF176;
}

.layout-topbar-midnight .layout-top {
    background-color: #232526;
    background-image: -webkit-gradient(linear, left top, right top, from(#232526), to(#414345));
    background-image: -webkit-linear-gradient(left, #232526, #414345);
    background-image: -moz-linear-gradient(left, #232526, #414345);
    background-image: -ms-linear-gradient(left, #232526, #414345);
    background-image: -o-linear-gradient(left, #232526, #414345);
    background-image: linear-gradient(left, #232526, #414345);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232526', endColorstr='#414345', gradientType='1');
}

.layout-topbar-midnight .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #CBD1D3, #CBD1D3);
}

.layout-topbar-midnight .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-midnight .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-midnight .layout-topbar .layout-topbar-search i {
    color: #CBD1D3;
}

.layout-topbar-midnight .layout-topbar .layout-topbar-search label {
    color: #CBD1D3;
}

.layout-topbar-midnight .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-midnight .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-midnight .layout-menubutton .layout-menubutton-icon {
    background-color: #232526;
}

.layout-topbar-midnight .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-midnight .layout-menubutton .layout-menubutton-icon:after {
    background-color: #232526;
}

.layout-topbar-midnight .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-midnight .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #414345;
}

.layout-topbar-midnight .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-midnight .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #414345;
}

.layout-topbar-midnight .layout-menubutton.layout-menubutton-active {
    background-color: rgba(65, 67, 69, 0.6);
}

.layout-topbar-midnight .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-midnight .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-midnight .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-midnight.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-midnight.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-midnight.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-midnight.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #CBD1D3;
    }

    .layout-topbar-midnight.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-midnight.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-midnight.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-midnight .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-midnight .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-midnight .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-midnight .layout-breadcrumb li a {
    color: #4FC3F7;
}

.layout-topbar-sunset .layout-top {
    background-color: #C94B4B;
    background-image: -webkit-gradient(linear, left top, right top, from(#C94B4B), to(#DE6868));
    background-image: -webkit-linear-gradient(left, #C94B4B, #DE6868);
    background-image: -moz-linear-gradient(left, #C94B4B, #DE6868);
    background-image: -ms-linear-gradient(left, #C94B4B, #DE6868);
    background-image: -o-linear-gradient(left, #C94B4B, #DE6868);
    background-image: linear-gradient(left, #C94B4B, #DE6868);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C94B4B', endColorstr='#DE6868', gradientType='1');
}

.layout-topbar-sunset .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #E5CECE, #E5CECE);
}

.layout-topbar-sunset .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-sunset .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-sunset .layout-topbar .layout-topbar-search i {
    color: #E5CECE;
}

.layout-topbar-sunset .layout-topbar .layout-topbar-search label {
    color: #E5CECE;
}

.layout-topbar-sunset .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-sunset .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-sunset .layout-menubutton .layout-menubutton-icon {
    background-color: #C94B4B;
}

.layout-topbar-sunset .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-sunset .layout-menubutton .layout-menubutton-icon:after {
    background-color: #C94B4B;
}

.layout-topbar-sunset .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-sunset .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #DE6868;
}

.layout-topbar-sunset .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-sunset .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #DE6868;
}

.layout-topbar-sunset .layout-menubutton.layout-menubutton-active {
    background-color: rgba(222, 104, 104, 0.6);
}

.layout-topbar-sunset .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-sunset .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-sunset .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-sunset.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-sunset.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-sunset.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-sunset.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #E5CECE;
    }

    .layout-topbar-sunset.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-sunset.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-sunset.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-sunset .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-sunset .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-sunset .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-sunset .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-marley .layout-top {
    background-color: #00838F;
    background-image: -webkit-gradient(linear, left top, right top, from(#00838F), to(#0E7CAC));
    background-image: -webkit-linear-gradient(left, #00838F, #0E7CAC);
    background-image: -moz-linear-gradient(left, #00838F, #0E7CAC);
    background-image: -ms-linear-gradient(left, #00838F, #0E7CAC);
    background-image: -o-linear-gradient(left, #00838F, #0E7CAC);
    background-image: linear-gradient(left, #00838F, #0E7CAC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00838F', endColorstr='#0E7CAC', gradientType='1');
}

.layout-topbar-marley .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #BFD7DA, #BFD7DA);
}

.layout-topbar-marley .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-marley .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-marley .layout-topbar .layout-topbar-search i {
    color: #BFD7DA;
}

.layout-topbar-marley .layout-topbar .layout-topbar-search label {
    color: #BFD7DA;
}

.layout-topbar-marley .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-marley .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-marley .layout-menubutton .layout-menubutton-icon {
    background-color: #00838F;
}

.layout-topbar-marley .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-marley .layout-menubutton .layout-menubutton-icon:after {
    background-color: #00838F;
}

.layout-topbar-marley .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-marley .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #0E7CAC;
}

.layout-topbar-marley .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-marley .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #0E7CAC;
}

.layout-topbar-marley .layout-menubutton.layout-menubutton-active {
    background-color: rgba(14, 124, 172, 0.6);
}

.layout-topbar-marley .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-marley .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-marley .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-marley.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-marley.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-marley.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-marley.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #BFD7DA;
    }

    .layout-topbar-marley.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-marley.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-marley.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-marley .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-marley .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-marley .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-marley .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-harvey .layout-top {
    background-color: #1F4037;
    background-image: -webkit-gradient(linear, left top, right top, from(#1F4037), to(#509D7C));
    background-image: -webkit-linear-gradient(left, #1F4037, #509D7C);
    background-image: -moz-linear-gradient(left, #1F4037, #509D7C);
    background-image: -ms-linear-gradient(left, #1F4037, #509D7C);
    background-image: -o-linear-gradient(left, #1F4037, #509D7C);
    background-image: linear-gradient(left, #1F4037, #509D7C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F4037', endColorstr='#509D7C', gradientType='1');
}

.layout-topbar-harvey .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A5CBBA, #A5CBBA);
}

.layout-topbar-harvey .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-harvey .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-harvey .layout-topbar .layout-topbar-search i {
    color: #A5CBBA;
}

.layout-topbar-harvey .layout-topbar .layout-topbar-search label {
    color: #A5CBBA;
}

.layout-topbar-harvey .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-harvey .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-harvey .layout-menubutton .layout-menubutton-icon {
    background-color: #1F4037;
}

.layout-topbar-harvey .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-harvey .layout-menubutton .layout-menubutton-icon:after {
    background-color: #1F4037;
}

.layout-topbar-harvey .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-harvey .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #1F4037;
}

.layout-topbar-harvey .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-harvey .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #1F4037;
}

.layout-topbar-harvey .layout-menubutton.layout-menubutton-active {
    background-color: rgba(47, 128, 92, 0.6);
}

.layout-topbar-harvey .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-harvey .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-harvey .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-harvey.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-harvey.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-harvey.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-harvey.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A5CBBA;
    }

    .layout-topbar-harvey.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-harvey.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-harvey.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-harvey .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-harvey .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-harvey .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-harvey .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-vanusa .layout-top {
    background-color: #89216B;
    background-image: -webkit-gradient(linear, left top, right top, from(#89216B), to(#9E2A64));
    background-image: -webkit-linear-gradient(left, #89216B, #9E2A64);
    background-image: -moz-linear-gradient(left, #89216B, #9E2A64);
    background-image: -ms-linear-gradient(left, #89216B, #9E2A64);
    background-image: -o-linear-gradient(left, #89216B, #9E2A64);
    background-image: linear-gradient(left, #89216B, #9E2A64);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89216B', endColorstr='#9E2A64', gradientType='1');
}

.layout-topbar-vanusa .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #D7B0C8, #D7B0C8);
}

.layout-topbar-vanusa .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-vanusa .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-vanusa .layout-topbar .layout-topbar-search i {
    color: #D7B0C8;
}

.layout-topbar-vanusa .layout-topbar .layout-topbar-search label {
    color: #D7B0C8;
}

.layout-topbar-vanusa .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-vanusa .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-vanusa .layout-menubutton .layout-menubutton-icon {
    background-color: #B4345F;
}

.layout-topbar-vanusa .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-vanusa .layout-menubutton .layout-menubutton-icon:after {
    background-color: #B4345F;
}

.layout-topbar-vanusa .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-vanusa .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #B4345F;
}

.layout-topbar-vanusa .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-vanusa .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #B4345F;
}

.layout-topbar-vanusa .layout-menubutton.layout-menubutton-active {
    background-color: rgba(243, 117, 159, 0.6);
}

.layout-topbar-vanusa .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-vanusa .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-vanusa .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-vanusa.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-vanusa.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-vanusa.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-vanusa.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #D7B0C8;
    }

    .layout-topbar-vanusa.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-vanusa.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-vanusa.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-vanusa .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-vanusa .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-vanusa .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-vanusa .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-skyline .layout-top {
    background-color: #2764B6;
    background-image: -webkit-gradient(linear, left top, right top, from(#2764B6), to(#303BB5));
    background-image: -webkit-linear-gradient(left, #2764B6, #303BB5);
    background-image: -moz-linear-gradient(left, #2764B6, #303BB5);
    background-image: -ms-linear-gradient(left, #2764B6, #303BB5);
    background-image: -o-linear-gradient(left, #2764B6, #303BB5);
    background-image: linear-gradient(left, #2764B6, #303BB5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2764B6', endColorstr='#303BB5', gradientType='1');
}

.layout-topbar-skyline .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #B3BAE3, #B3BAE3);
}

.layout-topbar-skyline .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-skyline .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-skyline .layout-topbar .layout-topbar-search i {
    color: #B3BAE3;
}

.layout-topbar-skyline .layout-topbar .layout-topbar-search label {
    color: #B3BAE3;
}

.layout-topbar-skyline .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-skyline .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-skyline .layout-menubutton .layout-menubutton-icon {
    background-color: #2764B6;
}

.layout-topbar-skyline .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-skyline .layout-menubutton .layout-menubutton-icon:after {
    background-color: #2764B6;
}

.layout-topbar-skyline .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-skyline .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #2764B6;
}

.layout-topbar-skyline .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-skyline .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #2764B6;
}

.layout-topbar-skyline .layout-menubutton.layout-menubutton-active {
    background-color: rgba(108, 165, 233, 0.6);
}

.layout-topbar-skyline .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-skyline .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-skyline .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-skyline.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-skyline.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-skyline.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-skyline.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #B3BAE3;
    }

    .layout-topbar-skyline.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-skyline.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-skyline.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-skyline .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-skyline .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-skyline .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-skyline .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-royal .layout-top {
    background-color: #141E30;
    background-image: -webkit-gradient(linear, left top, right top, from(#141E30), to(#243B55));
    background-image: -webkit-linear-gradient(left, #141E30, #243B55);
    background-image: -moz-linear-gradient(left, #141E30, #243B55);
    background-image: -ms-linear-gradient(left, #141E30, #243B55);
    background-image: -o-linear-gradient(left, #141E30, #243B55);
    background-image: linear-gradient(left, #141E30, #243B55);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#141E30', endColorstr='#243B55', gradientType='1');
}

.layout-topbar-royal .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #AEB6BF, #AEB6BF);
}

.layout-topbar-royal .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-royal .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-royal .layout-topbar .layout-topbar-search i {
    color: #AEB6BF;
}

.layout-topbar-royal .layout-topbar .layout-topbar-search label {
    color: #AEB6BF;
}

.layout-topbar-royal .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-royal .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-royal .layout-menubutton .layout-menubutton-icon {
    background-color: #141E30;
}

.layout-topbar-royal .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-royal .layout-menubutton .layout-menubutton-icon:after {
    background-color: #141E30;
}

.layout-topbar-royal .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-royal .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #141E30;
}

.layout-topbar-royal .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-royal .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #141E30;
}

.layout-topbar-royal .layout-menubutton.layout-menubutton-active {
    background-color: rgba(86, 107, 145, 0.6);
}

.layout-topbar-royal .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-royal .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-royal .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-royal.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-royal.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-royal.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-royal.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #AEB6BF;
    }

    .layout-topbar-royal.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-royal.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-royal.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-royal .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-royal .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-royal .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-royal .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-disco .layout-top {
    background-color: #556270;
    background-image: -webkit-gradient(linear, left top, right top, from(#556270), to(#2C8F88));
    background-image: -webkit-linear-gradient(left, #556270, #2C8F88);
    background-image: -moz-linear-gradient(left, #556270, #2C8F88);
    background-image: -ms-linear-gradient(left, #556270, #2C8F88);
    background-image: -o-linear-gradient(left, #556270, #2C8F88);
    background-image: linear-gradient(left, #556270, #2C8F88);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#556270', endColorstr='#2C8F88', gradientType='1');
}

.layout-topbar-disco .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #B4D4D2, #B4D4D2);
}

.layout-topbar-disco .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-disco .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-disco .layout-topbar .layout-topbar-search i {
    color: #B4D4D2;
}

.layout-topbar-disco .layout-topbar .layout-topbar-search label {
    color: #B4D4D2;
}

.layout-topbar-disco .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-disco .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-disco .layout-menubutton .layout-menubutton-icon {
    background-color: #556270;
}

.layout-topbar-disco .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-disco .layout-menubutton .layout-menubutton-icon:after {
    background-color: #556270;
}

.layout-topbar-disco .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-disco .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #556270;
}

.layout-topbar-disco .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-disco .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #556270;
}

.layout-topbar-disco .layout-menubutton.layout-menubutton-active {
    background-color: rgba(163, 174, 185, 0.6);
}

.layout-topbar-disco .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-disco .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-disco .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-disco.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-disco.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-disco.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-disco.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #B4D4D2;
    }

    .layout-topbar-disco.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-disco.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-disco.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-disco .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-disco .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-disco .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-disco .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-sky .layout-top {
    background-color: #026E9D;
    background-image: -webkit-gradient(linear, left top, right top, from(#026E9D), to(#1BA6DD));
    background-image: -webkit-linear-gradient(left, #026E9D, #1BA6DD);
    background-image: -moz-linear-gradient(left, #026E9D, #1BA6DD);
    background-image: -ms-linear-gradient(left, #026E9D, #1BA6DD);
    background-image: -o-linear-gradient(left, #026E9D, #1BA6DD);
    background-image: linear-gradient(left, #026E9D, #1BA6DD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#026E9D', endColorstr='#1BA6DD', gradientType='1');
}

.layout-topbar-sky .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ABDCEF, #ABDCEF);
}

.layout-topbar-sky .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-sky .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-sky .layout-topbar .layout-topbar-search i {
    color: #ABDCEF;
}

.layout-topbar-sky .layout-topbar .layout-topbar-search label {
    color: #ABDCEF;
}

.layout-topbar-sky .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-sky .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-sky .layout-menubutton .layout-menubutton-icon {
    background-color: #005A82;
}

.layout-topbar-sky .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-sky .layout-menubutton .layout-menubutton-icon:after {
    background-color: #005A82;
}

.layout-topbar-sky .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-sky .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #005A82;
}

.layout-topbar-sky .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-sky .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #005A82;
}

.layout-topbar-sky .layout-menubutton.layout-menubutton-active {
    background-color: rgba(6, 84, 118, 0.6);
}

.layout-topbar-sky .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-sky .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-sky .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-sky.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-sky.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-sky.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-sky.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #ABDCEF;
    }

    .layout-topbar-sky.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-sky.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-sky.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-sky .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-sky .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-sky .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-sky .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-rose .layout-top {
    background-color: #833859;
    background-image: -webkit-gradient(linear, left top, right top, from(#833859), to(#96607F));
    background-image: -webkit-linear-gradient(left, #833859, #96607F);
    background-image: -moz-linear-gradient(left, #833859, #96607F);
    background-image: -ms-linear-gradient(left, #833859, #96607F);
    background-image: -o-linear-gradient(left, #833859, #96607F);
    background-image: linear-gradient(left, #833859, #96607F);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#833859', endColorstr='#96607F', gradientType='1');
}

.layout-topbar-rose .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #D8C3CE, #D8C3CE);
}

.layout-topbar-rose .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-rose .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-rose .layout-topbar .layout-topbar-search i {
    color: #D8C3CE;
}

.layout-topbar-rose .layout-topbar .layout-topbar-search label {
    color: #D8C3CE;
}

.layout-topbar-rose .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-rose .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-rose .layout-menubutton .layout-menubutton-icon {
    background-color: #833859;
}

.layout-topbar-rose .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-rose .layout-menubutton .layout-menubutton-icon:after {
    background-color: #833859;
}

.layout-topbar-rose .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-rose .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #833859;
}

.layout-topbar-rose .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-rose .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #833859;
}

.layout-topbar-rose .layout-menubutton.layout-menubutton-active {
    background-color: rgba(82, 32, 54, 0.6);
}

.layout-topbar-rose .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-rose .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-rose .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-rose.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-rose.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-rose.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-rose.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #D8C3CE;
    }

    .layout-topbar-rose.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-rose.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-rose.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-rose .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-rose .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-rose .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-rose .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-revolt .layout-top {
    background-color: #474982;
    background-image: -webkit-gradient(linear, left top, right top, from(#474982), to(#6D97A2));
    background-image: -webkit-linear-gradient(left, #474982, #6D97A2);
    background-image: -moz-linear-gradient(left, #474982, #6D97A2);
    background-image: -ms-linear-gradient(left, #474982, #6D97A2);
    background-image: -o-linear-gradient(left, #474982, #6D97A2);
    background-image: linear-gradient(left, #474982, #6D97A2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474982', endColorstr='#6D97A2', gradientType='1');
}

.layout-topbar-revolt .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #C8D5DC, #C8D5DC);
}

.layout-topbar-revolt .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-revolt .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-revolt .layout-topbar .layout-topbar-search i {
    color: #C8D5DC;
}

.layout-topbar-revolt .layout-topbar .layout-topbar-search label {
    color: #C8D5DC;
}

.layout-topbar-revolt .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-revolt .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-revolt .layout-menubutton .layout-menubutton-icon {
    background-color: #474982;
}

.layout-topbar-revolt .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-revolt .layout-menubutton .layout-menubutton-icon:after {
    background-color: #474982;
}

.layout-topbar-revolt .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-revolt .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #474982;
}

.layout-topbar-revolt .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-revolt .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #474982;
}

.layout-topbar-revolt .layout-menubutton.layout-menubutton-active {
    background-color: rgba(45, 46, 91, 0.6);
}

.layout-topbar-revolt .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-revolt .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-revolt .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-revolt.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-revolt.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-revolt.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-revolt.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #C8D5DC;
    }

    .layout-topbar-revolt.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-revolt.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-revolt.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-revolt .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-revolt .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-revolt .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-revolt .layout-breadcrumb li a {
    color: #FF9800;
}

.layout-topbar-forest .layout-top {
    background-color: #224C3D;
    background-image: -webkit-gradient(linear, left top, right top, from(#224C3D), to(#95A850));
    background-image: -webkit-linear-gradient(left, #224C3D, #95A850);
    background-image: -moz-linear-gradient(left, #224C3D, #95A850);
    background-image: -ms-linear-gradient(left, #224C3D, #95A850);
    background-image: -o-linear-gradient(left, #224C3D, #95A850);
    background-image: linear-gradient(left, #224C3D, #95A850);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#224C3D', endColorstr='#95A850', gradientType='1');
}

.layout-topbar-forest .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #D3DBBF, #D3DBBF);
}

.layout-topbar-forest .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-forest .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-forest .layout-topbar .layout-topbar-search i {
    color: #D3DBBF;
}

.layout-topbar-forest .layout-topbar .layout-topbar-search label {
    color: #D3DBBF;
}

.layout-topbar-forest .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-forest .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-forest .layout-menubutton .layout-menubutton-icon {
    background-color: #224C3D;
}

.layout-topbar-forest .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-forest .layout-menubutton .layout-menubutton-icon:after {
    background-color: #224C3D;
}

.layout-topbar-forest .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-forest .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #224C3D;
}

.layout-topbar-forest .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-forest .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #224C3D;
}

.layout-topbar-forest .layout-menubutton.layout-menubutton-active {
    background-color: rgba(22, 55, 43, 0.6);
}

.layout-topbar-forest .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-forest .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-forest .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-forest.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-forest.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-forest.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-forest.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #D3DBBF;
    }

    .layout-topbar-forest.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-forest.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-forest.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-forest .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-forest .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-forest .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-forest .layout-breadcrumb li a {
    color: #E91E63;
}

.layout-topbar-night .layout-top {
    background-color: #363C7E;
    background-image: -webkit-gradient(linear, left top, right top, from(#363C7E), to(#0D68AF));
    background-image: -webkit-linear-gradient(left, #363C7E, #0D68AF);
    background-image: -moz-linear-gradient(left, #363C7E, #0D68AF);
    background-image: -ms-linear-gradient(left, #363C7E, #0D68AF);
    background-image: -o-linear-gradient(left, #363C7E, #0D68AF);
    background-image: linear-gradient(left, #363C7E, #0D68AF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363C7E', endColorstr='#0D68AF', gradientType='1');
}

.layout-topbar-night .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A9C5DF, #A9C5DF);
}

.layout-topbar-night .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-night .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-night .layout-topbar .layout-topbar-search i {
    color: #A9C5DF;
}

.layout-topbar-night .layout-topbar .layout-topbar-search label {
    color: #A9C5DF;
}

.layout-topbar-night .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-night .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-night .layout-menubutton .layout-menubutton-icon {
    background-color: #363C7E;
}

.layout-topbar-night .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-night .layout-menubutton .layout-menubutton-icon:after {
    background-color: #363C7E;
}

.layout-topbar-night .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-night .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #363C7E;
}

.layout-topbar-night .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-night .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #363C7E;
}

.layout-topbar-night .layout-menubutton.layout-menubutton-active {
    background-color: rgba(32, 37, 90, 0.6);
}

.layout-topbar-night .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-night .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-night .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-night.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-night.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-night.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-night.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A9C5DF;
    }

    .layout-topbar-night.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-night.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-night.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-night .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-night .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-night .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-night .layout-breadcrumb li a {
    color: #FFB300;
}

.layout-topbar-apricot .layout-top {
    background-color: #F1719A;
    background-image: -webkit-gradient(linear, left top, right top, from(#F1719A), to(#FE9473));
    background-image: -webkit-linear-gradient(left, #F1719A, #FE9473);
    background-image: -moz-linear-gradient(left, #F1719A, #FE9473);
    background-image: -ms-linear-gradient(left, #F1719A, #FE9473);
    background-image: -o-linear-gradient(left, #F1719A, #FE9473);
    background-image: linear-gradient(left, #F1719A, #FE9473);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1719A', endColorstr='#FE9473', gradientType='1');
}

.layout-topbar-apricot .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #FDD5CF, #FDD5CF);
}

.layout-topbar-apricot .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-apricot .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-apricot .layout-topbar .layout-topbar-search i {
    color: #FDD5CF;
}

.layout-topbar-apricot .layout-topbar .layout-topbar-search label {
    color: #FDD5CF;
}

.layout-topbar-apricot .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-apricot .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-apricot .layout-menubutton .layout-menubutton-icon {
    background-color: #F1719A;
}

.layout-topbar-apricot .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-apricot .layout-menubutton .layout-menubutton-icon:after {
    background-color: #F1719A;
}

.layout-topbar-apricot .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-apricot .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #F1719A;
}

.layout-topbar-apricot .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-apricot .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #F1719A;
}

.layout-topbar-apricot .layout-menubutton.layout-menubutton-active {
    background-color: rgba(169, 53, 89, 0.6);
}

.layout-topbar-apricot .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-apricot .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-apricot .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-apricot.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-apricot.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-apricot.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-apricot.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #FDD5CF;
    }

    .layout-topbar-apricot.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-apricot.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-apricot.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-apricot .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-apricot .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-apricot .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-apricot .layout-breadcrumb li a {
    color: #80CBC4;
}

.layout-topbar-faraway .layout-top {
    background-color: #D0664E;
    background-image: -webkit-gradient(linear, left top, right top, from(#D0664E), to(#612338));
    background-image: -webkit-linear-gradient(left, #D0664E, #612338);
    background-image: -moz-linear-gradient(left, #D0664E, #612338);
    background-image: -ms-linear-gradient(left, #D0664E, #612338);
    background-image: -o-linear-gradient(left, #D0664E, #612338);
    background-image: linear-gradient(left, #D0664E, #612338);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0664E', endColorstr='#612338', gradientType='1');
}

.layout-topbar-faraway .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #CDB4B8, #CDB4B8);
}

.layout-topbar-faraway .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-faraway .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-faraway .layout-topbar .layout-topbar-search i {
    color: #CDB4B8;
}

.layout-topbar-faraway .layout-topbar .layout-topbar-search label {
    color: #CDB4B8;
}

.layout-topbar-faraway .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-faraway .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-faraway .layout-menubutton .layout-menubutton-icon {
    background-color: #D0664E;
}

.layout-topbar-faraway .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-faraway .layout-menubutton .layout-menubutton-icon:after {
    background-color: #D0664E;
}

.layout-topbar-faraway .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-faraway .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #D0664E;
}

.layout-topbar-faraway .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-faraway .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #D0664E;
}

.layout-topbar-faraway .layout-menubutton.layout-menubutton-active {
    background-color: rgba(153, 63, 44, 0.6);
}

.layout-topbar-faraway .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-faraway .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-faraway .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-faraway.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-faraway.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-faraway.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-faraway.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #CDB4B8;
    }

    .layout-topbar-faraway.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-faraway.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-faraway.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-faraway .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-faraway .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-faraway .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-faraway .layout-breadcrumb li a {
    color: #00BCD4;
}

.layout-topbar-grape .layout-top {
    background-color: #5854F7;
    background-image: -webkit-gradient(linear, left top, right top, from(#5854F7), to(#7A91D8));
    background-image: -webkit-linear-gradient(left, #5854F7, #7A91D8);
    background-image: -moz-linear-gradient(left, #5854F7, #7A91D8);
    background-image: -ms-linear-gradient(left, #5854F7, #7A91D8);
    background-image: -o-linear-gradient(left, #5854F7, #7A91D8);
    background-image: linear-gradient(left, #5854F7, #7A91D8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5854F7', endColorstr='#7A91D8', gradientType='1');
}

.layout-topbar-grape .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #CCD2F3, #CCD2F3);
}

.layout-topbar-grape .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-grape .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-grape .layout-topbar .layout-topbar-search i {
    color: #CCD2F3;
}

.layout-topbar-grape .layout-topbar .layout-topbar-search label {
    color: #CCD2F3;
}

.layout-topbar-grape .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-grape .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-grape .layout-menubutton .layout-menubutton-icon {
    background-color: #5854F7;
}

.layout-topbar-grape .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-grape .layout-menubutton .layout-menubutton-icon:after {
    background-color: #5854F7;
}

.layout-topbar-grape .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-grape .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #5854F7;
}

.layout-topbar-grape .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-grape .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #5854F7;
}

.layout-topbar-grape .layout-menubutton.layout-menubutton-active {
    background-color: rgba(60, 57, 181, 0.6);
}

.layout-topbar-grape .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-grape .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-grape .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-grape.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-grape.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-grape.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-grape.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #CCD2F3;
    }

    .layout-topbar-grape.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-grape.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-grape.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-grape .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-grape .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-grape .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-grape .layout-breadcrumb li a {
    color: #F06292;
}

.layout-topbar-river .layout-top {
    background-color: #054769;
    background-image: -webkit-gradient(linear, left top, right top, from(#054769), to(#0596B7));
    background-image: -webkit-linear-gradient(left, #054769, #0596B7);
    background-image: -moz-linear-gradient(left, #054769, #0596B7);
    background-image: -ms-linear-gradient(left, #054769, #0596B7);
    background-image: -o-linear-gradient(left, #054769, #0596B7);
    background-image: linear-gradient(left, #054769, #0596B7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#054769', endColorstr='#0596B7', gradientType='1');
}

.layout-topbar-river .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A4D3DF, #A4D3DF);
}

.layout-topbar-river .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-river .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-river .layout-topbar .layout-topbar-search i {
    color: #A4D3DF;
}

.layout-topbar-river .layout-topbar .layout-topbar-search label {
    color: #A4D3DF;
}

.layout-topbar-river .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-river .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-river .layout-menubutton .layout-menubutton-icon {
    background-color: #054769;
}

.layout-topbar-river .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-river .layout-menubutton .layout-menubutton-icon:after {
    background-color: #054769;
}

.layout-topbar-river .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-river .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #054769;
}

.layout-topbar-river .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-river .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #054769;
}

.layout-topbar-river .layout-menubutton.layout-menubutton-active {
    background-color: rgba(7, 47, 65, 0.6);
}

.layout-topbar-river .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-river .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-river .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-river.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-river.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-river.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-river.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A4D3DF;
    }

    .layout-topbar-river.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-river.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-river.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-river .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-river .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-river .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-river .layout-breadcrumb li a {
    color: #FFB300;
}

.layout-topbar-dock .layout-top {
    background-color: #422072;
    background-image: -webkit-gradient(linear, left top, right top, from(#422072), to(#F29C7B));
    background-image: -webkit-linear-gradient(left, #422072, #F29C7B);
    background-image: -moz-linear-gradient(left, #422072, #F29C7B);
    background-image: -ms-linear-gradient(left, #422072, #F29C7B);
    background-image: -o-linear-gradient(left, #422072, #F29C7B);
    background-image: linear-gradient(left, #422072, #F29C7B);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#422072', endColorstr='#F29C7B', gradientType='1');
}

.layout-topbar-dock .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #EED2CE, #EED2CE);
}

.layout-topbar-dock .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-dock .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-dock .layout-topbar .layout-topbar-search i {
    color: #EED2CE;
}

.layout-topbar-dock .layout-topbar .layout-topbar-search label {
    color: #EED2CE;
}

.layout-topbar-dock .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-dock .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-dock .layout-menubutton .layout-menubutton-icon {
    background-color: #422072;
}

.layout-topbar-dock .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-dock .layout-menubutton .layout-menubutton-icon:after {
    background-color: #422072;
}

.layout-topbar-dock .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-dock .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #422072;
}

.layout-topbar-dock .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-dock .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #422072;
}

.layout-topbar-dock .layout-menubutton.layout-menubutton-active {
    background-color: rgba(47, 18, 81, 0.6);
}

.layout-topbar-dock .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-dock .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-dock .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-dock.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-dock.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-dock.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-dock.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #EED2CE;
    }

    .layout-topbar-dock.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-dock.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-dock.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-dock .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-dock .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-dock .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-dock .layout-breadcrumb li a {
    color: #FFB300;
}

.layout-topbar-materialone .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-materialone .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #D2D3DB, #D2D3DB);
}

.layout-topbar-materialone .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-materialone .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-materialone .layout-topbar .layout-topbar-search i {
    color: #D2D3DB;
}

.layout-topbar-materialone .layout-topbar .layout-topbar-search label {
    color: #D2D3DB;
}

.layout-topbar-materialone .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-materialone .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-materialone .layout-menubutton .layout-menubutton-icon {
    background-color: #1E1E31;
}

.layout-topbar-materialone .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-materialone .layout-menubutton .layout-menubutton-icon:after {
    background-color: #1E1E31;
}

.layout-topbar-materialone .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-materialone .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #2C2E44;
}

.layout-topbar-materialone .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-materialone .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #2C2E44;
}

.layout-topbar-materialone .layout-menubutton.layout-menubutton-active {
    background-color: rgba(63, 65, 89, 0.6);
}

.layout-topbar-materialone .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-materialone .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-materialone .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-materialone.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-materialone.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-materialone.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-materialone.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #D2D3DB;
    }

    .layout-topbar-materialone.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-materialone.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-materialone.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-materialone .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-materialone .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-materialone .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-materialone .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-materialtwo .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-materialtwo .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #cbdeee, #cbdeee);
}

.layout-topbar-materialtwo .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-materialtwo .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-materialtwo .layout-topbar .layout-topbar-search i {
    color: #cbdeee;
}

.layout-topbar-materialtwo .layout-topbar .layout-topbar-search label {
    color: #cbdeee;
}

.layout-topbar-materialtwo .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-materialtwo .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-materialtwo .layout-menubutton .layout-menubutton-icon {
    background-color: #447dc6;
}

.layout-topbar-materialtwo .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-materialtwo .layout-menubutton .layout-menubutton-icon:after {
    background-color: #447dc6;
}

.layout-topbar-materialtwo .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-materialtwo .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #447dc6;
}

.layout-topbar-materialtwo .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-materialtwo .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #447dc6;
}

.layout-topbar-materialtwo .layout-menubutton.layout-menubutton-active {
    background-color: rgba(10, 61, 90, 0.6);
}

.layout-topbar-materialtwo .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-materialtwo .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-materialtwo .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-materialtwo.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-materialtwo.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-materialtwo.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-materialtwo.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #cbdeee;
    }

    .layout-topbar-materialtwo.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-materialtwo.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-materialtwo.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-materialtwo .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-materialtwo .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-materialtwo .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-materialtwo .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-connectionsone .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-connectionsone .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #AA9FB5, #AA9FB5);
}

.layout-topbar-connectionsone .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-connectionsone .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-connectionsone .layout-topbar .layout-topbar-search i {
    color: #AA9FB5;
}

.layout-topbar-connectionsone .layout-topbar .layout-topbar-search label {
    color: #AA9FB5;
}

.layout-topbar-connectionsone .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-connectionsone .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-connectionsone .layout-menubutton .layout-menubutton-icon {
    background-color: #6A236E;
}

.layout-topbar-connectionsone .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-connectionsone .layout-menubutton .layout-menubutton-icon:after {
    background-color: #6A236E;
}

.layout-topbar-connectionsone .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-connectionsone .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #6A236E;
}

.layout-topbar-connectionsone .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-connectionsone .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #6A236E;
}

.layout-topbar-connectionsone .layout-menubutton.layout-menubutton-active {
    background-color: rgba(106, 35, 110, 0.6);
}

.layout-topbar-connectionsone .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-connectionsone .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-connectionsone .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-connectionsone.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-connectionsone.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-connectionsone.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-connectionsone.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #AA9FB5;
    }

    .layout-topbar-connectionsone.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-connectionsone.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-connectionsone.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-connectionsone .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-connectionsone .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-connectionsone .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-connectionsone .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-connectionstwo .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-connectionstwo .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #D6E7EB, #D6E7EB);
}

.layout-topbar-connectionstwo .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-connectionstwo .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-connectionstwo .layout-topbar .layout-topbar-search i {
    color: #D6E7EB;
}

.layout-topbar-connectionstwo .layout-topbar .layout-topbar-search label {
    color: #D6E7EB;
}

.layout-topbar-connectionstwo .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-connectionstwo .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-connectionstwo .layout-menubutton .layout-menubutton-icon {
    background-color: #058CA9;
}

.layout-topbar-connectionstwo .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-connectionstwo .layout-menubutton .layout-menubutton-icon:after {
    background-color: #058CA9;
}

.layout-topbar-connectionstwo .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-connectionstwo .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #058CA9;
}

.layout-topbar-connectionstwo .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-connectionstwo .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #058CA9;
}

.layout-topbar-connectionstwo .layout-menubutton.layout-menubutton-active {
    background-color: rgba(5, 140, 169, 0.6);
}

.layout-topbar-connectionstwo .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-connectionstwo .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-connectionstwo .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-connectionstwo.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-connectionstwo.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-connectionstwo.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-connectionstwo.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #D6E7EB;
    }

    .layout-topbar-connectionstwo.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-connectionstwo.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-connectionstwo.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-connectionstwo .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-connectionstwo .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-connectionstwo .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-connectionstwo .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-road .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-road .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #D3D8E1, #D3D8E1);
}

.layout-topbar-road .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-road .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-road .layout-topbar .layout-topbar-search i {
    color: #D3D8E1;
}

.layout-topbar-road .layout-topbar .layout-topbar-search label {
    color: #D3D8E1;
}

.layout-topbar-road .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-road .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-road .layout-menubutton .layout-menubutton-icon {
    background-color: #000A19;
}

.layout-topbar-road .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-road .layout-menubutton .layout-menubutton-icon:after {
    background-color: #000A19;
}

.layout-topbar-road .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-road .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #000A19;
}

.layout-topbar-road .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-road .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #000A19;
}

.layout-topbar-road .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 179, 0, 0.6);
}

.layout-topbar-road .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-road .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-road .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-road.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-road.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-road.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-road.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #D3D8E1;
    }

    .layout-topbar-road.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-road.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-road.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-road .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-road .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-road .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-road .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-reflection .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-reflection .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #BFDEE2, #BFDEE2);
}

.layout-topbar-reflection .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-reflection .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-reflection .layout-topbar .layout-topbar-search i {
    color: #BFDEE2;
}

.layout-topbar-reflection .layout-topbar .layout-topbar-search label {
    color: #BFDEE2;
}

.layout-topbar-reflection .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-reflection .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-reflection .layout-menubutton .layout-menubutton-icon {
    background-color: #1C1F20;
}

.layout-topbar-reflection .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-reflection .layout-menubutton .layout-menubutton-icon:after {
    background-color: #1C1F20;
}

.layout-topbar-reflection .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-reflection .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #1C1F20;
}

.layout-topbar-reflection .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-reflection .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #1C1F20;
}

.layout-topbar-reflection .layout-menubutton.layout-menubutton-active {
    background-color: rgba(0, 172, 193, 0.6);
}

.layout-topbar-reflection .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-reflection .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-reflection .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-reflection.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-reflection.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-reflection.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-reflection.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #BFDEE2;
    }

    .layout-topbar-reflection.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-reflection.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-reflection.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-reflection .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-reflection .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-reflection .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-reflection .layout-breadcrumb li a {
    color: #4DD0E1;
}

.layout-topbar-waves .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-waves .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #B3D9E1, #B3D9E1);
}

.layout-topbar-waves .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-waves .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-waves .layout-topbar .layout-topbar-search i {
    color: #B3D9E1;
}

.layout-topbar-waves .layout-topbar .layout-topbar-search label {
    color: #B3D9E1;
}

.layout-topbar-waves .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-waves .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-waves .layout-menubutton .layout-menubutton-icon {
    background-color: #000A19;
}

.layout-topbar-waves .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-waves .layout-menubutton .layout-menubutton-icon:after {
    background-color: #000A19;
}

.layout-topbar-waves .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-waves .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #000A19;
}

.layout-topbar-waves .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-waves .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #000A19;
}

.layout-topbar-waves .layout-menubutton.layout-menubutton-active {
    background-color: rgba(35, 137, 161, 0.6);
}

.layout-topbar-waves .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-waves .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-waves .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-waves.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-waves.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-waves.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-waves.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #B3D9E1;
    }

    .layout-topbar-waves.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-waves.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-waves.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-waves .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-waves .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-waves .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-waves .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-sandiego .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-sandiego .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #C5CDDF, #C5CDDF);
}

.layout-topbar-sandiego .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-sandiego .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-sandiego .layout-topbar .layout-topbar-search i {
    color: #C5CDDF;
}

.layout-topbar-sandiego .layout-topbar .layout-topbar-search label {
    color: #C5CDDF;
}

.layout-topbar-sandiego .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-sandiego .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-sandiego .layout-menubutton .layout-menubutton-icon {
    background-color: #03111C;
}

.layout-topbar-sandiego .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-sandiego .layout-menubutton .layout-menubutton-icon:after {
    background-color: #03111C;
}

.layout-topbar-sandiego .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-sandiego .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #03111C;
}

.layout-topbar-sandiego .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-sandiego .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #03111C;
}

.layout-topbar-sandiego .layout-menubutton.layout-menubutton-active {
    background-color: rgba(74, 73, 78, 0.6);
}

.layout-topbar-sandiego .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-sandiego .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-sandiego .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-sandiego.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-sandiego.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-sandiego.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-sandiego.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #C5CDDF;
    }

    .layout-topbar-sandiego.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-sandiego.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-sandiego.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-sandiego .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-sandiego .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-sandiego .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-sandiego .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-architecture .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-architecture .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #BCBBC7, #BCBBC7);
}

.layout-topbar-architecture .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-architecture .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-architecture .layout-topbar .layout-topbar-search i {
    color: #BCBBC7;
}

.layout-topbar-architecture .layout-topbar .layout-topbar-search label {
    color: #BCBBC7;
}

.layout-topbar-architecture .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-architecture .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-architecture .layout-menubutton .layout-menubutton-icon {
    background-color: #051719;
}

.layout-topbar-architecture .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-architecture .layout-menubutton .layout-menubutton-icon:after {
    background-color: #051719;
}

.layout-topbar-architecture .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-architecture .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #051719;
}

.layout-topbar-architecture .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-architecture .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #051719;
}

.layout-topbar-architecture .layout-menubutton.layout-menubutton-active {
    background-color: rgba(102, 102, 112, 0.6);
}

.layout-topbar-architecture .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-architecture .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-architecture .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-architecture.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-architecture.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-architecture.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-architecture.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #BCBBC7;
    }

    .layout-topbar-architecture.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-architecture.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-architecture.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-architecture .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-architecture .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-architecture .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-architecture .layout-breadcrumb li a {
    color: #B39DDB;
}

.layout-topbar-snow .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-snow .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #B1C2C5, #B1C2C5);
}

.layout-topbar-snow .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-snow .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-snow .layout-topbar .layout-topbar-search i {
    color: #B1C2C5;
}

.layout-topbar-snow .layout-topbar .layout-topbar-search label {
    color: #B1C2C5;
}

.layout-topbar-snow .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-snow .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-snow .layout-menubutton .layout-menubutton-icon {
    background-color: #040605;
}

.layout-topbar-snow .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-snow .layout-menubutton .layout-menubutton-icon:after {
    background-color: #040605;
}

.layout-topbar-snow .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-snow .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #040605;
}

.layout-topbar-snow .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-snow .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #040605;
}

.layout-topbar-snow .layout-menubutton.layout-menubutton-active {
    background-color: rgba(36, 99, 110, 0.6);
}

.layout-topbar-snow .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-snow .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-snow .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-snow.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-snow.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-snow.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-snow.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #B1C2C5;
    }

    .layout-topbar-snow.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-snow.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-snow.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-snow .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-snow .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-snow .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-snow .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-palm .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-palm .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #B3BAC3, #B3BAC3);
}

.layout-topbar-palm .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-palm .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-palm .layout-topbar .layout-topbar-search i {
    color: #B3BAC3;
}

.layout-topbar-palm .layout-topbar .layout-topbar-search label {
    color: #B3BAC3;
}

.layout-topbar-palm .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-palm .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-palm .layout-menubutton .layout-menubutton-icon {
    background-color: #28445A;
}

.layout-topbar-palm .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-palm .layout-menubutton .layout-menubutton-icon:after {
    background-color: #28445A;
}

.layout-topbar-palm .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-palm .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #28445A;
}

.layout-topbar-palm .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-palm .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #28445A;
}

.layout-topbar-palm .layout-menubutton.layout-menubutton-active {
    background-color: rgba(31, 51, 69, 0.6);
}

.layout-topbar-palm .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-palm .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-palm .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-palm.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-palm.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-palm.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-palm.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #B3BAC3;
    }

    .layout-topbar-palm.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-palm.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-palm.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-palm .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-palm .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-palm .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-palm .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-fluid .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-fluid .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #DFC7DD, #DFC7DD);
}

.layout-topbar-fluid .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-fluid .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-fluid .layout-topbar .layout-topbar-search i {
    color: #DFC7DD;
}

.layout-topbar-fluid .layout-topbar .layout-topbar-search label {
    color: #DFC7DD;
}

.layout-topbar-fluid .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-fluid .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-fluid .layout-menubutton .layout-menubutton-icon {
    background-color: #02102F;
}

.layout-topbar-fluid .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-fluid .layout-menubutton .layout-menubutton-icon:after {
    background-color: #02102F;
}

.layout-topbar-fluid .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-fluid .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #02102F;
}

.layout-topbar-fluid .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-fluid .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #02102F;
}

.layout-topbar-fluid .layout-menubutton.layout-menubutton-active {
    background-color: rgba(106, 109, 130, 0.6);
}

.layout-topbar-fluid .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-fluid .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-fluid .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-fluid.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-fluid.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-fluid.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-fluid.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #DFC7DD;
    }

    .layout-topbar-fluid.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-fluid.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-fluid.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-fluid .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-fluid .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-fluid .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-fluid .layout-breadcrumb li a {
    color: #00BCD4;
}

.layout-topbar-balloon .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-balloon .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #D4D0AC, #D4D0AC);
}

.layout-topbar-balloon .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-balloon .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-balloon .layout-topbar .layout-topbar-search i {
    color: #D4D0AC;
}

.layout-topbar-balloon .layout-topbar .layout-topbar-search label {
    color: #D4D0AC;
}

.layout-topbar-balloon .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-balloon .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-balloon .layout-menubutton .layout-menubutton-icon {
    background-color: #A19000;
}

.layout-topbar-balloon .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-balloon .layout-menubutton .layout-menubutton-icon:after {
    background-color: #A19000;
}

.layout-topbar-balloon .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-balloon .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #A19000;
}

.layout-topbar-balloon .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-balloon .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #A19000;
}

.layout-topbar-balloon .layout-menubutton.layout-menubutton-active {
    background-color: rgba(162, 153, 86, 0.6);
}

.layout-topbar-balloon .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-balloon .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-balloon .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-balloon.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-balloon.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-balloon.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-balloon.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #D4D0AC;
    }

    .layout-topbar-balloon.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-balloon.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-balloon.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-balloon .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-balloon .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-balloon .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-balloon .layout-breadcrumb li a {
    color: #00BCD4;
}

.layout-topbar-downtown .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-downtown .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #E6E0DD, #E6E0DD);
}

.layout-topbar-downtown .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-downtown .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-downtown .layout-topbar .layout-topbar-search i {
    color: #E6E0DD;
}

.layout-topbar-downtown .layout-topbar .layout-topbar-search label {
    color: #E6E0DD;
}

.layout-topbar-downtown .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-downtown .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-downtown .layout-menubutton .layout-menubutton-icon {
    background-color: #1B1920;
}

.layout-topbar-downtown .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-downtown .layout-menubutton .layout-menubutton-icon:after {
    background-color: #1B1920;
}

.layout-topbar-downtown .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-downtown .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #1B1920;
}

.layout-topbar-downtown .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-downtown .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #1B1920;
}

.layout-topbar-downtown .layout-menubutton.layout-menubutton-active {
    background-color: rgba(148, 149, 150, 0.6);
}

.layout-topbar-downtown .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-downtown .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-downtown .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-downtown.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-downtown.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-downtown.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-downtown.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #E6E0DD;
    }

    .layout-topbar-downtown.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-downtown.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-downtown.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-downtown .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-downtown .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-downtown .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-downtown .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-perfection .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-perfection .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #C0C8CD, #C0C8CD);
}

.layout-topbar-perfection .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-perfection .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-perfection .layout-topbar .layout-topbar-search i {
    color: #C0C8CD;
}

.layout-topbar-perfection .layout-topbar .layout-topbar-search label {
    color: #C0C8CD;
}

.layout-topbar-perfection .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-perfection .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-perfection .layout-menubutton .layout-menubutton-icon {
    background-color: #2E5061;
}

.layout-topbar-perfection .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-perfection .layout-menubutton .layout-menubutton-icon:after {
    background-color: #2E5061;
}

.layout-topbar-perfection .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-perfection .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #2E5061;
}

.layout-topbar-perfection .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-perfection .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #2E5061;
}

.layout-topbar-perfection .layout-menubutton.layout-menubutton-active {
    background-color: rgba(149, 170, 182, 0.6);
}

.layout-topbar-perfection .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-perfection .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-perfection .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-perfection.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-perfection.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-perfection.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-perfection.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #C0C8CD;
    }

    .layout-topbar-perfection.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-perfection.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-perfection.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-perfection .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-perfection .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-perfection .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-perfection .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-northern .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-northern .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ADB2AF, #ADB2AF);
}

.layout-topbar-northern .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-northern .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-northern .layout-topbar .layout-topbar-search i {
    color: #ADB2AF;
}

.layout-topbar-northern .layout-topbar .layout-topbar-search label {
    color: #ADB2AF;
}

.layout-topbar-northern .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-northern .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-northern .layout-menubutton .layout-menubutton-icon {
    background-color: #0F191B;
}

.layout-topbar-northern .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-northern .layout-menubutton .layout-menubutton-icon:after {
    background-color: #0F191B;
}

.layout-topbar-northern .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-northern .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #0F191B;
}

.layout-topbar-northern .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-northern .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #0F191B;
}

.layout-topbar-northern .layout-menubutton.layout-menubutton-active {
    background-color: rgba(177, 187, 164, 0.6);
}

.layout-topbar-northern .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-northern .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-northern .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-northern.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-northern.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-northern.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-northern.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #ADB2AF;
    }

    .layout-topbar-northern.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-northern.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-northern.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-northern .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-northern .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-northern .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-northern .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-highline .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-highline .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ADABAA, #ADABAA);
}

.layout-topbar-highline .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-highline .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-highline .layout-topbar .layout-topbar-search i {
    color: #ADABAA;
}

.layout-topbar-highline .layout-topbar .layout-topbar-search label {
    color: #ADABAA;
}

.layout-topbar-highline .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-highline .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-highline .layout-menubutton .layout-menubutton-icon {
    background-color: #0F191B;
}

.layout-topbar-highline .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-highline .layout-menubutton .layout-menubutton-icon:after {
    background-color: #0F191B;
}

.layout-topbar-highline .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-highline .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #0F191B;
}

.layout-topbar-highline .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-highline .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #0F191B;
}

.layout-topbar-highline .layout-menubutton.layout-menubutton-active {
    background-color: rgba(147, 147, 147, 0.6);
}

.layout-topbar-highline .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-highline .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-highline .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-highline.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-highline.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-highline.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-highline.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #ADABAA;
    }

    .layout-topbar-highline.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-highline.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-highline.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-highline .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-highline .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-highline .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-highline .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-mural .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-mural .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #C1C2C6, #C1C2C6);
}

.layout-topbar-mural .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-mural .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-mural .layout-topbar .layout-topbar-search i {
    color: #C1C2C6;
}

.layout-topbar-mural .layout-topbar .layout-topbar-search label {
    color: #C1C2C6;
}

.layout-topbar-mural .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-mural .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-mural .layout-menubutton .layout-menubutton-icon {
    background-color: #020205;
}

.layout-topbar-mural .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-mural .layout-menubutton .layout-menubutton-icon:after {
    background-color: #020205;
}

.layout-topbar-mural .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-mural .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #020205;
}

.layout-topbar-mural .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-mural .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #020205;
}

.layout-topbar-mural .layout-menubutton.layout-menubutton-active {
    background-color: rgba(199, 199, 211, 0.6);
}

.layout-topbar-mural .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-mural .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-mural .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-mural.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-mural.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-mural.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-mural.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #C1C2C6;
    }

    .layout-topbar-mural.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-mural.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-mural.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-mural .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-mural .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-mural .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-mural .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-aeriel .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-aeriel .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #C5BFBD, #C5BFBD);
}

.layout-topbar-aeriel .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-aeriel .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-aeriel .layout-topbar .layout-topbar-search i {
    color: #C5BFBD;
}

.layout-topbar-aeriel .layout-topbar .layout-topbar-search label {
    color: #C5BFBD;
}

.layout-topbar-aeriel .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-aeriel .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-aeriel .layout-menubutton .layout-menubutton-icon {
    background-color: #01040F;
}

.layout-topbar-aeriel .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-aeriel .layout-menubutton .layout-menubutton-icon:after {
    background-color: #01040F;
}

.layout-topbar-aeriel .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-aeriel .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #01040F;
}

.layout-topbar-aeriel .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-aeriel .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #01040F;
}

.layout-topbar-aeriel .layout-menubutton.layout-menubutton-active {
    background-color: rgba(50, 121, 104, 0.6);
}

.layout-topbar-aeriel .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-aeriel .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-aeriel .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-aeriel.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-aeriel.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-aeriel.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-aeriel.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #C5BFBD;
    }

    .layout-topbar-aeriel.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-aeriel.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-aeriel.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-aeriel .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-aeriel .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-aeriel .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-aeriel .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-wing .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-wing .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A3B6C0, #A3B6C0);
}

.layout-topbar-wing .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-wing .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-wing .layout-topbar .layout-topbar-search i {
    color: #A3B6C0;
}

.layout-topbar-wing .layout-topbar .layout-topbar-search label {
    color: #A3B6C0;
}

.layout-topbar-wing .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-wing .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-wing .layout-menubutton .layout-menubutton-icon {
    background-color: #011C27;
}

.layout-topbar-wing .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-wing .layout-menubutton .layout-menubutton-icon:after {
    background-color: #011C27;
}

.layout-topbar-wing .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-wing .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #011C27;
}

.layout-topbar-wing .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-wing .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #011C27;
}

.layout-topbar-wing .layout-menubutton.layout-menubutton-active {
    background-color: rgba(35, 134, 181, 0.6);
}

.layout-topbar-wing .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-wing .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-wing .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-wing.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-wing.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-wing.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-wing.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A3B6C0;
    }

    .layout-topbar-wing.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-wing.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-wing.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-wing .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-wing .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-wing .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-wing .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-skyscraper .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-skyscraper .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #bbbbbb, #bbbbbb);
}

.layout-topbar-skyscraper .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-skyscraper .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-skyscraper .layout-topbar .layout-topbar-search i {
    color: #bbbbbb;
}

.layout-topbar-skyscraper .layout-topbar .layout-topbar-search label {
    color: #bbbbbb;
}

.layout-topbar-skyscraper .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-skyscraper .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-skyscraper .layout-menubutton .layout-menubutton-icon {
    background-color: #212121;
}

.layout-topbar-skyscraper .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-skyscraper .layout-menubutton .layout-menubutton-icon:after {
    background-color: #212121;
}

.layout-topbar-skyscraper .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-skyscraper .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #212121;
}

.layout-topbar-skyscraper .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-skyscraper .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #212121;
}

.layout-topbar-skyscraper .layout-menubutton.layout-menubutton-active {
    background-color: rgba(104, 104, 104, 0.6);
}

.layout-topbar-skyscraper .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-skyscraper .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-skyscraper .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-skyscraper.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-skyscraper.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-skyscraper.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-skyscraper.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #bbbbbb;
    }

    .layout-topbar-skyscraper.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-skyscraper.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-skyscraper.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-skyscraper .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-skyscraper .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-skyscraper .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-skyscraper .layout-breadcrumb li a {
    color: #00BCD4;
}

.layout-topbar-wall .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-wall .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #B2BEC2, #B2BEC2);
}

.layout-topbar-wall .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-wall .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-wall .layout-topbar .layout-topbar-search i {
    color: #B2BEC2;
}

.layout-topbar-wall .layout-topbar .layout-topbar-search label {
    color: #B2BEC2;
}

.layout-topbar-wall .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-wall .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-wall .layout-menubutton .layout-menubutton-icon {
    background-color: #0E1C26;
}

.layout-topbar-wall .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-wall .layout-menubutton .layout-menubutton-icon:after {
    background-color: #0E1C26;
}

.layout-topbar-wall .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-wall .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #0E1C26;
}

.layout-topbar-wall .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-wall .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #0E1C26;
}

.layout-topbar-wall .layout-menubutton.layout-menubutton-active {
    background-color: rgba(204, 204, 208, 0.6);
}

.layout-topbar-wall .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-wall .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-wall .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-wall.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-wall.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-wall.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-wall.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A3B6C0;
    }

    .layout-topbar-wall.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-wall.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-wall.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-wall .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-wall .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-wall .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-wall .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-dawn .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-dawn .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #B1B6BD, #B1B6BD);
}

.layout-topbar-dawn .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-dawn .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-dawn .layout-topbar .layout-topbar-search i {
    color: #B1B6BD;
}

.layout-topbar-dawn .layout-topbar .layout-topbar-search label {
    color: #B1B6BD;
}

.layout-topbar-dawn .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-dawn .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-dawn .layout-menubutton .layout-menubutton-icon {
    background-color: #0C1322;
}

.layout-topbar-dawn .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-dawn .layout-menubutton .layout-menubutton-icon:after {
    background-color: #0C1322;
}

.layout-topbar-dawn .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-dawn .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #0C1322;
}

.layout-topbar-dawn .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-dawn .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #0C1322;
}

.layout-topbar-dawn .layout-menubutton.layout-menubutton-active {
    background-color: rgba(143, 141, 140, 0.6);
}

.layout-topbar-dawn .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-dawn .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-dawn .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-dawn.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-dawn.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-dawn.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-dawn.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #B1B6BD;
    }

    .layout-topbar-dawn.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-dawn.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-dawn.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-dawn .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-dawn .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-dawn .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-dawn .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-lille .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-lille .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #BEBFC2, #BEBFC2);
}

.layout-topbar-lille .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-lille .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-lille .layout-topbar .layout-topbar-search i {
    color: #BEBFC2;
}

.layout-topbar-lille .layout-topbar .layout-topbar-search label {
    color: #BEBFC2;
}

.layout-topbar-lille .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-lille .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-lille .layout-menubutton .layout-menubutton-icon {
    background-color: #0D1317;
}

.layout-topbar-lille .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-lille .layout-menubutton .layout-menubutton-icon:after {
    background-color: #0D1317;
}

.layout-topbar-lille .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-lille .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #0D1317;
}

.layout-topbar-lille .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-lille .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #0D1317;
}

.layout-topbar-lille .layout-menubutton.layout-menubutton-active {
    background-color: rgba(124, 125, 131, 0.6);
}

.layout-topbar-lille .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-lille .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-lille .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-lille.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-lille.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-lille.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-lille.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #BEBFC2;
    }

    .layout-topbar-lille.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-lille.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-lille.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-lille .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-lille .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-lille .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-lille .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-condo .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-condo .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ADB7BA, #ADB7BA);
}

.layout-topbar-condo .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-condo .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-condo .layout-topbar .layout-topbar-search i {
    color: #ADB7BA;
}

.layout-topbar-condo .layout-topbar .layout-topbar-search label {
    color: #ADB7BA;
}

.layout-topbar-condo .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-condo .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-condo .layout-menubutton .layout-menubutton-icon {
    background-color: #0F2327;
}

.layout-topbar-condo .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-condo .layout-menubutton .layout-menubutton-icon:after {
    background-color: #0F2327;
}

.layout-topbar-condo .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-condo .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #0F2327;
}

.layout-topbar-condo .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-condo .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #0F2327;
}

.layout-topbar-condo .layout-menubutton.layout-menubutton-active {
    background-color: rgba(143, 141, 140, 0.6);
}

.layout-topbar-condo .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-condo .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-condo .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-condo.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-condo.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-condo.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-condo.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #ADB7BA;
    }

    .layout-topbar-condo.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-condo.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-condo.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-condo .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-condo .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-condo .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-condo .layout-breadcrumb li a {
    color: #29B6F6;
}

.layout-topbar-waterfall .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-waterfall .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ABACAA, #ABACAA);
}

.layout-topbar-waterfall .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-waterfall .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-waterfall .layout-topbar .layout-topbar-search i {
    color: #ABACAA;
}

.layout-topbar-waterfall .layout-topbar .layout-topbar-search label {
    color: #ABACAA;
}

.layout-topbar-waterfall .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-waterfall .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-waterfall .layout-menubutton .layout-menubutton-icon {
    background-color: #242927;
}

.layout-topbar-waterfall .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-waterfall .layout-menubutton .layout-menubutton-icon:after {
    background-color: #242927;
}

.layout-topbar-waterfall .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-waterfall .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #242927;
}

.layout-topbar-waterfall .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-waterfall .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #242927;
}

.layout-topbar-waterfall .layout-menubutton.layout-menubutton-active {
    background-color: rgba(105, 111, 109, 0.6);
}

.layout-topbar-waterfall .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-waterfall .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-waterfall .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-waterfall.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-waterfall.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-waterfall.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-waterfall.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #ABACAA;
    }

    .layout-topbar-waterfall.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-waterfall.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-waterfall.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-waterfall .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-waterfall .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-waterfall .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-waterfall .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-coffee .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-coffee .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ADACAC, #ADACAC);
}

.layout-topbar-coffee .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-coffee .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-coffee .layout-topbar .layout-topbar-search i {
    color: #ADACAC;
}

.layout-topbar-coffee .layout-topbar .layout-topbar-search label {
    color: #ADACAC;
}

.layout-topbar-coffee .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-coffee .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-coffee .layout-menubutton .layout-menubutton-icon {
    background-color: #180E07;
}

.layout-topbar-coffee .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-coffee .layout-menubutton .layout-menubutton-icon:after {
    background-color: #180E07;
}

.layout-topbar-coffee .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-coffee .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #180E07;
}

.layout-topbar-coffee .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-coffee .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #180E07;
}

.layout-topbar-coffee .layout-menubutton.layout-menubutton-active {
    background-color: rgba(143, 141, 140, 0.6);
}

.layout-topbar-coffee .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-coffee .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-coffee .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-coffee.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-coffee.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-coffee.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-coffee.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #ADACAC;
    }

    .layout-topbar-coffee.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-coffee.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-coffee.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-coffee .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-coffee .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-coffee .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-coffee .layout-breadcrumb li a {
    color: #009688;
}

.layout-topbar-mountain .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-mountain .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A1A5A6, #A1A5A6);
}

.layout-topbar-mountain .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-mountain .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-mountain .layout-topbar .layout-topbar-search i {
    color: #A1A5A6;
}

.layout-topbar-mountain .layout-topbar .layout-topbar-search label {
    color: #A1A5A6;
}

.layout-topbar-mountain .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-mountain .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-mountain .layout-menubutton .layout-menubutton-icon {
    background-color: #1C2225;
}

.layout-topbar-mountain .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-mountain .layout-menubutton .layout-menubutton-icon:after {
    background-color: #1C2225;
}

.layout-topbar-mountain .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-mountain .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #1C2225;
}

.layout-topbar-mountain .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-mountain .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #1C2225;
}

.layout-topbar-mountain .layout-menubutton.layout-menubutton-active {
    background-color: rgba(124, 125, 131, 0.6);
}

.layout-topbar-mountain .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-mountain .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-mountain .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-mountain.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-mountain.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-mountain.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-mountain.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A1A5A6;
    }

    .layout-topbar-mountain.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-mountain.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-mountain.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-mountain .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-mountain .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-mountain .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-mountain .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-lights .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-lights .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A6B3BC, #A6B3BC);
}

.layout-topbar-lights .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-lights .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-lights .layout-topbar .layout-topbar-search i {
    color: #A6B3BC;
}

.layout-topbar-lights .layout-topbar .layout-topbar-search label {
    color: #A6B3BC;
}

.layout-topbar-lights .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-lights .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-lights .layout-menubutton .layout-menubutton-icon {
    background-color: #020201;
}

.layout-topbar-lights .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-lights .layout-menubutton .layout-menubutton-icon:after {
    background-color: #020201;
}

.layout-topbar-lights .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-lights .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #020201;
}

.layout-topbar-lights .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-lights .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #020201;
}

.layout-topbar-lights .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.25);
}

.layout-topbar-lights .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-lights .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-lights .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-lights.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-lights.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-lights.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-lights.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A6B3BC;
    }

    .layout-topbar-lights.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-lights.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-lights.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-lights .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-lights .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-lights .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-lights .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-desert .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-desert .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #BAC8CF, #BAC8CF);
}

.layout-topbar-desert .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-desert .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-desert .layout-topbar .layout-topbar-search i {
    color: #BAC8CF;
}

.layout-topbar-desert .layout-topbar .layout-topbar-search label {
    color: #BAC8CF;
}

.layout-topbar-desert .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-desert .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-desert .layout-menubutton .layout-menubutton-icon {
    background-color: #2E4755;
}

.layout-topbar-desert .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-desert .layout-menubutton .layout-menubutton-icon:after {
    background-color: #2E4755;
}

.layout-topbar-desert .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-desert .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #2E4755;
}

.layout-topbar-desert .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-desert .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #2E4755;
}

.layout-topbar-desert .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-desert .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-desert .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-desert .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-desert.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-desert.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-desert.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-desert.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #BAC8CF;
    }

    .layout-topbar-desert.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-desert.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-desert.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-desert .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-desert .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-desert .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-desert .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-beach .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-beach .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #B7B4C1, #B7B4C1);
}

.layout-topbar-beach .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-beach .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-beach .layout-topbar .layout-topbar-search i {
    color: #B7B4C1;
}

.layout-topbar-beach .layout-topbar .layout-topbar-search label {
    color: #B7B4C1;
}

.layout-topbar-beach .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-beach .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-beach .layout-menubutton .layout-menubutton-icon {
    background-color: #060013;
}

.layout-topbar-beach .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-beach .layout-menubutton .layout-menubutton-icon:after {
    background-color: #060013;
}

.layout-topbar-beach .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-beach .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #060013;
}

.layout-topbar-beach .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-beach .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #060013;
}

.layout-topbar-beach .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-beach .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-beach .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-beach .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-beach.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-beach.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-beach.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-beach.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #B7B4C1;
    }

    .layout-topbar-beach.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-beach.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-beach.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-beach .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-beach .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-beach .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-beach .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-classic .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-classic .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #C8C5C4, #C8C5C4);
}

.layout-topbar-classic .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-classic .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-classic .layout-topbar .layout-topbar-search i {
    color: #C8C5C4;
}

.layout-topbar-classic .layout-topbar .layout-topbar-search label {
    color: #C8C5C4;
}

.layout-topbar-classic .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-classic .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-classic .layout-menubutton .layout-menubutton-icon {
    background-color: #422114;
}

.layout-topbar-classic .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-classic .layout-menubutton .layout-menubutton-icon:after {
    background-color: #422114;
}

.layout-topbar-classic .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-classic .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #422114;
}

.layout-topbar-classic .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-classic .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #422114;
}

.layout-topbar-classic .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.25);
}

.layout-topbar-classic .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-classic .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-classic .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-classic.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-classic.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-classic.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-classic.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #C8C5C4;
    }

    .layout-topbar-classic.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-classic.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-classic.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-classic .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-classic .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-classic .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-classic .layout-breadcrumb li a {
    color: #FFA726;
}

.layout-topbar-hazy .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-hazy .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A6A6A6, #A6A6A6);
}

.layout-topbar-hazy .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-hazy .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-hazy .layout-topbar .layout-topbar-search i {
    color: #A6A6A6;
}

.layout-topbar-hazy .layout-topbar .layout-topbar-search label {
    color: #A6A6A6;
}

.layout-topbar-hazy .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-hazy .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-hazy .layout-menubutton .layout-menubutton-icon {
    background-color: #1C2225;
}

.layout-topbar-hazy .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-hazy .layout-menubutton .layout-menubutton-icon:after {
    background-color: #1C2225;
}

.layout-topbar-hazy .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-hazy .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #1C2225;
}

.layout-topbar-hazy .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-hazy .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #1C2225;
}

.layout-topbar-hazy .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-hazy .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-hazy .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-hazy .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-hazy.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-hazy.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-hazy.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-hazy.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A6A6A6;
    }

    .layout-topbar-hazy.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-hazy.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-hazy.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-hazy .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-hazy .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-hazy .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-hazy .layout-breadcrumb li a {
    color: #00BCD4;
}

.layout-topbar-exposure .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-exposure .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #AAAAAA, #AAAAAA);
}

.layout-topbar-exposure .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-exposure .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-exposure .layout-topbar .layout-topbar-search i {
    color: #AAAAAA;
}

.layout-topbar-exposure .layout-topbar .layout-topbar-search label {
    color: #AAAAAA;
}

.layout-topbar-exposure .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-exposure .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-exposure .layout-menubutton .layout-menubutton-icon {
    background-color: #181215;
}

.layout-topbar-exposure .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-exposure .layout-menubutton .layout-menubutton-icon:after {
    background-color: #181215;
}

.layout-topbar-exposure .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-exposure .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #181215;
}

.layout-topbar-exposure .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-exposure .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #181215;
}

.layout-topbar-exposure .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-exposure .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-exposure .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-exposure .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-exposure.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-exposure.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-exposure.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-exposure.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #AAAAAA;
    }

    .layout-topbar-exposure.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-exposure.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-exposure.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-exposure .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-exposure .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-exposure .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-exposure .layout-breadcrumb li a {
    color: #42A5F5;
}

.layout-topbar-norge .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-norge .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #AAB1BB, #AAB1BB);
}

.layout-topbar-norge .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-norge .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-norge .layout-topbar .layout-topbar-search i {
    color: #AAB1BB;
}

.layout-topbar-norge .layout-topbar .layout-topbar-search label {
    color: #AAB1BB;
}

.layout-topbar-norge .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-norge .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-norge .layout-menubutton .layout-menubutton-icon {
    background-color: #2E4966;
}

.layout-topbar-norge .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-norge .layout-menubutton .layout-menubutton-icon:after {
    background-color: #2E4966;
}

.layout-topbar-norge .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-norge .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #2E4966;
}

.layout-topbar-norge .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-norge .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #2E4966;
}

.layout-topbar-norge .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-norge .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-norge .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-norge .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-norge.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-norge.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-norge.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-norge.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #AAB1BB;
    }

    .layout-topbar-norge.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-norge.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-norge.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-norge .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-norge .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-norge .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-norge .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-island .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-island .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #AAA7A8, #AAA7A8);
}

.layout-topbar-island .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-island .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-island .layout-topbar .layout-topbar-search i {
    color: #AAA7A8;
}

.layout-topbar-island .layout-topbar .layout-topbar-search label {
    color: #AAA7A8;
}

.layout-topbar-island .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-island .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-island .layout-menubutton .layout-menubutton-icon {
    background-color: #005F87;
}

.layout-topbar-island .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-island .layout-menubutton .layout-menubutton-icon:after {
    background-color: #005F87;
}

.layout-topbar-island .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-island .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #005F87;
}

.layout-topbar-island .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-island .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #005F87;
}

.layout-topbar-island .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-island .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-island .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-island .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-island.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-island.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-island.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-island.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #AAA7A8;
    }

    .layout-topbar-island.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-island.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-island.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-island .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-island .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-island .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-island .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-station .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-station .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A3A3A3, #A3A3A3);
}

.layout-topbar-station .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-station .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-station .layout-topbar .layout-topbar-search i {
    color: #A3A3A3;
}

.layout-topbar-station .layout-topbar .layout-topbar-search label {
    color: #A3A3A3;
}

.layout-topbar-station .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-station .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-station .layout-menubutton .layout-menubutton-icon {
    background-color: #0C0407;
}

.layout-topbar-station .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-station .layout-menubutton .layout-menubutton-icon:after {
    background-color: #0C0407;
}

.layout-topbar-station .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-station .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #0C0407;
}

.layout-topbar-station .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-station .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #0C0407;
}

.layout-topbar-station .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-station .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-station .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-station .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-station.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-station.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-station.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-station.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A3A3A3;
    }

    .layout-topbar-station.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-station.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-station.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-station .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-station .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-station .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-station .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-fruity .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-fruity .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #C2BFB9, #C2BFB9);
}

.layout-topbar-fruity .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-fruity .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-fruity .layout-topbar .layout-topbar-search i {
    color: #C2BFB9;
}

.layout-topbar-fruity .layout-topbar .layout-topbar-search label {
    color: #C2BFB9;
}

.layout-topbar-fruity .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-fruity .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-fruity .layout-menubutton .layout-menubutton-icon {
    background-color: #380812;
}

.layout-topbar-fruity .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-fruity .layout-menubutton .layout-menubutton-icon:after {
    background-color: #380812;
}

.layout-topbar-fruity .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-fruity .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #380812;
}

.layout-topbar-fruity .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-fruity .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #380812;
}

.layout-topbar-fruity .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-fruity .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-fruity .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-fruity .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-fruity.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-fruity.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-fruity.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-fruity.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #C2BFB9;
    }

    .layout-topbar-fruity.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-fruity.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-fruity.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-fruity .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-fruity .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-fruity .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-fruity .layout-breadcrumb li a {
    color: #00BCD4;
}

.layout-topbar-tropical .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-tropical .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A5A5A2, #A5A5A2);
}

.layout-topbar-tropical .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-tropical .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-tropical .layout-topbar .layout-topbar-search i {
    color: #A5A5A2;
}

.layout-topbar-tropical .layout-topbar .layout-topbar-search label {
    color: #A5A5A2;
}

.layout-topbar-tropical .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-tropical .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-tropical .layout-menubutton .layout-menubutton-icon {
    background-color: #00515D;
}

.layout-topbar-tropical .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-tropical .layout-menubutton .layout-menubutton-icon:after {
    background-color: #00515D;
}

.layout-topbar-tropical .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-tropical .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #00515D;
}

.layout-topbar-tropical .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-tropical .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #00515D;
}

.layout-topbar-tropical .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.25);
}

.layout-topbar-tropical .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-tropical .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-tropical .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-tropical.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-tropical.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-tropical.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-tropical.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A5A5A2;
    }

    .layout-topbar-tropical.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-tropical.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-tropical.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-tropical .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-tropical .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-tropical .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-tropical .layout-breadcrumb li a {
    color: #D4E157;
}

.layout-topbar-beyoglu .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-beyoglu .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ADACA9, #ADACA9);
}

.layout-topbar-beyoglu .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-beyoglu .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-beyoglu .layout-topbar .layout-topbar-search i {
    color: #ADACA9;
}

.layout-topbar-beyoglu .layout-topbar .layout-topbar-search label {
    color: #ADACA9;
}

.layout-topbar-beyoglu .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-beyoglu .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-beyoglu .layout-menubutton .layout-menubutton-icon {
    background-color: #0E191A;
}

.layout-topbar-beyoglu .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-beyoglu .layout-menubutton .layout-menubutton-icon:after {
    background-color: #0E191A;
}

.layout-topbar-beyoglu .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-beyoglu .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #0E191A;
}

.layout-topbar-beyoglu .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-beyoglu .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #0E191A;
}

.layout-topbar-beyoglu .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-topbar-beyoglu .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-beyoglu .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-beyoglu .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-beyoglu.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-beyoglu.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-beyoglu.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-beyoglu.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #ADACA9;
    }

    .layout-topbar-beyoglu.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-beyoglu.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-beyoglu.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-beyoglu .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-beyoglu .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-beyoglu .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-beyoglu .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-timelapse .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-timelapse .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #DDB1B9, #DDB1B9);
}

.layout-topbar-timelapse .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-timelapse .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-timelapse .layout-topbar .layout-topbar-search i {
    color: #DDB1B9;
}

.layout-topbar-timelapse .layout-topbar .layout-topbar-search label {
    color: #DDB1B9;
}

.layout-topbar-timelapse .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-timelapse .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-timelapse .layout-menubutton .layout-menubutton-icon {
    background-color: #26324B;
}

.layout-topbar-timelapse .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-timelapse .layout-menubutton .layout-menubutton-icon:after {
    background-color: #26324B;
}

.layout-topbar-timelapse .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-timelapse .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #26324B;
}

.layout-topbar-timelapse .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-timelapse .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #26324B;
}

.layout-topbar-timelapse .layout-menubutton.layout-menubutton-active {
    background-color: rgba(0, 0, 0, 0.4);
}

.layout-topbar-timelapse .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-timelapse .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-timelapse .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-timelapse.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-timelapse.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-timelapse.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-timelapse.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #DDB1B9;
    }

    .layout-topbar-timelapse.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-timelapse.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-timelapse.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-timelapse .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-timelapse .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-timelapse .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-timelapse .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-crystal .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-crystal .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #CFD6DE, #CFD6DE);
}

.layout-topbar-crystal .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-crystal .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-crystal .layout-topbar .layout-topbar-search i {
    color: #CFD6DE;
}

.layout-topbar-crystal .layout-topbar .layout-topbar-search label {
    color: #CFD6DE;
}

.layout-topbar-crystal .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-crystal .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-crystal .layout-menubutton .layout-menubutton-icon {
    background-color: #001A28;
}

.layout-topbar-crystal .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-crystal .layout-menubutton .layout-menubutton-icon:after {
    background-color: #001A28;
}

.layout-topbar-crystal .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-crystal .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #001A28;
}

.layout-topbar-crystal .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-crystal .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #001A28;
}

.layout-topbar-crystal .layout-menubutton.layout-menubutton-active {
    background-color: rgba(0, 0, 0, 0.4);
}

.layout-topbar-crystal .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-crystal .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-crystal .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-crystal.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-crystal.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-crystal.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-crystal.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #CFD6DE;
    }

    .layout-topbar-crystal.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-crystal.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-crystal.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-crystal .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-crystal .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-crystal .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-crystal .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-aquarelle .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-aquarelle .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #D2CAD5, #D2CAD5);
}

.layout-topbar-aquarelle .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-aquarelle .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-aquarelle .layout-topbar .layout-topbar-search i {
    color: #D2CAD5;
}

.layout-topbar-aquarelle .layout-topbar .layout-topbar-search label {
    color: #D2CAD5;
}

.layout-topbar-aquarelle .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-aquarelle .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-aquarelle .layout-menubutton .layout-menubutton-icon {
    background-color: #2B1239;
}

.layout-topbar-aquarelle .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-aquarelle .layout-menubutton .layout-menubutton-icon:after {
    background-color: #2B1239;
}

.layout-topbar-aquarelle .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-aquarelle .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #2B1239;
}

.layout-topbar-aquarelle .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-aquarelle .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #2B1239;
}

.layout-topbar-aquarelle .layout-menubutton.layout-menubutton-active {
    background-color: rgba(0, 0, 0, 0.2);
}

.layout-topbar-aquarelle .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-aquarelle .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-aquarelle .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-aquarelle.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-aquarelle.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-aquarelle.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-aquarelle.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #D2CAD5;
    }

    .layout-topbar-aquarelle.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-aquarelle.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-aquarelle.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-aquarelle .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-aquarelle .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-aquarelle .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-aquarelle .layout-breadcrumb li a {
    color: #FDD835;
}

.layout-topbar-canvas .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-canvas .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #DABAA5, #DABAA5);
}

.layout-topbar-canvas .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-canvas .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-canvas .layout-topbar .layout-topbar-search i {
    color: #DABAA5;
}

.layout-topbar-canvas .layout-topbar .layout-topbar-search label {
    color: #DABAA5;
}

.layout-topbar-canvas .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-canvas .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-canvas .layout-menubutton .layout-menubutton-icon {
    background-color: #640000;
}

.layout-topbar-canvas .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-canvas .layout-menubutton .layout-menubutton-icon:after {
    background-color: #640000;
}

.layout-topbar-canvas .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-canvas .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #640000;
}

.layout-topbar-canvas .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-canvas .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #640000;
}

.layout-topbar-canvas .layout-menubutton.layout-menubutton-active {
    background-color: rgba(0, 0, 0, 0.3);
}

.layout-topbar-canvas .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-canvas .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-canvas .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-canvas.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-canvas.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-canvas.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-canvas.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #DABAA5;
    }

    .layout-topbar-canvas.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-canvas.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-canvas.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-canvas .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-canvas .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-canvas .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-canvas .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-olympic .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-olympic .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #C6C1BE, #C6C1BE);
}

.layout-topbar-olympic .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-olympic .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-olympic .layout-topbar .layout-topbar-search i {
    color: #C6C1BE;
}

.layout-topbar-olympic .layout-topbar .layout-topbar-search label {
    color: #C6C1BE;
}

.layout-topbar-olympic .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-olympic .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-olympic .layout-menubutton .layout-menubutton-icon {
    background-color: #151909;
}

.layout-topbar-olympic .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-olympic .layout-menubutton .layout-menubutton-icon:after {
    background-color: #151909;
}

.layout-topbar-olympic .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-olympic .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #151909;
}

.layout-topbar-olympic .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-olympic .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #151909;
}

.layout-topbar-olympic .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.4);
}

.layout-topbar-olympic .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-olympic .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-olympic .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-olympic.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-olympic.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-olympic.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-olympic.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #C6C1BE;
    }

    .layout-topbar-olympic.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-olympic.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-olympic.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-olympic .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-olympic .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-olympic .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-olympic .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-circuit .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-circuit .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A4AFB0, #A4AFB0);
}

.layout-topbar-circuit .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-circuit .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-circuit .layout-topbar .layout-topbar-search i {
    color: #A4AFB0;
}

.layout-topbar-circuit .layout-topbar .layout-topbar-search label {
    color: #A4AFB0;
}

.layout-topbar-circuit .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-circuit .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-circuit .layout-menubutton .layout-menubutton-icon {
    background-color: #054646;
}

.layout-topbar-circuit .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-circuit .layout-menubutton .layout-menubutton-icon:after {
    background-color: #054646;
}

.layout-topbar-circuit .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-circuit .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #054646;
}

.layout-topbar-circuit .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-circuit .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #054646;
}

.layout-topbar-circuit .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-circuit .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-circuit .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-circuit .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-circuit.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-circuit.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-circuit.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-circuit.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A4AFB0;
    }

    .layout-topbar-circuit.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-circuit.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-circuit.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-circuit .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-circuit .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-circuit .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-circuit .layout-breadcrumb li a {
    color: #FF9800;
}

.layout-topbar-flamingo .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-flamingo .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A8A8A6, #A8A8A6);
}

.layout-topbar-flamingo .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-flamingo .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-flamingo .layout-topbar .layout-topbar-search i {
    color: #A8A8A6;
}

.layout-topbar-flamingo .layout-topbar .layout-topbar-search label {
    color: #A8A8A6;
}

.layout-topbar-flamingo .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-flamingo .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-flamingo .layout-menubutton .layout-menubutton-icon {
    background-color: #0E0E0B;
}

.layout-topbar-flamingo .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-flamingo .layout-menubutton .layout-menubutton-icon:after {
    background-color: #0E0E0B;
}

.layout-topbar-flamingo .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-flamingo .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #0E0E0B;
}

.layout-topbar-flamingo .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-flamingo .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #0E0E0B;
}

.layout-topbar-flamingo .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-flamingo .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-flamingo .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-flamingo .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-flamingo.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-flamingo.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-flamingo.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-flamingo.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A8A8A6;
    }

    .layout-topbar-flamingo.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-flamingo.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-flamingo.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-flamingo .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-flamingo .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-flamingo .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-flamingo .layout-breadcrumb li a {
    color: #CDDC39;
}

.layout-topbar-flight .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-flight .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ADADAC, #ADADAC);
}

.layout-topbar-flight .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-flight .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-flight .layout-topbar .layout-topbar-search i {
    color: #ADADAC;
}

.layout-topbar-flight .layout-topbar .layout-topbar-search label {
    color: #ADADAC;
}

.layout-topbar-flight .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-flight .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-flight .layout-menubutton .layout-menubutton-icon {
    background-color: #1C2225;
}

.layout-topbar-flight .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-flight .layout-menubutton .layout-menubutton-icon:after {
    background-color: #1C2225;
}

.layout-topbar-flight .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-flight .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #1C2225;
}

.layout-topbar-flight .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-flight .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #1C2225;
}

.layout-topbar-flight .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-flight .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-flight .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-flight .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-flight.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-flight.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-flight.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-flight.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #ADADAC;
    }

    .layout-topbar-flight.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-flight.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-flight.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-flight .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-flight .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-flight .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-flight .layout-breadcrumb li a {
    color: #03A9F4;
}

.layout-topbar-tractor .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-tractor .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A8A9A9, #A8A9A9);
}

.layout-topbar-tractor .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-tractor .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-tractor .layout-topbar .layout-topbar-search i {
    color: #A8A9A9;
}

.layout-topbar-tractor .layout-topbar .layout-topbar-search label {
    color: #A8A9A9;
}

.layout-topbar-tractor .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-tractor .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-tractor .layout-menubutton .layout-menubutton-icon {
    background-color: #1B1B19;
}

.layout-topbar-tractor .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-tractor .layout-menubutton .layout-menubutton-icon:after {
    background-color: #1B1B19;
}

.layout-topbar-tractor .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-tractor .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #1B1B19;
}

.layout-topbar-tractor .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-tractor .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #1B1B19;
}

.layout-topbar-tractor .layout-menubutton.layout-menubutton-active {
    background-color: rgba(204, 204, 208, 0.3);
}

.layout-topbar-tractor .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-tractor .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-tractor .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-tractor.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-tractor.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-tractor.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-tractor.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A8A9A9;
    }

    .layout-topbar-tractor.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-tractor.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-tractor.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-tractor .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-tractor .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-tractor .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-tractor .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-volcano .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-volcano .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #CDD1D2, #CDD1D2);
}

.layout-topbar-volcano .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-volcano .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-volcano .layout-topbar .layout-topbar-search i {
    color: #CDD1D2;
}

.layout-topbar-volcano .layout-topbar .layout-topbar-search label {
    color: #CDD1D2;
}

.layout-topbar-volcano .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-volcano .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-volcano .layout-menubutton .layout-menubutton-icon {
    background-color: #637377;
}

.layout-topbar-volcano .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-volcano .layout-menubutton .layout-menubutton-icon:after {
    background-color: #637377;
}

.layout-topbar-volcano .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-volcano .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #637377;
}

.layout-topbar-volcano .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-volcano .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #637377;
}

.layout-topbar-volcano .layout-menubutton.layout-menubutton-active {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-topbar-volcano .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-volcano .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-volcano .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-volcano.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-volcano.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-volcano.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-volcano.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #CDD1D2;
    }

    .layout-topbar-volcano.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-volcano.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-volcano.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-volcano .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-volcano .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-volcano .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-volcano .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-pine .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-pine .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #C3BDBE, #C3BDBE);
}

.layout-topbar-pine .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-pine .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-pine .layout-topbar .layout-topbar-search i {
    color: #C3BDBE;
}

.layout-topbar-pine .layout-topbar .layout-topbar-search label {
    color: #C3BDBE;
}

.layout-topbar-pine .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-pine .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-pine .layout-menubutton .layout-menubutton-icon {
    background-color: #030003;
}

.layout-topbar-pine .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-pine .layout-menubutton .layout-menubutton-icon:after {
    background-color: #030003;
}

.layout-topbar-pine .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-pine .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #030003;
}

.layout-topbar-pine .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-pine .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #030003;
}

.layout-topbar-pine .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-topbar-pine .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-pine .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-pine .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-pine.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-pine.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-pine.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-pine.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #C3BDBE;
    }

    .layout-topbar-pine.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-pine.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-pine.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-pine .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-pine .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-pine .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-pine .layout-breadcrumb li a {
    color: #EC407A;
}

.layout-topbar-emptiness .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-emptiness .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #B3B8C0, #B3B8C0);
}

.layout-topbar-emptiness .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-emptiness .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-emptiness .layout-topbar .layout-topbar-search i {
    color: #B3B8C0;
}

.layout-topbar-emptiness .layout-topbar .layout-topbar-search label {
    color: #B3B8C0;
}

.layout-topbar-emptiness .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-emptiness .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-emptiness .layout-menubutton .layout-menubutton-icon {
    background-color: #001332;
}

.layout-topbar-emptiness .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-emptiness .layout-menubutton .layout-menubutton-icon:after {
    background-color: #001332;
}

.layout-topbar-emptiness .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-emptiness .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #001332;
}

.layout-topbar-emptiness .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-emptiness .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #001332;
}

.layout-topbar-emptiness .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-topbar-emptiness .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-emptiness .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-emptiness .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-emptiness.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-emptiness.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-emptiness.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-emptiness.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #B3B8C0;
    }

    .layout-topbar-emptiness.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-emptiness.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-emptiness.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-emptiness .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-emptiness .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-emptiness .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-emptiness .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-splash .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-splash .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A5A5A5, #A5A5A5);
}

.layout-topbar-splash .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-splash .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-splash .layout-topbar .layout-topbar-search i {
    color: #A5A5A5;
}

.layout-topbar-splash .layout-topbar .layout-topbar-search label {
    color: #A5A5A5;
}

.layout-topbar-splash .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-splash .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-splash .layout-menubutton .layout-menubutton-icon {
    background-color: #060606;
}

.layout-topbar-splash .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-splash .layout-menubutton .layout-menubutton-icon:after {
    background-color: #060606;
}

.layout-topbar-splash .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-splash .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #060606;
}

.layout-topbar-splash .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-splash .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #060606;
}

.layout-topbar-splash .layout-menubutton.layout-menubutton-active {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-topbar-splash .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-splash .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-splash .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-splash.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-splash.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-splash.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-splash.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A5A5A5;
    }

    .layout-topbar-splash.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-splash.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-splash.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-splash .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-splash .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-splash .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-splash .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-urban .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-urban .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #B1B9BA, #B1B9BA);
}

.layout-topbar-urban .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-urban .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-urban .layout-topbar .layout-topbar-search i {
    color: #B1B9BA;
}

.layout-topbar-urban .layout-topbar .layout-topbar-search label {
    color: #B1B9BA;
}

.layout-topbar-urban .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-urban .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-urban .layout-menubutton .layout-menubutton-icon {
    background-color: #25353B;
}

.layout-topbar-urban .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-urban .layout-menubutton .layout-menubutton-icon:after {
    background-color: #25353B;
}

.layout-topbar-urban .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-urban .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #25353B;
}

.layout-topbar-urban .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-urban .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #25353B;
}

.layout-topbar-urban .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-urban .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-urban .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-urban .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-urban.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-urban.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-urban.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-urban.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #B1B9BA;
    }

    .layout-topbar-urban.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-urban.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-urban.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-urban .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-urban .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-urban .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-urban .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-bloom .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-bloom .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #C9C9C0, #C9C9C0);
}

.layout-topbar-bloom .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-bloom .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-bloom .layout-topbar .layout-topbar-search i {
    color: #C9C9C0;
}

.layout-topbar-bloom .layout-topbar .layout-topbar-search label {
    color: #C9C9C0;
}

.layout-topbar-bloom .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-bloom .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-bloom .layout-menubutton .layout-menubutton-icon {
    background-color: #141509;
}

.layout-topbar-bloom .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-bloom .layout-menubutton .layout-menubutton-icon:after {
    background-color: #141509;
}

.layout-topbar-bloom .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-bloom .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #141509;
}

.layout-topbar-bloom .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-bloom .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #141509;
}

.layout-topbar-bloom .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-bloom .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-bloom .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-bloom .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-bloom.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-bloom.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-bloom.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-bloom.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #C9C9C0;
    }

    .layout-topbar-bloom.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-bloom.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-bloom.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-bloom .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-bloom .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-bloom .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-bloom .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-tinfoil .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-tinfoil .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A5B2C0, #A5B2C0);
}

.layout-topbar-tinfoil .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-tinfoil .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-tinfoil .layout-topbar .layout-topbar-search i {
    color: #A5B2C0;
}

.layout-topbar-tinfoil .layout-topbar .layout-topbar-search label {
    color: #A5B2C0;
}

.layout-topbar-tinfoil .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-tinfoil .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-tinfoil .layout-menubutton .layout-menubutton-icon {
    background-color: #020E18;
}

.layout-topbar-tinfoil .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-tinfoil .layout-menubutton .layout-menubutton-icon:after {
    background-color: #020E18;
}

.layout-topbar-tinfoil .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-tinfoil .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #020E18;
}

.layout-topbar-tinfoil .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-tinfoil .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #020E18;
}

.layout-topbar-tinfoil .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.4);
}

.layout-topbar-tinfoil .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-tinfoil .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-tinfoil .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-tinfoil.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-tinfoil.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-tinfoil.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-tinfoil.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A5B2C0;
    }

    .layout-topbar-tinfoil.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-tinfoil.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-tinfoil.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-tinfoil .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-tinfoil .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-tinfoil .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-tinfoil .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-hallway .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-hallway .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #BDB8C7, #BDB8C7);
}

.layout-topbar-hallway .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-hallway .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-hallway .layout-topbar .layout-topbar-search i {
    color: #BDB8C7;
}

.layout-topbar-hallway .layout-topbar .layout-topbar-search label {
    color: #BDB8C7;
}

.layout-topbar-hallway .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-hallway .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-hallway .layout-menubutton .layout-menubutton-icon {
    background-color: #444270;
}

.layout-topbar-hallway .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-hallway .layout-menubutton .layout-menubutton-icon:after {
    background-color: #444270;
}

.layout-topbar-hallway .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-hallway .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #444270;
}

.layout-topbar-hallway .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-hallway .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #444270;
}

.layout-topbar-hallway .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-hallway .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-hallway .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-hallway .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-hallway.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-hallway.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-hallway.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-hallway.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #BDB8C7;
    }

    .layout-topbar-hallway.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-hallway.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-hallway.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-hallway .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-hallway .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-hallway .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-hallway .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-seagull .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-seagull .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #B3BEBF, #B3BEBF);
}

.layout-topbar-seagull .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-seagull .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-seagull .layout-topbar .layout-topbar-search i {
    color: #B3BEBF;
}

.layout-topbar-seagull .layout-topbar .layout-topbar-search label {
    color: #B3BEBF;
}

.layout-topbar-seagull .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-seagull .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-seagull .layout-menubutton .layout-menubutton-icon {
    background-color: #193C42;
}

.layout-topbar-seagull .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-seagull .layout-menubutton .layout-menubutton-icon:after {
    background-color: #193C42;
}

.layout-topbar-seagull .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-seagull .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #193C42;
}

.layout-topbar-seagull .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-seagull .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #193C42;
}

.layout-topbar-seagull .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-seagull .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-seagull .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-seagull .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-seagull.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-seagull.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-seagull.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-seagull.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #B3BEBF;
    }

    .layout-topbar-seagull.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-seagull.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-seagull.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-seagull .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-seagull .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-seagull .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-seagull .layout-breadcrumb li a {
    color: #FFA726;
}

.layout-topbar-city .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-city .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A3B0BD, #A3B0BD);
}

.layout-topbar-city .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-city .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-city .layout-topbar .layout-topbar-search i {
    color: #A3B0BD;
}

.layout-topbar-city .layout-topbar .layout-topbar-search label {
    color: #A3B0BD;
}

.layout-topbar-city .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-city .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-city .layout-menubutton .layout-menubutton-icon {
    background-color: #01122E;
}

.layout-topbar-city .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-city .layout-menubutton .layout-menubutton-icon:after {
    background-color: #01122E;
}

.layout-topbar-city .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-city .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #01122E;
}

.layout-topbar-city .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-city .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #01122E;
}

.layout-topbar-city .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-city .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-city .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-city .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-city.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-city.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-city.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-city.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A3B0BD;
    }

    .layout-topbar-city.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-city.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-city.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-city .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-city .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-city .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-city .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-jet .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-jet .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #CCCFD6, #CCCFD6);
}

.layout-topbar-jet .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-jet .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-jet .layout-topbar .layout-topbar-search i {
    color: #CCCFD6;
}

.layout-topbar-jet .layout-topbar .layout-topbar-search label {
    color: #CCCFD6;
}

.layout-topbar-jet .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-jet .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-jet .layout-menubutton .layout-menubutton-icon {
    background-color: #194958;
}

.layout-topbar-jet .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-jet .layout-menubutton .layout-menubutton-icon:after {
    background-color: #194958;
}

.layout-topbar-jet .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-jet .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #194958;
}

.layout-topbar-jet .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-jet .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #194958;
}

.layout-topbar-jet .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-jet .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-jet .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-jet .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-jet.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-jet.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-jet.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-jet.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #CCCFD6;
    }

    .layout-topbar-jet.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-jet.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-jet.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-jet .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-jet .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-jet .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-jet .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-louisville .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-louisville .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #AEC3C4, #AEC3C4);
}

.layout-topbar-louisville .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-louisville .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-louisville .layout-topbar .layout-topbar-search i {
    color: #AEC3C4;
}

.layout-topbar-louisville .layout-topbar .layout-topbar-search label {
    color: #AEC3C4;
}

.layout-topbar-louisville .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-louisville .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-louisville .layout-menubutton .layout-menubutton-icon {
    background-color: #11444D;
}

.layout-topbar-louisville .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-louisville .layout-menubutton .layout-menubutton-icon:after {
    background-color: #11444D;
}

.layout-topbar-louisville .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-louisville .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #11444D;
}

.layout-topbar-louisville .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-louisville .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #11444D;
}

.layout-topbar-louisville .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-louisville .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-louisville .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-louisville .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-louisville.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-louisville.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-louisville.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-louisville.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #AEC3C4;
    }

    .layout-topbar-louisville.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-louisville.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-louisville.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-louisville .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-louisville .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-louisville .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-louisville .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-spray .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-spray .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #BDC2C0, #BDC2C0);
}

.layout-topbar-spray .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-spray .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-spray .layout-topbar .layout-topbar-search i {
    color: #BDC2C0;
}

.layout-topbar-spray .layout-topbar .layout-topbar-search label {
    color: #BDC2C0;
}

.layout-topbar-spray .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-spray .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-spray .layout-menubutton .layout-menubutton-icon {
    background-color: #126B6D;
}

.layout-topbar-spray .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-spray .layout-menubutton .layout-menubutton-icon:after {
    background-color: #126B6D;
}

.layout-topbar-spray .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-spray .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #126B6D;
}

.layout-topbar-spray .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-spray .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #126B6D;
}

.layout-topbar-spray .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-spray .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-spray .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-spray .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-spray.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-spray.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-spray.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-spray.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #BDC2C0;
    }

    .layout-topbar-spray.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-spray.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-spray.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-spray .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-spray .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-spray .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-spray .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-topbar-symmetry .layout-top {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-symmetry .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #CECDCD, #CECDCD);
}

.layout-topbar-symmetry .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-symmetry .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-symmetry .layout-topbar .layout-topbar-search i {
    color: #CECDCD;
}

.layout-topbar-symmetry .layout-topbar .layout-topbar-search label {
    color: #CECDCD;
}

.layout-topbar-symmetry .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-symmetry .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-symmetry .layout-menubutton .layout-menubutton-icon {
    background-color: #654630;
}

.layout-topbar-symmetry .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-symmetry .layout-menubutton .layout-menubutton-icon:after {
    background-color: #654630;
}

.layout-topbar-symmetry .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-symmetry .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #654630;
}

.layout-topbar-symmetry .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-symmetry .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #654630;
}

.layout-topbar-symmetry .layout-menubutton.layout-menubutton-active {
    background-color: rgba(255, 255, 255, 0.3);
}

.layout-topbar-symmetry .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-symmetry .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-symmetry .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-symmetry.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-symmetry.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-symmetry.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-symmetry.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #CECDCD;
    }

    .layout-topbar-symmetry.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-symmetry.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-symmetry.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-symmetry .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-symmetry .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-symmetry .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-symmetry .layout-breadcrumb li a {
    color: #00BCD4;
}

.layout-topbar-destination .layout-top {
    background-image: url("/siit/javax.faces.resource/images/special/destination-topbar.jpg.html?ln=sapphire-layout");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-topbar-destination .layout-topbar .layout-topbar-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #A5B4B9, #A5B4B9);
}

.layout-topbar-destination .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ label, .layout-topbar-destination .layout-topbar .layout-topbar-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-topbar-destination .layout-topbar .layout-topbar-search i {
    color: #A5B4B9;
}

.layout-topbar-destination .layout-topbar .layout-topbar-search label {
    color: #A5B4B9;
}

.layout-topbar-destination .layout-topbar .profile-menu-button:hover {
    border-color: #ffffff;
}

.layout-topbar-destination .layout-menubutton {
    background-color: #fafafa;
}

.layout-topbar-destination .layout-menubutton .layout-menubutton-icon {
    background-color: #002A39;
}

.layout-topbar-destination .layout-menubutton .layout-menubutton-icon:before, .layout-topbar-destination .layout-menubutton .layout-menubutton-icon:after {
    background-color: #002A39;
}

.layout-topbar-destination .layout-menubutton:hover {
    background-color: #e0e0e0;
}

.layout-topbar-destination .layout-menubutton:hover .layout-menubutton-icon {
    background-color: #126B6D;
}

.layout-topbar-destination .layout-menubutton:hover .layout-menubutton-icon:before, .layout-topbar-destination .layout-menubutton:hover .layout-menubutton-icon:after {
    background-color: #126B6D;
}

.layout-topbar-destination .layout-menubutton.layout-menubutton-active {
    background-color: rgba(8, 58, 75, 0.7);
}

.layout-topbar-destination .layout-menubutton.layout-menubutton-active .layout-menubutton-icon {
    background-color: #ffffff;
}

.layout-topbar-destination .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:before, .layout-topbar-destination .layout-menubutton.layout-menubutton-active .layout-menubutton-icon:after {
    background-color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-topbar-destination.layout-menu-horizontal .layout-menu > li:hover > a {
        background-color: transparent;
    }

    .layout-topbar-destination.layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-destination.layout-menu-horizontal .layout-menu > li > a i {
        color: #ffffff;
    }

    .layout-topbar-destination.layout-menu-horizontal .layout-menu > li > a:hover {
        border-bottom-color: #A5B4B9;
    }

    .layout-topbar-destination.layout-menu-horizontal .layout-menu > li.active-menuitem > a {
        background-color: transparent;
        border-bottom-color: #ffffff;
    }

    .layout-topbar-destination.layout-menu-horizontal .layout-menu > li.active-menuitem > a .menuitem-text {
        color: #ffffff;
    }

    .layout-topbar-destination.layout-menu-horizontal .layout-menu > li.active-menuitem > a i {
        color: #ffffff;
    }
}

.layout-topbar-destination .layout-topbar-separator {
    background-color: #ffffff;
}

.layout-topbar-destination .layout-breadcrumb li {
    color: #ffffff;
}

.layout-topbar-destination .layout-breadcrumb li i {
    color: #ffffff;
}

.layout-topbar-destination .layout-breadcrumb li a {
    color: #ffc107;
}

.layout-container .layout-menubutton {
    display: block;
}

.layout-container .layout-logo {
    margin-right: 0;
}

.layout-container .layout-menu-container {
    position: fixed;
    width: 240px;
    height: 100%;
    top: 68px;
    left: -250px;
    z-index: 999;
    -moz-transition: left 0.2s;
    -o-transition: left 0.2s;
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

.layout-container .layout-menu-container .sidebar-scroll-content {
    display: block;
    height: 100%;
    position: relative;
    outline: 0 none;
}

.layout-container .layout-menu-container .nano .nano-pane .nano-slider {
    background-color: #aaaaaa;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.layout-container .layout-menu {
    list-style-type: none;
    margin: 0;
    padding: .75em .75em 120px;
}

.layout-container .layout-menu li .layout-submenu-toggler {
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s;
}

.layout-container .layout-menu li.active-menuitem > a .layout-submenu-toggler {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.layout-container .layout-menu > li.active-menuitem > a {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.layout-container .layout-menu > li > .layout-submenu-container > .layout-megamenu > li .layout-megamenu-submenu-text {
    display: block;
    padding: .75em;
    font-weight: 500;
}

.layout-container .layout-menu > li > .layout-submenu-container > .layout-megamenu > li > .layout-submenu-container {
    display: block;
}

.layout-container .layout-menu > li > .layout-submenu-container > .layout-megamenu > li > .layout-submenu-container a {
    padding-left: .75em;
}

.layout-container .layout-menu a {
    display: block;
    position: relative;
    padding: .75em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.layout-container .layout-menu a .menuitem-text {
    vertical-align: middle;
}

.layout-container .layout-menu a i {
    vertical-align: middle;
    font-size: 20px;
}

.layout-container .layout-menu a i.layout-submenu-toggler {
    position: absolute;
    right: .75em;
}

.layout-container .layout-menu a i:first-child {
    margin-right: 7px;
}

.layout-container .layout-menu .layout-submenu-container {
    display: none;
}

.layout-container .layout-menu .layout-submenu-container .layout-submenu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.layout-container .layout-menu .layout-submenu-container a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.layout-container .layout-menu .layout-submenu-container li a {
    padding-left: 1.75em;
}

.layout-container .layout-menu .layout-submenu-container li li a {
    padding-left: 2.75em;
}

.layout-container .layout-menu .layout-submenu-container li li li a {
    padding-left: 3.75em;
}

.layout-container .layout-menu .layout-submenu-container li li li li a {
    padding-left: 4.75em;
}

.layout-container .layout-menu .layout-submenu-container li li li li li a {
    padding-left: 5.75em;
}

.layout-container.layout-menu-active .layout-menu-container {
    left: 0;
}

.layout-container.layout-menu-active .layout-menubutton {
    -webkit-box-shadow: inset 0 1px 10px 0 rgba(0, 0, 0, 0.12), inset 0 4px 5px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: inset 0 1px 10px 0 rgba(0, 0, 0, 0.12), inset 0 4px 5px 0 rgba(0, 0, 0, 0.14);
    box-shadow: inset 0 1px 10px 0 rgba(0, 0, 0, 0.12), inset 0 4px 5px 0 rgba(0, 0, 0, 0.14);
}

.layout-container.layout-menu-active .layout-menubutton .layout-menubutton-icon {
    width: 0;
}

.layout-container.layout-menu-active .layout-menubutton .layout-menubutton-icon:before {
    -webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}

.layout-container.layout-menu-active .layout-menubutton .layout-menubutton-icon:after {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}

@media screen and (min-width: 1025px) {
    .layout-menu-horizontal .layout-menubutton {
        display: none;
    }

    .layout-menu-horizontal .layout-logo {
        margin-right: 2em;
    }

    .layout-menu-horizontal .layout-menu-container {
        position: static;
        display: block;
        z-index: auto;
        width: auto;
        height: auto;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .layout-menu-horizontal .layout-menu {
        padding: 0;
    }

    .layout-menu-horizontal .layout-menu > li {
        display: inline-block;
        position: relative;
    }

    .layout-menu-horizontal .layout-menu > li > a {
        display: block;
        padding: 1em;
        font-weight: 500;
        position: relative;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-transition: border-bottom-color 0.2s;
        -o-transition: border-bottom-color 0.2s;
        -webkit-transition: border-bottom-color 0.2s;
        transition: border-bottom-color 0.2s;
    }

    .layout-menu-horizontal .layout-menu > li > a .menuitem-text {
        margin: 0 .5em;
    }

    .layout-menu-horizontal .layout-menu > li > a i {
        font-size: 16px;
    }

    .layout-menu-horizontal .layout-menu > li > a i.layout-submenu-toggler {
        position: static;
    }

    .layout-menu-horizontal .layout-menu > li > a i:first-child {
        margin-right: 0;
    }

    .layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        position: absolute;
        min-width: 250px;
        z-index: 999;
        padding: .75em;
        max-height: 500px;
        overflow: auto;
        -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    }

    .layout-menu-horizontal .layout-menu > li > .layout-submenu-container > .layout-megamenu {
        max-height: none;
        width: auto;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
    }

    .layout-menu-horizontal .layout-menu > li > .layout-submenu-container > .layout-megamenu > li {
        flex-grow: 1;
    }

    .layout-menu-horizontal .layout-menu > li > .layout-submenu-container > .layout-megamenu > li > .layout-submenu-container {
        min-width: 200px;
    }

    .layout-menu-horizontal .layout-menu > li > .layout-submenu-container > .layout-megamenu > li > .layout-submenu-container a {
        padding-left: .75em;
    }

    .layout-menu-horizontal .layout-menu li .layout-submenu-toggler {
        -moz-transition: transform 0.2s;
        -o-transition: transform 0.2s;
        -webkit-transition: transform 0.2s;
        transition: transform 0.2s;
    }

    .layout-menu-horizontal .layout-menu li.active-menuitem > a .layout-submenu-toggler {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .layout-menu-horizontal .layout-menu .layout-submenu li a {
        display: block;
        position: relative;
        padding: .75em;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
    }

    .layout-menu-horizontal .layout-menu .layout-submenu li a .menuitem-text {
        vertical-align: middle;
    }

    .layout-menu-horizontal .layout-menu .layout-submenu li a i {
        vertical-align: middle;
        font-size: 20px;
    }

    .layout-menu-horizontal .layout-menu .layout-submenu li a i.layout-submenu-toggler {
        position: absolute;
        right: .75em;
    }

    .layout-menu-horizontal .layout-menu .layout-submenu li a i:first-child {
        margin-right: 7px;
    }

    .layout-menu-horizontal .layout-menu .layout-submenu li li a {
        padding-left: 1.75em;
    }

    .layout-menu-horizontal .layout-menu .layout-submenu li li li a {
        padding-left: 2.75em;
    }

    .layout-menu-horizontal .layout-menu .layout-submenu li li li li a {
        padding-left: 3.75em;
    }

    .layout-menu-horizontal .layout-menu .layout-submenu li li li li li a {
        padding-left: 4.75em;
    }

    .layout-menu-horizontal .layout-menu .layout-submenu li li li li li li a {
        padding-left: 5.75em;
    }

    .layout-menu-horizontal .nano {
        overflow: visible;
    }

    .layout-menu-horizontal .nano > .nano-content {
        display: block;
        height: auto;
        position: static;
        overflow: visible;
        overflow-x: visible;
        margin-right: 0px !important;
        padding-right: 0px !important;
    }

    .layout-menu-horizontal .nano > .nano-content .layout-menu {
        padding-bottom: 0;
    }

    .layout-menu-horizontal .nano > .nano-pane {
        display: none !important;
    }
}

.menuitem-badge {
    background-color: #ffc107;
    color: #212121;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    min-width: 16px;
    min-height: 16px;
    line-height: 16px;
    display: inline-block;
    margin-left: .5em;
    vertical-align: middle;
}

.layout-menu-light .layout-menu-container {
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
    background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
    background-image: -o-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
}

.layout-menu-light .layout-menu a .menuitem-text {
    color: #616161;
}

.layout-menu-light .layout-menu a i {
    color: #616161;
}

.layout-menu-light .layout-menu a:hover {
    background-color: #e0e0e0;
}

.layout-menu-light .layout-menu a:hover .menuitem-text {
    color: #212121;
}

.layout-menu-light .layout-menu a:hover i {
    color: #212121;
}

.layout-menu-light .layout-menu > li > .layout-submenu-container {
    background-color: #eeeeee;
}

.layout-menu-light .layout-menu li.active-menuitem > a .menuitem-text {
    color: #457fca;
}

.layout-menu-light .layout-menu li.active-menuitem > a i {
    color: #457fca;
}

.layout-menu-light .layout-menu > li.active-menuitem > a {
    background-color: #457fca;
}

.layout-menu-light .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-light .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-light .layout-menu .layout-megamenu-submenu-text {
    color: #616161;
}

@media screen and (min-width: 1025px) {
    .layout-menu-light.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-light.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #616161;
    }

    .layout-menu-light.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #ffffff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
        background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
        background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
        background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
        background-image: -o-linear-gradient(top, #ffffff, #ffffff);
        background-image: linear-gradient(to bottom, #ffffff, #ffffff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
    }
}

.layout-menu-light .layout-profile-menu {
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
    background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
    background-image: -o-linear-gradient(top, #ffffff, #ffffff);
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
}

.layout-menu-light .layout-profile-menu a span {
    color: #616161;
}

.layout-menu-light .layout-profile-menu a i {
    color: #616161;
}

.layout-menu-light .layout-profile-menu a:hover {
    background-color: #e0e0e0;
}

.layout-menu-light .layout-profile-menu a:hover .menuitem-text {
    color: #212121;
}

.layout-menu-light .layout-profile-menu a:hover i {
    color: #212121;
}

.layout-menu-light .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #616161;
    background-image: linear-gradient(to bottom, #616161, #616161), linear-gradient(to bottom, #616161, #616161);
}

.layout-menu-light .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-light .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #616161;
}

.layout-menu-light .layout-profile-menu .layout-profile-menu-search i {
    color: #616161;
}

.layout-menu-light .layout-profile-menu .layout-profile-menu-search label {
    color: #616161;
}

.layout-menu-dark .layout-menu-container {
    background-color: #212121;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121));
    background-image: -webkit-linear-gradient(top, #212121, #212121);
    background-image: -moz-linear-gradient(top, #212121, #212121);
    background-image: -ms-linear-gradient(top, #212121, #212121);
    background-image: -o-linear-gradient(top, #212121, #212121);
    background-image: linear-gradient(to bottom, #212121, #212121);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#212121');
}

.layout-menu-dark .layout-menu a .menuitem-text {
    color: #eeeeee;
}

.layout-menu-dark .layout-menu a i {
    color: #eeeeee;
}

.layout-menu-dark .layout-menu a:hover {
    background-color: #424242;
}

.layout-menu-dark .layout-menu a:hover .menuitem-text {
    color: #eeeeee;
}

.layout-menu-dark .layout-menu a:hover i {
    color: #eeeeee;
}

.layout-menu-dark .layout-menu > li > .layout-submenu-container {
    background-color: #373737;
}

.layout-menu-dark .layout-menu li.active-menuitem > a .menuitem-text {
    color: #457fca;
}

.layout-menu-dark .layout-menu li.active-menuitem > a i {
    color: #457fca;
}

.layout-menu-dark .layout-menu > li.active-menuitem > a {
    background-color: #457fca;
}

.layout-menu-dark .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-dark .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-dark .layout-menu .layout-megamenu-submenu-text {
    color: #eeeeee;
}

@media screen and (min-width: 1025px) {
    .layout-menu-dark.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-dark.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #eeeeee;
    }

    .layout-menu-dark.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #212121;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121));
        background-image: -webkit-linear-gradient(top, #212121, #212121);
        background-image: -moz-linear-gradient(top, #212121, #212121);
        background-image: -ms-linear-gradient(top, #212121, #212121);
        background-image: -o-linear-gradient(top, #212121, #212121);
        background-image: linear-gradient(to bottom, #212121, #212121);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#212121');
    }
}

.layout-menu-dark .layout-profile-menu {
    background-color: #212121;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121));
    background-image: -webkit-linear-gradient(top, #212121, #212121);
    background-image: -moz-linear-gradient(top, #212121, #212121);
    background-image: -ms-linear-gradient(top, #212121, #212121);
    background-image: -o-linear-gradient(top, #212121, #212121);
    background-image: linear-gradient(to bottom, #212121, #212121);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#212121');
}

.layout-menu-dark .layout-profile-menu a span {
    color: #eeeeee;
}

.layout-menu-dark .layout-profile-menu a i {
    color: #eeeeee;
}

.layout-menu-dark .layout-profile-menu a:hover {
    background-color: #424242;
}

.layout-menu-dark .layout-profile-menu a:hover .menuitem-text {
    color: #eeeeee;
}

.layout-menu-dark .layout-profile-menu a:hover i {
    color: #eeeeee;
}

.layout-menu-dark .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #eeeeee;
    background-image: linear-gradient(to bottom, #eeeeee, #eeeeee), linear-gradient(to bottom, #eeeeee, #eeeeee);
}

.layout-menu-dark .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-dark .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #eeeeee;
}

.layout-menu-dark .layout-profile-menu .layout-profile-menu-search i {
    color: #eeeeee;
}

.layout-menu-dark .layout-profile-menu .layout-profile-menu-search label {
    color: #eeeeee;
}

.layout-menu-blue .layout-menu-container {
    background-color: #457fca;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#457fca), to(#5691c8));
    background-image: -webkit-linear-gradient(top, #457fca, #5691c8);
    background-image: -moz-linear-gradient(top, #457fca, #5691c8);
    background-image: -ms-linear-gradient(top, #457fca, #5691c8);
    background-image: -o-linear-gradient(top, #457fca, #5691c8);
    background-image: linear-gradient(to bottom, #457fca, #5691c8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#457fca', endColorstr='#5691c8');
}

.layout-menu-blue .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-blue .layout-menu a i {
    color: #ffffff;
}

.layout-menu-blue .layout-menu a:hover {
    background-color: #578bcf;
}

.layout-menu-blue .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-blue .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-blue .layout-menu > li > .layout-submenu-container {
    background-color: #6a98d4;
}

.layout-menu-blue .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-blue .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-blue .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-blue .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #457fca;
}

.layout-menu-blue .layout-menu > li.active-menuitem > a i {
    color: #457fca;
}

.layout-menu-blue .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-blue.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-blue.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-blue.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #457fca;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#457fca), to(#5691c8));
        background-image: -webkit-linear-gradient(top, #457fca, #5691c8);
        background-image: -moz-linear-gradient(top, #457fca, #5691c8);
        background-image: -ms-linear-gradient(top, #457fca, #5691c8);
        background-image: -o-linear-gradient(top, #457fca, #5691c8);
        background-image: linear-gradient(to bottom, #457fca, #5691c8);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#457fca', endColorstr='#5691c8');
    }
}

.layout-menu-blue .layout-profile-menu {
    background-color: #457fca;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#457fca), to(#5691c8));
    background-image: -webkit-linear-gradient(top, #457fca, #5691c8);
    background-image: -moz-linear-gradient(top, #457fca, #5691c8);
    background-image: -ms-linear-gradient(top, #457fca, #5691c8);
    background-image: -o-linear-gradient(top, #457fca, #5691c8);
    background-image: linear-gradient(to bottom, #457fca, #5691c8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#457fca', endColorstr='#5691c8');
}

.layout-menu-blue .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-blue .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-blue .layout-profile-menu a:hover {
    background-color: #578bcf;
}

.layout-menu-blue .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-blue .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-blue .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-blue .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-blue .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-blue .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-blue .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-ash .layout-menu-container {
    background-color: #3F4C6B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3F4C6B), to(#334163));
    background-image: -webkit-linear-gradient(top, #3F4C6B, #334163);
    background-image: -moz-linear-gradient(top, #3F4C6B, #334163);
    background-image: -ms-linear-gradient(top, #3F4C6B, #334163);
    background-image: -o-linear-gradient(top, #3F4C6B, #334163);
    background-image: linear-gradient(to bottom, #3F4C6B, #334163);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F4C6B', endColorstr='#334163');
}

.layout-menu-ash .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-ash .layout-menu a i {
    color: #ffffff;
}

.layout-menu-ash .layout-menu a:hover {
    background-color: #1A253F;
}

.layout-menu-ash .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-ash .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-ash .layout-menu > li > .layout-submenu-container {
    background-color: #667290;
}

.layout-menu-ash .layout-menu li.active-menuitem > a .menuitem-text {
    color: #00BCD4;
}

.layout-menu-ash .layout-menu li.active-menuitem > a i {
    color: #00BCD4;
}

.layout-menu-ash .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-ash .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #3F4C6B;
}

.layout-menu-ash .layout-menu > li.active-menuitem > a i {
    color: #3F4C6B;
}

.layout-menu-ash .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-ash.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-ash.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-ash.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #3F4C6B;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3F4C6B), to(#334163));
        background-image: -webkit-linear-gradient(top, #3F4C6B, #334163);
        background-image: -moz-linear-gradient(top, #3F4C6B, #334163);
        background-image: -ms-linear-gradient(top, #3F4C6B, #334163);
        background-image: -o-linear-gradient(top, #3F4C6B, #334163);
        background-image: linear-gradient(to bottom, #3F4C6B, #334163);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F4C6B', endColorstr='#334163');
    }
}

.layout-menu-ash .layout-profile-menu {
    background-color: #3F4C6B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3F4C6B), to(#334163));
    background-image: -webkit-linear-gradient(top, #3F4C6B, #334163);
    background-image: -moz-linear-gradient(top, #3F4C6B, #334163);
    background-image: -ms-linear-gradient(top, #3F4C6B, #334163);
    background-image: -o-linear-gradient(top, #3F4C6B, #334163);
    background-image: linear-gradient(to bottom, #3F4C6B, #334163);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F4C6B', endColorstr='#334163');
}

.layout-menu-ash .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-ash .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-ash .layout-profile-menu a:hover {
    background-color: #1A253F;
}

.layout-menu-ash .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-ash .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-ash .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-ash .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-ash .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-ash .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-ash .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-kashmir .layout-menu-container {
    background-color: #614385;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#614385), to(#516395));
    background-image: -webkit-linear-gradient(top, #614385, #516395);
    background-image: -moz-linear-gradient(top, #614385, #516395);
    background-image: -ms-linear-gradient(top, #614385, #516395);
    background-image: -o-linear-gradient(top, #614385, #516395);
    background-image: linear-gradient(to bottom, #614385, #516395);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#614385', endColorstr='#516395');
}

.layout-menu-kashmir .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-kashmir .layout-menu a i {
    color: #ffffff;
}

.layout-menu-kashmir .layout-menu a:hover {
    background-color: #412B5C;
}

.layout-menu-kashmir .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-kashmir .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-kashmir .layout-menu > li > .layout-submenu-container {
    background-color: #8A6DAD;
}

.layout-menu-kashmir .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-kashmir .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-kashmir .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-kashmir .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #614385;
}

.layout-menu-kashmir .layout-menu > li.active-menuitem > a i {
    color: #614385;
}

.layout-menu-kashmir .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-kashmir.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-kashmir.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-kashmir.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #614385;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#614385), to(#516395));
        background-image: -webkit-linear-gradient(top, #614385, #516395);
        background-image: -moz-linear-gradient(top, #614385, #516395);
        background-image: -ms-linear-gradient(top, #614385, #516395);
        background-image: -o-linear-gradient(top, #614385, #516395);
        background-image: linear-gradient(to bottom, #614385, #516395);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#614385', endColorstr='#516395');
    }
}

.layout-menu-kashmir .layout-profile-menu {
    background-color: #614385;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#614385), to(#516395));
    background-image: -webkit-linear-gradient(top, #614385, #516395);
    background-image: -moz-linear-gradient(top, #614385, #516395);
    background-image: -ms-linear-gradient(top, #614385, #516395);
    background-image: -o-linear-gradient(top, #614385, #516395);
    background-image: linear-gradient(to bottom, #614385, #516395);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#614385', endColorstr='#516395');
}

.layout-menu-kashmir .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-kashmir .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-kashmir .layout-profile-menu a:hover {
    background-color: #412B5C;
}

.layout-menu-kashmir .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-kashmir .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-kashmir .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-kashmir .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-kashmir .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-kashmir .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-kashmir .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-orange .layout-menu-container {
    background-color: #DD7919;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DD7919), to(#E47307));
    background-image: -webkit-linear-gradient(top, #DD7919, #E47307);
    background-image: -moz-linear-gradient(top, #DD7919, #E47307);
    background-image: -ms-linear-gradient(top, #DD7919, #E47307);
    background-image: -o-linear-gradient(top, #DD7919, #E47307);
    background-image: linear-gradient(to bottom, #DD7919, #E47307);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD7919', endColorstr='#E47307');
}

.layout-menu-orange .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-orange .layout-menu a i {
    color: #ffffff;
}

.layout-menu-orange .layout-menu a:hover {
    background-color: #AD6119;
}

.layout-menu-orange .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-orange .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-orange .layout-menu > li > .layout-submenu-container {
    background-color: #E69E5A;
}

.layout-menu-orange .layout-menu li.active-menuitem > a .menuitem-text {
    color: #D4E157;
}

.layout-menu-orange .layout-menu li.active-menuitem > a i {
    color: #D4E157;
}

.layout-menu-orange .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-orange .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #DD7919;
}

.layout-menu-orange .layout-menu > li.active-menuitem > a i {
    color: #DD7919;
}

.layout-menu-orange .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-orange.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-orange.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-orange.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #DD7919;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#DD7919), to(#E47307));
        background-image: -webkit-linear-gradient(top, #DD7919, #E47307);
        background-image: -moz-linear-gradient(top, #DD7919, #E47307);
        background-image: -ms-linear-gradient(top, #DD7919, #E47307);
        background-image: -o-linear-gradient(top, #DD7919, #E47307);
        background-image: linear-gradient(to bottom, #DD7919, #E47307);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD7919', endColorstr='#E47307');
    }
}

.layout-menu-orange .layout-profile-menu {
    background-color: #DD7919;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DD7919), to(#E47307));
    background-image: -webkit-linear-gradient(top, #DD7919, #E47307);
    background-image: -moz-linear-gradient(top, #DD7919, #E47307);
    background-image: -ms-linear-gradient(top, #DD7919, #E47307);
    background-image: -o-linear-gradient(top, #DD7919, #E47307);
    background-image: linear-gradient(to bottom, #DD7919, #E47307);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD7919', endColorstr='#E47307');
}

.layout-menu-orange .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-orange .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-orange .layout-profile-menu a:hover {
    background-color: #AD6119;
}

.layout-menu-orange .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-orange .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-orange .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-orange .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-orange .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-orange .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-orange .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-midnight .layout-menu-container {
    background-color: #232526;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#232526), to(#414345));
    background-image: -webkit-linear-gradient(top, #232526, #414345);
    background-image: -moz-linear-gradient(top, #232526, #414345);
    background-image: -ms-linear-gradient(top, #232526, #414345);
    background-image: -o-linear-gradient(top, #232526, #414345);
    background-image: linear-gradient(to bottom, #232526, #414345);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232526', endColorstr='#414345');
}

.layout-menu-midnight .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-midnight .layout-menu a i {
    color: #ffffff;
}

.layout-menu-midnight .layout-menu a:hover {
    background-color: #0F1010;
}

.layout-menu-midnight .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-midnight .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-midnight .layout-menu > li > .layout-submenu-container {
    background-color: #575B5E;
}

.layout-menu-midnight .layout-menu li.active-menuitem > a .menuitem-text {
    color: #4FC3F7;
}

.layout-menu-midnight .layout-menu li.active-menuitem > a i {
    color: #4FC3F7;
}

.layout-menu-midnight .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-midnight .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #232526;
}

.layout-menu-midnight .layout-menu > li.active-menuitem > a i {
    color: #232526;
}

.layout-menu-midnight .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-midnight.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-midnight.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-midnight.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #232526;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#232526), to(#414345));
        background-image: -webkit-linear-gradient(top, #232526, #414345);
        background-image: -moz-linear-gradient(top, #232526, #414345);
        background-image: -ms-linear-gradient(top, #232526, #414345);
        background-image: -o-linear-gradient(top, #232526, #414345);
        background-image: linear-gradient(to bottom, #232526, #414345);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232526', endColorstr='#414345');
    }
}

.layout-menu-midnight .layout-profile-menu {
    background-color: #232526;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#232526), to(#414345));
    background-image: -webkit-linear-gradient(top, #232526, #414345);
    background-image: -moz-linear-gradient(top, #232526, #414345);
    background-image: -ms-linear-gradient(top, #232526, #414345);
    background-image: -o-linear-gradient(top, #232526, #414345);
    background-image: linear-gradient(to bottom, #232526, #414345);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232526', endColorstr='#414345');
}

.layout-menu-midnight .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-midnight .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-midnight .layout-profile-menu a:hover {
    background-color: #0F1010;
}

.layout-menu-midnight .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-midnight .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-midnight .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-midnight .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-midnight .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-midnight .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-midnight .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-sunset .layout-menu-container {
    background-color: #C94B4B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C94B4B), to(#DE6868));
    background-image: -webkit-linear-gradient(top, #C94B4B, #DE6868);
    background-image: -moz-linear-gradient(top, #C94B4B, #DE6868);
    background-image: -ms-linear-gradient(top, #C94B4B, #DE6868);
    background-image: -o-linear-gradient(top, #C94B4B, #DE6868);
    background-image: linear-gradient(to bottom, #C94B4B, #DE6868);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C94B4B', endColorstr='#DE6868');
}

.layout-menu-sunset .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-sunset .layout-menu a i {
    color: #ffffff;
}

.layout-menu-sunset .layout-menu a:hover {
    background-color: #8D3232;
}

.layout-menu-sunset .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-sunset .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-sunset .layout-menu > li > .layout-submenu-container {
    background-color: #DF7575;
}

.layout-menu-sunset .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-sunset .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-sunset .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-sunset .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #C94B4B;
}

.layout-menu-sunset .layout-menu > li.active-menuitem > a i {
    color: #C94B4B;
}

.layout-menu-sunset .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-sunset.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-sunset.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-sunset.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #C94B4B;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#C94B4B), to(#DE6868));
        background-image: -webkit-linear-gradient(top, #C94B4B, #DE6868);
        background-image: -moz-linear-gradient(top, #C94B4B, #DE6868);
        background-image: -ms-linear-gradient(top, #C94B4B, #DE6868);
        background-image: -o-linear-gradient(top, #C94B4B, #DE6868);
        background-image: linear-gradient(to bottom, #C94B4B, #DE6868);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C94B4B', endColorstr='#DE6868');
    }
}

.layout-menu-sunset .layout-profile-menu {
    background-color: #C94B4B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C94B4B), to(#DE6868));
    background-image: -webkit-linear-gradient(top, #C94B4B, #DE6868);
    background-image: -moz-linear-gradient(top, #C94B4B, #DE6868);
    background-image: -ms-linear-gradient(top, #C94B4B, #DE6868);
    background-image: -o-linear-gradient(top, #C94B4B, #DE6868);
    background-image: linear-gradient(to bottom, #C94B4B, #DE6868);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C94B4B', endColorstr='#DE6868');
}

.layout-menu-sunset .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-sunset .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-sunset .layout-profile-menu a:hover {
    background-color: #8D3232;
}

.layout-menu-sunset .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-sunset .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-sunset .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-sunset .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-sunset .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-sunset .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-sunset .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-marley .layout-menu-container {
    background-color: #00838F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00838F), to(#0E7CAC));
    background-image: -webkit-linear-gradient(top, #00838F, #0E7CAC);
    background-image: -moz-linear-gradient(top, #00838F, #0E7CAC);
    background-image: -ms-linear-gradient(top, #00838F, #0E7CAC);
    background-image: -o-linear-gradient(top, #00838F, #0E7CAC);
    background-image: linear-gradient(to bottom, #00838F, #0E7CAC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00838F', endColorstr='#0E7CAC');
}

.layout-menu-marley .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-marley .layout-menu a i {
    color: #ffffff;
}

.layout-menu-marley .layout-menu a:hover {
    background-color: #07575E;
}

.layout-menu-marley .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-marley .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-marley .layout-menu > li > .layout-submenu-container {
    background-color: #47A0C7;
}

.layout-menu-marley .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-marley .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-marley .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-marley .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #0E7CAC;
}

.layout-menu-marley .layout-menu > li.active-menuitem > a i {
    color: #0E7CAC;
}

.layout-menu-marley .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-marley.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-marley.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-marley.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #00838F;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#00838F), to(#0E7CAC));
        background-image: -webkit-linear-gradient(top, #00838F, #0E7CAC);
        background-image: -moz-linear-gradient(top, #00838F, #0E7CAC);
        background-image: -ms-linear-gradient(top, #00838F, #0E7CAC);
        background-image: -o-linear-gradient(top, #00838F, #0E7CAC);
        background-image: linear-gradient(to bottom, #00838F, #0E7CAC);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00838F', endColorstr='#0E7CAC');
    }
}

.layout-menu-marley .layout-profile-menu {
    background-color: #00838F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00838F), to(#0E7CAC));
    background-image: -webkit-linear-gradient(top, #00838F, #0E7CAC);
    background-image: -moz-linear-gradient(top, #00838F, #0E7CAC);
    background-image: -ms-linear-gradient(top, #00838F, #0E7CAC);
    background-image: -o-linear-gradient(top, #00838F, #0E7CAC);
    background-image: linear-gradient(to bottom, #00838F, #0E7CAC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00838F', endColorstr='#0E7CAC');
}

.layout-menu-marley .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-marley .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-marley .layout-profile-menu a:hover {
    background-color: #07575E;
}

.layout-menu-marley .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-marley .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-marley .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-marley .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-marley .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-marley .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-marley .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-harvey .layout-menu-container {
    background-color: #1F4037;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1F4037), to(#509D7C));
    background-image: -webkit-linear-gradient(top, #1F4037, #509D7C);
    background-image: -moz-linear-gradient(top, #1F4037, #509D7C);
    background-image: -ms-linear-gradient(top, #1F4037, #509D7C);
    background-image: -o-linear-gradient(top, #1F4037, #509D7C);
    background-image: linear-gradient(to bottom, #1F4037, #509D7C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F4037', endColorstr='#509D7C');
}

.layout-menu-harvey .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-harvey .layout-menu a i {
    color: #ffffff;
}

.layout-menu-harvey .layout-menu a:hover {
    background-color: #17342C;
}

.layout-menu-harvey .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-harvey .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-harvey .layout-menu > li > .layout-submenu-container {
    background-color: #538C76;
}

.layout-menu-harvey .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-harvey .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-harvey .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-harvey .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #17342C;
}

.layout-menu-harvey .layout-menu > li.active-menuitem > a i {
    color: #17342C;
}

.layout-menu-harvey .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-harvey.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-harvey.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-harvey.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #1F4037;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1F4037), to(#509D7C));
        background-image: -webkit-linear-gradient(top, #1F4037, #509D7C);
        background-image: -moz-linear-gradient(top, #1F4037, #509D7C);
        background-image: -ms-linear-gradient(top, #1F4037, #509D7C);
        background-image: -o-linear-gradient(top, #1F4037, #509D7C);
        background-image: linear-gradient(to bottom, #1F4037, #509D7C);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F4037', endColorstr='#509D7C');
    }
}

.layout-menu-harvey .layout-profile-menu {
    background-color: #1F4037;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1F4037), to(#509D7C));
    background-image: -webkit-linear-gradient(top, #1F4037, #509D7C);
    background-image: -moz-linear-gradient(top, #1F4037, #509D7C);
    background-image: -ms-linear-gradient(top, #1F4037, #509D7C);
    background-image: -o-linear-gradient(top, #1F4037, #509D7C);
    background-image: linear-gradient(to bottom, #1F4037, #509D7C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F4037', endColorstr='#509D7C');
}

.layout-menu-harvey .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-harvey .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-harvey .layout-profile-menu a:hover {
    background-color: #17342C;
}

.layout-menu-harvey .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-harvey .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-harvey .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-harvey .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-harvey .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-harvey .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-harvey .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-vanusa .layout-menu-container {
    background-color: #89216B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#89216B), to(#9E2A64));
    background-image: -webkit-linear-gradient(top, #89216B, #9E2A64);
    background-image: -moz-linear-gradient(top, #89216B, #9E2A64);
    background-image: -ms-linear-gradient(top, #89216B, #9E2A64);
    background-image: -o-linear-gradient(top, #89216B, #9E2A64);
    background-image: linear-gradient(to bottom, #89216B, #9E2A64);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89216B', endColorstr='#9E2A64');
}

.layout-menu-vanusa .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-vanusa .layout-menu a i {
    color: #ffffff;
}

.layout-menu-vanusa .layout-menu a:hover {
    background-color: #66154F;
}

.layout-menu-vanusa .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-vanusa .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-vanusa .layout-menu > li > .layout-submenu-container {
    background-color: #AE3F86;
}

.layout-menu-vanusa .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-vanusa .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-vanusa .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-vanusa .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #89216B;
}

.layout-menu-vanusa .layout-menu > li.active-menuitem > a i {
    color: #89216B;
}

.layout-menu-vanusa .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-vanusa.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-vanusa.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-vanusa.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #89216B;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#89216B), to(#9E2A64));
        background-image: -webkit-linear-gradient(top, #89216B, #9E2A64);
        background-image: -moz-linear-gradient(top, #89216B, #9E2A64);
        background-image: -ms-linear-gradient(top, #89216B, #9E2A64);
        background-image: -o-linear-gradient(top, #89216B, #9E2A64);
        background-image: linear-gradient(to bottom, #89216B, #9E2A64);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89216B', endColorstr='#9E2A64');
    }
}

.layout-menu-vanusa .layout-profile-menu {
    background-color: #89216B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#89216B), to(#9E2A64));
    background-image: -webkit-linear-gradient(top, #89216B, #9E2A64);
    background-image: -moz-linear-gradient(top, #89216B, #9E2A64);
    background-image: -ms-linear-gradient(top, #89216B, #9E2A64);
    background-image: -o-linear-gradient(top, #89216B, #9E2A64);
    background-image: linear-gradient(to bottom, #89216B, #9E2A64);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89216B', endColorstr='#9E2A64');
}

.layout-menu-vanusa .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-vanusa .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-vanusa .layout-profile-menu a:hover {
    background-color: #66154F;
}

.layout-menu-vanusa .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-vanusa .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-vanusa .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-vanusa .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-vanusa .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-vanusa .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-vanusa .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-skyline .layout-menu-container {
    background-color: #2764B6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2764B6), to(#303BB5));
    background-image: -webkit-linear-gradient(top, #2764B6, #303BB5);
    background-image: -moz-linear-gradient(top, #2764B6, #303BB5);
    background-image: -ms-linear-gradient(top, #2764B6, #303BB5);
    background-image: -o-linear-gradient(top, #2764B6, #303BB5);
    background-image: linear-gradient(to bottom, #2764B6, #303BB5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2764B6', endColorstr='#303BB5');
}

.layout-menu-skyline .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-skyline .layout-menu a i {
    color: #ffffff;
}

.layout-menu-skyline .layout-menu a:hover {
    background-color: #174280;
}

.layout-menu-skyline .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-skyline .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-skyline .layout-menu > li > .layout-submenu-container {
    background-color: #4F74C0;
}

.layout-menu-skyline .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-skyline .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-skyline .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-skyline .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #303BB5;
}

.layout-menu-skyline .layout-menu > li.active-menuitem > a i {
    color: #303BB5;
}

.layout-menu-skyline .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-skyline.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-skyline.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-skyline.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #2764B6;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#2764B6), to(#303BB5));
        background-image: -webkit-linear-gradient(top, #2764B6, #303BB5);
        background-image: -moz-linear-gradient(top, #2764B6, #303BB5);
        background-image: -ms-linear-gradient(top, #2764B6, #303BB5);
        background-image: -o-linear-gradient(top, #2764B6, #303BB5);
        background-image: linear-gradient(to bottom, #2764B6, #303BB5);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2764B6', endColorstr='#303BB5');
    }
}

.layout-menu-skyline .layout-profile-menu {
    background-color: #2764B6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2764B6), to(#303BB5));
    background-image: -webkit-linear-gradient(top, #2764B6, #303BB5);
    background-image: -moz-linear-gradient(top, #2764B6, #303BB5);
    background-image: -ms-linear-gradient(top, #2764B6, #303BB5);
    background-image: -o-linear-gradient(top, #2764B6, #303BB5);
    background-image: linear-gradient(to bottom, #2764B6, #303BB5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2764B6', endColorstr='#303BB5');
}

.layout-menu-skyline .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-skyline .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-skyline .layout-profile-menu a:hover {
    background-color: #174280;
}

.layout-menu-skyline .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-skyline .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-skyline .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-skyline .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-skyline .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-skyline .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-skyline .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-royal .layout-menu-container {
    background-color: #141E30;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#141E30), to(#243B55));
    background-image: -webkit-linear-gradient(top, #141E30, #243B55);
    background-image: -moz-linear-gradient(top, #141E30, #243B55);
    background-image: -ms-linear-gradient(top, #141E30, #243B55);
    background-image: -o-linear-gradient(top, #141E30, #243B55);
    background-image: linear-gradient(to bottom, #141E30, #243B55);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#141E30', endColorstr='#243B55');
}

.layout-menu-royal .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-royal .layout-menu a i {
    color: #ffffff;
}

.layout-menu-royal .layout-menu a:hover {
    background-color: #738CB8;
}

.layout-menu-royal .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-royal .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-royal .layout-menu > li > .layout-submenu-container {
    background-color: #566B91;
}

.layout-menu-royal .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-royal .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-royal .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-royal .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #141E30;
}

.layout-menu-royal .layout-menu > li.active-menuitem > a i {
    color: #141E30;
}

.layout-menu-royal .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-royal.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-royal.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-royal.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #141E30;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#141E30), to(#243B55));
        background-image: -webkit-linear-gradient(top, #141E30, #243B55);
        background-image: -moz-linear-gradient(top, #141E30, #243B55);
        background-image: -ms-linear-gradient(top, #141E30, #243B55);
        background-image: -o-linear-gradient(top, #141E30, #243B55);
        background-image: linear-gradient(to bottom, #141E30, #243B55);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#141E30', endColorstr='#243B55');
    }
}

.layout-menu-royal .layout-profile-menu {
    background-color: #141E30;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#141E30), to(#243B55));
    background-image: -webkit-linear-gradient(top, #141E30, #243B55);
    background-image: -moz-linear-gradient(top, #141E30, #243B55);
    background-image: -ms-linear-gradient(top, #141E30, #243B55);
    background-image: -o-linear-gradient(top, #141E30, #243B55);
    background-image: linear-gradient(to bottom, #141E30, #243B55);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#141E30', endColorstr='#243B55');
}

.layout-menu-royal .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-royal .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-royal .layout-profile-menu a:hover {
    background-color: #738CB8;
}

.layout-menu-royal .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-royal .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-royal .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-royal .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-royal .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-royal .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-royal .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-disco .layout-menu-container {
    background-color: #556270;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#556270), to(#2C8F88));
    background-image: -webkit-linear-gradient(top, #556270, #2C8F88);
    background-image: -moz-linear-gradient(top, #556270, #2C8F88);
    background-image: -ms-linear-gradient(top, #556270, #2C8F88);
    background-image: -o-linear-gradient(top, #556270, #2C8F88);
    background-image: linear-gradient(to bottom, #556270, #2C8F88);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#556270', endColorstr='#2C8F88');
}

.layout-menu-disco .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-disco .layout-menu a i {
    color: #ffffff;
}

.layout-menu-disco .layout-menu a:hover {
    background-color: #3D4650;
}

.layout-menu-disco .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-disco .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-disco .layout-menu > li > .layout-submenu-container {
    background-color: #899DAA;
}

.layout-menu-disco .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-disco .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-disco .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-disco .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #556270;
}

.layout-menu-disco .layout-menu > li.active-menuitem > a i {
    color: #556270;
}

.layout-menu-disco .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-disco.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-disco.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-disco.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #556270;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#556270), to(#2C8F88));
        background-image: -webkit-linear-gradient(top, #556270, #2C8F88);
        background-image: -moz-linear-gradient(top, #556270, #2C8F88);
        background-image: -ms-linear-gradient(top, #556270, #2C8F88);
        background-image: -o-linear-gradient(top, #556270, #2C8F88);
        background-image: linear-gradient(to bottom, #556270, #2C8F88);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#556270', endColorstr='#2C8F88');
    }
}

.layout-menu-disco .layout-profile-menu {
    background-color: #556270;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#556270), to(#2C8F88));
    background-image: -webkit-linear-gradient(top, #556270, #2C8F88);
    background-image: -moz-linear-gradient(top, #556270, #2C8F88);
    background-image: -ms-linear-gradient(top, #556270, #2C8F88);
    background-image: -o-linear-gradient(top, #556270, #2C8F88);
    background-image: linear-gradient(to bottom, #556270, #2C8F88);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#556270', endColorstr='#2C8F88');
}

.layout-menu-disco .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-disco .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-disco .layout-profile-menu a:hover {
    background-color: #3D4650;
}

.layout-menu-disco .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-disco .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-disco .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-disco .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-disco .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-disco .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-disco .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-sky .layout-menu-container {
    background-color: #026E9D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#026E9D), to(#1BA6DD));
    background-image: -webkit-linear-gradient(top, #026E9D, #1BA6DD);
    background-image: -moz-linear-gradient(top, #026E9D, #1BA6DD);
    background-image: -ms-linear-gradient(top, #026E9D, #1BA6DD);
    background-image: -o-linear-gradient(top, #026E9D, #1BA6DD);
    background-image: linear-gradient(to bottom, #026E9D, #1BA6DD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#026E9D', endColorstr='#1BA6DD');
}

.layout-menu-sky .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-sky .layout-menu a i {
    color: #ffffff;
}

.layout-menu-sky .layout-menu a:hover {
    background-color: #065476;
}

.layout-menu-sky .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-sky .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-sky .layout-menu > li > .layout-submenu-container {
    background-color: #4BA1C5;
}

.layout-menu-sky .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFB300;
}

.layout-menu-sky .layout-menu li.active-menuitem > a i {
    color: #FFB300;
}

.layout-menu-sky .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-sky .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #065476;
}

.layout-menu-sky .layout-menu > li.active-menuitem > a i {
    color: #065476;
}

.layout-menu-sky .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-sky.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-sky.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-sky.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #026E9D;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#026E9D), to(#1BA6DD));
        background-image: -webkit-linear-gradient(top, #026E9D, #1BA6DD);
        background-image: -moz-linear-gradient(top, #026E9D, #1BA6DD);
        background-image: -ms-linear-gradient(top, #026E9D, #1BA6DD);
        background-image: -o-linear-gradient(top, #026E9D, #1BA6DD);
        background-image: linear-gradient(to bottom, #026E9D, #1BA6DD);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#026E9D', endColorstr='#1BA6DD');
    }
}

.layout-menu-sky .layout-profile-menu {
    background-color: #026E9D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#026E9D), to(#1BA6DD));
    background-image: -webkit-linear-gradient(top, #026E9D, #1BA6DD);
    background-image: -moz-linear-gradient(top, #026E9D, #1BA6DD);
    background-image: -ms-linear-gradient(top, #026E9D, #1BA6DD);
    background-image: -o-linear-gradient(top, #026E9D, #1BA6DD);
    background-image: linear-gradient(to bottom, #026E9D, #1BA6DD);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#026E9D', endColorstr='#1BA6DD');
}

.layout-menu-sky .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-sky .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-sky .layout-profile-menu a:hover {
    background-color: #065476;
}

.layout-menu-sky .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-sky .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-sky .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-sky .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-sky .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-sky .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-sky .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-rose .layout-menu-container {
    background-color: #833859;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#833859), to(#833859));
    background-image: -webkit-linear-gradient(top, #833859, #833859);
    background-image: -moz-linear-gradient(top, #833859, #833859);
    background-image: -ms-linear-gradient(top, #833859, #833859);
    background-image: -o-linear-gradient(top, #833859, #833859);
    background-image: linear-gradient(to bottom, #833859, #833859);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#833859', endColorstr='#833859');
}

.layout-menu-rose .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-rose .layout-menu a i {
    color: #ffffff;
}

.layout-menu-rose .layout-menu a:hover {
    background-color: #A06780;
}

.layout-menu-rose .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-rose .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-rose .layout-menu > li > .layout-submenu-container {
    background-color: #522036;
}

.layout-menu-rose .layout-menu li.active-menuitem > a .menuitem-text {
    color: #66BB6A;
}

.layout-menu-rose .layout-menu li.active-menuitem > a i {
    color: #66BB6A;
}

.layout-menu-rose .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-rose .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #522036;
}

.layout-menu-rose .layout-menu > li.active-menuitem > a i {
    color: #522036;
}

.layout-menu-rose .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-rose.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-rose.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-rose.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #833859;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#833859), to(#833859));
        background-image: -webkit-linear-gradient(top, #833859, #833859);
        background-image: -moz-linear-gradient(top, #833859, #833859);
        background-image: -ms-linear-gradient(top, #833859, #833859);
        background-image: -o-linear-gradient(top, #833859, #833859);
        background-image: linear-gradient(to bottom, #833859, #833859);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#833859', endColorstr='#833859');
    }
}

.layout-menu-rose .layout-profile-menu {
    background-color: #833859;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#833859), to(#833859));
    background-image: -webkit-linear-gradient(top, #833859, #833859);
    background-image: -moz-linear-gradient(top, #833859, #833859);
    background-image: -ms-linear-gradient(top, #833859, #833859);
    background-image: -o-linear-gradient(top, #833859, #833859);
    background-image: linear-gradient(to bottom, #833859, #833859);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#833859', endColorstr='#833859');
}

.layout-menu-rose .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-rose .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-rose .layout-profile-menu a:hover {
    background-color: #A06780;
}

.layout-menu-rose .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-rose .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-rose .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-rose .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-rose .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-rose .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-rose .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-revolt .layout-menu-container {
    background-color: #474982;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#474982), to(#6D97A2));
    background-image: -webkit-linear-gradient(top, #474982, #6D97A2);
    background-image: -moz-linear-gradient(top, #474982, #6D97A2);
    background-image: -ms-linear-gradient(top, #474982, #6D97A2);
    background-image: -o-linear-gradient(top, #474982, #6D97A2);
    background-image: linear-gradient(to bottom, #474982, #6D97A2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474982', endColorstr='#6D97A2');
}

.layout-menu-revolt .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-revolt .layout-menu a i {
    color: #ffffff;
}

.layout-menu-revolt .layout-menu a:hover {
    background-color: #787AA3;
}

.layout-menu-revolt .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-revolt .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-revolt .layout-menu > li > .layout-submenu-container {
    background-color: #2D2E5B;
}

.layout-menu-revolt .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFC107;
}

.layout-menu-revolt .layout-menu li.active-menuitem > a i {
    color: #FFC107;
}

.layout-menu-revolt .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-revolt .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #474982;
}

.layout-menu-revolt .layout-menu > li.active-menuitem > a i {
    color: #474982;
}

.layout-menu-revolt .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-revolt.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-revolt.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-revolt.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #474982;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#474982), to(#6D97A2));
        background-image: -webkit-linear-gradient(top, #474982, #6D97A2);
        background-image: -moz-linear-gradient(top, #474982, #6D97A2);
        background-image: -ms-linear-gradient(top, #474982, #6D97A2);
        background-image: -o-linear-gradient(top, #474982, #6D97A2);
        background-image: linear-gradient(to bottom, #474982, #6D97A2);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474982', endColorstr='#6D97A2');
    }
}

.layout-menu-revolt .layout-profile-menu {
    background-color: #474982;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#474982), to(#6D97A2));
    background-image: -webkit-linear-gradient(top, #474982, #6D97A2);
    background-image: -moz-linear-gradient(top, #474982, #6D97A2);
    background-image: -ms-linear-gradient(top, #474982, #6D97A2);
    background-image: -o-linear-gradient(top, #474982, #6D97A2);
    background-image: linear-gradient(to bottom, #474982, #6D97A2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474982', endColorstr='#6D97A2');
}

.layout-menu-revolt .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-revolt .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-revolt .layout-profile-menu a:hover {
    background-color: #787AA3;
}

.layout-menu-revolt .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-revolt .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-revolt .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-revolt .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-revolt .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-revolt .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-revolt .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-forest .layout-menu-container {
    background-color: #224C3D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#224C3D), to(#95A850));
    background-image: -webkit-linear-gradient(top, #224C3D, #95A850);
    background-image: -moz-linear-gradient(top, #224C3D, #95A850);
    background-image: -ms-linear-gradient(top, #224C3D, #95A850);
    background-image: -o-linear-gradient(top, #224C3D, #95A850);
    background-image: linear-gradient(to bottom, #224C3D, #95A850);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#224C3D', endColorstr='#95A850');
}

.layout-menu-forest .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-forest .layout-menu a i {
    color: #ffffff;
}

.layout-menu-forest .layout-menu a:hover {
    background-color: #16372B;
}

.layout-menu-forest .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-forest .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-forest .layout-menu > li > .layout-submenu-container {
    background-color: #466E60;
}

.layout-menu-forest .layout-menu li.active-menuitem > a .menuitem-text {
    color: #CDDC39;
}

.layout-menu-forest .layout-menu li.active-menuitem > a i {
    color: #CDDC39;
}

.layout-menu-forest .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-forest .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #224C3D;
}

.layout-menu-forest .layout-menu > li.active-menuitem > a i {
    color: #224C3D;
}

.layout-menu-forest .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-forest.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-forest.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-forest.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #224C3D;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#224C3D), to(#95A850));
        background-image: -webkit-linear-gradient(top, #224C3D, #95A850);
        background-image: -moz-linear-gradient(top, #224C3D, #95A850);
        background-image: -ms-linear-gradient(top, #224C3D, #95A850);
        background-image: -o-linear-gradient(top, #224C3D, #95A850);
        background-image: linear-gradient(to bottom, #224C3D, #95A850);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#224C3D', endColorstr='#95A850');
    }
}

.layout-menu-forest .layout-profile-menu {
    background-color: #224C3D;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#224C3D), to(#95A850));
    background-image: -webkit-linear-gradient(top, #224C3D, #95A850);
    background-image: -moz-linear-gradient(top, #224C3D, #95A850);
    background-image: -ms-linear-gradient(top, #224C3D, #95A850);
    background-image: -o-linear-gradient(top, #224C3D, #95A850);
    background-image: linear-gradient(to bottom, #224C3D, #95A850);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#224C3D', endColorstr='#95A850');
}

.layout-menu-forest .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-forest .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-forest .layout-profile-menu a:hover {
    background-color: #16372B;
}

.layout-menu-forest .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-forest .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-forest .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-forest .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-forest .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-forest .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-forest .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-night .layout-menu-container {
    background-color: #363C7E;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#363C7E), to(#0D68AF));
    background-image: -webkit-linear-gradient(top, #363C7E, #0D68AF);
    background-image: -moz-linear-gradient(top, #363C7E, #0D68AF);
    background-image: -ms-linear-gradient(top, #363C7E, #0D68AF);
    background-image: -o-linear-gradient(top, #363C7E, #0D68AF);
    background-image: linear-gradient(to bottom, #363C7E, #0D68AF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363C7E', endColorstr='#0D68AF');
}

.layout-menu-night .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-night .layout-menu a i {
    color: #ffffff;
}

.layout-menu-night .layout-menu a:hover {
    background-color: #20255A;
}

.layout-menu-night .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-night .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-night .layout-menu > li > .layout-submenu-container {
    background-color: #0D1030;
}

.layout-menu-night .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFCA28;
}

.layout-menu-night .layout-menu li.active-menuitem > a i {
    color: #FFCA28;
}

.layout-menu-night .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-night .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #363C7E;
}

.layout-menu-night .layout-menu > li.active-menuitem > a i {
    color: #363C7E;
}

.layout-menu-night .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-night.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-night.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-night.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #363C7E;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#363C7E), to(#0D68AF));
        background-image: -webkit-linear-gradient(top, #363C7E, #0D68AF);
        background-image: -moz-linear-gradient(top, #363C7E, #0D68AF);
        background-image: -ms-linear-gradient(top, #363C7E, #0D68AF);
        background-image: -o-linear-gradient(top, #363C7E, #0D68AF);
        background-image: linear-gradient(to bottom, #363C7E, #0D68AF);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363C7E', endColorstr='#0D68AF');
    }
}

.layout-menu-night .layout-profile-menu {
    background-color: #363C7E;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#363C7E), to(#0D68AF));
    background-image: -webkit-linear-gradient(top, #363C7E, #0D68AF);
    background-image: -moz-linear-gradient(top, #363C7E, #0D68AF);
    background-image: -ms-linear-gradient(top, #363C7E, #0D68AF);
    background-image: -o-linear-gradient(top, #363C7E, #0D68AF);
    background-image: linear-gradient(to bottom, #363C7E, #0D68AF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363C7E', endColorstr='#0D68AF');
}

.layout-menu-night .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-night .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-night .layout-profile-menu a:hover {
    background-color: #20255A;
}

.layout-menu-night .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-night .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-night .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-night .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-night .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-night .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-night .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-apricot .layout-menu-container {
    background-color: #F1719A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F1719A), to(#FE9473));
    background-image: -webkit-linear-gradient(top, #F1719A, #FE9473);
    background-image: -moz-linear-gradient(top, #F1719A, #FE9473);
    background-image: -ms-linear-gradient(top, #F1719A, #FE9473);
    background-image: -o-linear-gradient(top, #F1719A, #FE9473);
    background-image: linear-gradient(to bottom, #F1719A, #FE9473);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1719A', endColorstr='#FE9473');
}

.layout-menu-apricot .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-apricot .layout-menu a i {
    color: #ffffff;
}

.layout-menu-apricot .layout-menu a:hover {
    background-color: #A93559;
}

.layout-menu-apricot .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-apricot .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-apricot .layout-menu > li > .layout-submenu-container {
    background-color: #5A1329;
}

.layout-menu-apricot .layout-menu li.active-menuitem > a .menuitem-text {
    color: #80CBC4;
}

.layout-menu-apricot .layout-menu li.active-menuitem > a i {
    color: #80CBC4;
}

.layout-menu-apricot .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-apricot .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #A93559;
}

.layout-menu-apricot .layout-menu > li.active-menuitem > a i {
    color: #A93559;
}

.layout-menu-apricot .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-apricot.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-apricot.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-apricot.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #F1719A;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#F1719A), to(#FE9473));
        background-image: -webkit-linear-gradient(top, #F1719A, #FE9473);
        background-image: -moz-linear-gradient(top, #F1719A, #FE9473);
        background-image: -ms-linear-gradient(top, #F1719A, #FE9473);
        background-image: -o-linear-gradient(top, #F1719A, #FE9473);
        background-image: linear-gradient(to bottom, #F1719A, #FE9473);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1719A', endColorstr='#FE9473');
    }
}

.layout-menu-apricot .layout-profile-menu {
    background-color: #F1719A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F1719A), to(#FE9473));
    background-image: -webkit-linear-gradient(top, #F1719A, #FE9473);
    background-image: -moz-linear-gradient(top, #F1719A, #FE9473);
    background-image: -ms-linear-gradient(top, #F1719A, #FE9473);
    background-image: -o-linear-gradient(top, #F1719A, #FE9473);
    background-image: linear-gradient(to bottom, #F1719A, #FE9473);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1719A', endColorstr='#FE9473');
}

.layout-menu-apricot .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-apricot .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-apricot .layout-profile-menu a:hover {
    background-color: #A93559;
}

.layout-menu-apricot .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-apricot .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-apricot .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-apricot .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-apricot .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-apricot .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-apricot .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-faraway .layout-menu-container {
    background-color: #D0664E;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D0664E), to(#612338));
    background-image: -webkit-linear-gradient(top, #D0664E, #612338);
    background-image: -moz-linear-gradient(top, #D0664E, #612338);
    background-image: -ms-linear-gradient(top, #D0664E, #612338);
    background-image: -o-linear-gradient(top, #D0664E, #612338);
    background-image: linear-gradient(to bottom, #D0664E, #612338);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0664E', endColorstr='#612338');
}

.layout-menu-faraway .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-faraway .layout-menu a i {
    color: #ffffff;
}

.layout-menu-faraway .layout-menu a:hover {
    background-color: #6E2A1C;
}

.layout-menu-faraway .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-faraway .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-faraway .layout-menu > li > .layout-submenu-container {
    background-color: #993F2C;
}

.layout-menu-faraway .layout-menu li.active-menuitem > a .menuitem-text {
    color: #00BCD4;
}

.layout-menu-faraway .layout-menu li.active-menuitem > a i {
    color: #00BCD4;
}

.layout-menu-faraway .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-faraway .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #612338;
}

.layout-menu-faraway .layout-menu > li.active-menuitem > a i {
    color: #612338;
}

.layout-menu-faraway .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-faraway.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-faraway.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-faraway.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #D0664E;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#D0664E), to(#612338));
        background-image: -webkit-linear-gradient(top, #D0664E, #612338);
        background-image: -moz-linear-gradient(top, #D0664E, #612338);
        background-image: -ms-linear-gradient(top, #D0664E, #612338);
        background-image: -o-linear-gradient(top, #D0664E, #612338);
        background-image: linear-gradient(to bottom, #D0664E, #612338);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0664E', endColorstr='#612338');
    }
}

.layout-menu-faraway .layout-profile-menu {
    background-color: #D0664E;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D0664E), to(#612338));
    background-image: -webkit-linear-gradient(top, #D0664E, #612338);
    background-image: -moz-linear-gradient(top, #D0664E, #612338);
    background-image: -ms-linear-gradient(top, #D0664E, #612338);
    background-image: -o-linear-gradient(top, #D0664E, #612338);
    background-image: linear-gradient(to bottom, #D0664E, #612338);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0664E', endColorstr='#612338');
}

.layout-menu-faraway .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-faraway .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-faraway .layout-profile-menu a:hover {
    background-color: #6E2A1C;
}

.layout-menu-faraway .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-faraway .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-faraway .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-faraway .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-faraway .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-faraway .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-faraway .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-grape .layout-menu-container {
    background-color: #5854F7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5854F7), to(#7A91D8));
    background-image: -webkit-linear-gradient(top, #5854F7, #7A91D8);
    background-image: -moz-linear-gradient(top, #5854F7, #7A91D8);
    background-image: -ms-linear-gradient(top, #5854F7, #7A91D8);
    background-image: -o-linear-gradient(top, #5854F7, #7A91D8);
    background-image: linear-gradient(to bottom, #5854F7, #7A91D8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5854F7', endColorstr='#7A91D8');
}

.layout-menu-grape .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-grape .layout-menu a i {
    color: #ffffff;
}

.layout-menu-grape .layout-menu a:hover {
    background-color: #262389;
}

.layout-menu-grape .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-grape .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-grape .layout-menu > li > .layout-submenu-container {
    background-color: #3C39B5;
}

.layout-menu-grape .layout-menu li.active-menuitem > a .menuitem-text {
    color: #F06292;
}

.layout-menu-grape .layout-menu li.active-menuitem > a i {
    color: #F06292;
}

.layout-menu-grape .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-grape .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #5854F7;
}

.layout-menu-grape .layout-menu > li.active-menuitem > a i {
    color: #5854F7;
}

.layout-menu-grape .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-grape.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-grape.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-grape.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #5854F7;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#5854F7), to(#7A91D8));
        background-image: -webkit-linear-gradient(top, #5854F7, #7A91D8);
        background-image: -moz-linear-gradient(top, #5854F7, #7A91D8);
        background-image: -ms-linear-gradient(top, #5854F7, #7A91D8);
        background-image: -o-linear-gradient(top, #5854F7, #7A91D8);
        background-image: linear-gradient(to bottom, #5854F7, #7A91D8);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5854F7', endColorstr='#7A91D8');
    }
}

.layout-menu-grape .layout-profile-menu {
    background-color: #5854F7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5854F7), to(#7A91D8));
    background-image: -webkit-linear-gradient(top, #5854F7, #7A91D8);
    background-image: -moz-linear-gradient(top, #5854F7, #7A91D8);
    background-image: -ms-linear-gradient(top, #5854F7, #7A91D8);
    background-image: -o-linear-gradient(top, #5854F7, #7A91D8);
    background-image: linear-gradient(to bottom, #5854F7, #7A91D8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5854F7', endColorstr='#7A91D8');
}

.layout-menu-grape .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-grape .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-grape .layout-profile-menu a:hover {
    background-color: #262389;
}

.layout-menu-grape .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-grape .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-grape .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-grape .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-grape .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-grape .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-grape .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-river .layout-menu-container {
    background-color: #054769;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#054769), to(#0596B7));
    background-image: -webkit-linear-gradient(top, #054769, #0596B7);
    background-image: -moz-linear-gradient(top, #054769, #0596B7);
    background-image: -ms-linear-gradient(top, #054769, #0596B7);
    background-image: -o-linear-gradient(top, #054769, #0596B7);
    background-image: linear-gradient(to bottom, #054769, #0596B7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#054769', endColorstr='#0596B7');
}

.layout-menu-river .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-river .layout-menu a i {
    color: #ffffff;
}

.layout-menu-river .layout-menu a:hover {
    background-color: #061C27;
}

.layout-menu-river .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-river .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-river .layout-menu > li > .layout-submenu-container {
    background-color: #072F41;
}

.layout-menu-river .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFB300;
}

.layout-menu-river .layout-menu li.active-menuitem > a i {
    color: #FFB300;
}

.layout-menu-river .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-river .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #054769;
}

.layout-menu-river .layout-menu > li.active-menuitem > a i {
    color: #054769;
}

.layout-menu-river .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-river.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-river.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-river.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #054769;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#054769), to(#0596B7));
        background-image: -webkit-linear-gradient(top, #054769, #0596B7);
        background-image: -moz-linear-gradient(top, #054769, #0596B7);
        background-image: -ms-linear-gradient(top, #054769, #0596B7);
        background-image: -o-linear-gradient(top, #054769, #0596B7);
        background-image: linear-gradient(to bottom, #054769, #0596B7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#054769', endColorstr='#0596B7');
    }
}

.layout-menu-river .layout-profile-menu {
    background-color: #054769;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#054769), to(#0596B7));
    background-image: -webkit-linear-gradient(top, #054769, #0596B7);
    background-image: -moz-linear-gradient(top, #054769, #0596B7);
    background-image: -ms-linear-gradient(top, #054769, #0596B7);
    background-image: -o-linear-gradient(top, #054769, #0596B7);
    background-image: linear-gradient(to bottom, #054769, #0596B7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#054769', endColorstr='#0596B7');
}

.layout-menu-river .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-river .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-river .layout-profile-menu a:hover {
    background-color: #061C27;
}

.layout-menu-river .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-river .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-river .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-river .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-river .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-river .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-river .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-dock .layout-menu-container {
    background-color: #422072;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#422072), to(#F29C7B));
    background-image: -webkit-linear-gradient(top, #422072, #F29C7B);
    background-image: -moz-linear-gradient(top, #422072, #F29C7B);
    background-image: -ms-linear-gradient(top, #422072, #F29C7B);
    background-image: -o-linear-gradient(top, #422072, #F29C7B);
    background-image: linear-gradient(to bottom, #422072, #F29C7B);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#422072', endColorstr='#F29C7B');
}

.layout-menu-dock .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-dock .layout-menu a i {
    color: #ffffff;
}

.layout-menu-dock .layout-menu a:hover {
    background-color: #1C0A31;
}

.layout-menu-dock .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-dock .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-dock .layout-menu > li > .layout-submenu-container {
    background-color: #2F1251;
}

.layout-menu-dock .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFB300;
}

.layout-menu-dock .layout-menu li.active-menuitem > a i {
    color: #FFB300;
}

.layout-menu-dock .layout-menu > li.active-menuitem > a {
    background-color: #ffffff;
}

.layout-menu-dock .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #422072;
}

.layout-menu-dock .layout-menu > li.active-menuitem > a i {
    color: #422072;
}

.layout-menu-dock .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-dock.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-dock.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-dock.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-color: #422072;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#422072), to(#F29C7B));
        background-image: -webkit-linear-gradient(top, #422072, #F29C7B);
        background-image: -moz-linear-gradient(top, #422072, #F29C7B);
        background-image: -ms-linear-gradient(top, #422072, #F29C7B);
        background-image: -o-linear-gradient(top, #422072, #F29C7B);
        background-image: linear-gradient(to bottom, #422072, #F29C7B);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#422072', endColorstr='#F29C7B');
    }
}

.layout-menu-dock .layout-profile-menu {
    background-color: #422072;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#422072), to(#F29C7B));
    background-image: -webkit-linear-gradient(top, #422072, #F29C7B);
    background-image: -moz-linear-gradient(top, #422072, #F29C7B);
    background-image: -ms-linear-gradient(top, #422072, #F29C7B);
    background-image: -o-linear-gradient(top, #422072, #F29C7B);
    background-image: linear-gradient(to bottom, #422072, #F29C7B);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#422072', endColorstr='#F29C7B');
}

.layout-menu-dock .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-dock .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-dock .layout-profile-menu a:hover {
    background-color: #1C0A31;
}

.layout-menu-dock .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-dock .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-dock .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-dock .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-dock .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-dock .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-dock .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-materialone .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-materialone .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-materialone .layout-menu a i {
    color: #ffffff;
}

.layout-menu-materialone .layout-menu a:hover {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-menu-materialone .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-materialone .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-materialone .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-materialone .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-materialone .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-materialone .layout-menu > li.active-menuitem > a {
    background-color: #f15c52;
}

.layout-menu-materialone .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-materialone .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-materialone .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-materialone.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-materialone.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-materialone.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-materialone .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-materialone .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-materialone .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-materialone .layout-profile-menu a:hover {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-menu-materialone .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-materialone .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-materialone .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-materialone .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-materialone .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-materialone .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-materialone .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-materialtwo .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-materialtwo .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-materialtwo .layout-menu a i {
    color: #ffffff;
}

.layout-menu-materialtwo .layout-menu a:hover {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-menu-materialtwo .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-materialtwo .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-materialtwo .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-materialtwo .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-materialtwo .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-materialtwo .layout-menu > li.active-menuitem > a {
    background-color: #34fcd6;
}

.layout-menu-materialtwo .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #181a21;
}

.layout-menu-materialtwo .layout-menu > li.active-menuitem > a i {
    color: #181a21;
}

.layout-menu-materialtwo .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-materialtwo.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-materialtwo.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-materialtwo.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-materialtwo .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-materialtwo .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-materialtwo .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-materialtwo .layout-profile-menu a:hover {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-menu-materialtwo .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-materialtwo .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-materialtwo .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-materialtwo .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-materialtwo .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-materialtwo .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-materialtwo .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-polygons .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-polygons .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-polygons .layout-menu a i {
    color: #ffffff;
}

.layout-menu-polygons .layout-menu a:hover {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-menu-polygons .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-polygons .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-polygons .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-polygons .layout-menu li.active-menuitem > a .menuitem-text {
    color: #e1ab41;
}

.layout-menu-polygons .layout-menu li.active-menuitem > a i {
    color: #e1ab41;
}

.layout-menu-polygons .layout-menu > li.active-menuitem > a {
    background-color: #c54424;
}

.layout-menu-polygons .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-polygons .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-polygons .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-polygons.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-polygons.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-polygons.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-polygons .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-polygons .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-polygons .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-polygons .layout-profile-menu a:hover {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-menu-polygons .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-polygons .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-polygons .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-polygons .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-polygons .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-polygons .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-polygons .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-connectionsone .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-menu a i {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-connectionsone .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-connectionsone .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-connectionsone .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-connectionsone .layout-menu > li.active-menuitem > a {
    background-color: #dc439b;
}

.layout-menu-connectionsone .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-connectionsone.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-connectionsone.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-connectionsone.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-connectionsone .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-connectionsone .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-connectionsone .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-connectionsone .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-connectionsone .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-connectionsone .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-connectionstwo .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-menu a i {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-connectionstwo .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-connectionstwo .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-connectionstwo .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-connectionstwo .layout-menu > li.active-menuitem > a {
    background-color: #00BCD4;
}

.layout-menu-connectionstwo .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-connectionstwo.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-connectionstwo.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-connectionstwo.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-connectionstwo .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-connectionstwo .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-connectionstwo .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-connectionstwo .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-connectionstwo .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-connectionstwo .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-road .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-road .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-road .layout-menu a i {
    color: #ffffff;
}

.layout-menu-road .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-road .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-road .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-road .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-road .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-road .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-road .layout-menu > li.active-menuitem > a {
    background-color: #FF8F00;
}

.layout-menu-road .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-road .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-road .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-road.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-road.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-road.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-road .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-road .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-road .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-road .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-road .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-road .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-road .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-road .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-road .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-road .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-road .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-reflection .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-reflection .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-reflection .layout-menu a i {
    color: #ffffff;
}

.layout-menu-reflection .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-reflection .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-reflection .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-reflection .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-reflection .layout-menu li.active-menuitem > a .menuitem-text {
    color: #4DD0E1;
}

.layout-menu-reflection .layout-menu li.active-menuitem > a i {
    color: #4DD0E1;
}

.layout-menu-reflection .layout-menu > li.active-menuitem > a {
    background-color: #00BCD4;
}

.layout-menu-reflection .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-reflection .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-reflection .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-reflection.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-reflection.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-reflection.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-reflection .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-reflection .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-reflection .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-reflection .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-reflection .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-reflection .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-reflection .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-reflection .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-reflection .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-reflection .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-reflection .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-waves .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-waves .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-waves .layout-menu a i {
    color: #ffffff;
}

.layout-menu-waves .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-waves .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-waves .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-waves .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-waves .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-waves .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-waves .layout-menu > li.active-menuitem > a {
    background-color: #0288D1;
}

.layout-menu-waves .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-waves .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-waves .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-waves.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-waves.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-waves.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-waves .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-waves .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-waves .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-waves .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-waves .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-waves .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-waves .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-waves .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-waves .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-waves .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-waves .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-sandiego .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-sandiego .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-sandiego .layout-menu a i {
    color: #ffffff;
}

.layout-menu-sandiego .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-sandiego .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-sandiego .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-sandiego .layout-menu > li > .layout-submenu-container {
    background-color: rgba(0, 0, 0, 0.2);
}

.layout-menu-sandiego .layout-menu li.active-menuitem > a .menuitem-text {
    color: #e1ab41;
}

.layout-menu-sandiego .layout-menu li.active-menuitem > a i {
    color: #e1ab41;
}

.layout-menu-sandiego .layout-menu > li.active-menuitem > a {
    background-color: #FFD54F;
}

.layout-menu-sandiego .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #212121;
}

.layout-menu-sandiego .layout-menu > li.active-menuitem > a i {
    color: #212121;
}

.layout-menu-sandiego .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-sandiego.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-sandiego.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-sandiego.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-sandiego .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-sandiego .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-sandiego .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-sandiego .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-sandiego .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-sandiego .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-sandiego .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-sandiego .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-sandiego .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-sandiego .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-sandiego .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-architecture .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-architecture .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-architecture .layout-menu a i {
    color: #ffffff;
}

.layout-menu-architecture .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-architecture .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-architecture .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-architecture .layout-menu > li > .layout-submenu-container {
    background-color: rgba(0, 0, 0, 0.2);
}

.layout-menu-architecture .layout-menu li.active-menuitem > a .menuitem-text {
    color: #B39DDB;
}

.layout-menu-architecture .layout-menu li.active-menuitem > a i {
    color: #B39DDB;
}

.layout-menu-architecture .layout-menu > li.active-menuitem > a {
    background-color: #673AB7;
}

.layout-menu-architecture .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-architecture .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-architecture .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-architecture.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-architecture.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-architecture.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-architecture .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-architecture .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-architecture .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-architecture .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-architecture .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-architecture .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-architecture .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-architecture .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-architecture .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-architecture .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-architecture .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-snow .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-snow .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-snow .layout-menu a i {
    color: #ffffff;
}

.layout-menu-snow .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-snow .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-snow .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-snow .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.24);
}

.layout-menu-snow .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-snow .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-snow .layout-menu > li.active-menuitem > a {
    background-color: #009688;
}

.layout-menu-snow .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-snow .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-snow .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-snow.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-snow.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-snow.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-snow .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-snow .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-snow .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-snow .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-snow .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-snow .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-snow .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-snow .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-snow .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-snow .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-snow .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-palm .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-palm .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-palm .layout-menu a i {
    color: #ffffff;
}

.layout-menu-palm .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-palm .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-palm .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-palm .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-palm .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFC107;
}

.layout-menu-palm .layout-menu li.active-menuitem > a i {
    color: #FFC107;
}

.layout-menu-palm .layout-menu > li.active-menuitem > a {
    background-color: #FF9800;
}

.layout-menu-palm .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-palm .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-palm .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-palm.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-palm.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-palm.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-palm .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-palm .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-palm .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-palm .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-palm .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-palm .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-palm .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-palm .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-palm .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-palm .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-palm .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-fluid .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-fluid .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-fluid .layout-menu a i {
    color: #ffffff;
}

.layout-menu-fluid .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-fluid .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-fluid .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-fluid .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-fluid .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-fluid .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-fluid .layout-menu > li.active-menuitem > a {
    background-color: #A60776;
}

.layout-menu-fluid .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-fluid .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-fluid .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-fluid.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-fluid.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-fluid.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-fluid .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-fluid .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-fluid .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-fluid .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-fluid .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-fluid .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-fluid .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-fluid .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-fluid .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-fluid .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-fluid .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-balloon .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-balloon .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-balloon .layout-menu a i {
    color: #ffffff;
}

.layout-menu-balloon .layout-menu a:hover {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-menu-balloon .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-balloon .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-balloon .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-balloon .layout-menu li.active-menuitem > a .menuitem-text {
    color: #55E1F3;
}

.layout-menu-balloon .layout-menu li.active-menuitem > a i {
    color: #55E1F3;
}

.layout-menu-balloon .layout-menu > li.active-menuitem > a {
    background-color: #B44A75;
}

.layout-menu-balloon .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-balloon .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-balloon .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-balloon.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-balloon.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-balloon.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-balloon .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-balloon .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-balloon .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-balloon .layout-profile-menu a:hover {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-menu-balloon .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-balloon .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-balloon .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-balloon .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-balloon .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-balloon .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-balloon .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-downtown .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-downtown .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-downtown .layout-menu a i {
    color: #ffffff;
}

.layout-menu-downtown .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-downtown .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-downtown .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-downtown .layout-menu > li > .layout-submenu-container {
    background-color: rgba(0, 0, 0, 0.2);
}

.layout-menu-downtown .layout-menu li.active-menuitem > a .menuitem-text {
    color: #00BCD4;
}

.layout-menu-downtown .layout-menu li.active-menuitem > a i {
    color: #00BCD4;
}

.layout-menu-downtown .layout-menu > li.active-menuitem > a {
    background-color: #00BCD4;
}

.layout-menu-downtown .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-downtown .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-downtown .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-downtown.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-downtown.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-downtown.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-downtown .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-downtown .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-downtown .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-downtown .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-downtown .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-downtown .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-downtown .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-downtown .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-downtown .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-downtown .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-downtown .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-perfection .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-perfection .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-perfection .layout-menu a i {
    color: #ffffff;
}

.layout-menu-perfection .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-perfection .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-perfection .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-perfection .layout-menu > li > .layout-submenu-container {
    background-color: rgba(0, 0, 0, 0.2);
}

.layout-menu-perfection .layout-menu li.active-menuitem > a .menuitem-text {
    color: #E91E63;
}

.layout-menu-perfection .layout-menu li.active-menuitem > a i {
    color: #E91E63;
}

.layout-menu-perfection .layout-menu > li.active-menuitem > a {
    background-color: #E91E63;
}

.layout-menu-perfection .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-perfection .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-perfection .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-perfection.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-perfection.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-perfection.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-perfection .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-perfection .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-perfection .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-perfection .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-perfection .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-perfection .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-perfection .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-perfection .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-perfection .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-perfection .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-perfection .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-northern .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-northern .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-northern .layout-menu a i {
    color: #ffffff;
}

.layout-menu-northern .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-northern .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-northern .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-northern .layout-menu > li > .layout-submenu-container {
    background-color: rgba(0, 0, 0, 0.2);
}

.layout-menu-northern .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFA726;
}

.layout-menu-northern .layout-menu li.active-menuitem > a i {
    color: #FFA726;
}

.layout-menu-northern .layout-menu > li.active-menuitem > a {
    background-color: #FF9800;
}

.layout-menu-northern .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-northern .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-northern .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-northern.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-northern.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-northern.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-northern .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-northern .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-northern .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-northern .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-northern .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-northern .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-northern .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-northern .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-northern .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-northern .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-northern .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-highline .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-highline .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-highline .layout-menu a i {
    color: #ffffff;
}

.layout-menu-highline .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-highline .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-highline .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-highline .layout-menu > li > .layout-submenu-container {
    background-color: rgba(0, 0, 0, 0.2);
}

.layout-menu-highline .layout-menu li.active-menuitem > a .menuitem-text {
    color: #E91E63;
}

.layout-menu-highline .layout-menu li.active-menuitem > a i {
    color: #E91E63;
}

.layout-menu-highline .layout-menu > li.active-menuitem > a {
    background-color: #E91E63;
}

.layout-menu-highline .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-highline .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-highline .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-highline.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-highline.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-highline.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-highline .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-highline .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-highline .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-highline .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-highline .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-highline .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-highline .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-highline .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-highline .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-highline .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-highline .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-mural .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-mural .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-mural .layout-menu a i {
    color: #ffffff;
}

.layout-menu-mural .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-mural .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-mural .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-mural .layout-menu > li > .layout-submenu-container {
    background-color: rgba(0, 0, 0, 0.2);
}

.layout-menu-mural .layout-menu li.active-menuitem > a .menuitem-text {
    color: #66BB6A;
}

.layout-menu-mural .layout-menu li.active-menuitem > a i {
    color: #66BB6A;
}

.layout-menu-mural .layout-menu > li.active-menuitem > a {
    background-color: #4CAF50;
}

.layout-menu-mural .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-mural .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-mural .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-mural.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-mural.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-mural.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-mural .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-mural .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-mural .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-mural .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-mural .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-mural .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-mural .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-mural .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-mural .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-mural .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-mural .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-aeriel .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-aeriel .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-aeriel .layout-menu a i {
    color: #ffffff;
}

.layout-menu-aeriel .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-aeriel .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-aeriel .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-aeriel .layout-menu > li > .layout-submenu-container {
    background-color: rgba(0, 0, 0, 0.2);
}

.layout-menu-aeriel .layout-menu li.active-menuitem > a .menuitem-text {
    color: #D4E157;
}

.layout-menu-aeriel .layout-menu li.active-menuitem > a i {
    color: #D4E157;
}

.layout-menu-aeriel .layout-menu > li.active-menuitem > a {
    background-color: #CDDC39;
}

.layout-menu-aeriel .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #212121;
}

.layout-menu-aeriel .layout-menu > li.active-menuitem > a i {
    color: #212121;
}

.layout-menu-aeriel .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-aeriel.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-aeriel.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-aeriel.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-aeriel .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-aeriel .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-aeriel .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-aeriel .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-aeriel .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-aeriel .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-aeriel .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-aeriel .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-aeriel .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-aeriel .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-aeriel .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-wing .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-wing .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-wing .layout-menu a i {
    color: #ffffff;
}

.layout-menu-wing .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-wing .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-wing .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-wing .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-wing .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFEE58;
}

.layout-menu-wing .layout-menu li.active-menuitem > a i {
    color: #FFEE58;
}

.layout-menu-wing .layout-menu > li.active-menuitem > a {
    background-color: #FFEB3B;
}

.layout-menu-wing .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #212121;
}

.layout-menu-wing .layout-menu > li.active-menuitem > a i {
    color: #212121;
}

.layout-menu-wing .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-wing.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-wing.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-wing.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-wing .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-wing .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-wing .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-wing .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-wing .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-wing .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-wing .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-wing .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-wing .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-wing .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-wing .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-skyscraper .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-menu a i {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-skyscraper .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-skyscraper .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FDD835;
}

.layout-menu-skyscraper .layout-menu li.active-menuitem > a i {
    color: #FDD835;
}

.layout-menu-skyscraper .layout-menu > li.active-menuitem > a {
    background-color: #673AB7;
}

.layout-menu-skyscraper .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-skyscraper.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-skyscraper.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-skyscraper.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-skyscraper .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-skyscraper .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-skyscraper .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-skyscraper .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-skyscraper .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-skyscraper .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-wall .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-wall .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-wall .layout-menu a i {
    color: #ffffff;
}

.layout-menu-wall .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-wall .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-wall .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-wall .layout-menu > li > .layout-submenu-container {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-menu-wall .layout-menu li.active-menuitem > a .menuitem-text {
    color: #00BCD4;
}

.layout-menu-wall .layout-menu li.active-menuitem > a i {
    color: #00BCD4;
}

.layout-menu-wall .layout-menu > li.active-menuitem > a {
    background-color: #00BCD4;
}

.layout-menu-wall .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-wall .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-wall .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-wall.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-wall.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-wall.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-wall .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-wall .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-wall .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-wall .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-wall .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-wall .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-wall .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-wall .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-wall .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-wall .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-wall .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-dawn .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-dawn .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-dawn .layout-menu a i {
    color: #ffffff;
}

.layout-menu-dawn .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-dawn .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-dawn .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-dawn .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-dawn .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-dawn .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-dawn .layout-menu > li.active-menuitem > a {
    background-color: #0288D1;
}

.layout-menu-dawn .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-dawn .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-dawn .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-dawn.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-dawn.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-dawn.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-dawn .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-dawn .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-dawn .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-dawn .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-dawn .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-dawn .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-dawn .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-dawn .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-dawn .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-dawn .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-dawn .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-lille .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-lille .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-lille .layout-menu a i {
    color: #ffffff;
}

.layout-menu-lille .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-lille .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-lille .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-lille .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-lille .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-lille .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-lille .layout-menu > li.active-menuitem > a {
    background-color: #FDD835;
}

.layout-menu-lille .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #212121;
}

.layout-menu-lille .layout-menu > li.active-menuitem > a i {
    color: #212121;
}

.layout-menu-lille .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-lille.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-lille.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-lille.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-lille .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-lille .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-lille .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-lille .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-lille .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-lille .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-lille .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-lille .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-lille .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-lille .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-lille .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-condo .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-condo .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-condo .layout-menu a i {
    color: #ffffff;
}

.layout-menu-condo .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-condo .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-condo .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-condo .layout-menu > li > .layout-submenu-container {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-menu-condo .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-condo .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-condo .layout-menu > li.active-menuitem > a {
    background-color: #3F51B5;
}

.layout-menu-condo .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-condo .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-condo .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-condo.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-condo.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-condo.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-condo .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-condo .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-condo .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-condo .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-condo .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-condo .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-condo .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-condo .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-condo .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-condo .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-condo .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-waterfall .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-waterfall .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-waterfall .layout-menu a i {
    color: #ffffff;
}

.layout-menu-waterfall .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-waterfall .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-waterfall .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-waterfall .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-waterfall .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFCA28;
}

.layout-menu-waterfall .layout-menu li.active-menuitem > a i {
    color: #FFCA28;
}

.layout-menu-waterfall .layout-menu > li.active-menuitem > a {
    background-color: #009688;
}

.layout-menu-waterfall .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-waterfall .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-waterfall .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-waterfall.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-waterfall.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-waterfall.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-waterfall .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-waterfall .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-waterfall .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-waterfall .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-waterfall .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-waterfall .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-waterfall .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-waterfall .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-waterfall .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-waterfall .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-waterfall .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-coffee .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-coffee .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-coffee .layout-menu a i {
    color: #ffffff;
}

.layout-menu-coffee .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-coffee .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-coffee .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-coffee .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-coffee .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-coffee .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-coffee .layout-menu > li.active-menuitem > a {
    background-color: #FF5722;
}

.layout-menu-coffee .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-coffee .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-coffee .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-coffee.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-coffee.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-coffee.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-coffee .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-coffee .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-coffee .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-coffee .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-coffee .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-coffee .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-coffee .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-coffee .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-coffee .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-coffee .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-coffee .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-mountain .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-mountain .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-mountain .layout-menu a i {
    color: #ffffff;
}

.layout-menu-mountain .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-mountain .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-mountain .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-mountain .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-mountain .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-mountain .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-mountain .layout-menu > li.active-menuitem > a {
    background-color: #0288D1;
}

.layout-menu-mountain .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-mountain .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-mountain .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-mountain.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-mountain.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-mountain.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-mountain .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-mountain .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-mountain .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-mountain .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-mountain .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-mountain .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-mountain .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-mountain .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-mountain .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-mountain .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-mountain .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-lights .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-lights .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-lights .layout-menu a i {
    color: #ffffff;
}

.layout-menu-lights .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-lights .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-lights .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-lights .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-lights .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-lights .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-lights .layout-menu > li.active-menuitem > a {
    background-color: #2196F3;
}

.layout-menu-lights .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-lights .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-lights .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-lights.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-lights.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-lights.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-lights .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-lights .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-lights .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-lights .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-lights .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-lights .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-lights .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-lights .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-lights .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-lights .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-lights .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-desert .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-desert .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-desert .layout-menu a i {
    color: #ffffff;
}

.layout-menu-desert .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-desert .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-desert .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-desert .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-desert .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-desert .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-desert .layout-menu > li.active-menuitem > a {
    background-color: #FFD54F;
}

.layout-menu-desert .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #212121;
}

.layout-menu-desert .layout-menu > li.active-menuitem > a i {
    color: #212121;
}

.layout-menu-desert .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-desert.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-desert.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-desert.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-desert .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-desert .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-desert .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-desert .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-desert .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-desert .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-desert .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-desert .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-desert .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-desert .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-desert .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-beach .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-beach .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-beach .layout-menu a i {
    color: #ffffff;
}

.layout-menu-beach .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-beach .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-beach .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-beach .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-beach .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-beach .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-beach .layout-menu > li.active-menuitem > a {
    background-color: #FFC107;
}

.layout-menu-beach .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #212121;
}

.layout-menu-beach .layout-menu > li.active-menuitem > a i {
    color: #212121;
}

.layout-menu-beach .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-beach.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-beach.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-beach.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-beach .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-beach .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-beach .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-beach .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-beach .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-beach .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-beach .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-beach .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-beach .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-beach .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-beach .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-classic .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-classic .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-classic .layout-menu a i {
    color: #ffffff;
}

.layout-menu-classic .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-classic .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-classic .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-classic .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-classic .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFA726;
}

.layout-menu-classic .layout-menu li.active-menuitem > a i {
    color: #FFA726;
}

.layout-menu-classic .layout-menu > li.active-menuitem > a {
    background-color: #8BC34A;
}

.layout-menu-classic .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #212121;
}

.layout-menu-classic .layout-menu > li.active-menuitem > a i {
    color: #212121;
}

.layout-menu-classic .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-classic.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-classic.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-classic.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-classic .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-classic .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-classic .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-classic .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-classic .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-classic .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-classic .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-classic .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-classic .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-classic .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-classic .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-hazy .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-hazy .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-hazy .layout-menu a i {
    color: #ffffff;
}

.layout-menu-hazy .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-hazy .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-hazy .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-hazy .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-hazy .layout-menu li.active-menuitem > a .menuitem-text {
    color: #00BCD4;
}

.layout-menu-hazy .layout-menu li.active-menuitem > a i {
    color: #00BCD4;
}

.layout-menu-hazy .layout-menu > li.active-menuitem > a {
    background-color: #E91E63;
}

.layout-menu-hazy .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-hazy .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-hazy .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-hazy.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-hazy.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-hazy.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-hazy .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-hazy .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-hazy .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-hazy .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-hazy .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-hazy .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-hazy .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-hazy .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-hazy .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-hazy .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-hazy .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-exposure .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-exposure .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-exposure .layout-menu a i {
    color: #ffffff;
}

.layout-menu-exposure .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-exposure .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-exposure .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-exposure .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-exposure .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFA000;
}

.layout-menu-exposure .layout-menu li.active-menuitem > a i {
    color: #FFA000;
}

.layout-menu-exposure .layout-menu > li.active-menuitem > a {
    background-color: #FFA000;
}

.layout-menu-exposure .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-exposure .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-exposure .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-exposure.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-exposure.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-exposure.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-exposure .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-exposure .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-exposure .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-exposure .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-exposure .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-exposure .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-exposure .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-exposure .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-exposure .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-exposure .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-exposure .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-norge .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-norge .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-norge .layout-menu a i {
    color: #ffffff;
}

.layout-menu-norge .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-norge .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-norge .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-norge .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-norge .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-norge .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-norge .layout-menu > li.active-menuitem > a {
    background-color: #3949AB;
}

.layout-menu-norge .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-norge .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-norge .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-norge.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-norge.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-norge.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-norge .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-norge .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-norge .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-norge .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-norge .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-norge .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-norge .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-norge .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-norge .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-norge .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-norge .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-island .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-island .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-island .layout-menu a i {
    color: #ffffff;
}

.layout-menu-island .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-island .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-island .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-island .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-island .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-island .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-island .layout-menu > li.active-menuitem > a {
    background-color: #00897B;
}

.layout-menu-island .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-island .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-island .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-island.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-island.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-island.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-island .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-island .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-island .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-island .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-island .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-island .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-island .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-island .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-island .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-island .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-island .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-station .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-station .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-station .layout-menu a i {
    color: #ffffff;
}

.layout-menu-station .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-station .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-station .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-station .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-station .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-station .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-station .layout-menu > li.active-menuitem > a {
    background-color: #0097A7;
}

.layout-menu-station .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-station .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-station .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-station.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-station.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-station.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-station .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-station .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-station .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-station .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-station .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-station .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-station .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-station .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-station .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-station .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-station .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-fruity .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-fruity .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-fruity .layout-menu a i {
    color: #ffffff;
}

.layout-menu-fruity .layout-menu a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.layout-menu-fruity .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-fruity .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-fruity .layout-menu > li > .layout-submenu-container {
    background-color: rgba(0, 0, 0, 0.3);
}

.layout-menu-fruity .layout-menu li.active-menuitem > a .menuitem-text {
    color: #E65100;
}

.layout-menu-fruity .layout-menu li.active-menuitem > a i {
    color: #E65100;
}

.layout-menu-fruity .layout-menu > li.active-menuitem > a {
    background-color: #E65100;
}

.layout-menu-fruity .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-fruity .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-fruity .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-fruity.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-fruity.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-fruity.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-fruity .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-fruity .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-fruity .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-fruity .layout-profile-menu a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.layout-menu-fruity .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-fruity .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-fruity .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-fruity .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-fruity .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-fruity .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-fruity .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-tropical .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-tropical .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-tropical .layout-menu a i {
    color: #ffffff;
}

.layout-menu-tropical .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-tropical .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-tropical .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-tropical .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-tropical .layout-menu li.active-menuitem > a .menuitem-text {
    color: #D4E157;
}

.layout-menu-tropical .layout-menu li.active-menuitem > a i {
    color: #D4E157;
}

.layout-menu-tropical .layout-menu > li.active-menuitem > a {
    background-color: #4CAF50;
}

.layout-menu-tropical .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-tropical .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-tropical .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-tropical.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-tropical.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-tropical.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-tropical .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-tropical .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-tropical .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-tropical .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-tropical .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-tropical .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-tropical .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-tropical .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-tropical .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-tropical .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-tropical .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-beyoglu .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-menu a i {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-menu a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.layout-menu-beyoglu .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-menu > li > .layout-submenu-container {
    background-color: rgba(0, 0, 0, 0.32);
}

.layout-menu-beyoglu .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-beyoglu .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-beyoglu .layout-menu > li.active-menuitem > a {
    background-color: #F4511E;
}

.layout-menu-beyoglu .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-beyoglu.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-beyoglu.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-beyoglu.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-beyoglu .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-beyoglu .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-profile-menu a:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.layout-menu-beyoglu .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-beyoglu .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-beyoglu .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-beyoglu .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-timelapse .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-timelapse .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-timelapse .layout-menu a i {
    color: #ffffff;
}

.layout-menu-timelapse .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-timelapse .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-timelapse .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-timelapse .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-timelapse .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-timelapse .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-timelapse .layout-menu > li.active-menuitem > a {
    background-color: #673AB7;
}

.layout-menu-timelapse .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-timelapse .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-timelapse .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-timelapse.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-timelapse.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-timelapse.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-timelapse .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-timelapse .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-timelapse .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-timelapse .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-timelapse .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-timelapse .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-timelapse .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-timelapse .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-timelapse .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-timelapse .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-timelapse .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-crystal .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-crystal .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-crystal .layout-menu a i {
    color: #ffffff;
}

.layout-menu-crystal .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-crystal .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-crystal .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-crystal .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-crystal .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-crystal .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-crystal .layout-menu > li.active-menuitem > a {
    background-color: #0288D1;
}

.layout-menu-crystal .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-crystal .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-crystal .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-crystal.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-crystal.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-crystal.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-crystal .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-crystal .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-crystal .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-crystal .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-crystal .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-crystal .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-crystal .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-crystal .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-crystal .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-crystal .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-crystal .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-aquarelle .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-menu a i {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-aquarelle .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-aquarelle .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FDD835;
}

.layout-menu-aquarelle .layout-menu li.active-menuitem > a i {
    color: #FDD835;
}

.layout-menu-aquarelle .layout-menu > li.active-menuitem > a {
    background-color: #5E35B1;
}

.layout-menu-aquarelle .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-aquarelle.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-aquarelle.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-aquarelle.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-aquarelle .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-aquarelle .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-aquarelle .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-aquarelle .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-aquarelle .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-aquarelle .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-canvas .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-canvas .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-canvas .layout-menu a i {
    color: #ffffff;
}

.layout-menu-canvas .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-canvas .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-canvas .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-canvas .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-canvas .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-canvas .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-canvas .layout-menu > li.active-menuitem > a {
    background-color: #AD1457;
}

.layout-menu-canvas .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-canvas .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-canvas .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-canvas.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-canvas.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-canvas.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-canvas .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-canvas .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-canvas .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-canvas .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-canvas .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-canvas .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-canvas .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-canvas .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-canvas .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-canvas .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-canvas .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-olympic .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-olympic .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-olympic .layout-menu a i {
    color: #ffffff;
}

.layout-menu-olympic .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-olympic .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-olympic .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-olympic .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-olympic .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-olympic .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-olympic .layout-menu > li.active-menuitem > a {
    background-color: #D81B60;
}

.layout-menu-olympic .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-olympic .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-olympic .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-olympic.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-olympic.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-olympic.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-olympic .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-olympic .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-olympic .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-olympic .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-olympic .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-olympic .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-olympic .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-olympic .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-olympic .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-olympic .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-olympic .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-circuit .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-circuit .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-circuit .layout-menu a i {
    color: #ffffff;
}

.layout-menu-circuit .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-circuit .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-circuit .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-circuit .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-circuit .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FF9800;
}

.layout-menu-circuit .layout-menu li.active-menuitem > a i {
    color: #FF9800;
}

.layout-menu-circuit .layout-menu > li.active-menuitem > a {
    background-color: #EF6C00;
}

.layout-menu-circuit .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-circuit .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-circuit .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-circuit.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-circuit.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-circuit.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-circuit .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-circuit .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-circuit .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-circuit .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-circuit .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-circuit .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-circuit .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-circuit .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-circuit .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-circuit .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-circuit .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-flamingo .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-flamingo .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-flamingo .layout-menu a i {
    color: #ffffff;
}

.layout-menu-flamingo .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-flamingo .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-flamingo .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-flamingo .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-flamingo .layout-menu li.active-menuitem > a .menuitem-text {
    color: #CDDC39;
}

.layout-menu-flamingo .layout-menu li.active-menuitem > a i {
    color: #CDDC39;
}

.layout-menu-flamingo .layout-menu > li.active-menuitem > a {
    background-color: #7CB342;
}

.layout-menu-flamingo .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-flamingo .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-flamingo .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-flamingo.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-flamingo.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-flamingo.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-flamingo .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-flamingo .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-flamingo .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-flamingo .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-flamingo .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-flamingo .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-flamingo .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-flamingo .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-flamingo .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-flamingo .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-flamingo .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-flight .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-flight .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-flight .layout-menu a i {
    color: #ffffff;
}

.layout-menu-flight .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-flight .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-flight .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-flight .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-flight .layout-menu li.active-menuitem > a .menuitem-text {
    color: #03A9F4;
}

.layout-menu-flight .layout-menu li.active-menuitem > a i {
    color: #03A9F4;
}

.layout-menu-flight .layout-menu > li.active-menuitem > a {
    background-color: #0277BD;
}

.layout-menu-flight .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-flight .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-flight .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-flight.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-flight.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-flight.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-flight .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-flight .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-flight .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-flight .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-flight .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-flight .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-flight .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-flight .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-flight .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-flight .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-flight .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-tractor .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-tractor .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-tractor .layout-menu a i {
    color: #ffffff;
}

.layout-menu-tractor .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-tractor .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-tractor .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-tractor .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-tractor .layout-menu li.active-menuitem > a .menuitem-text {
    color: #D4E157;
}

.layout-menu-tractor .layout-menu li.active-menuitem > a i {
    color: #D4E157;
}

.layout-menu-tractor .layout-menu > li.active-menuitem > a {
    background-color: #4CAF50;
}

.layout-menu-tractor .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-tractor .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-tractor .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-tractor.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-tractor.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-tractor.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-tractor .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-tractor .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-tractor .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-tractor .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-tractor .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-tractor .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-tractor .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-tractor .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-tractor .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-tractor .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-tractor .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-volcano .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-volcano .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-volcano .layout-menu a i {
    color: #ffffff;
}

.layout-menu-volcano .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-volcano .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-volcano .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-volcano .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-volcano .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-volcano .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-volcano .layout-menu > li.active-menuitem > a {
    background-color: #90A4AE;
}

.layout-menu-volcano .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #212121;
}

.layout-menu-volcano .layout-menu > li.active-menuitem > a i {
    color: #212121;
}

.layout-menu-volcano .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-volcano.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-volcano.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-volcano.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-volcano .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-volcano .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-volcano .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-volcano .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-volcano .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-volcano .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-volcano .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-volcano .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-volcano .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-volcano .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-volcano .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-pine .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-pine .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-pine .layout-menu a i {
    color: #ffffff;
}

.layout-menu-pine .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-pine .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-pine .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-pine .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-pine .layout-menu li.active-menuitem > a .menuitem-text {
    color: #EC407A;
}

.layout-menu-pine .layout-menu li.active-menuitem > a i {
    color: #EC407A;
}

.layout-menu-pine .layout-menu > li.active-menuitem > a {
    background-color: #00897B;
}

.layout-menu-pine .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-pine .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-pine .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-pine.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-pine.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-pine.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-pine .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-pine .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-pine .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-pine .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-pine .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-pine .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-pine .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-pine .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-pine .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-pine .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-pine .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-emptiness .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-emptiness .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-emptiness .layout-menu a i {
    color: #ffffff;
}

.layout-menu-emptiness .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-emptiness .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-emptiness .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-emptiness .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-emptiness .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-emptiness .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-emptiness .layout-menu > li.active-menuitem > a {
    background-color: #5E35B1;
}

.layout-menu-emptiness .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-emptiness .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-emptiness .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-emptiness.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-emptiness.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-emptiness.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-emptiness .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-emptiness .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-emptiness .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-emptiness .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-emptiness .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-emptiness .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-emptiness .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-emptiness .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-emptiness .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-emptiness .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-emptiness .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-splash .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-splash .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-splash .layout-menu a i {
    color: #ffffff;
}

.layout-menu-splash .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-splash .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-splash .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-splash .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-splash .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-splash .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-splash .layout-menu > li.active-menuitem > a {
    background-color: #EC407A;
}

.layout-menu-splash .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-splash .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-splash .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-splash.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-splash.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-splash.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-splash .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-splash .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-splash .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-splash .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-splash .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-splash .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-splash .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-splash .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-splash .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-splash .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-splash .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-urban .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-urban .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-urban .layout-menu a i {
    color: #ffffff;
}

.layout-menu-urban .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-urban .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-urban .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-urban .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-urban .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-urban .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-urban .layout-menu > li.active-menuitem > a {
    background-color: #26A69A;
}

.layout-menu-urban .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #212121;
}

.layout-menu-urban .layout-menu > li.active-menuitem > a i {
    color: #212121;
}

.layout-menu-urban .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-urban.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-urban.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-urban.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-urban .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-urban .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-urban .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-urban .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-urban .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-urban .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-urban .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-urban .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-urban .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-urban .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-urban .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-bloom .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-bloom .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-bloom .layout-menu a i {
    color: #ffffff;
}

.layout-menu-bloom .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-bloom .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-bloom .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-bloom .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-bloom .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-bloom .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-bloom .layout-menu > li.active-menuitem > a {
    background-color: #3F51B5;
}

.layout-menu-bloom .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-bloom .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-bloom .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-bloom.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-bloom.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-bloom.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-bloom .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-bloom .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-bloom .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-bloom .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-bloom .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-bloom .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-bloom .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-bloom .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-bloom .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-bloom .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-bloom .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-tinfoil .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-menu a i {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-tinfoil .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-tinfoil .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFCA28;
}

.layout-menu-tinfoil .layout-menu li.active-menuitem > a i {
    color: #FFCA28;
}

.layout-menu-tinfoil .layout-menu > li.active-menuitem > a {
    background-color: #E91E63;
}

.layout-menu-tinfoil .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-tinfoil.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-tinfoil.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-tinfoil.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-tinfoil .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-tinfoil .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-tinfoil .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-tinfoil .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-tinfoil .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-tinfoil .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-hallway .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-hallway .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-hallway .layout-menu a i {
    color: #ffffff;
}

.layout-menu-hallway .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-hallway .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-hallway .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-hallway .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-hallway .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-hallway .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-hallway .layout-menu > li.active-menuitem > a {
    background-color: #4CAF50;
}

.layout-menu-hallway .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-hallway .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-hallway .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-hallway.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-hallway.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-hallway.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-hallway .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-hallway .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-hallway .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-hallway .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-hallway .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-hallway .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-hallway .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-hallway .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-hallway .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-hallway .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-hallway .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-seagull .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-seagull .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-seagull .layout-menu a i {
    color: #ffffff;
}

.layout-menu-seagull .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-seagull .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-seagull .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-seagull .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-seagull .layout-menu li.active-menuitem > a .menuitem-text {
    color: #FFA726;
}

.layout-menu-seagull .layout-menu li.active-menuitem > a i {
    color: #FFA726;
}

.layout-menu-seagull .layout-menu > li.active-menuitem > a {
    background-color: #FFA726;
}

.layout-menu-seagull .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #212121;
}

.layout-menu-seagull .layout-menu > li.active-menuitem > a i {
    color: #212121;
}

.layout-menu-seagull .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-seagull.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-seagull.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-seagull.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-seagull .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-seagull .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-seagull .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-seagull .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-seagull .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-seagull .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-seagull .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-seagull .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-seagull .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-seagull .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-seagull .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-city .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-city .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-city .layout-menu a i {
    color: #ffffff;
}

.layout-menu-city .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-city .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-city .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-city .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-city .layout-menu li.active-menuitem > a .menuitem-text {
    color: #D4E157;
}

.layout-menu-city .layout-menu li.active-menuitem > a i {
    color: #D4E157;
}

.layout-menu-city .layout-menu > li.active-menuitem > a {
    background-color: #4CAF50;
}

.layout-menu-city .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-city .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-city .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-city.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-city.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-city.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-city .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-city .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-city .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-city .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-city .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-city .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-city .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-city .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-city .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-city .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-city .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-jet .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-jet .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-jet .layout-menu a i {
    color: #ffffff;
}

.layout-menu-jet .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-jet .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-jet .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-jet .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-jet .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-jet .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-jet .layout-menu > li.active-menuitem > a {
    background-color: #26C6DA;
}

.layout-menu-jet .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #212121;
}

.layout-menu-jet .layout-menu > li.active-menuitem > a i {
    color: #212121;
}

.layout-menu-jet .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-jet.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-jet.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-jet.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-jet .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-jet .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-jet .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-jet .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-jet .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-jet .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-jet .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-jet .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-jet .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-jet .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-jet .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-louisville .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-louisville .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-louisville .layout-menu a i {
    color: #ffffff;
}

.layout-menu-louisville .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-louisville .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-louisville .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-louisville .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-louisville .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-louisville .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-louisville .layout-menu > li.active-menuitem > a {
    background-color: #FF9800;
}

.layout-menu-louisville .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-louisville .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-louisville .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-louisville.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-louisville.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-louisville.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-louisville .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-louisville .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-louisville .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-louisville .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-louisville .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-louisville .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-louisville .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-louisville .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-louisville .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-louisville .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-louisville .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-spray .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-spray .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-spray .layout-menu a i {
    color: #ffffff;
}

.layout-menu-spray .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-spray .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-spray .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-spray .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-spray .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-spray .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-spray .layout-menu > li.active-menuitem > a {
    background-color: #0097A7;
}

.layout-menu-spray .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-spray .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-spray .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-spray.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-spray.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-spray.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-spray .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-spray .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-spray .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-spray .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-spray .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-spray .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-spray .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-spray .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-spray .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-spray .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-spray .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-symmetry .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-symmetry .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-symmetry .layout-menu a i {
    color: #ffffff;
}

.layout-menu-symmetry .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-symmetry .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-symmetry .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-symmetry .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-symmetry .layout-menu li.active-menuitem > a .menuitem-text {
    color: #00BCD4;
}

.layout-menu-symmetry .layout-menu li.active-menuitem > a i {
    color: #00BCD4;
}

.layout-menu-symmetry .layout-menu > li.active-menuitem > a {
    background-color: #795548;
}

.layout-menu-symmetry .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #ffffff;
}

.layout-menu-symmetry .layout-menu > li.active-menuitem > a i {
    color: #ffffff;
}

.layout-menu-symmetry .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-symmetry.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-symmetry.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-symmetry.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-symmetry .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-symmetry .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-symmetry .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-symmetry .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-symmetry .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-symmetry .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-symmetry .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-symmetry .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-symmetry .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-symmetry .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-symmetry .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-menu-destination .layout-menu-container {
    background-image: url("");
    background-size: cover;
    background-repeat: no-repeat;
}

.layout-menu-destination .layout-menu a .menuitem-text {
    color: #ffffff;
}

.layout-menu-destination .layout-menu a i {
    color: #ffffff;
}

.layout-menu-destination .layout-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-destination .layout-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-destination .layout-menu a:hover i {
    color: #ffffff;
}

.layout-menu-destination .layout-menu > li > .layout-submenu-container {
    background-color: rgba(255, 255, 255, 0.2);
}

.layout-menu-destination .layout-menu li.active-menuitem > a .menuitem-text {
    color: #ffc107;
}

.layout-menu-destination .layout-menu li.active-menuitem > a i {
    color: #ffc107;
}

.layout-menu-destination .layout-menu > li.active-menuitem > a {
    background-color: #00BCD4;
}

.layout-menu-destination .layout-menu > li.active-menuitem > a .menuitem-text {
    color: #212121;
}

.layout-menu-destination .layout-menu > li.active-menuitem > a i {
    color: #212121;
}

.layout-menu-destination .layout-menu .layout-megamenu-submenu-text {
    color: #ffffff;
}

@media screen and (min-width: 1025px) {
    .layout-menu-destination.layout-menu-horizontal .layout-menu-container {
        background-image: none;
        background-color: transparent;
    }

    .layout-menu-destination.layout-menu-horizontal .layout-menu .layout-megamenu-submenu-text {
        color: #ffffff;
    }

    .layout-menu-destination.layout-menu-horizontal .layout-menu > li > .layout-submenu-container {
        background-image: url("");
        background-position: 0 0;
        background-size: 100% auto;
    }
}

.layout-menu-destination .layout-profile-menu {
    background-image: url("");
    background-position: 0 0;
    background-size: 100% auto;
}

.layout-menu-destination .layout-profile-menu a span {
    color: #ffffff;
}

.layout-menu-destination .layout-profile-menu a i {
    color: #ffffff;
}

.layout-menu-destination .layout-profile-menu a:hover {
    background-color: rgba(255, 255, 255, 0.32);
}

.layout-menu-destination .layout-profile-menu a:hover .menuitem-text {
    color: #ffffff;
}

.layout-menu-destination .layout-profile-menu a:hover i {
    color: #ffffff;
}

.layout-menu-destination .layout-profile-menu .layout-profile-menu-search .ui-inputfield {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #ffffff, #ffffff);
}

.layout-menu-destination .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ label, .layout-menu-destination .layout-profile-menu .layout-profile-menu-search .ui-inputfield:focus ~ i {
    color: #ffffff;
}

.layout-menu-destination .layout-profile-menu .layout-profile-menu-search i {
    color: #ffffff;
}

.layout-menu-destination .layout-profile-menu .layout-profile-menu-search label {
    color: #ffffff;
}

.layout-breadcrumb {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}

.layout-breadcrumb ul {
    list-style-type: none;
    padding: .75em;
    margin: 0;
}

.layout-breadcrumb li {
    display: inline-block;
    vertical-align: middle;
}

.layout-breadcrumb li i {
    font-size: 20px;
    vertical-align: middle;
}

@media screen and (max-width: 1024px) {
    .layout-breadcrumb ul {
        padding-left: 1em;
    }
}

.layout-content {
    padding: 0 100px;
    margin-top: -120px;
}

.layout-mask {
    display: none;
    background-color: #252529;
    position: fixed;
    top: 68px;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    animation-name: fadeInMask;
    animation-duration: 0.2s;
}

@media screen and (max-width: 1024px) {
    .layout-content {
        padding: 0 1em;
        margin-top: -120px;
    }

    .layout-menu-active .layout-mask {
        display: block;
    }
}

.layout-footer {
    background-color: #212121;
    color: #9f9f9f;
    padding: 0 100px;
    margin-top: 3em;
}

.layout-footer .layout-footer-appname {
    margin-top: .5em;
}

.layout-footer .p-col {
    padding: 2em .5em;
}

.layout-footer .p-col:last-child {
    text-align: right;
}

.layout-footer .p-col:last-child span {
    vertical-align: middle;
}

/* Add your customizations of layout here */

/*# sourceMappingURL=layout-blue.css.map */
