/*top banner*/
.vv-top-left {
    width: 125px;
    padding: 10px 0 0 5px;
}

.vv-top-left-no-auth,
.vv-top-left-share {
    width: 125px;
    padding: 10px 0 17px 5px;
}

@media (max-width: 767px) {
    .vv-top-left {
        width: 60px;
    }

    .vv-top-left img {
        padding-top: 13px;
        width: 62px;
        height: auto;
    }
}

/*end top banner*/

/*icheck, iradio*/
.icheckbox_square-blue,
.iradio_square-blue {
    background: url(../../../css/app/icheck/square/purple-vv.png) no-repeat;
}

.icheckbox_square-blue {
    background-position: 0 0;
}

.iradio_square-blue {
    background-position: -120px 0;
}

/*end icheck, iradio*/

a {
    color: #3B1552;
}

a:hover,
a:focus {
    color: #3B1552;
    /*opacity: 0.8;*/
}

/*login red button*/
.login-box .btn-block.btn-login {
    background: #e10a0a !important;
    border: 1px solid #e10a0a !important;
}

.login-box .btn-block.btn-login:hover,
.login-box .btn-block.btn-login:focus,
.login-box .btn-block.btn-login:active {
    background: #e10a0a !important;
    opacity: .8 !important;
    border: 1px solid #e10a0a !important;
}

.login-box .btn-login.btn-outline {
    color: #e10a0a !important;
    background-color: transparent !important;
}

.login-box .btn-login.btn-outline:hover,
.login-box .btn-login.btn-outline:focus,
.login-box .btn-login.btn-outline:active {
    background: #e10a0a !important;
    color: #fff !important;
    border: 1px solid #e10a0a !important;
}

/*end login red button*/

/*login purple button*/
/*.login-box .btn-block.btn-login {*/
/*background: #3B1552 !important;*/
/*border: 1px solid #3B1552 !important;*/
/*}*/

/*.login-box .btn-block.btn-login:hover,*/
/*.login-box .btn-block.btn-login:focus,*/
/*.login-box .btn-block.btn-login:active {*/
/*background: #3B1552 !important;*/
/*opacity: .8 !important;*/
/*border: 1px solid #3B1552 !important;*/
/*}*/

/*.login-box .btn-login.btn-outline {*/
/*color: #3B1552 !important;*/
/*background-color: transparent !important;*/
/*}*/

/*.login-box .btn-login.btn-outline:hover,*/
/*.login-box .btn-login.btn-outline:focus,*/
/*.login-box .btn-login.btn-outline:active {*/
/*background: #3B1552 !important;*/
/*color: #fff !important;*/
/*border: 1px solid #3B1552 !important;*/
/*}*/
/*end login purple button*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #686868;
}

.text-default {
    color: #797979 !important;
}

.color-dark-gray {
    color: #686868 !important;
}

.color-gray {
    color: #9b9b9b;
}

.template-green {
    color: #00c292;
}

.template-red {
    color: #fb9678;
}

.template-yellow {
    color: #fec107;
}

.template-principal {
    color: #3B1552 !important;
}

.b-b-1 {
    border-bottom: 1px solid #e4e7ea;
}

#page-wrapper {
    background-color: #fff;
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
}

.footer-cruise {
    border-top: 1px solid #e4e7ea;
}

/*.fa-stack.profile-flag {
*/
/*;
}*/

.ready-circle {
    color: #fec107;
}

.profile-name {
    color: rgba(0, 0, 0, .7);
}

.navbar-top-links.navbar-left .search {
    color: #fff;
}

.navbar-top-links.navbar-left .search:hover,
.navbar-top-links.navbar-left .search:focus {
    color: #fff;
    background: rgba(0, 0, 0, .1);
}

.color-info {
    color: #3B1552;
}

.icon-deactive {
    color: #bcbbbb;
}

.icon-danger {
    color: #fb9678;
}

.icon-active {
    color: #3B1552;
}

.icon-active:hover,
.icon-active:focus {
    color: #3B1552;
}

.icon-deactive:hover,
.icon-deactive:focus {
    color: #3B1552;
}

.panel-cruise .panel-heading {
    border-color: #fff;
    color: rgba(0, 0, 0, .7);
    background-color: #fafafa;
    border: 1px solid rgba(120, 130, 140, .13);
}

.panel-cruise .panel-body {
    border: 1px solid rgba(120, 130, 140, .13);
}

.lobipanel.panel-collapsed>.panel-heading {
    border: 1px solid rgba(120, 130, 140, .13);
}

.panel-cruise .panel-heading .dropdown .dropdown-menu>li>a {
    color: rgba(0, 0, 0, .7);
}

.clear-all:hover {
    color: #363636;
}

.table-performance-review .table.dataTable {
    border: 2px solid #f1f2f7;
}

/*Performance Review*/
.top-level-tab-nav li a {
    color: #363636;
}

.top-level-tab-nav li.active a {
    background: #64c1f6;
    color: #fff;
}

.question-tab ul li a {
    color: #363636;
}

.question-tab li a:before {
    border: 1px solid #b7b7b7;
}

.question-tab li.active a:before {
    background: white;
}

.question-tab li.active a:after {
    background: #2489c5;
}

.question-tab li.active a {
    background: #e1e1e1;
}

.question-tab li.active:after {
    color: #363636;
}

.qa-builder-heading {
    color: #363636;
}

.qa-builder-heading .fa-info-circle {
    color: rgba(0, 0, 0, .7);
}

.iradio_css {
    border: 1px solid #b8b8b8;
}

.iradio_css.checked:before {
    background: #2489c5;
}

.qa-answer-separator {
    border-bottom: 1px solid #ccc;
}

.qa-optional-inputs label {
    color: #404040 !important;
}

.qa-submit {
    background: #30c6a3;
    color: #fff;
}

.form-control.only-bottom-border {
    border-bottom: 1px solid #ccc;
}

.delete-question {
    color: #fff;
}

.delete-question button {
    color: #fff;
    background: white !important;
}

.delete-question i:before {
    color: #686868;
}

.fa-trash:hover:before {
    color: red;
}

.notify .point {
    background-color: #f5707a;
}

.qa-answer-option-item li:before {
    background: #fff;
    color: #929394;
}

.dd3-content {
    color: #979898;
    background: #fff;
}

.dd3-content a {
    color: #686868;
}

.dd3-content a:hover,
.dd3-content a:focus,
.dd3-content a:active {
    color: #3B1552 !important;
}

.custom-dd-empty .dd-list .dd3-content {
    background: #fff;
}

.custom-dd-empty .dd-list .dd3-handle {
    background: #fff;
}

.custom-dd-empty .dd-list .dd3-handle:before {
    color: inherit;
}

.qa-header:hover {
    background: #f2f2f2 !important;
}

.one a {
    color: #797979 !important;
    background: #fff;
}

.one a:hover {
    color: #3B1552 !important;
    background-color: #fff;
}

.one a:before {
    background-color: #3B1552;
}

.card-box {
    background-color: #ffffff;
}

.qa-header {
    background: #e1e1e1;
    color: #979898;
}

.qa-header:hover {
    background: #f2f2f2 !important;
}

.bg-temporal {
    background: #f1f1f1 !important;
}

.right-options a {
    color: #686868;
}

.right-options a.mdi-pencil:hover,
.right-options a.mdi-pencil:focus {
    color: #3B1552;
}

/*Performance Review*/
.form-control:focus {
    border-color: #3B1552;
}

.b-r-1 {
    border-right: 1px solid rgba(120, 130, 140, .13) !important;
}

.badge-custom {
    background-color: #3B1552 !important;
}

.acordion-options span {
    border-left: 1px solid #d6d6d6;
}

.acordion-options span:last-child {
    border-right: 1px solid #d6d6d6;
}

.tagcloud06 ul li a {
    background-color: #e5e5e4;
    color: #555;
}

.tagcloud06 ul li[data-type="ship"] a {
    background-color: #b3dcf7;
}

.tagcloud06 ul li a:hover,
.tagcloud06 ul li a:focus,
.tagcloud06 ul li.selected a {
    background: #3B1552 !important;
    color: #fff !important;
}

/*workflow*/
.workflow-card-box {
    border: 2px solid #f3f3f3;
    background-color: #ffffff;
}

.workflow-card-box-warning {
    border: 2px solid #fec107;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent;
}

.dropdown-item.disabled:hover,
.dropdown-item.disabled:focus {
    color: #6c757d !important;
    background-color: transparent;
}

.workflow-card-box .dropdown-menu>li>a:focus,
.workflow-card-box .dropdown-menu>li>a:hover,
.options-questions .dropdown-menu>li>a:focus,
.options-questions .dropdown-menu>li>a:hover {
    color: #3B1552;
    background: #f7fafc;
}

.add-workflow,
.add-recognition {
    border: 2px dashed #eee;
    background-color: #f9f9f9;
}

.add-workflow span:before,
.add-recognition span:before {
    color: #dcdcdc !important;
}

.add-workflow:hover,
.add-recognition:hover {
    background-color: #fff;
    color: #fff !important;
    border: 1px solid #eee;
}

.add-workflow span:hover:before,
.add-workflow span:focus:before,
.add-recognition span:hover:before,
.add-recognition span:focus:before {
    color: #3B1552 !important;
}

.btn-save.form-control {
    color: #ffffff;
}

/*finalice*/
.title-content {
    background: #3B1552 !important;
    color: white;
    border: 1px solid #3B1552 !important;
}

.bg-gray {
    background: #eee !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #3B1552;
    border-color: #3B1552;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background-color: rgba(3, 177, 251, 0.18);
}

.final-header {
    border-bottom: #3B1552 solid 1px;
}

.final-header>span {
    border-bottom: #3B1552 solid 3px;
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #fff;
    border: 1px solid #ddd;
}

.move-card:before {
    color: #ccc;
}

.move-card {
    border: 1px solid #eee;
    background: white;
}

.calendar-date-out .input-group-addon {
    background-color: #eceeef;
}

.input-group-filled .input-group-addon {
    background-color: #eceeef;
}

.has-error .input-group-filled .input-group-addon {
    color: #686868;
    border: 1px solid rgba(120, 130, 140, .13);
    background-color: #eceeef;
}

.review-content {
    background: white !important;
    border: 1px solid #e6e6e6 !important;
}

/*.step-by-step-container nav ul li:first-child {
*/
/*;
}

*/
.step-by-step-container nav li.tab-current a::after {
    background: #3B1552;
}

.step-by-step-container nav a:focus,
.step-by-step-container nav a:hover {
    color: #3B1552;
}

.step-by-step-container nav a:focus::after,
.step-by-step-container nav a:hover::after,
.step-by-step-container nav li.tab-current a::after {
    background: #3B1552;
}

.block-loading {
    background: rgba(76, 175, 80, 0.3);
}

.check-validate label.error,
.validated-password label.error {
    color: red;
}

.rating-stars ul>li.star>i.fa {
    color: #ccc;
}

/* Hover state of the stars */
.rating-stars ul>li.star.hover>i.fa {
    color: #ed6e58;
}

/* Selected state of the stars */
.rating-stars ul>li.star.selected>i.fa {
    color: #ed5565;
}

/* Character Count styles */
.qa-question-input-wrapper .counter {
    color: #999999;
}

.qa-question-input-wrapper .warning {
    color: #600;
}

.qa-question-input-wrapper .exceeded {
    color: #e00;
}

/*dashboard*/
/*Cards dashboard*/
.card-dashboard {
    border: 1px solid #ddd;
}

.border-down {
    border-bottom: 1px solid #e4e7ea;
}

/*workflow datatable*/
.bg-gray {
    background: #eee !important;
}

.bg-success {
    background: #00c292 !important;
}

.bg-pending {
    background: #fec107 !important;
}

.progress.bar-steps {
    background-color: transparent !important;
}

.progress-hover:hover:after {
    background: rgba(0, 0, 0, 0);
}

.progress-hover:hover {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    border: 2px solid rgba(255, 255, 255, .5);
}

.tooltip-hover {
    background-color: rgba(255, 255, 255, 1);
    color: #575d69 !important;
}

.bg-gray .tooltip-hover {
    border-left: solid 4px #eee;
}

.bg-success .tooltip-hover {
    border-left: solid 4px #00c292;
}

.bg-primary .tooltip-hover {
    border-left: solid 4px #ab8ce4;
}

.bg-info .tooltip-hover {
    border-left: solid 4px #3B1552;
}

.bg-pending .tooltip-hover {
    border-left: solid 4px #fec107;
}

button.dt-button,
div.dt-button,
a.dt-button {
    color: rgba(0, 0, 0, .7);
}

.dt-buttons a {
    border-right: 1px #eee solid !important;
}

.dt-buttons a:hover,
.dt-buttons a:focus {
    color: #fff !important;
    background-color: #3B1552 !important;
}

