/********************************************************************************************************************************************/
/********************************************************************** MAIN ****************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-main,
.theme-toast{
    color: #000000 !important;
}

.theme-sidebar,
.theme-sidebar-footer,
.theme-footer,
.theme-toast-dark{
    color: #ffffff !important;
}

.theme-required{
    color: #830000 !important;
}

.theme-footer-company-start{
    color: #20292f !important;
}

.theme-footer-company{
    color: #00e18d !important;
}

.theme-footer-link{
    color: #85bafe !important;
}

/************************************************* FILL *************************************************/

.theme-sidebar-btn path,
.theme-sidebar-btn circle{
    fill: #ffffff !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-body{
    background-color: #ffffff !important;
}

.theme-sidebar,
.theme-sidebar-footer,
.theme-footer{
    background-color: #20292f !important;
}

.theme-sidebar-others{
    background-color: #383840 !important;
}

/************************************************* BACKGROUND COLOR OPAC *************************************************/

.theme-toast-dark{/* 70% */
    background-color: #000000b3 !important;
}

.theme-toast-success{/* 70% */
    background-color: #67d34ab3 !important;
}

.theme-toast-warning{/* 70% */
    background-color: #ffb647b3 !important;
}

.theme-toast-danger{/* 70% */
    background-color: #cc0404b3 !important;
}

/************************************************* BORDER *************************************************/

.theme-sidebar-footer-top,
.theme-footer{
    border-top: 1px solid #ffffff !important;
}

/************************************************* TEXT BORDER *************************************************/

.theme-footer-company-start{
    -webkit-text-stroke: 1px #00e18d !important;
}

/************************************************* ACTIVE *************************************************/

.theme-sidebar-btn.active{
    background-color: #ffffff !important;
}

.theme-sidebar-btn.active{
    color: #20292f !important;
}

.theme-sidebar-btn.active path,
.theme-sidebar-btn.active circle{
    fill: #20292f !important;
}

/************************************************* HOVER *************************************************/

.theme-sidebar-btn:hover{
    background-color: #ffffff !important;
}

.theme-sidebar-btn:hover{
    color: #20292f !important;
}

.theme-sidebar-btn:hover path,
.theme-sidebar-btn:hover circle{
    fill: #20292f !important;
}

/************************************************* SCROLL *************************************************/

.theme-sidebar::-webkit-scrollbar-track{
    background: #383840 !important;
}

.theme-sidebar::-webkit-scrollbar-thumb{
    background-color: #cccccc !important;
}

