/*********************************************************/
/************* Made By Mohamed Abo El Enen **************/
/*********************************************************/

:root {
    --blue: #4C242A;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #D74C4C;
    --orange: #fd7e14;
    --yellow: #FAA22A;
    --green: #41e078;
    --teal: #20c9a6;
    --cyan: #4C242A;
    --white: #fff;
    --gray: #e6e8e9;
    --gray-dark: #5a5c69;
    --primary: #4C242A;
    --secondary: #e6e8e9;
    --success: #41e078;
    --info: #4C242A;
    --warning: #FAA22A;
    --danger: #D74C4C;
    --light: #f8f9fc;
    --dark: #5a5c69;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Almarai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
body {
    color: #221e1f;
    background-color: #f6fbff;
}
.wrapper #content-wrapper,
.wrapper .content-wrapper {
    background-color: #F7FCF8;
}
a {
    color: #4C242A;
}
a:hover {
    color: #4C242A;
}
caption {
    color: #e6e8e9;
}
.img-thumbnail {
    border-color:#dddfeb;
}
.figure-caption {
    color: #e6e8e9;
}
kbd {
    background-color: #3a3b45;
}
pre {
    color: #3a3b45;
}
.table {
    color: #e6e8e9;
}
.table td,
.table th {
    border-bottom-color:#e8e8e8;
    color: #050505;

}
.table thead th,
.table tfoot th {
    color: #050505;
}
.table-app thead th,
.table-app tfoot th {
    background: #f2f3f4;
}
.table-details thead th,
.table-details tfoot th {
    background: #f2f3f5;
}
.table tbody + tbody {
    border-top-color: #e3e6f0;
}
.table-bordered {
    border-color: #e3e6f0;
}
.table-bordered td,
.table-bordered th {
    border-color: #e3e6f0;
}
.table-striped tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(odd) td {
    background-color: #fafbfd;
}

.table-hover tbody tr:hover {
    color: #e6e8e9;
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > td,
.table-primary > th {
    background-color: rgb(79 186 116 / 15%);
}

.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #a3b6ee;
}

.table-hover .table-primary:hover {
    background-color: #b7c7f2;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #b7c7f2;
}

.table-secondary,
.table-secondary > td,
.table-secondary > th {
    background-color: #e7e7ea;
}

.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #c0c1c8;
}

.table-hover .table-secondary:hover {
    background-color: #cfcfd6;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #cfcfd6;
}

.table-success,
.table-success > td,
.table-success > th {
    background-color: #e6fffc;
}

.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #89e2c2;
}

.table-hover .table-success:hover {
    background-color: #aaebd3;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #aaebd3;
}

.table-info,
.table-info > td,
.table-info > th {
    background-color: transparent;
}

.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #e8e8e8;
}

.table-hover .table-info:hover {
    background-color: #b3e4ec;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #b3e4ec;
}

.table-warning,
.table-warning > td,
.table-warning > th {
    background-color: #fbfee1;
}

.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #fadf9b;
}

.table-hover .table-warning:hover {
    background-color: #fbe6b1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #fbe6b1;
}

.table-danger,
.table-danger > td,
.table-danger > th {
    background-color: #fdedf0;
}

.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #f3a199;
}

.table-hover .table-danger:hover {
    background-color: #f5b7b1;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f5b7b1;
}

.table-light,
.table-light > td,
.table-light > th {
    background-color: #fdfdfe;
}

.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfd;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6;
}

.table-dark,
.table-dark > td,
.table-dark > th {
    background-color: #d1d1d5;
}

.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #a9aab1;
}

.table-hover .table-dark:hover {
    background-color: #c4c4c9;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #c4c4c9;
}

.table-active,
.table-active > td,
.table-active > th {
    background-color: rgba(0, 0, 0, 0.075);
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
}
.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
    color: #fff;
    background-color: #5a5c69;
    border-color: #6c6e7e;
}

.table .thead-light th {
    color: #6e707e;
    background-color: #eaecf4;
    border-color: #e3e6f0;
}

.table-dark {
    color: #fff;
    background-color: #5a5c69;
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #6c6e7e;
}
.form-control {
    color: #001B2D;
    background-color: #f7fbff;
    border-color: #e0e3e4;
}
.form-control:focus {
    color: #272727;
    background-color: #f7fbff;
    border-color: rgb(79 186 116 / 20%);
    box-shadow: 0 0 0 0.2rem rgb(79 186 116 / 20%);
}

.form-control.border-left-danger:focus,
.form-control.border-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(235, 101, 88, 0.5);
}
.form-control::-webkit-input-placeholder {
    color: #B4B4B4;
}

.form-control::-moz-placeholder {
    color: #B4B4B4;
}

.form-control:-ms-input-placeholder {
    color: #B4B4B4;
}

.form-control::-ms-input-placeholder {
    color: #B4B4B4;
}

.form-control::placeholder {
    color: #B4B4B4;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #eaecf4;
}
select.form-control:focus::-ms-value {
    color: #6e707e;
    background-color: #fff;
}

.form-check-input:disabled ~ .form-check-label {
    color: #e6e8e9;
}
.valid-feedback {
    color: #41e078;
}
.valid-tooltip {
    background-color: rgba(28, 200, 138, 0.9);
}
.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #41e078;

}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #41e078;
    box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.25);
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #41e078;
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: #41e078;
}
.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #41e078;
}

.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
    border-color: #41e078;
}
.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    border-color: #34e3a4;
    background-color: #34e3a4;
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.25);
}

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #41e078;
}

.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #41e078;
}
.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    border-color: #41e078;
    box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.25);
}
.invalid-feedback {
    color: #D74C4C;
}
.invalid-tooltip {
    background-color: rgba(231, 74, 59, 0.9);
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #D74C4C;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #D74C4C;
    box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.25);
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #D74C4C;
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #D74C4C;
    box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: #D74C4C;
}

.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #D74C4C;
}

.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    border-color: #D74C4C;
}
.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    border-color: #ed7468;
    background-color: #ed7468;
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.25);
}

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #D74C4C;
}

.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #D74C4C;
}
.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #D74C4C;
    box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.25);
}
.btn {
    color: #fff;
}
.btn:hover {
    color: #fff;
}
.btn[class*="btn-"]:hover,
.btn[class*="btn-"]:focus {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 10px !important;
}