.dataTables_length .dt-button:hover,
.dataTables_length .dt-button:focus,
.jsGridTables_length .dt-button:hover,
.jsGridTables_length .dt-button:focus {
    color: #fff !important;
    background-color: #3B1552 !important;
}

.buttons-copy,
.buttons-csv,
.buttons-pdf,
.buttons-excel,
.buttons-print,
.buttons-refresh {
    background-color: white !important;
}

table.dataTable .fb-inbox-widget tbody tr {
    background-color: transparent;
}

table.dataTable .fb-inbox-widget tbody tr:focus,
table.dataTable .fb-inbox-widget tbody tr:hover {
    background-color: transparent;
}

.sub-right {
    border-right: solid #eee 1px;
}

.datatable-actions a:hover,
.datatable-actions a:focus {
    color: #3B1552 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #3B1552;
    background-color: #3B1552;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid rgba(59, 21, 82, 0.18);
    background-color: rgba(59, 21, 82, 0.18);
}

/*start performance review*/
.title-start-performance {
    color: #686868;
}

.box-questions-workflow {
    border: 1px #eee solid !important;
}

.title-questions-text {
    color: rgba(0, 0, 0, .7);
}

/*Career Navigation*/
.color-success {
    color: #00c292 !important;
}

.color-danger {
    color: #fb9678;
}

.color-red {
    color: red;
}

.color-warning {
    color: #fec107;
}

.bg-success {
    background-color: #00c292 !important;
}

.bg-danger {
    background-color: #fb9678;
}

.bg-red {
    background-color: red;
}

.bg-warning {
    background-color: #fec107;
}

.color-blue-career {
    color: #3B1552;
}

.change-supervisor-mentor a:hover i,
.change-supervisor-mentor a:hover p,
.change-supervisor-mentor a:focus i,
.change-supervisor-mentor a:focus p {
    color: #3B1552;
}

.change-supervisor-mentor a:hover img,
.change-supervisor-mentor a:focus img {
    border: 3px solid #3B1552;
}

/*schedule*/
.column-schedule {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.schedule-top-color {
    background-color: #3B1552;
}

.column-schedule-head {
    color: rgba(0, 0, 0, .7);
}

.schedule-posts-ul li {
    background-color: #fff;
}

.schedule-card {
    border-bottom: 1px solid #f6f4f4;
}

.schedule-posts-ul li.new-skill {
    background-color: rgba(11, 144, 253, 0.03);
}

.comments-attach-profile a:hover i,
.comments-attach-profile a:focus i {
    color: #3B1552;
}

.add-task a {
    color: #bfbfbf;
}

.column-schedule-footer a {
    color: #bfbfbf;
}

.add-task a:hover,
.add-task a:focus,
.add-task a:hover,
.add-task a:focus {
    color: #3B1552;
}

.type-task i {
    color: rgba(84, 102, 122, 0.77);
}

.type-task .comment-text {
    color: rgba(84, 102, 122, 0.77);
}

.date-task {
    color: #bfbfbf;
}


.schedule-post-link:hover,
.schedule-post-link:focus,
.schedule-post-link:active,
.schedule-post-link:visited {
    color: #f46c93;
}

.comments-attach-profile .comments,
.comments-attach-profile .attach {
    color: #bfbfbf;
}

.comments-attach-profile .mdi-plus-circle-outline {
    color: #bfbfbf;
}

.priority span {
    color: #fff;
}

.priority.low-priority span {
    background-color: #bfbfbf;
}

.priority.high-priority span,
.priority.danger-priority span {
    background-color: #fb9678;
}

.priority.med-priority span {
    background-color: #fec107;
}

.priority.success-priority span {
    background-color: #00c292;
}

.priority.info-priority span {
    background-color: #3B1552;
}

.view-upcoming {
    color: #3B1552;
}

.circle-view {
    color: rgba(0, 0, 0, .7);
    background-color: #bfbfbf;
}

.text-chart p {
    color: rgba(0, 0, 0, .7);
}

.circle-table {
    color: rgba(0, 0, 0, .7);
    background-color: #bfbfbf;
}

.table-label-overdue {
    color: #fff;
    background-color: #fec107;
}

.table-label-success {
    color: #fff;
    background-color: #00c292;
}

.table-label-expired {
    color: #fff;
    background-color: #fb9678;
}

.check-success {
    color: #00c292;
}

.link-table-go {
    color: #797979;
}

.link-table-go:hover,
.link-table-go:focus {
    color: #3B1552;
}

.year-applied .mdi {
    color: rgba(0, 0, 0, .7);
}

.year-applied .mdi:hover,
.year-applied .mdi:focus {
    color: #3B1552;
}

.title-position {
    color: rgba(0, 0, 0, .5);
    border-bottom: 2px solid #3B1552;
}

/*End Career Navigation*/
/*dashboard career*/
.white-box-border {
    border: 1px solid #ddd;
}

.btn-next-back {
    border: 1px solid rgba(120, 130, 140, .13);
    background-color: #fafafa;
}

.btn-next-back:hover {
    background-color: #f5f5f5;
}

.pending-career-navigation .comment-body img {
    border: 2px solid #fec107;
}

.completed-career-navigation .comment-body img {
    border: 2px solid #00c292;
}

/*End dashboard career*/
.notification-no-read {
    border-left: 2px solid #3B1552;
}

.asterisk {
    color: #e1313c;
}

.signature-field {
    border: 2px dotted #cbcbcb;
    background-color: rgba(251, 251, 251, 0.99);
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
}

select[readonly] {
    color: #3B1552;
}

select[readonly] option {
    color: rgba(0, 0, 0, .7);
}

select[readonly] option[selected] {
    color: #3B1552;
}

.sub-title {
    color: #2b2b2b;
}

.border-comment-decisions {
    border-bottom: 1px solid rgba(120, 130, 140, .13);
}

.border-comment-decisions:last-child {
    border-bottom: 1px solid #3B1552;
}

.btn-info:focus {
    color: #fff;
    background: #3B1552;
    border: 1px solid #3B1552;
}

.btn-info.disabled,
.btn-info:disabled {
    background: #3B1552;
    border: 1px solid #3B1552;
}

.employee-details-icon {
    color: #5c257e;
}

.ribbon-default {
    background: #bfbfbf !important;
}

.link-action {
    color: #797979;
}

.link-action:hover {
    color: #5c257e;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #e4e7ea;
}

.select2-container--default .select2-selection--single:focus {
    border-color: #3B1552;
}

.select2-container--open .select2-selection,
.select2-container--focus .select2-selection,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #3B1552;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3B1552;
    color: white;
}

.select2-search input,
.select2-selection--multiple {
    background: #fff url('../../../images/app/select2.png') no-repeat 100% 6px;
}

.select2-selection--multiple {
    background: #fff url('../../../images/app/select2.png') no-repeat 100% 10px;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background: #fff !important;
}

.select-form .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background: rgba(228, 228, 228, 0.51) url('../../../images/app/select2.png') no-repeat 100% 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: rgba(228, 228, 228, 0.51);
    border: 1px solid rgba(170, 170, 170, 0.59);
}

.select2-dropdown {
    border-bottom: 1px solid #3B1552;
    border-right: 1px solid #3B1552;
    border-left: 1px solid #3B1552;
}

.label-default,
.color-default {
    color: #686868;
}

.a-white,
.a-white:visited,
.a-white:focus {
    color: #fff !important;
}

.a-white:hover {
    color: #eee;
}

.a-666 {
    color: #666;
}

.checkbox-table label::before {
    border: 1px solid #3B1552;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #686868 !important;
}

.login-register-virgin1 {
    background: url(../../images/app/vv-login-1.jpg) center center/cover no-repeat !important;
}

.login-register-virgin2 {
    background: url(../../images/app/vv-login-2.jpg) center center/cover no-repeat !important;
}

.login-register-virgin3 {
    background: url(../../images/app/vv-login-3.jpg) center center/cover no-repeat !important;
}

.login-screen .form-material .form-control,
.login-screen .form-material .form-control.focus,
.login-screen .form-material .form-control:focus {
    background-image: linear-gradient(#3B1552, #3B1552) !important;
    border-bottom: solid 1px rgba(120, 130, 140, .13);
}

.checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #3B1552;
    border-color: #3B1552;
}

.card-login-company:hover {
    background-color: #fafafa;
}

.footer-login {
    color: #FFFFFF;
}

.footer-login a {
    color: #FFFFFF;
}

.footer-login a:hover,
.footer-login a:focus {
    color: #dcdcdc;
}

ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background: #3B1552;
}

#preview-template {
    border: 1px solid #dddddd;
}

.user-permissions-btn {
    color: #fff;
    background-color: #3B1552;
}

.user-permissions-btn:hover {
    background-color: #5c257e;
    color: #fff;
}

.remove-btn {
    background-color: #fb9678;
}

.remove-btn:hover {
    background-color: #dc3545;
    color: #fff;
}

#companies-permissions .collapse-content {
    color: #373737;
    border-bottom: 1px solid #3B1552 !important;
}

#companies-permissions .collapse-content i {
    color: #828181;
}

.gj-checkbox-md input[type=checkbox]:checked+span {
    border: 2px solid #3B1552;
}

.gj-checkbox-md input[type=checkbox]:checked+span:after {
    background-color: #3B1552;
}

.datepicker table tr td.active,
.datepicker table tr td.range-start,
.datepicker table tr td.range-end,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background: #3B1552 !important;
    color: #fff;
}

.datepicker table tr td.range {
    background: #ebebeb;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background: #3B1552;
    color: #fff;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background-color: #3B1552;
    color: #fff;
}

.show-password,
.clear-input {
    color: rgba(105, 114, 124, 0.52);
}

.date-range-picker .clear-input {
    color: rgba(105, 114, 124, 0.52);
}

.qa-question-input-wrapper.date-range-picker span.clear-input:hover {
    color: #3B1552;
}

.has-error .form-control:focus~label,
.has-error .form-control:valid~label {
    color: red;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: red;
}

.has-error .form-control {
    border-bottom: 1px solid red;
}

.has-error .form-control {
    border-color: red;
}

.right-sidebar .rpanel-title span:hover {
    color: #d3d3d3;
}

/*left side bar*/
.left-sidebar {
    background: #fff;
}

.left-sidebar .rpanel-title {
    color: #fff;
    background: #191919;
}

.left-sidebar .rpanel-title {
    background: #191919;
}

.left-sidebar .rpanel-title span:hover {
    color: #d3d3d3;
}

.navbar-header .search-mobile {
    color: #fff !important;
    color: rgba(255, 255, 255, .5);
}

.navbar-header .search-mobile:focus,
.navbar-header .search-mobile:hover {
    background: rgba(0, 0, 0, .1);
    color: #fff;
}

.navbar-header .navbar-toggle {
    color: #fff !important;
}

.navbar-header .navbar-toggle:focus,
.navbar-header .navbar-toggle:hover {
    background: rgba(0, 0, 0, .1);
    color: #fff;
}

.notification .icon i {
    color: #ffffff;
}

.notification a.unread {
    background: #f2f5f7;
}

.message-center a:hover {
    background: #f7fafc;
}

.customtab.nav-tabs .nav-link.active,
.customtab.nav-tabs .nav-link.active:focus,
.customtab.nav-tabs .nav-link:hover {
    border-bottom: 2px solid #3B1552;
    color: #3B1552;
}

.nav-shortcut>li a {
    border: 1px solid rgba(84, 102, 122, 0.47);
    color: rgba(84, 102, 122, 0.77);
}

.nav-shortcut>li a:hover {
    color: #fff;
    border: 1px solid #3B1552;
    background-color: #3B1552;
}

.group-form .input-group-addon {
    background-color: #fff;
    border-right: 1px solid #e4e7ea;
    border-top: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
}

.group-form .form-control:focus+.input-group-addon {
    border-color: #3B1552;
}

.thumb-number {
    border: 1px solid #e4e7ea;
    color: #565656;
}

thead .backgroud-filled {
    background-color: #f7fafc !important;
}

.filter-search a {
    color: #4c5667;
}

.tooltip .tooltip-arrow::before {
    border-color: transparent;
}

.bottom .tooltip-arrow::before,
.bottom .tooltip-arrow::before {
    border-bottom-color: #000;
}

.thin-steps-numbered-bg .column-step.active .step-number {
    color: #F3D7D4;
}

.timeline>li>.timeline-panel {
    border: 1px solid rgba(120, 130, 140, .13);
}

.timeline:before {
    background-color: #eee;
}

.timeline>li>.timeline-badge {
    color: #fff;
    background-color: #4c5667;
}

.timeline-badge.success {
    background-color: #00c292 !important;
}

.timeline-badge.warning {
    background-color: #fec107 !important;
}

.timeline-badge.danger {
    background-color: #fb9678 !important;
}

.timeline-badge.purple {
    background-color: #9675ce !important;
}

