/*
 * Skin: Custom
 * ----------
 */
.skin-custom .select2-selection__choice {
    background-color: #a06219 !important;
}

.skin-custom .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-custom .maid_active {
    border-left: 3px #a06219 solid;
}

.skin-custom .divName {
    color: #fff;
}

.skin-custom .login-box-msg,
.skin-custom .register-box-msg {
    background-color: #a06219;
}

.skin-custom .modal-footer {
    border-top: 2px solid #a06219;
}

.skin-custom #btnGetAddress {
    border: 3px solid #a06219;
}

.skin-custom .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #a06219;
}

.skin-custom .btn-default.btn-on.active {
    background-color: #a06219;
    color: white;
}

.skin-custom input:checked + .slider {
    background-color: #a06219;
}

.skin-custom .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #a06219;
}

.skin-custom .wizard > .steps .done a,
.skin-custom .wizard > .steps .done a:hover,
.skin-custom .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-custom .wizard > .actions a,
.skin-custom .wizard > .actions a:hover,
.skin-custom .wizard > .actions a:active {
    color: #fff;
    background-color: #a06219;
}

.skin-custom .wizard > .steps .current a,
.skin-custom .wizard > .steps .current a:hover,
.skin-custom .wizard > .steps .current a:active {
    color: #fff;
    background-color: #a06219;
}

.skin-custom .pagination > .active > a,
.skin-custom .pagination > .active > span,
.skin-custom .pagination > .active > a:hover,
.skin-custom .pagination > .active > span:hover,
.skin-custom .pagination > .active > a:focus,
.skin-custom .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #a06219;
    border-color: #a06219;
}

.skin-custom .fa-plus-circle,
.skin-custom .fa-gear,
.skin-custom .fa-pencil,
.skin-custom .fa-arrow-circle-o-left,
.skin-custom .fa_skin_color,
.skin-custom .ion-book {
    color: #a06219;
}

.skin-custom .bg_skin_color {
    background-color: #a06219 !important;
    color: #fff !important;
}

.skin-custom .btn-primary {
    color: #fff;
    background-color: #a06219;
    border-color: #a06219;
}

    .skin-custom .btn-primary:hover {
        color: #fff;
        background-color: #905816;
        border-color: #905816;
    }

.skin-custom .box-primary {
    border-top-color: #a06219;
}

.skin-custom #card {
    border: 1px solid #a06219;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-custom #box_header {
    color: #fff;
    background-color: #a06219;
}

.skin-custom .modal-header {
    color: #fff;
    background-color: #a06219;
}

.skin-custom .main-header .navbar {
    background-color: #a06219;
}

    .skin-custom .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-custom .main-header .navbar .nav > li > a:hover,
        .skin-custom .main-header .navbar .nav > li > a:active,
        .skin-custom .main-header .navbar .nav > li > a:focus,
        .skin-custom .main-header .navbar .nav .open > a,
        .skin-custom .main-header .navbar .nav .open > a:hover,
        .skin-custom .main-header .navbar .nav .open > a:focus,
        .skin-custom .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-custom .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-custom .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-custom .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-custom .main-header .navbar .sidebar-toggle:hover {
            background-color: #905816;
        }

@media (max-width: 767px) {
    .skin-custom .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-custom .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-custom .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-custom .main-header .logo {
    background-color: #905816;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-custom .main-header .logo:hover {
        background-color: #905816;
    }

.skin-custom .main-header li.user-header {
    background-color: #a06219;
}

.skin-custom .content-header {
    background: transparent;
}

.skin-custom .wrapper,
.skin-custom .main-sidebar,
.skin-custom .left-side {
    background-color: #222d32;
}

.skin-custom .user-panel > .info,
.skin-custom .user-panel > .info > a {
    color: #fff;
}

.skin-custom .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-custom .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-custom .sidebar-menu > li:hover > a,
.skin-custom .sidebar-menu > li.active > a,
.skin-custom .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-custom .sidebar-menu > li.active > a {
    border-left-color: #a06219;
}

.skin-custom .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-custom .sidebar a {
    color: #b8c7ce;
}

    .skin-custom .sidebar a:hover {
        text-decoration: none;
    }

.skin-custom .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-custom .sidebar-menu .treeview-menu > li.active > a,
    .skin-custom .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-custom .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-custom .sidebar-form input[type="text"],
    .skin-custom .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-custom .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-custom .sidebar-form input[type="text"]:focus,
        .skin-custom .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-custom .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-custom .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-custom.layout-top-nav .main-header > .logo {
    background-color: #a06219;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-custom.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }
/*
 * Skin: Custom Light
 * -----------
 */
.skin-custom-light .select2-selection__choice {
    background-color: #a06219 !important;
}

.skin-custom-light .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-custom-light .maid_active {
    border-left: 3px #a06219 solid;
}

.skin-custom-light .login-box-msg,
.skin-custom-light .register-box-msg {
    background-color: #a06219;
}

.skin-custom-light .modal-footer {
    border-top: 2px solid #a06219;
}

.skin-custom-light #btnGetAddress {
    border: 3px solid #a06219;
}

.skin-custom-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #a06219;
}

.skin-custom-light .btn-default.btn-on.active {
    background-color: #a06219;
    color: white;
}

.skin-custom-light input:checked + .slider {
    background-color: #a06219;
}

.skin-custom-light .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #a06219;
}

.skin-custom-light .wizard > .steps .done a,
.skin-custom-light .wizard > .steps .done a:hover,
.skin-custom-light .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-custom-light .wizard > .actions a,
.skin-custom-light .wizard > .actions a:hover,
.skin-custom-light .wizard > .actions a:active {
    color: #fff;
    background-color: #a06219;
}

.skin-custom-light .wizard > .steps .current a,
.skin-custom-light .wizard > .steps .current a:hover,
.skin-custom-light .wizard > .steps .current a:active {
    color: #fff;
    background-color: #a06219;
}

.skin-custom-light .pagination > .active > a,
.skin-custom-light .pagination > .active > span,
.skin-custom-light .pagination > .active > a:hover,
.skin-custom-light .pagination > .active > span:hover,
.skin-custom-light .pagination > .active > a:focus,
.skin-custom-light .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #a06219;
    border-color: #a06219;
}

.skin-custom-light .fa-plus-circle,
.skin-custom-light .fa-gear,
.skin-custom-light .fa-pencil,
.skin-custom-light .fa-arrow-circle-o-left,
.skin-custom-light .fa_skin_color,
.skin-custom-light .ion-book {
    color: #a06219;
}

.skin-custom-light .bg_skin_color {
    background-color: #a06219 !important;
    color: #fff !important;
}

.skin-custom-light .btn-primary {
    color: #fff;
    background-color: #a06219;
    border-color: #a06219;
}

    .skin-custom-light .btn-primary:hover {
        color: #fff;
        background-color: #905816;
        border-color: #905816;
    }

.skin-custom-light .box-primary {
    border-top-color: #a06219;
}

.skin-custom-light #card {
    border: 1px solid #a06219;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-custom-light #box_header {
    color: #fff;
    background-color: #a06219;
}

.skin-custom-light .modal-header {
    color: #fff;
    background-color: #a06219;
}

.skin-custom-light .main-header .navbar {
    background-color: #a06219;
}

    .skin-custom-light .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-custom-light .main-header .navbar .nav > li > a:hover,
        .skin-custom-light .main-header .navbar .nav > li > a:active,
        .skin-custom-light .main-header .navbar .nav > li > a:focus,
        .skin-custom-light .main-header .navbar .nav .open > a,
        .skin-custom-light .main-header .navbar .nav .open > a:hover,
        .skin-custom-light .main-header .navbar .nav .open > a:focus,
        .skin-custom-light .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-custom-light .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-custom-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-custom-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-custom-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #905816;
        }

@media (max-width: 767px) {
    .skin-custom-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-custom-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-custom-light .main-header .navbar .dropdown-menu li a:hover {
            /*background: #008d4c;*/
        }
}

.skin-custom-light .main-header .logo {
    background-color: #a06219;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-custom-light .main-header .logo:hover {
        background-color: #905816;
    }

.skin-custom-light .main-header li.user-header {
    background-color: #a06219;
}

.skin-custom-light .content-header {
    background: transparent;
}

.skin-custom-light .wrapper,
.skin-custom-light .main-sidebar,
.skin-custom-light .left-side {
    background-color: #f9fafc;
}

.skin-custom-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-custom-light .user-panel > .info,
.skin-custom-light .user-panel > .info > a {
    color: #444444;
}

.skin-custom-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}

    .skin-custom-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-custom-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-custom-light .sidebar-menu > li:hover > a,
    .skin-custom-light .sidebar-menu > li.active > a {
        color: #000000;
        background: #f4f4f5;
    }

    .skin-custom-light .sidebar-menu > li.active {
        border-left-color: #a06219;
    }

        .skin-custom-light .sidebar-menu > li.active > a {
            font-weight: 600;
            border-left-color: #a06219;
        }

    .skin-custom-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-custom-light .sidebar a {
    color: #444444;
}

    .skin-custom-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-custom-light .sidebar-menu .treeview-menu > li > a {
    color: #777777;
}

    .skin-custom-light .sidebar-menu .treeview-menu > li.active > a,
    .skin-custom-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000000;
    }

.skin-custom-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-custom-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-custom-light .sidebar-form input[type="text"],
    .skin-custom-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-custom-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-custom-light .sidebar-form input[type="text"]:focus,
        .skin-custom-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-custom-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-custom-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width: 768px) {
    .skin-custom-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}
/*
 * Skin: purple (#544e79)
 * ----------
 */
.skin-purple-544e79 .select2-selection__choice {
    background-color: #544e79 !important;
}

.skin-purple-544e79 .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-purple-544e79 .maid_active {
    border-left: 3px #544e79 solid;
}

.skin-purple-544e79 .divName {
    color: #fff;
}

.skin-purple-544e79 .login-box-msg,
.skin-purple-544e79 .register-box-msg {
    background-color: #544e79;
}

.skin-purple-544e79 .modal-footer {
    border-top: 2px solid #544e79;
}

.skin-purple-544e79 #btnGetAddress {
    border: 3px solid #544e79;
}

.skin-purple-544e79 .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #544e79;
}

    .skin-purple-544e79 .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #544e79;
    }

.skin-purple-544e79 .btn-default.btn-on.active {
    background-color: #544e79;
    color: white;
}

.skin-purple-544e79 input:checked + .slider {
    background-color: #544e79;
}

.skin-purple-544e79 .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #544e79;
}

.skin-purple-544e79 .wizard > .steps .done a,
.skin-purple-544e79 .wizard > .steps .done a:hover,
.skin-purple-544e79 .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-purple-544e79 .wizard > .actions a,
.skin-purple-544e79 .wizard > .actions a:hover,
.skin-purple-544e79 .wizard > .actions a:active {
    color: #fff;
    background-color: #544e79;
}

.skin-purple-544e79 .wizard > .steps .current a,
.skin-purple-544e79 .wizard > .steps .current a:hover,
.skin-purple-544e79 .wizard > .steps .current a:active {
    color: #fff;
    background-color: #544e79;
}

.skin-purple-544e79 .pagination > .active > a,
.skin-purple-544e79 .pagination > .active > span,
.skin-purple-544e79 .pagination > .active > a:hover,
.skin-purple-544e79 .pagination > .active > span:hover,
.skin-purple-544e79 .pagination > .active > a:focus,
.skin-purple-544e79 .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #544e79;
    border-color: #544e79;
}

.skin-purple-544e79 .fa-plus-circle,
.skin-purple-544e79 .fa-gear,
.skin-purple-544e79 .fa-pencil,
.skin-purple-544e79 .fa-arrow-circle-o-left,
.skin-purple-544e79 .fa_skin_color,
.skin-purple-544e79 .ion-book {
    color: #544e79;
}

.skin-purple-544e79 .bg_skin_color {
    background-color: #544e79 !important;
    color: #fff !important;
}

.skin-purple-544e79 .btn-primary {
    color: #fff;
    background-color: #544e79;
    border-color: #544e79;
}

    .skin-purple-544e79 .btn-primary:hover {
        color: #fff;
        background-color: #2e2940;
        border-color: #2e2940;
    }

.skin-purple-544e79 .box-primary {
    border-top-color: #544e79;
}

.skin-purple-544e79 #card {
    border: 1px solid #544e79;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-purple-544e79 #box_header {
    color: #fff;
    background-color: #544e79;
}

.skin-purple-544e79 .modal-header {
    color: #fff;
    background-color: #544e79;
}

.skin-purple-544e79 .main-header .navbar {
    background-color: #544e79;
}

    .skin-purple-544e79 .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-purple-544e79 .main-header .navbar .nav > li > a:hover,
        .skin-purple-544e79 .main-header .navbar .nav > li > a:active,
        .skin-purple-544e79 .main-header .navbar .nav > li > a:focus,
        .skin-purple-544e79 .main-header .navbar .nav .open > a,
        .skin-purple-544e79 .main-header .navbar .nav .open > a:hover,
        .skin-purple-544e79 .main-header .navbar .nav .open > a:focus,
        .skin-purple-544e79 .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-purple-544e79 .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-purple-544e79 .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-purple-544e79 .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-purple-544e79 .main-header .navbar .sidebar-toggle:hover {
            background-color: #2e2940;
        }

@media (max-width: 767px) {
    .skin-purple-544e79 .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-purple-544e79 .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-purple-544e79 .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-purple-544e79 .main-header .logo {
    background-color: #2e2940;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-purple-544e79 .main-header .logo:hover {
        background-color: #2e2940;
    }

.skin-purple-544e79 .main-header li.user-header {
    background-color: #544e79;
}

.skin-purple-544e79 .content-header {
    background: transparent;
}

.skin-purple-544e79 .wrapper,
.skin-purple-544e79 .main-sidebar,
.skin-purple-544e79 .left-side {
    background-color: #222d32;
}

.skin-purple-544e79 .user-panel > .info,
.skin-purple-544e79 .user-panel > .info > a {
    color: #fff;
}

.skin-purple-544e79 .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-purple-544e79 .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-purple-544e79 .sidebar-menu > li:hover > a,
.skin-purple-544e79 .sidebar-menu > li.active > a,
.skin-purple-544e79 .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-purple-544e79 .sidebar-menu > li.active > a {
    border-left-color: #544e79;
}

.skin-purple-544e79 .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-purple-544e79 .sidebar a {
    color: #b8c7ce;
}

    .skin-purple-544e79 .sidebar a:hover {
        text-decoration: none;
    }

.skin-purple-544e79 .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-purple-544e79 .sidebar-menu .treeview-menu > li.active > a,
    .skin-purple-544e79 .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-purple-544e79 .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-purple-544e79 .sidebar-form input[type="text"],
    .skin-purple-544e79 .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-purple-544e79 .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-purple-544e79 .sidebar-form input[type="text"]:focus,
        .skin-purple-544e79 .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-purple-544e79 .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-purple-544e79 .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-purple-544e79.layout-top-nav .main-header > .logo {
    background-color: #544e79;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-purple-544e79.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }
/*
 * Skin: pink (#ef59a1)
 * ----------
 */
.skin-pink-ef59a1 .select2-selection__choice {
    background-color: #ef59a1 !important;
}

.skin-pink-ef59a1 .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-pink-ef59a1 .maid_active {
    border-left: 3px #ef59a1 solid;
}

.skin-pink-ef59a1 .divName {
    color: #fff;
}

.skin-pink-ef59a1 .login-box-msg,
.skin-pink-ef59a1 .register-box-msg {
    background-color: #ef59a1;
}

.skin-pink-ef59a1 .modal-footer {
    border-top: 2px solid #ef59a1;
}

.skin-pink-ef59a1 #btnGetAddress {
    border: 3px solid #ef59a1;
}

.skin-pink-ef59a1 .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #ef59a1;
}

    .skin-pink-ef59a1 .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #ef59a1;
    }

.skin-pink-ef59a1 .btn-default.btn-on.active {
    background-color: #ef59a1;
    color: white;
}

.skin-pink-ef59a1 input:checked + .slider {
    background-color: #ef59a1;
}

.skin-pink-ef59a1 .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #ef59a1;
}

.skin-pink-ef59a1 .wizard > .steps .done a,
.skin-pink-ef59a1 .wizard > .steps .done a:hover,
.skin-pink-ef59a1 .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-pink-ef59a1 .wizard > .actions a,
.skin-pink-ef59a1 .wizard > .actions a:hover,
.skin-pink-ef59a1 .wizard > .actions a:active {
    color: #fff;
    background-color: #ef59a1;
}

.skin-pink-ef59a1 .wizard > .steps .current a,
.skin-pink-ef59a1 .wizard > .steps .current a:hover,
.skin-pink-ef59a1 .wizard > .steps .current a:active {
    color: #fff;
    background-color: #ef59a1;
}

.skin-pink-ef59a1 .pagination > .active > a,
.skin-pink-ef59a1 .pagination > .active > span,
.skin-pink-ef59a1 .pagination > .active > a:hover,
.skin-pink-ef59a1 .pagination > .active > span:hover,
.skin-pink-ef59a1 .pagination > .active > a:focus,
.skin-pink-ef59a1 .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ef59a1;
    border-color: #ef59a1;
}

.skin-pink-ef59a1 .fa-plus-circle,
.skin-pink-ef59a1 .fa-gear,
.skin-pink-ef59a1 .fa-pencil,
.skin-pink-ef59a1 .fa-arrow-circle-o-left,
.skin-pink-ef59a1 .fa_skin_color,
.skin-pink-ef59a1 .ion-book {
    color: #ef59a1;
}

.skin-pink-ef59a1 .bg_skin_color {
    background-color: #ef59a1 !important;
    color: #fff !important;
}

.skin-pink-ef59a1 .btn-primary {
    color: #fff;
    background-color: #ef59a1;
    border-color: #ef59a1;
}

    .skin-pink-ef59a1 .btn-primary:hover {
        color: #fff;
        background-color: #d13f85;
        border-color: #d13f85;
    }

.skin-pink-ef59a1 .box-primary {
    border-top-color: #ef59a1;
}

.skin-pink-ef59a1 #card {
    border: 1px solid #ef59a1;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-pink-ef59a1 #box_header {
    color: #fff;
    background-color: #ef59a1;
}

.skin-pink-ef59a1 .modal-header {
    color: #fff;
    background-color: #ef59a1;
}

.skin-pink-ef59a1 .main-header .navbar {
    background-color: #ef59a1;
}

    .skin-pink-ef59a1 .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-pink-ef59a1 .main-header .navbar .nav > li > a:hover,
        .skin-pink-ef59a1 .main-header .navbar .nav > li > a:active,
        .skin-pink-ef59a1 .main-header .navbar .nav > li > a:focus,
        .skin-pink-ef59a1 .main-header .navbar .nav .open > a,
        .skin-pink-ef59a1 .main-header .navbar .nav .open > a:hover,
        .skin-pink-ef59a1 .main-header .navbar .nav .open > a:focus,
        .skin-pink-ef59a1 .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-pink-ef59a1 .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-pink-ef59a1 .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-pink-ef59a1 .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-pink-ef59a1 .main-header .navbar .sidebar-toggle:hover {
            background-color: #d13f85;
        }