.btn.focus,
.btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(79 186 116/.3);
}
.btn-primary {
    background-color: #4C242A;
    border-color: #4C242A;
}

.btn-primary:hover {
    background-color: #45a165;
    border-color: #45a165;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 10px !important;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 145, 255, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #4C242A !important;
    border-color: #4C242A !important;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: #4C242A;
    border-color: #4C242A;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 145, 255, 0.5);
}
.btn-white {
    color: #D74C4C;
    border-color: #D74C4C;
}
.btn-white:hover {
    color: #D74C4C;
    border-color: #D74C4C;
}
.btn-white.focus,
.btn-white:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 145, 255, 0.5);
}

.btn-white.disabled,
.btn-white:disabled {
    color: #D74C4C;
    border-color: #D74C4C;
}

.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show>.btn-white.dropdown-toggle {
    color: #D74C4C;
    border-color: #D74C4C;
}

.btn-white:not(:disabled):not(.disabled).active:focus,
.btn-white:not(:disabled):not(.disabled):active:focus,
.show>.btn-white.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 145, 255, 0.5);
}
.btn-white-black-text {
    color: #272727;
    border-color: #d7d7d7;
    box-shadow: 0 0.125rem 0.25rem 0.1rem rgba(58, 59, 69, 0.2) !important;
}

.btn-white-black-text:hover {
    color: #272727;
    border-color: #d7d7d7;
}

.btn-white-black-text.focus,
.btn-white-black-text:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 145, 255, 0.5);
}

.btn-white-black-text.disabled,
.btn-white-black-text:disabled {
    color: #272727;
    border-color: #d7d7d7;
}

.btn-white-black-text:not(:disabled):not(.disabled).active,
.btn-white-black-text:not(:disabled):not(.disabled):active,
.show > .btn-white-black-text.dropdown-toggle {
    color: #272727;
    border-color: #d7d7d7;
}

.btn-white-black-text:not(:disabled):not(.disabled).active:focus,
.btn-white-black-text:not(:disabled):not(.disabled):active:focus,
.show > .btn-white-black-text.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 145, 255, 0.5);
}
.btn-secondary {
    color: #929ba1;
    background-color: #e6e8e9;
    border-color: #e6e8e9;
}