.timeline>li>.timeline-panel:before {
    border-right: 0 solid rgba(120, 130, 140, .13);
    border-left: 8px solid rgba(120, 130, 140, .13);
}

.timeline>li>.timeline-panel:after {
    border-right: 0 solid #fff;
    border-left: 7px solid #fff;
}

ul.timeline>li>.timeline-panel .btn-close-action {
    color: rgba(0, 0, 0, 0.4);
    background: rgba(120, 130, 140, .13);
}

ul.timeline>li>.timeline-panel .btn-close-action:hover {
    background: rgba(204, 204, 204, 0.63);
}

ul.timeline>li>.timeline-panel.panel-overdue .btn-close-action {
    color: #fff;
    background: rgba(251, 150, 120, 1);
}

ul.timeline>li>.timeline-panel.panel-overdue .btn-close-action:hover {
    background: rgb(236, 138, 117);
}

.timeline-panel a,
.timeline-panel a:active,
.timeline-panel a:focus,
.timeline-panel a:hover {
    color: #686868;
}

ul.timeline>li>.timeline-badge.background-blue-career {
    background-color: #3B1552;
}

.timeline-pending-career-navigation .fb-inbox-item-img img {
    border: 2px solid #fec107;
}

.timeline-completed-career-navigation .fb-inbox-item-img img {
    border: 2px solid #00c292;
}

.timeline-heading .text-danger {
    color: #fb9678 !important;
}

.timeline>li>.timeline-panel.panel-overdue {
    border: 1px solid rgba(251, 150, 120, 1);
}

/*.timeline>li>.timeline-panel:before {*/
/*border-right: 0 solid rgba(120,130,140,.13);*/
/*border-left: 8px solid rgba(120,130,140,.13);*/
/*}*/

/*.timeline>li>.timeline-panel.panel-overdue:before {*/
/*border-right: 0 solid rgba(251, 150, 120, 1);*/
/*border-left: 8px solid rgba(251, 150, 120, 1);*/
/*}*/

.authors-link {
    color: #3B1552;
}

.no-to-show {
    color: #bfbfbf;
}

[data-custom-class=heading_1],
[data-custom-class=heading_2] {
    color: #686868 !important;
}

.div-backgroud-filled {
    background: rgba(204, 204, 204, 0.14);
    border: 1px solid rgba(204, 204, 204, 0.28);
}

.no-rule-error.div-backgroud-filled {
    border: 1px solid red;
}

/*sortable list*/
.hierachy ul,
.hierachy li,
#sortableListsBase li {
    color: #797979;
}

.hierachy .fa.fa-plus,
.hierachy-list .fa.fa-plus {
    color: #00c292;
}

.hierachy .fa.fa-minus,
.hierachy-list .fa.fa-minus {
    color: #fb9678;
}

.hierachy-move-left a {
    color: #696969;
}

.hierachy-move-left a.ti-angle-double-right:hover {
    color: #3B1552;
}

.hierachy li.sorteable-position-item div,
#sortableListsBase li div {
    background-color: #f5f5f5;
}

.c1 {
    color: #b5e853;
}

.c2 {
    color: #63c0f5;
}

.c3 {
    color: #f77720;
}

.c4 {
    color: #888;
}

.c5 {
    color: #666667;
}

.c6 {
    color: #888;
}

.bgC1,
.gray {
    background-color: #ccc;
}

.bgC2,
.yellow {
    background-color: #ff8;
}

.bgC3,
.red {
    background-color: #ff9999;
}

.bgC4,
.blue {
    background-color: #aaaaff;
}

.bgC5,
.green {
    background-color: #99ff99;
}

.bgC6,
.gree2 {
    background-color: #bbffbb;
}

.bgC7,
.brown {
    background-color: #c26b2b;
}

/*Left list*/
.hierachy-list ul,
.hierachy-list li,
.department-hierachy ul,
.department-hierachy li {
    color: #797979;
}

.hierachy-list li div,
.department-hierachy li div {
    background-color: #f5f5f5;
}

.parent-hierarhy-out {
    border: 2px dashed #fec107 !important;
}

.panel-action-hierachy a {
    color: rgba(0, 0, 0, .7);
}

/*employee list*/
.list-positions,
.employee-hierarchy {
    padding: 0;
    /*background-color:#151515;*/
}

div.label-hierachy {
    background-color: #f5f5f5;
}

.tag-hierarchy {
    color: #686868;
    background-color: #f5f5f5;
}

.employee-item .delete-employee,
.employee-item .permission-position-btn {
    color: #686868;
}

.sortable-empty {
    border: 1px dashed #d5d5d5;
    background-color: #FFFFFF;
}

.sort-placeholder-section {
    border: 1px dashed gray;
    background-color: #fff;
}

.tooltipster-sidetip .tooltipster-box {
    background: #fff;
    border: 2px solid #686868;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #686868;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #686868;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #686868;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #686868;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #fff;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #fff;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #fff;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #fff;
}

/*end tooltip*/
.s2-to-tree.select2-container li.select2-results__option--highlighted[aria-selected],
.s2-to-tree.select2-container li.select2-results__option[aria-selected="true"] {
    background-color: #3B1552;
}

.s2-to-tree li.select2-results__option--highlighted .expand-collapse:before {
    color: #fff;
}

.s2-to-tree li.select2-results__option[aria-selected="true"] .expand-collapse:before {
    color: #fff;
}

.s2-to-tree.select2-container li.select2-results__option[aria-selected="true"]>span.item-label {
    background-color: #3B1552;
    color: #fff;
}

.s2-to-tree.select2-container .select2-results__option--highlighted[aria-selected]>span.item-label {
    background-color: #3B1552;
    color: #fff;
}

@media only screen and (max-width: 480px) {
    .login-register {
        background: #FFFFFF center center/cover no-repeat !important;
    }
}

@media only screen and (max-width: 480px) {
    .login-register {
        background: #FFFFFF center center/cover no-repeat !important;
    }

    .footer-login,
    .footer-login a {
        color: #686868;
    }

    .footer-login a:hover,
    .footer-login a:focus {
        color: #1d2124;
    }
}

/*Sweet alert*/
.swal2-icon {
    color: transparent;
}

.swal2-modal .swal2-buttonswrapper .swal2-styled {
    -webkit-tap-highlight-color: transparent;
}

.swal2-modal .swal2-buttonswrapper .swal2-confirm {
    color: #fff;
    background: #3B1552 !important;
    border: 1px solid #3B1552 !important;
}

.swal2-modal .swal2-buttonswrapper .swal2-confirm:hover {
    background: #3B1552 !important;
    border: 1px solid #3B1552 !important;
}

.swal2-modal .swal2-buttonswrapper .swal2-cancel {
    border: 1px solid #3B1552;
    color: #3B1552;
    background-color: transparent !important;
}

.swal2-modal .swal2-buttonswrapper .swal2-cancel:hover {
    color: #FFFFFF;
}

.swal2-modal .swal2-buttonswrapper .delete-message-button {
    color: #fff;
    background: #fb9678 !important;
    border: 1px solid #fb9678 !important;
}

.swal2-modal .swal2-buttonswrapper .delete-message-button:hover {
    background: #fb9678 !important;
    border: 1px solid #fb9678 !important;
}

/*----------------------------------- charts*/
.template-green-chart {
    color: #00c292;
}

.template-gray-chart {
    color: #686868;
}

.template-gray-doughnut-chart {
    color: #b9b9b9;
}

.template-cyan-chart {
    color: #02bec9;
}

.template-magenta-chart {
    color: #9675ce;
}

.template-blue-chart {
    color: #3B1552;
}

.template-red-chart {
    color: #fb9678;
}

/*----------------------------------- calendar*/
.template-green-calendar {
    background: #00c292;
}

.template-orange-calendar {
    background: #F3A213;
}

.template-red-calendar {
    background: #fb9678;
}

/*----------------------------------- tags*/
.template-green-tag {
    background-color: #00c292;
}

.template-cyan-tag {
    background-color: #02bec9;
}

.template-blue-tag {
    background-color: #3B1552;
}

/*jobs tags background*/
.template-full-time {
    background-color: #ab8ce4;
}

.template-part-time {
    background-color: #7dc246;
}

.template-temporary {
    background-color: #26ae61;
}

.template-intership {
    background-color: #d12cab;
}

.template-freelnace {
    background-color: #0b1b46;
}

.template-volunteer {
    background-color: #3B1552;
}

.template-default {
    background-color: #e4e4e4;
    color: #686868;
}

/*calendar*/
.fc th.fc-widget-header {
    background: #3B1552;
    color: #fff;
}

.job-thumb img {
    border: 2px solid #e8ecec;
}

.tag-cloud-categories ul li a:hover,
.tag-cloud-categories ul li a:focus,
.tag-cloud-categories ul li.selected a {
    background: #e5e5e4 !important;
    color: #555 !important;
}