@media (max-width: 767px) {
    .skin-pink-ef59a1 .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-pink-ef59a1 .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-pink-ef59a1 .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-pink-ef59a1 .main-header .logo {
    background-color: #d13f85;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-pink-ef59a1 .main-header .logo:hover {
        background-color: #d13f85;
    }

.skin-pink-ef59a1 .main-header li.user-header {
    background-color: #ef59a1;
}

.skin-pink-ef59a1 .content-header {
    background: transparent;
}

.skin-pink-ef59a1 .wrapper,
.skin-pink-ef59a1 .main-sidebar,
.skin-pink-ef59a1 .left-side {
    background-color: #222d32;
}

.skin-pink-ef59a1 .user-panel > .info,
.skin-pink-ef59a1 .user-panel > .info > a {
    color: #fff;
}

.skin-pink-ef59a1 .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-pink-ef59a1 .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-pink-ef59a1 .sidebar-menu > li:hover > a,
.skin-pink-ef59a1 .sidebar-menu > li.active > a,
.skin-pink-ef59a1 .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-pink-ef59a1 .sidebar-menu > li.active > a {
    border-left-color: #ef59a1;
}

.skin-pink-ef59a1 .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-pink-ef59a1 .sidebar a {
    color: #b8c7ce;
}

    .skin-pink-ef59a1 .sidebar a:hover {
        text-decoration: none;
    }

.skin-pink-ef59a1 .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-pink-ef59a1 .sidebar-menu .treeview-menu > li.active > a,
    .skin-pink-ef59a1 .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-pink-ef59a1 .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-pink-ef59a1 .sidebar-form input[type="text"],
    .skin-pink-ef59a1 .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-pink-ef59a1 .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-pink-ef59a1 .sidebar-form input[type="text"]:focus,
        .skin-pink-ef59a1 .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-pink-ef59a1 .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-pink-ef59a1 .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-pink-ef59a1.layout-top-nav .main-header > .logo {
    background-color: #ef59a1;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-pink-ef59a1.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }
/*
 * Skin: blue (#b5cddc)
 * ----------
 */
.skin-blue-b5cddc .select2-selection__choice {
    background-color: #b5cddc !important;
}

.skin-blue-b5cddc .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-blue-b5cddc .maid_active {
    border-left: 3px #b5cddc solid;
}

.skin-blue-b5cddc .divName {
    color: #fff;
}

.skin-blue-b5cddc .login-box-msg,
.skin-blue-b5cddc .register-box-msg {
    background-color: #b5cddc;
}

.skin-blue-b5cddc .modal-footer {
    border-top: 2px solid #b5cddc;
}

.skin-blue-b5cddc #btnGetAddress {
    border: 3px solid #b5cddc;
}

.skin-blue-b5cddc .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #b5cddc;
}

    .skin-blue-b5cddc .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #b5cddc;
    }

.skin-blue-b5cddc .btn-default.btn-on.active {
    background-color: #b5cddc;
    color: white;
}

.skin-blue-b5cddc input:checked + .slider {
    background-color: #b5cddc;
}

.skin-blue-b5cddc .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #b5cddc;
}

.skin-blue-b5cddc .wizard > .steps .done a,
.skin-blue-b5cddc .wizard > .steps .done a:hover,
.skin-blue-b5cddc .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-blue-b5cddc .wizard > .actions a,
.skin-blue-b5cddc .wizard > .actions a:hover,
.skin-blue-b5cddc .wizard > .actions a:active {
    color: #fff;
    background-color: #b5cddc;
}

.skin-blue-b5cddc .wizard > .steps .current a,
.skin-blue-b5cddc .wizard > .steps .current a:hover,
.skin-blue-b5cddc .wizard > .steps .current a:active {
    color: #fff;
    background-color: #b5cddc;
}

.skin-blue-b5cddc .pagination > .active > a,
.skin-blue-b5cddc .pagination > .active > span,
.skin-blue-b5cddc .pagination > .active > a:hover,
.skin-blue-b5cddc .pagination > .active > span:hover,
.skin-blue-b5cddc .pagination > .active > a:focus,
.skin-blue-b5cddc .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #b5cddc;
    border-color: #b5cddc;
}

.skin-blue-b5cddc .fa-plus-circle,
.skin-blue-b5cddc .fa-gear,
.skin-blue-b5cddc .fa-pencil,
.skin-blue-b5cddc .fa-arrow-circle-o-left,
.skin-blue-b5cddc .fa_skin_color,
.skin-blue-b5cddc .ion-book {
    color: #b5cddc;
}

.skin-blue-b5cddc .bg_skin_color {
    background-color: #b5cddc !important;
    color: #fff !important;
}

.skin-blue-b5cddc .btn-primary {
    color: #fff;
    background-color: #b5cddc;
    border-color: #b5cddc;
}

    .skin-blue-b5cddc .btn-primary:hover {
        color: #fff;
        background-color: #8da9ba;
        border-color: #8da9ba;
    }

.skin-blue-b5cddc .box-primary {
    border-top-color: #b5cddc;
}

.skin-blue-b5cddc #card {
    border: 1px solid #b5cddc;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-blue-b5cddc #box_header {
    color: #fff;
    background-color: #b5cddc;
}

.skin-blue-b5cddc .modal-header {
    color: #fff;
    background-color: #b5cddc;
}

.skin-blue-b5cddc .main-header .navbar {
    background-color: #b5cddc;
}

    .skin-blue-b5cddc .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-blue-b5cddc .main-header .navbar .nav > li > a:hover,
        .skin-blue-b5cddc .main-header .navbar .nav > li > a:active,
        .skin-blue-b5cddc .main-header .navbar .nav > li > a:focus,
        .skin-blue-b5cddc .main-header .navbar .nav .open > a,
        .skin-blue-b5cddc .main-header .navbar .nav .open > a:hover,
        .skin-blue-b5cddc .main-header .navbar .nav .open > a:focus,
        .skin-blue-b5cddc .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-blue-b5cddc .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-blue-b5cddc .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-blue-b5cddc .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-blue-b5cddc .main-header .navbar .sidebar-toggle:hover {
            background-color: #8da9ba;
        }

@media (max-width: 767px) {
    .skin-blue-b5cddc .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-blue-b5cddc .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-blue-b5cddc .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-blue-b5cddc .main-header .logo {
    background-color: #8da9ba;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue-b5cddc .main-header .logo:hover {
        background-color: #8da9ba;
    }

.skin-blue-b5cddc .main-header li.user-header {
    background-color: #b5cddc;
}

.skin-blue-b5cddc .content-header {
    background: transparent;
}

.skin-blue-b5cddc .wrapper,
.skin-blue-b5cddc .main-sidebar,
.skin-blue-b5cddc .left-side {
    background-color: #222d32;
}

.skin-blue-b5cddc .user-panel > .info,
.skin-blue-b5cddc .user-panel > .info > a {
    color: #fff;
}

.skin-blue-b5cddc .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-blue-b5cddc .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-blue-b5cddc .sidebar-menu > li:hover > a,
.skin-blue-b5cddc .sidebar-menu > li.active > a,
.skin-blue-b5cddc .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-blue-b5cddc .sidebar-menu > li.active > a {
    border-left-color: #b5cddc;
}

.skin-blue-b5cddc .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-blue-b5cddc .sidebar a {
    color: #b8c7ce;
}

    .skin-blue-b5cddc .sidebar a:hover {
        text-decoration: none;
    }

.skin-blue-b5cddc .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-blue-b5cddc .sidebar-menu .treeview-menu > li.active > a,
    .skin-blue-b5cddc .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-blue-b5cddc .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-blue-b5cddc .sidebar-form input[type="text"],
    .skin-blue-b5cddc .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-blue-b5cddc .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-blue-b5cddc .sidebar-form input[type="text"]:focus,
        .skin-blue-b5cddc .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-blue-b5cddc .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-blue-b5cddc .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-blue-b5cddc.layout-top-nav .main-header > .logo {
    background-color: #b5cddc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue-b5cddc.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }
/*
 * Skin: pink (#de7591)
 * ----------
 */
.skin-pink-de7591 .select2-selection__choice {
    background-color: #de7591 !important;
}

.skin-pink-de7591 .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-pink-de7591 .maid_active {
    border-left: 3px #de7591 solid;
}

.skin-pink-de7591 .divName {
    color: #fff;
}

.skin-pink-de7591 .login-box-msg,
.skin-pink-de7591 .register-box-msg {
    background-color: #de7591;
}

.skin-pink-de7591 .modal-footer {
    border-top: 2px solid #de7591;
}

.skin-pink-de7591 #btnGetAddress {
    border: 3px solid #de7591;
}

.skin-pink-de7591 .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #de7591;
}

    .skin-pink-de7591 .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #de7591;
    }

.skin-pink-de7591 .btn-default.btn-on.active {
    background-color: #de7591;
    color: white;
}

.skin-pink-de7591 input:checked + .slider {
    background-color: #de7591;
}

.skin-pink-de7591 .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #de7591;
}

.skin-pink-de7591 .wizard > .steps .done a,
.skin-pink-de7591 .wizard > .steps .done a:hover,
.skin-pink-de7591 .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-pink-de7591 .wizard > .actions a,
.skin-pink-de7591 .wizard > .actions a:hover,
.skin-pink-de7591 .wizard > .actions a:active {
    color: #fff;
    background-color: #de7591;
}

.skin-pink-de7591 .wizard > .steps .current a,
.skin-pink-de7591 .wizard > .steps .current a:hover,
.skin-pink-de7591 .wizard > .steps .current a:active {
    color: #fff;
    background-color: #de7591;
}

.skin-pink-de7591 .pagination > .active > a,
.skin-pink-de7591 .pagination > .active > span,
.skin-pink-de7591 .pagination > .active > a:hover,
.skin-pink-de7591 .pagination > .active > span:hover,
.skin-pink-de7591 .pagination > .active > a:focus,
.skin-pink-de7591 .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #de7591;
    border-color: #de7591;
}

.skin-pink-de7591 .fa-plus-circle,
.skin-pink-de7591 .fa-gear,
.skin-pink-de7591 .fa-pencil,
.skin-pink-de7591 .fa-arrow-circle-o-left,
.skin-pink-de7591 .fa_skin_color,
.skin-pink-de7591 .ion-book {
    color: #de7591;
}

.skin-pink-de7591 .bg_skin_color {
    background-color: #de7591 !important;
    color: #fff !important;
}

.skin-pink-de7591 .btn-primary {
    color: #fff;
    background-color: #de7591;
    border-color: #de7591;
}

    .skin-pink-de7591 .btn-primary:hover {
        color: #fff;
        background-color: #c45a77;
        border-color: #c45a77;
    }

.skin-pink-de7591 .box-primary {
    border-top-color: #de7591;
}

.skin-pink-de7591 #card {
    border: 1px solid #de7591;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-pink-de7591 #box_header {
    color: #fff;
    background-color: #de7591;
}

.skin-pink-de7591 .modal-header {
    color: #fff;
    background-color: #de7591;
}

.skin-pink-de7591 .main-header .navbar {
    background-color: #de7591;
}

    .skin-pink-de7591 .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-pink-de7591 .main-header .navbar .nav > li > a:hover,
        .skin-pink-de7591 .main-header .navbar .nav > li > a:active,
        .skin-pink-de7591 .main-header .navbar .nav > li > a:focus,
        .skin-pink-de7591 .main-header .navbar .nav .open > a,
        .skin-pink-de7591 .main-header .navbar .nav .open > a:hover,
        .skin-pink-de7591 .main-header .navbar .nav .open > a:focus,
        .skin-pink-de7591 .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-pink-de7591 .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-pink-de7591 .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-pink-de7591 .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-pink-de7591 .main-header .navbar .sidebar-toggle:hover {
            background-color: #c45a77;
        }

@media (max-width: 767px) {
    .skin-pink-de7591 .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-pink-de7591 .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-pink-de7591 .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-pink-de7591 .main-header .logo {
    background-color: #c45a77;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-pink-de7591 .main-header .logo:hover {
        background-color: #c45a77;
    }

.skin-pink-de7591 .main-header li.user-header {
    background-color: #de7591;
}

.skin-pink-de7591 .content-header {
    background: transparent;
}

.skin-pink-de7591 .wrapper,
.skin-pink-de7591 .main-sidebar,
.skin-pink-de7591 .left-side {
    background-color: #222d32;
}

.skin-pink-de7591 .user-panel > .info,
.skin-pink-de7591 .user-panel > .info > a {
    color: #fff;
}

.skin-pink-de7591 .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-pink-de7591 .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-pink-de7591 .sidebar-menu > li:hover > a,
.skin-pink-de7591 .sidebar-menu > li.active > a,
.skin-pink-de7591 .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-pink-de7591 .sidebar-menu > li.active > a {
    border-left-color: #de7591;
}

.skin-pink-de7591 .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-pink-de7591 .sidebar a {
    color: #b8c7ce;
}

    .skin-pink-de7591 .sidebar a:hover {
        text-decoration: none;
    }

.skin-pink-de7591 .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-pink-de7591 .sidebar-menu .treeview-menu > li.active > a,
    .skin-pink-de7591 .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-pink-de7591 .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-pink-de7591 .sidebar-form input[type="text"],
    .skin-pink-de7591 .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-pink-de7591 .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-pink-de7591 .sidebar-form input[type="text"]:focus,
        .skin-pink-de7591 .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-pink-de7591 .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-pink-de7591 .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-pink-de7591.layout-top-nav .main-header > .logo {
    background-color: #de7591;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-pink-de7591.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }

/*
 * Skin: purple (#a295b0)
 * ----------
 */
.skin-purple-a295b0 .select2-selection__choice {
    background-color: #a295b0 !important;
}

.skin-purple-a295b0 .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-purple-a295b0 .maid_active {
    border-left: 3px #a295b0 solid;
}

.skin-purple-a295b0 .divName {
    color: #fff;
}

.skin-purple-a295b0 .login-box-msg,
.skin-purple-a295b0 .register-box-msg {
    background-color: #a295b0;
}

.skin-purple-a295b0 .modal-footer {
    border-top: 2px solid #a295b0;
}

.skin-purple-a295b0 #btnGetAddress {
    border: 3px solid #a295b0;
}

.skin-purple-a295b0 .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #a295b0;
}

    .skin-purple-a295b0 .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #a295b0;
    }

.skin-purple-a295b0 .btn-default.btn-on.active {
    background-color: #a295b0;
    color: white;
}

.skin-purple-a295b0 input:checked + .slider {
    background-color: #a295b0;
}

.skin-purple-a295b0 .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #a295b0;
}

.skin-purple-a295b0 .wizard > .steps .done a,
.skin-purple-a295b0 .wizard > .steps .done a:hover,
.skin-purple-a295b0 .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-purple-a295b0 .wizard > .actions a,
.skin-purple-a295b0 .wizard > .actions a:hover,
.skin-purple-a295b0 .wizard > .actions a:active {
    color: #fff;
    background-color: #a295b0;
}

.skin-purple-a295b0 .wizard > .steps .current a,
.skin-purple-a295b0 .wizard > .steps .current a:hover,
.skin-purple-a295b0 .wizard > .steps .current a:active {
    color: #fff;
    background-color: #a295b0;
}

.skin-purple-a295b0 .pagination > .active > a,
.skin-purple-a295b0 .pagination > .active > span,
.skin-purple-a295b0 .pagination > .active > a:hover,
.skin-purple-a295b0 .pagination > .active > span:hover,
.skin-purple-a295b0 .pagination > .active > a:focus,
.skin-purple-a295b0 .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #a295b0;
    border-color: #a295b0;
}

.skin-purple-a295b0 .fa-plus-circle,
.skin-purple-a295b0 .fa-gear,
.skin-purple-a295b0 .fa-pencil,
.skin-purple-a295b0 .fa-arrow-circle-o-left,
.skin-purple-a295b0 .fa_skin_color,
.skin-purple-a295b0 .ion-book {
    color: #a295b0;
}

.skin-purple-a295b0 .bg_skin_color {
    background-color: #a295b0 !important;
    color: #fff !important;
}

.skin-purple-a295b0 .btn-primary {
    color: #fff;
    background-color: #a295b0;
    border-color: #a295b0;
}

    .skin-purple-a295b0 .btn-primary:hover {
        color: #fff;
        background-color: #787082;
        border-color: #787082;
    }

.skin-purple-a295b0 .box-primary {
    border-top-color: #a295b0;
}

.skin-purple-a295b0 #card {
    border: 1px solid #a295b0;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-purple-a295b0 #box_header {
    color: #fff;
    background-color: #a295b0;
}

.skin-purple-a295b0 .modal-header {
    color: #fff;
    background-color: #a295b0;
}

.skin-purple-a295b0 .main-header .navbar {
    background-color: #a295b0;
}

    .skin-purple-a295b0 .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-purple-a295b0 .main-header .navbar .nav > li > a:hover,
        .skin-purple-a295b0 .main-header .navbar .nav > li > a:active,
        .skin-purple-a295b0 .main-header .navbar .nav > li > a:focus,
        .skin-purple-a295b0 .main-header .navbar .nav .open > a,
        .skin-purple-a295b0 .main-header .navbar .nav .open > a:hover,
        .skin-purple-a295b0 .main-header .navbar .nav .open > a:focus,
        .skin-purple-a295b0 .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-purple-a295b0 .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-purple-a295b0 .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-purple-a295b0 .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-purple-a295b0 .main-header .navbar .sidebar-toggle:hover {
            background-color: #787082;
        }

@media (max-width: 767px) {
    .skin-purple-a295b0 .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-purple-a295b0 .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-purple-a295b0 .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-purple-a295b0 .main-header .logo {
    background-color: #787082;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-purple-a295b0 .main-header .logo:hover {
        background-color: #787082;
    }

.skin-purple-a295b0 .main-header li.user-header {
    background-color: #a295b0;
}

.skin-purple-a295b0 .content-header {
    background: transparent;
}

.skin-purple-a295b0 .wrapper,
.skin-purple-a295b0 .main-sidebar,
.skin-purple-a295b0 .left-side {
    background-color: #222d32;
}

.skin-purple-a295b0 .user-panel > .info,
.skin-purple-a295b0 .user-panel > .info > a {
    color: #fff;
}

.skin-purple-a295b0 .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-purple-a295b0 .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-purple-a295b0 .sidebar-menu > li:hover > a,
.skin-purple-a295b0 .sidebar-menu > li.active > a,
.skin-purple-a295b0 .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-purple-a295b0 .sidebar-menu > li.active > a {
    border-left-color: #a295b0;
}

.skin-purple-a295b0 .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-purple-a295b0 .sidebar a {
    color: #b8c7ce;
}

    .skin-purple-a295b0 .sidebar a:hover {
        text-decoration: none;
    }

.skin-purple-a295b0 .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-purple-a295b0 .sidebar-menu .treeview-menu > li.active > a,
    .skin-purple-a295b0 .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-purple-a295b0 .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-purple-a295b0 .sidebar-form input[type="text"],
    .skin-purple-a295b0 .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-purple-a295b0 .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-purple-a295b0 .sidebar-form input[type="text"]:focus,
        .skin-purple-a295b0 .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-purple-a295b0 .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-purple-a295b0 .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-purple-a295b0.layout-top-nav .main-header > .logo {
    background-color: #a295b0;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-purple-a295b0.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }
/*
 * Skin: green (#8ab3be)
 * ----------
 */
.skin-green-8ab3be .select2-selection__choice {
    background-color: #8ab3be !important;
}

.skin-green-8ab3be .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-green-8ab3be .maid_active {
    border-left: 3px #8ab3be solid;
}

.skin-green-8ab3be .divName {
    color: #fff;
}

.skin-green-8ab3be .login-box-msg,
.skin-green-8ab3be .register-box-msg {
    background-color: #8ab3be;
}

.skin-green-8ab3be .modal-footer {
    border-top: 2px solid #8ab3be;
}

.skin-green-8ab3be #btnGetAddress {
    border: 3px solid #8ab3be;
}

.skin-green-8ab3be .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #8ab3be;
}

    .skin-green-8ab3be .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #8ab3be;
    }