.btn-secondary:hover {
    color: #929ba1;
    background-color: #e6e8e9;
    border-color: #e6e8e9;
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(151, 153, 166, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #929ba1;
    background-color: #e6e8e9;
    border-color: #e6e8e9;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    color: #929ba1;
    background-color: #e6e8e9;
    border-color: #e6e8e9;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(151, 153, 166, 0.5);
}
.btn-success {
    background-color: #41e078;
    border-color: #41e078;
}

.btn-success:hover {
    background-color: #30c363;
    border-color: #30c363;
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(5, 163, 74, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
    background-color: #41e078;
    border-color: #41e078;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
    background-color: #41e078;
    border-color: #41e078;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(5, 163, 74, 0.5);
}
.btn-info {
    background-color: #4C242A;
    border-color: #4C242A;
}

.btn-info:hover {
    background-color: #3b76a4;
    border-color: #3b76a4;
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 145, 202, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: #4C242A;
    border-color: #4C242A;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
    background-color: #3b76a4;
    border-color: #3b76a4;
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 145, 202, 0.5);
}
.btn-warning {
    background-color: #FAA22A;
    border-color: #FAA22A;
}

.btn-warning:hover {
    background-color: #e99420;
    border-color: #e99420;
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 0.2rem rgb(207 212 23 / 50%);
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #FAA22A !important;
    border-color: #FAA22A !important;
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
    background-color: #FAA22A;
    border-color: #FAA22A;
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(209, 214, 28, 0.5);
}
.btn-danger {
    background-color: #D74C4C;
    border-color: #D74C4C;
}

.btn-danger:hover {
    background-color: #c03d3d;
    border-color: #c03d3d;
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(235, 101, 88, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
    background-color: #D74C4C !important;
    border-color: #D74C4C !important;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
    background-color: #D74C4C;
    border-color: #D74C4C;
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(235, 101, 88, 0.5);
}
/******/
.btn-light {
    color: #3a3b45;
    background-color: #f8f9fc;
    border-color: #f8f9fc;
}

.btn-light:hover {
    color: #3a3b45;
    background-color: #dde2f1;
    border-color: #d4daed;
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 221, 225, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
    color: #3a3b45 !important;
    background-color: #f8f9fc !important;
    border-color: #f8f9fc !important;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
    color: #3a3b45;
    background-color: #d4daed;
    border-color: #cbd3e9;
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 221, 225, 0.5);
}

.btn-dark {
    background-color: #5a5c69;
    border-color: #5a5c69;
}

.btn-dark:hover {
    background-color: #484a54;
    border-color: #42444e;
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(115, 116, 128, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: #5a5c69 !important;
    border-color: #5a5c69 !important;
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
    background-color: #42444e;
    border-color: #3d3e47;
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(115, 116, 128, 0.5);
}

.btn-outline-primary {
    color: #4C242A;
    border-color: #4C242A;
}

.btn-outline-primary:hover {
    background-color: #4C242A;
    border-color: #4C242A;
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #4C242A;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #4C242A;
    border-color: #4C242A;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.5);
}

.btn-outline-secondary {
    color: #e6e8e9;
    border-color: #e6e8e9;
}

.btn-outline-secondary:hover {
    background-color: #e6e8e9;
    border-color: #e6e8e9;
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(133, 135, 150, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #e6e8e9;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
    background-color: #e6e8e9;
    border-color: #e6e8e9;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(133, 135, 150, 0.5);
}

.btn-outline-success {
    color: #41e078;
    border-color: #41e078;
}

.btn-outline-success:hover {
    background-color: #41e078;
    border-color: #41e078;
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #41e078;
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
    background-color: #41e078;
    border-color: #41e078;
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(28, 200, 138, 0.5);
}

.btn-outline-info {
    color: #4C242A;
    border-color: #4C242A;
}

.btn-outline-info:hover {
    background-color: #4C242A;
    border-color: #4C242A;
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(54, 185, 204, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #4C242A;
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
    background-color: #4C242A;
    border-color: #4C242A;
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(54, 185, 204, 0.5);
}

.btn-outline-warning {
    color: #FAA22A;
    border-color: #FAA22A;
}

.btn-outline-warning:hover {
    background-color: #FAA22A;
    border-color: #FAA22A;
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 194, 62, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #FAA22A;
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
    background-color: #FAA22A;
    border-color: #FAA22A;
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 194, 62, 0.5);
}

.btn-outline-danger {
    color: #D74C4C;
    border-color: #D74C4C;
}

.btn-outline-danger:hover {
    background-color: #D74C4C;
    border-color: #D74C4C;
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #D74C4C;
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
    background-color: #D74C4C;
    border-color: #D74C4C;
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.5);
}

.btn-outline-light {
    color: #f8f9fc;
    border-color: #f8f9fc;
}

.btn-outline-light:hover {
    color: #3a3b45;
    background-color: #f8f9fc;
    border-color: #f8f9fc;
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 252, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #f8f9fc;
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-light.dropdown-toggle {
    color: #3a3b45;
    background-color: #f8f9fc;
    border-color: #f8f9fc;
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 252, 0.5);
}

.btn-outline-dark {
    color: #5a5c69;
    border-color: #5a5c69;
}

.btn-outline-dark:hover {
    background-color: #5a5c69;
    border-color: #5a5c69;
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(90, 92, 105, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #5a5c69;
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn-outline-dark.dropdown-toggle {
    background-color: #5a5c69;
    border-color: #5a5c69;
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(90, 92, 105, 0.5);
}

.btn-link {
    color: #4C242A;
}

.btn-link:hover {
    color: #4C242A;
}

.btn-link.disabled,
.btn-link:disabled {
    color: #e6e8e9;
}

.dropdown-menu {
    color: #e6e8e9;
    border-color: #e3e6f0;
}
.dropdown-divider {
    border-color: #eaecf4;
}

.dropdown-item {
    color: #3a3b45;
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #2e2f37;
    background-color: rgb(79 186 116 / 10%);
}

.dropdown-item.active,
.dropdown-item:active {
    color: #2e2f37;
    background-color: rgb(79 186 116 / 10%);
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #e6e8e9;
}
.dropdown-header {
    color: #e6e8e9;
}
.dropdown-item-text {
    color: #3a3b45;
}
.input-group-text {
    color: #6e707e;
    background-color: #f7fbff;
    border-color: #e0e3e4;
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #4C242A;
    background-color: #4C242A;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 145, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #4C242A;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #e5ebfa;
    border-color: #e5ebfa;
}

.custom-control-input:disabled ~ .custom-control-label {
    color: #e6e8e9;
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #eaecf4;
}
.custom-control-label::before {
    border-color: #b7b9cc ;
}

.custom-checkbox-transparent .custom-control-label::before {
    border-color: #4C242A;
}

.custom-radio .custom-control-label::before {
    border-color: #b7b9cc;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}
.custom-checkbox-transparent .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    color: #4C242A;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #4C242A;
    background-color: #4C242A;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(78, 115, 223, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(78, 115, 223, 0.5);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("../img/radio-btn-selected.png");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(78, 115, 223, 0.5);
}
.custom-switch .custom-control-label::after {
    background-color: #b7b9cc;
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(78, 115, 223, 0.5);
}
.custom-select {
    color: #6e707e;

}
.custom-select-app,
.custom-select-app.p-dropdown {
    color: #001B2D;
    background-color: #f7fbff;
}

.custom-select:focus {
    border-color: #4C242A;
    box-shadow: 0 0 0 0.2rem rgba(0, 145, 255, 0.25);
}

.custom-select:focus::-ms-value {
    color: #6e707e;
}

.custom-select:disabled {
    color: #e6e8e9;
    background-color: #eaecf4;
}
.custom-file-input:focus ~ .custom-file-label {
    border-color: #4C242A;
    box-shadow: 0 0 0 0.2rem rgba(0, 145, 255, 0.25);
}

.custom-file-input:disabled ~ .custom-file-label {
    background-color: #eaecf4;
}
.custom-file-label {
    color: #6e707e;
    border-color: #d1d3e2;
}
.custom-file-label::after {
    color: #6e707e;
}
.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 145, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 145, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 145, 255, 0.25);
}
.custom-range::-webkit-slider-thumb {
    background-color: #4C242A;
}
.custom-range::-webkit-slider-thumb:active {
    background-color: #e5ebfa;
}
.custom-range::-moz-range-thumb {
    background-color: #4C242A;
}
.custom-range::-moz-range-track {
    background-color: #dddfeb;
}
.custom-range::-ms-thumb {
    background-color: #4C242A;
}
.custom-range::-ms-thumb:active {
    background-color: #e5ebfa;
}
.custom-range:disabled::-webkit-slider-thumb {
    background-color: #b7b9cc;
}
.custom-range:disabled::-moz-range-thumb {
    background-color: #b7b9cc;
}
.custom-range:disabled::-ms-thumb {
    background-color: #b7b9cc;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #4C242A;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #4C242A;
}
.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgb(79 186 116 / 20%) !important;
}
.page-item.active .page-link {
    color: #4C242A !important;
}
.bs-popover-auto[x-placement^="bottom"] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    border-bottom: 1px solid #f7fbff;
}
.popover-header {
    background-color: #f7fbff;
}
.popover-primary .popover {
    background-color: rgb(79 186 116 / 15%);
}
.popover-warning .popover {
    background-color: #fbfee1;
}

.popover-danger .popover {
    background-color: #fdedf0;
}

.popover-info .popover {
    background-color: #5db5f8;
}

.popover-danger .bs-popover-auto[x-placement^="top"] > .arrow::after,
.popover-danger .bs-popover-top > .arrow::after {
    border-top-color: #fdedf0;
}

.popover-danger .bs-popover-auto[x-placement^="bottom"] > .arrow::after,
.popover-danger .bs-popover-bottom > .arrow::after {
    border-bottom-color: #fdedf0;
}

.popover-danger .bs-popover-auto[x-placement^="left"] > .arrow::after,
.popover-danger .bs-popover-left > .arrow::after {
    border-left-color: #fdedf0;
}

.popover-danger .bs-popover-auto[x-placement^="right"] > .arrow::after,
.popover-danger .bs-popover-right > .arrow::after {
    border-right-color: #fdedf0;
}

.popover-primary .bs-popover-auto[x-placement^="top"] > .arrow::after,
.popover-primary .bs-popover-top > .arrow::after {
    border-top-color: rgb(79 186 116 / 15%);
}