.job-statistic span {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.job-statistic p {
    color: #ffffff;
}

/*End Jobs*/
.select-card {
    background-color: #fff;
    border: 1px solid #e4e7ea;
}

.has-error .select-card {
    border: 1px solid red;
}

.select-card:hover {
    background-color: #edf1f5;
}

.select-card.active {
    border: 2px solid #3B1552;
}

.fip-grey.icons-selector .selector {
    border: 1px solid #e4e7ea;
}

.fip-grey.icons-selector span.current-icon,
.fip-grey.icons-selector span.current-icon:hover {
    background-color: #3B1552;
    color: #fff;
    border: 1px solid #3B1552;
}

.fip-grey.icons-selector .selector-search i {
    color: #aaa;
}

.fip-grey.icons-selector input::placeholder {
    color: #999;
}

.fip-grey.icons-selector input::-webkit-input-placeholder {
    color: #999;
}

.fip-grey.icons-selector input::-moz-placeholder {
    color: #999;
}

.fip-grey.icons-selector input:-ms-input-placeholder {
    color: #999;
}

.fip-grey.icons-selector input:-moz-placeholder {
    color: #999;
}

.fip-grey.icons-selector .selector-category select,
.fip-grey.icons-selector .selector-search input[type=text],
.fip-grey.icons-selector .selected-icon i {
    color: #565656;
}

.company-head-image img {
    border: 2px solid #e8ecec;
}

/*end company external dashboard*/

.preview-image-employee-add {
    background-color: #fafafa;
}

.consolidated-appointments-points span:first-child {
    color: #00c292;
}

.consolidated-appointments-points span:nth-child(2) {
    color: #3B1552;
}

.consolidated-appointments-points span:nth-child(3) {
    color: #0673f3;
}

.consolidated-appointments-points span:nth-child(4) {
    color: #05c269;
}

.consolidated-appointments-points span:nth-child(5) {
    color: #01ddf3;
}

.consolidated-appointments-points span:nth-child(6) {
    color: #639ef3;
}

.consolidated-appointments-points span:nth-child(7) {
    color: #86def3;
}

/*social networks*/
.social-wrapper a.share-fb {
    color: #3b5998;
    border-color: #3b5998;
}

.social-wrapper a.share-fb:hover,
.social-wrapper a.share-fb:focus {
    background: #3b5998;
    border-color: #3b5998;
    color: #ffffff;
}

.social-wrapper a.share-twitter {
    color: #1da1f2;
    border-color: #1da1f2;
}

.social-wrapper a.share-twitter:hover,
.social-wrapper a.share-twitter:focus {
    background: #1da1f2;
    border-color: #1da1f2;
    color: #ffffff;
}

.social-wrapper a.share-linkedin {
    color: #0077B5;
    border-color: #0077B5;
}

.social-wrapper a.share-linkedin:hover,
.social-wrapper a.share-linkedin:focus {
    background: #0077B5;
    border-color: #0077B5;
    color: #ffffff;
}

.applicants-widget img {
    border: 2px solid #3B1552;
    background-color: #fff;
}

.applicants-number {
    background-color: #3B1552;
    color: #ffffff;
}

.applicants-number-left {
    color: #3B1552;
}

/*tooltip applicants*/
a.mytooltip.tooltip-applicant-info {
    color: #3B1552;
}

.tooltip-applicant-info .tooltip-text-applicant {
    border-bottom: 10px solid #3B1552;
}

.tooltip-applicant-info .tooltip-content-applicant::after {
    border-color: #3B1552 transparent transparent;
}

a.mytooltip.tooltip-applicant-success {
    color: #00c292;
}

.tooltip-applicant-success .tooltip-text-applicant {
    border-bottom: 10px solid #00c292;
}

.tooltip-applicant-success .tooltip-content-applicant::after {
    border-color: #00c292 transparent transparent;
}

a.mytooltip.tooltip-applicant-danger {
    color: #fb9678;
}

.tooltip-applicant-danger .tooltip-text-applicant {
    border-bottom: 10px solid #fb9678;
}

.tooltip-applicant-danger .tooltip-content-applicant::after {
    border-color: #fb9678 transparent transparent;
}

a.mytooltip.tooltip-applicant-warning {
    color: #fec107;
}

.tooltip-applicant-warning .tooltip-text-applicant {
    border-bottom: 10px solid #fec107;
}

.tooltip-applicant-warning .tooltip-content-applicant::after {
    border-color: #fec107 transparent transparent;
}

.tooltip-content-applicant {
    color: #fff;
}

.tooltip-inner-applicant {
    background: #2b2b2b;
}

.datepicker table tr td.day.highlight:before {
    border-bottom-color: #3B1552;
    border-top-color: rgba(0, 0, 0, 0.2);
}

.datepicker table tr td.active.day.highlight:before,
.datepicker table tr td.today.day.highlight:before {
    border-bottom-color: #fff;
}

.datepicker table tr td.day.focused.active.highlight,
.datepicker table tr td.active.day.highlight:hover,
.datepicker table tr td.today.day.highlight:hover {
    color: #fff !important;
}

.datepicker table tr td.day.focused.highlight,
.datepicker table tr td.day.highlight:hover {
    color: #797979;
}

/*clockpicker*/
.clockpicker .input-group-addon {
    color: #464a4c;
    background-color: #eceeef;
}

.ion-applicant-danger .irs--flat .irs-bar {
    background-color: #fb9678;
    ;
}

.ion-applicant-danger .irs--flat .irs-handle>i:first-child {
    background-color: #da776d;
}

.ion-applicant-danger .irs--flat .irs-handle.state_hover>i:first-child,
.ion-applicant-danger .irs--flat .irs-handle:hover>i:first-child {
    background-color: #a45454;
}

.ion-applicant-danger .irs--flat .irs-from,
.ion-applicant-danger .irs--flat .irs-to,
.ion-applicant-danger .irs--flat .irs-single {
    background-color: #fb9678;
}

.ion-applicant-danger .irs--flat .irs-from:before,
.ion-applicant-danger .irs--flat .irs-to:before,
.ion-applicant-danger .irs--flat .irs-single:before {
    border-top-color: #fb9678;
}

.ion-applicant-warning .irs--flat .irs-bar {
    background-color: #fec107;
}

.ion-applicant-warning .irs--flat .irs-handle>i:first-child {
    background-color: #da9d07;
}

.ion-applicant-warning .irs--flat .irs-handle.state_hover>i:first-child,
.ion-applicant-warning .irs--flat .irs-handle:hover>i:first-child {
    background-color: #a47a07;
}

.ion-applicant-warning .irs--flat .irs-from,
.ion-applicant-warning .irs--flat .irs-to,
.ion-applicant-warning .irs--flat .irs-single {
    background-color: #fec107;
}

.ion-applicant-warning .irs--flat .irs-from:before,
.ion-applicant-warning .irs--flat .irs-to:before,
.ion-applicant-warning .irs--flat .irs-single:before {
    border-top-color: #fec107;
}

.ion-applicant-success .irs--flat .irs-bar {
    background-color: #00c292;
}

.ion-applicant-success .irs--flat .irs-handle>i:first-child {
    background-color: #00a779;
}

.ion-applicant-success .irs--flat .irs-handle.state_hover>i:first-child,
.ion-applicant-success .irs--flat .irs-handle:hover>i:first-child {
    background-color: #009b6d;
}

.ion-applicant-success .irs--flat .irs-from,
.ion-applicant-success .irs--flat .irs-to,
.ion-applicant-success .irs--flat .irs-single {
    background-color: #00c292;
}

.ion-applicant-success .irs--flat .irs-from:before,
.ion-applicant-success .irs--flat .irs-to:before,
.ion-applicant-success .irs--flat .irs-single:before {
    border-top-color: #00c292;
}

/*end ion range*/
.form-control-entries-datatable {
    background-color: #fff;
    border: 1px solid #e4e7ea;
    color: #565656;
}

.form-control-entries-datatable:focus {
    border-color: #3B1552;
}

.new-changes {
    color: red;
}

.qa-question-input-wrapper span.clear-input {
    color: rgba(105, 114, 124, 0.52);
}

input:focus~span.clear-input>i {
    color: #3B1552;
}

#step-1-btn .step-number,
#step-2-btn .step-number,
#step-3-btn .step-number,
#step-4-btn .step-number {
    color: #e4e7ea;
}

.active #step-1-btn .step-number,
.upcoming #step-1-btn .step-number,
.active #step-2-btn .step-number,
.upcoming #step-2-btn .step-number,
.active #step-3-btn .step-number,
.upcoming #step-3-btn .step-number,
.active #step-4-btn .step-number,
.upcoming #step-4-btn .step-number {
    color: #3B1552;
}

#step-1-btn .step-info,
#step-2-btn .step-info,
#step-3-btn .step-info,
#step-4-btn .step-info {
    color: #686868;
}

.gray-box {
    background-color: #fafafa;
    border: 1px solid rgba(120, 130, 140, .13);
}

.progress-bar-info {
    background-color: #3B1552;
}

/*End Documentation*/
/*Manuals*/
.qa-header-section {
    background-color: #f5f5f5;
}

.tree-builder-wraper .sortable-empty {
    border: 1px #d5d5d5 dashed;
    background-color: #FFFFFF;
}

/*End Manuals*/
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    background-color: #3B1552;
    border: 1px solid #3B1552;
    color: #fff;
}

.text-white h1,
.text-white h2 {
    color: #ffffff;
}

.separator-left {
    border-left: 1px solid #ffffff;
}

.ribbon-white {
    background: #ffffff;
}

.ribbon-text-success {
    color: #00c292;
}

.ribbon-text-danger {
    color: #fb9678;
}

.ribbon-white.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #ffffff;
}

.ribbon-white.ribbon-corner.ribbon-right:before {
    border-right-color: #ffffff;
    border-left-color: transparent;
}

.pin-modules i,
.pin-modules i:hover,
.pin-modules i:active,
.pin-modules i:focus {
    color: #5c257e;
}

/*end panel with buttons*/

/*cruise bi employee card*/
.card-employee-cruise-bi.selected .img-text-user img {
    background-color: #00c292;
}

.card-employee-cruise-bi.selected .img-text-user .fa-stack .fa-circle,
.card-employee-cruise-bi.selected .img-text-user p,
.card-employee-cruise-bi.selected .img-text-user h4 {
    color: #00c292;
}

.selection-box {
    background: rgba(0, 0, 255, 0.1);
    border: 0.05em solid rgba(0, 0, 255, 0.2);
}

.border-right-buttons {
    border-right: 1px solid #e4e7ea;
}

/*end cruise bi employee card*/

.table-disciplinary-documents a {
    color: #797979;
}

/*upload documents*/
.document-list-element {
    border-top: 1px solid rgba(120, 130, 140, .13);
}

.document-list-element:first-child {
    border: 0;
}

.document-list-element:nth-child(even) {
    background-color: #f4f8fb;
}

.uploaded-documents-container .btn-check:focus,
.uploaded-documents-container .btn-check:active {
    box-shadow: none;
}

.btn-check-success.btn-outline:hover,
.btn-check-success.btn-outline:focus,
.btn-check-success.btn-outline.active {
    background: #00c292;
    color: #fff;
}

.btn-check-danger.btn-outline:hover,
.btn-check-danger.btn-outline:focus,
.btn-check-danger.btn-outline.active {
    background: #fb9678;
    color: #fff;
}

.modal-header .btn-details-view {
    color: #000;
    text-shadow: 0 1px 0 #fff;
    background: transparent;
    border: 0;
}

.modal-header .btn-details-view:hover,
.modal-header .btn-details-view:focus,
.modal-header .btn-details-view:active {
    color: #000;
}

.modal-header .btn-details-view.active {
    color: #3B1552;
}

/*end upload documents*/

/*-------------------------------- Test --------------------------------*/

.test-question-left {
    background-color: #3B1552;
    color: #fff;
}

.test-question-right {
    background-color: #3B1552;
    color: #fff;
}

.test-question-left:hover,
.test-question-left:focus,
.test-question-left:active,
.test-question-right:hover,
.test-question-right:focus,
.test-question-right:active {
    box-shadow: 3px 5px 7px rgba(0, 0, 0, 0.1);
    background-color: #5c257e;
    color: #fff;
}

/*end test*/
/*-------------------------------- CRM --------------------------------*/
.contacts-actions a.online-chat-contact:hover,
.contacts-actions a.online-chat-contact:focus,
.contacts-actions a.online-chat-contact:active,
.contacts-actions a.online-chat-contact.active {
    color: #0287C2 !important;
}

.contacts-actions a.sms-contact:hover,
.contacts-actions a.sms-contact:focus,
.contacts-actions a.sms-contact:active,
.contacts-actions a.sms-contact.active {
    color: #fec107 !important;
}

.contacts-actions a.whatsapp-contact:hover,
.contacts-actions a.whatsapp-contact:focus,
.contacts-actions a.whatsapp-contact:active,
.contacts-actions a.whatsapp-contact.active {
    color: #25D366 !important;
}

.contacts-actions a.email-contact:hover,
.contacts-actions a.email-contact:focus,
.contacts-actions a.email-contact:active,
.contacts-actions a.email-contact.active {
    color: #D44638 !important;
}

.contacts-actions a.video-contact:hover,
.contacts-actions a.video-contact:focus,
.contacts-actions a.video-contact:active,
.contacts-actions a.video-contact.active {
    color: #9675ce !important;
}

.contacts-actions a.phone-contact:hover,
.contacts-actions a.phone-contact:focus,
.contacts-actions a.phone-contact:active,
.contacts-actions a.phone-contact.active {
    color: #3B1552 !important;
}

a.change-groups {
    color: #3B1552 !important;
}

a.change-groups:hover,
a.change-groups:focus,
a.change-groups:active,
a.change-groups.active {
    color: #3B1552 !important;
    opacity: 0.8;
}

.contact-groups li div:hover,
.contact-groups li div:focus,
.contact-groups li div:active,
.contact-groups li.active div {
    color: #3B1552 !important;
}

.contact-groups li div.group-element-container .group-element-menu li a:hover,
.contact-groups li div.group-element-container .group-element-menu li a:focus,
.contact-groups li div.group-element-container .group-element-menu li a:active {
    color: #3B1552 !important;
}

.remove-contact-group {
    color: #8d9ea7;
}

.remove-contact-group:hover,
.remove-contact-group:focus,
.remove-contact-group:active {
    color: red;
}

.chat-main-box {
    border: 1px solid rgba(120, 130, 140, .13);
}

.send-chat-box .send-messages-crm-container {
    border-top: 1px solid rgba(120, 130, 140, .13);
}

.messages-crm .send-chat-box .send-messages-crm-container {
    border-top: 1px solid rgba(120, 130, 140, .13);
    background-color: #efefef;
}

.chat-main-box .chat-right-aside .send-chat-box .message-text.form-control {
    background-color: #fff;
}

.messages-crm.crm-calls-container .chat-main-header .right-btn-call {
    background-color: #3B1552;
    color: #fff;
}

.messages-crm.crm-video-calls-container .chat-main-header .right-btn-call {
    background-color: #9675ce;
    color: #fff;
}

.messages-crm .chat-main-header .right-btn-call:hover,
.messages-crm .chat-main-header .right-btn-call:focus,
.messages-crm .chat-main-header .right-btn-call:active {
    opacity: 0.8;
}

/*--------------------------------------- SMS ---------------------------------------*/
.send-sms-container .form-material .form-control {
    background-image: linear-gradient(#fec107, #fec107), linear-gradient(rgba(120, 130, 140, .13), rgba(120, 130, 140, .13));
}

.send-sms-container .btn-send-message button {
    color: #fec107;
}

.send-sms-container .btn-send-message button:hover,
.send-sms-container .btn-send-message button:focus,
.send-sms-container .btn-send-message button:active {
    color: #cb9a05;
}

.send-sms-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.send-sms-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.send-sms-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.send-sms-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
    background: #fef2cd;
}

.send-sms-container .chat-list .sender .chat-text {
    background: #fef2cd;
}

/*--------------------------------------- End SMS ---------------------------------------*/
/*--------------------------------------- Whatsapp ---------------------------------------*/
.send-whatsapp-container .form-material .form-control {
    background-image: linear-gradient(#25D366, #25D366), linear-gradient(rgba(120, 130, 140, .13), rgba(120, 130, 140, .13));
}

.send-whatsapp-container .btn-send-message button {
    color: #25D366;
}

.send-whatsapp-container .btn-send-message button:hover,
.send-whatsapp-container .btn-send-message button:focus,
.send-whatsapp-container .btn-send-message button:active {
    color: #1da851;
}

.send-whatsapp-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.send-whatsapp-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.send-whatsapp-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.send-whatsapp-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
    background: #d3f6e0;
}