.skin-green-8ab3be .btn-default.btn-on.active {
    background-color: #8ab3be;
    color: white;
}

.skin-green-8ab3be input:checked + .slider {
    background-color: #8ab3be;
}

.skin-green-8ab3be .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #8ab3be;
}

.skin-green-8ab3be .wizard > .steps .done a,
.skin-green-8ab3be .wizard > .steps .done a:hover,
.skin-green-8ab3be .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-green-8ab3be .wizard > .actions a,
.skin-green-8ab3be .wizard > .actions a:hover,
.skin-green-8ab3be .wizard > .actions a:active {
    color: #fff;
    background-color: #8ab3be;
}

.skin-green-8ab3be .wizard > .steps .current a,
.skin-green-8ab3be .wizard > .steps .current a:hover,
.skin-green-8ab3be .wizard > .steps .current a:active {
    color: #fff;
    background-color: #8ab3be;
}

.skin-green-8ab3be .pagination > .active > a,
.skin-green-8ab3be .pagination > .active > span,
.skin-green-8ab3be .pagination > .active > a:hover,
.skin-green-8ab3be .pagination > .active > span:hover,
.skin-green-8ab3be .pagination > .active > a:focus,
.skin-green-8ab3be .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #8ab3be;
    border-color: #8ab3be;
}

.skin-green-8ab3be .fa-plus-circle,
.skin-green-8ab3be .fa-gear,
.skin-green-8ab3be .fa-pencil,
.skin-green-8ab3be .fa-arrow-circle-o-left,
.skin-green-8ab3be .fa_skin_color,
.skin-green-8ab3be .ion-book {
    color: #8ab3be;
}

.skin-green-8ab3be .bg_skin_color {
    background-color: #8ab3be !important;
    color: #fff !important;
}

.skin-green-8ab3be .btn-primary {
    color: #fff;
    background-color: #8ab3be;
    border-color: #8ab3be;
}

    .skin-green-8ab3be .btn-primary:hover {
        color: #fff;
        background-color: #5d8894;
        border-color: #5d8894;
    }

.skin-green-8ab3be .box-primary {
    border-top-color: #8ab3be;
}

.skin-green-8ab3be #card {
    border: 1px solid #8ab3be;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-green-8ab3be #box_header {
    color: #fff;
    background-color: #8ab3be;
}

.skin-green-8ab3be .modal-header {
    color: #fff;
    background-color: #8ab3be;
}

.skin-green-8ab3be .main-header .navbar {
    background-color: #8ab3be;
}

    .skin-green-8ab3be .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-green-8ab3be .main-header .navbar .nav > li > a:hover,
        .skin-green-8ab3be .main-header .navbar .nav > li > a:active,
        .skin-green-8ab3be .main-header .navbar .nav > li > a:focus,
        .skin-green-8ab3be .main-header .navbar .nav .open > a,
        .skin-green-8ab3be .main-header .navbar .nav .open > a:hover,
        .skin-green-8ab3be .main-header .navbar .nav .open > a:focus,
        .skin-green-8ab3be .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-green-8ab3be .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-green-8ab3be .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-green-8ab3be .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-green-8ab3be .main-header .navbar .sidebar-toggle:hover {
            background-color: #5d8894;
        }

@media (max-width: 767px) {
    .skin-green-8ab3be .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-green-8ab3be .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-green-8ab3be .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-green-8ab3be .main-header .logo {
    background-color: #5d8894;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-green-8ab3be .main-header .logo:hover {
        background-color: #5d8894;
    }

.skin-green-8ab3be .main-header li.user-header {
    background-color: #8ab3be;
}

.skin-green-8ab3be .content-header {
    background: transparent;
}

.skin-green-8ab3be .wrapper,
.skin-green-8ab3be .main-sidebar,
.skin-green-8ab3be .left-side {
    background-color: #222d32;
}

.skin-green-8ab3be .user-panel > .info,
.skin-green-8ab3be .user-panel > .info > a {
    color: #fff;
}

.skin-green-8ab3be .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-green-8ab3be .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-green-8ab3be .sidebar-menu > li:hover > a,
.skin-green-8ab3be .sidebar-menu > li.active > a,
.skin-green-8ab3be .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-green-8ab3be .sidebar-menu > li.active > a {
    border-left-color: #8ab3be;
}

.skin-green-8ab3be .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-green-8ab3be .sidebar a {
    color: #b8c7ce;
}

    .skin-green-8ab3be .sidebar a:hover {
        text-decoration: none;
    }

.skin-green-8ab3be .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-green-8ab3be .sidebar-menu .treeview-menu > li.active > a,
    .skin-green-8ab3be .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-green-8ab3be .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-green-8ab3be .sidebar-form input[type="text"],
    .skin-green-8ab3be .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-green-8ab3be .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-green-8ab3be .sidebar-form input[type="text"]:focus,
        .skin-green-8ab3be .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-green-8ab3be .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-green-8ab3be .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-green-8ab3be.layout-top-nav .main-header > .logo {
    background-color: #8ab3be;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-green-8ab3be.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }
/*
 * Skin: green (#87937d)
 * ----------
 */
.skin-green-87937d .select2-selection__choice {
    background-color: #87937d !important;
}

.skin-green-87937d .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-green-87937d .maid_active {
    border-left: 3px #87937d solid;
}

.skin-green-87937d .divName {
    color: #fff;
}

.skin-green-87937d .login-box-msg,
.skin-green-87937d .register-box-msg {
    background-color: #87937d;
}

.skin-green-87937d .modal-footer {
    border-top: 2px solid #87937d;
}

.skin-green-87937d #btnGetAddress {
    border: 3px solid #87937d;
}

.skin-green-87937d .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #87937d;
}

    .skin-green-87937d .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #87937d;
    }

.skin-green-87937d .btn-default.btn-on.active {
    background-color: #87937d;
    color: white;
}

.skin-green-87937d input:checked + .slider {
    background-color: #87937d;
}

.skin-green-87937d .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #87937d;
}

.skin-green-87937d .wizard > .steps .done a,
.skin-green-87937d .wizard > .steps .done a:hover,
.skin-green-87937d .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-green-87937d .wizard > .actions a,
.skin-green-87937d .wizard > .actions a:hover,
.skin-green-87937d .wizard > .actions a:active {
    color: #fff;
    background-color: #87937d;
}

.skin-green-87937d .wizard > .steps .current a,
.skin-green-87937d .wizard > .steps .current a:hover,
.skin-green-87937d .wizard > .steps .current a:active {
    color: #fff;
    background-color: #87937d;
}

.skin-green-87937d .pagination > .active > a,
.skin-green-87937d .pagination > .active > span,
.skin-green-87937d .pagination > .active > a:hover,
.skin-green-87937d .pagination > .active > span:hover,
.skin-green-87937d .pagination > .active > a:focus,
.skin-green-87937d .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #87937d;
    border-color: #87937d;
}

.skin-green-87937d .fa-plus-circle,
.skin-green-87937d .fa-gear,
.skin-green-87937d .fa-pencil,
.skin-green-87937d .fa-arrow-circle-o-left,
.skin-green-87937d .fa_skin_color,
.skin-green-87937d .ion-book {
    color: #87937d;
}

.skin-green-87937d .bg_skin_color {
    background-color: #87937d !important;
    color: #fff !important;
}

.skin-green-87937d .btn-primary {
    color: #fff;
    background-color: #87937d;
    border-color: #87937d;
}

    .skin-green-87937d .btn-primary:hover {
        color: #fff;
        background-color: #525e48;
        border-color: #525e48;
    }

.skin-green-87937d .box-primary {
    border-top-color: #87937d;
}

.skin-green-87937d #card {
    border: 1px solid #87937d;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-green-87937d #box_header {
    color: #fff;
    background-color: #87937d;
}

.skin-green-87937d .modal-header {
    color: #fff;
    background-color: #87937d;
}

.skin-green-87937d .main-header .navbar {
    background-color: #87937d;
}

    .skin-green-87937d .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-green-87937d .main-header .navbar .nav > li > a:hover,
        .skin-green-87937d .main-header .navbar .nav > li > a:active,
        .skin-green-87937d .main-header .navbar .nav > li > a:focus,
        .skin-green-87937d .main-header .navbar .nav .open > a,
        .skin-green-87937d .main-header .navbar .nav .open > a:hover,
        .skin-green-87937d .main-header .navbar .nav .open > a:focus,
        .skin-green-87937d .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-green-87937d .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-green-87937d .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-green-87937d .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-green-87937d .main-header .navbar .sidebar-toggle:hover {
            background-color: #525e48;
        }

@media (max-width: 767px) {
    .skin-green-87937d .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-green-87937d .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-green-87937d .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-green-87937d .main-header .logo {
    background-color: #525e48;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-green-87937d .main-header .logo:hover {
        background-color: #525e48;
    }

.skin-green-87937d .main-header li.user-header {
    background-color: #87937d;
}

.skin-green-87937d .content-header {
    background: transparent;
}

.skin-green-87937d .wrapper,
.skin-green-87937d .main-sidebar,
.skin-green-87937d .left-side {
    background-color: #222d32;
}

.skin-green-87937d .user-panel > .info,
.skin-green-87937d .user-panel > .info > a {
    color: #fff;
}

.skin-green-87937d .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-green-87937d .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-green-87937d .sidebar-menu > li:hover > a,
.skin-green-87937d .sidebar-menu > li.active > a,
.skin-green-87937d .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-green-87937d .sidebar-menu > li.active > a {
    border-left-color: #87937d;
}

.skin-green-87937d .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-green-87937d .sidebar a {
    color: #b8c7ce;
}

    .skin-green-87937d .sidebar a:hover {
        text-decoration: none;
    }

.skin-green-87937d .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-green-87937d .sidebar-menu .treeview-menu > li.active > a,
    .skin-green-87937d .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-green-87937d .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-green-87937d .sidebar-form input[type="text"],
    .skin-green-87937d .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-green-87937d .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-green-87937d .sidebar-form input[type="text"]:focus,
        .skin-green-87937d .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-green-87937d .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-green-87937d .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-green-87937d.layout-top-nav .main-header > .logo {
    background-color: #87937d;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-green-87937d.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }
/*
 * Skin: Pink
 * ----------
 */
.skin-pink .select2-selection__choice {
    background-color: #ea0088 !important;
}

.skin-pink .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-pink .maid_active {
    border-left: 3px #ea0088 solid;
}

.skin-pink .divName {
    color: #fff;
}

.skin-pink .login-box-msg,
.skin-pink .register-box-msg {
    background-color: #ea0088;
}

.skin-pink .modal-footer {
    border-top: 2px solid #ea0088;
}

.skin-pink #btnGetAddress {
    border: 3px solid #ea0088;
}

.skin-pink .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #ea0088;
}

    .skin-pink .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #ea0088;
    }

.skin-pink .btn-default.btn-on.active {
    background-color: #ea0088;
    color: white;
}

.skin-pink input:checked + .slider {
    background-color: #ea0088;
}

.skin-pink .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #ea0088;
}

.skin-pink .wizard > .steps .done a,
.skin-pink .wizard > .steps .done a:hover,
.skin-pink .wizard > .steps .done a:active {
    background: #fea5d8;
    color: #fff;
}

.skin-pink .wizard > .actions a,
.skin-pink .wizard > .actions a:hover,
.skin-pink .wizard > .actions a:active {
    color: #fff;
    background-color: #ea0088;
}

.skin-pink .wizard > .steps .current a,
.skin-pink .wizard > .steps .current a:hover,
.skin-pink .wizard > .steps .current a:active {
    color: #fff;
    background-color: #ea0088;
}

.skin-pink .pagination > .active > a,
.skin-pink .pagination > .active > span,
.skin-pink .pagination > .active > a:hover,
.skin-pink .pagination > .active > span:hover,
.skin-pink .pagination > .active > a:focus,
.skin-pink .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ea0088;
    border-color: #ea0088;
}

.skin-pink .fa-plus-circle,
.skin-pink .fa-gear,
.skin-pink .fa-pencil,
.skin-pink .fa-arrow-circle-o-left,
.skin-pink .fa_skin_color,
.skin-pink .ion-book {
    color: #ea0088;
}

.skin-pink .bg_skin_color {
    background-color: #ea0088 !important;
    color: #fff !important;
}

.skin-pink .btn-primary {
    color: #fff;
    background-color: #ea0088;
    border-color: #ea0088;
}

    .skin-pink .btn-primary:hover {
        color: #fff;
        background-color: #cc0277;
        border-color: #cc0277;
    }

.skin-pink .box-primary {
    border-top-color: #ea0088;
}

.skin-pink #card {
    border: 1px solid #ea0088;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-pink #box_header {
    color: #fff;
    background-color: #ea0088;
}

.skin-pink .modal-header {
    color: #fff;
    background-color: #ea0088;
}

.skin-pink .main-header .navbar {
    background-color: #ea0088;
}

    .skin-pink .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-pink .main-header .navbar .nav > li > a:hover,
        .skin-pink .main-header .navbar .nav > li > a:active,
        .skin-pink .main-header .navbar .nav > li > a:focus,
        .skin-pink .main-header .navbar .nav .open > a,
        .skin-pink .main-header .navbar .nav .open > a:hover,
        .skin-pink .main-header .navbar .nav .open > a:focus,
        .skin-pink .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-pink .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-pink .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-pink .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-pink .main-header .navbar .sidebar-toggle:hover {
            background-color: #cc0277;
        }

@media (max-width: 767px) {
    .skin-pink .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-pink .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-pink .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-pink .main-header .logo {
    background-color: #cc0277;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-pink .main-header .logo:hover {
        background-color: #c90476;
    }

.skin-pink .main-header li.user-header {
    background-color: #ea0088;
}

.skin-pink .content-header {
    background: transparent;
}

.skin-pink .wrapper,
.skin-pink .main-sidebar,
.skin-pink .left-side {
    background-color: #222d32;
}

.skin-pink .user-panel > .info,
.skin-pink .user-panel > .info > a {
    color: #fff;
}

.skin-pink .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-pink .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-pink .sidebar-menu > li:hover > a,
.skin-pink .sidebar-menu > li.active > a,
.skin-pink .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-pink .sidebar-menu > li.active > a {
    border-left-color: #ea0088;
}

.skin-pink .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-pink .sidebar a {
    color: #b8c7ce;
}

    .skin-pink .sidebar a:hover {
        text-decoration: none;
    }

.skin-pink .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-pink .sidebar-menu .treeview-menu > li.active > a,
    .skin-pink .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-pink .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-pink .sidebar-form input[type="text"],
    .skin-pink .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-pink .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-pink .sidebar-form input[type="text"]:focus,
        .skin-pink .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-pink .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-pink .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-pink.layout-top-nav .main-header > .logo {
    background-color: #ea0088;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-pink.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }
/*
 * Skin: Pink Light
 * -----------
 */


/*
 * Skin: Brown
 * ----------
 */
.skin-brown .select2-selection__choice {
    background-color: #a06219 !important;
}

.skin-brown .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-brown .maid_active {
    border-left: 3px #a06219 solid;
}

.skin-brown .divName {
    color: #fff;
}

.skin-brown .login-box-msg,
.skin-brown .register-box-msg {
    background-color: #a06219;
}

.skin-brown .modal-footer {
    border-top: 2px solid #a06219;
}

.skin-brown #btnGetAddress {
    border: 3px solid #a06219;
}

.skin-brown .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #a06219;
}

    .skin-brown .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #a06219;
    }

.skin-brown .btn-default.btn-on.active {
    background-color: #a06219;
    color: white;
}

.skin-brown input:checked + .slider {
    background-color: #a06219;
}

.skin-brown .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #a06219;
}

.skin-brown .wizard > .steps .done a,
.skin-brown .wizard > .steps .done a:hover,
.skin-brown .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-brown .wizard > .actions a,
.skin-brown .wizard > .actions a:hover,
.skin-brown .wizard > .actions a:active {
    color: #fff;
    background-color: #a06219;
}

.skin-brown .wizard > .steps .current a,
.skin-brown .wizard > .steps .current a:hover,
.skin-brown .wizard > .steps .current a:active {
    color: #fff;
    background-color: #a06219;
}

.skin-brown .pagination > .active > a,
.skin-brown .pagination > .active > span,
.skin-brown .pagination > .active > a:hover,
.skin-brown .pagination > .active > span:hover,
.skin-brown .pagination > .active > a:focus,
.skin-brown .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #a06219;
    border-color: #a06219;
}

.skin-brown .fa-plus-circle,
.skin-brown .fa-gear,
.skin-brown .fa-pencil,
.skin-brown .fa-arrow-circle-o-left,
.skin-brown .fa_skin_color,
.skin-brown .ion-book {
    color: #a06219;
}

.skin-brown .bg_skin_color {
    background-color: #a06219 !important;
    color: #fff !important;
}

.skin-brown .btn-primary {
    color: #fff;
    background-color: #a06219;
    border-color: #a06219;
}

    .skin-brown .btn-primary:hover {
        color: #fff;
        background-color: #905816;
        border-color: #905816;
    }

.skin-brown .box-primary {
    border-top-color: #a06219;
}

.skin-brown #card {
    border: 1px solid #a06219;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-brown #box_header {
    color: #fff;
    background-color: #a06219;
}

.skin-brown .modal-header {
    color: #fff;
    background-color: #a06219;
}

.skin-brown .main-header .navbar {
    background-color: #a06219;
}

    .skin-brown .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-brown .main-header .navbar .nav > li > a:hover,
        .skin-brown .main-header .navbar .nav > li > a:active,
        .skin-brown .main-header .navbar .nav > li > a:focus,
        .skin-brown .main-header .navbar .nav .open > a,
        .skin-brown .main-header .navbar .nav .open > a:hover,
        .skin-brown .main-header .navbar .nav .open > a:focus,
        .skin-brown .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-brown .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-brown .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-brown .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-brown .main-header .navbar .sidebar-toggle:hover {
            background-color: #905816;
        }

@media (max-width: 767px) {
    .skin-brown .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-brown .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-brown .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-brown .main-header .logo {
    background-color: #905816;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-brown .main-header .logo:hover {
        background-color: #905816;
    }

.skin-brown .main-header li.user-header {
    background-color: #a06219;
}

.skin-brown .content-header {
    background: transparent;
}

.skin-brown .wrapper,
.skin-brown .main-sidebar,
.skin-brown .left-side {
    background-color: #222d32;
}

.skin-brown .user-panel > .info,
.skin-brown .user-panel > .info > a {
    color: #fff;
}

.skin-brown .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-brown .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-brown .sidebar-menu > li:hover > a,
.skin-brown .sidebar-menu > li.active > a,
.skin-brown .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-brown .sidebar-menu > li.active > a {
    border-left-color: #a06219;
}

.skin-brown .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-brown .sidebar a {
    color: #b8c7ce;
}

    .skin-brown .sidebar a:hover {
        text-decoration: none;
    }

.skin-brown .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-brown .sidebar-menu .treeview-menu > li.active > a,
    .skin-brown .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-brown .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-brown .sidebar-form input[type="text"],
    .skin-brown .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-brown .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-brown .sidebar-form input[type="text"]:focus,
        .skin-brown .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-brown .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-brown .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-brown.layout-top-nav .main-header > .logo {
    background-color: #a06219;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-brown.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }



/*
 * Skin: blue #8594ce
 * -----------
 */
.skin-blue-8594ce .select2-selection__choice {
    background-color: #8594ce !important;
}

.skin-blue-8594ce .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-blue-8594ce .maid_active {
    border-left: 3px #8594ce solid;
}

.skin-blue-8594ce .divName {
    color: #fff;
}

.skin-blue-8594ce .login-box-msg,
.skin-blue-8594ce .register-box-msg {
    background-color: #8594ce;
}

.skin-blue-8594ce .modal-footer {
    border-top: 2px solid #8594ce;
}

.skin-blue-8594ce #btnGetAddress {
    border: 3px solid #8594ce;
}

.skin-blue-8594ce .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #8594ce;
}

    .skin-blue-8594ce .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #8594ce;
    }