.popover-primary .bs-popover-auto[x-placement^="bottom"] > .arrow::after,
.popover-primary .bs-popover-bottom > .arrow::after {
    border-bottom-color: rgb(79 186 116 / 15%);
}

.popover-primary .bs-popover-auto[x-placement^="left"] > .arrow::after,
.popover-primary .bs-popover-left > .arrow::after {
    border-left-color: rgb(79 186 116 / 15%);
}

.popover-primary .bs-popover-auto[x-placement^="right"] > .arrow::after,
.popover-primary .bs-popover-right > .arrow::after {
    border-right-color: rgb(79 186 116 / 15%);
}
.popover-warning .bs-popover-auto[x-placement^="top"] > .arrow::after,
.popover-warning .bs-popover-top > .arrow::after {
    border-top-color: #fbfee1;
}

.popover-warning .bs-popover-auto[x-placement^="bottom"] > .arrow::after,
.popover-warning .bs-popover-bottom > .arrow::after {
    border-bottom-color: #fbfee1;
}

.popover-warning .bs-popover-auto[x-placement^="left"] > .arrow::after,
.popover-warning .bs-popover-left > .arrow::after {
    border-left-color: #fbfee1;
}

.popover-warning .bs-popover-auto[x-placement^="right"] > .arrow::after,
.popover-warning .bs-popover-right > .arrow::after {
    border-right-color: #fbfee1;
}

.popover-info .bs-popover-auto[x-placement^="top"] > .arrow::after,
.popover-info .bs-popover-top > .arrow::after {
    border-top-color: #5db5f8;
}
.badge-primary {
    background-color: #4C242A;
}

a.badge-primary:focus,
a.badge-primary:hover {
    background-color: #4C242A;
}
a.badge-primary.focus,
a.badge-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.5);
}
.badge-secondary {
    background-color: #e6e8e9;
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    background-color: #6b6d7d;
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(133, 135, 150, 0.5);
}
.badge-info {
    background-color: #4C242A;
}
a.badge-info:focus,
a.badge-info:hover {
    background-color: #3b76a4;
}
a.badge-info.focus,
a.badge-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(54, 185, 204, 0.5);
}
.badge-warning {
    background-color: #FAA22A;
}

a.badge-warning:focus,
a.badge-warning:hover {
    background-color: #f4b30d;
}

a.badge-warning.focus,
a.badge-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(246, 194, 62, 0.5);
}
.badge-danger {
    background-color: #D74C4C;
}

a.badge-danger:focus,
a.badge-danger:hover {
    background-color: #f1403c;
}

a.badge-danger.focus,
a.badge-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.5);
}
.alert-primary {
    color: #4C242A;
    background-color: rgb(79 186 116 / 15%);
    border-color: rgb(79 186 116 / 15%);
}
.alert-primary hr {
    border-top-color: #b7c7f2;
}

.alert-primary .alert-link {
    color: #1c294e;
}
.alert-info {
    color: #033c68;
    background-color: #5db5f8;
    border-color: #5db5f8;
}

.alert-info hr {
    border-top-color: #b3e4ec;
}

.alert-info .alert-link {
    color: #113b42;
}
.alert-warning {
    color: #FAA22A;
    background-color: #fbfee1;
    border-color: #fbfee1;
}

.alert-warning hr {
    border-top-color: #fbe6b1;
}

.alert-warning .alert-link {
    color: #574516;
}
.alert-secondary {
    color: #45464e;
    background-color: #e7e7ea;
    border-color: #e7e7ea;
}

.alert-secondary hr {
    border-top-color: #cfcfd6;
}

.alert-secondary .alert-link {
    color: #2d2e33;
}
.alert-danger {
    color: #D74C4C;
    background-color: #fdedf0;
    border-color: #fdedf0;
}

.alert-danger hr {
    border-top-color: #f5b7b1;
}

.alert-danger .alert-link {
    color: #4f1915;
}
.progress {
    background-color: #C3CCD5;
}

.progress-bar {
    background-color: #4C242A;
}
.list-group-item-action {
    color: #6e707e;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: #6e707e;
    background-color: #f8f9fc;
}
.list-group-item-action:active {
    color: #e6e8e9;
    background-color: #eaecf4;
}