.send-whatsapp-container .chat-list .sender .chat-text {
    background: #d3f6e0;
}

/*--------------------------------------- End Whatsapp ---------------------------------------*/
/*--------------------------------------- Calls ---------------------------------------*/
.crm-calls-container .form-material .form-control {
    background-image: linear-gradient(#3B1552, #3B1552), linear-gradient(rgba(120, 130, 140, .13), rgba(120, 130, 140, .13));
}

.crm-calls-container .btn-send-message button {
    color: #3B1552;
}

.crm-calls-container .btn-send-message button:hover,
.crm-calls-container .btn-send-message button:focus,
.crm-calls-container .btn-send-message button:active {
    opacity: 0.8;
}

.crm-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.crm-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.crm-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.crm-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
    background: #CAEDFD;
}

.crm-calls-container .chat-list .sender .chat-text {
    background: #CAEDFD;
}

/*--------------------------------------- End Calls ---------------------------------------*/
/*--------------------------------------- Calls ---------------------------------------*/
.crm-video-calls-container .form-material .form-control {
    background-image: linear-gradient(#9675ce, #9675ce), linear-gradient(rgba(120, 130, 140, .13), rgba(120, 130, 140, .13));
}

.crm-video-calls-container .btn-send-message button {
    color: #9675ce;
}

.crm-video-calls-container .btn-send-message button:hover,
.crm-video-calls-container .btn-send-message button:focus,
.crm-video-calls-container .btn-send-message button:active {
    opacity: 0.8;
}

.crm-video-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,
.crm-video-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
.crm-video-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:focus,
.crm-video-calls-container.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:active {
    background: #E9E2F5;
}

.crm-video-calls-container .chat-list .sender .chat-text {
    background: #E9E2F5;
}

/*--------------------------------------- End Calls ---------------------------------------*/

.messages-crm .chat-list .chat-text {
    background: #efefef;
}

.messages-crm .chat-list .sender .chat-body {
    color: #686868;
}

.mail-list .contact-groups li div:hover,
.mail-list .contact-groups li div:focus,
.mail-list .contact-groups li div:active,
.mail-list .contact-groups li.active div {
    border-left: 3px solid #3B1552;
}

.list-group.mail-groups .contact-groups li div:hover,
.list-group.mail-groups .contact-groups li div:focus,
.list-group.mail-groups .contact-groups li div:active,
.list-group.mail-groups .contact-groups li.active div {
    background: #eff6fa;
}

.inbox-center .show .dropdown-toggle::after,
.inbox-center .open .dropdown-toggle::after,
.inbox-center .show.open .dropdown-toggle::after {
    color: #3B1552;
}

.inbox-center tbody tr:last-child {
    border-bottom: 1px solid #e4e7ea;
}

.email-detail-title a,
.email-detail-actions a {
    color: #3B1552 !important;
}

.email-detail-actions-group button {
    color: #3B1552 !important;
}

.email-detail-actions-group .group-element-menu li a:hover,
.email-detail-actions-group .group-element-menu li a:focus,
.email-detail-actions-group .group-element-menu li a:active {
    color: #3B1552 !important;
}

.email-compose-control-text {
    color: #a8a8a8;
    background-color: #fff;
}

.email-compose-control-text-cc {
    color: #a8a8a8;
    background-color: #fff;
}

.email-compose-control-text-bcc {
    color: #a8a8a8;
    background-color: #fff;
}

.email-compose-control-text-cc:hover,
.email-compose-control-text-cc:focus,
.email-compose-control-text-cc:active,
.email-compose-control-text-bcc:hover,
.email-compose-control-text-bcc:focus,
.email-compose-control-text-bcc:active {
    color: #3B1552;
}

.email-compose-control-subject:focus,
.email-compose-control-subject:active {
    border-color: #3B1552 !important;
}

/*-------------------------------- End CRM --------------------------------*/

/*-------------------------------- Workflow right sidebar --------------------------------*/
.workflow-right-sidebar.workflow-right-sidebar-document {
    background: #fff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title {
    background: #3B1552;
    color: #fff;
    border-bottom: 1px solid #ffffff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .r-panel-body {
    background-color: #fff;
}

.workflow-accordion .accordion-item-header a.collapsed div {
    color: #3B1552;
    background: #edf1f5;
}

.workflow-accordion .accordion-item-header a div {
    color: #fff;
    background: #3B1552;
}

.workflow-accordion .accordion-item-header a.collapsed div i {
    color: #3B1552;
}

.workflow-accordion .accordion-item-header a div i {
    color: #fff;
}

.workflow-accordion .accordion-item-header a.collapsed .accordion-item-icon-left i {
    color: #3B1552;
}

.workflow-accordion .accordion-item-header a div {
    border-bottom: 1px solid #ffff;
}

.workflow-banner {
    width: 20px;
    background-color: rgb(59, 21, 82);
}

.workflow-banner i {
    color: #ffffff;
}

.workflow-body {
    border: 1px solid #3B1552;
}

ul.workflow-sortable-list li .workflow-body {
    background-color: #fff;
}

ul.workflow-sortable-list li .workflow-body .workflow-action a.action-edit-workflow:hover,
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-edit-workflow:focus,
ul.workflow-sortable-list li .workflow-body .workflow-action a.action-edit-workflow:active {
    color: #686868;
}

ul.workflow-sortable-list li .workflow-body .fields-list label.active {
    background-color: #fec107;
    color: #fff;
}

ul.workflow-sortable-list li .workflow-body .fields-list label:hover,
ul.workflow-sortable-list li .workflow-body .fields-list label:focus,
ul.workflow-sortable-list li .workflow-body .fields-list label:active {
    background-color: #3B1552;
    color: #fff;
}

.ribbon .ribbon-text {
    color: #fff;
}

ul.workflow-sortable-list li .workflow-body .ribbon-corner:before,
div.workflow-sortable-list .workflow-body .ribbon-corner:before {
    border: 22px solid transparent;
}

ul.workflow-sortable-list li .workflow-body .ribbon-info.ribbon-corner.ribbon-right:before,
div.workflow-sortable-list .workflow-body .ribbon-info.ribbon-corner.ribbon-right:before {
    border-right-color: #3B1552;
    border-left-color: transparent;
}

ul.workflow-sortable-list li .workflow-body .ribbon-info.ribbon-corner.ribbon-bottom:before,
div.workflow-sortable-list .workflow-body .ribbon-info.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #3B1552;
}

/*-------------------------------- End Workflow right sidebar --------------------------------*/

.document-select .document-page-preview {
    border: 2px solid #aeaeae;
}

.document-select .document-page-preview.active,
.document-select .document-page-preview:focus,
.document-select .document-page-preview:hover {
    border: 2px solid #3B1552;
}

.preview-img-document-container .preview-img-document {
    background-color: #fafafa;
}

.signer-card {
    border-bottom: 1px solid #3B1552;
}

/*-------------------------------- Message bubble --------------------------------*/
#message-bubble.message-center a.launcher-message-center {
    background-color: #3B1552;
    color: #fff;
}

#message-bubble.message-center a.launcher-message-center:hover {
    background-color: #5c257e;
    opacity: 1;
}

#message-bubble.message-center a.launcher-message-center:focus,
#message-bubble.message-center a.launcher-message-center:active {
    opacity: 1;
}

.dropdown-message-center .right-icons {
    background-color: #ffffff;
    border-left: 1px solid #e4e7ea;
    border-right: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
}

.dropdown-message-center .left-notifications-container {
    border-left: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
    background-color: #ffffff;
}

.dropdown-message-center .left-notifications-container .notifications-clear-all {
    background-color: #3B1552;
    color: #fff;
}

.dropdown-message-center .left-notifications-container .notifications-clear-all:hover {
    background-color: #5c257e;
    opacity: 1;
}

.dropdown-message-center .left-notifications-container .notifications-clear-all:focus,
.dropdown-message-center .left-notifications-container .notifications-clear-all:active {
    opacity: 1;
}

.dropdown-message-center .left-notifications a i.mdi-comment-processing-outline {
    color: #fec107;
}

.dropdown-message-center .left-notifications a i.mdi-whatsapp {
    color: #25D366;
}

.dropdown-message-center .left-notifications a i.mdi-email-outline {
    color: #D44638;
}

.dropdown-message-center .left-notifications a:hover,
.dropdown-message-center .left-notifications a:focus,
.dropdown-message-center .left-notifications a:active,
.dropdown-message-center .left-notifications a:hover i,
.dropdown-message-center .left-notifications a:focus i,
.dropdown-message-center .left-notifications a:active i {
    color: #3B1552;
}

.dropdown-message-center .left-notifications a:hover,
.dropdown-message-center .left-notifications a:focus,
.dropdown-message-center .left-notifications a:active {
    background-color: #f7fafc;
}

.dropdown-message-center .left-notifications a.active {
    background-color: #f7fafc;
}

.dropdown-message-center .right-icons .crm-sms-message:hover,
.dropdown-message-center .right-icons .crm-sms-message:focus,
.dropdown-message-center .right-icons .crm-sms-message:active {
    color: #fec107;
}

.dropdown-message-center .right-icons .crm-whatsapp-message:hover,
.dropdown-message-center .right-icons .crm-whatsapp-message:focus,
.dropdown-message-center .right-icons .crm-whatsapp-message:active {
    color: #25D366;
}

.dropdown-message-center .right-icons .crm-email-message:hover,
.dropdown-message-center .right-icons .crm-email-message:focus,
.dropdown-message-center .right-icons .crm-email-message:active {
    color: #D44638;
}

.dropdown-message-center .right-icons .crm-video-calls-message:hover,
.dropdown-message-center .right-icons .crm-video-calls-message:focus,
.dropdown-message-center .right-icons .crm-video-calls-message:active {
    color: #9675ce;
}

.dropdown-message-center .right-icons .crm-chat-online-message:hover,
.dropdown-message-center .right-icons .crm-chat-online-message:focus,
.dropdown-message-center .right-icons .crm-chat-online-message:active,
.dropdown-message-center .right-icons .crm-calls-message:hover,
.dropdown-message-center .right-icons .crm-calls-message:focus,
.dropdown-message-center .right-icons .crm-calls-message:active {
    color: #3B1552;
}

.dropdown-message-center .dropdown-message-center-header {
    color: #fff;
    background: #3B1552;
}

#message-bubble.message-center .shw-hide-bubble {
    border: 2px solid #fff;
    color: #fff;
    background-color: #3B1552;
}

#message-bubble.message-center .shw-hide-bubble:hover,
#message-bubble.message-center .shw-hide-bubble:focus,
#message-bubble.message-center .shw-hide-bubble:active {
    border: 2px solid #fff;
    color: #fff;
    background-color: #3B1552;
    opacity: 1;
}

#message-bubble.message-center .message-bubble-notifications {
    color: #fff;
    background-color: #f5707a !important;
}

.message-center.shw-hide-launcher-message .notify-point {
    background-color: #f5707a;
}

/*-------------------------------- End message bubble --------------------------------*/
/*-------------------------------- Shortcuts --------------------------------*/

.right-shortcut-icons {
    border: 1px solid rgba(84, 102, 122, 0.47);
    color: rgba(84, 102, 122, 0.77);
}

.right-shortcut-icons:hover {
    color: #3B1552;
    background-color: #f7fafc !important;
}

.right-shortcuts-container>div:hover .right-shortcut-icons {
    color: #3B1552;
    background-color: #f7fafc !important;
}

.right-shortcut-icons-list>li a {
    border: 1px solid rgba(84, 102, 122, 0.47);
    border-top: 0;
    color: rgba(84, 102, 122, 0.77);
    background-color: #ffffff;
}

.right-shortcut-icons-list>li a:hover {
    color: #fff;
    background-color: #3B1552 !important;
    border: 1px solid #3B1552;
    border-top: 0;
    opacity: 1;
}

/*-------------------------------- End Shortcuts --------------------------------*/
/*-------------------------------- Candidate list --------------------------------*/
ul.candidate-tabs-list li a {
    color: #686868;
    border-bottom: 3px solid transparent;
}

ul.candidate-tabs-list li a:hover,
ul.candidate-tabs-list li a:focus,
ul.candidate-tabs-list li a:active,
ul.candidate-tabs-list li a.active {
    color: #3B1552;
    border-bottom: 3px solid #3B1552;
}

.search-group.input-group .input-group-addon {
    border-top: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
    color: #e4e7ea;
}

.search-group.input-group .input-search-group {
    border-right: 0;
}

.search-group.input-group .select2-container--default .select2-selection--single {
    border-left: 0;
}

.search-group.input-group .select2-container--open .select2-selection {
    border-color: #e4e7ea;
}

.search-group.input-group .select2-container--default .select2-selection--single:focus {
    border-color: #e4e7ea;
}

.search-group.input-group .input-search-group:focus {
    border-color: #e4e7ea;
}