.skin-blue-8594ce .btn-default.btn-on.active {
    background-color: #8594ce;
    color: white;
}

.skin-blue-8594ce input:checked + .slider {
    background-color: #8594ce;
}

.skin-blue-8594ce .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #8594ce;
}

.skin-blue-8594ce .wizard > .steps .done a,
.skin-blue-8594ce .wizard > .steps .done a:hover,
.skin-blue-8594ce .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-blue-8594ce .wizard > .actions a,
.skin-blue-8594ce .wizard > .actions a:hover,
.skin-blue-8594ce .wizard > .actions a:active {
    color: #fff;
    background-color: #8594ce;
}

.skin-blue-8594ce .wizard > .steps .current a,
.skin-blue-8594ce .wizard > .steps .current a:hover,
.skin-blue-8594ce .wizard > .steps .current a:active {
    color: #fff;
    background-color: #8594ce;
}

.skin-blue-8594ce .pagination > .active > a,
.skin-blue-8594ce .pagination > .active > span,
.skin-blue-8594ce .pagination > .active > a:hover,
.skin-blue-8594ce .pagination > .active > span:hover,
.skin-blue-8594ce .pagination > .active > a:focus,
.skin-blue-8594ce .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #8594ce;
    border-color: #8594ce;
}

.skin-blue-8594ce .fa-plus-circle,
.skin-blue-8594ce .fa-gear,
.skin-blue-8594ce .fa-pencil,
.skin-blue-8594ce .fa-arrow-circle-o-left,
.skin-blue-8594ce .fa_skin_color,
.skin-blue-8594ce .ion-book {
    color: #8594ce;
}

.skin-blue-8594ce .bg_skin_color {
    background-color: #8594ce !important;
    color: #fff !important;
}

.skin-blue-8594ce .btn-primary {
    color: #fff;
    background-color: #8594ce;
    border-color: #8594ce;
}

    .skin-blue-8594ce .btn-primary:hover {
        color: #fff;
        background-color: #5d637e;
        border-color: #5d637e;
    }

.skin-blue-8594ce .box-primary {
    border-top-color: #8594ce;
}

.skin-blue-8594ce #card {
    border: 1px solid #8594ce;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-blue-8594ce #box_header {
    color: #fff;
    background-color: #8594ce;
}

.skin-blue-8594ce .modal-header {
    color: #fff;
    background-color: #8594ce;
}

.skin-blue-8594ce .main-header .navbar {
    background-color: #8594ce;
}

    .skin-blue-8594ce .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-blue-8594ce .main-header .navbar .nav > li > a:hover,
        .skin-blue-8594ce .main-header .navbar .nav > li > a:active,
        .skin-blue-8594ce .main-header .navbar .nav > li > a:focus,
        .skin-blue-8594ce .main-header .navbar .nav .open > a,
        .skin-blue-8594ce .main-header .navbar .nav .open > a:hover,
        .skin-blue-8594ce .main-header .navbar .nav .open > a:focus,
        .skin-blue-8594ce .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-blue-8594ce .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-blue-8594ce .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-blue-8594ce .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-blue-8594ce .main-header .navbar .sidebar-toggle:hover {
            background-color: #5d637e;
        }

@media (max-width: 767px) {
    .skin-blue-8594ce .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-blue-8594ce .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-blue-8594ce .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-blue-8594ce .main-header .logo {
    background-color: #5d637e;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue-8594ce .main-header .logo:hover {
        background-color: #5d637e;
    }

.skin-blue-8594ce .main-header li.user-header {
    background-color: #8594ce;
}

.skin-blue-8594ce .content-header {
    background: transparent;
}

.skin-blue-8594ce .wrapper,
.skin-blue-8594ce .main-sidebar,
.skin-blue-8594ce .left-side {
    background-color: #222d32;
}

.skin-blue-8594ce .user-panel > .info,
.skin-blue-8594ce .user-panel > .info > a {
    color: #fff;
}

.skin-blue-8594ce .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-blue-8594ce .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-blue-8594ce .sidebar-menu > li:hover > a,
.skin-blue-8594ce .sidebar-menu > li.active > a,
.skin-blue-8594ce .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-blue-8594ce .sidebar-menu > li.active > a {
    border-left-color: #8594ce;
}

.skin-blue-8594ce .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-blue-8594ce .sidebar a {
    color: #b8c7ce;
}

    .skin-blue-8594ce .sidebar a:hover {
        text-decoration: none;
    }

.skin-blue-8594ce .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-blue-8594ce .sidebar-menu .treeview-menu > li.active > a,
    .skin-blue-8594ce .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-blue-8594ce .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-blue-8594ce .sidebar-form input[type="text"],
    .skin-blue-8594ce .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-blue-8594ce .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-blue-8594ce .sidebar-form input[type="text"]:focus,
        .skin-blue-8594ce .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-blue-8594ce .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-blue-8594ce .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-blue-8594ce.layout-top-nav .main-header > .logo {
    background-color: #8594ce;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue-8594ce.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }
/*
 * Skin: blue #8999ca
 * -----------
 */
.skin-blue-8999ca .select2-selection__choice {
    background-color: #8999ca !important;
}

.skin-blue-8999ca .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-blue-8999ca .maid_active {
    border-left: 3px #8999ca solid;
}

.skin-blue-8999ca .divName {
    color: #fff;
}

.skin-blue-8999ca .login-box-msg,
.skin-blue-8999ca .register-box-msg {
    background-color: #8999ca;
}

.skin-blue-8999ca .modal-footer {
    border-top: 2px solid #8999ca;
}

.skin-blue-8999ca #btnGetAddress {
    border: 3px solid #8999ca;
}

.skin-blue-8999ca .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #8999ca;
}

    .skin-blue-8999ca .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #8999ca;
    }

.skin-blue-8999ca .btn-default.btn-on.active {
    background-color: #8999ca;
    color: white;
}

.skin-blue-8999ca input:checked + .slider {
    background-color: #8999ca;
}

.skin-blue-8999ca .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #8999ca;
}

.skin-blue-8999ca .wizard > .steps .done a,
.skin-blue-8999ca .wizard > .steps .done a:hover,
.skin-blue-8999ca .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-blue-8999ca .wizard > .actions a,
.skin-blue-8999ca .wizard > .actions a:hover,
.skin-blue-8999ca .wizard > .actions a:active {
    color: #fff;
    background-color: #8999ca;
}

.skin-blue-8999ca .wizard > .steps .current a,
.skin-blue-8999ca .wizard > .steps .current a:hover,
.skin-blue-8999ca .wizard > .steps .current a:active {
    color: #fff;
    background-color: #8999ca;
}

.skin-blue-8999ca .pagination > .active > a,
.skin-blue-8999ca .pagination > .active > span,
.skin-blue-8999ca .pagination > .active > a:hover,
.skin-blue-8999ca .pagination > .active > span:hover,
.skin-blue-8999ca .pagination > .active > a:focus,
.skin-blue-8999ca .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #8999ca;
    border-color: #8999ca;
}

.skin-blue-8999ca .fa-plus-circle,
.skin-blue-8999ca .fa-gear,
.skin-blue-8999ca .fa-pencil,
.skin-blue-8999ca .fa-arrow-circle-o-left,
.skin-blue-8999ca .fa_skin_color,
.skin-blue-8999ca .ion-book {
    color: #8999ca;
}

.skin-blue-8999ca .bg_skin_color {
    background-color: #8999ca !important;
    color: #fff !important;
}

.skin-blue-8999ca .btn-primary {
    color: #fff;
    background-color: #8999ca;
    border-color: #8999ca;
}

    .skin-blue-8999ca .btn-primary:hover {
        color: #fff;
        background-color: #576b95;
        border-color: #576b95;
    }

.skin-blue-8999ca .box-primary {
    border-top-color: #8999ca;
}

.skin-blue-8999ca .text-primary {
    color: #8999ca;
}

.skin-blue-8999ca #card {
    border: 1px solid #8999ca;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-blue-8999ca #box_header {
    color: #fff;
    background-color: #8999ca;
}

.skin-blue-8999ca .modal-header {
    color: #fff;
    background-color: #8999ca;
}

.skin-blue-8999ca .main-header .navbar {
    background-color: #8999ca;
}

    .skin-blue-8999ca .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-blue-8999ca .main-header .navbar .nav > li > a:hover,
        .skin-blue-8999ca .main-header .navbar .nav > li > a:active,
        .skin-blue-8999ca .main-header .navbar .nav > li > a:focus,
        .skin-blue-8999ca .main-header .navbar .nav .open > a,
        .skin-blue-8999ca .main-header .navbar .nav .open > a:hover,
        .skin-blue-8999ca .main-header .navbar .nav .open > a:focus,
        .skin-blue-8999ca .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-blue-8999ca .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-blue-8999ca .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-blue-8999ca .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-blue-8999ca .main-header .navbar .sidebar-toggle:hover {
            background-color: #576b95;
        }

@media (max-width: 767px) {
    .skin-blue-8999ca .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-blue-8999ca .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-blue-8999ca .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-blue-8999ca .main-header .logo {
    background-color: #576b95;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue-8999ca .main-header .logo:hover {
        background-color: #576b95;
    }

.skin-blue-8999ca .main-header li.user-header {
    background-color: #8999ca;
}

.skin-blue-8999ca .content-header {
    background: transparent;
}

.skin-blue-8999ca .wrapper,
.skin-blue-8999ca .main-sidebar,
.skin-blue-8999ca .left-side {
    background-color: #222d32;
}

.skin-blue-8999ca .user-panel > .info,
.skin-blue-8999ca .user-panel > .info > a {
    color: #fff;
}

.skin-blue-8999ca .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-blue-8999ca .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-blue-8999ca .sidebar-menu > li:hover > a,
.skin-blue-8999ca .sidebar-menu > li.active > a,
.skin-blue-8999ca .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-blue-8999ca .sidebar-menu > li.active > a {
    border-left-color: #8999ca;
}

.skin-blue-8999ca .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-blue-8999ca .sidebar a {
    color: #b8c7ce;
}

    .skin-blue-8999ca .sidebar a:hover {
        text-decoration: none;
    }

.skin-blue-8999ca .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-blue-8999ca .sidebar-menu .treeview-menu > li.active > a,
    .skin-blue-8999ca .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-blue-8999ca .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-blue-8999ca .sidebar-form input[type="text"],
    .skin-blue-8999ca .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-blue-8999ca .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-blue-8999ca .sidebar-form input[type="text"]:focus,
        .skin-blue-8999ca .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-blue-8999ca .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-blue-8999ca .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-blue-8999ca.layout-top-nav .main-header > .logo {
    background-color: #8999ca;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue-8999ca.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }
/*
 * Skin: blue #9fa7df
 * -----------
 */
.skin-blue-9fa7df .select2-selection__choice {
    background-color: #9fa7df !important;
}

.skin-blue-9fa7df .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-blue-9fa7df .maid_active {
    border-left: 3px #9fa7df solid;
}

.skin-blue-9fa7df .divName {
    color: #fff;
}

.skin-blue-9fa7df .login-box-msg,
.skin-blue-9fa7df .register-box-msg {
    background-color: #9fa7df;
}

.skin-blue-9fa7df .modal-footer {
    border-top: 2px solid #9fa7df;
}

.skin-blue-9fa7df #btnGetAddress {
    border: 3px solid #9fa7df;
}

.skin-blue-9fa7df .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #9fa7df;
}

    .skin-blue-9fa7df .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #9fa7df;
    }

.skin-blue-9fa7df .btn-default.btn-on.active {
    background-color: #9fa7df;
    color: white;
}

.skin-blue-9fa7df input:checked + .slider {
    background-color: #9fa7df;
}

.skin-blue-9fa7df .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #9fa7df;
}

.skin-blue-9fa7df .wizard > .steps .done a,
.skin-blue-9fa7df .wizard > .steps .done a:hover,
.skin-blue-9fa7df .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-blue-9fa7df .wizard > .actions a,
.skin-blue-9fa7df .wizard > .actions a:hover,
.skin-blue-9fa7df .wizard > .actions a:active {
    color: #fff;
    background-color: #9fa7df;
}

.skin-blue-9fa7df .wizard > .steps .current a,
.skin-blue-9fa7df .wizard > .steps .current a:hover,
.skin-blue-9fa7df .wizard > .steps .current a:active {
    color: #fff;
    background-color: #9fa7df;
}

.skin-blue-9fa7df .pagination > .active > a,
.skin-blue-9fa7df .pagination > .active > span,
.skin-blue-9fa7df .pagination > .active > a:hover,
.skin-blue-9fa7df .pagination > .active > span:hover,
.skin-blue-9fa7df .pagination > .active > a:focus,
.skin-blue-9fa7df .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #9fa7df;
    border-color: #9fa7df;
}

.skin-blue-9fa7df .fa-plus-circle,
.skin-blue-9fa7df .fa-gear,
.skin-blue-9fa7df .fa-pencil,
.skin-blue-9fa7df .fa-arrow-circle-o-left,
.skin-blue-9fa7df .fa_skin_color,
.skin-blue-9fa7df .ion-book {
    color: #9fa7df;
}

.skin-blue-9fa7df .bg_skin_color {
    background-color: #9fa7df !important;
    color: #fff !important;
}

.skin-blue-9fa7df .btn-primary {
    color: #fff;
    background-color: #9fa7df;
    border-color: #9fa7df;
}

    .skin-blue-9fa7df .btn-primary:hover {
        color: #fff;
        background-color: #7583b4;
        border-color: #7583b4;
    }

.skin-blue-9fa7df .box-primary {
    border-top-color: #9fa7df;
}

.skin-blue-9fa7df #card {
    border: 1px solid #9fa7df;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-blue-9fa7df #box_header {
    color: #fff;
    background-color: #9fa7df;
}

.skin-blue-9fa7df .modal-header {
    color: #fff;
    background-color: #9fa7df;
}

.skin-blue-9fa7df .main-header .navbar {
    background-color: #9fa7df;
}

    .skin-blue-9fa7df .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-blue-9fa7df .main-header .navbar .nav > li > a:hover,
        .skin-blue-9fa7df .main-header .navbar .nav > li > a:active,
        .skin-blue-9fa7df .main-header .navbar .nav > li > a:focus,
        .skin-blue-9fa7df .main-header .navbar .nav .open > a,
        .skin-blue-9fa7df .main-header .navbar .nav .open > a:hover,
        .skin-blue-9fa7df .main-header .navbar .nav .open > a:focus,
        .skin-blue-9fa7df .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-blue-9fa7df .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-blue-9fa7df .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-blue-9fa7df .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-blue-9fa7df .main-header .navbar .sidebar-toggle:hover {
            background-color: #7583b4;
        }

@media (max-width: 767px) {
    .skin-blue-9fa7df .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-blue-9fa7df .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-blue-9fa7df .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-blue-9fa7df .main-header .logo {
    background-color: #7583b4;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue-9fa7df .main-header .logo:hover {
        background-color: #7583b4;
    }

.skin-blue-9fa7df .main-header li.user-header {
    background-color: #9fa7df;
}

.skin-blue-9fa7df .content-header {
    background: transparent;
}

.skin-blue-9fa7df .wrapper,
.skin-blue-9fa7df .main-sidebar,
.skin-blue-9fa7df .left-side {
    background-color: #222d32;
}

.skin-blue-9fa7df .user-panel > .info,
.skin-blue-9fa7df .user-panel > .info > a {
    color: #fff;
}

.skin-blue-9fa7df .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-blue-9fa7df .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-blue-9fa7df .sidebar-menu > li:hover > a,
.skin-blue-9fa7df .sidebar-menu > li.active > a,
.skin-blue-9fa7df .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-blue-9fa7df .sidebar-menu > li.active > a {
    border-left-color: #9fa7df;
}

.skin-blue-9fa7df .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-blue-9fa7df .sidebar a {
    color: #b8c7ce;
}

    .skin-blue-9fa7df .sidebar a:hover {
        text-decoration: none;
    }

.skin-blue-9fa7df .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-blue-9fa7df .sidebar-menu .treeview-menu > li.active > a,
    .skin-blue-9fa7df .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-blue-9fa7df .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-blue-9fa7df .sidebar-form input[type="text"],
    .skin-blue-9fa7df .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-blue-9fa7df .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-blue-9fa7df .sidebar-form input[type="text"]:focus,
        .skin-blue-9fa7df .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-blue-9fa7df .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-blue-9fa7df .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-blue-9fa7df.layout-top-nav .main-header > .logo {
    background-color: #9fa7df;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue-9fa7df.layout-top-nav .main-header > .logo:hover {
        background-color: #c78b46;
    }
/*
 * Skin: Brown Light
 * -----------
 */
.skin-brown-light .select2-selection__choice {
    background-color: #a06219 !important;
}

.skin-brown-light .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-brown-light .maid_active {
    border-left: 3px #a06219 solid;
}

.skin-brown-light .login-box-msg,
.skin-brown-light .register-box-msg {
    background-color: #a06219;
}

.skin-brown-light .modal-footer {
    border-top: 2px solid #a06219;
}

.skin-brown-light #btnGetAddress {
    border: 3px solid #a06219;
}

.skin-brown-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #a06219;
}

    .skin-brown-light .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #a06219;
    }

.skin-brown-light .btn-default.btn-on.active {
    background-color: #a06219;
    color: white;
}

.skin-brown-light input:checked + .slider {
    background-color: #a06219;
}

.skin-brown-light .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #a06219;
}

.skin-brown-light .wizard > .steps .done a,
.skin-brown-light .wizard > .steps .done a:hover,
.skin-brown-light .wizard > .steps .done a:active {
    background: #e2bd9d;
    color: #fff;
}

.skin-brown-light .wizard > .actions a,
.skin-brown-light .wizard > .actions a:hover,
.skin-brown-light .wizard > .actions a:active {
    color: #fff;
    background-color: #a06219;
}

.skin-brown-light .wizard > .steps .current a,
.skin-brown-light .wizard > .steps .current a:hover,
.skin-brown-light .wizard > .steps .current a:active {
    color: #fff;
    background-color: #a06219;
}

.skin-brown-light .pagination > .active > a,
.skin-brown-light .pagination > .active > span,
.skin-brown-light .pagination > .active > a:hover,
.skin-brown-light .pagination > .active > span:hover,
.skin-brown-light .pagination > .active > a:focus,
.skin-brown-light .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #a06219;
    border-color: #a06219;
}

.skin-brown-light .fa-plus-circle,
.skin-brown-light .fa-gear,
.skin-brown-light .fa-pencil,
.skin-brown-light .fa-arrow-circle-o-left,
.skin-brown-light .fa_skin_color,
.skin-brown-light .ion-book {
    color: #a06219;
}

.skin-brown-light .bg_skin_color {
    background-color: #a06219 !important;
    color: #fff !important;
}

.skin-brown-light .btn-primary {
    color: #fff;
    background-color: #a06219;
    border-color: #a06219;
}

    .skin-brown-light .btn-primary:hover {
        color: #fff;
        background-color: #905816;
        border-color: #905816;
    }

.skin-brown-light .box-primary {
    border-top-color: #a06219;
}

.skin-brown-light #card {
    border: 1px solid #a06219;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-brown-light #box_header {
    color: #fff;
    background-color: #a06219;
}

