.testClass {
    RfColor1: #ffffff;
    RfColor2: #ffffff;
    RfColor3:;
    RfColor4:;
    RfColor5: #33414e;
    RfColor6:;
    RfColor7: #3d4e5d;
    RfColor8:;
    Rfcolor10:;
    Rfcolor11:;
    Rfcolor12:;
    Rfcolor13:;
}

.login-container.lightmode .login-box .login-body {
    background: [LoginBackgroundColor];
}

.multi-selected-rows {
    background-color: [Rfcolor41];
}

.client-main-header {
    background: [BackgroundColor];
}

.x-navigation.x-navigation-horizontal {
    background: [BackgroundColor];
}

.header-right-settings .x-navigation-settings .xn-icon-button {
    background: [BackgroundColor];
}

#navcontainer {
    background: [BackgroundColor];
}

.x-navigation {
    background: [BackgroundColor];
}

    .x-navigation li.active > a {
        background: [BackgroundColorMouseOver];
        color: [TextColorMouseOver];
    }

    .x-navigation li > a:hover {
        background: [BackgroundColorMouseOver];
        color: [TextColorMouseOver];
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    .x-navigation li > ul {
        background: [BackgroundColor];
    }

        .x-navigation li > ul li.active > a {
            background: [BackgroundColorMouseOver];
            color: [TextColorMouseOver];
        }

            .x-navigation li > ul li.active > a:hover {
                background: [BackgroundColorMouseOver];
                color: [TextColorMouseOver];
            }

        .x-navigation li > ul li > a {
            color: [TextColor];
        }

            .x-navigation li > ul li > a:hover {
                background: [BackgroundColorMouseOver];
                color: [TextColorMouseOver];
            }

.logo-container {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.x-navigation li > a {
    color: [TextColor];
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

    .x-navigation li.xn-title,
    .x-navigation li > a .fa,
    .x-navigation li > a .glyphicon,
    .x-navigation.x-navigation-horizontal > li > a .fa,
    .x-navigation.x-navigation-horizontal > li > a .glyphicon,
    .x-navigation > li.xn-openable:before,
    .x-navigation li.xn-openable:before {
        color: [TextColor];
        background: transparent;
    }

.x-navigation.x-navigation-horizontal > li > a {
    color: [TextColor];
}

    .x-navigation.x-navigation-horizontal > li > a:hover {
        background: [BackgroundColorMouseOver];
        color: [TextColorMouseOver];
    }

        .x-navigation li.xn-title:hover,
        .x-navigation li.active.xn-openable:before,
        .x-navigation li.xn-openable:hover:before,
        .x-navigation li > a:hover .fa,
        .x-navigation li > a:hover .glyphicon,
        .x-navigation li.active > a .fa,
        .x-navigation li.active > a .glyphicon,
        .x-navigation.x-navigation-horizontal > li > a:hover .fa,
        .x-navigation.x-navigation-horizontal > li > a:hover .glyphicon {
            color: [TextColorMouseOver];
            background: transparent;
        }

.edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li a:hover {
    background: none;
}

    .edit-company-user .shares-groups-wrapper .company-shares-list ul.x-edit-shares li a:hover .fa {
        color: #656d78;
    }

.rf-input-group {
    border: none;
}


.public-link-header {
    color: [BackgroundColor];
}


/******************************* BEGIN NEW SKINNING *********************************/
#navcontainer ul.x-navigation.x-navigation-minimized li:first-child a:hover {
    background: [BackgroundColorMouseOver];
    color: [TextColorMouseOver];
}

#navcontainer ul.x-navigation li a.cursor-default:hover {
    background: [BackgroundColor];
    color: [TextColor];
}

.breadcrumb {
    background-color: [BackgroundColorBreadcrumbs];
    opacity: 1;
}

    .breadcrumb li, .breadcrumb li a {
        color: [TextColorBreadcrumbs];
        opacity: 0.5;
    }

        .breadcrumb li:hover, .breadcrumb li a:hover {
            color: [TextColorBreadcrumbs];
            opacity: 1;
        }

        .breadcrumb li:last-child {
            color: [TextColorBreadcrumbs];
            opacity: 1;
        }

    .breadcrumb > li + li:before {
        color: [TextColorBreadcrumbs];
    }

.page-container .page-content .content-frame .content-frame-top {
    background-color: [BackgroundColorHeaderAndSearch];
}

    .page-container .page-content .content-frame .content-frame-top .page-title h2 {
        color: [TextColorHeaderAndSearch];
    }

.dataTable-fl, .layout-action-buttons {
    background-color: [BackgroundColorHeaderAndSearch];
    border-bottom: none;
}

    .dataTables_filter label span, .dataTables_filter label input, .layout-action-buttons label {
        color: [TextColorHeaderAndSearch];
    }

        .dataTables_filter label input::-webkit-input-placeholder {
            color: [TextColorHeaderAndSearch];
        }

        .dataTables_filter label input:-moz-placeholder { /* Firefox 18- */
            color: [TextColorHeaderAndSearch];
        }

        .dataTables_filter label input::-moz-placeholder { /* Firefox 19+ */
            color: [TextColorHeaderAndSearch];
        }

        .dataTables_filter label input:-ms-input-placeholder {
            color: [TextColorHeaderAndSearch];
        }

.dataTables_paginate.paging_simple_numbers .paginate_button {
    background-color: [ButtonBackgroundColor];
    border-color: [ButtonBorderColor];
    color: [ButtonTextColor];
}

    .dataTables_paginate.paging_simple_numbers .paginate_button:hover {
        background-color: [ButtonBackgroundColorMouseOver];
        color: [ButtonTextColorMouseOver];
    }

.dataTable-ip .dataTables_paginate .disabled:hover {
    background-color: [ButtonBackgroundColor];
    border-color: [ButtonBorderColor];
    color: [ButtonTextColor];
}

.btn-default {
    background-color: [ButtonBackgroundColor];
    color: [ButtonTextColor];
    border-color: [ButtonBorderColor];
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .btn-default.active.focus,
    .btn-default.active:focus,
    .btn-default.active:hover,
    .btn-default:active.focus,
    .btn-default:active:focus,
    .btn-default:active:hover {
        background-color: [ButtonBackgroundColorMouseOver];
        color: [ButtonTextColorMouseOver];
        border-color: [ButtonBorderColor];
    }

table tbody tr,
table tbody tr td,
.table tbody tr,
.table tbody tr td {
    color: [ListTextColor];
}

    .table tbody tr td span.dataTable-record-icon, .dataTable-record-icon {
        color: [ListTextColor];
        border-color: [ListTextColor];
    }

.table tbody tr, .dataTables_scrollBody, .table.subshares-table,
.user-profile-container, .company-view-container, .skinning-view-container,
.edit-company-user .shares-groups-wrapper,
.edit-company-user .profile-wrapper,
.edit-company-groups,
.edit-company-groups .company-users-wrapper,
.edit-company-groups .company-shares-wrapper,
.edit-company-shares .company-users-wrapper,
.edit-company-shares .company-groups-wrapper,
.audit-reports-view .audit-reports-options,
.recover-shares-view .restore-history-options {
    background: [ListBackgroundColor];
}

    .table tbody tr:hover td,
    .table tbody tr:hover, #table-subshares tbody tr:hover,
     .table tbody tr.selected-row, .table tbody tr.selected-row td {
        background: [ListBackgroundColorMouseOver];
        color: [ListMouseOverTextColor];
    }

    .table tbody tr.subshares-container:hover {
        background: [ListBackgroundColor];
        color: [ListTextColor];
        
    }

    .table tbody tr.selected-row td span.dataTable-record-icon, .table tbody tr:hover td span.dataTable-record-icon {
        color: [ListMouseOverTextColor];
        border-color: [ListMouseOverTextColor];
    }

.rf-input-group select {
    color: rgb(135, 142, 154);
}

.page-container .page-content, .dataTables_wrapper, .dataTable-ip,
.audit-reports-view.template-container,
.recover-shares-view {
    background-color: [ListHeaderAndFooterColor];
}

.dataTables_scrollHead, .dataTables_scrollHead .dataTable thead {
    background-color: [ListHeaderAndFooterColor];
    color: [ListHeaderTextColor];
}

table.table thead tr th, table.table thead tr th.sorting:before, table.table thead tr th.sorting_desc:before, table.table thead tr th.sorting_asc:before {
    background-color: [ListHeaderAndFooterColor];
    color: [ListHeaderTextColor];
    opacity: 1;
}

.rf-modal-content .rf-modal-row .rf-input-group,
.edit-share-modal-email-box,
.edit-share-modal-generic-box,
.edit-share-read-write-container {
    border: 1px solid [TextBoxBorderColor];
}

    .rf-modal-content .rf-modal-row .rf-input-group,
    .rf-modal-content .rf-modal-row .rf-input-group input[type=text],
    .rf-modal-content .rf-modal-row .rf-input-group input[type=password],
    .rf-modal-content .rf-modal-row .rf-input-group textarea,
    .edit-share-modal-email-box,
    .edit-share-modal-generic-box,
    .edit-share-read-write-container {
        background: [TextBoxBackgroundColor];
        color: [TextBoxTextColor];
    }

/*.edit-share-read-write-container {
    border-left-color: [TextBoxBorderColor];
}*/

.rf-modal-content .rf-modal-row .rf-modal-icon {
    border-color: [TextBoxTextColor];
}

.rf-modal-content .rf-modal-row .rf-input-group.select i {
    border-color: [TextBoxTextColor];
    color: [TextBoxTextColor];
}

.text-box-icon.icon-shares:before {
    border-color: [TextBoxTextColor];
}

.blue-text-boxes,
.form-control.blue-text-boxes,
.subdomain-icon,
.blue-text-boxes[disabled]:focus,
.blue-text-boxes[readonly]:focus,
.text-box-icon, .pull-left.text-box-icon,
.send-test-email-icon {
    background: [TextBoxBackgroundColor];
    color: [TextBoxTextColor];
    border-color: [TextBoxBorderColor];
}

    .subdomain-icon,
    .send-test-email-icon,
    .blue-text-boxes,
    .form-control.blue-text-boxes,
    .separate-color-box,
    .logo-upload-container,
    .icon-upload-container,
    .vertical-line,
    .vertical-line-icon,
    .rf-input-group,
    .recover-shares-view .restore-history-options .file-extensions-wrapper input[type="text"],
    .audit-reports-view .audit-reports-options .reports-search-wrapper input[type="text"],
    .audit-reports-view .audit-reports-options .date-reports-wrapper input[type="text"],
    .w2ui-field-helper.w2ui-list,
    .blue-text-boxes[disabled]:focus,
    .blue-text-boxes[readonly]:focus {
        border-color: [TextBoxBorderColor];
    }

        .blue-text-boxes[disabled]:focus, .blue-text-boxes[readonly]:focus {
            cursor: pointer;
        }

.w2ui-field-helper.w2ui-list {
    background: [TextBoxBackgroundColor];
    color: [TextBoxTextColor];
}

.recover-shares-view .restore-history-options .file-extensions-wrapper input[type="text"], .audit-reports-view .audit-reports-options .reports-search-wrapper input[type="text"], .audit-reports-view .audit-reports-options .date-reports-wrapper input[type="text"] {
    background: [TextBoxBackgroundColor];
    color: [TextBoxTextColor];
}

.btn-primary, .dataTables_paginate.paging_simple_numbers .paginate_button.current {
    background-color: [ActiveButtonBackgroundColor];
    color: [ActiveButtonTextColor];
    border-color: [ActiveButtonBorderColor];
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.active.focus,
    .btn-primary.active:focus,
    .btn-primary.active:hover,
    .btn-primary:active.focus,
    .btn-primary:active:focus,
    .btn-primary:active:hover,
    .dataTables_paginate.paging_simple_numbers .paginate_button.current:hover,
    .dataTables_paginate.paging_simple_numbers .paginate_button.current:active,
    .dataTables_paginate.paging_simple_numbers .paginate_button.current:focus {
        background-color: [ButtonBackgroundColorMouseOver];
        color: [Rfcolor39];
        border-color: [ActiveButtonBorderColor];
    }

.dataTables_length label select {
    background-color: [BackgroundColorHeaderAndSearch];
    color: [TextColorHeaderAndSearch];
}

.dataTables_length label i {
    color: [TextColorHeaderAndSearch];
}

.dataTables_length label select:hover,
.dataTables_length label select:focus,
.dataTables_length label select:active {
    background-color: rgba(0, 0, 0, 0.08);
    color: [TextColorHeaderAndSearch];
}

.dataTables_length label:hover i,
.dataTables_length label:focus i,
.dataTables_length label:active i {
    color: [TextColorHeaderAndSearch];
}

.dataTables_length button, .view-header button {
    background-color: [BackgroundColorHeaderAndSearch];
    color: [TextColorHeaderAndSearch];
}

    .recover-shares-view .restore-history-options .start-button-wrapper button:hover,
    .dataTables_length ul.x-navigation.x-navigation-horizontal li a:hover,
    .dataTables_length button:hover,
    .dataTables_length button:focus,
    .dataTables_length button:active,
    .view-header button:hover,
    .view-header button:focus,
     .view-header button:active {
        background-color: rgba(0, 0, 0, 0.08);
        color: [TextColorHeaderAndSearch];
    }

.dataTables_length #dataTable-actions button:hover,
.dataTables_length #dataTable-actions button:focus,
.dataTables_length #dataTable-actions button:active {
    background-color: transparent;
}


.dataTables_length label.radio-btn-checkbox {
    color: [TextColorHeaderAndSearch];
}

.dataTables_length .dt-radio-checkbox {
    background-color: [BackgroundColorHeaderAndSearch];
    color: [TextColorHeaderAndSearch];
}

    .dataTables_length .dt-radio-checkbox:hover {
        background-color: rgba(0, 0, 0, 0.08);
        color: [TextColorHeaderAndSearch];
    }

    .dataTables_length label.radio-btn-checkbox,
    .dataTables_length .dt-radio-checkbox i {
        color: [TextColorHeaderAndSearch];
    }

    .dataTables_length .dt-radio-checkbox:hover i {
        color: [TextColorHeaderAndSearch];
    }
/******************************* END NEW SKINNING ************************************/