.search-input-select-container.focus-search .select2-selection {
    border-color: #3B1552 !important;
}

.search-input-select-container:not(.focus-search) .select2-selection {
    border-color: #e4e7ea !important;
}

.search-input-select-container.focus-search .input-group-addon {
    border-color: #3B1552;
}

.search-input-select-container.focus-search .input-search-group {
    border-color: #3B1552;
}

.search-group.input-group.focus-search .input-search-group:focus {
    border-color: #3B1552;
}

@media only screen and (max-width: 575px) {

    .search-group.input-group .input-search-group {
        border: 1px solid #e4e7ea;
    }

    .search-group.input-group .select2-container--default .select2-selection--single {
        border: 1px solid #e4e7ea;
    }

}

.btn-list-filters.active {
    background: #3B1552;
    color: #fff;
}

/*-------------------------------- End Candidate list --------------------------------*/
/*-------------------------------- Candidate view --------------------------------*/
.employee-contact-links a {
    color: #8d9ea7;
}

.employee-contact-links .crm-sms-message:hover,
.employee-contact-links .crm-sms-message:focus,
.employee-contact-links .crm-sms-message:active {
    color: #fec107;
}

.employee-contact-links .crm-whatsapp-message:hover,
.employee-contact-links .crm-whatsapp-message:focus,
.employee-contact-links .crm-whatsapp-message:active {
    color: #25D366;
}

.employee-contact-links .crm-email-message:hover,
.employee-contact-links .crm-email-message:focus,
.employee-contact-links .crm-email-message:active {
    color: #D44638;
}

.employee-contact-links .crm-video-calls-message:hover,
.employee-contact-links .crm-video-calls-message:focus,
.employee-contact-links .crm-video-calls-message:active {
    color: #9675ce;
}

.employee-contact-links .crm-chat-online-message:hover,
.employee-contact-links .crm-chat-online-message:focus,
.employee-contact-links .crm-chat-online-message:active {
    color: #0287C2;
}

.employee-contact-links .crm-calls-message:hover,
.employee-contact-links .crm-calls-message:focus,
.employee-contact-links .crm-calls-message:active {
    color: #3B1552;
}

.user-actions-btn {
    color: #fff;
    background-color: #3B1552;
}

/*-------------------------------- End Candidate view --------------------------------*/
/*-------------------------------- Profile Candidate view --------------------------------*/
.candidate-email-menu-wrapper {
    border-bottom: 1px solid #e4e7ea;
}

.btn-candidate-compose-email,
.btn-candidate-compose-email:focus,
.btn-candidate-compose-email:active {
    background: #3B1552;
    border: 1px solid #3B1552;
    color: #ffffff;
}

.btn-candidate-compose-email:hover {
    opacity: 0.8;
    color: #ffffff;
}

.btn-candidate-email-menu {
    color: #8d9ea7;
}

.btn-candidate-email-menu.active,
.btn-candidate-email-menu:hover {
    color: #3B1552;
    border-bottom: 2px solid #3B1552;
}

/*------------------------------ End Profile Candidate CRM ------------------------------*/

.text-details-table:hover {
    color: #3B1552;
}

/*------------------------------ End Profile Candidate CRM ------------------------------*/

/*-------------------------------- Workflow right sidebar --------------------------------*/
.workflow-right-sidebar.workflow-right-sidebar-document {
    box-shadow: 5px 1px 40px rgba(0, 0, 0, .1);
}

#message-bubble .launcher-message-center {
    box-shadow: 5px 0 20px 5px rgba(0, 0, 0, .1);
}

.dropdown-message-center {
    background-color: transparent;
}

.right-shortcut-icons-list {
    box-shadow: 5px 10px 20px rgba(0, 0, 0, .05);
}

.has-error.search-group.input-group .input-group-addon,
.has-error.search-group.input-group .select2-wrapper .select2-container--default .select2-selection--single {
    border-color: red !important;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title a {
    color: #4c5667 !important;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title a .fa {
    color: #4c5667 !important;
}

.workflow-right-sidebar.workflow-right-sidebar-document .right-sidebar {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.workflow-right-sidebar.workflow-right-sidebar-document .right-sidebar .slimScrollBar {
    background: #dedede !important;
}

.workflow-right-sidebar.workflow-right-sidebar-document .right-sidebar .slimScrollRail {
    background: #f4f4f4 !important;
}

.workflow-right-sidebar .rpanel-title {
    background: #f4f4f4;
}

.workflow-right-sidebar .rpanel-title h4 {
    color: #686868;
}

.right-sidebar .rpanel-title span {
    color: #686868;
}

.workflow-accordion .accordion-item-header {
    background-color: #fff;
}

.workflow-accordion .accordion-item-header a {
    color: #4c5667;
}

.workflow-accordion .accordion-item-header:hover {
    background-color: #fafafa;
}

.workflow-accordion .accordion-item-header a:hover {
    color: #4c5667;
}

.workflow-accordion .accordion-item-header.active {
    background-color: #fafafa;
}

.workflow-accordion .accordion-item-header.active a {
    color: #4c5667;
}

.workflow-accordion .accordion-item-header a:hover .accordion-item-title {
    color: #4c5667;
}

.workflow-accordion .accordion-item-header.active a .accordion-item-title {
    color: #4c5667;
}

.workflow-accordion .accordion-item-content {
    background-color: #fff;
}

.workflow-accordion .accordion-item-header a div .accordion-item-title {
    color: #4c5667;
}

.workflow-right-sidebar .search-group.input-group .input-group-addon {
    background-color: transparent;
}

.workflow-right-sidebar .search-group.input-group input.form-control {
    background-color: transparent;
}

.workflow-right-sidebar .search-group.input-group .input-group-addon {
    color: #686868;
}

.workflow-right-sidebar .search-group.input-group .form-control {
    color: #686868;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title {
    background: #fff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title h4 {
    color: #686868;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title .btn-default {
    color: #686868 !important;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title .btn-circle {
    color: #686868;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title .btn-default {
    border-color: #e4e7ea !important;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title .btn-default:hover {
    background-color: transparent;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title .btn-default:active {
    background-color: transparent;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title .btn-default:focus {
    background-color: transparent;
}

.workflow-right-sidebar.workflow-right-sidebar-document .rpanel-title .btn-default:active:focus {
    background-color: transparent;
}

.workflow-right-sidebar.workflow-right-sidebar-document #workflow-nav {
    background-color: #fff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content-wrapper {
    background: #fff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card {
    border-color: #e4e7ea;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .numbers {
    color: #8d9ea7;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .title {
    color: #686868;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .progress {
    background-color: #f7fafc;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .progress .progress-bar {
    background-color: #b9bbc1;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card {
    background-color: #fff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-header {
    background-color: #fff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content .accordion-item-content-element .title {
    color: #686868;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content .accordion-item-content-element {
    border-bottom: 1px solid #e4e7ea;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content .accordion-item-content-element:last-child {
    border-bottom: 0;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content .accordion-item-content-element .description {
    color: #686868;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content .accordion-item-content-element .description i {
    color: #686868;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content .accordion-item-content-element:hover {
    background-color: #fafafa;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content {
    background-color: #fff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item {
    border-color: #e4e7ea;
}

.workflow-accordion .accordion-item-header a div span.accordion-item-icon-right i {
    color: #8d9ea7;
}

.workflow-accordion .accordion-item-header .accordion-item-pivot {
    color: #8d9ea7;
}

.workflow-accordion .accordion-item-header .accordion-item-pivot .fa {
    color: #8d9ea7;
}

.workflow-accordion .accordion-item-header a div span.accordion-item-icon-right i:hover {
    color: #8d9ea7;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-header {
    background-color: #fff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-header .workflow-accordion-title .subline {
    color: #8d9ea7;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-header a {
    color: #4c5667;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-header a:hover {
    color: #4c5667;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-header.active a {
    color: #4c5667;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .title .count {
    color: #8d9ea7;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .title .count:after {
    background-color: #b9bbc1;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block {
    background-color: #fff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content .accordion-item-content-element .progress .progress-bar {
    background-color: #b9bbc1;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content .accordion-item-content-element .progress {
    background-color: #f7fafc;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-header a div .accordion-item-title .count {
    color: #8d9ea7;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-header a div .accordion-item-title {
    color: #4c5667;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-header:hover a div .accordion-item-title {
    color: #4c5667;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-header.active a div .accordion-item-title {
    color: #4c5667;
}

.workflow-accordion .accordion-item-header a div .accordion-item-title .count {
    color: #8d9ea7;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content .accordion-item-content-element .points-container .point span.score {
    color: #686868;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content .accordion-item-content-element .points-container .point .selected span.score {
    color: #686868;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .icon {
    color: #8d9ea7;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .main-title {
    color: #4c5667;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .time {
    color: #8d9ea7;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .description {
    color: #686868;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .label {
    background-color: #e4e7ea;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .actions .btn {
    border-color: #e4e7ea;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .actions .btn:hover {
    background-color: transparent;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .actions .btn:focus {
    background-color: transparent;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .actions .btn:active {
    background-color: transparent;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-block .actions .btn:active:focus {
    background-color: transparent;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-footer {
    background-color: #fff;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-footer .progress {
    background-color: #f7fafc;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .card .card-footer .progress .progress-bar {
    background-color: #b9bbc1;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content .accordion-item-content-element a {
    color: #4c5667;
}

.workflow-right-sidebar.workflow-right-sidebar-document .workflow-content .accordion .accordion-item .accordion-item-content .accordion-item-content-element a:hover {
    color: #4c5667;
}

/*-------------------------------- End Workflow right sidebar --------------------------------*/

/*-------------------------------- Message bubble --------------------------------*/
.message-item.message-item-info .message-item-bubble .bubble-header {
    background-color: #eceff1;
}

.message-item.message-item-info .message-item-bubble .bubble-header p {
    color: #686868;
}

.message-item.message-item-info .message-item-bubble .bubble-header .bubble-title strong {
    color: #686868;
}

.message-item.message-item-info .message-item-bubble .bubble-border .bubble-border-left {
    background-color: #eceff1;
}

.message-item.message-item-info .message-item-bubble .bubble-border .bubble-border-right {
    background-color: #eceff1;
}

.message-item.message-item-info .message-item-bubble .bubble-border .bubble-border-right:after {
    background: linear-gradient(90deg, rgba(236, 239, 241, 0.2) 20%, rgba(236, 239, 241, 0.5) 60%, rgba(236, 239, 241, 0));
}

.message-item.message-item-info .message-item-bubble .bubble-body .bubble-message {
    color: #686868;
}

.message-item.message-item-warning .message-item-bubble .bubble-header {
    background-color: rgba(254, 193, 7, 0.15);
}

.message-item.message-item-warning .message-item-bubble .bubble-header p {
    color: #686868;
}

.message-item.message-item-warning .message-item-bubble .bubble-header .bubble-title strong {
    color: #686868;
}

.message-item.message-item-warning .message-item-bubble .bubble-border .bubble-border-left {
    background-color: rgba(254, 193, 7, 0.15);
}

.message-item.message-item-warning .message-item-bubble .bubble-border .bubble-border-right {
    background-color: rgba(254, 193, 7, 0.15);
}

.message-item.message-item-warning .message-item-bubble .bubble-border .bubble-border-right:after {
    background: linear-gradient(90deg, rgba(254, 193, 7, 0.2) 20%, rgba(254, 193, 7, 0.5) 60%, rgba(254, 193, 7, 0));
}

.message-item.message-item-warning .message-item-bubble .bubble-body .bubble-message {
    color: #686868;
}

.message-item.message-item-success .message-item-bubble .bubble-header {
    background-color: rgba(0, 194, 146, 0.15);
}

.message-item.message-item-success .message-item-bubble .bubble-header p {
    color: #686868;
}

.message-item.message-item-success .message-item-bubble .bubble-header .bubble-title strong {
    color: #686868;
}

.message-item.message-item-success .message-item-bubble .bubble-border .bubble-border-left {
    background-color: rgba(0, 194, 146, 0.15);
}

.message-item.message-item-success .message-item-bubble .bubble-border .bubble-border-right {
    background-color: rgba(0, 194, 146, 0.15);
}

.message-item.message-item-success .message-item-bubble .bubble-border .bubble-border-right:after {
    background: linear-gradient(90deg, rgba(0, 194, 146, 0.2) 20%, rgba(0, 194, 146, 0.5) 60%, rgba(0, 194, 146, 0));
}

.message-item.message-item-success .message-item-bubble .bubble-body .bubble-message {
    color: #686868;
}

.message-item .message-item-bubble:before {
    background-color: #fff;
}

.message-item .message-item-bubble .bubble-header .bubble-title {
    color: #686868;
}

.message-item .message-item-bubble .bubble-body .bubble-message:before {
    background-color: #686868;
}

.message-item .message-item-bubble .bubble-body .bubble-message a {
    color: #4c5667;
}

.message-item .message-item-bubble .bubble-body .bubble-message a:hover {
    color: #4c5667;
}

/*-------------------------------- End message bubble --------------------------------*/

/*-------------------------------- Shortcuts --------------------------------*/
.shortcut i.fa-question-circle {
    color: #8d9ea7;
}

.shortcut:hover {
    background: #fafafa;
}

/*-------------------------------- End Shortcuts --------------------------------*/

/*-------------------------------- Candidate list --------------------------------*/
.candidate-list .search-form .form-control {
    background-color: #fff;
}

.candidate-list .search-form .form-control,
.candidate-list .search-form .btn {
    color: #686868;
}

.candidate-list .search-form .btn {
    border-color: #e4e7ea;
}

.candidate-list .search-form .btn:hover {
    background-color: transparent;
}

.candidate-list .search-form .btn:focus {
    background-color: transparent;
}

.candidate-list .search-form .btn:active {
    background-color: transparent;
}

.candidate-list .search-form .btn:active:focus {
    background-color: transparent;
}

.candidate-list .search-form {
    background-color: #fff;
}

.candidate-list .candidate .candidate-avatar .fa-user {
    color: #e4e7ea;
}

.candidate-card {
    border-color: #e4e7ea;
}

.candidate-card.wanted {
    border-color: #efefef;
}

.candidate-card:hover {
    background-color: #fafafa;
}

.candidate-card .candidate-name-row .candidate-name {
    color: #4c5667;
}

.candidate-card .left-chip {
    background-color: #e4e7ea;
}

.candidate-card .candidate-property p.property-name {
    color: #4c5667;
}

.candidate-card .candidate-property p.property-value {
    color: #686868;
}

.candidate-card .icon-box i {
    color: #b9bbc1;
}

.active .candidate-card {
    background-color: #fafafa;
}

.candidate-card .right-chip {
    background-color: #e4e7ea;
}

.candidate-card .skills-row .skill .name {
    color: #686868;
}

.candidate-card .skills-row .skill .score {
    color: #4c5667;
}

.candidate-list .candidate {
    border-bottom: 1px solid #efefef;
}

.candidate-list .candidate:last-child {
    border-bottom: 0;
}

.candidate-list .btn-showmore {
    color: #686868;
}

.candidate-list .btn-showmore:hover {
    background-color: transparent;
}

.candidate-list .btn-showmore:focus {
    background-color: transparent;
}

.candidate-list .btn-showmore:active {
    background-color: transparent;
}

.candidate-list .btn-showmore:active:focus {
    background-color: transparent;
}

/*-------------------------------- End Candidate list --------------------------------*/

/*-------------------------------- Candidate view --------------------------------*/
.candidate-view .back {
    color: #686868;
}

.candidate-view .back:hover {
    background-color: transparent;
}

.candidate-view .back:focus {
    background-color: transparent;
}

.candidate-view .back:active {
    background-color: transparent;
}

.candidate-view .back:active:focus {
    background-color: transparent;
}

.candidate-view .theme-color h3 {
    color: #686868;
}

.candidate-view .description,
.candidate-view .description * {
    color: #686868 !important;
}

.candidate-view .property p.property-name {
    color: #4c5667;
}

.candidate-view .property p.property-value {
    color: #686868;
}

.candidate-view .skills-row .skill .name {
    color: #686868;
}

.candidate-view .skills-row .skill .score {
    color: #4c5667;
}

.candidate-view .files .file .icon {
    color: #b9bbc1;
}

.candidate-view .actions .btn.btn-default {
    color: #686868 !important;
}

.candidate-view .actions .btn.btn-default {
    border-color: #e4e7ea;
}

.candidate-view .actions .btn.btn-default:hover {
    background-color: transparent;
}

.candidate-view .actions .btn.btn-default:focus {
    background-color: transparent;
}

.candidate-view .actions .btn.btn-default:active {
    background-color: transparent;
}

.candidate-view .actions .btn.btn-default:active:focus {
    background-color: transparent;
}

.candidate-view .actions .btn.btn-light {
    border-color: #e4e7ea;
}

.candidate-view .area-block .area-title {
    color: #4c5667;
}

.candidate-view .area-block .area .area-name {
    color: #686868;
}

.candidate-view .area-block .area .area-value {
    color: #686868;
}

.candidate-view .area-block .area .area-value i {
    color: #686868;
}

.candidate-view .full-profile .label {
    background-color: #e4e7ea;
}

.candidate-view .full-profile .btn {
    border-color: #e4e7ea;
}

.candidate-view .full-profile .btn:hover {
    background-color: transparent;
}

.candidate-view .full-profile .btn:focus {
    background-color: transparent;
}

.candidate-view .full-profile .btn:active {
    background-color: transparent;
}

.candidate-view .full-profile .btn:active:focus {
    background-color: transparent;
}

.candidate-view .candidate-card .candidate-name-row .candidate-name,
.candidate-view .candidate-card .left-chip {
    color: #4c5667;
}

.candidate-view .candidate-card .left-chip {
    background-color: #e4e7ea;
}

.candidate-view .onboarding-step .onboarding-step-title {
    color: #4c5667;
}

.candidate-view .onboarding-step {
    border-bottom: 1px solid #efefef;
}

.candidate-view .onboarding-step:last-child {
    border-bottom: 0;
}

.candidate-view .candidate-horizon {
    background-color: #fff;
}

/*-------------------------------- End Candidate view --------------------------------*/

/*-------------------------------- Candidate test --------------------------------*/
.not-allowed-click.card .card-block,
.not-allowed-click.card .card-block .row {
    background-color: rgba(0, 0, 0, .03);
}

.card .card-block {
    background-color: #fff;
}

.card.card-active .card-block:before {
    background: transparent;
}

.card .card-block {
    border-color: transparent;
}

.card .card-block .title .label-template {
    background-color: #e4e7ea;
}

.current-question-steps ul li {
    border-bottom: 1px solid #efefef;
}

.current-question-steps ul li:last-child {
    border-bottom: 0;
}

.current-question-steps ul li a {
    color: #8d9ea7;
}

.current-question-steps ul li a:hover {
    color: #686868;
}

.current-question-steps ul li a.active {
    color: #686868;
}

.current-question-steps ul li a:after {
    background: currentColor;
}

.current-question-steps ul li a .image {
    border-color: transparent;
}

#question-card .card-block {
    background-color: #fff;
}

#question-card .card-block .title h4 {
    color: #4c5667;
}

#question-card .card-block .title h5 {
    color: #8d9ea7;
}

#question-card .card-block .question {
    color: #686868;
}

#question-card .answers-container .answer {
    border-bottom: 1px solid #efefef;
}

#question-card .answers-container .answer:last-child {
    border-bottom: 0;
}

#question-card .question-structure .question-structure-row .question-structure-title {
    color: #4c5667;
}

#question-card .question-structure .question-structure-row .question-structure-description {
    color: #686868;
}