.skin-brown-light .modal-header {
    color: #fff;
    background-color: #a06219;
}

.skin-brown-light .main-header .navbar {
    background-color: #a06219;
}

    .skin-brown-light .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-brown-light .main-header .navbar .nav > li > a:hover,
        .skin-brown-light .main-header .navbar .nav > li > a:active,
        .skin-brown-light .main-header .navbar .nav > li > a:focus,
        .skin-brown-light .main-header .navbar .nav .open > a,
        .skin-brown-light .main-header .navbar .nav .open > a:hover,
        .skin-brown-light .main-header .navbar .nav .open > a:focus,
        .skin-brown-light .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-brown-light .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-brown-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-brown-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-brown-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #905816;
        }

@media (max-width: 767px) {
    .skin-brown-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-brown-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-brown-light .main-header .navbar .dropdown-menu li a:hover {
            /*background: #008d4c;*/
        }
}

.skin-brown-light .main-header .logo {
    background-color: #a06219;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-brown-light .main-header .logo:hover {
        background-color: #905816;
    }

.skin-brown-light .main-header li.user-header {
    background-color: #a06219;
}

.skin-brown-light .content-header {
    background: transparent;
}

.skin-brown-light .wrapper,
.skin-brown-light .main-sidebar,
.skin-brown-light .left-side {
    background-color: #f9fafc;
}

.skin-brown-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-brown-light .user-panel > .info,
.skin-brown-light .user-panel > .info > a {
    color: #444444;
}

.skin-brown-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}

    .skin-brown-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-brown-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-brown-light .sidebar-menu > li:hover > a,
    .skin-brown-light .sidebar-menu > li.active > a {
        color: #000000;
        background: #f4f4f5;
    }

    .skin-brown-light .sidebar-menu > li.active {
        border-left-color: #a06219;
    }

        .skin-brown-light .sidebar-menu > li.active > a {
            font-weight: 600;
            border-left-color: #a06219;
        }

    .skin-brown-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-brown-light .sidebar a {
    color: #444444;
}

    .skin-brown-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-brown-light .sidebar-menu .treeview-menu > li > a {
    color: #777777;
}

    .skin-brown-light .sidebar-menu .treeview-menu > li.active > a,
    .skin-brown-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000000;
    }

.skin-brown-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-brown-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-brown-light .sidebar-form input[type="text"],
    .skin-brown-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-brown-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-brown-light .sidebar-form input[type="text"]:focus,
        .skin-brown-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-brown-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-brown-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width: 768px) {
    .skin-brown-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}
/*
 * Skin: Blue
 * ----------
 */
.skin-blue .select2-selection__choice {
    background-color: #3c8dbc !important;
}

.skin-blue .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-blue .maid_active {
    border-left: 3px #3c8dbc solid;
}

.skin-blue .divName {
    color: #fff;
}

.skin-blue .fa-plus-circle,
.skin-blue .fa-gear,
.skin-blue .fa-pencil,
.skin-blue .fa-arrow-circle-o-left,
.skin-blue .fa_skin_color,
.skin-blue .ion-book {
    color: #3c8dbc;
}

.skin-blue .bg_skin_color {
    background-color: #3c8dbc !important;
    color: #fff !important;
}

.skin-blue .btn-primary {
    color: #fff;
    background-color: #3c8dbc;
    border-color: #3c8dbc;
}

    .skin-blue .btn-primary:hover {
        color: #fff;
        background-color: #367fa9;
        border-color: #367fa9;
    }

.skin-blue .box-primary {
    border-top-color: #3c8dbc;
}

.skin-blue #card {
    border: 1px solid #3c8dbc;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-blue #box_header {
    color: #fff;
    background-color: #3c8dbc;
}

.skin-blue .modal-header {
    color: #fff;
    background-color: #3c8dbc;
}

.skin-blue .main-header .navbar {
    background-color: #3c8dbc;
}

    .skin-blue .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-blue .main-header .navbar .nav > li > a:hover,
        .skin-blue .main-header .navbar .nav > li > a:active,
        .skin-blue .main-header .navbar .nav > li > a:focus,
        .skin-blue .main-header .navbar .nav .open > a,
        .skin-blue .main-header .navbar .nav .open > a:hover,
        .skin-blue .main-header .navbar .nav .open > a:focus,
        .skin-blue .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-blue .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-blue .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-blue .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-blue .main-header .navbar .sidebar-toggle:hover {
            background-color: #367fa9;
        }

@media (max-width: 767px) {
    .skin-blue .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-blue .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-blue .main-header .logo {
    background-color: #367fa9;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue .main-header .logo:hover {
        background-color: #357ca5;
    }

.skin-blue .main-header li.user-header {
    background-color: #3c8dbc;
}

.skin-blue .content-header {
    background: transparent;
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    background-color: #222d32;
}

.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
    color: #fff;
}

.skin-blue .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-blue .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-blue .sidebar-menu > li.active > a {
    border-left-color: #3c8dbc;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-blue .sidebar a {
    color: #b8c7ce;
}

    .skin-blue .sidebar a:hover {
        text-decoration: none;
    }

.skin-blue .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-blue .sidebar-menu .treeview-menu > li.active > a,
    .skin-blue .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-blue .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-blue .sidebar-form input[type="text"],
    .skin-blue .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-blue .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-blue .sidebar-form input[type="text"]:focus,
        .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-blue .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-blue.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue.layout-top-nav .main-header > .logo:hover {
        background-color: #3b8ab8;
    }
/*
 * Skin: Dark Blue
 * ----------
 */
.skin-dark-blue .select2-selection__choice {
    background-color: #3563a4 !important;
}

.skin-dark-blue .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-dark-blue .maid_active {
    border-left: 3px #3563a4 solid;
}

.skin-dark-blue .login-box-msg,
.skin-dark-blue .register-box-msg {
    background-color: #3563a4;
}

.skin-dark-blue .divName {
    color: #fff;
}

.skin-dark-blue .modal-footer {
    border-top: 2px solid #3563a4;
}

.skin-dark-blue #btnGetAddress {
    border: 3px solid #3563a4;
}

.skin-dark-blue .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #3563a4;
}

    .skin-dark-blue .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #3563a4;
    }

.skin-dark-blue .btn-default.btn-on.active {
    background-color: #3563a4;
    color: white;
}

.skin-dark-blue input:checked + .slider {
    background-color: #3563a4;
}

.skin-dark-blue .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #3563a4;
}

.skin-dark-blue .wizard > .steps .done a,
.skin-dark-blue .wizard > .steps .done a:hover,
.skin-dark-blue .wizard > .steps .done a:active {
    background: #3563a494;
    color: #fff;
}

.skin-dark-blue .wizard > .actions a,
.skin-dark-blue .wizard > .actions a:hover,
.skin-dark-blue .wizard > .actions a:active {
    color: #fff;
    background-color: #3563a4;
}

.skin-dark-blue .wizard > .steps .current a,
.skin-dark-blue .wizard > .steps .current a:hover,
.skin-dark-blue .wizard > .steps .current a:active {
    color: #fff;
    background-color: #3563a4;
}

.skin-dark-blue .pagination > .active > a,
.skin-dark-blue .pagination > .active > span,
.skin-dark-blue .pagination > .active > a:hover,
.skin-dark-blue .pagination > .active > span:hover,
.skin-dark-blue .pagination > .active > a:focus,
.skin-dark-blue .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #3563a4;
    border-color: #3563a4;
}

.skin-dark-blue .fa-plus-circle,
.skin-dark-blue .fa-gear,
.skin-dark-blue .fa-pencil,
.skin-dark-blue .fa-arrow-circle-o-left,
.skin-dark-blue .fa_skin_color,
.skin-dark-blue .ion-book {
    color: #3563a4;
}

.skin-dark-blue .bg_skin_color {
    background-color: #3563a4 !important;
    color: #fff !important;
}

.skin-dark-blue .btn-primary {
    color: #fff;
    background-color: #3563a4;
    border-color: #3563a4;
}

    .skin-dark-blue .btn-primary:hover {
        color: #fff;
        background-color: #255291;
        border-color: #255291;
    }

.skin-dark-blue .box-primary {
    border-top-color: #3563a4;
}

.skin-dark-blue #card {
    border: 1px solid #3563a4;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-dark-blue #box_header {
    color: #fff;
    background-color: #3563a4;
}

.skin-dark-blue .modal-header {
    color: #fff;
    background-color: #3563a4;
}

.skin-dark-blue .main-header .navbar {
    background-color: #3563a4;
}

    .skin-dark-blue .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-dark-blue .main-header .navbar .nav > li > a:hover,
        .skin-dark-blue .main-header .navbar .nav > li > a:active,
        .skin-dark-blue .main-header .navbar .nav > li > a:focus,
        .skin-dark-blue .main-header .navbar .nav .open > a,
        .skin-dark-blue .main-header .navbar .nav .open > a:hover,
        .skin-dark-blue .main-header .navbar .nav .open > a:focus,
        .skin-dark-blue .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-dark-blue .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-dark-blue .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-dark-blue .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-dark-blue .main-header .navbar .sidebar-toggle:hover {
            background-color: #255291;
        }

@media (max-width: 767px) {
    .skin-dark-blue .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-dark-blue .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-dark-blue .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-dark-blue .main-header .logo {
    background-color: #255291;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-dark-blue .main-header .logo:hover {
        background-color: #082f6a;
    }

.skin-dark-blue .main-header li.user-header {
    background-color: #3563a4;
}

.skin-dark-blue .content-header {
    background: transparent;
}

.skin-dark-blue .wrapper,
.skin-dark-blue .main-sidebar,
.skin-dark-blue .left-side {
    background-color: #222d32;
}

.skin-dark-blue .user-panel > .info,
.skin-dark-blue .user-panel > .info > a {
    color: #fff;
}

.skin-dark-blue .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-dark-blue .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-dark-blue .sidebar-menu > li:hover > a,
.skin-dark-blue .sidebar-menu > li.active > a,
.skin-dark-blue .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-dark-blue .sidebar-menu > li.active > a {
    border-left-color: #3563a4;
}

.skin-dark-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-dark-blue .sidebar a {
    color: #b8c7ce;
}

    .skin-dark-blue .sidebar a:hover {
        text-decoration: none;
    }

.skin-dark-blue .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-dark-blue .sidebar-menu .treeview-menu > li.active > a,
    .skin-dark-blue .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-dark-blue .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-dark-blue .sidebar-form input[type="text"],
    .skin-dark-blue .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-dark-blue .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-dark-blue .sidebar-form input[type="text"]:focus,
        .skin-dark-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-dark-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-dark-blue .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-dark-blue.layout-top-nav .main-header > .logo {
    background-color: #3563a4;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-dark-blue.layout-top-nav .main-header > .logo:hover {
        background-color: #3b8ab8;
    }
/*
 * Skin: Blue Light
 * ----------
 */
.skin-blue-light .select2-selection__choice {
    background-color: #3c8dbc !important;
}

.skin-blue-light .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-blue-light .maid_active {
    border-left: 3px #3c8dbc solid;
}

.skin-blue-light .fa-plus-circle,
.skin-blue-light .fa-gear,
.skin-blue-light .fa-pencil,
.skin-blue-light .fa-arrow-circle-o-left,
.skin-blue-light .fa_skin_color,
.skin-blue-light .ion-book {
    color: #3c8dbc;
}

.skin-blue-light .bg_skin_color {
    background-color: #3c8dbc !important;
    color: #fff !important;
}

.skin-blue-light .btn-primary {
    color: #fff;
    background-color: #3c8dbc;
    border-color: #3c8dbc;
}

    .skin-blue-light .btn-primary:hover {
        color: #fff;
        background-color: #367fa9;
        border-color: #367fa9;
    }

.skin-blue-light .box-primary {
    border-top-color: #3c8dbc;
}

.skin-blue-light #card {
    border: 1px solid #3c8dbc;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-blue-light #box_header {
    color: #fff;
    background-color: #3c8dbc;
}

.skin-blue-light .modal-header {
    color: #fff;
    background-color: #3c8dbc;
}

.skin-blue-light .main-header .navbar {
    background-color: #3c8dbc;
}

    .skin-blue-light .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-blue-light .main-header .navbar .nav > li > a:hover,
        .skin-blue-light .main-header .navbar .nav > li > a:active,
        .skin-blue-light .main-header .navbar .nav > li > a:focus,
        .skin-blue-light .main-header .navbar .nav .open > a,
        .skin-blue-light .main-header .navbar .nav .open > a:hover,
        .skin-blue-light .main-header .navbar .nav .open > a:focus,
        .skin-blue-light .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-blue-light .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-blue-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #367fa9;
        }

@media (max-width: 767px) {
    .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-blue-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-blue-light .main-header .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue-light .main-header .logo:hover {
        background-color: #3b8ab8;
    }

.skin-blue-light .main-header li.user-header {
    background-color: #3c8dbc;
}

.skin-blue-light .content-header {
    background: transparent;
}

.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar,
.skin-blue-light .left-side {
    background-color: #f9fafc;
}

.skin-blue-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-blue-light .user-panel > .info,
.skin-blue-light .user-panel > .info > a {
    color: #444444;
}

.skin-blue-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}

    .skin-blue-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-blue-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-blue-light .sidebar-menu > li:hover > a,
    .skin-blue-light .sidebar-menu > li.active > a {
        color: #000000;
        background: #f4f4f5;
    }

    .skin-blue-light .sidebar-menu > li.active {
        border-left-color: #3c8dbc;
    }

        .skin-blue-light .sidebar-menu > li.active > a {
            font-weight: 600;
            border-left-color: #3c8dbc;
        }

    .skin-blue-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-blue-light .sidebar a {
    color: #444444;
}

    .skin-blue-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-blue-light .sidebar-menu .treeview-menu > li > a {
    color: #777777;
}

    .skin-blue-light .sidebar-menu .treeview-menu > li.active > a,
    .skin-blue-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000000;
    }

.skin-blue-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-blue-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-blue-light .sidebar-form input[type="text"],
    .skin-blue-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-blue-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-blue-light .sidebar-form input[type="text"]:focus,
        .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-blue-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width: 768px) {
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-blue-light .main-footer {
    border-top-color: #d2d6de;
}

.skin-blue.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue.layout-top-nav .main-header > .logo:hover {
        background-color: #3b8ab8;
    }
/*
 * Skin: Dark Blue Light
 * ----------
 */
.skin-dark-blue-light .select2-selection__choice {
    background-color: #3563a4 !important;
}

.skin-dark-blue-light .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-dark-blue-light .maid_active {
    border-left: 3px #3563a4 solid;
}

.skin-dark-blue-light .fa-plus-circle,
.skin-dark-blue-light .fa-gear,
.skin-dark-blue-light .fa-pencil,
.skin-dark-blue-light .fa-arrow-circle-o-left,
.skin-dark-blue-light .fa_skin_color,
.skin-dark-blue-light .ion-book {
    color: #3563a4;
}

.skin-dark-blue-light .bg_skin_color {
    background-color: #3563a4 !important;
    color: #fff !important;
}

.skin-dark-blue-light .btn-primary {
    color: #fff;
    background-color: #3563a4;
    border-color: #3563a4;
}

    .skin-dark-blue-light .btn-primary:hover {
        color: #fff;
        background-color: #367fa9;
        border-color: #367fa9;
    }

.skin-dark-blue-light .box-primary {
    border-top-color: #3563a4;
}

.skin-dark-blue-light #card {
    border: 1px solid #3563a4;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-dark-blue-light #box_header {
    color: #fff;
    background-color: #3563a4;
}

.skin-dark-blue-light .modal-header {
    color: #fff;
    background-color: #3563a4;
}

.skin-dark-blue-light .main-header .navbar {
    background-color: #3563a4;
}

    .skin-dark-blue-light .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-dark-blue-light .main-header .navbar .nav > li > a:hover,
        .skin-dark-blue-light .main-header .navbar .nav > li > a:active,
        .skin-dark-blue-light .main-header .navbar .nav > li > a:focus,
        .skin-dark-blue-light .main-header .navbar .nav .open > a,
        .skin-dark-blue-light .main-header .navbar .nav .open > a:hover,
        .skin-dark-blue-light .main-header .navbar .nav .open > a:focus,
        .skin-dark-blue-light .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-dark-blue-light .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-dark-blue-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-dark-blue-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-dark-blue-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #367fa9;
        }

@media (max-width: 767px) {
    .skin-dark-blue-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-dark-blue-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-dark-blue-light .main-header .navbar .dropdown-menu li a:hover {
            /*background: #367fa9;*/
        }
}

.skin-dark-blue-light .main-header .logo {
    background-color: #3563a4;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-dark-blue-light .main-header .logo:hover {
        background-color: #3b8ab8;
    }

.skin-dark-blue-light .main-header li.user-header {
    background-color: #3563a4;
}

.skin-dark-blue-light .content-header {
    background: transparent;
}

.skin-dark-blue-light .wrapper,
.skin-dark-blue-light .main-sidebar,
.skin-dark-blue-light .left-side {
    background-color: #f9fafc;
}

.skin-dark-blue-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-dark-blue-light .user-panel > .info,
.skin-dark-blue-light .user-panel > .info > a {
    color: #444444;
}

.skin-dark-blue-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}

    .skin-dark-blue-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-dark-blue-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-dark-blue-light .sidebar-menu > li:hover > a,
    .skin-dark-blue-light .sidebar-menu > li.active > a {
        color: #000000;
        background: #f4f4f5;
    }

    .skin-dark-blue-light .sidebar-menu > li.active {
        border-left-color: #3563a4;
    }

        .skin-dark-blue-light .sidebar-menu > li.active > a {
            font-weight: 600;
            border-left-color: #3563a4;
        }

    .skin-dark-blue-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-dark-blue-light .sidebar a {
    color: #444444;
}

    .skin-dark-blue-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-dark-blue-light .sidebar-menu .treeview-menu > li > a {
    color: #777777;
}

    .skin-dark-blue-light .sidebar-menu .treeview-menu > li.active > a,
    .skin-dark-blue-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000000;
    }

.skin-dark-blue-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-dark-blue-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-dark-blue-light .sidebar-form input[type="text"],
    .skin-dark-blue-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-dark-blue-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-dark-blue-light .sidebar-form input[type="text"]:focus,
        .skin-dark-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-dark-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-dark-blue-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width: 768px) {
    .skin-dark-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-dark-blue-light .main-footer {
    border-top-color: #d2d6de;
}

.skin-dark-blue-light.layout-top-nav .main-header > .logo {
    background-color: #3563a4;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-dark-blue-light.layout-top-nav .main-header > .logo:hover {
        background-color: #3b8ab8;
    }
/*
 * Skin: Black
 * -----------
 */
.skin-black .select2-selection__choice {
    background-color: #444 !important;
}

.skin-black .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-black .maid_active {
    border-left: 3px #444 solid;
}

.skin-black .divName {
    color: #fff;
}
/* skin-black navbar */
.skin-black .login-box-msg,
.skin-black .register-box-msg {
    background-color: #444;
}

.skin-black #countdown {
    color: #444 !important;
}

.skin-black .modal-footer {
    border-top: 2px solid #444;
}

.skin-black #btnGetAddress {
    border: 3px solid #444;
}

.skin-black .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #444;
}

    .skin-black .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #444;
    }

.skin-black .btn-default.btn-on.active {
    background-color: #444;
    color: white;
}

.skin-black input:checked + .slider {
    background-color: #444;
}

.skin-black .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #444;
}

.skin-black .wizard > .steps .done a,
.skin-black .wizard > .steps .done a:hover,
.skin-black .wizard > .steps .done a:active {
    background: #666666ba;
    color: #fff;
}