.list-group-item {
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item.disabled,
.list-group-item:disabled {
    color: #e6e8e9;
}

.list-group-item.active {
    background-color: #4C242A;
    border-color: #4C242A;
}
.list-group-item-primary {
    color: #4C242A;
    background-color: rgb(79 186 116 / 15%);
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #4C242A;
    background-color: #b7c7f2;
}

.list-group-item-primary.list-group-item-action.active {
    background-color: #4C242A;
    border-color: #4C242A;
}
.list-group-item-secondary {
    color: #45464e;
    background-color: #e7e7ea;
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #45464e;
    background-color: #cfcfd6;
}

.list-group-item-secondary.list-group-item-action.active {
    background-color: #45464e;
    border-color: #45464e;
}
.list-group-item-info {
    color: #033c68;
    background-color: #5db5f8;
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #033c68;
    background-color: #b3e4ec;
}

.list-group-item-info.list-group-item-action.active {
    background-color: #033c68;
    border-color: #033c68;
}
.list-group-item-warning {
    color: #FAA22A;
    background-color: #fbfee1;
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #FAA22A;
    background-color: #fbe6b1;
}

.list-group-item-warning.list-group-item-action.active {
    background-color: #FAA22A;
    border-color: #FAA22A;
}
.list-group-item-danger {
    color: #D74C4C;
    background-color: #fdedf0;
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #D74C4C;
    background-color: #f5b7b1;
}

.list-group-item-danger.list-group-item-action.active {
    background-color: #D74C4C;
    border-color: #D74C4C;
}
.bg-primary {
    background-color: #4C242A !important;
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #4C242A !important;
}

.bg-secondary {
    background-color: #e6e8e9 !important;
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #6b6d7d !important;
}
.bg-info {
    background-color: #4C242A !important;
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #3b76a4 !important;
}

.bg-warning {
    background-color: #FAA22A !important;
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #f4b30d !important;
}

.bg-danger {
    background-color: #D74C4C !important;
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #f1403c !important;
}
.border-primary {
    border-color: #4C242A !important;
}

.border-secondary {
    border-color: #e6e8e9 !important;
}
.border-info {
    border-color: #4C242A !important;
}

.border-warning {
    border-color: #FAA22A !important;
}

.border-danger {
    border-color: #D74C4C !important;
}
.text-primary {
    color: #4C242A !important;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #4C242A !important;
}

.text-secondary {
    color: #e6e8e9 !important;
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #60616f !important;
}
.text-info {
    color: #4C242A !important;
}

a.text-info:focus,
a.text-info:hover {
    color: #4C242A !important;
}

.text-warning {
    color: #FAA22A !important;
}

a.text-warning:focus,
a.text-warning:hover {
    color: #FAA22A !important;
}

.text-danger {
    color: #D74C4C !important;
}

a.text-danger:focus,
a.text-danger:hover {
    color: #be2617 !important;
}
.scroll-to-top {
    background: #4C242A;
}
.scrollup {
    background: #4C242A;
}
.scrollup:hover {
    background: #221e1f;
}

.bg-gradient-primary {
    background-color: #4C242A !important;
}

.bg-gradient-secondary {
    background-color: #e6e8e9;
    background-image: linear-gradient(180deg, #e6e8e9 10%, #60616f 100%);
}
.bg-gradient-info {
    background-color: #4C242A;
    background-image: linear-gradient(180deg, #4C242A 10%, #036fc0 100%);
}

.bg-gradient-warning {
    background-color: #FAA22A;
    background-image: linear-gradient(180deg, #FAA22A 10%, #916a05 100%);
}

.bg-gradient-danger {
    background-color: #D74C4C;
    background-image: linear-gradient(180deg, #D74C4C 10%, #931318 100%);
}
.border-left-primary {
    border-left: 0.25rem solid #4C242A !important;
}

.border-right-primary {
    border-right: 0.25rem solid #4C242A !important;
}

.border-bottom-primary {
    border-bottom: 0.25rem solid #4C242A !important;
}

.border-top-primary {
    border-top: 0.25rem solid #4C242A !important;
}

.border-left-secondary {
    border-left: 0.25rem solid #e6e8e9 !important;
}

.border-bottom-secondary {
    border-bottom: 0.25rem solid #e6e8e9 !important;
}

.border-right-secondary {
    border-right: 0.25rem solid #e6e8e9 !important;
}

.border-top-secondary {
    border-top: 0.25rem solid #e6e8e9 !important;
}
.border-left-info {
    border-left: 0.25rem solid #4C242A !important;
}

.border-right-info {
    border-right: 0.25rem solid #4C242A !important;
}

.border-top-info {
    border-top: 0.25rem solid #4C242A !important;
}

.border-bottom-info {
    border-bottom: 0.25rem solid #4C242A !important;
}

.border-left-warning {
    border-left: 0.25rem solid #FAA22A !important;
}

.border-right-warning {
    border-right: 0.25rem solid #FAA22A !important;
}

.border-top-warning {
    border-top: 0.25rem solid #FAA22A !important;
}

.border-bottom-warning {
    border-bottom: 0.25rem solid #FAA22A !important;
}

.border-left-danger {
    border-left: 0.25rem solid #D74C4C !important;
}

.border-right-danger {
    border-right: 0.25rem solid #D74C4C !important;
}

.border-top-danger {
    border-top: 0.25rem solid #D74C4C !important;
}

.border-bottom-danger {
    border-bottom: 0.25rem solid #D74C4C !important;
}
.topbar .dropdown-list .dropdown-header {
    color: #4C242A;
}
.topbar .dropdown-list .dropdown-item {
    border-bottom: 1px solid rgb(79 186 116 / 10%);
}
.topbar .dropdown-list .dropdown-item:active {
    background-color: rgb(79 186 116 / 15%);
}

.topbar .dropdown-list .dropdown-item.unread {
    background-color: rgb(79 186 116 / 10%);
}
.topbar .main-nav-content .nav-item:hover .nav-link {
    color: #4C242A !important;
}
.topbar.navbar-light .navbar-nav .nav-item.active .nav-link {
    color: #4C242A !important;
}
@media (min-width: 992px) {
    .topbar .main-nav-content .nav-item.active::after {
        background: #4C242A;
    }
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
    background-color: rgb(79 186 116 / 10%);
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:active {
    background-color: rgb(79 186 116 / 10%);
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: #4C242A;
}

.sidebar.sidebar-light .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar.sidebar-light .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: #4C242A;
}

.sidebar-light .nav-item.active .nav-link {
    color: #6e707e;
    border-color: #4C242A;
}

.sidebar-light .nav-item.active .nav-link i {
    color: #4C242A;
}
.sidebar-light .nav-item.active .nav-link span,
.sidebar-light .nav-item .nav-link:hover span,
.sidebar-light .nav-item .nav-link:hover svg path,
.sidebar-light .nav-item .nav-link:hover i {
    color: #4C242A !important;
    stroke: #4C242A !important;
}

.sidebar-light .nav-item.active .nav-link svg path {
    stroke: #4C242A;
}
.error {
    color: #4C242A;
}
.error:after {
    color: #4C242A;
}
.logo {
    fill: #4C242A;
}
@media (min-width: 768px) {
    body.sidebar-toggled.fixed-sidebar .sidebar-dark .logo-sidebar-white {
        background: #4C242A;
    }
}
.sidebar-dark [data-scrollbar] .scrollbar-track:hover,
.sidebar-dark [scrollbar] .scrollbar-track:hover,
.sidebar-dark scrollbar .scrollbar-track:hover {
    background: #4C242A;
}

.sidebar-dark [data-scrollbar] .scrollbar-track-x,
.sidebar-dark [scrollbar] .scrollbar-track-x,
.sidebar-dark scrollbar .scrollbar-track-x {
    background: #4C242A;
}

.sidebar-dark [data-scrollbar] .scrollbar-track-y,
.sidebar-dark [scrollbar] .scrollbar-track-y,
.sidebar-dark scrollbar .scrollbar-track-y {
    background: #4C242A;
}

.sidebar-dark [data-scrollbar] .scrollbar-thumb,
.sidebar-dark [scrollbar] .scrollbar-thumb,
.sidebar-dark scrollbar .scrollbar-thumb {
    background: #4C242A;
}
.file-upload-container {
    border: 2px dashed #4C242A;
    background: #f7fbff;
}
.file-upload-container svg path, .flex-20 .dash-item-link path {
    fill: #4C242A;
}
.item-employers-box .bg-light-blue-theme svg path, .bg-light-warning svg path {
    fill: #FAA22A;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
    color: #4C242A;
}
.active-checked {
    color: #4C242A !important;
}
.p-checkbox .p-checkbox-box.p-highlight {
    border-color: #45a165!important;
    background: #45a165!important;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #45a165 !important;
}

.custom-checkbox-transparent.custom-checkbox-content .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #4C242A;
}
.dataTables_filter > label::before {
    color: #4C242A;
}
a.text-info:hover svg path,
button.text-info:hover svg path,
a.text-info:focus svg path,
button.text-info:focus svg path {
    fill: #4C242A !important;
}

.dataTables_filter .form-control[type="search"]::-webkit-input-placeholder {
    color: #4C242A !important;
}

.dataTables_filter .form-control[type="search"]::-moz-placeholder {
    color: #4C242A !important;
}

.dataTables_filter .form-control[type="search"]:-ms-input-placeholder {
    color: #4C242A !important;
}

.dataTables_filter .form-control[type="search"]::-ms-input-placeholder {
    color: #4C242A !important;
}

.dataTables_filter .form-control[type="search"]::placeholder {
    color: #4C242A !important;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #4C242A;
}

.nav-tabs .nav-item.active::after {
    background: #4C242A;
}
.datetimepicker-input {
    background-color: #f7fbff !important;
}
.datepicker .input-group-text,
.datepicker input {
    background: #f7fbff;
}
.dz-remove {
    background-color: #4C242A;
    border-color: #4C242A;
}
.view-btn {
    background: #f4f7fc;
    color: #4C242A;
}
.circle-btn:hover,
.circle-btn:focus,
.circle-btn:active,
.view-btn:hover,
.view-btn:focus,
.view-btn:active {
    color: #4C242A;
}
.visit-btn.text-info:hover,
.visit-btn.text-info:focus,
.visit-btn.text-info:active {
    color: #4C242A !important;
}
.toggle-label {
    color: #4C242A;
}
.toggle-label:before {
    color: #4C242A;
}
.tag-box button,
.tag-box a,
.tag-box button:hover,
.tag-box a:hover,
.tag-box button:focus,
.tag-box a:focus,
.tag-box button:active,
.tag-box a:active {
    background: #4C242A !important;
}
.custom-checkbox-fonts.custom-checkbox-transparent .custom-control-label::before {
    color: #4C242A;
}
.tabs-main-list a.active-tab {
    color: #4C242A !important;
}
.tabs-main-list a.active-tab::after {
    background: #4C242A;
}
.nested-tab-nav .nav-item.active,
.nested-tab-nav .nav-item:hover {
    border-color: #4C242A;
    background: #4C242A;
}
.gallery-item:hover:after {
    background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 50%, #4C242A 88%);
}
.operator-search-nav .nav-tabs .nav-item.active {
    color: #4C242A;
}

.operator-search-nav .nav-tabs .nav-item.active::after {
    background: #4C242A;
}
.active-employees {
    background: #4C242A !important;
}
.selected-item {
    color: #4C242A !important;
}
.close-side-bar {
    color: #4C242A;
}
.edit-image-btn {
    background: #4C242A;
}
.custom-radio-main-item.border-primary .custom-control-label {
    color: #4C242A !important;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    color: #4C242A !important;
}
.navbar-light .navbar-nav .nav-link:focus span,
.navbar-light .navbar-nav .nav-link:hover span {
    color: #4C242A;
}
.search-main-component .form-control,
.search-main-component .form-control:focus {
    background: #f7fbff !important;
    border-color: #f7fbff !important;
}
.search-insider.form-control.bg-light-gray.form-control-user.shadow-sm {
    background: #f7fbff !important;
}
.search-insider:focus,
input[type="search"].search-insider.no-shadow:focus {
    border-color: rgb(79 186 116 / 20%) !important;
    box-shadow: 0 0 0 0.2rem rgb(79 186 116 / 20%) !important;
}
.bg-form-control {
    background: #f7fbff !important;
}
.bg-light-gray {
    background: #f7fbff;
}
.file-upload-container {
    background: #f7fbff !important;
}
.p-dropdown.form-control:focus,
.p-dropdown.form-control.p-focus {
    background-color: #f7fbff !important;
    border-color: rgb(79 186 116 / 20%) !important;
    box-shadow: 0 0 0 0.2rem rgb(79 186 116 / 20%) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px #f7fbff inset !important;
    -webkit-box-shadow: 0 0 0 30px #f7fbff inset !important;
}
.datepicker.date input.form-control {
    background: #f7fbff;
}

.datepicker.date input.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgb(79 186 116 / 20%) !important;
}
.subscribe-content {
    background-color: #f7fbff;
}
.search-list-wrapper .form-control {
    background-color: #f7fbff;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(58 59 69 / 20%) !important;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
    stroke: #4C242A !important;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #4C242A !important;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
    background: #f7fbff !important;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
    color: #4C242A !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    background: #f7fbff !important;
}

.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    background: #4C242A !important;
}

.p-inputswitch.p-focus .p-inputswitch-slider {
    box-shadow: 0 0 0 0.2rem rgb(79 186 116 / 20%) !important;
}

.p-radiobutton .p-radiobutton-box.p-highlight {
    border-color: #4C242A !important;
    background: #4C242A !important;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
    border-color: #4C242A !important;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
    box-shadow: 0 0 0 0.2rem rgb(79 186 116 / 20%) !important;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
    box-shadow: 0 0 0 0.2rem rgb(79 186 116 / 20%) !important
}
.p-datepicker .p-timepicker button:focus {
    box-shadow: 0 0 0 0.2rem rgb(79 186 116 / 20%) !important;
}
.p-datepicker table td > span.p-highlight {
    background: #4C242A !important;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
    box-shadow: 0 0 0 0.2rem rgb(79 186 116/ 20%) !important
}
.p-datepicker .p-timepicker button:focus {
    box-shadow: 0 0 0 0.2rem rgb(79 186 116/ 20%) !important;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    background: rgb(79 186 116/ 70%) !important;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    background: rgb(79 186 116/ 10%) !important;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
    box-shadow: inset 0 0 0 0.15rem rgb(79 186 116/ 40%) !important;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    background: rgb(79 186 116/ 10%) !important;
}
.p-inputtext:enabled:focus {
    border-color: rgb(79 186 116 / 20%) !important;
    box-shadow: 0 0 0 0.2rem rgb(79 186 116 / 20%) !important;
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background: #4C242A !important;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    background: rgb(79 186 116 / 10%) !important;
}

.p-datepicker table td > span.p-highlight {
    background: #FAA22A !important;
}
.bg-fuschia-light {
    background: rgb(79 186 116 / 15%);
}
.emp-nav .nav-tabs .nav-item.active {
    color: #4C242A;
}
.tabs-admin .nav-item.active {
    color: #4C242A;
}

.tabs-admin .nav-item.active::after {
    background-color: #4C242A;
}
.tabs-opportunities .nav-item.show .nav-link,
.tabs-opportunities .nav-link.active {
    background-color: #4C242A !important;
}
.flex-20 .dash-item-link:hover {
    background: #4C242A !important;
}
.mini-sidebar.sidebar-light .nav-item.active .nav-link span,
.mini-sidebar.sidebar-light .nav-item .nav-link:hover span,
.mini-sidebar.sidebar-light .nav-item .nav-link:hover svg path,
.mini-sidebar.sidebar-light .nav-item .nav-link:hover i {
    color: #4C242A !important;
    fill: #4C242A !important;
}

.mini-sidebar.sidebar-light .nav-item.active .nav-link svg path {
    fill: #4C242A !important;
}
@media (max-width: 991.98px) {

    .navbar-toggler-wrapper-landing .navbar-toggler {
        box-shadow: 0 0.15rem 0.75rem 0 rgb(79 186 116 / 10%) !important;
        background-color: rgb(79 186 116 / 15%);
        border-color: #f8e0ff;
    }

    .navbar-toggler-wrapper-landing .navbar-collapse {
        background: rgb(79 186 116 / 15%);
        box-shadow: 0 0.15rem 0.75rem 0 rgb(79 186 116 / 10%) !important;
        border: 1px solid #f8e0ff;
    }
}
.notification-component .dropdown-item:last-child {
    border-bottom: 0px solid rgb(79 186 116 / 10%);
}
.notification-component .unread {
    background-color: rgb(79 186 116 / 10%);
}
.btn-copy-details:hover svg {
    box-shadow: 0 0.15rem 1rem 0 rgb(79 186 116 / 30%) !important;
}
.btn-copy-details:hover rect {
    stroke: #4C242A;
}

.btn-copy-details:hover path {
    stroke: #4C242A;
}
.btn-green,
.btn-green:hover,
.btn-green:focus,
.btn-green.disabled,
.btn-green:disabled {
    color: #4C242A !important;
    border-color: #4C242A !important;
}
.btn-green path {
    fill: #4C242A;
}
.btn-group-app .btn.active,
.btn-group-app .btn.active.focus {
    border-color: #4C242A !important;
    background: #4C242A !important;
}
.highlighted .checked-in path {
    fill: #4C242A
}
.switch input:checked + .slider {
    background-color: #4C242A;
}

.switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
.p-editor-container .p-editor-content .ql-editor {
    background: #f7fbff !important;
}
.pagination-style-2 .page-item.active .page-link {
    background-color: #4C242A !important;
}
.list-footer-links a:hover {
    color: #4C242A !important;
}
.cart-processes-step {
    color: #ADADAD !important;
}
.cart-processes-step.active,
.cart-processes-step.done {
    color: #00cabb !important;
}

.cart-processes-step .rounded-circle {
    border-color: #D6D6D6 !important;
    background: #D6D6D6;
}

.cart-main-step .rounded-circle {
    border-color: #EDEDED !important;
    background: #EDEDED;
}

.cart-processes-step.active .rounded-circle {
    border-color: #05BBAD !important;
    background: #f8fefb;
}

.cart-processes-step.done .rounded-circle {
    border-color: #4C242A !important;
    background: #4C242A;
}

.cart-processes-step.active .rounded-circle {
    border-color: #FAA22A !important;
    background: #FAA22A;
}

.cart-processes-step.active label {
    color: #FAA22A !important;
}

.cart-processes-step.done label {
    color: #4C242A !important;
}
.text-orange {
    color: #FAA22A;
}
.btn-primary {
    border-color: #4C242A;
}
.circle.per-5 {
    background-image: conic-gradient(#4C242A 5%, #C3CCD5 0);
}

.circle.per-10 {
    background-image: conic-gradient(#4C242A 10%, #C3CCD5 0);
}

.circle.per-15 {
    background-image: conic-gradient(#4C242A 15%, #C3CCD5 0);
}

.circle.per-20 {
    background-image: conic-gradient(#4C242A 20%, #C3CCD5 0);
}

.circle.per-25 {
    background-image: conic-gradient(#4C242A 25%, #C3CCD5 0);
}

.circle.per-30 {
    background-image: conic-gradient(#4C242A 30%, #C3CCD5 0);
}

.circle.per-35 {
    background-image: conic-gradient(#4C242A 35%, #C3CCD5 0);
}

.circle.per-40 {
    background-image: conic-gradient(#4C242A 40%, #C3CCD5 0);
}

.circle.per-45 {
    background-image: conic-gradient(#4C242A 45%, #C3CCD5 0);
}

.circle.per-50 {
    background-image: conic-gradient(#4C242A 50%, #C3CCD5 0);
}

.circle.per-55 {
    background-image: conic-gradient(#4C242A 55%, #C3CCD5 0);
}

.circle.per-60 {
    background-image: conic-gradient(#4C242A 60%, #C3CCD5 0);
}

.circle.per-65 {
    background-image: conic-gradient(#4C242A 65%, #C3CCD5 0);
}

.circle.per-70 {
    background-image: conic-gradient(#4C242A 70%, #C3CCD5 0);
}

.circle.per-75 {
    background-image: conic-gradient(#4C242A 75%, #C3CCD5 0);
}

.circle.per-80 {
    background-image: conic-gradient(#4C242A 80%, #C3CCD5 0);
}

.circle.per-85 {
    background-image: conic-gradient(#4C242A 85%, #C3CCD5 0);
}

.circle.per-90 {
    background-image: conic-gradient(#4C242A 90%, #C3CCD5 0);
}

.circle.per-95 {
    background-image: conic-gradient(#4C242A 95%, #C3CCD5 0);
}

.circle.per-100 {
    background-image: conic-gradient(#4C242A 100%, #C3CCD5 0);
}
.action-btn:hover svg path {
    box-shadow: 0 0.15rem 1rem 0 rgb(79 186 116 / 30%) !important;
    fill: #4C242A !important;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    background: rgb(79 186 116/ 10%) !important;
}

.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    background: #4C242A !important;
}

.p-inputswitch.p-focus .p-inputswitch-slider {
    box-shadow: 0 0 0 0.2rem rgb(79 186 116/ 20%) !important;
}

.p-radiobutton .p-radiobutton-box.p-highlight {
    border-color: #4C242A !important;
    background: #4C242A !important;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
    border-color: #4C242A !important;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
    box-shadow: 0 0 0 0.2rem rgb(79 186 116/ 20%) !important;
}
.text-dark-green {
    color: #177E55;
}
.text-blue-link:hover svg path {
    fill: #4C242A;
}
.blue-theme-app-bg {
    background-color: #4d90cd;
}

.light-bg-orange {
    background: #fdd7a4;
}

.light-bg-green {
    background-color: #dbf1e3;
}

.bg-light-blue-theme {
    background-color: #F7FCF8;
}

.bg-light-ornage-theme {
    background-color: #FFFBF5;
}

.bg-gradient-primary {
    background: rgb(79,185,113);
    background: linear-gradient(90deg, rgba(79,185,113,1) 0%, rgba(22,137,60,1) 100%);
}

.bg-gradient-orange {
    background: rgb(251,194,113);
    background: linear-gradient(90deg, rgba(251,194,113,1) 0%, rgba(216,152,62,1) 100%);
}

.bg-gradient-blue {
    background: rgb(75,141,202);
    background: linear-gradient(90deg, rgba(75,141,202,1) 0%, rgba(26,99,167,1) 100%);
}

.btn.bg-gradient-blue:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(75 141 202/.3);
}

.btn.bg-gradient-orange:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(251 194 113/.3);
}

.path-list li:nth-child(1) .career-path-step-btn.active {
    background: rgb(79,185,113);
    background: linear-gradient(90deg, rgba(79,185,113,1) 0%, rgba(22,137,60,1) 100%);
    -webkit-box-shadow: 0px 5px 16px 0px rgba(79,185,113,1);
    -moz-box-shadow: 0px 5px 16px 0px rgba(79,185,113,1);
    box-shadow: 0px 5px 16px 0px rgba(79,185,113,1);
}

.path-list li:nth-child(2) .career-path-step-btn.active {
    background: rgb(251,194,113);
    background: linear-gradient(90deg, rgba(251,194,113,1) 0%, rgba(216,152,62,1) 100%);
    -webkit-box-shadow: 0px 5px 16px 0px rgba(251,194,113,1);
    -moz-box-shadow: 0px 5px 16px 0px rgba(251,194,113,1);
    box-shadow: 0px 5px 16px 0px rgba(251,194,113,1);
}

.path-list li:nth-child(3) .career-path-step-btn.active {
    background: rgb(75,141,202);
    background: linear-gradient(90deg, rgba(75,141,202,1) 0%, rgba(20,94,162,1) 100%);
    -webkit-box-shadow: 0px 5px 16px 0px rgba(75,141,202,1);
    -moz-box-shadow: 0px 5px 16px 0px rgba(75,141,202,1);
    box-shadow: 0px 5px 16px 0px rgba(75,141,202,1);
}
.text-path-orange {
    color: #FDC475;
}
.text-blue-link {
    color: #4F90CD
}
.bg-light-warning {
    background-color: #FFF8EE;
}
.text-dark-gray-career {
    color: #656565;
}
.text-gray-new {
    color: #556777 !important;
}
.text-orange {
    color: #FAA22A !important;
}

.bg-orange {
    background-color: #FAA22A !important;
}
.bg-gray-new {
    background-color: #556777 !important;
}

.border-gray-new {
    border-color: #556777 !important;
}
.bg-light-blue {
    background: #ebf3fa !important;
}

.text-blue {
    color: #4F90CD !important;
}

.border-blue {
    border-color: #4F90CD !important;
}
.text-legned-fuchsia {
    color: #45a165;
}
.text-primary-2 {
    color: #307046 !important;
}

.border-primary-2 {
    border-color: #307046 !important;
}
.tabs-courses .nav-item.active {
    color: #307046;
}
.tabs-courses .nav-item.active::after {
    background-color: #307046;
}
.circle .inner.bg-light-blue-theme {
    background-color: #F7FCF8;
}
.bg-light-primary {
    background-color: #eef8f1 !important;
}
.bg-light-primary-theme {
    background-color: #F7FCF8;
}
@keyframes leftRight {
    40% {
        transform: translate(50px, 0) scale(.7);
        opacity: 1;
        color: #fff;
    }

    60% {
        color: #4C242A;
    }

    80% {
        transform: translate(0) scale(2);
        opacity: 0;
    }

    100% {
        transform: translate(0) scale(1);
        opacity: 1;
    }
}
.career-steps-banner:after {
    background-image: linear-gradient(to left, rgba(0, 27, 45, .1) 26%, #4C242A 47%) !important;
}
@media (max-width: 1199.98px) {
    .career-steps-banner:after {
        background-image: linear-gradient(to left, rgba(0, 27, 45, .7) 0%, #4C242A 100%) !important;
    }
}
.bg-gradient-steps {
    background: linear-gradient(100.65deg, #4C242A -7.66%, #3A99F0 138.31%);
}

.bg-gradient-wizard {
    background: linear-gradient(153.46deg, #4C242A 14.27%, #3A99F0 184.31%)
}
@media (min-width: 768px) {
    .step-one-is-active::before, .step-two-is-active::before, .step-three-is-active::before {
        background: #4C242A;
    }

}
.selected-emotion {
    background-color: #50ad90 !important;
}
.status-expired:before {
    color: #FAA22A;
}
.text-yellow {
    color: #FAA22A !important;
}
.bg-primary-dark {
    background-color: #3F955D !important;
}
.accordion-course-app .btn-accordion {
    color: #3F955D !important;
}
.logo-sidebar,
.logo-sidebar-white {
    max-width:60px;
}
.highlighted {
    background-color: #edf8f1 !important;
}
.bg-content-bar {
    background-color: #fdc374;
    background-image: url(../img/bg-content-bar.png);
}