#question-card .answers-container .answer .answer-label {
    color: #686868;
}

#question-card .answers-container .answer .answer-action {
    color: #8d9ea7;
}

.jsgrid-grid-body {
    background-color: #fff;
}

.test-question {
    color: #686868;
}

.jsgrid-selected-row>.jsgrid-cell {
    background-color: rgba(0, 0, 0, 0.03);
}

.test-question-right {
    border-color: #efefef;
}

.test-question-right:hover {
    background-color: #5c257e;
    color: #fff;
}

.test-question-right:focus {
    background-color: #5c257e;
    color: #fff;
}

.test-question-right:active {
    background-color: #5c257e;
    color: #fff;
}

h4.questions-title {
    color: rgba(0, 0, 0, .5);
}

.display-less-50 {
    color: rgba(0, 0, 0, .5);
}

.test-finished-text {
    color: rgba(0, 0, 0, .5);
}

.results-title {
    color: rgba(0, 0, 0, 0.5);
}

.results-container .result-element {
    border-bottom: 1px solid #3B1552;
}

.results-container .result-element:last-child {
    border-bottom: 0;
}

.open-ended-answer {
    border: 1px solid #ddd;
}

.open-ended-evaluation {
    border: 1px solid #ddd;
    border-top: 0;
}

.input-group .input-group-addon-test {
    border: none;
}

.text-details-tab {
    color: #313a46;
}

.text-details-tab-value {
    color: #313a46;
}

.text-details-tab .dot {
    background: #313a46;
}

.text-details-tab-value .dot {
    background: #313a46;
}

hr.separator-line {
    border-color: #f3f3f3;
}

.result-title {
    color: #313a46;
}

#datepicker input {
    color: #313a46;
}

#datepicker input:focus {
    color: #313a46;
}

/*-------------------------------- End Candidate test --------------------------------*/

/*-------------------------------- Appointment system --------------------------------*/
.datepicker-inline-container.appointment-datepicker {
    background-color: #fafafa;
}

/*-------------------------------- End Appointment system --------------------------------*/

/*-------------------------------- Share Recognition --------------------------------*/
a.share-recognition-facebook:hover {
    color: #3b5998 !important;
}

a.share-recognition-twitter:hover {
    color: #1da1f2 !important;
}

a.share-recognition-linkedin:hover {
    color: #337ab7 !important;
}

/*-------------------------------- End Share Recognition --------------------------------*/

/*-------------------------------- Candidate CRM --------------------------------*/
.crm-search-form .search-icon {
    color: #868e96;
}

.crm-search-form .candidate-search-field {
    color: #495057;
}

.crm-search-form .candidate-search-field:focus {
    border-color: #8d9ea7;
}

.candidate-left.container {
    background: #fff;
}

.candidate-left.container .candidate-search-row .table tr {
    border-bottom: 1px solid #efefef;
}

.candidate-left.container .candidate-search-row .table tr:last-child {
    border-bottom: 0;
}

.candidate-left.container .candidate-search-row .table>tbody>tr>th {
    color: #4c5667;
}

.candidate-left.container .candidate-search-row .table>tbody>tr>td {
    color: #686868;
}

.candidate-left.container .candidate-search-row .candidate-label {
    color: #686868;
}

.candidate-left.container h4 {
    color: #4c5667;
}

.candidate-left.container h5 {
    color: #8d9ea7;
}

.candidate-left.container .table table thead tr th {
    background-color: #f7fafc;
}

.candidate-left.container .table table tbody tr td {
    border-bottom: 1px solid #efefef;
}

.candidate-left.container .table table tbody tr:last-child td {
    border-bottom: 0;
}

.candidate-right.container .top-panel .panel-title {
    color: #4c5667;
}

.candidate-right.container .top-panel .description {
    color: #686868;
}

.candidate-right.container .top-panel .btn-template {
    border-color: #e4e7ea;
}

.candidate-right.container .top-panel .btn-template:hover {
    background-color: transparent;
}

.candidate-right.container .top-panel .btn-template:focus {
    background-color: transparent;
}

.candidate-right.container .top-panel .btn-template:active {
    background-color: transparent;
}

.candidate-right.container .top-panel .btn-template:active:focus {
    background-color: transparent;
}

.candidate-right.container .box .box-title {
    background-color: #fff;
}

.candidate-right.container .box.box-two-rows .box-title {
    border-bottom: 1px solid #efefef;
}

.candidate-right.container .box.box-two-rows .box-title h4 {
    color: #4c5667;
}

.candidate-right.container .box.box-two-rows .box-title h4 .box-count {
    color: #8d9ea7;
}

.candidate-right.container .box.box-two-rows {
    border-color: #e4e7ea;
}

.candidate-right.container .box.box-two-rows .box-content {
    background-color: #fff;
}

.candidate-right.container .box.box-two-rows .box-content .box-row {
    background-color: #fff;
}

.candidate-right.container .box.box-two-rows .box-content .box-row {
    border-bottom: 1px solid #efefef;
}

.candidate-right.container .box.box-two-rows .box-content .box-row:last-child {
    border-bottom: 0;
}

.candidate-right.container .box.box-two-rows .box-content .box-row .box-row-title {
    color: #4c5667;
}

.candidate-right.container .box.box-two-rows .box-content .box-row .box-row-value {
    color: #686868;
}

.candidate-right.container .box.box-two-rows .box-content .box-row .box-row-value i {
    color: #686868;
}

.candidate-right.container .box.box-two-rows .box-content .box-row .box-row-action a {
    color: #4c5667;
}

.candidate-right.container .box.box-two-rows .box-content .box-row .box-row-action a:hover {
    color: #4c5667;
}

.candidate-right.container .box.box-two-rows .box-content .box-row .box-row-action a.btn {
    border-color: #e4e7ea;
}

.candidate-right.container .box.box-two-rows .box-content .box-row .box-row-action a.btn:hover {
    background-color: transparent;
}

.candidate-right.container .box.box-two-rows .box-content .box-row .box-row-action a.btn:focus {
    background-color: transparent;
}