.skin-black .wizard > .actions a,
.skin-black .wizard > .actions a:hover,
.skin-black .wizard > .actions a:active {
    color: #fff;
    background-color: #444;
}

.skin-black .wizard > .steps .current a,
.skin-black .wizard > .steps .current a:hover,
.skin-black .wizard > .steps .current a:active {
    color: #fff;
    background-color: #444;
}

.skin-black .pagination > .active > a,
.skin-black .pagination > .active > span,
.skin-black .pagination > .active > a:hover,
.skin-black .pagination > .active > span:hover,
.skin-black .pagination > .active > a:focus,
.skin-black .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #444;
    border-color: #444;
}

.skin-black .fa-plus-circle,
.skin-black .fa-gear,
.skin-black .fa-pencil,
.skin-black .fa-arrow-circle-o-left,
.skin-black .fa_skin_color,
.skin-black .ion-book {
    color: #444;
}

.skin-black .bg_skin_color {
    background-color: #444 !important;
    color: #fff !important;
}

.skin-black .btn-primary {
    color: #fff;
    background-color: #444;
    border-color: #444;
}

    .skin-black .btn-primary:hover {
        color: #fff;
        background-color: #666;
        border-color: #666;
    }

.skin-black .box-primary {
    border-top-color: #444;
}

.skin-black #card {
    border: 1px solid #444;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-black #box_header {
    color: #fff;
    background-color: #444;
}

.skin-black .modal-header {
    color: #fff;
    background-color: #444;
}

.skin-black .main-header {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

    .skin-black .main-header .navbar-toggle {
        color: #333;
    }

    .skin-black .main-header .navbar-brand {
        color: #333;
        border-right: 1px solid #eee;
    }

    .skin-black .main-header .navbar {
        background-color: #ffffff;
    }

        .skin-black .main-header .navbar .nav > li > a {
            color: #333333;
        }

            .skin-black .main-header .navbar .nav > li > a:hover,
            .skin-black .main-header .navbar .nav > li > a:active,
            .skin-black .main-header .navbar .nav > li > a:focus,
            .skin-black .main-header .navbar .nav .open > a,
            .skin-black .main-header .navbar .nav .open > a:hover,
            .skin-black .main-header .navbar .nav .open > a:focus,
            .skin-black .main-header .navbar .nav > .active > a {
                background: #ffffff;
                color: #999999;
            }

        .skin-black .main-header .navbar .sidebar-toggle {
            color: #333333;
        }

            .skin-black .main-header .navbar .sidebar-toggle:hover {
                color: #999999;
                background: #ffffff;
            }

        .skin-black .main-header .navbar > .sidebar-toggle {
            color: #333;
            border-right: 1px solid #eee;
        }

        .skin-black .main-header .navbar .navbar-nav > li > a {
            border-right: 1px solid #eee;
        }

        .skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
        .skin-black .main-header .navbar .navbar-right > li > a {
            border-left: 1px solid #eee;
            border-right-width: 0;
        }

    .skin-black .main-header > .logo {
        background-color: #ffffff;
        color: #333333;
        border-bottom: 0 solid transparent;
        border-right: 1px solid #eee;
    }

        .skin-black .main-header > .logo:hover {
            background-color: #fcfcfc;
        }

@media (max-width: 767px) {
    .skin-black .main-header > .logo {
        background-color: #222222;
        color: #ffffff;
        border-bottom: 0 solid transparent;
        border-right: none;
    }

        .skin-black .main-header > .logo:hover {
            background-color: #1f1f1f;
        }
}

.skin-black .main-header li.user-header {
    background-color: #444;
}

.skin-black .content-header {
    background: transparent;
    box-shadow: none;
}

.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
    background-color: #222d32;
}

.skin-black .user-panel > .info,
.skin-black .user-panel > .info > a {
    color: #fff;
}

.skin-black .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-black .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-black .sidebar-menu > li:hover > a,
.skin-black .sidebar-menu > li.active > a,
.skin-black .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-black .sidebar-menu > li.active > a {
    border-left-color: #ffffff;
}

.skin-black .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-black .sidebar a {
    color: #b8c7ce;
}

    .skin-black .sidebar a:hover {
        text-decoration: none;
    }

.skin-black .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-black .sidebar-menu .treeview-menu > li.active > a,
    .skin-black .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-black .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-black .sidebar-form input[type="text"],
    .skin-black .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-black .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-black .sidebar-form input[type="text"]:focus,
        .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-black .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-black .pace .pace-progress {
    background: #222;
}

.skin-black .pace .pace-activity {
    border-top-color: #222;
    border-left-color: #222;
}
/*
 * Skin: Black Light
 * -----------
 */
.skin-black-light .select2-selection__choice {
    background-color: #444 !important;
}

.skin-black-light .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-black-light .maid_active {
    border-left: 3px #444 solid;
}
/* skin-black navbar */
.skin-black-light .login-box-msg,
.skin-black-light .register-box-msg {
    background-color: #444;
}

.skin-black-light #countdown {
    color: #444 !important;
}

.skin-black-light .modal-footer {
    border-top: 2px solid #444;
}

.skin-black-light #btnGetAddress {
    border: 3px solid #444;
}

.skin-black-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #444;
}

    .skin-black-light .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #444;
    }

.skin-black-light .btn-default.btn-on.active {
    background-color: #444;
    color: white;
}

.skin-black-light input:checked + .slider {
    background-color: #444;
}

.skin-black-light .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #444;
}

.skin-black-light .wizard > .steps .done a,
.skin-black-light .wizard > .steps .done a:hover,
.skin-black-light .wizard > .steps .done a:active {
    background: #666666ba;
    color: #fff;
}

.skin-black-light .wizard > .actions a,
.skin-black-light .wizard > .actions a:hover,
.skin-black-light .wizard > .actions a:active {
    color: #fff;
    background-color: #444;
}

.skin-black-light .wizard > .steps .current a,
.skin-black-light .wizard > .steps .current a:hover,
.skin-black-light .wizard > .steps .current a:active {
    color: #fff;
    background-color: #444;
}

.skin-black-light .pagination > .active > a,
.skin-black-light .pagination > .active > span,
.skin-black-light .pagination > .active > a:hover,
.skin-black-light .pagination > .active > span:hover,
.skin-black-light .pagination > .active > a:focus,
.skin-black-light .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #444;
    border-color: #444;
}

.skin-black-light .fa-plus-circle,
.skin-black-light .fa-gear,
.skin-black-light .fa-pencil,
.skin-black-light .fa-arrow-circle-o-left,
.skin-black-light .fa_skin_color,
.skin-black-light .ion-book {
    color: #444;
}

.skin-black-light .bg_skin_color {
    background-color: #444 !important;
    color: #fff !important;
}

.skin-black-light .btn-primary {
    color: #fff;
    background-color: #444;
    border-color: #444;
}

    .skin-black-light .btn-primary:hover {
        color: #fff;
        background-color: #666;
        border-color: #666;
    }

.skin-black-light .box-primary {
    border-top-color: #444;
}

.skin-black-light #card {
    border: 1px solid #444;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-black-light #box_header {
    color: #fff;
    background-color: #444;
}

.skin-black-light .modal-header {
    color: #fff;
    background-color: #444;
}

.skin-black-light .main-header {
    border-bottom: 1px solid #d2d6de;
}

    .skin-black-light .main-header .navbar-toggle {
        color: #333;
    }

    .skin-black-light .main-header .navbar-brand {
        color: #333;
        border-right: 1px solid #d2d6de;
    }

    .skin-black-light .main-header .navbar {
        background-color: #ffffff;
    }

        .skin-black-light .main-header .navbar .nav > li > a {
            color: #333333;
        }

            .skin-black-light .main-header .navbar .nav > li > a:hover,
            .skin-black-light .main-header .navbar .nav > li > a:active,
            .skin-black-light .main-header .navbar .nav > li > a:focus,
            .skin-black-light .main-header .navbar .nav .open > a,
            .skin-black-light .main-header .navbar .nav .open > a:hover,
            .skin-black-light .main-header .navbar .nav .open > a:focus,
            .skin-black-light .main-header .navbar .nav > .active > a {
                background: #ffffff;
                color: #999999;
            }

        .skin-black-light .main-header .navbar .sidebar-toggle {
            color: #333333;
        }

            .skin-black-light .main-header .navbar .sidebar-toggle:hover {
                color: #999999;
                background: #ffffff;
            }

        .skin-black-light .main-header .navbar > .sidebar-toggle {
            color: #333;
            border-right: 1px solid #d2d6de;
        }

        .skin-black-light .main-header .navbar .navbar-nav > li > a {
            border-right: 1px solid #d2d6de;
        }

        .skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
        .skin-black-light .main-header .navbar .navbar-right > li > a {
            border-left: 1px solid #d2d6de;
            border-right-width: 0;
        }

    .skin-black-light .main-header > .logo {
        background-color: #ffffff;
        color: #333333;
        border-bottom: 0 solid transparent;
        border-right: 1px solid #d2d6de;
    }

        .skin-black-light .main-header > .logo:hover {
            background-color: #fcfcfc;
        }

@media (max-width: 767px) {
    .skin-black-light .main-header > .logo {
        background-color: #222222;
        color: #ffffff;
        border-bottom: 0 solid transparent;
        border-right: none;
    }

        .skin-black-light .main-header > .logo:hover {
            background-color: #1f1f1f;
        }
}

.skin-black-light .main-header li.user-header {
    background-color: #444;
}

.skin-black-light .content-header {
    background: transparent;
    box-shadow: none;
}

.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side {
    background-color: #f9fafc;
}

.skin-black-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-black-light .user-panel > .info,
.skin-black-light .user-panel > .info > a {
    color: #444444;
}

.skin-black-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}

    .skin-black-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-black-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-black-light .sidebar-menu > li:hover > a,
    .skin-black-light .sidebar-menu > li.active > a {
        color: #000000;
        background: #f4f4f5;
    }

    .skin-black-light .sidebar-menu > li.active {
        border-left-color: #ffffff;
    }

        .skin-black-light .sidebar-menu > li.active > a {
            font-weight: 600;
        }

    .skin-black-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-black-light .sidebar a {
    color: #444444;
}

    .skin-black-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-black-light .sidebar-menu .treeview-menu > li > a {
    color: #777777;
}

    .skin-black-light .sidebar-menu .treeview-menu > li.active > a,
    .skin-black-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000000;
    }

.skin-black-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-black-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-black-light .sidebar-form input[type="text"],
    .skin-black-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-black-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-black-light .sidebar-form input[type="text"]:focus,
        .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-black-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width: 768px) {
    .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}
/*
 * Skin: Green
 * -----------
 */
.skin-green .select2-selection__choice {
    background-color: #00a65a !important;
}

.skin-green .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-green .maid_active {
    border-left: 3px #00a65a solid;
}

.skin-green .divName {
    color: #fff;
}

.skin-green .login-box-msg,
.skin-green .register-box-msg {
    background-color: #00a65a;
}

.skin-green .modal-footer {
    border-top: 2px solid #00a65a;
}

.skin-green #btnGetAddress {
    border: 3px solid #00a65a;
}

.skin-green .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #00a65a;
}

    .skin-green .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #00a65a;
    }

.skin-green .btn-default.btn-on.active {
    background-color: #00a65a;
    color: white;
}

.skin-green input:checked + .slider {
    background-color: #00a65a;
}

.skin-green .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #00a65a;
}

.skin-green .wizard > .steps .done a,
.skin-green .wizard > .steps .done a:hover,
.skin-green .wizard > .steps .done a:active {
    background: #9de2bc;
    color: #fff;
}

.skin-green .wizard > .actions a,
.skin-green .wizard > .actions a:hover,
.skin-green .wizard > .actions a:active {
    color: #fff;
    background-color: #00a65a;
}

.skin-green .wizard > .steps .current a,
.skin-green .wizard > .steps .current a:hover,
.skin-green .wizard > .steps .current a:active {
    color: #fff;
    background-color: #00a65a;
}

.skin-green .pagination > .active > a,
.skin-green .pagination > .active > span,
.skin-green .pagination > .active > a:hover,
.skin-green .pagination > .active > span:hover,
.skin-green .pagination > .active > a:focus,
.skin-green .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #00a65a;
    border-color: #00a65a;
}

.skin-green .fa-plus-circle,
.skin-green .fa-gear,
.skin-green .fa-pencil,
.skin-green .fa-arrow-circle-o-left,
.skin-green .fa_skin_color,
.skin-green .ion-book {
    color: #00a65a;
}

.skin-green .bg_skin_color {
    background-color: #00a65a !important;
    color: #fff !important;
}

.skin-green .btn-primary {
    color: #fff;
    background-color: #00a65a;
    border-color: #00a65a;
}

    .skin-green .btn-primary:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

.skin-green .box-primary {
    border-top-color: #00a65a;
}

.skin-green #card {
    border: 1px solid #00a65a;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-green #box_header {
    color: #fff;
    background-color: #00a65a;
}

.skin-green .modal-header {
    color: #fff;
    background-color: #00a65a;
}

.skin-green .main-header .navbar {
    background-color: #00a65a;
}

    .skin-green .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-green .main-header .navbar .nav > li > a:hover,
        .skin-green .main-header .navbar .nav > li > a:active,
        .skin-green .main-header .navbar .nav > li > a:focus,
        .skin-green .main-header .navbar .nav .open > a,
        .skin-green .main-header .navbar .nav .open > a:hover,
        .skin-green .main-header .navbar .nav .open > a:focus,
        .skin-green .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-green .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-green .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-green .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-green .main-header .navbar .sidebar-toggle:hover {
            background-color: #008d4c;
        }

@media (max-width: 767px) {
    .skin-green .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-green .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-green .main-header .navbar .dropdown-menu li a:hover {
            /*background: #008d4c;*/
        }
}

.skin-green .main-header .logo {
    background-color: #008d4c;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-green .main-header .logo:hover {
        background-color: #008749;
    }

.skin-green .main-header li.user-header {
    background-color: #00a65a;
}

.skin-green .content-header {
    background: transparent;
}

.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side {
    background-color: #222d32;
}

.skin-green .user-panel > .info,
.skin-green .user-panel > .info > a {
    color: #fff;
}

.skin-green .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-green .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-green .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li.active > a,
.skin-green .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-green .sidebar-menu > li.active > a {
    border-left-color: #00a65a;
}

.skin-green .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-green .sidebar a {
    color: #b8c7ce;
}

    .skin-green .sidebar a:hover {
        text-decoration: none;
    }

.skin-green .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-green .sidebar-menu .treeview-menu > li.active > a,
    .skin-green .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-green .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-green .sidebar-form input[type="text"],
    .skin-green .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-green .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-green .sidebar-form input[type="text"]:focus,
        .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-green .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }
/*
 * Skin: Green Light
 * -----------
 */
.skin-green-light .select2-selection__choice {
    background-color: #00a65a !important;
}

.skin-green-light .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-green-light .maid_active {
    border-left: 3px #00a65a solid;
}

.skin-green-light .login-box-msg,
.skin-green-light .register-box-msg {
    background-color: #00a65a;
}

.skin-green-light .modal-footer {
    border-top: 2px solid #00a65a;
}

.skin-green-light #btnGetAddress {
    border: 3px solid #00a65a;
}

.skin-green-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #00a65a;
}

    .skin-green-light .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #00a65a;
    }

.skin-green-light .btn-default.btn-on.active {
    background-color: #00a65a;
    color: white;
}

.skin-green-light input:checked + .slider {
    background-color: #00a65a;
}

.skin-green-light .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #00a65a;
}

.skin-green-light .wizard > .steps .done a,
.skin-green-light .wizard > .steps .done a:hover,
.skin-green-light .wizard > .steps .done a:active {
    background: #9de2bc;
    color: #fff;
}

.skin-green-light .wizard > .actions a,
.skin-green-light .wizard > .actions a:hover,
.skin-green-light .wizard > .actions a:active {
    color: #fff;
    background-color: #00a65a;
}

.skin-green-light .wizard > .steps .current a,
.skin-green-light .wizard > .steps .current a:hover,
.skin-green-light .wizard > .steps .current a:active {
    color: #fff;
    background-color: #00a65a;
}

.skin-green-light .pagination > .active > a,
.skin-green-light .pagination > .active > span,
.skin-green-light .pagination > .active > a:hover,
.skin-green-light .pagination > .active > span:hover,
.skin-green-light .pagination > .active > a:focus,
.skin-green-light .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #00a65a;
    border-color: #00a65a;
}

.skin-green-light .fa-plus-circle,
.skin-green-light .fa-gear,
.skin-green-light .fa-pencil,
.skin-green-light .fa-arrow-circle-o-left,
.skin-green-light .fa_skin_color,
.skin-green-light .ion-book {
    color: #00a65a;
}

.skin-green-light .bg_skin_color {
    background-color: #00a65a !important;
    color: #fff !important;
}

.skin-green-light .btn-primary {
    color: #fff;
    background-color: #00a65a;
    border-color: #00a65a;
}

    .skin-green-light .btn-primary:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

.skin-green-light .box-primary {
    border-top-color: #00a65a;
}

.skin-green-light #card {
    border: 1px solid #00a65a;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-green-light #box_header {
    color: #fff;
    background-color: #00a65a;
}

.skin-green-light .modal-header {
    color: #fff;
    background-color: #00a65a;
}

.skin-green-light .main-header .navbar {
    background-color: #00a65a;
}

    .skin-green-light .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-green-light .main-header .navbar .nav > li > a:hover,
        .skin-green-light .main-header .navbar .nav > li > a:active,
        .skin-green-light .main-header .navbar .nav > li > a:focus,
        .skin-green-light .main-header .navbar .nav .open > a,
        .skin-green-light .main-header .navbar .nav .open > a:hover,
        .skin-green-light .main-header .navbar .nav .open > a:focus,
        .skin-green-light .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-green-light .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-green-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-green-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-green-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #008d4c;
        }

@media (max-width: 767px) {
    .skin-green-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-green-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
            /*background: #008d4c;*/
        }
}

.skin-green-light .main-header .logo {
    background-color: #00a65a;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-green-light .main-header .logo:hover {
        background-color: #00a157;
    }

.skin-green-light .main-header li.user-header {
    background-color: #00a65a;
}

.skin-green-light .content-header {
    background: transparent;
}

.skin-green-light .wrapper,
.skin-green-light .main-sidebar,
.skin-green-light .left-side {
    background-color: #f9fafc;
}

.skin-green-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-green-light .user-panel > .info,
.skin-green-light .user-panel > .info > a {
    color: #444444;
}

.skin-green-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}

    .skin-green-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-green-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-green-light .sidebar-menu > li:hover > a,
    .skin-green-light .sidebar-menu > li.active > a {
        color: #000000;
        background: #f4f4f5;
    }

    .skin-green-light .sidebar-menu > li.active {
        border-left-color: #00a65a;
    }

        .skin-green-light .sidebar-menu > li.active > a {
            font-weight: 600;
            border-left-color: #00a65a;
        }

    .skin-green-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-green-light .sidebar a {
    color: #444444;
}

    .skin-green-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-green-light .sidebar-menu .treeview-menu > li > a {
    color: #777777;
}

    .skin-green-light .sidebar-menu .treeview-menu > li.active > a,
    .skin-green-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000000;
    }

.skin-green-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-green-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-green-light .sidebar-form input[type="text"],
    .skin-green-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-green-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-green-light .sidebar-form input[type="text"]:focus,
        .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-green-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width: 768px) {
    .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}
/*
 * Skin: Red
 * ---------
 */
.skin-red .select2-selection__choice {
    background-color: #c50303 !important;
}