.theme-sidebar::-webkit-scrollbar-thumb{
    border: 1px solid #383840 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** SIDE-INFO ***********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-side-alert-notifications,
.theme-side-notifications-box,
.theme-side-notifications-btn-has-notif,
.theme-side-theme-btn,
.theme-side-ticket,
.theme-side-idea,
.theme-side-incident,
.theme-side-contacts-box,
.theme-side-news-box,
.theme-side-absence-box,
.theme-side-award-box,
.theme-side-birthday-box,
.theme-side-platforms-box,
.theme-side-esg-box,
.theme-side-contacts-company-search{
    color: #20292f !important;
}

.theme-side-birthday-icon{
    color: #e837ff !important;
}

.theme-side-contacts-phone.deleted-user{
    color: #cc0404 !important;
}

/************************************************* FILL *************************************************/

.theme-side-platform path,
.theme-side-platform circle,
.theme-side-award-btn path,
.theme-side-award-btn circle{
    fill: #20292f !important;
}

.theme-side-award-10-icon path,
.theme-side-award-10-icon circle{
    fill: #ffc425 !important;
}

.theme-side-award-20-icon path,
.theme-side-award-20-icon circle{
    fill: #f4a238 !important;
}

.theme-side-award-30-icon path,
.theme-side-award-30-icon circle{
    fill: #e76a38 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-side-contacts-box,
.theme-side-absence-box,
.theme-side-news-box,
.theme-side-award-box,
.theme-side-birthday-box,
.theme-side-platforms-box,
.theme-side-esg-box,
.theme-side-contacts-company-btn,
.theme-side-contacts-company-search,
.theme-side-contacts-email-table,
.theme-side-contacts-phone-table,
.theme-side-contacts-geral-table{
    background-color: #ffffff !important;
}

.theme-side-no-notifications,
.theme-side-platforms-container,
.theme-side-esg-container,
.theme-side-birthday-container,
.theme-side-award-container,
.theme-side-news-container,
.theme-side-absence-container,
.theme-side-contacts-container{
    background-color: #eeeeee !important;
}

.theme-side-ticket,
.theme-side-contacts-intern.success,
.theme-side-contacts-company-phone-add-btn,
.theme-side-contacts-company-geral-add-btn{
    background-color: #67d34a !important;
}

.theme-side-notifications-btn-has-notif,
.theme-side-platform{
    background-color: #85bafe !important;
}

.theme-side-alert-notifications{
    background-color: #f4f4f4 !important;
}

.theme-side-idea{
    background-color: #ffc425 !important;
}

.theme-side-contacts-intern.special{
    background-color: #4aa9d4 !important;
}

.theme-side-maintenance,
.theme-side-contacts-phone-edit-btn,
.theme-side-contacts-geral-edit-btn,
.theme-side-contacts-intern.warning,
.theme-side-contacts-email-group{
    background-color: #ffb647 !important;
}

.theme-side-alert-notifications-box,
.theme-side-incident,
.theme-side-contacts-intern.danger{
    background-color: #e76a38 !important;
}

.theme-side-contacts-intern.vacation{
    background-color: #c9cc04 !important;
}

/************************************************* BORDER *************************************************/

.theme-side-notifications-box,
.theme-side-notifications-btn-has-notif,
.theme-side-theme-btn,
.theme-side-contacts-box,
.theme-side-absence-box,
.theme-side-news-box,
.theme-side-award-box,
.theme-side-birthday-box,
.theme-side-platforms-box,
.theme-side-esg-box,
.theme-side-contacts-list{
    border: 1px solid #20292f !important;
}

.theme-side-contacts-intern td.column-b,
.theme-side-contacts-intern td.column-br,
.theme-side-contacts-email td.column-b,
.theme-side-contacts-email-group td.column-b,
.theme-side-contacts-phone td.column-b,
.theme-side-contacts-phone td.column-br,
.theme-side-contacts-geral td.column-b,
.theme-side-contacts-geral td.column-br{
    border-bottom: 1px solid #20292f !important;
}

.theme-side-contacts-intern td.column-br,
.theme-side-contacts-phone td.column-br,
.theme-side-contacts-geral td.column-br{
    border-right: 1px solid #20292f !important;
}

.theme-side-contacts-type-btn{
    border: 2px solid #00000000 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-side-contacts-company-btn.active{
    background-color: #20292f !important;
}

.theme-side-contacts-company-btn.active{
    color: #ffffff !important;
}

.theme-side-contacts-type-btn.active{
    border: 2px solid #20292f !important;
}

/************************************************* HOVER *************************************************/

.theme-side-theme-btn:hover,
.theme-side-contacts-btn:hover,
.theme-side-absence-btn:hover,
.theme-side-award-btn:hover,
.theme-side-news-btn:hover,
.theme-side-birthday-btn:hover,
.theme-side-platforms-btn:hover,
.theme-side-esg-btn:hover,
.theme-side-contacts-company-btn:hover{
    background-color: #20292f !important;
}

.theme-side-idea:hover{
    background-color: #e9af10 !important;
}

.theme-side-notifications-btn:hover{
    background-color: #85bafe !important;
}

.theme-side-ticket:hover{
    background-color: #52c532 !important;
}

.theme-side-incident:hover{
    background-color: #cc0404 !important;
}

.theme-side-alert-notifications-btn:hover,
.theme-side-theme-btn:hover,
.theme-side-contacts-btn:hover,
.theme-side-absence-btn:hover,
.theme-side-award-btn:hover,
.theme-side-news-btn:hover,
.theme-side-birthday-btn:hover,
.theme-side-platforms-btn:hover,
.theme-side-esg-btn:hover,
.theme-side-contacts-company-btn:hover{
    color: #ffffff !important;
}

.theme-side-platform:hover path,
.theme-side-platform:hover circle,
.theme-side-award-btn:hover path,
.theme-side-award-btn:hover circle{
    fill: #ffffff !important;
}

.theme-side-contacts-type-btn:hover{
    border: 2px solid #20292f !important;
}

/************************************************* SCROLL *************************************************/

.theme-side-contacts-scroll::-webkit-scrollbar-track{
    background: #20292f !important;
}

.theme-side-contacts-scroll::-webkit-scrollbar-thumb{
    background-color: #cccccc !important;
}

.theme-side-alert-notifications::-webkit-scrollbar-thumb,
.theme-side-notifications::-webkit-scrollbar-thumb{
    background-color: #999999 !important;
}

.theme-side-alert-notifications::-webkit-scrollbar-thumb,
.theme-side-notifications::-webkit-scrollbar-thumb{
    border: 1px solid #eeeeee !important;
}

.theme-side-contacts-scroll::-webkit-scrollbar-thumb{
    border-left: 1px solid #20292f !important;
}

/********************************************************************************************************************************************/
/********************************************************************** MODAL ***************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-modal-header,
.theme-modal-sub-company-upload-btn,
.theme-modal-subuser-upload-btn,
.theme-modal-contact-details-csv-btn,
.theme-modal-contact-details-barcode-btn,
.theme-modal-verification-info-table-head,
.theme-modal-sub-document-file,
.theme-modal-wifi-btn,
.theme-modal-inpeoplehub-before-link-link,
.theme-modal-wifi-type-btn,
.theme-modal-work-country-box{
    color: #ffffff !important;
}

.theme-modal-inpeoplehub-before-link-text,
.theme-modal-sub-work-code-add-btn,
.theme-modal-sub-work-code-input,
.theme-modal-personal-doc-add-btn,
.theme-modal-personal-doc-to-sign-add-btn,
.theme-modal-sub-company-edit-btn,
.theme-modal-document-final-add-btn,
.theme-modal-ask-equipment-add-btn,
.theme-modal-document-final-refuse-btn,
.theme-modal-document-final-input,
.theme-modal-ask-equipment-input,
.theme-modal-wifi-qrcode-print-btn,
.theme-modal-personal-doc-input,
.theme-modal-sub-document-verification-submit,
.theme-modal-personal-doc-to-sign-input,
.theme-modal-direct-message-user-list,
.theme-modal-direct-message-input,
.theme-modal-training-user-list,
.theme-modal-training-add-btn,
.theme-modal-wifi-input,
.theme-modal-subuser-input,
.theme-modal-department-search{
    color: #000000 !important;
}

.theme-modal-chatroom-add-btn,
.theme-modal-chatroom-remove-btn,
.theme-modal-direct-message-remove-btn,
.theme-modal-chatroom-edit-btn{
    color: #0f1114 !important;
}

.theme-modal-copy-btn,
.theme-modal-department-search-btn,
.theme-modal-body,
.theme-modal-contact-details-department,
.theme-modal-marketing-verify-file-btn,
.theme-modal-marketing-preview-btn,
.theme-modal-new-direct-message-img,
.theme-modal-new-chatroom-img,
.theme-modal-human-resource-verify-file-btn,
.theme-modal-human-resource-preview-btn{
    color: #20292f !important;
}

.theme-modal-contact-details-info-no-permission,
.theme-modal-ticket-info-no-btn,
.theme-modal-share-surveillance-close-btn,
.theme-modal-calendar-reunion-email-delete-btn,
.theme-modal-channel-remove-btn{
    color: #cc0404 !important;
}

.theme-modal-ticket-info-yes-btn{
    color: #67d34a !important;
}

.theme-modal-ticket-info-partially-btn{
    color: #e76a38 !important;
}

/************************************************* FILL *************************************************/

.theme-modal-header path,
.theme-modal-header circle{
    fill: #ffffff !important;
}

.theme-modal-marketing-icon path,
.theme-modal-marketing-icon circle,
.theme-modal-human-resource-icon path,
.theme-modal-human-resource-icon circle{
    fill: #20292f !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-modal-body,
.theme-modal-wifi-qrcode-print-btn,
.theme-modal-ticket-info-textarea,
.theme-modal-direct-message-user-list,
.theme-modal-training-user-list,
.theme-modal-department-right-click-btn{
    background-color: #ffffff !important;
}

.theme-modal-wifi-btn,
.theme-modal-wifi-type-btn,
.theme-modal-subuser-upload-btn,
.theme-modal-content,
.theme-modal-sub-company-upload-btn,
.theme-modal-contact-details-csv-btn,
.theme-modal-contact-details-barcode-btn,
.theme-modal-sub-document-file,
.theme-modal-verification-info-table-head{
    background-color: #20292f !important;
}

.theme-modal-direct-message-user-search,
.theme-modal-daily-plan-search,
.theme-modal-training-user-search,
.theme-modal-contact-details-btn{
    background-color: #eeeeee !important;
}

.theme-modal-sub-company-edit-btn,
.theme-modal-personal-doc-add-btn,
.theme-modal-personal-doc-to-sign-add-btn,
.theme-modal-idea-add-btn,
.theme-modal-incident-add-btn,
.theme-modal-work-phone-add-btn,
.theme-modal-geral-add-btn,
.theme-modal-training-add-btn,
.theme-modal-sub-work-code-add-btn,
.theme-modal-plafond-add-btn,
.theme-modal-ticket-add-btn,
.theme-modal-ticket-info-save-btn,
.theme-modal-ticket-info-send-msg-btn,
.theme-modal-document-final-add-btn,
.theme-modal-vacation-save-btn,
.theme-modal-contact-crm-add-btn,
.theme-modal-contact-crm-entity-add-btn,
.theme-modal-surveillance-add-btn,
.theme-modal-sub-surveillance-add-btn,
.theme-modal-share-surveillance-add-btn,
.theme-modal-verification-info-add-btn,
.theme-modal-verification-add-btn,
.theme-modal-assistance-phone-add-btn,
.theme-modal-employer-wifi-save-btn,
.theme-modal-channel-add-btn,
.theme-modal-notification-add-btn,
.theme-modal-ask-equipment-add-btn,
.theme-modal-shortcut-group-add-btn,
.theme-modal-shortcut-add-btn,
.theme-modal-pinfo-save-btn,
.theme-modal-pinfo-new-document-add-btn,
.theme-modal-personal-info-accept-btn,
.theme-modal-marketing-group-add-btn,
.theme-modal-sub-document-verification-submit,
.theme-modal-marketing-add-btn,
.theme-modal-human-resource-add-btn,
.theme-modal-calendar-reunion-add-email-btn,
.theme-modal-training-add-btn,
.theme-modal-training-box.selected,
.theme-modal-calendar-reunion-add-btn,
.theme-modal-direct-message-add-btn,
.theme-modal-chatroom-add-btn,
.theme-modal-calendar-reunion-email-add-btn,
.theme-modal-calendar-holiday-add-btn,
.theme-modal-sub-company-add-btn,
.theme-modal-subuser-add-btn,
.theme-modal-recover-account-add-btn{
    background-color: #67d34a !important;
}

.theme-modal-sub-work-code-input,
.theme-modal-document-final-input,
.theme-modal-personal-doc-input,
.theme-modal-personal-doc-to-sign-input,
.theme-modal-subuser-input,
.theme-modal-copy-btn,
.theme-modal-dialog,
.theme-modal-contact-details-department,
.theme-modal-contact-details-info-field,
.theme-modal-contact-details-info-input,
.theme-modal-subuser-details-info-field,
.theme-modal-subuser-input,
.theme-modal-contact-group-box,
.theme-modal-contact-info-box,
.theme-modal-incident-select,
.theme-modal-incident-input,
.theme-modal-incident-textarea,
.theme-modal-incident-attachment-box,
.theme-modal-incident-attachment,
.theme-modal-work-phone-btn,
.theme-modal-work-phone-input,
.theme-modal-training-input,
.theme-modal-work-phone-select,
.theme-modal-training-select,
.theme-modal-pinfo-select,
.theme-modal-geral-input,
.theme-modal-training-input,
.theme-modal-plafond-input,
.theme-modal-wifi-input,
.theme-modal-ticket-select,
.theme-modal-ticket-text,
.theme-modal-ticket-info-select,
.theme-modal-ticket-info-text,
.theme-modal-ticket-info-box,
.theme-modal-vacation-input,
.theme-modal-vacation-select,
.theme-modal-vacation-textarea,
.theme-modal-diactivate-2fa-input,
.theme-modal-contact-crm-info-text,
.theme-modal-contact-crm-entity-info-text,
.theme-modal-contact-crm-textarea,
.theme-modal-contact-crm-input,
.theme-modal-contact-crm-select,
.theme-modal-contact-crm-entity-select,
.theme-modal-contact-crm-entity-input,
.theme-modal-surveillance-select,
.theme-modal-surveillance-input,
.theme-modal-surveillance-textarea,
.theme-modal-sub-surveillance-input,
.theme-modal-share-surveillance-text,
.theme-modal-share-surveillance-select,
.theme-modal-verification-info-text,
.theme-modal-verification-text,
.theme-modal-verification-textarea,
.theme-modal-verification-select,
.theme-modal-verification-input,
.theme-modal-assistance-phone-input,
.theme-modal-channel-select,
.theme-modal-channel-input,
.theme-modal-channel-box,
.theme-modal-notification-input,
.theme-modal-notification-select,
.theme-modal-shortcut-group-input,
.theme-modal-shortcut-group-text,
.theme-modal-shortcut-group-select,
.theme-modal-shortcut-input,
.theme-modal-pinfo-new-document-input,
.theme-modal-pinfo-new-document-select,
.theme-modal-pinfo-new-document-textarea,
.theme-modal-pinfo-new-document-text-box,
.theme-modal-marketing-group-input,
.theme-modal-marketing-group-text,
.theme-modal-marketing-group-select,
.theme-modal-marketing-input,
.theme-modal-marketing-select,
.theme-modal-marketing-btn,
.theme-modal-human-resource-input,
.theme-modal-sub-company-input,
.theme-modal-human-resource-select,
.theme-modal-human-resource-btn,
.theme-modal-department-box,
.theme-modal-department-search,
.theme-modal-department-search-btn,
.theme-modal-work-info-text,
.theme-modal-idea-info-text,
.theme-modal-table-idea-info-text,
.theme-modal-table-work-info-text,
.theme-modal-calendar-reunion-input,
.theme-modal-ask-equipment-textarea,
.theme-modal-calendar-reunion-select,
.theme-modal-calendar-reunion-textarea,
.theme-modal-calendar-reunion-email-text,
.theme-modal-calendar-reunion-email-input,
.theme-modal-personal-info-text-box,
.theme-modal-calendar-holiday-input,
.theme-modal-direct-message-user-box,
.theme-modal-calendar-holiday-btn,
.theme-modal-calendar-reunion-btn,
.theme-modal-ask-equipment-input,
.theme-modal-calendar-holiday-select,
.theme-modal-calendar-holiday-textarea,
.theme-modal-recover-account-input,
.theme-modal-idea-textarea,
.theme-modal-subuser-doc-box,
.theme-modal-calendar-reunion-email-box,
.theme-modal-calendar-reunion-allday-btn{
    background-color: #f4f4f4 !important;
}

.theme-modal-ticket-info-archive-btn{
    background-color: #b6b6b6 !important;
}

.theme-modal-contact-details-info-edit-btn,
.theme-modal-work-phone-edit-btn,
.theme-modal-geral-edit-btn,
.theme-modal-training-edit-btn,
.theme-modal-plafond-edit-btn,
.theme-modal-verification-edit-btn,
.theme-modal-shortcut-group-edit-btn,
.theme-modal-shortcut-edit-btn,
.theme-modal-pinfo-new-document-edit-btn,
.theme-modal-marketing-group-edit-btn,
.theme-modal-marketing-edit-btn,
.theme-modal-human-resource-edit-btn,
.theme-modal-calendar-reunion-edit-btn,
.theme-modal-calendar-holiday-edit-btn,
.theme-modal-assistance-phone-edit-btn,
.theme-modal-contact-crm-edit-btn,
.theme-modal-contact-crm-entity-edit-btn,
.theme-modal-notification-edit-btn,
.theme-modal-subuser-edit-btn,
.theme-modal-chatroom-edit-btn,
.theme-modal-channel-edit-btn{
    background-color: #ffb647 !important;
}

.theme-modal-calendar-holiday-separate-btn,
.theme-modal-calendar-reunion-separate-btn,
.theme-modal-ticket-info-delete-btn{
    background-color: #e76a38 !important;
}

.theme-modal-chatroom-attachment-change-btn,
.theme-modal-direct-message-attachment-change-btn{
    background-color: #095ad2 !important;
}

.theme-modal-incident-attachment-delete-btn,
.theme-modal-work-phone-delete-btn,
.theme-modal-geral-delete-btn,
.theme-modal-training-delete-btn,
.theme-modal-plafond-delete-btn,
.theme-modal-ticket-info-cancel-btn,
.theme-modal-vacation-cancel-btn,
.theme-modal-chatroom-remove-btn,
.theme-modal-direct-message-remove-btn,
.theme-modal-chatroom-attachment-delete-btn,
.theme-modal-direct-message-attachment-delete-btn,
.theme-modal-diactivate-2fa-disable-btn,
.theme-modal-document-final-refuse-btn,
.theme-modal-surveillance-cancel-btn,
.theme-modal-personal-info-refuse-btn,
.theme-modal-share-surveillance-cancel-btn,
.theme-modal-verification-cancel-btn,
.theme-modal-calendar-reunion-delete-btn,
.theme-modal-calendar-holiday-delete-btn{
    background-color: #cc0404 !important;
}

.theme-modal-ticket-info-cancel-restore-btn,
.theme-modal-vacation-send-email-btn{
    background-color: #b127d3 !important;
}

.theme-modal-vacation-new-send-email-btn{
    background-color: #85bafe !important;
}

.theme-modal-preview-file-body{
    background-color: #8e8e98 !important;
}

.theme-modal-inpeoplehub-content{
    background: linear-gradient(to bottom left, #00ffdd, #af75ff) padding-box, linear-gradient(to bottom left, #00ffdd, #af75ff) border-box !important;
}

/************************************************* BORDER *************************************************/


.theme-modal-contact-details-csv-btn,
.theme-modal-contact-details-barcode-btn,
.theme-modal-direct-message-input,
.theme-modal-direct-message-user-list,
.theme-modal-training-user-list,
.theme-modal-verification-info-table{
    border: 1px solid #20292f !important;
}

.theme-modal-contact-qr-code-img{
    border: 5px solid #ffffff !important;
}

.theme-modal-verification-info-table.column-t,
.theme-modal-verification-info-table.column-tr{
    border-top: 1px solid #20292f !important;
}

.theme-modal-verification-info-table.column-r,
.theme-modal-verification-info-table.column-tr{
    border-right: 1px solid #20292f !important;
}

.theme-modal-wifi-qrcode-print-btn,
.theme-modal-copy-btn,
.theme-modal-content,
.theme-modal-contact-details-btn,
.theme-modal-ticket-info-btn,
.theme-modal-contact-crm-btn,
.theme-modal-contact-crm-entity-btn,
.theme-modal-channel-btn,
.theme-modal-department-search-btn,
.theme-modal-department-right-click-btn,
.theme-modal-marketing-verify-file-btn,
.theme-modal-marketing-preview-btn,
.theme-modal-human-resource-verify-file-btn,
.theme-modal-human-resource-preview-btn{
    border: 2px solid #20292f !important;
}

.theme-modal-employer-wifi-save-btn{
    border: 2px solid #67d34a !important;
}

.theme-modal-calendar-holiday-btn,
.theme-modal-calendar-reunion-btn,
.theme-modal-allowed-docs-main-folder,
.theme-modal-dialog{
    border: 2px solid #f4f4f4 !important;
}

.theme-modal-inpeoplehub-content{
    border: 2px solid transparent !important;
}

.theme-modal-contact-details-info-field{
    border: 3px solid #f4f4f4 !important;
}

.theme-modal-contact-details-info-input{
    border: 3px solid #ffb647 !important;
}

/************************************************* TEXT BORDER *************************************************/

.theme-modal-inpeoplehub-before-link-link{
    -webkit-text-stroke: 1px #20292f !important;
}

/************************************************* ACTIVE *************************************************/

.theme-modal-calendar-holiday-btn.active,
.theme-modal-calendar-reunion-btn.active,
.theme-modal-contact-details-btn.active,
.theme-modal-work-phone-btn.active,
.theme-modal-ticket-info-btn.active,
.theme-modal-marketing-btn.active,
.theme-modal-human-resource-btn.active,
.theme-modal-contact-crm-btn.active,
.theme-modal-contact-crm-entity-btn.active,
.theme-modal-allowed-docs-main-folder.active,
.theme-modal-channel-btn.active{
    background-color: #20292f !important;
}

.theme-modal-calendar-reunion-allday-btn.active,
.theme-modal-calendar-holiday-allday-btn.active{
    background-color: #85bafe !important;
}

.theme-modal-wifi-type-btn.active{
    background-color: #ffffff !important;
}

.theme-modal-subuser-doc-box.accepted{
    background-color: #67d34a !important;
}

.theme-modal-subuser-doc-box.refused{
    background-color: #cc0404 !important;
}

.theme-modal-calendar-holiday-btn.active,
.theme-modal-calendar-reunion-btn.active,
.theme-modal-contact-details-btn.active,
.theme-modal-work-phone-btn.active,
.theme-modal-marketing-btn.active,
.theme-modal-human-resource-btn.active,
.theme-modal-ticket-info-btn.active,
.theme-modal-contact-crm-btn.active,
.theme-modal-allowed-docs-main-folder.active,
.theme-modal-contact-crm-entity-btn.active,
.theme-modal-channel-btn.active{
    color: #ffffff !important;
}

.theme-modal-wifi-type-btn.active{
    color: #20292f !important;
}

.theme-modal-wifi-type-btn.active path,
.theme-modal-wifi-type-btn.active circle{
    fill: #20292f !important;
}

/************************************************* HOVER *************************************************/

.theme-modal-calendar-holiday-btn:hover,
.theme-modal-calendar-reunion-btn:hover,
.theme-modal-copy-btn:hover,
.theme-modal-contact-details-btn:hover,
.theme-modal-work-phone-btn:hover,
.theme-modal-marketing-btn:hover,
.theme-modal-human-resource-btn:hover,
.theme-modal-ticket-info-btn:hover,
.theme-modal-contact-crm-btn:hover,
.theme-modal-contact-crm-entity-btn:hover,
.theme-modal-channel-btn:hover,
.theme-modal-department-search-btn:hover,
.theme-modal-department-right-click-btn:hover,
.theme-modal-marketing-verify-file-btn:hover,
.theme-modal-marketing-preview-btn:hover,
.theme-modal-wifi-qrcode-print-btn:hover,
.theme-modal-allowed-docs-main-folder:hover,
.theme-modal-human-resource-verify-file-btn:hover,
.theme-modal-human-resource-preview-btn:hover{
    background-color: #20292f !important;
}

.theme-modal-direct-message-user:hover,
.theme-modal-training-user:hover{
    background-color: #30363e !important;
}

.theme-modal-wifi-type-btn:hover,
.theme-modal-contact-details-barcode-btn:hover,
.theme-modal-contact-details-csv-btn:hover{
    background-color: #ffffff !important;
}

.theme-modal-wifi-qrcode-print-btn:hover,
.theme-modal-calendar-holiday-btn:hover,
.theme-modal-calendar-reunion-btn:hover,
.theme-modal-copy-btn:hover,
.theme-modal-contact-details-btn:hover,
.theme-modal-work-phone-btn:hover,
.theme-modal-marketing-btn:hover,
.theme-modal-human-resource-btn:hover,
.theme-modal-ticket-info-btn:hover,
.theme-modal-contact-crm-btn:hover,
.theme-modal-contact-crm-entity-btn:hover,
.theme-modal-channel-btn:hover,
.theme-modal-department-search-btn:hover,
.theme-modal-allowed-docs-main-folder:hover,
.theme-modal-department-right-click-btn:hover,
.theme-modal-marketing-verify-file-btn:hover,
.theme-modal-marketing-preview-btn:hover,
.theme-modal-human-resource-verify-file-btn:hover,
.theme-modal-human-resource-preview-btn:hover{
    color: #ffffff !important;
}

.theme-modal-inpeoplehub-before-link-link:hover,
.theme-modal-wifi-type-btn:hover,
.theme-modal-contact-details-barcode-btn:hover,
.theme-modal-contact-details-csv-btn:hover{
    color: #20292f !important;
}

.theme-modal-verification-info-table-info-btn:hover{
    color: #85bafe !important;
}

.theme-modal-verification-info-table-edit-btn:hover{
    color: #ffb647 !important;
}

.theme-modal-verification-info-table-delete-btn:hover{
    color: #cc0404 !important;
}

.theme-modal-work-country-swiper-box:hover{
    filter: brightness(0.8) !important;
}

.theme-modal-wifi-type-btn:hover path,
.theme-modal-wifi-type-btn:hover circle{
    fill: #20292f !important;
}

/************************************************* SCROLL *************************************************/

.theme-modal-vacation-textarea::-webkit-scrollbar-thumb,
.theme-modal-calendar-reunion-textarea::-webkit-scrollbar-thumb,
.theme-modal-department-box-scroll::-webkit-scrollbar-thumb,
.theme-modal-contact-group-box::-webkit-scrollbar-thumb{
    background-color: #999999 !important;
}

.theme-modal-vacation-textarea::-webkit-scrollbar-thumb,
.theme-modal-department-box-scroll::-webkit-scrollbar-thumb,
.theme-modal-contact-group-box::-webkit-scrollbar-thumb{
    border: 1px solid #eeeeee !important;
}

/********************************************************************************************************************************************/
/********************************************************************** INDEX ***************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-index-ticket-non-finished-table-btn button{
    color: #cccccc !important;
}

.theme-index-recruitment-apply-btn,
.theme-slide-statistics-title,
.theme-slide-statistics-circle-text,
.theme-slide-new-employees-title,
.theme-slide-new-employees-box-2,
.theme-index-ticket-non-finished-table-btn button.not-disabled,
.theme-index-ticket-non-finished-table-head,
.theme-index-work-swiper-btn,
.theme-index-ticket-non-finished-btn,
.theme-index-ticket-btn,
.theme-index-idea-swiper-btn{
    color: #ffffff !important;
}

.theme-index-recruitment-box,
.theme-header,
.theme-slide-new-employees-box-1,
.theme-index-ticket-non-finished-table-body,
.theme-index-ticket-search,
.theme-index-ticket-non-finished-search,
.theme-index-ticket-title,
.theme-index-ticket-text,
.theme-slide-statistics-box,
.theme-slide-statistics-circle,
.theme-slide-statistics-select,
.theme-slide-invoice-graph-today-btn,
.theme-slide-invoice-graph-select,
.theme-slide-statistics-btn,
.theme-index-work-search,
.theme-index-idea-search,
.theme-index-idea,
.theme-index-online-visibility-box,
.theme-index-required-title,
.theme-slide-btn-box,
.theme-index-work,
.theme-index-text-1,
.theme-index-text-2,
.theme-index-required-save-btn,
.theme-index-required-dropbox,
.theme-index-work-search,
.theme-index-idea-search{
    color: #000000 !important;
}

.theme-slide-side-btn,
.theme-index-document,
.theme-index-platform,
.theme-index-human-resource,
.theme-index-idea-new-idea,
.theme-index-marketing-group-box,
.theme-index-marketing-box-2{
    color: #20292f !important;
}

.theme-slide-new-employees-company{
    color: #e76a38 !important;
}

/************************************************* FILL *************************************************/

.theme-index-platform path,
.theme-index-platform circle,
.theme-index-human-resource path,
.theme-index-human-resource circle,
.theme-index-marketing-group-title path,
.theme-index-marketing-group-title circle{
    fill: #20292f !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-slide-new-employees-box-1,
.theme-slide-statistics-circle,
.theme-slide-statistics-select,
.theme-slide-invoice-graph-select,
.theme-slide-statistics-btn,
.theme-slide-drop-box,
.theme-index-online-visibility-box,
.theme-index-marketing-group-box,
.theme-index-marketing-box-2,
.theme-index-required-dropbox{
    background-color: #ffffff !important;
}

.theme-index-recruitment-apply-btn,
.theme-slide-new-employees-box-2,
.theme-index-workmap-box,
.theme-index-ticket-non-finished-btn,
.theme-index-ticket-btn,
.theme-index-ticket-non-finished-table-head,
.theme-index-ticket-non-finished-table-btn button,
.theme-index-workmap-work-btn{
    background-color: #20292f !important;
}

.theme-slide-statistics-box{
    background-color: #66a0ea !important;
}

.theme-slide-side-btn,
.theme-index-workmap-background{
    background-color: #eeeeee !important;
}

.theme-slide-save-btn,
.theme-index-required-save-btn{
    background-color: #67d34a !important;
}

.theme-index-document{
    background-color: #a9e4ff !important;
}

.theme-index-marketing-box-1,
.theme-index-platform,
.theme-slide-invoice-graph-today-btn{
    background-color: #85bafe !important;
}

.theme-index-workmap-work-country,
.theme-index-workmap-work-selected-country{
    background-color: #00B7FF !important;
}

.theme-index-recruitment-box,
.theme-index-work-search,
.theme-index-ticket-select,
.theme-index-ticket-search,
.theme-index-ticket-non-finished-search,
.theme-no-documents,
.theme-no-work,
.theme-no-platfoms,
.theme-no-idea,
.theme-index-idea-search{
    background-color: #f4f4f4 !important;
}

.theme-index-human-resource,
.theme-index-idea{
    background-color: #ffc425 !important;
}

.theme-index-workmap{
    background-color: #afc0b5 !important;
}

.theme-index-workmap-country{
    background-color: #faf9f1 !important;
}

.theme-index-workmap-border{
    background-color: #546b5c !important;
}

/************************************************* BACKGROUND COLOR OPAC *************************************************/

.theme-slide-statistic-graph,
.theme-slide-invoice-graph,
.theme-slide-btn-box,
.theme-index-required{/* 70% */
    background-color: #eeeeeeb3 !important;
}

.theme-index-work-swiper-btn,
.theme-index-idea-swiper-btn{/* 50% */
    background-color: #00000080 !important;
}

/************************************************* BORDER *************************************************/

.theme-slide-statistics-circle,
.theme-slide-btn,
.theme-slide-drop-box,
.theme-index-required-dropbox{
    border: 1px solid #000000 !important;
}

.theme-index-ticket-non-finished-table,
.theme-index-idea-new-idea{
    border: 1px solid #20292f !important;
}

.theme-index-recruitment-more-btn{
    border: 1px solid #ffc425 !important;
}

.theme-index-ticket-non-finished-btn,
.theme-index-ticket-btn{
    border: 2px solid #20292f !important;
}

.theme-index-ticket-non-finished-table-body td.column-t,
.theme-index-ticket-non-finished-table-body td.column-tr{
    border-top: 1px solid #20292f !important;
}

.theme-index-ticket-non-finished-table-head th.column-r,
.theme-index-ticket-non-finished-table-body td.column-tr{
    border-right: 1px solid #20292f !important;
}

.theme-header{
    border-bottom: 1px solid #000000 !important;
}

/************************************************* SHADOW *************************************************/

.theme-slide-invoice-graph,
.theme-index-online-visibility-box,
.theme-index-marketing-group-box{
    box-shadow: 3px 3px 15px 2px #000000 !important; /* move to right | move down | blur | size */
}

.theme-slide-statistics-box,
.theme-slide-statistics-select,
.theme-slide-statistics-btn{
    box-shadow: 0px 5px 15px 3px #000000 !important;
}

.theme-index-recruitment-box{
    box-shadow: 0px 0px 10px 2px #ffc425 !important;
}

/************************************************* TEXT BORDER *************************************************/

.theme-slide-statistics-title,
.theme-slide-new-employees-title{
    -webkit-text-stroke: 1px #20292f !important;
}

/************************************************* ACTIVE *************************************************/

.theme-index-ticket-non-finished-table-btn button.active,
.theme-slide-btn.active{
    background-color: #20292f !important;
}

.theme-index-ticket-non-finished-btn.active,
.theme-index-ticket-btn.active{
    background-color: #f4f4f4 !important;
}

.theme-index-ticket-non-finished-btn.active,
.theme-index-ticket-btn.active{
    color: #20292f !important;
}

.theme-index-ticket-non-finished-table-btn button.active{
    color: #f4f4f4 !important;
}

/************************************************* HOVER *************************************************/

.theme-slide-btn:hover,
.theme-index-ticket-non-finished-table-btn button.not-disabled:hover,
.theme-index-ticket-non-finished-btn:hover,
.theme-index-ticket-btn:hover,
.theme-index-idea-new-idea:hover{
    background-color: #20292f !important;
}

.theme-index-document:hover{
    background-color: #2da0d4 !important;
}

.theme-index-human-resource:hover,
.theme-index-idea:hover{
    background-color: #e9af10 !important;
}

.theme-index-recruitment-box:hover{
    background-color: #ffc425 !important;
}

.theme-index-recruitment-more-btn:hover,
.theme-index-recruitment-apply-btn:hover{
    background-color: #faf9f1 !important;
}

.theme-index-recruitment-more-btn:hover,
.theme-index-recruitment-apply-btn:hover{
    color: #000000 !important;
}

.theme-index-ticket-non-finished-table-btn button.not-disabled:hover,
.theme-index-ticket-non-finished-btn:hover,
.theme-index-ticket-btn:hover,
.theme-index-platform:hover,
.theme-index-idea-new-idea:hover{
    color: #ffffff !important;
}


.theme-index-marketing-eye-btn:hover,
.theme-index-marketing-download-btn:hover{
    color: #85bafe !important;
}

.theme-index-platform:hover path,
.theme-index-platform:hover circle{
    fill: #ffffff !important;
}

.theme-index-work-swiper-box:hover{
    filter: brightness(0.8) !important;
}

/************************************************* SCROLL *************************************************/

.theme-slide-new-employees-scroll::-webkit-scrollbar-track{ /* Hidden */
    background: #00000000 !important;
}

.theme-index-platform-scroll::-webkit-scrollbar-track,
.theme-index-human-resource-scroll::-webkit-scrollbar-track{
    background: #ffffff !important;
}

.theme-index-platform-scroll::-webkit-scrollbar-thumb,
.theme-index-human-resource-scroll::-webkit-scrollbar-thumb{
    background-color: #20292f !important;
}

.theme-slide-new-employees-scroll::-webkit-scrollbar-thumb{
    background-color: #bd9320 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** DEPARTMENT **********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-department-btn,
.theme-department-go-back-btn,
.theme-departments-text,
.theme-department-text{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-department-btn,
.theme-department-go-back-btn{
    background-color: #f4f4f4 !important;
}

/************************************************* HOVER *************************************************/

.theme-department-btn:hover,
.theme-department-go-back-btn:hover{
    background-color: #20292f !important;
}

.theme-department-btn:hover,
.theme-department-go-back-btn:hover{
    color: #ffffff !important;
}

/********************************************************************************************************************************************/
/********************************************************************** WORK ****************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-work-table,
.theme-work-text,
.theme-work-title{
    color: #000000 !important;
}

.theme-work-table-head,
.theme-work-csv-btn,
.theme-work-copy-table-btn{
    color: #ffffff !important;
}

/************************************************* FILL *************************************************/

.theme-work-title path,
.theme-work-title circle{
    fill: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-work-select,
.theme-work-table-body,
.theme-work-table-btn button{
    background-color: #f4f4f4 !important;
}

.theme-work-table-head,
.theme-work-csv-btn,
.theme-work-copy-table-btn{
    background-color: #20292f !important;
}

/************************************************* BORDER *************************************************/

.theme-work-table{
    border: 1px solid #000000 !important;
}

.theme-work-csv-btn,
.theme-work-copy-table-btn{
    border: 1px solid #20292f !important;
}

.theme-work-table-body td.column-t,
.theme-work-table-body td.column-tr{
    border-top: 1px solid #000000 !important;
}

.theme-work-table-head th.column-r,
.theme-work-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-work-table-btn button.active{
    background-color: #20292f !important;
}

.theme-work-table-btn button.active{
    color: #ffffff !important;
}

/************************************************* HOVER *************************************************/

.theme-work-table-btn button.not-disabled:hover{
    background-color: #20292f !important;
}

.theme-work-csv-btn:hover,
.theme-work-copy-table-btn:hover{
    background-color: #ffffff !important;
}

.theme-work-table-btn button.not-disabled:hover{
    color: #ffffff !important;
}

.theme-work-csv-btn:hover,
.theme-work-copy-table-btn:hover{
    color: #20292f !important;
}

/********************************************************************************************************************************************/
/********************************************************************** IDEA ****************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-idea-table,
.theme-idea-text,
.theme-idea-search{
    color: #000000 !important;
}

.theme-idea-new-idea{
    color: #20292f !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-idea-select,
.theme-idea-search,
.theme-idea-table-body,
.theme-idea-table-btn button{
    background-color: #f4f4f4 !important;
}

.theme-idea-table-head{
    background-color: #ffc425 !important;
}

/************************************************* BORDER *************************************************/

.theme-idea-table{
    border: 1px solid #000000 !important;
}

.theme-idea-new-idea{
    border: 1px solid #20292f !important;
}

.theme-idea-table-body td.column-t,
.theme-idea-table-body td.column-tr{
    border-top: 1px solid #000000 !important;
}

.theme-idea-table-head th.column-r,
.theme-idea-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** TRAINING ************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-training-table,
.theme-training-text,
.theme-training-search{
    color: #000000 !important;
}

.theme-training-new-training{
    color: #20292f !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-training-select,
.theme-training-search,
.theme-training-table-body,
.theme-training-table-btn button{
    background-color: #f4f4f4 !important;
}

.theme-training-table-head{
    background-color: #c061ec !important;
}

/************************************************* BORDER *************************************************/

.theme-training-table{
    border: 1px solid #000000 !important;
}

.theme-training-new-training{
    border: 1px solid #20292f !important;
}

.theme-training-table-body td.column-t,
.theme-training-table-body td.column-tr{
    border-top: 1px solid #000000 !important;
}

.theme-training-table-head th.column-r,
.theme-training-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-training-table-btn button.active{
    background-color: #20292f !important;
}

.theme-training-table-btn button.active{
    color: #ffffff !important;
}

/************************************************* HOVER *************************************************/

.theme-training-table-btn button.not-disabled:hover,
.theme-training-new-training:hover{
    background-color: #20292f !important;
}

.theme-training-table-btn button.not-disabled:hover,
.theme-training-new-training:hover{
    color: #ffffff !important;
}

/********************************************************************************************************************************************/
/********************************************************************** EXPERIENCE **********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-experience-like-btn{
    color: #1c94c4 !important;
}

.theme-new-experience-box,
.theme-experience-comment-box,
.theme-experience-comment-input,
.theme-experience-comment-add-btn,
.theme-experience-text{
    color: #000000 !important;
}

.theme-experience-delete-btn{
    color: #cc0404 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-experience-add-btn,
.theme-new-experience-add-btn{
    background-color: #67d34a !important;
}

.theme-experience-comment-add-btn{
    background-color: #85bafe !important;
}

.theme-new-experience-box,
.theme-experience-comment-box,
.theme-experience-comment-input{
    background-color: #f4f4f4 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** COLLABORATOR ********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-collaborator-show-more-btn,
.theme-collaborator-more-info-btn,
.theme-collaborator-deleted-box,
.theme-collaborator-box{
    color: #ffffff !important;
}

.theme-collaborator-char-search-btn,
.theme-collaborator-company-search-btn,
.theme-collaborator-type-search-btn,
.theme-collaborator-search,
.theme-collaborator-text{
    color: #000000 !important;
}

.theme-collaborator-info-box{
    color: #20292f !important;
}

/************************************************* FILL *************************************************/

.theme-collaborator-award-10-icon path,
.theme-collaborator-award-10-icon circle{
    fill: #ffc425 !important;
}

.theme-collaborator-award-20-icon path,
.theme-collaborator-award-20-icon circle{
    fill: #f4a238 !important;
}

.theme-collaborator-award-30-icon path,
.theme-collaborator-award-30-icon circle{
    fill: #e76a38 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-collaborator-info-box{
    background-color: #ffffff !important;
}

.theme-collaborator-show-more-btn,
.theme-collaborator-more-info-btn,
.theme-collaborator-deleted-box,
.theme-collaborator-box{
    background-color: #20292f !important;
}

.theme-collaborator-deleted-box{
    background-color: #e76a38 !important;
}

.theme-collaborator-char-search-btn,
.theme-collaborator-company-search-btn,
.theme-collaborator-type-search-btn,
.theme-collaborator-main-info-box,
.theme-collaborator-search{
    background-color: #f4f4f4 !important;
}

/************************************************* BORDER *************************************************/

.theme-collaborator-char-search-btn,
.theme-collaborator-company-search-btn,
.theme-collaborator-type-search-btn{
    border: 1px solid #f4f4f4 !important;
}

.theme-collaborator-more-info-btn,
.theme-collaborator-show-more-btn{
    border: 1px solid #20292f !important;
}

.theme-collaborator-box{
    border: 2px solid #20292f !important;
}

.theme-collaborator-deleted-box{
    border: 2px solid #e76a38 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-collaborator-char-search-btn.active,
.theme-collaborator-company-search-btn.active,
.theme-collaborator-type-search-btn.active{
    background-color: #20292f !important;
}

.theme-collaborator-char-search-btn.active,
.theme-collaborator-company-search-btn.active,
.theme-collaborator-type-search-btn.active{
    color: #ffffff !important;
}

.theme-collaborator-char-search-btn.active,
.theme-collaborator-company-search-btn.active,
.theme-collaborator-type-search-btn.active{
    border: 1px solid #20292f !important;
}

/************************************************* HOVER *************************************************/

.theme-collaborator-char-search-btn:hover,
.theme-collaborator-company-search-btn:hover,
.theme-collaborator-type-search-btn:hover{
    background-color: #20292f !important;
}

.theme-collaborator-more-info-btn:hover,
.theme-collaborator-show-more-btn:hover{
    background-color: #ffffff !important;
}

.theme-collaborator-char-search-btn:hover,
.theme-collaborator-company-search-btn:hover,
.theme-collaborator-type-search-btn:hover{
    color: #ffffff !important;
}

.theme-collaborator-more-info-btn:hover,
.theme-collaborator-show-more-btn:hover{
    color: #20292f !important;
}

.theme-collaborator-char-search-btn:hover,
.theme-collaborator-company-search-btn:hover,
.theme-collaborator-type-search-btn:hover{
    border: 1px solid #20292f !important;
}

/********************************************************************************************************************************************/
/********************************************************************** CALENDAR REUNION ****************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-calendar-reunion-title,
.theme-calendar-reunion{
    color: #000000 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** CALENDAR HOLIDAY ****************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-calendar-holiday-title,
.theme-calendar-holiday{
    color: #000000 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** CALENDAR ************************************************************/
/********************************************************************************************************************************************/

.fc-scrollgrid, .fc-listWeek-view{
    background-color: #ffffff;
}

:root {
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #3e87a8;
}
:root {
    /*tamanho texto*/
    --fc-small-font-size: .85em;
    /*border fora evento*/
    --fc-page-bg-color: #ffffff;
    /*separação all day, e backgroun dias lista*/
    --fc-neutral-bg-color: #4db1dfb7;
    /*border tabela*/
    --fc-border-color: #000000;

    --fc-button-text-color: #000000;
    --fc-button-bg-color: #85bafe;
    --fc-button-border-color: #85bafe;
    --fc-button-hover-bg-color: #4897fe;
    --fc-button-hover-border-color: #4897fe;
    --fc-button-active-bg-color: #4897fe;
    --fc-button-active-border-color: #4897fe;

    /*event default color*/
    --fc-event-bg-color: #178db1;
    /*event default border color*/
    --fc-event-border-color: #178db1;
    /*event default text color*/
    --fc-event-text-color: #000000;
    /*event selected color*/
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);

    /*background dos dias de fim de semana*/
    --fc-non-business-color: #8f8f8f4d;
    /*background do dia de hoje*/
    --fc-today-bg-color: #2d9fd426;
    /*cor do indicador da hora de hoje*/
    --fc-now-indicator-color: red;
}

/********************************************************************************************************************************************/
/********************************************************************** SHORTCUT ************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-shortcut-title,
.theme-shortcut-group-box,
.theme-shortcut-add-btn{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-shortcut-box{
    background-color: #ffffff !important;
}

.theme-shortcut-add-btn{
    background-color: #67d34a !important;
}

.theme-shortcut-group-box{
    background-color: #f4f4f4 !important;
}

/************************************************* HOVER *************************************************/

.theme-shortcut-box-add-btn:hover{
    color: #67d34a !important;
}

.theme-shortcut-box-edit-btn:hover{
    color: #ffb647 !important;
}

.theme-shortcut-box-delete-btn:hover{
    color: #cc0404 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** COMPUTING **********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-computing-expired-passwords-table-body tr td.success,
.theme-computing-expired-passwords-table-body tr td.warning,
.theme-computing-expired-passwords-table-body tr td.danger,
.theme-computing-title,
.theme-computing-text,
.theme-computing-select,
.theme-computing-expired-passwords-search,
.theme-computing-expired-passwords-table{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-computing-select,
.theme-computing-expired-passwords-search,
.theme-computing-expired-passwords-table-body,
.theme-computing-expired-passwords-table-btn button{
    background-color: #f4f4f4 !important;
}

.theme-computing-expired-passwords-table-head{
    background-color: #9256d6 !important;
}

.theme-computing-expired-passwords-table-body tr td.success{
    background-color: #67d34a !important;
}

.theme-computing-expired-passwords-table-body tr td.warning{
    background-color: #ffb647 !important;
}

.theme-computing-expired-passwords-table-body tr td.danger{
    background-color: #cc0404 !important;
}

/************************************************* BORDER *************************************************/

.theme-computing-expired-passwords-table{
    border: 1px solid #000000 !important;
}

.theme-computing-expired-passwords-table-body td.column-t,
.theme-computing-expired-passwords-table-body td.column-tr{
    border-top: 1px solid #000000 !important;
}

.theme-computing-expired-passwords-table-head th.column-r,
.theme-computing-expired-passwords-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-computing-expired-passwords-table-btn button.active{
    background-color: #20292f !important;
}

.theme-computing-expired-passwords-table-btn button.active{
    color: #ffffff !important;
}

/************************************************* HOVER *************************************************/

.theme-computing-expired-passwords-table-btn button.not-disabled:hover{
    background-color: #20292f !important;
}

.theme-computing-expired-passwords-table-btn button.not-disabled:hover{
    color: #ffffff !important;
}

/********************************************************************************************************************************************/
/********************************************************************** LANGUAGE ************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-language-type-search-btn,
.theme-language-table-body tr td.danger,
.theme-language-title,
.theme-language-text,
.theme-language-select,
.theme-language-table-input,
.theme-language-search,
.theme-language-table{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-language-type-search-btn,
.theme-language-select,
.theme-language-table-input,
.theme-language-search,
.theme-language-table-body,
.theme-language-table-btn button{
    background-color: #f4f4f4 !important;
}

.theme-language-table-head{
    background-color: #9256d6 !important;
}

.theme-language-table-body tr td.danger{
    background-color: #cc0404 !important;
}

/************************************************* BORDER *************************************************/

.theme-language-table{
    border: 1px solid #000000 !important;
}

.theme-language-type-search-btn{
    border: 1px solid #f4f4f4 !important;
}

.theme-language-table-body td.column-t,
.theme-language-table-body td.column-tr{
    border-top: 1px solid #000000 !important;
}

.theme-language-table-head th.column-r,
.theme-language-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-language-table-btn button.active,
.theme-language-type-search-btn.active{
    background-color: #20292f !important;
}

.theme-language-table-btn button.active,
.theme-language-type-search-btn.active{
    color: #ffffff !important;
}

.theme-language-type-search-btn.active{
    border: 1px solid #20292f !important;
}

/************************************************* HOVER *************************************************/

.theme-language-table-btn button.not-disabled:hover,
.theme-language-type-search-btn:hover{
    background-color: #20292f !important;
}

.theme-language-table-btn button.not-disabled:hover,
.theme-language-type-search-btn:hover{
    color: #ffffff !important;
}

.theme-language-type-search-btn:hover{
    border: 1px solid #20292f !important;
}

/********************************************************************************************************************************************/
/********************************************************************** SURVEILLANCE ********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-surveillance-btn-type-1,
.theme-surveillance-go-back-btn{
    color: #ffffff !important;
}

.theme-surveillance-active-table,
.theme-surveillance-closed-table,
.theme-surveillance-tasks-table,
.theme-surveillance-search,
.theme-surveillance-title,
.theme-surveillance-text,
.theme-surveillance-add-btn,
.theme-surveillance-btn{
    color: #000000 !important;
}

.theme-surveillance-btn-type-2{
    color: #20292f !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-surveillance-btn-type-2,
.theme-surveillance-btn{
    background-color: #ffffff !important;
}

.theme-surveillance-btn-type-1,
.theme-surveillance-go-back-btn{
    background-color: #20292f !important;
}

.theme-surveillance-add-btn{
    background-color: #67d34a !important;
}

.theme-surveillance-select,
.theme-surveillance-active-table-body,
.theme-surveillance-closed-table-body,
.theme-surveillance-tasks-table-body,
.theme-surveillance-active-table-btn button,
.theme-surveillance-closed-table-btn button,
.theme-surveillance-tasks-table-btn button,
.theme-surveillance-search{
    background-color: #f4f4f4 !important;
}

.theme-surveillance-active-warning{
    background-color: #e76a38 !important;
}

.theme-surveillance-active-table,
.theme-surveillance-closed-table,
.theme-surveillance-tasks-table{
    background-color: #9256d6 !important;
}

/************************************************* BORDER *************************************************/

.theme-surveillance-active-table,
.theme-surveillance-closed-table,
.theme-surveillance-tasks-table{
    border: 1px solid #000000 !important;
}

.theme-surveillance-active-table-body td.column-t,
.theme-surveillance-active-table-body td.column-tr,
.theme-surveillance-closed-table-body td.column-t,
.theme-surveillance-closed-table-body td.column-tr,
.theme-surveillance-tasks-table-body td.column-t,
.theme-surveillance-tasks-table-body td.column-tr{
    border-top: 1px solid #000000 !important;
}

.theme-surveillance-active-table-head th.column-r,
.theme-surveillance-active-table-body td.column-tr,
.theme-surveillance-closed-table-head th.column-r,
.theme-surveillance-closed-table-body td.column-tr,
.theme-surveillance-tasks-table-head th.column-r,
.theme-surveillance-tasks-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

.theme-surveillance-btn{
    border: 2px solid #20292f !important;
}

/************************************************* ACTIVE *************************************************/

.theme-surveillance-btn.active,
.theme-surveillance-active-table-btn button.active,
.theme-surveillance-closed-table-btn button.active,
.theme-surveillance-tasks-table-btn button.active{
    background-color: #20292f !important;
}

.theme-surveillance-btn.active,
.theme-surveillance-active-table-btn button.active,
.theme-surveillance-closed-table-btn button.active,
.theme-surveillance-tasks-table-btn button.active{
    color: #ffffff !important;
}

/************************************************* HOVER *************************************************/

.theme-surveillance-btn:hover,
.theme-surveillance-active-table-btn button.not-disabled:hover,
.theme-surveillance-closed-table-btn button.not-disabled:hover,
.theme-surveillance-tasks-table-btn button.not-disabled:hover{
    background-color: #20292f !important;
}

.theme-surveillance-btn:hover,
.theme-surveillance-active-table-btn button.not-disabled:hover,
.theme-surveillance-closed-table-btn button.not-disabled:hover,
.theme-surveillance-tasks-table-btn button.not-disabled:hover{
    color: #ffffff !important;
}

.theme-surveillance-active-info-btn:hover,
.theme-surveillance-closed-info-btn:hover{
    color: #85bafe !important;
}

.theme-surveillance-active-edit-btn:hover,
.theme-surveillance-closed-edit-btn:hover{
    color: #ffb647 !important;
}

.theme-surveillance-active-share-btn:hover,
.theme-surveillance-closed-share-btn:hover{
    color: #9256d6 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** ASSISTANCE **********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-assistance-phone-table-head{
    color: #ffffff !important;
}

.theme-assistance-phone-table,
.theme-assistance-call-table,
.theme-assistance-search,
.theme-assistance-btn,
.theme-assistance-title,
.theme-assistance-text,
.theme-assistance-save-btn,
.theme-assistance-add-btn{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-assistance-phone-table-head{
    background-color: #20292f !important;
}

.theme-assistance-save-btn,
.theme-assistance-add-btn{
    background-color: #67d34a !important;
}

.theme-assistance-call-table-head{
    background-color: #85bafe !important;
}

.theme-assistance-select,
.theme-assistance-search{
    background-color: #f4f4f4 !important;
}

/************************************************* BORDER *************************************************/

.theme-assistance-phone-table,
.theme-assistance-call-table{
    border: 1px solid #000000 !important;
}

.theme-assistance-phone-table-body td.column-t,
.theme-assistance-phone-table-body td.column-tr,
.theme-assistance-call-table-body td.column-t,
.theme-assistance-call-table-body td.column-tr{
    border-top: 1px solid #000000 !important;
}

.theme-assistance-phone-table-head th.column-r,
.theme-assistance-phone-table-body td.column-tr,
.theme-assistance-call-table-head th.column-r,
.theme-assistance-call-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

.theme-assistance-btn{
    border: 2px solid #20292f !important;
}

/************************************************* ACTIVE *************************************************/

.theme-assistance-btn.active{
    background-color: #20292f !important;
}

.theme-assistance-btn.active{
    color: #ffffff !important;
}

/************************************************* HOVER *************************************************/

.theme-assistance-btn:hover{
    background-color: #20292f !important;
}

.theme-assistance-btn:hover{
    color: #ffffff !important;
}

.theme-assistance-phone-table-edit-btn:hover{
    color: #ffb647 !important;
}

.theme-assistance-phone-table-delete-btn:hover{
    color: #cc0404 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** DAILY PLAN **********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-daily-plan-visual,
.theme-daily-plan-upload-part-1{
    color: #ffffff !important;
}

.theme-daily-plan-title,
.theme-daily-plan-text,
.theme-daily-plan-upload-part-2,
.theme-daily-plan-upload-part-3{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-daily-plan-visual,
.theme-daily-plan-upload-part-1{
    background-color: #20292f !important;
}

.theme-daily-plan-upload-part-2{
    background-color: #f4f4f4 !important;
}

.theme-daily-plan-upload-part-3{
    background-color: #67d34a !important;
}

/************************************************* SCROLL *************************************************/

.theme-daily-plan-iframe::-webkit-scrollbar-track{
    background: #ffffff !important;
}

.theme-daily-plan-iframe::-webkit-scrollbar-thumb{
    background-color: #20292f !important;
}

.theme-daily-plan-iframe::-webkit-scrollbar-thumb{
    border: 1px solid #ffffff !important;
}

/********************************************************************************************************************************************/
/********************************************************************** NET MOVEL ***********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-net-movel-csv-download,
.theme-net-movel-table-copy,
.theme-net-movel-refresh-page,
.theme-net-movel-table-head,
.theme-net-movel-plafond-table-head{
    color: #ffffff !important;
}

.theme-net-movel-plafond-add-btn,
.theme-net-movel-title,
.theme-net-movel-text,
.theme-net-movel-table,
.theme-net-movel-plafond-table,
.theme-net-movel-search{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-net-movel-csv-download,
.theme-net-movel-table-copy,
.theme-net-movel-refresh-page,
.theme-net-movel-table-head,
.theme-net-movel-plafond-table-head{
    background-color: #20292f !important;
}

.theme-net-movel-plafond-add-btn{
    background-color: #67d34a !important;
}

.theme-net-movel-table-btn button,
.theme-net-movel-table-body,
.theme-net-movel-plafond-table-body,
.theme-net-movel-select,
.theme-net-movel-table-select,
.theme-net-movel-search{
    background-color: #f4f4f4 !important;
}

/************************************************* BORDER *************************************************/

.theme-net-movel-table,
.theme-net-movel-plafond-table{
    border: 1px solid #000000 !important;
}

.theme-net-movel-csv-download,
.theme-net-movel-table-copy,
.theme-net-movel-refresh-page{
    border: 1px solid #20292f !important;
}

.theme-net-movel-table-body td.column-t,
.theme-net-movel-table-body td.column-tr,
.theme-net-movel-plafond-table-body td.column-t,
.theme-net-movel-plafond-table-body td.column-tr,
.theme-net-movel-plafond-table-body td.column-tl{
    border-top: 1px solid #000000 !important;
}

.theme-net-movel-table-head th.column-r,
.theme-net-movel-table-body td.column-tr,
.theme-net-movel-plafond-table-head th.column-r,
.theme-net-movel-plafond-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

.theme-net-movel-plafond-table-head th.column-l,
.theme-net-movel-plafond-table-body td.column-tl{
    border-left: 1px solid #000000 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-net-movel-table-btn button.active{
    background-color: #20292f !important;
}

.theme-net-movel-table-btn button.active{
    color: #ffffff !important;
}

/************************************************* HOVER *************************************************/

.theme-net-movel-table-btn button.not-disabled:hover{
    background-color: #20292f !important;
}

.theme-net-movel-csv-download:hover,
.theme-net-movel-table-copy:hover,
.theme-net-movel-refresh-page:hover{
    background-color: #ffffff !important;
}

.theme-net-movel-table-btn button.not-disabled:hover{
    color: #ffffff !important;
}

.theme-net-movel-csv-download:hover,
.theme-net-movel-table-copy:hover,
.theme-net-movel-refresh-page:hover{
    color: #20292f !important;
}

.theme-net-movel-plafond-edit-btn:hover{
    color: #ffb647 !important;
}

.theme-net-movel-plafond-delete-btn:hover{
    color: #cc0404 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** CRM CONTACT *********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-contact-crm-entity-table-head{
    color: #ffffff !important;
}

.theme-contact-crm-add-btn,
.theme-contact-crm-entity-add-btn,
.theme-contact-crm-title,
.theme-contact-crm-text,
.theme-contact-crm-table,
.theme-contact-crm-entity-table,
.theme-contact-crm-search{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-contact-crm-entity-table-head{
    background-color: #20292f !important;
}

.theme-contact-crm-add-btn,
.theme-contact-crm-entity-add-btn{
    background-color: #67d34a !important;
}

.theme-contact-crm-table-btn button,
.theme-contact-crm-search,
.theme-contact-crm-select{
    background-color: #f4f4f4 !important;
}

.theme-contact-crm-table-head{
    background-color: #b6b6b6 !important;
}

/************************************************* BORDER *************************************************/

.theme-contact-crm-table,
.theme-contact-crm-entity-table{
    border: 1px solid #000000 !important;
}

.theme-contact-crm-table-body td.column-t,
.theme-contact-crm-table-body td.column-tr,
.theme-contact-crm-entity-table-body td.column-t,
.theme-contact-crm-entity-table-body td.column-tr{
    border-top: 1px solid #000000 !important;
}

.theme-contact-crm-table-head th.column-r,
.theme-contact-crm-table-body td.column-tr,
.theme-contact-crm-entity-table-head th.column-r,
.theme-contact-crm-entity-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

.theme-contact-crm-table-edit-btn:hover,
.theme-contact-crm-entity-table-edit-btn:hover{
    color: #ffb647 !important;
}

.theme-contact-crm-table-delete-btn:hover,
.theme-contact-crm-entity-table-delete-btn:hover{
    color: #cc0404 !important;
}

.theme-contact-crm-table-info-btn:hover,
.theme-contact-crm-entity-table-info-btn:hover{
    color: #85bafe !important;
}

/************************************************* ACTIVE *************************************************/

.theme-contact-crm-table-btn button.active{
    background-color: #20292f !important;
}

.theme-contact-crm-table-btn button.active{
    color: #ffffff !important;
}

/************************************************* HOVER *************************************************/

.theme-contact-crm-table-btn button.not-disabled:hover{
    background-color: #20292f !important;
}

.theme-contact-crm-table-btn button.not-disabled:hover{
    color: #ffffff !important;
}

/********************************************************************************************************************************************/
/********************************************************************** PERSONAL INFO *******************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-personal-info-text-box-2,
.theme-personal-info-bank-table-body,
.theme-personal-info-bank-table,
.theme-personal-info-verify-btn,
.theme-personal-info-bank,
.theme-personal-info-text-box,
.theme-personal-info-input,
.theme-personal-info-select,
.theme-personal-info-box,
.theme-personal-info-save-btn,
.theme-personal-info-char-search-btn,
.theme-personal-info-company-search-btn,
.theme-personal-info-type-search-btn,
.theme-personal-info-wage-table-body,
.theme-personal-info-wage-yearly-total-table-body,
.theme-personal-info-training-table-body,
.theme-personal-info-other-document-table-body,
.theme-personal-info-income-statement-table-body,
.theme-personal-info-search,
.theme-personal-info-show-more-btn,
.theme-personal-info-box-2,
.theme-personal-info-title,
.theme-personal-info-text{
    color: #000000 !important;
}

.theme-personal-info-wage-yearly-total-table td.negative,
.theme-personal-info-wage-table-body td.negative{
    color: #a30303 !important;
}

.theme-personal-info-wage-yearly-total-table td.positive,
.theme-personal-info-wage-table-body td.positive{
    color: #448632 !important;
}

.theme-personal-info-btn{
    color: #20292f !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-personal-info-bank,
.theme-personal-info-box,
.theme-personal-info-text-box,
.theme-personal-info-input,
.theme-personal-info-select,
.theme-personal-info-char-search-btn,
.theme-personal-info-company-search-btn,
.theme-personal-info-type-search-btn,
.theme-personal-info-search,
.theme-personal-info-bank-table-body,
.theme-personal-info-wage-table-body,
.theme-personal-info-wage-yearly-total-table-body,
.theme-personal-info-training-table-body,
.theme-personal-info-other-document-table-body,
.theme-personal-info-income-statement-table-body,
.theme-personal-info-btn,
.theme-personal-info-show-more-btn{
    background-color: #f4f4f4 !important;
}

.theme-personal-info-text-box-2{
    background-color: #dadada !important;
}

.theme-personal-info-bank-table-head,
.theme-personal-info-personal-info-box{
    background-color: #b6b6b6 !important;
}

.theme-personal-info-box-2{
    background-color: #ffffff !important;
}

.theme-personal-info-training-table-head,
.theme-personal-info-save-btn{
    background-color: #67d34a !important;
}

.theme-personal-info-income-statement-table-head,
.theme-personal-info-input.edited,
.theme-personal-info-select.edited{
    background-color: #ffb647 !important;
}

.theme-personal-info-wage-table-head,
.theme-personal-info-wage-yearly-total-table-head,
.theme-personal-info-verify-btn{
    background-color: #85bafe !important;
}

.theme-personal-info-other-document-table-head{
    background-color: #bd68ce !important;
}

/************************************************* BORDER *************************************************/

.theme-personal-info-char-search-btn,
.theme-personal-info-company-search-btn,
.theme-personal-info-show-more-btn,
.theme-personal-info-type-search-btn{
    border: 1px solid #f4f4f4 !important;
}

.theme-personal-info-bank-table,
.theme-personal-info-wage-table,
.theme-personal-info-wage-yearly-total-table,
.theme-personal-info-training-table,
.theme-personal-info-other-document-table,
.theme-personal-info-income-statement-table{
    border: 1px solid #000000 !important;
}

.theme-personal-info-bank-table-body td.column-t,
.theme-personal-info-bank-table-body td.column-tr,
.theme-personal-info-wage-table-body td.column-t,
.theme-personal-info-wage-table-body td.column-tr,
.theme-personal-info-wage-yearly-total-table-body td.column-t,
.theme-personal-info-wage-yearly-total-table-body td.column-tr,
.theme-personal-info-training-table-body td.column-t,
.theme-personal-info-training-table-body td.column-tr,
.theme-personal-info-other-document-table-body td.column-t,
.theme-personal-info-other-document-table-body td.column-tr,
.theme-personal-info-income-statement-table-body td.column-t,
.theme-personal-info-income-statement-table-body td.column-tr{
    border-top: 1px solid #000000 !important;
}

.theme-personal-info-bank-table-head th.column-r,
.theme-personal-info-bank-table-body td.column-tr,
.theme-personal-info-wage-table-head th.column-r,
.theme-personal-info-wage-table-body td.column-tr,
.theme-personal-info-wage-yearly-total-table-head th.column-r,
.theme-personal-info-wage-yearly-total-table-body td.column-tr,
.theme-personal-info-training-table-head th.column-r,
.theme-personal-info-training-table-body td.column-tr,
.theme-personal-info-other-document-table-head th.column-r,
.theme-personal-info-other-document-table-body td.column-tr,
.theme-personal-info-income-statement-table-head th.column-r,
.theme-personal-info-income-statement-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

.theme-personal-info-btn{
    border: 2px solid #20292f !important;
}

/************************************************* ACTIVE *************************************************/

.theme-personal-info-char-search-btn.active,
.theme-personal-info-btn.active,
.theme-personal-info-company-search-btn.active,
.theme-personal-info-type-search-btn.active{
    background-color: #20292f !important;
}

.theme-personal-info-char-search-btn.active,
.theme-personal-info-btn.active,
.theme-personal-info-company-search-btn.active,
.theme-personal-info-type-search-btn.active{
    color: #f4f4f4 !important;
}

/************************************************* HOVER *************************************************/

.theme-personal-info-char-search-btn:hover,
.theme-personal-info-company-search-btn:hover,
.theme-personal-info-show-more-btn:hover,
.theme-personal-info-btn:hover,
.theme-personal-info-type-search-btn:hover{
    background-color: #20292f !important;
}

.theme-personal-info-char-search-btn:hover,
.theme-personal-info-company-search-btn:hover,
.theme-personal-info-show-more-btn:hover,
.theme-personal-info-btn:hover,
.theme-personal-info-type-search-btn:hover{
    color: #f4f4f4 !important;
}

.theme-personal-info-box-edit-btn:hover{
    color: #ffb647 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** PERMISSION **********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-permission-char-search-btn,
.theme-permission-company-search-btn,
.theme-permission-type-search-btn,
.theme-permission-search,
.theme-permission-box,
.theme-permission-title,
.theme-permission-text{
    color: #000000 !important;
}

.theme-permission-show-more-btn{
    color: #ffffff !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-permission-permission-box{
    background-color: #ffffff !important;
}

.theme-permission-char-search-btn,
.theme-permission-company-search-btn,
.theme-permission-type-search-btn,
.theme-permission-search,
.theme-permission-box{
    background-color: #f4f4f4 !important;
}

.theme-permission-show-more-btn{
    background-color: #20292f !important;
}

/************************************************* BORDER *************************************************/

.theme-permission-char-search-btn,
.theme-permission-company-search-btn,
.theme-permission-type-search-btn{
    border: 1px solid #f4f4f4 !important;
}

.theme-permission-show-more-btn{
    border: 1px solid #20292f !important;
}

/************************************************* ACTIVE *************************************************/

.theme-permission-char-search-btn.active,
.theme-permission-company-search-btn.active,
.theme-permission-type-search-btn.active{
    background-color: #20292f !important;
}

.theme-permission-char-search-btn.active,
.theme-permission-company-search-btn.active,
.theme-permission-type-search-btn.active{
    color: #ffffff !important;
}

.theme-permission-char-search-btn.active,
.theme-permission-company-search-btn.active,
.theme-permission-type-search-btn.active{
    border: 1px solid #20292f !important;
}

/************************************************* HOVER *************************************************/

.theme-permission-char-search-btn:hover,
.theme-permission-company-search-btn:hover,
.theme-permission-type-search-btn:hover{
    background-color: #20292f !important;
}

.theme-permission-show-more-btn:hover{
    background-color: #ffffff !important;
}

.theme-permission-char-search-btn:hover,
.theme-permission-company-search-btn:hover,
.theme-permission-type-search-btn:hover{
    color: #ffffff !important;
}

.theme-permission-show-more-btn:hover{
    color: #20292f !important;
}

.theme-permission-box-edit-btn:hover{
    color: #ffb647 !important;
}

.theme-permission-char-search-btn:hover,
.theme-permission-company-search-btn:hover,
.theme-permission-type-search-btn:hover{
    border: 1px solid #20292f !important;
}

/************************************************* INPUT RANGE *************************************************/
/*
.theme-permission-range::-webkit-slider-runnable-track{
    background: #f4f4f4 !important;
    border-radius: 10px !important;
}

.theme-permission-range::-moz-range-track{
    background: #f4f4f4 !important;
    border-radius: 10px !important;
}

.theme-permission-range::-webkit-slider-thumb{
    -webkit-appearance: none !important;
    background-color: #20292f !important;
    height: 1rem !important;
    width: 1rem !important;
    border-radius: 10px !important;
    border: 1px solid #f4f4f4 !important;
}

.theme-permission-range::-moz-range-progress{
    background-color: #20292f !important;
    height: 2rem !important;
    width: 1rem !important;
}

/********************************************************************************************************************************************/
/********************************************************************** EXTRA-INFO **********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-extra-info-btn,
.theme-extra-info-title,
.theme-extra-info-text,
.theme-extra-info-box-part-1{
    color: #000000 !important;
}

.theme-extra-info-delete-btn{
    color: #cc0404 !important;
}

.theme-extra-info-recover-btn{
    color: #85bafe !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-extra-info-box-part-2{
    background-color: #ffffff !important;
}

.theme-extra-info-add-btn{
    background-color: #67d34a !important;
}

.theme-extra-info-box-part-1,
.theme-extra-info-input,
.theme-extra-info-select{
    background-color: #f4f4f4 !important;
}

.theme-extra-info-edit-btn{
    background-color: #ffb647 !important;
}

.theme-extra-info-cancel-btn{
    background-color: #cc0404 !important;
}

.theme-extra-info-input.not-null.is-null{
    background-color: #e97070 !important;
}

.theme-extra-info-input.not-null.is-not-null{
    background-color: #aadb9c !important;
}

/************************************************* BORDER *************************************************/

.theme-extra-info-color-box{
    border: 1px solid #000000 !important;
}

.theme-extra-info-btn{
    border: 2px solid #20292f !important;
}

/************************************************* ACTIVE *************************************************/

.theme-extra-info-btn.active{
    background-color: #20292f !important;
}

.theme-extra-info-btn.active{
    color: #ffffff !important;
}

/************************************************* HOVER *************************************************/

.theme-extra-info-btn:hover{
    background-color: #20292f !important;
}

.theme-extra-info-btn:hover{
    color: #ffffff !important;
}

/********************************************************************************************************************************************/
/********************************************************************** NEWS MODIFICATION ***************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-news-modification-text-btn,
.theme-news-modification-title,
.theme-news-modification-text,
.theme-news-modification-save-btn,
.theme-news-modification-edit-btn,
.theme-news-modification-delete-current-btn{
    color: #000000 !important;
}

.theme-news-modification-setting-t-b{
    color: #ffffff !important;
}

.theme-news-modification-delete-btn{
    color: #cc0404 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-news-modification-save-btn{
    background-color: #67d34a !important;
}

.theme-news-modification-edit-btn{
    background-color: #ffb647 !important;
}

.theme-news-modification-old-slide,
.theme-news-modification-btn,
.theme-news-modification-input,
.theme-news-modification-select,
.theme-news-modification-text-btn,
.theme-news-modification-border-t,
.theme-news-modification-border-b,
.theme-news-modification-border-l,
.theme-news-modification-border-r{
    background-color: #f4f4f4 !important;
}

.theme-news-modification-delete-current-btn,
.theme-news-modification-remove-btn{
    background-color: #cc0404 !important;
}

/************************************************* BORDER *************************************************/

.theme-news-modification-color-btn,
.theme-news-modification-box{
    border: 1px solid #000000 !important;
}

.theme-news-modification-table-like .column-all{
    border: 2px solid #000000 !important;
}

.theme-news-modification-border-t{
    border-top: 2px solid #000000 !important;
}

.theme-news-modification-table-like .column-br,
.theme-news-modification-table-like .column-nt,
.theme-news-modification-border-b{
    border-bottom: 2px solid #000000 !important;
}

.theme-news-modification-table-like .column-nt,
.theme-news-modification-border-l{
    border-left: 2px solid #000000 !important;
}

.theme-news-modification-table-like .column-br,
.theme-news-modification-table-like .column-nt,
.theme-news-modification-table-like .column-r,
.theme-news-modification-border-r{
    border-right: 2px solid #000000 !important;
}

/************************************************* SCROLL *************************************************/

.theme-news-modification-scroll::-webkit-scrollbar-track{ /* Hidden */
    background: #00000000 !important;
}

.theme-news-modification-scroll::-webkit-scrollbar-thumb{
    background-color: #20292f !important;
}

/************************************************* TEXT BORDER *************************************************/

.theme-news-modification-setting-t-b{
    -webkit-text-stroke: 1px #000000 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** HUMAN RESOURCE MODIFICATION *****************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-human-resource-modification-text-btn,
.theme-human-resource-modification-title,
.theme-human-resource-modification-text,
.theme-human-resource-modification-delete-current-btn,
.theme-human-resource-modification-save-btn,
.theme-human-resource-modification-edit-btn{
    color: #000000 !important;
}

.theme-human-resource-modification-setting-t-b{
    color: #ffffff !important;
}

.theme-human-resource-modification-delete-btn{
    color: #cc0404 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-human-resource-modification-save-btn{
    background-color: #67d34a !important;
}

.theme-human-resource-modification-edit-btn{
    background-color: #ffb647 !important;
}

.theme-human-resource-modification-old-slide,
.theme-human-resource-modification-btn,
.theme-human-resource-modification-input,
.theme-human-resource-modification-select,
.theme-human-resource-modification-text-btn,
.theme-human-resource-modification-border-t,
.theme-human-resource-modification-border-b,
.theme-human-resource-modification-border-l,
.theme-human-resource-modification-border-r{
    background-color: #f4f4f4 !important;
}

.theme-human-resource-modification-delete-current-btn,
.theme-human-resource-modification-remove-btn{
    background-color: #cc0404 !important;
}

/************************************************* BORDER *************************************************/

.theme-human-resource-modification-color-btn,
.theme-human-resource-modification-box{
    border: 1px solid #000000 !important;
}

.theme-human-resource-modification-table-like .column-all{
    border: 2px solid #000000 !important;
}

.theme-human-resource-modification-border-t{
    border-top: 2px solid #000000 !important;
}

.theme-human-resource-modification-table-like .column-br,
.theme-human-resource-modification-table-like .column-nt,
.theme-human-resource-modification-border-b{
    border-bottom: 2px solid #000000 !important;
}

.theme-human-resource-modification-table-like .column-nt,
.theme-human-resource-modification-border-l{
    border-left: 2px solid #000000 !important;
}

.theme-human-resource-modification-table-like .column-br,
.theme-human-resource-modification-table-like .column-nt,
.theme-human-resource-modification-table-like .column-r,
.theme-human-resource-modification-border-r{
    border-right: 2px solid #000000 !important;
}

/************************************************* SCROLL *************************************************/

.theme-human-resource-modification-scroll::-webkit-scrollbar-track{ /* Hidden */
    background: #00000000 !important;
}

.theme-human-resource-modification-scroll::-webkit-scrollbar-thumb{
    background-color: #20292f !important;
}

/************************************************* TEXT BORDER *************************************************/

.theme-human-resource-modification-setting-t-b{
    -webkit-text-stroke: 1px #000000 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** MAINTENANCE *********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-maintenance-title,
.theme-maintenance-text,
.theme-maintenance-box-1,
.theme-maintenance-box-2,
.theme-read-lol-box{
    color: #000000 !important;
}

.theme-maintenance-error{
    color: #cc0404 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-maintenance-box-2{
    background-color: #ffffff !important;
}

.theme-maintenance-box-1,
.theme-read-lol-box{
    background-color: #f4f4f4 !important;
}

.theme-maintenance-alert{
    background-color: #ffc425 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** NOTIFICATION ********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-notification-add-btn,
.theme-notification-send-btn,
.theme-notification-edit-btn,
.theme-notification-delete-btn,
.theme-notification-channel-add-btn,
.theme-notification-channel-edit-btn,
.theme-notification-channel-delete-btn,
.theme-notification-box,
.theme-notification-channel-box,
.theme-notification-title{
    color: #000000 !important;
}

.theme-notification-expired{
    color: #cc0404 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-notification-message{
    background-color: #ffffff !important;
}

.theme-notification-add-btn,
.theme-notification-channel-add-btn{
    background-color: #67d34a !important;
}

.theme-notification-box,
.theme-notification-channel-box{
    background-color: #f4f4f4 !important;
}

.theme-notification-edit-btn,
.theme-notification-channel-edit-btn{
    background-color: #ffb647 !important;
}

.theme-notification-delete-btn,
.theme-notification-channel-delete-btn{
    background-color: #cc0404 !important;
}

.theme-notification-send-btn{
    background-color: #b127d3 !important;
}

/************************************************* SCROLL *************************************************/

.theme-notification-message::-webkit-scrollbar-thumb{
    background-color: #999999 !important;
}

.theme-notification-message::-webkit-scrollbar-thumb{
    border: 1px solid #eeeeee !important;
}

/********************************************************************************************************************************************/
/********************************************************************** MARKETING ***********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-marketing-title,
.theme-marketing-group-box,
.theme-marketing-add-btn{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-marketing-box{
    background-color: #ffffff !important;
}

.theme-marketing-add-btn{
    background-color: #67d34a !important;
}

.theme-marketing-group-box{
    background-color: #f4f4f4 !important;
}

/************************************************* HOVER *************************************************/

.theme-marketing-box-add-btn:hover{
    color: #67d34a !important;
}

.theme-marketing-box-edit-btn:hover{
    color: #ffb647 !important;
}

.theme-marketing-box-delete-btn:hover{
    color: #cc0404 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** HUMAN RESOURCE ******************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-human-resource-box,
.theme-human-resource-title,
.theme-human-resource-add-btn{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-human-resource-box{
    background-color: #f4f4f4 !important;
}

.theme-human-resource-add-btn{
    background-color: #67d34a !important;
}

/************************************************* HOVER *************************************************/

.theme-human-resource-box-add-btn:hover{
    color: #67d34a !important;
}

.theme-human-resource-box-edit-btn:hover{
    color: #ffb647 !important;
}

.theme-human-resource-box-delete-btn:hover{
    color: #cc0404 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** USER ****************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-user-personal-info-bank-table,
.theme-user-personal-info-bank-btn button.not-disabled,
.theme-user-all-equipment-table-head,
.theme-user-menu-setting-btn,
.theme-user-right-click-btn,
.theme-user-logout-btn{
    color: #ffffff !important;
}

.theme-user-email-setting-special-text,
.theme-user-rgpd-special-text{
    color: #1c94c4 !important;
}

.theme-user-personal-info-bank-btn button,
.theme-user-box-2,
.theme-user-personal-info-text-box,
.theme-user-personal-info-text-box-2,
.theme-user-personal-info-input,
.theme-user-personal-info-select,
.theme-user-personal-info-box,
.theme-user-personal-info-save-btn,
.theme-user-personal-info-bank-table-body,
.theme-user-personal-info-btn,
.theme-user-wage-table-body,
.theme-user-wage-yearly-total-table-body,
.theme-user-training-table-body,
.theme-user-other-document-table-body,
.theme-user-income-statement-table-body,
.theme-user-equipment-table,
.theme-user-all-equipment-table,
.theme-user-equipment-search,
.theme-user-all-equipment-search,
.theme-user-wage-table,
.theme-user-wage-yearly-total-table,
.theme-user-wage-table-btn button.not-disabled,
.theme-user-training-table,
.theme-user-training-table-btn button.not-disabled,
.theme-user-other-document-table,
.theme-user-other-document-table-btn button.not-disabled,
.theme-user-income-statement-table,
.theme-user-income-statement-table-btn button.not-disabled,
.theme-user-equipment-table-btn button.not-disabled,
.theme-user-all-equipment-table-btn button.not-disabled,
.theme-user-equipment-table-body,
.theme-user-all-equipment-table-body,
.theme-user-call-missing-table,
.theme-user-call-made-table,
.theme-user-call-answered-table,
.theme-user-call-search,
.theme-user-box,
.theme-user-btn,
.theme-user-title,
.theme-user-text,
.theme-user-call-missing-btn,
.theme-user-call-made-btn,
.theme-user-call-answered-btn,
.theme-user-control-password-text,
.theme-user-control-login-btn,
.theme-user-control-field,
.theme-user-email-vacation-activation,
.theme-user-missing-calls-table-btn button.not-disabled,
.theme-user-made-calls-table-btn button.not-disabled,
.theme-user-answered-calls-table-btn button.not-disabled,
.theme-user-setting-box{
    color: #000000 !important;
}

.theme-user-side-info-setting-btn,
.theme-user-control-update-user-btn,
.theme-user-index-setting-btn{
    color: #20292f !important;
}

.theme-user-email-repair-error,
.theme-user-wage-table-body td.negative,
.theme-user-wage-yearly-total-table-body td.negative,
.theme-user-server-setting-vpn-inactive,
.theme-user-intranet-play-video{
    color: #cc0404 !important;
}

.theme-user-wage-yearly-total-table-body td.positive,
.theme-user-wage-table-body td.positive,
.theme-user-server-setting-vpn-active{
    color: #67d34a !important;
}

/************************************************* FILL *************************************************/

.theme-user-side-info-setting-btn path,
.theme-user-side-info-setting-btn circle{
    fill: #20292f !important;
}

.theme-user-menu-setting-btn path,
.theme-user-menu-setting-btn circle{
    fill: #ffffff !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-user-personal-info-box,
.theme-user-equipment-search,
.theme-user-all-equipment-search,
.theme-user-call-search,
.theme-user-equipment-table-btn button,
.theme-user-all-equipment-table-btn button,
.theme-user-wage-table button,
.theme-user-training-table button,
.theme-user-other-document-table button,
.theme-user-income-statement-table button,
.theme-user-call-missing-btn,
.theme-user-call-made-btn,
.theme-user-call-answered-btn,
.theme-user-answered-calls-table-btn button,
.theme-user-email-setting-bar-box,
.theme-user-notification-box,
.theme-user-language-box,
.theme-user-theme-box,
.theme-user-menu-setting-box,
.theme-user-personal-info-btn,
.theme-user-select-1,
.theme-user-side-info-setting-box,
.theme-user-index-setting-box,
.theme-user-email-setting-email-country-change-btn,
.theme-user-email-setting-email-country,
.theme-user-email-setting-email-country-search,
.theme-user-control-search,
.theme-user-btn,
.theme-user-control-update-user-btn,
.theme-user-select-2{
    background-color: #ffffff !important;
}

.theme-user-personal-info-bank-table-head,
.theme-user-personal-info-bank-btn button,
.theme-user-all-equipment-table-head,
.theme-user-menu-setting-btn{
    background-color: #20292f !important;
}

.theme-user-equipment-ask-btn,
.theme-user-call-answered-table-head,
.theme-user-server-setting-password-success,
.theme-user-email-setting-bar-box-empty,
.theme-user-email-setting-password-success,
.theme-user-email-setting-auth-active,
.theme-user-rgpd-save-btn,
.theme-user-personal-info-save-btn,
.theme-user-menu-setting-save-btn,
.theme-user-side-info-setting-save-btn,
.theme-user-index-setting-save-btn,
.theme-user-training-table-head,
.theme-user-email-vacation-activation.is-active,
.theme-user-call-made-table-body tr td.answered,
.theme-user-all-equipment-table-body tr td.accepted,
.theme-user-equipment-table-body tr td.accepted{
    background-color: #67d34a !important;
}

.theme-user-equipment-table-head,
.theme-user-control-login-btn,
.theme-user-wage-table-head,
.theme-user-wage-yearly-total-table-head,
.theme-user-call-made-table-head{
    background-color: #85bafe !important;
}

.theme-user-personal-info-new-document-btn,
.theme-user-other-document-table-head{
    background-color: #ea82ff !important;
}

.theme-user-income-statement-table-head{
    background-color: #fdff83 !important;
}

.theme-user-box,
.theme-user-box-2,
.theme-user-personal-info-text-box,
.theme-user-personal-info-input,
.theme-user-personal-info-select,
.theme-user-setting-box,
.theme-user-personal-info-select-2,
.theme-user-setting-notification-channel-box,
.theme-user-theme-box-2,
.theme-user-language-box-2,
.theme-user-index-setting-btn,
.theme-user-control-field,
.theme-user-email-setting-email-country-list,
.theme-user-control-list,
.theme-user-missing-calls-table-btn button,
.theme-user-made-calls-table-btn button{
    background-color: #f4f4f4 !important;
}

.theme-user-personal-info-text-box-2{
    background-color: #cccccc !important;
}

.theme-user-email-repair-btn,
.theme-user-personal-info-input.edited,
.theme-user-personal-info-select.edited,
.theme-user-server-setting-password-warning,
.theme-user-email-setting-password-warning{
    background-color: #ffb647 !important;
}

.theme-user-call-missing-table-head,
.theme-user-server-setting-password-danger,
.theme-user-email-setting-bar-box-full,
.theme-user-email-setting-password-danger,
.theme-user-email-setting-auth-inactive,
.theme-user-logout-btn,
.theme-user-email-vacation-activation,
.theme-user-equipment-table-body tr td.not-accepted,
.theme-user-all-equipment-table-body tr td.not-accepted,
.theme-user-call-made-table-body tr td.not-answered{
    background-color: #cc0404 !important;
}

/************************************************* BACKGROUND COLOR OPAC *************************************************/

.theme-user-intranet-play-video{/* 30% */
    background-color: #ededed4d !important;
}

/************************************************* BORDER *************************************************/

.theme-user-equipment-table,
.theme-user-wage-table,
.theme-user-wage-yearly-total-table,
.theme-user-training-table,
.theme-user-other-document-table,
.theme-user-income-statement-table,
.theme-user-all-equipment-table,
.theme-user-call-missing-table,
.theme-user-call-made-table,
.theme-user-call-answered-table,
.theme-user-email-setting-bar-box,
.theme-user-menu-setting-type-img,
.theme-user-side-info-setting-type-img{
    border: 1px solid #000000 !important;
}

.theme-user-personal-info-bank-table,
.theme-user-side-info-setting-btn{
    border: 1px solid #20292f !important;
}

.theme-user-equipment-table-body td.column-t,
.theme-user-equipment-table-body td.column-tr,
.theme-user-wage-table-body td.column-t,
.theme-user-wage-table-body td.column-tr,
.theme-user-wage-yearly-total-table-body td.column-t,
.theme-user-wage-yearly-total-table-body td.column-tr,
.theme-user-training-table-body td.column-t,
.theme-user-training-table-body td.column-tr,
.theme-user-other-document-table-body td.column-t,
.theme-user-other-document-table-body td.column-tr,
.theme-user-income-statement-table-body td.column-t,
.theme-user-income-statement-table-body td.column-tr,
.theme-user-all-equipment-table-body td.column-t,
.theme-user-all-equipment-table-body td.column-tr,
.theme-user-call-missing-table-body td.column-t,
.theme-user-call-missing-table-body td.column-tr,
.theme-user-call-made-table-body td.column-t,
.theme-user-call-made-table-body td.column-tr,
.theme-user-call-answered-table-body td.column-t,
.theme-user-call-answered-table-body td.column-tr{
    border-top: 1px solid #000000 !important;
}

.theme-user-personal-info-bank-table-body td.column-t,
.theme-user-personal-info-bank-table-body td.column-tr{
    border-top: 1px solid #20292f !important;
}

.theme-user-equipment-table-head th.column-r,
.theme-user-equipment-table-body td.column-tr,
.theme-user-wage-table-head th.column-r,
.theme-user-wage-table-body td.column-tr,
.theme-user-wage-yearly-total-table-head th.column-r,
.theme-user-wage-yearly-total-table-body td.column-tr,
.theme-user-training-table-head th.column-r,
.theme-user-training-table-body td.column-tr,
.theme-user-other-document-table-head th.column-r,
.theme-user-other-document-table-body td.column-tr,
.theme-user-income-statement-table-head th.column-r,
.theme-user-income-statement-table-body td.column-tr,
.theme-user-all-equipment-table-head th.column-r,
.theme-user-all-equipment-table-body td.column-tr,
.theme-user-call-missing-table-head th.column-r,
.theme-user-call-missing-table-body td.column-tr,
.theme-user-call-made-table-head th.column-r,
.theme-user-call-made-table-body td.column-tr,
.theme-user-call-answered-table-head th.column-r,
.theme-user-call-answered-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

.theme-user-personal-info-bank-table-head th.column-r,
.theme-user-personal-info-bank-table-body td.column-tr{
    border-right: 1px solid #20292f !important;
}

.theme-user-menu-setting-type,
.theme-user-side-info-setting-type{
    border: 2px solid #00000000 !important;
}

.theme-user-email-setting-email-country-list,
.theme-user-control-list,
.theme-user-btn,
.theme-user-index-setting-btn,
.theme-user-email-setting-password-change-btn,
.theme-user-email-setting-auth-btn,
.theme-user-email-setting-vacation-change-btn,
.theme-user-email-setting-email-country-save-btn,
.theme-user-control-update-user-btn,
.theme-user-right-click-btn,
.theme-user-personal-info-btn,
.theme-user-server-setting-password-change-btn{
    border: 2px solid #20292f !important;
}

.theme-user-call-answered-btn{
    border: 2px solid #67d34a !important;
}

.theme-user-call-made-btn{
    border: 2px solid #85bafe !important;
}

.theme-user-call-missing-btn{
    border: 2px solid #cc0404 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-user-btn.active,
.theme-user-personal-info-btn.active,
.theme-user-wage-table-btn button.active,
.theme-user-training-table-btn button.active,
.theme-user-other-document-table-btn button.active,
.theme-user-income-statement-table-btn button.active,
.theme-user-equipment-table-btn button.active,
.theme-user-all-equipment-table-btn button.active,
.theme-user-missing-calls-table-btn button.active,
.theme-user-made-calls-table-btn button.active,
.theme-user-answered-calls-table-btn button.active{
    background-color: #20292f !important;
}

.theme-user-call-made-btn.active{
    background-color: #85bafe !important;
}

.theme-user-call-answered-btn.active{
    background-color: #67d34a !important;
}

.theme-user-call-missing-btn.active{
    background-color: #cc0404 !important;
}

.theme-user-equipment-btn.active,
.theme-user-all-equipment-btn.active,
.theme-user-equipment-table-btn button.active,
.theme-user-all-equipment-table-btn button.active,
.theme-user-btn.active,
.theme-user-personal-info-btn.active,
.theme-user-missing-calls-table-btn button.active,
.theme-user-made-calls-table-btn button.active,
.theme-user-wage-table-btn button.active,
.theme-user-training-table-btn button.active,
.theme-user-other-document-table-btn button.active,
.theme-user-income-statement-table-btn button.active,
.theme-user-answered-calls-table-btn button.active{
    color: #ffffff !important;
}

.theme-user-menu-setting-type.active,
.theme-user-side-info-setting-type.active{
    border: 2px solid #000000 !important;
}

/************************************************* HOVER *************************************************/

.theme-user-equipment-table-btn button.not-disabled:hover,
.theme-user-all-equipment-table-btn button.not-disabled:hover,
.theme-user-btn:hover,
.theme-user-personal-info-btn:hover,
.theme-user-email-setting-password-change-btn:hover,
.theme-user-email-setting-auth-btn:hover,
.theme-user-right-click-btn:hover,
.theme-user-email-setting-vacation-change-btn:hover,
.theme-user-email-setting-email-country-save-btn:hover,
.theme-user-server-setting-password-change-btn:hover,
.theme-user-wage-table-btn button.not-disabled:hover,
.theme-user-training-table-btn button.not-disabled:hover,
.theme-user-other-document-table-btn button.not-disabled:hover,
.theme-user-income-statement-table-btn button.not-disabled:hover,
.theme-user-control-update-user-btn:hover,
.theme-user-email-setting-country:hover,
.theme-user-control-user:hover,
.theme-user-missing-calls-table-btn button.not-disabled:hover,
.theme-user-made-calls-table-btn button.not-disabled:hover,
.theme-user-answered-calls-table-btn button.not-disabled:hover{
    background-color: #20292f !important;
}

.theme-user-call-made-btn:hover{
    background-color: #85bafe !important;
}

.theme-user-call-answered-btn:hover{
    background-color: #67d34a !important;
}

.theme-user-call-missing-btn:hover{
    background-color: #cc0404 !important;
}

.theme-user-equipment-btn:hover,
.theme-user-all-equipment-btn:hover,
.theme-user-equipment-table-btn button.not-disabled:hover,
.theme-user-all-equipment-table-btn button.not-disabled:hover,
.theme-user-btn:hover,
.theme-user-email-setting-password-change-btn:hover,
.theme-user-email-setting-auth-btn:hover,
.theme-user-personal-info-btn:hover,
.theme-user-wage-table-btn button.not-disabled:hover,
.theme-user-training-table-btn button.not-disabled:hover,
.theme-user-other-document-table-btn button.not-disabled:hover,
.theme-user-income-statement-table-btn button.not-disabled:hover,
.theme-user-email-setting-vacation-change-btn:hover,
.theme-user-email-setting-email-country-save-btn:hover,
.theme-user-server-setting-password-change-btn:hover,
.theme-user-control-update-user-btn:hover,
.theme-user-right-click-btn:hover,
.theme-user-email-setting-country:hover,
.theme-user-control-user:hover,
.theme-user-missing-calls-table-btn button.not-disabled:hover,
.theme-user-made-calls-table-btn button.not-disabled:hover,
.theme-user-answered-calls-table-btn button.not-disabled:hover{
    color: #ffffff !important;
}

.theme-user-wage-action-btn:hover{
    color: #85bafe !important;
}

.theme-user-other-document-action-btn:hover{
    color: #ea82ff !important;
}

.theme-user-income-statement-action-btn:hover{
    color: #fdff83 !important;
}

.theme-user-menu-setting-type:hover,
.theme-user-side-info-setting-type:hover{
    border: 2px solid #000000 !important;
}

/************************************************* SCROLL *************************************************/

.theme-user-email-setting-email-country::-webkit-scrollbar-track{
    background: #00000000 !important;
}

.theme-user-email-setting-email-country::-webkit-scrollbar-thumb{
    background-color: #cccccc !important;
}

.theme-user-email-setting-email-country::-webkit-scrollbar-thumb{
    border: 1px solid #00000000 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** LOGIN ***************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-login-field{
    color: #000000 !important;
}

.theme-login-recover,
.theme-login-title,
.theme-login-text{
    color: #00b7ff !important;
}

.theme-login-wrong-code,
.theme-login-try-again{
    color: #cc0404 !important;
}

.theme-login-field-2{
    color: #e7f0fe !important;
}

/************************************************* BACKGROUND COLOR OPAC *************************************************/

.theme-login-btn{
    background-color: #00b7ff !important;
}

.theme-login-field{
    background-color: #e7f0fe !important;
}

.theme-login-field-2{
    background-color: #3a474a !important;
}

.theme-login-box{
    background-color: #20292F !important;
}

/********************************************************************************************************************************************/
/********************************************************************** TICKET **************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-ticket-active-table,
.theme-ticket-archived-table,
.theme-ticket-search,
.theme-ticket-title,
.theme-ticket-text,
.theme-ticket-add-btn,
.theme-ticket-btn{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-ticket-add-btn{
    background-color: #67d34a !important;
}

.theme-ticket-active-table-btn button,
.theme-ticket-archived-table-btn button,
.theme-ticket-select,
.theme-ticket-search,
.theme-ticket-active-table-head,
.theme-ticket-active-table,
.theme-ticket-archived-table-body{
    background-color: #f4f4f4 !important;
}

.theme-ticket-archived-table-head{
    background-color: #cc0404 !important;
}

/************************************************* BORDER *************************************************/

.theme-ticket-active-table,
.theme-ticket-archived-table{
    border: 1px solid #000000 !important;
}

.theme-ticket-active-table-body td.column-t,
.theme-ticket-active-table-body td.column-tr,
.theme-ticket-archived-table-body td.column-t,
.theme-ticket-archived-table-body td.column-tr{
    border-top: 1px solid #000000 !important;
}

.theme-ticket-active-table-head th.column-r,
.theme-ticket-active-table-body td.column-tr,
.theme-ticket-archived-table-head th.column-r,
.theme-ticket-archived-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

.theme-ticket-btn{
    border: 2px solid #20292f !important;
}

/************************************************* ACTIVE *************************************************/

.theme-ticket-btn.active,
.theme-ticket-active-table-btn button.active,
.theme-ticket-archived-table-btn button.active{
    background-color: #20292f !important;
}

.theme-ticket-btn.active,
.theme-ticket-active-table-btn button.active,
.theme-ticket-archived-table-btn button.active{
    color: #ffffff !important;
}

/************************************************* HOVER *************************************************/

.theme-ticket-btn:hover,
.theme-ticket-active-table-btn button.not-disabled:hover,
.theme-ticket-archived-table-btn button.not-disabled:hover{
    background-color: #20292f !important;
}

.theme-ticket-btn:hover,
.theme-ticket-active-table-btn button.not-disabled:hover,
.theme-ticket-archived-table-btn button.not-disabled:hover{
    color: #ffffff !important;
}

/********************************************************************************************************************************************/
/********************************************************************** CHANGE AD PASSWORD **************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-change-ad-password-security-btn,
.theme-change-ad-password-full-text,
.theme-change-ad-password-box,
.theme-change-ad-password-field,
.theme-change-ad-password-cancel-btn,
.theme-change-ad-password-save-btn{
    color: #000000 !important;
}

.theme-change-ad-password-required,
.theme-change-ad-password-error{
    color: #cc0404 !important;
}

.theme-change-ad-password-title{
    color: #00b7ff !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-change-ad-password-save-btn{
    background-color: #00b7ff !important;
}

.theme-change-ad-password-field{
    background-color: #f4f4f4 !important;
}

.theme-change-ad-password-cancel-btn{
    background-color: #00e18d !important;
}

.theme-change-ad-password-security-btn{
    background-color: #85bafe !important;
}

.theme-change-ad-password-box{
    background-color: #20292f !important;
}

/************************************************* BACKGROUND GRADIENT *************************************************/

.theme-change-ad-password-security-btn{
    background-image: linear-gradient(90deg, #00e18d , #00b7ff) !important;
}

/********************************************************************************************************************************************/
/********************************************************************** CHANGE PASSWORD *****************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-change-password-security-btn,
.theme-change-password-box,
.theme-change-password-field,
.theme-change-password-cancel-btn,
.theme-change-password-save-btn{
    color: #000000 !important;
}

.theme-change-password-required,
.theme-change-password-error{
    color: #cc0404 !important;
}

.theme-change-password-title{
    color: #00b7ff !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-change-password-save-btn{
    background-color: #00b7ff !important;
}

.theme-change-password-field{
    background-color: #f4f4f4 !important;
}

.theme-change-password-cancel-btn{
    background-color: #00e18d !important;
}

.theme-change-password-security-btn{
    background-color: #85bafe !important;
}

.theme-change-password-box{
    background-color: #20292f !important;
}

/************************************************* BACKGROUND GRADIENT *************************************************/

.theme-change-password-security-btn{
    background-image: linear-gradient(90deg, #00e18d , #00b7ff) !important;
}

/********************************************************************************************************************************************/
/********************************************************************** FIRST TIME **********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-first-time-box{
    color: #ffffff !important;
}

.theme-first-time-password-field,
.theme-first-time-password-save-btn{
    color: #000000 !important;
}

.theme-first-time-title{
    color: #00b7ff !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-first-time-password-save-btn{
    background-color: #00b7ff !important;
}

.theme-first-time-password-field{
    background-color: #f4f4f4 !important;
}

.theme-first-time-box{
    background-color: #20292f !important;
}

/********************************************************************************************************************************************/
/********************************************************************** TEST CHAT ***********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-test-chat-left-side{
    color: #8c9096 !important;
}
.theme-test-chat-center-side,
.theme-test-chat-message-textarea,
.theme-test-chat-message-options,
.theme-test-chat-my-info{
    color: #e0e4e7 !important;
}
.theme-test-chat-leave-btn,
.theme-test-chat-chatroom-request-dropdown-accept-btn,
.theme-test-chat-chatroom-request-dropdown-refuse-btn{
    color: #0f1114 !important;
}
.theme-test-chat-right-side-member-pendent{
    color: #80858a !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-test-chat-left-side,
.theme-test-chat-message-textarea,
.theme-test-chat-chatroom-dropdown,
.theme-test-chat-rooms-list-scroll::-webkit-scrollbar-track,
.theme-test-chat-message-form-blocker{
    background-color: #262931 !important;
}
.theme-test-chat-center-side,
.theme-test-chat-message-box{
    background-color: #1f2329 !important;
}
.theme-test-chat-message-options{
    background-color: #2d3039 !important;
}
.theme-test-chat-message-btn,
.theme-test-chat-join-btn{
    background-color: #095ad2 !important;
}
.theme-test-chat-message-list-scroll::-webkit-scrollbar-thumb,
.theme-test-chat-rooms-list-scroll::-webkit-scrollbar-thumb{
    background-color: #0f1114 !important;
}

.theme-test-chat-message-list-scroll::-webkit-scrollbar-track{
    background: #1f2329 !important;
}
.theme-test-chat-leave-btn{
    background-color:#c73649 !important;
}
.theme-test-chat-right-side-member-online.online,
.theme-test-chat-chatroom-request-dropdown-accept-btn{
    background-color: #5cbb42 !important;
}
.theme-test-chat-chatroom-request-dropdown-refuse-btn{
    background-color: #a30303 !important;
}

/************************************************* BORDER *************************************************/

.theme-test-chat-message-form,
.theme-test-chat-message-form-blocker{
    border: 1px solid #404754 !important;
}

.theme-test-chat-right-side-member-online{
    border: 1px solid #5cbb42 !important;
}

.theme-test-chat-message-strike{
    border-top: 1px solid #404754 !important;
}

.theme-test-chat-my-info,
.theme-test-chat-room-info,
.theme-test-chat-right-side-title{
    border-bottom: 1px solid #404754 !important;
}

.theme-test-chat-right-side{
    border-left: 1px solid #404754 !important;
}

.theme-test-chat-message-list-scroll::-webkit-scrollbar-thumb{
    border-right: 2px solid #1f2329 !important;
}

.theme-test-chat-rooms-list-scroll::-webkit-scrollbar-thumb{
    border-right: 2px solid #262931 !important;
}

/************************************************* SHADOW *************************************************/

.theme-test-chat-chatroom-dropdown{
    box-shadow: 0px 5px 15px 3px #000000 !important;
}

/************************************************* HOVER *************************************************/

.theme-test-chat-chatroom-dropdown-btn:hover,
.theme-test-chat-room:hover{
    background-color: #0f1114 !important;
}

.theme-test-chat-left-side-btn:hover{
    background-color: #30363e !important;
}

.theme-test-chat-center-side-btn:hover{
    background-color: #4b5461 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-test-chat-room.active,
.theme-test-chat-left-side-btn.active{
    background-color: #30363e !important;
}

.theme-test-chat-center-side-btn.active{
    background-color: #4b5461 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** TWO FACTOR AUTHENTICATION *******************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-2fa-box{
    color: #ffffff !important;
}

.theme-2fa-title{
    color: #00b7ff !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-2fa-activate-btn{
    background-color: #00b7ff !important;
}

.theme-2fa-input{
    background-color: #f4f4f4 !important;
}

.theme-2fa-box{
    background-color: #20292f !important;
}

/********************************************************************************************************************************************/
/********************************************************************** ERROR ***************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-error-special-text{
    color: #1c94c4 !important;
}

.theme-error-box{
    color: #830000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-error-box{
    background-color: #e97070 !important;
}

/************************************************* BORDER *************************************************/

.theme-error-box{
    border: 2px solid #cc0404 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** NEW INCIDENT ********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-new-incident-attachment,
.theme-new-incident-title,
.theme-new-incident-text,
.theme-new-incident-input,
.theme-new-incident-textarea,
.theme-new-incident-select,
.theme-new-incident-form{
    color: #000000 !important;
}

.theme-new-incident-btn{
    color: #f4f4f4 !important;
}

.theme-new-incident-error-message{
    color: #830000 !important;
}

.theme-new-incident-success-message{
    color: #67d34a !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-new-incident-form{
    background-color: #ffffff !important;
}

.theme-new-incident-attachment-box,
.theme-new-incident-attachment,
.theme-new-incident-input,
.theme-new-incident-textarea,
.theme-new-incident-select{
    background-color: #f4f4f4 !important;
}

.theme-new-incident-btn{
    background-color: #20292f !important;
}

.theme-new-incident-attachment-delete-btn{
    background-color: #cc0404 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** ACTIVE MAINTENANCE **************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-active-maintenace-box-1,
.theme-active-maintenace-box-2{
    color: #000000 !important;
}

.theme-active-maintenace-special-text{
    color: #1c94c4 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-active-maintenace-box-2{
    background-color: #f4f4f4 !important;
}

.theme-active-maintenace-box-1{
    background-color: #e76a38 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** PERSONAL DOC ********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-personal-doc-text,
.theme-personal-doc-add-btn,
.theme-personal-doc-go-back-btn,
.theme-personal-doc-box,
.theme-personal-doc-title{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-personal-doc-box,
.theme-personal-doc-go-back-btn{
    background-color: #f4f4f4 !important;
}

.theme-personal-doc-add-btn{
    background-color: #67d34a !important;
}

/************************************************* BORDER *************************************************/

.theme-personal-doc-go-back-btn{
    border: 2px solid #f4f4f4 !important;
}

/************************************************* HOVER *************************************************/

.theme-personal-doc-go-back-btn:hover{
    background-color: #20292f !important;
}

.theme-personal-doc-go-back-btn:hover{
    color: #f4f4f4 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** SUB DOCUMENT ********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-sub-documents-text,
.theme-sub-documents-go-back-btn,
.theme-sub-documents-btn,
.theme-sub-documents-eye-btn,
.theme-sub-documents-download-btn,
.theme-sub-documents-search,
.theme-sub-documents-show-more-btn,
.theme-sub-documents-select,
.theme-sub-documents-box{
    color: #000000 !important;
}

.theme-sub-documents-box.has-files{
    color: #f4f4f4 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-sub-documents-go-back-btn,
.theme-sub-documents-btn,
.theme-sub-documents-box,
.theme-sub-documents-show-more-btn,
.theme-sub-documents-select,
.theme-sub-documents-search{
    background-color: #f4f4f4 !important;
}

.theme-sub-documents-box-2{
    background-color: #ffffff !important;
}

.theme-sub-documents-box.has-files{
    background-color: #20292f !important;
}

.theme-sub-documents-box.has-deleted{
    background-color: #e97070 !important;
}

.theme-sub-documents-box-2.is-deleted{
    background-color: #cc0404 !important;
}

/************************************************* BORDER *************************************************/

.theme-sub-documents-go-back-btn,
.theme-sub-documents-show-more-btn,
.theme-sub-documents-btn,
.theme-sub-documents-box,
.theme-sub-documents-box.has-files{
    border: 2px solid #f4f4f4 !important;
}

/************************************************* HOVER *************************************************/

.theme-sub-documents-show-more-btn:hover,
.theme-sub-documents-go-back-btn:hover,
.theme-sub-documents-btn:hover{
    background-color: #20292f !important;
}

.theme-sub-documents-box:hover{
    background-color: #dadada !important;
}

.theme-sub-documents-show-more-btn:hover,
.theme-sub-documents-go-back-btn:hover,
.theme-sub-documents-btn:hover{
    color: #f4f4f4 !important;
}

.theme-sub-documents-box:hover{
    color: #000000 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-sub-documents-go-back-btn.active,
.theme-sub-documents-btn.active{
    background-color: #20292f !important;
}

.theme-sub-documents-go-back-btn.active,
.theme-sub-documents-btn.active{
    color: #f4f4f4 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** SUB EXPIRED DOCUMENTS ***********************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-subuser-expired-document-table-body tr td.success,
.theme-subuser-expired-document-table-body tr td.warning,
.theme-subuser-expired-document-table-body tr td.danger,
.theme-subuser-exp-doc-title,
.theme-subuser-exp-doc-text,
.theme-subuser-exp-doc-select,
.theme-subuser-expired-document-search,
.theme-subuser-expired-document-table{
    color: #000000 !important;
}

.theme-subuser-exp-doc-go-back-btn{
    color: #20292f !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-subuser-exp-doc-select,
.theme-subuser-exp-doc-go-back-btn,
.theme-subuser-expired-document-search,
.theme-subuser-expired-document-table-body,
.theme-subuser-expired-document-table-btn button{
    background-color: #f4f4f4 !important;
}

.theme-subuser-expired-document-table-head{
    background-color: #9256d6 !important;
}

.theme-subuser-expired-document-table-body tr td.success{
    background-color: #67d34a !important;
}

.theme-subuser-expired-document-table-body tr td.warning{
    background-color: #ffb647 !important;
}

.theme-subuser-expired-document-table-body tr td.danger{
    background-color: #cc0404 !important;
}

/************************************************* BORDER *************************************************/

.theme-subuser-expired-document-table{
    border: 1px solid #000000 !important;
}

.theme-subuser-expired-document-table-body td.column-t,
.theme-subuser-expired-document-table-body td.column-tr{
    border-top: 1px solid #000000 !important;
}

.theme-subuser-expired-document-table-head th.column-r,
.theme-subuser-expired-document-table-body td.column-tr{
    border-right: 1px solid #000000 !important;
}

.theme-subuser-exp-doc-go-back-btn{
    border: 2px solid #f4f4f4 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-subuser-expired-document-table-btn button.active{
    background-color: #20292f !important;
}

.theme-subuser-expired-document-table-btn button.active{
    color: #ffffff !important;
}

/************************************************* HOVER *************************************************/

.theme-subuser-expired-document-table-btn button.not-disabled:hover{
    background-color: #20292f !important;
}

.theme-subuser-exp-doc-go-back-btn:hover{
    background-color: #20292f !important;
}

.theme-subuser-expired-document-table-btn button.not-disabled:hover{
    color: #ffffff !important;
}

.theme-subuser-exp-doc-go-back-btn:hover{
    color: #f4f4f4 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** SUBUSER AREA ********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-subuser-area-btn,
.theme-subuser-area-text{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-subuser-area-btn{
    background-color: #f4f4f4 !important;
}

/************************************************* BORDER *************************************************/

.theme-subuser-area-btn{
    border: 2px solid #f4f4f4 !important;
}

/************************************************* HOVER *************************************************/

.theme-subuser-area-btn:hover{
    background-color: #20292f !important;
}

.theme-subuser-area-btn:hover{
    color: #f4f4f4 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** SUBUSER *************************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-subuser-go-back-btn,
.theme-subuser-title,
.theme-subuser-text,
.theme-subuser-doc-box,
.theme-subuser-document-accept-btn,
.theme-subuser-document-refuse-btn,
.theme-subuser-document-delete-btn,
.theme-subuser-status-refuse-btn,
.theme-subuser-status-accept-btn,
.theme-subuser-box,
.theme-subuser-search,
.theme-subuser-show-more-btn,
.theme-subuser-status-search-btn,
.theme-subuser-add-btn,
.theme-subuser-char-search-btn{
    color: #000000 !important;
}

.theme-subuser-info-btn{
    color: #f4f4f4 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-subuser-go-back-btn,
.theme-subuser-search,
.theme-subuser-box,
.theme-subuser-show-more-btn,
.theme-subuser-status-search-btn,
.theme-subuser-char-search-btn{
    background-color: #f4f4f4 !important;
}

.theme-subuser-doc-box{
    background-color: #ffffff !important;
}

.theme-subuser-add-btn,
.theme-subuser-doc-box.accepted,
.theme-subuser-document-accept-btn,
.theme-subuser-status-accept-btn{
    background-color: #67d34a !important;
}

.theme-subuser-doc-box.expired{
    background-color: #ffc425 !important;
}

.theme-subuser-info-btn{
    background-color: #20292f !important;
}

.theme-subuser-doc-box.refused,
.theme-subuser-document-refuse-btn,
.theme-subuser-document-delete-btn,
.theme-subuser-status-refuse-btn{
    background-color: #cc0404 !important;
}

/************************************************* BORDER *************************************************/

.theme-subuser-status-search-btn,
.theme-subuser-char-search-btn{
    border: 1px solid #f4f4f4 !important;
}

.theme-subuser-go-back-btn,
.theme-subuser-box,
.theme-subuser-show-more-btn{
    border: 2px solid #f4f4f4 !important;
}

.theme-subuser-box.accepted{
    border: 2px solid #67d34a !important;
}

.theme-subuser-box.refused{
    border: 2px solid #cc0404 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-subuser-status-search-btn.active,
.theme-subuser-char-search-btn.active{
    background-color: #20292f !important;
}

.theme-subuser-status-search-btn.active,
.theme-subuser-char-search-btn.active{
    color: #f4f4f4 !important;
}

/************************************************* HOVER *************************************************/

.theme-subuser-go-back-btn:hover,
.theme-subuser-show-more-btn:hover,
.theme-subuser-status-search-btn:hover,
.theme-subuser-char-search-btn:hover{
    background-color: #20292f !important;
}

.theme-subuser-box-info-btn:hover{
    color: #85bafe !important;
}

.theme-subuser-box-edit-btn:hover{
    color: #ffb647 !important;
}

.theme-subuser-box-delete-btn:hover{
    color: #cc0404 !important;
}

.theme-subuser-go-back-btn:hover,
.theme-subuser-show-more-btn:hover,
.theme-subuser-status-search-btn:hover,
.theme-subuser-char-search-btn:hover{
    color: #f4f4f4 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** SUBUSER WORK ********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-subuser-work-go-back-btn,
.theme-subuser-work-box,
.theme-subuser-work-add-btn,
.theme-subuser-work-show-more-btn,
.theme-subuser-work-search,
.theme-subuser-work-char-search-btn{
    color: #20292f !important;
}

.theme-subuser-work-box-2,
.theme-subuser-work-title,
.theme-subuser-work-text{
    color: #000000 !important;
}

.theme-subuser-work-delete-btn{
    color: #f4f4f4 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-subuser-work-go-back-btn,
.theme-subuser-work-search,
.theme-subuser-work-box,
.theme-subuser-work-show-more-btn,
.theme-subuser-work-char-search-btn{
    background-color: #f4f4f4 !important;
}

.theme-subuser-work-box-2{
    background-color: #ffffff !important;
}

.theme-subuser-work-add-btn{
    background-color: #67d34a !important;
}

.theme-subuser-work-delete-btn{
    background-color: #cc0404 !important;
}

/************************************************* BORDER *************************************************/

.theme-subuser-work-char-search-btn{
    border: 1px solid #f4f4f4 !important;
}

.theme-subuser-work-show-more-btn{
    border: 2px solid #f4f4f4 !important;
}

.theme-subuser-work-go-back-btn,
.theme-subuser-work-box{
    border: 2px solid #f4f4f4 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-subuser-work-status-search-btn.active,
.theme-subuser-work-char-search-btn.active{
    background-color: #20292f !important;
}

.theme-subuser-work-status-search-btn.active,
.theme-subuser-work-char-search-btn.active{
    color: #f4f4f4 !important;
}

/************************************************* HOVER *************************************************/

.theme-subuser-work-go-back-btn:hover,
.theme-subuser-work-show-more-btn:hover,
.theme-subuser-work-char-search-btn:hover{
    background-color: #20292f !important;
}

.theme-subuser-work-go-back-btn:hover,
.theme-subuser-work-show-more-btn:hover,
.theme-subuser-work-char-search-btn:hover{
    color: #f4f4f4 !important;
}

/********************************************************************************************************************************************/
/********************************************************************** SUBCOMPANY **********************************************************/
/********************************************************************************************************************************************/

/************************************************* COLOR *************************************************/

.theme-sub-company-add-btn,
.theme-sub-company-go-back-btn,
.theme-sub-company-doc-box,
.theme-sub-company-document-accept-btn,
.theme-sub-company-document-refuse-btn,
.theme-sub-company-status-refuse-btn,
.theme-sub-company-info-btn,
.theme-sub-company-status-accept-btn,
.theme-sub-company-box,
.theme-sub-company-search,
.theme-sub-company-show-more-btn,
.theme-sub-company-status-search-btn,
.theme-sub-company-title,
.theme-sub-company-text,
.theme-sub-company-char-search-btn{
    color: #000000 !important;
}

/************************************************* BACKGROUND COLOR *************************************************/

.theme-sub-company-go-back-btn,
.theme-sub-company-search,
.theme-sub-company-box,
.theme-sub-company-show-more-btn,
.theme-sub-company-status-search-btn,
.theme-sub-company-doc-box,
.theme-sub-company-char-search-btn{
    background-color: #f4f4f4 !important;
}

.theme-sub-company-add-btn,
.theme-sub-company-doc-box.accepted,
.theme-sub-company-document-accept-btn,
.theme-sub-company-status-accept-btn{
    background-color: #67d34a !important;
}

.theme-sub-company-info-btn{
    background-color: #85bafe !important;
}

.theme-sub-company-doc-box.refused,
.theme-sub-company-document-refuse-btn,
.theme-sub-company-status-refuse-btn{
    background-color: #cc0404 !important;
}

/************************************************* BORDER *************************************************/

.theme-sub-company-status-search-btn,
.theme-sub-company-char-search-btn{
    border: 1px solid #f4f4f4 !important;
}

.theme-sub-company-go-back-btn,
.theme-sub-company-show-more-btn,
.theme-sub-company-box{
    border: 2px solid #f4f4f4 !important;
}

.theme-sub-company-box.accepted{
    border: 2px solid #67d34a !important;
}

.theme-sub-company-box.refused{
    border: 2px solid #cc0404 !important;
}

/************************************************* ACTIVE *************************************************/

.theme-sub-company-status-search-btn.active,
.theme-sub-company-char-search-btn.active{
    background-color: #20292f !important;
}

.theme-sub-company-status-search-btn.active,
.theme-sub-company-char-search-btn.active{
    color: #f4f4f4 !important;
}

/************************************************* HOVER *************************************************/

.theme-sub-company-go-back-btn:hover,
.theme-sub-company-show-more-btn:hover,
.theme-sub-company-status-search-btn:hover,
.theme-sub-company-char-search-btn:hover{
    background-color: #20292f !important;
}

.theme-sub-company-box-info-btn:hover{
    color: #85bafe !important;
}

.theme-sub-company-box-edit-btn:hover{
    color: #ffb647 !important;
}

.theme-sub-company-box-delete-btn:hover{
    color: #cc0404 !important;
}

.theme-sub-company-go-back-btn:hover,
.theme-sub-company-show-more-btn:hover,
.theme-sub-company-status-search-btn:hover,
.theme-sub-company-char-search-btn:hover{
    color: #f4f4f4 !important;
}

/*******************************************************************************************************************************************************************************************/
/*************************************************************************** SIGNATURE-MANAGER *********************************************************************************************/
/*******************************************************************************************************************************************************************************************/

/******************************************************************************BORDER*******************************************************************************/

.theme-signature-manager-data-border,
.theme-signature-manager-options-border{
    border: 2px solid #20292f !important;
}

.theme-signature-manager-btn-border{
    border: 1px solid #20292f !important;
}

.theme-signature-manager-input-btn,
.theme-signature-manager-input-btn.active{
    border: 1px solid #20292f !important;
}

.theme-signature-input-save-btn,
.theme-signature-input-save-btn.active{
    border: 1px solid #20292f !important;
}

.theme-signature-manager-clear-data-btn{
    border-color: transparent;
}

.theme-signature-manager-content-area-preview-border{
    border: 2px solid #20292f !important;
}
/******************************************************************************HOVER*******************************************************************************/
.theme-signature-manager-clear-data-btn:hover{
    color: #ff4d4d !important; 
    transform: scale(1.1);
}

.theme-signature-manager-btn-border:hover{
    border: 2px solid #f4f4f4 !important;
}

.theme-signature-manager-input-btn:hover{
    color: #f4f4f4 !important;
    background-color: #20292f !important;
}

.theme-signature-manager-input-save-btn:hover{
    color: #f4f4f4 !important;
    background-color: #20292f !important;
}

/******************************************************************************COLOR*******************************************************************************/

.theme-signature-manager-signature-table{
    color: #000000 !important;
}

.theme-signature-manager-site-link,
.theme-signature-manager-disclaimer-link{
    color: #0000EE !important;
}

.theme-signature-manager-email-link{
    color: #0000EE !important;
}

.theme-signature-manager-gps-text{
    color: #0000EE !important;
}

.theme-signature-manager-national-number-text,
.theme-signature-manager-national-landline-text{
    color: #666 !important;
}

.theme-signature-manager-buttons-container{
    color: #000000 !important;
}

.theme-signature-manager-checkbox:checked{
    color: #20292f;
}

.theme-signature-manager-data-text-title{
    color: #faf9f1 !important;
}

.theme-signature-manager-input-filled{
    color: #ffffff !important;
}

.theme-signature-manager-initial-text-preview{
    color: #000000 !important; 
}

.theme-signature-manager-input-save-btn{
    color: #0a0a0a !important;
}

.theme-signature-manager-input-save-btn.active{
    color: #faf9f1 !important;
}

.theme-signature-manager-input-btn.active{
    color: #faf9f1 !important;
}

.theme-signature-manager-clear-data-btn{
    color: #faf9f1 !important;
}

.theme-signature-manager-input-btn.input-filled{
    color: #ffffff !important;
}

.theme-dados-text-title{
    color: #faf9f1;
}
/******************************************************************************BACKGROUND COLOR*******************************************************************************/

.theme-signature-manager-content-area-preview{
    background-color: #ffffff !important;
}

.theme-signature-manager-input-save-btn{
    background-color: #faf9f1 !important;
}

.theme-signature-manager-input-btn.active,
.theme-signature-manager-input-save-btn.active{
    background-color: #0a0a0a !important;
}

.theme-signature-manager-background-titles-signatures{
    background-color: #20292f !important;
}

.theme-signature-manager-input-btn.input-filled{
    background-color: #20292f !important;
}

.theme-signature-manager-clear-data-btn{
    background: transparent !important;
}

.theme-signature-manager-input-filled{
    background-color: #20292f !important;
}

/******************************************************************************BAR*******************************************************************************/
.theme-signature-manager-bar{
    background-color: #000000 !important;
    width: 1px;
}
/******************************************************************************TRANSITION*******************************************************************************/
.theme-signature-manager-clear-data-btn{
    transition: color 0.2s, transform 0.2s;
    outline: none !important;
}
/******************************************************************************CHECKBOXES*******************************************************************************/

#signature-manager-options-small-container-left input[type="checkbox"],
#signature-manager-options-small-container-right input[type="checkbox"]{
    accent-color: #20292f;
    cursor: pointer;
}