.candidate-right.container .box.box-two-rows .box-content .box-row .box-row-action a.btn:active {
    background-color: transparent;
}

.candidate-right.container .box.box-two-rows .box-content .box-row .box-row-action a.btn:active:focus {
    background-color: transparent;
}

.candidate-right.container .box.box-two-rows .box-content .box-row .box-row-action a.btn.btn-white {
    color: #686868;
}

.candidate-right.container .box.box-two-rows .box-content .box-row:hover {
    background-color: #fafafa;
}

.new-recognition .recognition-template .recognition-template-title {
    color: #686868;
}

.new-recognition .recognition-template .recognition-description {
    color: #686868;
}

.new-recognition .recognition-template .recognition-type {
    color: #686868;
}

.new-recognition .recognition-template .btn-machine-mask {
    background-color: #e4e7ea;
}

.new-recognition .recognition-template {
    border-color: #e4e7ea;
}

.new-recognition .recognition-template:hover {
    background-color: #fafafa;
}

.new-recognition .recognition-template .btn-machine-mask {
    border-color: #e4e7ea;
}

.recognition-templates-header .recognition-templates-header-title {
    color: #4c5667;
}

.container .recognition-templates-header .search-group.input-group .input-group-addon {
    background-color: transparent;
}

.container .recognition-templates-header .search-group.input-group input.form-control {
    background-color: transparent;
}

.container .recognition-templates-header .search-group.input-group .input-group-addon {
    color: #686868;
}

.container .recognition-templates-header .search-group.input-group .form-control {
    color: #686868;
}

/*-------------------------------- End Candidate CRM --------------------------------*/

/*-------------------------------- Profile Candidate CRM --------------------------------*/
.theme-title {
    color: #686868;
}

.crm-subtitle {
    color: #686868;
}

/*-------------------------------- End Profile Candidate CRM ------------------------------*/

/*------------------------------ Quick Evaluation ------------------------------*/
.editable-table .fb-inbox-widget .fb-inbox-item tbody tr {
    background-color: rgba(0, 0, 0, 0);
}

/*------------------------------ End Quick Evaluation ------------------------------*/

.employee-excel-button {
    border: 1px solid rgba(84, 102, 122, 0.47) !important;
    color: rgba(84, 102, 122, 0.77);
}

.employee-excel-button:hover,
.employee-excel-button:focus {
    border: 1px solid #3B1552 !important;
}

.server-location.server-location-cloud {
    background-color: #00c292;
    border: 1px solid #00c292;
}

.server-location.server-location-server {
    background-color: #ab8ce4;
    border: 1px solid #ab8ce4;
}

/*------------------------------ Rookie Journey ------------------------------*/
.period-tag .remove-period {
    background: #ffffff;
    border: 1px solid #878c91;
    color: #fb9678;
}

.period-tag .remove-period:hover,
.period-tag .remove-period:focus {
    color: #cb2027;
}

.milestone-period-wrapper .top-line.color1 {
    border-top-color: #9675ce;
    border-left-color: #9675ce;
    border-right-color: #9675ce;
}

.milestone-period-wrapper .top-line.color2 {
    border-top-color: #0287C2;
    border-left-color: #0287C2;
    border-right-color: #0287C2;
}

.milestone-period-wrapper .top-line.color3 {
    border-top-color: #25D366;
    border-left-color: #25D366;
    border-right-color: #25D366;
}

.milestone-period-wrapper .top-line.color4 {
    border-top-color: #f5707a;
    border-left-color: #f5707a;
    border-right-color: #f5707a;
}

.milestone-period-wrapper .top-line.color5 {
    border-top-color: #fec107;
    border-left-color: #fec107;
    border-right-color: #fec107;
}

.milestone-period-wrapper .top-line.color6 {
    border-top-color: #3f729b;
    border-left-color: #3f729b;
    border-right-color: #3f729b;
}

.milestone-period-wrapper .top-line.color7 {
    border-top-color: #ea4c89;
    border-left-color: #ea4c89;
    border-right-color: #ea4c89;
}

.milestone-period-wrapper .top-line.color8 {
    border-top-color: #3b5998;
    border-left-color: #3b5998;
    border-right-color: #3b5998;
}

.milestone-period {
    background: #e4e7ea;
    border: 1px solid #e4e7ea;
    color: #686868;
}

.milestone-period.active {
    background-color: #3B1552;
    border: 1px solid #3B1552;
    color: #ffffff;
}

.milestone-period.milestone-period-missing {
    background: #fff;
    border: 1px dashed #a1a3a5;
    color: #fff;
}

.milestone-period.milestone-period-missing.active {
    background-color: #fff;
    border: 1px dashed #3B1552;
    color: #ffffff;
}

.milestone-period.add-period {
    background-color: #ffffff;
    border: 1px solid #3B1552;
    color: #3B1552;
}

.milestone-period.add-period:hover,
.milestone-period.add-period:focus {
    background-color: #3B1552;
    border: 1px solid #3B1552;
    color: #ffffff;
}

/*------------------------------ End Rookie Journey ------------------------------*/

.hover-card:hover {
    background-color: #f7fafc;
}

.red-theme {
    background: #fb9678
}

.red-dark-theme {
    background: #c9826b
}

.blue-theme {
    background: #3B1552
}

.blue-second-theme {
    background: #9675ce
}

.purple-theme {
    background: #ab8ce4
}

.sky-theme {
    background: #20c4f1
}

.violet-theme {
    background: #813193
}

.pink-theme {
    background: #f54ea2
}

.brown-theme {
    background: #625e5e
}

.orange-theme {
    background: #ff7853
}

.black-theme {
    background: #000
}

.sky-light-theme {
    background: #e8f8f5
}

.silver-theme {
    background: #6a6c70
}

.golden-theme {
    background: #b27212
}

.brown-light-theme {
    background: #8c6239
}

.yellow-theme {
    background: #fec107
}

.dark-theme {
    background: #8d9ea7
}

.green-theme {
    background: #00c292
}

.green-light-theme {
    background: #afbf27
}

.green-alt-theme {
    background: #38937c
}

.gray-dark-theme {
    background: #646963
}

.blue-light-theme {
    background: #08e3db
}

.blue-dark-theme {
    background: #2b72af
}

/*------------------------------ Birthday Message ------------------------------*/
#happy-birthday-modal .modal-content {
    background-color: #0a0030;
}

#happy-birthday-modal p {
    color: white;
}

#happy-birthday-modal .close {
    background-color: #ffffff;
    text-shadow: none;
}

#happy-birthday-modal .modal-content {
    background-color: #0a0030;
}

#happy-birthday-modal p {
    color: white;
}

#happy-birthday-modal.happy-holidays-modal p {
    color: white;
}

/*------------------------------ End Birthday Message ------------------------------*/

/*------------------------------ Alert Message ------------------------------*/
.alert-box {
    background: #F8FAFC;
    color: #686868;
}

.alert-box .alert-title {
    color: #4c5667;
}

.alert-box .alert-subtitle {
    color: #8d9ea7;
}

.alert-box .alert-icon {
    color: #8d9ea7;
}

/*------------------------------ End Alert Message ------------------------------*/

/*------------------ Start employee new profile -----------------*/
.profile-card .profile-card-title {
    color: #4c5667;
}

.profile-card .profile-card-subtitle {
    color: #8d9ea7;
}

.profile-card .profile-card-footer {
    background: #f7fafc;
}

/* Firefox scrollbar color */
html {
    scrollbar-color: #c8eeff #f9f9f9;
}

/*tag*/
.emp-tag {
    background: #f7fafc;
    color: #686868;
}

/*start employee carousel*/
.employee-carousel .indicator {
    background: #e4e7ea;
}

.employee-carousel .indicator.active {
    background: #8d9ea7;
}

/*---------------*/

/* 📌 Base Card */
.card-employee {
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .08), 0 4px 4px rgba(0, 0, 0, .05);
}

/* 📌 Background layer (Tilts on hover) */
.card-employee::before {
    background: #f1f6f6;
}

/* 📌 Text & Image Wrapper */
.card-employee .employee-name {
    color: #4c5667;
}

.card-employee .employee-role {
    color: #8d9ea7;
}

/* 📌 Text Styling */
.card-employee .employee-meta {
    color: #686868;
}

/* 📌 Image Wrapper */
.card-employee .img-ring {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .07);
}

/* 📌 Image inside the card */
.card-employee .img-mask {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .07);
}

/* 📌 Creates a floating duplicate for hover effect */
.card-employee .img-float {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .07);
}

/* 📌 Hover Effects */
.card-employee:hover {
    box-shadow: 0 22px 50px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .08);
}

/* 🎯 Tilts the background */
.card-employee:hover::before {
    box-shadow: 0 16px 30px rgba(0, 0, 0, .08);
}

/* 🎯 Elevates text */
.card-employee:hover .employee-name {
    color: #4c5667;
}

/* 🎯 Enlarges and moves image */
.card-employee:hover .img-ring {
    box-shadow: 0 14px 30px rgba(0, 0, 0, .11);
}

/*------------------------------ Device Preview ------------------------------*/
.device-toolbar button i {
    color: #3B1552;
}

.device-visor .device-content {
    background: #f7fafc !important;
}

.device-toolbar .toolbar-label {
    color: #686868;
}

.device-toolbar .toolbar-value {
    color: #4c5667;
}

.device-container.tablet .device-content {
    border: 1px solid #4c83ee;
}

/*------------------------------ Dynamic Tabs ------------------------------*/
.dynamic-tabs-tabs .tab-menu a {
    color: #686868;
}

.dynamic-tabs-tabs .tab-menu a:hover {
    background-color: #f1f1f1;
}

.tabs-style-linebox nav .dynamic-tabs-tabs .tab-current a {
    color: #3B1552;
}

.tabs-style-linebox nav .dynamic-tabs-tabs .tab-current a::after {
    background-color: transparent;
    border: 1px solid #3B1552;
    border-bottom: 3px solid #3B1552;
}

.menu-profile-icons-container .icon-item {
    background: #f8f9fa;
    color: #686868;
}

.menu-profile-icons-container .icon-item:hover {
    background: #5c257e;
    color: #FFFFFF;
    transform: scale(1.5);
    z-index: 10;
}

.menu-profile-icons-container .icon-item:hover a {
    color: #FFFFFF;
}

.menu-profile-icons-container .icon-item.active {
    background: #3B1552;
    color: #FFFFFF;
}

.menu-profile-icons-container .icon-item.active:hover {
    background: #3B1552;
    color: #FFFFFF;
    transform: none !important;
}

/*------------------------------ Recognition Widgets ------------------------------*/
.recog-widget .recog-title {
    color: #4c5667;
}

.recog-widget .recog-subtitle {
    color: #8d9ea7;
}

.recog-widget .recog-item {
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
}

.recog-widget .recog-item .recog-user {
    color: #4c5667;
}

.recog-widget .recog-item .recog-text {
    color: #686868;
}

/*------------------------------ KPI / Metrics ------------------------------*/
.kpi-card {
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
}

.kpi-card .kpi-title {
    color: #4c5667;
}

.kpi-card .kpi-subtitle {
    color: #8d9ea7;
}

.kpi-card .kpi-value {
    color: #4c5667;
}

.kpi-card .kpi-trend.up {
    color: #00c292;
}

.kpi-card .kpi-trend.down {
    color: #fb9678;
}

/*------------------------------ DMS / Upload Box ------------------------------*/
.dms-upload-box {
    background: #ffffff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .06);
}

.dms-upload-box .title {
    color: #4c5667;
}

.dms-upload-box .subtitle {
    color: #8d9ea7;
}

.dms-upload-box .hint {
    color: #686868;
}

.dms-upload-box .icon-ring {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
}

.dashboard-employee-list-container .list-item-icon.dms-item-icon {
    border: 2px solid #8d9ea7;
}

.dashboard-employee-list-container .list-item-icon.dms-item-icon i {
    color: #8d9ea7;
}

.metric-number {
    color: #8d9ea7;
}

.dms-upload-box i {
    color: #8d9ea7;
    /* icon color */
}

/* Common styles for all corners */
.dms-upload-box::before,
.dms-upload-box::after,
.dms-upload-box .corner-bottom-left,
.dms-upload-box .corner-top-right {
    background: linear-gradient(135deg, transparent 0%, rgba(0, 0, 0, .04) 100%);
    box-shadow: 0 8px 16px rgba(0, 0, 0, .08);
}

/*------------------------------ Timer Input ------------------------------*/
.timer-input {
    border-color: #e4e7ea;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .03);
    background: #ffffff;
}

.timer-input input.timer-input-segment {
    color: #313a46;
}

.timer-input input.timer-input-segment::placeholder {
    color: #888;
}

.timer-input:focus-within {
    border-color: #3B1552;
}

.timer-input label:has(input:focus) span {
    color: #0596d7;
}

/*------------------------------ End Timer Input ------------------------------*/