.skin-red .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-red .maid_active {
    border-left: 3px #c50303 solid;
}

.skin-red .divName {
    color: #fff;
}

.skin-red .login-box-msg,
.skin-red .register-box-msg {
    background-color: #c50303;
}

.skin-red .modal-footer {
    border-top: 2px solid #c50303;
}

.skin-red #btnGetAddress {
    border: 3px solid #0032a3;
}

.skin-red .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #c50303;
}

    .skin-red .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #c50303;
    }

.skin-red .btn-default.btn-on.active {
    background-color: #c50303;
    color: white;
}

.skin-red input:checked + .slider {
    background-color: #0032a3;
}

.skin-red .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #c50303;
}

.skin-red .wizard > .steps .done a,
.skin-red .wizard > .steps .done a:hover,
.skin-red .wizard > .steps .done a:active {
    background: #6e8aca;
    color: #fff;
}

.skin-red .wizard > .actions a,
.skin-red .wizard > .actions a:hover,
.skin-red .wizard > .actions a:active {
    color: #fff;
    background-color: #0032a3;
}

.skin-red .wizard > .steps .current a,
.skin-red .wizard > .steps .current a:hover,
.skin-red .wizard > .steps .current a:active {
    color: #fff;
    background-color: #0032a3;
}

.skin-red .pagination > .active > a,
.skin-red .pagination > .active > span,
.skin-red .pagination > .active > a:hover,
.skin-red .pagination > .active > span:hover,
.skin-red .pagination > .active > a:focus,
.skin-red .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #0032a3;
    border-color: #0032a3;
}

.skin-red .fa-plus-circle,
.skin-red .fa-gear,
.skin-red .fa-pencil,
.skin-red .fa-arrow-circle-o-left,
.skin-red .fa_skin_color,
.skin-red .ion-book {
    color: #0032a3;
}

.skin-red .bg_skin_color {
    background-color: #0032a3 !important;
    color: #fff !important;
}

.skin-red .btn-primary {
    color: #fff;
    background-color: #0032a3;
    border-color: #0032a3;
}

    .skin-red .btn-primary:hover {
        color: #fff;
        background-color: #0a2d8b;
        border-color: #0a2d8b;
    }

.skin-red .box-primary {
    border-top-color: #c50303;
}

.skin-red #card {
    border: 1px solid #c50303;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-red #box_header {
    color: #fff;
    background-color: #c50303;
}

.skin-red .modal-header {
    color: #fff;
    background-color: #c50303;
}

.skin-red .main-header .navbar {
    background-color: #c50303;
}

    .skin-red .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-red .main-header .navbar .nav > li > a:hover,
        .skin-red .main-header .navbar .nav > li > a:active,
        .skin-red .main-header .navbar .nav > li > a:focus,
        .skin-red .main-header .navbar .nav .open > a,
        .skin-red .main-header .navbar .nav .open > a:hover,
        .skin-red .main-header .navbar .nav .open > a:focus,
        .skin-red .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-red .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-red .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-red .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-red .main-header .navbar .sidebar-toggle:hover {
            background-color: #ae0100;
        }

@media (max-width: 767px) {
    .skin-red .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-red .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-red .main-header .navbar .dropdown-menu li a:hover {
            /*background: #ae0100;*/
        }
}

.skin-red .main-header .logo {
    background-color: #ae0100;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-red .main-header .logo:hover {
        background-color: #b10509;
    }

.skin-red .main-header li.user-header {
    background-color: #c50303;
}

.skin-red .content-header {
    background: transparent;
}

.skin-red .wrapper,
.skin-red .main-sidebar,
.skin-red .left-side {
    background-color: #222d32;
}

.skin-red .user-panel > .info,
.skin-red .user-panel > .info > a {
    color: #fff;
}

.skin-red .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-red .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-red .sidebar-menu > li:hover > a,
.skin-red .sidebar-menu > li.active > a,
.skin-red .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-red .sidebar-menu > li.active > a {
    border-left-color: #c50303;
}

.skin-red .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-red .sidebar a {
    color: #b8c7ce;
}

    .skin-red .sidebar a:hover {
        text-decoration: none;
    }

.skin-red .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-red .sidebar-menu .treeview-menu > li.active > a,
    .skin-red .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-red .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-red .sidebar-form input[type="text"],
    .skin-red .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-red .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-red .sidebar-form input[type="text"]:focus,
        .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-red .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }
/*
 * Skin: Red Light
 * ---------
 */
.skin-red-light .select2-selection__choice {
    background-color: #c50303 !important;
}

.skin-red-light .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-red-light .maid_active {
    border-left: 3px #c50303 solid;
}

.skin-red-light .login-box-msg,
.skin-red-light .register-box-msg {
    background-color: #c50303;
}

.skin-red-light .modal-footer {
    border-top: 2px solid #c50303;
}

.skin-red-light #btnGetAddress {
    border: 3px solid #0032a3;
}

.skin-red-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #c50303;
}

    .skin-red-light .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #c50303;
    }

.skin-red-light .btn-default.btn-on.active {
    background-color: #c50303;
    color: white;
}

.skin-red-light input:checked + .slider {
    background-color: #0032a3;
}

.skin-red-light .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #c50303;
}

.skin-red-light .wizard > .steps .done a,
.skin-red-light .wizard > .steps .done a:hover,
.skin-red-light .wizard > .steps .done a:active {
    background: #6e8aca;
    color: #fff;
}

.skin-red-light .wizard > .actions a,
.skin-red-light .wizard > .actions a:hover,
.skin-red-light .wizard > .actions a:active {
    color: #fff;
    background-color: #0032a3;
}

.skin-red-light .wizard > .steps .current a,
.skin-red-light .wizard > .steps .current a:hover,
.skin-red-light .wizard > .steps .current a:active {
    color: #fff;
    background-color: #0032a3;
}

.skin-red-light .pagination > .active > a,
.skin-red-light .pagination > .active > span,
.skin-red-light .pagination > .active > a:hover,
.skin-red-light .pagination > .active > span:hover,
.skin-red-light .pagination > .active > a:focus,
.skin-red-light .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #0032a3;
    border-color: #0032a3;
}

.skin-red-light .fa-plus-circle,
.skin-red-light .fa-gear,
.skin-red-light .fa-pencil,
.skin-red-light .fa-arrow-circle-o-left,
.skin-red-light .fa_skin_color,
.skin-red-light .ion-book {
    color: #0032a3;
}

.skin-red-light .bg_skin_color {
    background-color: #0032a3 !important;
    color: #fff !important;
}

.skin-red-light .btn-primary {
    color: #fff;
    background-color: #0032a3;
    border-color: #0032a3;
}

    .skin-red-light .btn-primary:hover {
        color: #fff;
        background-color: #0a2d8b;
        border-color: #0a2d8b;
    }

.skin-red-light .box-primary {
    border-top-color: #c50303;
}

.skin-red-light #card {
    border: 1px solid #c50303;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-red-light #box_header {
    color: #fff;
    background-color: #c50303;
}

.skin-red-light .modal-header {
    color: #fff;
    background-color: #c50303;
}

.skin-red-light .main-header .navbar {
    background-color: #c50303;
}

    .skin-red-light .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-red-light .main-header .navbar .nav > li > a:hover,
        .skin-red-light .main-header .navbar .nav > li > a:active,
        .skin-red-light .main-header .navbar .nav > li > a:focus,
        .skin-red-light .main-header .navbar .nav .open > a,
        .skin-red-light .main-header .navbar .nav .open > a:hover,
        .skin-red-light .main-header .navbar .nav .open > a:focus,
        .skin-red-light .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-red-light .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-red-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-red-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-red-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #ae0100;
        }

@media (max-width: 767px) {
    .skin-red-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-red-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
            /*background: #ae0100;*/
        }
}

.skin-red-light .main-header .logo {
    background-color: #c50303;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-red-light .main-header .logo:hover {
        background-color: #b10509;
    }

.skin-red-light .main-header li.user-header {
    background-color: #c50303;
}

.skin-red-light .content-header {
    background: transparent;
}

.skin-red-light .wrapper,
.skin-red-light .main-sidebar,
.skin-red-light .left-side {
    background-color: #f9fafc;
}

.skin-red-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-red-light .user-panel > .info,
.skin-red-light .user-panel > .info > a {
    color: #444444;
}

.skin-red-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}

    .skin-red-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-red-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-red-light .sidebar-menu > li:hover > a,
    .skin-red-light .sidebar-menu > li.active > a {
        color: #000000;
        background: #f4f4f5;
    }

    .skin-red-light .sidebar-menu > li.active {
        border-left-color: #c50303;
    }

        .skin-red-light .sidebar-menu > li.active > a {
            font-weight: 600;
            border-left-color: #c50303;
        }

    .skin-red-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-red-light .sidebar a {
    color: #444444;
}

    .skin-red-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-red-light .sidebar-menu .treeview-menu > li > a {
    color: #777777;
}

    .skin-red-light .sidebar-menu .treeview-menu > li.active > a,
    .skin-red-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000000;
    }

.skin-red-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-red-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-red-light .sidebar-form input[type="text"],
    .skin-red-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-red-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-red-light .sidebar-form input[type="text"]:focus,
        .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-red-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width: 768px) {
    .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}
/*
 * Skin: Orange
 * ------------
 */
.skin-orange .select2-selection__choice {
    background-color: #f39c12 !important;
}

.skin-orange .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-orange .maid_active {
    border-left: 3px #f39c12 solid;
}

.skin-orange .divName {
    color: #fff;
}

.skin-orange .login-box-msg,
.skin-orange .register-box-msg {
    background-color: #f39c12;
}

.skin-orange .modal-footer {
    border-top: 2px solid #f39c12;
}

.skin-orange #btnGetAddress {
    border: 3px solid #f39c12;
}

.skin-orange .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #f39c12;
}

    .skin-orange .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #f39c12;
    }

.skin-orange .btn-default.btn-on.active {
    background-color: #f39c12;
    color: white;
}

.skin-orange input:checked + .slider {
    background-color: #f39c12;
}

.skin-orange .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #f39c12;
}

.skin-orange .wizard > .steps .done a,
.skin-orange .wizard > .steps .done a:hover,
.skin-orange .wizard > .steps .done a:active {
    background: #e2ca9d;
    color: #fff;
}

.skin-orange .wizard > .actions a,
.skin-orange .wizard > .actions a:hover,
.skin-orange .wizard > .actions a:active {
    color: #fff;
    background-color: #f39c12;
}

.skin-orange .wizard > .steps .current a,
.skin-orange .wizard > .steps .current a:hover,
.skin-orange .wizard > .steps .current a:active {
    color: #fff;
    background-color: #f39c12;
}

.skin-orange .pagination > .active > a,
.skin-orange .pagination > .active > span,
.skin-orange .pagination > .active > a:hover,
.skin-orange .pagination > .active > span:hover,
.skin-orange .pagination > .active > a:focus,
.skin-orange .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #f39c12;
    border-color: #f39c12;
}

.skin-orange .fa-plus-circle,
.skin-orange .fa-gear,
.skin-orange .fa-pencil,
.skin-orange .fa-arrow-circle-o-left,
.skin-orange .fa_skin_color,
.skin-orange .ion-book {
    color: #f39c12;
}

.skin-orange .bg_skin_color {
    background-color: #f39c12 !important;
    color: #fff !important;
}

.skin-orange .btn-primary {
    color: #fff;
    background-color: #f39c12;
    border-color: #f39c12;
}

    .skin-orange .btn-primary:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

.skin-orange .box-primary {
    border-top-color: #f39c12;
}

.skin-orange #card {
    border: 1px solid #f39c12;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-orange #box_header {
    color: #fff;
    background-color: #f39c12;
}

.skin-orange .modal-header {
    color: #fff;
    background-color: #f39c12;
}

.skin-orange .main-header .navbar {
    background-color: #f39c12;
}

    .skin-orange .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-orange .main-header .navbar .nav > li > a:hover,
        .skin-orange .main-header .navbar .nav > li > a:active,
        .skin-orange .main-header .navbar .nav > li > a:focus,
        .skin-orange .main-header .navbar .nav .open > a,
        .skin-orange .main-header .navbar .nav .open > a:hover,
        .skin-orange .main-header .navbar .nav .open > a:focus,
        .skin-orange .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-orange .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-orange .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-orange .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-orange .main-header .navbar .sidebar-toggle:hover {
            background-color: #e08e0b;
        }

@media (max-width: 767px) {
    .skin-orange .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-orange .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-orange .main-header .navbar .dropdown-menu li a:hover {
            /*background: #e08e0b;*/
        }
}

.skin-orange .main-header .logo {
    background-color: #e08e0b;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-orange .main-header .logo:hover {
        background-color: #db8b0b;
    }

.skin-orange .main-header li.user-header {
    background-color: #f39c12;
}

.skin-orange .content-header {
    background: transparent;
}

.skin-orange .wrapper,
.skin-orange .main-sidebar,
.skin-orange .left-side {
    background-color: #222d32;
}

.skin-orange .user-panel > .info,
.skin-orange .user-panel > .info > a {
    color: #fff;
}

.skin-orange .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-orange .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-orange .sidebar-menu > li:hover > a,
.skin-orange .sidebar-menu > li.active > a,
.skin-orange .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-orange .sidebar-menu > li.active > a {
    border-left-color: #f39c12;
}

.skin-orange .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-orange .sidebar a {
    color: #b8c7ce;
}

    .skin-orange .sidebar a:hover {
        text-decoration: none;
    }

.skin-orange .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-orange .sidebar-menu .treeview-menu > li.active > a,
    .skin-orange .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-orange .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-orange .sidebar-form input[type="text"],
    .skin-orange .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-orange .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-orange .sidebar-form input[type="text"]:focus,
        .skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-orange .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-orange .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }
/*
 * Skin: Orange Light
 * ------------
 */
.skin-orange-light .select2-selection__choice {
    background-color: #f39c12 !important;
}

.skin-orange-light .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-orange-light .maid_active {
    border-left: 3px #f39c12 solid;
}

.skin-orange-light .login-box-msg,
.skin-orange-light .register-box-msg {
    background-color: #f39c12;
}

.skin-orange-light .modal-footer {
    border-top: 2px solid #f39c12;
}

.skin-orange-light #btnGetAddress {
    border: 3px solid #f39c12;
}

.skin-orange-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #f39c12;
}

    .skin-orange-light .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #f39c12;
    }

.skin-orange-light .btn-default.btn-on.active {
    background-color: #f39c12;
    color: white;
}

.skin-orange-light input:checked + .slider {
    background-color: #f39c12;
}

.skin-orange-light .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #f39c12;
}

.skin-orange-light .wizard > .steps .done a,
.skin-orange-light .wizard > .steps .done a:hover,
.skin-orange-light .wizard > .steps .done a:active {
    background: #e2ca9d;
    color: #fff;
}

.skin-orange-light .wizard > .actions a,
.skin-orange-light .wizard > .actions a:hover,
.skin-orange-light .wizard > .actions a:active {
    color: #fff;
    background-color: #f39c12;
}

.skin-orange-light .wizard > .steps .current a,
.skin-orange-light .wizard > .steps .current a:hover,
.skin-orange-light .wizard > .steps .current a:active {
    color: #fff;
    background-color: #f39c12;
}

.skin-orange-light .pagination > .active > a,
.skin-orange-light .pagination > .active > span,
.skin-orange-light .pagination > .active > a:hover,
.skin-orange-light .pagination > .active > span:hover,
.skin-orange-light .pagination > .active > a:focus,
.skin-orange-light .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #f39c12;
    border-color: #f39c12;
}

.skin-orange-light .fa-plus-circle,
.skin-orange-light .fa-gear,
.skin-orange-light .fa-pencil,
.skin-orange-light .fa-arrow-circle-o-left,
.skin-orange-light .fa_skin_color,
.skin-orange-light .ion-book {
    color: #f39c12;
}

.skin-orange-light .bg_skin_color {
    background-color: #f39c12 !important;
    color: #fff !important;
}

.skin-orange-light .btn-primary {
    color: #fff;
    background-color: #f39c12;
    border-color: #f39c12;
}

    .skin-orange-light .btn-primary:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

.skin-orange-light .box-primary {
    border-top-color: #f39c12;
}

.skin-orange-light #card {
    border: 1px solid #f39c12;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-orange-light #box_header {
    color: #fff;
    background-color: #f39c12;
}

.skin-orange-light .modal-header {
    color: #fff;
    background-color: #f39c12;
}

.skin-orange-light .main-header .navbar {
    background-color: #f39c12;
}

    .skin-orange-light .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-orange-light .main-header .navbar .nav > li > a:hover,
        .skin-orange-light .main-header .navbar .nav > li > a:active,
        .skin-orange-light .main-header .navbar .nav > li > a:focus,
        .skin-orange-light .main-header .navbar .nav .open > a,
        .skin-orange-light .main-header .navbar .nav .open > a:hover,
        .skin-orange-light .main-header .navbar .nav .open > a:focus,
        .skin-orange-light .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-orange-light .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-orange-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-orange-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-orange-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #e08e0b;
        }

@media (max-width: 767px) {
    .skin-orange-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-orange-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-orange-light .main-header .navbar .dropdown-menu li a:hover {
            /*background: #e08e0b;*/
        }
}

.skin-orange-light .main-header .logo {
    background-color: #f39c12;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-orange-light .main-header .logo:hover {
        background-color: #f39a0d;
    }

.skin-orange-light .main-header li.user-header {
    background-color: #f39c12;
}

.skin-orange-light .content-header {
    background: transparent;
}

.skin-orange-light .wrapper,
.skin-orange-light .main-sidebar,
.skin-orange-light .left-side {
    background-color: #f9fafc;
}

.skin-orange-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-orange-light .user-panel > .info,
.skin-orange-light .user-panel > .info > a {
    color: #444444;
}

.skin-orange-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}

    .skin-orange-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-orange-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-orange-light .sidebar-menu > li:hover > a,
    .skin-orange-light .sidebar-menu > li.active > a {
        color: #000000;
        background: #f4f4f5;
    }

    .skin-orange-light .sidebar-menu > li.active {
        border-left-color: #f39c12;
    }

        .skin-orange-light .sidebar-menu > li.active > a {
            font-weight: 600;
            border-left-color: #f39c12;
        }

    .skin-orange-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-orange-light .sidebar a {
    color: #444444;
}

    .skin-orange-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-orange-light .sidebar-menu .treeview-menu > li > a {
    color: #777777;
}

    .skin-orange-light .sidebar-menu .treeview-menu > li.active > a,
    .skin-orange-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000000;
    }

.skin-orange-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-orange-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-orange-light .sidebar-form input[type="text"],
    .skin-orange-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-orange-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-orange-light .sidebar-form input[type="text"]:focus,
        .skin-orange-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-orange-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-orange-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width: 768px) {
    .skin-orange-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}
/*
 * Skin: Yellow
 * ------------
 */
.skin-yellow .select2-selection__choice {
    background-color: #ffc619 !important;
}

.skin-yellow .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-yellow .maid_active {
    border-left: 3px #ffc619 solid;
}

.skin-yellow .divName {
    color: #fff;
}

.skin-yellow .login-box-msg,
.skin-yellow .register-box-msg {
    background-color: #ffc619;
}

.skin-yellow .modal-footer {
    border-top: 2px solid #ffc619;
}

.skin-yellow #btnGetAddress {
    border: 3px solid #ffc619;
}

.skin-yellow .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #ffc619;
}

    .skin-yellow .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #ffc619;
    }

.skin-yellow .btn-default.btn-on.active {
    background-color: #ffc619;
    color: white;
}

.skin-yellow input:checked + .slider {
    background-color: #ffc619;
}

.skin-yellow .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #ffc619;
}

.skin-yellow .wizard > .steps .done a,
.skin-yellow .wizard > .steps .done a:hover,
.skin-yellow .wizard > .steps .done a:active {
    background: #e6b42173;
    color: #fff;
}

.skin-yellow .wizard > .actions a,
.skin-yellow .wizard > .actions a:hover,
.skin-yellow .wizard > .actions a:active {
    color: #fff;
    background-color: #ffc619;
}

.skin-yellow .wizard > .steps .current a,
.skin-yellow .wizard > .steps .current a:hover,
.skin-yellow .wizard > .steps .current a:active {
    color: #fff;
    background-color: #ffc619;
}

.skin-yellow .pagination > .active > a,
.skin-yellow .pagination > .active > span,
.skin-yellow .pagination > .active > a:hover,
.skin-yellow .pagination > .active > span:hover,
.skin-yellow .pagination > .active > a:focus,
.skin-yellow .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ffc619;
    border-color: #ffc619;
}

.skin-yellow .fa-plus-circle,
.skin-yellow .fa-gear,
.skin-yellow .fa-pencil,
.skin-yellow .fa-arrow-circle-o-left,
.skin-yellow .fa_skin_color,
.skin-yellow .ion-book {
    color: #ffc619;
}

.skin-yellow .bg_skin_color {
    background-color: #ffc619 !important;
    color: #fff !important;
}

.skin-yellow .btn-primary {
    color: #fff;
    background-color: #ffc619;
    border-color: #ffc619;
}

    .skin-yellow .btn-primary:hover {
        color: #fff;
        background-color: #eab61a;
        border-color: #eab61a;
    }

.skin-yellow .box-primary {
    border-top-color: #ffc619;
}

.skin-yellow #card {
    border: 1px solid #ffc619;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-yellow #box_header {
    color: #fff;
    background-color: #ffc619;
}

.skin-yellow .modal-header {
    color: #fff;
    background-color: #ffc619;
}

.skin-yellow .main-header .navbar {
    background-color: #ffc619;
}

    .skin-yellow .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-yellow .main-header .navbar .nav > li > a:hover,
        .skin-yellow .main-header .navbar .nav > li > a:active,
        .skin-yellow .main-header .navbar .nav > li > a:focus,
        .skin-yellow .main-header .navbar .nav .open > a,
        .skin-yellow .main-header .navbar .nav .open > a:hover,
        .skin-yellow .main-header .navbar .nav .open > a:focus,
        .skin-yellow .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-yellow .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-yellow .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-yellow .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-yellow .main-header .navbar .sidebar-toggle:hover {
            background-color: #eab61a;
        }

@media (max-width: 767px) {
    .skin-yellow .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-yellow .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
            /*background: #e08e0b;*/
        }
}

.skin-yellow .main-header .logo {
    background-color: #eab61a;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-yellow .main-header .logo:hover {
        background-color: #dfb703;
    }

.skin-yellow .main-header li.user-header {
    background-color: #ffc619;
}

.skin-yellow .content-header {
    background: transparent;
}

.skin-yellow .wrapper,
.skin-yellow .main-sidebar,
.skin-yellow .left-side {
    background-color: #222d32;
}

.skin-yellow .user-panel > .info,
.skin-yellow .user-panel > .info > a {
    color: #fff;
}

.skin-yellow .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-yellow .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-yellow .sidebar-menu > li:hover > a,
.skin-yellow .sidebar-menu > li.active > a,
.skin-yellow .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-yellow .sidebar-menu > li.active > a {
    border-left-color: #ffc619;
}

.skin-yellow .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-yellow .sidebar a {
    color: #b8c7ce;
}

    .skin-yellow .sidebar a:hover {
        text-decoration: none;
    }

.skin-yellow .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-yellow .sidebar-menu .treeview-menu > li.active > a,
    .skin-yellow .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-yellow .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-yellow .sidebar-form input[type="text"],
    .skin-yellow .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-yellow .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-yellow .sidebar-form input[type="text"]:focus,
        .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-yellow .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }
/*
 * Skin: Yellow Light
 * ------------
 */
.skin-yellow-light .select2-selection__choice {
    background-color: #ffc619 !important;
}

.skin-yellow-light .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-yellow-light .maid_active {
    border-left: 3px #ffc619 solid;
}

.skin-yellow-light .login-box-msg,
.skin-yellow-light .register-box-msg {
    background-color: #ffc619;
}

.skin-yellow-light .modal-footer {
    border-top: 2px solid #ffc619;
}

.skin-yellow-light #btnGetAddress {
    border: 3px solid #ffc619;
}

.skin-yellow-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #ffc619;
}

    .skin-yellow-light .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #ffc619;
    }

.skin-yellow-light .btn-default.btn-on.active {
    background-color: #ffc619;
    color: white;
}

.skin-yellow-light input:checked + .slider {
    background-color: #ffc619;
}

.skin-yellow-light .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #ffc619;
}

.skin-yellow-light .wizard > .steps .done a,
.skin-yellow-light .wizard > .steps .done a:hover,
.skin-yellow-light .wizard > .steps .done a:active {
    background: #e2ca9d;
    color: #fff;
}

.skin-yellow-light .wizard > .actions a,
.skin-yellow-light .wizard > .actions a:hover,
.skin-yellow-light .wizard > .actions a:active {
    color: #fff;
    background-color: #ffc619;
}

.skin-yellow-light .wizard > .steps .current a,
.skin-yellow-light .wizard > .steps .current a:hover,
.skin-yellow-light .wizard > .steps .current a:active {
    color: #fff;
    background-color: #ffc619;
}

.skin-yellow-light .pagination > .active > a,
.skin-yellow-light .pagination > .active > span,
.skin-yellow-light .pagination > .active > a:hover,
.skin-yellow-light .pagination > .active > span:hover,
.skin-yellow-light .pagination > .active > a:focus,
.skin-yellow-light .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ffc619;
    border-color: #ffc619;
}

.skin-yellow-light .fa-plus-circle,
.skin-yellow-light .fa-gear,
.skin-yellow-light .fa-pencil,
.skin-yellow-light .fa-arrow-circle-o-left,
.skin-yellow-light .fa_skin_color,
.skin-yellow-light .ion-book {
    color: #ffc619;
}

.skin-yellow-light .bg_skin_color {
    background-color: #ffc619 !important;
    color: #fff !important;
}

.skin-yellow-light .btn-primary {
    color: #fff;
    background-color: #ffc619;
    border-color: #ffc619;
}

    .skin-yellow-light .btn-primary:hover {
        color: #fff;
        background-color: #eab61a;
        border-color: #eab61a;
    }

.skin-yellow-light .box-primary {
    border-top-color: #ffc619;
}

.skin-yellow-light #card {
    border: 1px solid #ffc619;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-yellow-light #box_header {
    color: #fff;
    background-color: #ffc619;
}

.skin-yellow-light .modal-header {
    color: #fff;
    background-color: #ffc619;
}

.skin-yellow-light .main-header .navbar {
    background-color: #ffc619;
}

    .skin-yellow-light .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-yellow-light .main-header .navbar .nav > li > a:hover,
        .skin-yellow-light .main-header .navbar .nav > li > a:active,
        .skin-yellow-light .main-header .navbar .nav > li > a:focus,
        .skin-yellow-light .main-header .navbar .nav .open > a,
        .skin-yellow-light .main-header .navbar .nav .open > a:hover,
        .skin-yellow-light .main-header .navbar .nav .open > a:focus,
        .skin-yellow-light .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-yellow-light .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-yellow-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #e08e0b;
        }

@media (max-width: 767px) {
    .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-yellow-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
            /*background: #e08e0b;*/
        }
}

.skin-yellow-light .main-header .logo {
    background-color: #ffc619;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-yellow-light .main-header .logo:hover {
        background-color: #f39a0d;
    }

.skin-yellow-light .main-header li.user-header {
    background-color: #ffc619;
}

.skin-yellow-light .content-header {
    background: transparent;
}

.skin-yellow-light .wrapper,
.skin-yellow-light .main-sidebar,
.skin-yellow-light .left-side {
    background-color: #f9fafc;
}

.skin-yellow-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-yellow-light .user-panel > .info,
.skin-yellow-light .user-panel > .info > a {
    color: #444444;
}

.skin-yellow-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}

    .skin-yellow-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-yellow-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-yellow-light .sidebar-menu > li:hover > a,
    .skin-yellow-light .sidebar-menu > li.active > a {
        color: #000000;
        background: #f4f4f5;
    }

    .skin-yellow-light .sidebar-menu > li.active {
        border-left-color: #ffc619;
    }

        .skin-yellow-light .sidebar-menu > li.active > a {
            font-weight: 600;
            border-left-color: #ffc619;
        }

    .skin-yellow-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-yellow-light .sidebar a {
    color: #444444;
}

    .skin-yellow-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-yellow-light .sidebar-menu .treeview-menu > li > a {
    color: #777777;
}

    .skin-yellow-light .sidebar-menu .treeview-menu > li.active > a,
    .skin-yellow-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000000;
    }

.skin-yellow-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-yellow-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-yellow-light .sidebar-form input[type="text"],
    .skin-yellow-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-yellow-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-yellow-light .sidebar-form input[type="text"]:focus,
        .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-yellow-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width: 768px) {
    .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}
/*
 * Skin: Purple
 * ------------
 */
.skin-purple .select2-selection__choice {
    background-color: #605ca8 !important;
}

.skin-purple .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-purple .maid_active {
    border-left: 3px #605ca8 solid;
}

.skin-purple .divName {
    color: #fff;
}

.skin-purple .login-box-msg,
.skin-purple .register-box-msg {
    background-color: #605ca8;
}

.skin-purple .modal-footer {
    border-top: 2px solid #605ca8;
}

.skin-purple #btnGetAddress {
    border: 3px solid #605ca8;
}

.skin-purple .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #605ca8;
}

    .skin-purple .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #605ca8;
    }

.skin-purple .btn-default.btn-on.active {
    background-color: #605ca8;
    color: white;
}

.skin-purple input:checked + .slider {
    background-color: #605ca8;
}

.skin-purple .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #605ca8;
}

.skin-purple .wizard > .steps .done a,
.skin-purple .wizard > .steps .done a:hover,
.skin-purple .wizard > .steps .done a:active {
    background: #9da6e2;
    color: #fff;
}

.skin-purple .wizard > .actions a,
.skin-purple .wizard > .actions a:hover,
.skin-purple .wizard > .actions a:active {
    color: #fff;
    background-color: #605ca8;
}

.skin-purple .wizard > .steps .current a,
.skin-purple .wizard > .steps .current a:hover,
.skin-purple .wizard > .steps .current a:active {
    color: #fff;
    background-color: #605ca8;
}

.skin-purple .pagination > .active > a,
.skin-purple .pagination > .active > span,
.skin-purple .pagination > .active > a:hover,
.skin-purple .pagination > .active > span:hover,
.skin-purple .pagination > .active > a:focus,
.skin-purple .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #605ca8;
    border-color: #605ca8;
}

.skin-purple .fa-plus-circle,
.skin-purple .fa-gear,
.skin-purple .fa-pencil,
.skin-purple .fa-arrow-circle-o-left,
.skin-purple .fa_skin_color,
.skin-purple .ion-book {
    color: #605ca8;
}

.skin-purple .bg_skin_color {
    background-color: #605ca8 !important;
    color: #fff !important;
}

.skin-purple .btn-primary {
    color: #fff;
    background-color: #605ca8;
    border-color: #605ca8;
}

    .skin-purple .btn-primary:hover {
        color: #fff;
        background-color: #605ca8;
        border-color: #605ca8;
    }

.skin-purple .box-primary {
    border-top-color: #605ca8;
}

.skin-purple #card {
    border: 1px solid #605ca8;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-purple #box_header {
    color: #fff;
    background-color: #605ca8;
}

.skin-purple .modal-header {
    color: #fff;
    background-color: #605ca8;
}

.skin-purple .main-header .navbar {
    background-color: #605ca8;
}

    .skin-purple .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-purple .main-header .navbar .nav > li > a:hover,
        .skin-purple .main-header .navbar .nav > li > a:active,
        .skin-purple .main-header .navbar .nav > li > a:focus,
        .skin-purple .main-header .navbar .nav .open > a,
        .skin-purple .main-header .navbar .nav .open > a:hover,
        .skin-purple .main-header .navbar .nav .open > a:focus,
        .skin-purple .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-purple .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-purple .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-purple .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-purple .main-header .navbar .sidebar-toggle:hover {
            background-color: #555299;
        }

@media (max-width: 767px) {
    .skin-purple .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-purple .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-purple .main-header .navbar .dropdown-menu li a:hover {
            /*background: #555299;*/
        }
}

.skin-purple .main-header .logo {
    background-color: #555299;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-purple .main-header .logo:hover {
        background-color: #545096;
    }

.skin-purple .main-header li.user-header {
    background-color: #605ca8;
}

.skin-purple .content-header {
    background: transparent;
}

.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
    background-color: #222d32;
}

.skin-purple .user-panel > .info,
.skin-purple .user-panel > .info > a {
    color: #fff;
}

.skin-purple .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-purple .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-purple .sidebar-menu > li:hover > a,
.skin-purple .sidebar-menu > li.active > a,
.skin-purple .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #1e282c;
}

.skin-purple .sidebar-menu > li.active > a {
    border-left-color: #605ca8;
}

.skin-purple .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-purple .sidebar a {
    color: #b8c7ce;
}

    .skin-purple .sidebar a:hover {
        text-decoration: none;
    }

.skin-purple .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-purple .sidebar-menu .treeview-menu > li.active > a,
    .skin-purple .sidebar-menu .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.skin-purple .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-purple .sidebar-form input[type="text"],
    .skin-purple .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-purple .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-purple .sidebar-form input[type="text"]:focus,
        .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-purple .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }
/*
 * Skin: Purple Light
 * ------------
 */
.skin-purple-light .select2-selection__choice {
    background-color: #605ca8 !important;
}

.skin-purple-light .select2-selection__choice__remove {
    color: #fff !important;
}

.skin-purple-light .maid_active {
    border-left: 3px #605ca8 solid;
}

.skin-purple-light .login-box-msg,
.skin-purple-light .register-box-msg {
    background-color: #605ca8;
}

.skin-purple-light .modal-footer {
    border-top: 2px solid #605ca8;
}

.skin-purple-light #btnGetAddress {
    border: 3px solid #605ca8;
}

.skin-purple-light .nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #605ca8;
}

    .skin-purple-light .nav-tabs-custom > .nav-tabs > li.active > .maidBooking_active {
        background-color: #605ca8;
    }

.skin-purple-light .btn-default.btn-on.active {
    background-color: #605ca8;
    color: white;
}

.skin-purple-light input:checked + .slider {
    background-color: #605ca8;
}

.skin-purple-light .ui-sortable-handle:active {
    cursor: move;
    border: 2px solid #605ca8;
}

.skin-purple-light .wizard > .steps .done a,
.skin-purple-light .wizard > .steps .done a:hover,
.skin-purple-light .wizard > .steps .done a:active {
    background: #9da6e2;
    color: #fff;
}

.skin-purple-light .wizard > .actions a,
.skin-purple-light .wizard > .actions a:hover,
.skin-purple-light .wizard > .actions a:active {
    color: #fff;
    background-color: #605ca8;
}

.skin-purple-light .wizard > .steps .current a,
.skin-purple-light .wizard > .steps .current a:hover,
.skin-purple-light .wizard > .steps .current a:active {
    color: #fff;
    background-color: #605ca8;
}

.skin-purple-light .pagination > .active > a,
.skin-purple-light .pagination > .active > span,
.skin-purple-light .pagination > .active > a:hover,
.skin-purple-light .pagination > .active > span:hover,
.skin-purple-light .pagination > .active > a:focus,
.skin-purple-light .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #605ca8;
    border-color: #605ca8;
}

.skin-purple-light .fa-plus-circle,
.skin-purple-light .fa-gear,
.skin-purple-light .fa-pencil,
.skin-purple-light .fa-arrow-circle-o-left,
.skin-purple-light .fa_skin_color,
.skin-purple-light .ion-book {
    color: #605ca8;
}

.skin-purple-light .bg_skin_color {
    background-color: #605ca8 !important;
    color: #fff !important;
}

.skin-purple-light .btn-primary {
    color: #fff;
    background-color: #605ca8;
    border-color: #605ca8;
}

    .skin-purple-light .btn-primary:hover {
        color: #fff;
        background-color: #605ca8;
        border-color: #605ca8;
    }

.skin-purple-light .box-primary {
    border-top-color: #605ca8;
}

.skin-purple-light #card {
    border: 1px solid #605ca8;
    padding: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.skin-purple-light #box_header {
    color: #fff;
    background-color: #605ca8;
}

.skin-purple-light .modal-header {
    color: #fff;
    background-color: #605ca8;
}

.skin-purple-light .main-header .navbar {
    background-color: #605ca8;
}

    .skin-purple-light .main-header .navbar .nav > li > a {
        color: #ffffff;
    }

        .skin-purple-light .main-header .navbar .nav > li > a:hover,
        .skin-purple-light .main-header .navbar .nav > li > a:active,
        .skin-purple-light .main-header .navbar .nav > li > a:focus,
        .skin-purple-light .main-header .navbar .nav .open > a,
        .skin-purple-light .main-header .navbar .nav .open > a:hover,
        .skin-purple-light .main-header .navbar .nav .open > a:focus,
        .skin-purple-light .main-header .navbar .nav > .active > a {
            background: rgba(0, 0, 0, 0.1);
            color: #f6f6f6;
        }

    .skin-purple-light .main-header .navbar .sidebar-toggle {
        color: #ffffff;
    }

        .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0, 0, 0, 0.1);
        }

    .skin-purple-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #555299;
        }

@media (max-width: 767px) {
    .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .skin-purple-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
            /*background: #555299;*/
        }
}

.skin-purple-light .main-header .logo {
    background-color: #605ca8;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-purple-light .main-header .logo:hover {
        background-color: #5d59a6;
    }

.skin-purple-light .main-header li.user-header {
    background-color: #605ca8;
}

.skin-purple-light .content-header {
    background: transparent;
}

.skin-purple-light .wrapper,
.skin-purple-light .main-sidebar,
.skin-purple-light .left-side {
    background-color: #f9fafc;
}

.skin-purple-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-purple-light .user-panel > .info,
.skin-purple-light .user-panel > .info > a {
    color: #444444;
}

.skin-purple-light .sidebar-menu > li {
    -webkit-transition: border-left-color 0.3s ease;
    -o-transition: border-left-color 0.3s ease;
    transition: border-left-color 0.3s ease;
}

    .skin-purple-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-purple-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-purple-light .sidebar-menu > li:hover > a,
    .skin-purple-light .sidebar-menu > li.active > a {
        color: #000000;
        background: #f4f4f5;
    }

    .skin-purple-light .sidebar-menu > li.active {
        border-left-color: #605ca8;
    }

        .skin-purple-light .sidebar-menu > li.active > a {
            font-weight: 600;
            border-left-color: #605ca8;
        }

    .skin-purple-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-purple-light .sidebar a {
    color: #444444;
}

    .skin-purple-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-purple-light .sidebar-menu .treeview-menu > li > a {
    color: #777777;
}

    .skin-purple-light .sidebar-menu .treeview-menu > li.active > a,
    .skin-purple-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000000;
    }

.skin-purple-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-purple-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-purple-light .sidebar-form input[type="text"],
    .skin-purple-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-purple-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-purple-light .sidebar-form input[type="text"]:focus,
        .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-purple-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width: 768px) {
    .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}