@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&display=swap');


:root {
    --blue: #FA8361;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #AA2622;
    --orange: #fd7e14;
    --yellow: #fabd61;
    --green: #41e078;
    --teal: #20c9a6;
    --cyan: #fabd61;
    --white: #fff;
    --gray: #e6e8e9;
    --gray-dark: #5a5c69;
    --primary: #FA8361;
    --secondary: #e6e8e9;
    --success: #41e078;
    --info: #FA8361;
    --warning: #fabd61;
    --danger: #AA2622;
    --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 {
    font-family: "Almarai", sans-serif;
    color: #515561;
    background-color: #FCFCFC;
}
html, .tooltip, .popover, .datepicker-group .form-control,
.search-insider.form-control.form-control-user.shadow-sm, .notfound *,
.table th,
.table td,
.table div,
.custom-select-app .p-dropdown-label,
.p-component {
    font-family: "Almarai", sans-serif;
}

.wrapper #content-wrapper,
.wrapper .content-wrapper {
    background-color: #f3f3f3;
}
a {
    color: #FA8361;
}
a:hover {
    color: #FA8361;
}
caption {
    color: #e6e8e9;
}
.img-thumbnail {
    background-color: #fff;
    border-color: #dddfeb;
}
.figure-caption {
    color: #e6e8e9;
}
kbd {
    background-color: #3a3b45;
    color: #fff;
}
pre {
    color: #3a3b45;
}
.table {
    color: #e6e8e9;
}
.table td,
.table th {
    border-bottom-color:#e8e8e8;
    color: #050505;
    background: #fff;
}
.table thead th,
.table tfoot th {
    color: #050505;
}
.table-app thead th,
.table-app tfoot th {
    background: #D9DBDF;
}
.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 !important;
}
.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(233 114 15 / 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: #f8f8f8;
    border-color: #e0e3e4;
}
.form-control:focus {
    color: #272727;
    background-color: #f8f8f8;
    border-color: rgb(226 77 86 / 20%);
    box-shadow: 0 0 0 0.2rem rgb(226 77 86 / 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: #AA2622;
}
.invalid-tooltip {
    background-color: rgba(231, 74, 59, 0.9);
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #AA2622;
}

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

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #AA2622;
    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: #AA2622;
}

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

.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    border-color: #AA2622;
}
.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: #AA2622;
}

.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #AA2622;
}
.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #AA2622;
    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(233 114 15/.3);
}
.btn-primary, .card.active .btn {
    background-color: #e24d56;
    background: linear-gradient(90deg, #2b3240 50%, rgba(226, 77, 86, 1) 50%);
    border:0px;
    background-size: 200% 100%;
    background-position: right bottom;
    cursor: pointer;
    transition: all ease .3s;
    color:#fff !important
}
a.btn-primary, .card.active a.btn{
    color:#fff !important
}
.btn-primary:hover, .p-button:enabled:hover {
    background-position: left bottom !important;
    color: white !important;
}

.btn-primary.focus,
.btn-primary:focus {
    background-color: #FA8361;
    border-color: #FA8361;
    box-shadow: 0 0 0 0.2rem rgba(250,133,97,0.4);
}

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

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: #ffbdaa;
    border-color: #ffbdaa;
    color: #ff3900 !important;
}
.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,13,22,0.5);
}
.btn-white:not(:disabled):not(.disabled):active, .btn-white {
    color: #FA8361 !important;
    border-color: #FA8361 !important;
    background-color: white !important;
}

.btn-white:hover {
    color: #fff !important;
    background-color: #FA8361 !important;
    border-color: #FA8361 !important;
}
.btn-white.focus,
.btn-white:focus {
    color: #fff !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 102, 82, 0.5);
}

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

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

.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: #000;
    background-color: #e6e8e9;
    border-color: #e6e8e9;
}

.btn-secondary:hover {
    color: #000;
    background-color: #c8c8c9;
    border-color: #c8c8c9;
}

.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: #FA8361;
    border-color: #FA8361;
}

.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: #FA8361;
    border-color: #FA8361;
}

.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: #fabd61;
    border-color: #fabd61;
}

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

.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: #fabd61 !important;
    border-color: #fabd61 !important;
}

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

.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: #AA2622;
    border-color: #AA2622;
}

.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: #AA2622 !important;
    border-color: #AA2622 !important;
}

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

.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: #FA8361;
    border-color: #FA8361;
    color:#FA8361 !important;
}

.btn-outline-primary:hover {
    background-color: #FA8361;
    border-color: #FA8361;
    color:white !important;
}

.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: #FA8361;
}

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

.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 {
    background-color: #fec5b5;
    border-color: #fec5b5;
    color:#515561!important
}

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

.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: #FA8361;
    border-color: #FA8361;
}

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

.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: #FA8361;
}

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

.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: #fabd61;
    border-color: #fabd61;
}

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

.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: #fabd61;
}

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

.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: #AA2622;
    border-color: #AA2622;
}

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

.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: #AA2622;
}

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

.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: #FA8361;
}

.btn-link:hover {
    color: #FA8361;
}

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

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

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

.dropdown-item.active,
.dropdown-item:active {
    color: #2e2f37;
    background-color: rgb(226 77 86 / 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: #f8f8f8;
    border-color: #e0e3e4;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #FA8361;
    background-color: #FA8361;
}

.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: #FA8361;
}

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

.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 ;
    background-color: #fff;
}

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

.custom-radio .custom-control-label::before {
    background-color: #fff;
    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: #FA8361;
}

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

.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("../../images/app/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: #f8f8f8;
}

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

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

.custom-select:disabled {
    color: #e6e8e9;
    background-color: #eaecf4;
}
.custom-file-input:focus ~ .custom-file-label {
    border-color: #FA8361;
    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;
    background-color: #fff;
}
.custom-file-label::after {
    color: #6e707e;
    background-color: #eaecf4;
}
.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: #FA8361;
}
.custom-range::-webkit-slider-thumb:active {
    background-color: #e5ebfa;
}
.custom-range::-moz-range-thumb {
    background-color: #FA8361;
}
.custom-range::-moz-range-track {
    background-color: #dddfeb;
}
.custom-range::-ms-thumb {
    background-color: #FA8361;
}
.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: #FA8361;
    color: #fff;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #FA8361;
}
.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgb(233 114 15 / 20%) !important;
}
.page-item.active .page-link {
    color: #FA8361 !important;
}
.bs-popover-auto[x-placement^="bottom"] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    border-bottom: 1px solid #f8f8f8;
}
.popover-header {
    background-color: #f8f8f8;
    border-bottom: 1px solid #ebebeb;
}
.popover-primary .popover {
    background-color: rgb(233 114 15 / 15%);
}

.popover-success .popover {
    background-color: #e6fffc;
}
.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(233 114 15 / 15%);
}

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

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

.popover-primary .bs-popover-auto[x-placement^="right"] > .arrow::after,
.popover-primary .bs-popover-right > .arrow::after {
    border-right-color: rgb(233 114 15 / 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 {
    color: #fff;
    background-color: #FA8361;
}

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

a.badge-secondary:focus,
a.badge-secondary:hover {
    color:#fff;
    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 {
    color:#fff;
    background-color: #FA8361;
}
a.badge-info:focus,
a.badge-info:hover {
    color:#fff;
    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 {
    color: #fff;
    background-color: #fabd61;
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #fff;
    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 {
    color:#fff;
    background-color: #AA2622;
}

a.badge-danger:focus,
a.badge-danger:hover {
    color:#fff;
    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: #FA8361;
    background-color: rgb(233 114 15 / 15%);
    border-color: rgb(233 114 15 / 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-success {
    color: #34ab8e;
    background-color: #e6fffc;
    border-color: #e6fffc;
}

.alert-success hr {
    border-top-color: #aaebd3;
}

.alert-success .alert-link {
    color: #093b29;
}
.alert-warning {
    color: #fabd61;
    background-color: #fbfee1;
    border-color: #fbfee1;
}

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

.alert-warning .alert-link {
    color: #574516;
}

.alert-light {
    color: #818183;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686869;
}

.alert-dark {
    color: #2f3037;
    background-color: #dedee1;
    border-color: #d1d1d5;
}

.alert-dark hr {
    border-top-color: #c4c4c9;
}

.alert-dark .alert-link {
    color: #18181c;
}
.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: #AA2622;
    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 {
    color:#fff;
    background-color: #FA8361;
}
.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;
    background-color: #fff;
}

.list-group-item.active {
    color:#fff;
    background-color: #FA8361;
    border-color: #FA8361;
}
.list-group-item-primary {
    color: #FA8361;
    background-color: rgb(233 114 15 / 15%);
}

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

.list-group-item-primary.list-group-item-action.active {
    background-color: #FA8361;
    border-color: #FA8361;
}
.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-success {
    color: #41e078;
    background-color: #e6fffc;
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #41e078;
    background-color: #aaebd3;
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #41e078;
    border-color: #41e078;
}
.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: #fabd61;
    background-color: #fbfee1;
}

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

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

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

.list-group-item-danger.list-group-item-action.active {
    background-color: #AA2622;
    border-color: #AA2622;
}

.list-group-item-light {
    color: #818183;
    background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #818183;
    background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818183;
    border-color: #818183;
}

.list-group-item-dark {
    color: #2f3037;
    background-color: #d1d1d5;
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #2f3037;
    background-color: #c4c4c9;
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #2f3037;
    border-color: #2f3037;
}
.bg-primary {
    background-color: #FA8361 !important;
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #FA8361 !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-success {
    background-color: #41e078 !important;
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #30c363 !important;
}
.bg-info {
    background-color: #FA8361 !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: #fabd61 !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: #AA2622 !important;
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #f1403c !important;
}
.bg-light {
    background-color: #f8f9fc !important;
}

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

.bg-dark {
    background-color: #5a5c69 !important;
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #42444e !important;
}

.bg-white {
    background-color: #fff !important;
}
.border-primary {
    border-color: #FA8361 !important;
}

.border-secondary {
    border-color: #e6e8e9 !important;
}
.border-success {
    border-color: #41e078 !important;
}
.border-info {
    border-color: #FA8361 !important;
}

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

.border-danger {
    border-color: #AA2622 !important;
}
.border-light {
    border-color: #f8f9fc !important;
}

.border-dark {
    border-color: #5a5c69 !important;
}

.border-white {
    border-color: #fff !important;
}
.text-primary {
    color: #FA8361 !important;
}

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

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

a.text-secondary:focus,
a.text-secondary:hover {
    color: #60616f !important;
}
.text-success {
    color: #41e078 !important;
}

a.text-success:focus,
a.text-success:hover {
    color: #66c600 !important;
}
.text-info {
    color: #FA8361 !important;
}

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

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

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

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

a.text-danger:focus,
a.text-danger:hover {
    color: #be2617 !important;
}
.text-light {
    color: #f8f9fc !important;
}

a.text-light:focus,
a.text-light:hover {
    color: #c2cbe5 !important;
}

.text-dark {
    color: #5a5c69 !important;
}

a.text-dark:focus,
a.text-dark:hover {
    color: #373840 !important;
}
.scroll-to-top {
    background: #e24d56;
    color:#fff;
}
.scrollup {
    background: #FA8361;
    color:#fff !important
}
.scrollup:hover {
    color: #fff !important;
    background: #221e1f;
}

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

.bg-gradient-secondary {
    background-color: #e6e8e9;
    background-image: linear-gradient(180deg, #e6e8e9 10%, #60616f 100%);
}
.bg-gradient-success {
    background-color: #41e078;
    background-image: linear-gradient(180deg, #41e078 10%, #0f7852 100%);
}
.bg-gradient-info {
    background-color: #FA8361;
    background-image: linear-gradient(180deg, #FA8361 10%, #036fc0 100%);
}

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

.bg-gradient-danger {
    background-color: #AA2622;
    background-image: linear-gradient(180deg, #AA2622 10%, #931318 100%);
}
.bg-gradient-light {
    background-color: #f8f9fc;
    background-image: linear-gradient(180deg, #f8f9fc 10%, #c2cbe5 100%);
}

.bg-gradient-dark {
    background-color: #5a5c69;
    background-image: linear-gradient(180deg, #5a5c69 10%, #373840 100%);
}
.border-left-primary {
    border-left: 0.25rem solid #FA8361 !important;
}

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

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

.border-top-primary {
    border-top: 0.25rem solid #FA8361 !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-success {
    border-left: 0.25rem solid #41e078 !important;
}

.border-right-success {
    border-right: 0.25rem solid #41e078 !important;
}

.border-top-success {
    border-top: 0.25rem solid #41e078 !important;
}

.border-bottom-success {
    border-bottom: 0.25rem solid #41e078 !important;
}

.border-left-info {
    border-left: 0.25rem solid #FA8361 !important;
}

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

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

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

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

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

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

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

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

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

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

.border-bottom-danger {
    border-bottom: 0.25rem solid #AA2622 !important;
}
.border-left-light {
    border-left: 0.25rem solid #f8f9fc !important;
}

.border-right-light {
    border-right: 0.25rem solid #f8f9fc !important;
}

.border-top-light {
    border-top: 0.25rem solid #f8f9fc !important;
}

.border-bottom-light {
    border-bottom: 0.25rem solid #f8f9fc !important;
}

.border-left-dark {
    border-left: 0.25rem solid #5a5c69 !important;
}

.border-bottom-dark {
    border-bottom: 0.25rem solid #5a5c69 !important;
}
.topbar .dropdown-list .dropdown-header {
    color: #FA8361;
}
.topbar .dropdown-list .dropdown-item {
    border-bottom: 1px solid rgb(233 114 15 / 10%);
}
.topbar .dropdown-list .dropdown-item:active {
    background-color: rgb(233 114 15 / 15%);
    color: #3a3b45;
}

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

.sidebar .nav-item .collapse .collapse-inner .collapse-item:active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:active {
    background-color: rgb(233 114 15 / 10%);
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: #FA8361;
}

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

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

.sidebar-light .nav-item.active .nav-link, .sidebar-light .nav-item.active .nav-link span {
    color: #FA8361;
}
.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: #FA8361 !important;
    stroke: #FA8361 !important;
}

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

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

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

.sidebar-dark [data-scrollbar] .scrollbar-thumb,
.sidebar-dark [scrollbar] .scrollbar-thumb,
.sidebar-dark scrollbar .scrollbar-thumb {
    background: #FA8361;
}
.file-upload-container {
    border: 2px dashed #FA8361;
    background: #f8f8f8;
}
.file-upload-container svg path, .flex-20 .dash-item-link path {
    fill: #FA8361;
}
.item-employers-box .bg-light-blue-theme svg path, .bg-light-warning svg path,
.bg-light-blue-theme svg path {
    fill:#FA8361;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
    color: #FA8361;
}
.active-checked {
    color: #FA8361 !important;
}
.p-checkbox .p-checkbox-box.p-highlight {
    border-color: #c7620e!important;
    background: #c7620e!important;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #c7620e !important;
}
.custom-checkbox-content .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #FA8361;
    background-color: #bd7337;
}
.custom-checkbox-transparent.custom-checkbox-content .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #FA8361;
    color: #fff;
    background-color: #fff;
}
.dataTables_filter > label::before {
    color: #FA8361;
}
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: #FA8361 !important;
}

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

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

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

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

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

.nav-tabs .nav-item.active::after {
    background: #FA8361;
}
.datetimepicker-input {
    background-color: #f8f8f8 !important;
}
.datepicker .input-group-text,
.datepicker input {
    background: #f8f8f8;
}
.dz-remove {
    color: #fff !important;
    background-color: #FA8361;
    border-color: #FA8361;
}
.view-btn {
    background: #f4f7fc;
    color: #FA8361;
}
.circle-btn:hover,
.circle-btn:focus,
.circle-btn:active,
.view-btn:hover,
.view-btn:focus,
.view-btn:active {
    background: #ebebeb;
    color: #FA8361;
}
.visit-btn.text-info:hover,
.visit-btn.text-info:focus,
.visit-btn.text-info:active {
    color: #FA8361 !important;
    background: #ebebeb;
}
.toggle-label {
    color: #FA8361;
}
.toggle-label:before {
    color: #FA8361;
}
.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: #FA8361 !important;
}
.custom-checkbox-fonts.custom-checkbox-transparent .custom-control-label::before {
    color: #FA8361;
}
.tabs-main-list a.active-tab {
    color: #FA8361 !important;
}
.tabs-main-list a.active-tab::after {
    background: #FA8361;
}
.nested-tab-nav .nav-item.active,
.nested-tab-nav .nav-item:hover {
    color: #fff !important;
    border-color: #FA8361;
    background: #FA8361;
}
.gallery-item:hover:after {
    background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 50%, #FA8361 88%);
}
.operator-search-nav .nav-tabs .nav-item.active {
    color: #FA8361;
}

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

.datepicker.date input.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgb(233 114 15 / 20%) !important;
}
.subscribe-content {
    background-color: #f8f8f8;
    border: 1px solid #d7d7d7;
}
.search-list-wrapper .form-control {
    background: #fff !important;
    border: 1px solid #e8e8e8;
    color: #272727;
    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: #FA8361 !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: #FA8361 !important;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
    background: #f8f8f8 !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: #FA8361 !important;
}

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

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

.p-inputswitch.p-focus .p-inputswitch-slider {
    box-shadow: 0 0 0 0.2rem rgb(233 114 15 / 20%) !important;
}

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

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

.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
    box-shadow: 0 0 0 0.2rem rgb(233 114 15 / 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(233 114 15 / 20%) !important
}
.p-datepicker .p-timepicker button:focus {
    box-shadow: 0 0 0 0.2rem rgb(233 114 15 / 20%) !important;
}
.p-datepicker table td > span.p-highlight {
    color: #fff !important;
    background: #FA8361 !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(233 114 15/ 20%) !important
}
.p-datepicker .p-timepicker button:focus {
    box-shadow: 0 0 0 0.2rem rgb(233 114 15/ 20%) !important;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: rgb(233 114 15/ 10%) !important;
}

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

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    background: rgb(233 114 15/ 10%) !important;
}
.p-inputtext:enabled:focus {
    color: #272727 !important;
    border-color: rgb(233 114 15 / 20%) !important;
    box-shadow: 0 0 0 0.2rem rgb(233 114 15 / 20%) !important;
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background: #FA8361 !important;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    background: rgb(233 114 15 / 10%) !important;
    color: #000 !important;
}

.p-datepicker table td > span.p-highlight {
    background: #fabd61 !important;
}
.bg-fuschia-light {
    background: rgb(233 114 15 / 15%);
}
.emp-nav .nav-tabs .nav-item.active {
    color: #FA8361;
}
.tabs-admin .nav-item.active {
    color: #FA8361;
}

.tabs-admin .nav-item.active::after {
    background-color: #FA8361;
}
.tabs-opportunities .nav-item.show .nav-link,
.tabs-opportunities .nav-link.active {
    background-color: #FA8361 !important;
    color: #fff!important;
}
.flex-20 .dash-item-link:hover {
    background: #FA8361 !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: #FA8361 !important;
    fill: #FA8361 !important;
}
.left-stuff .p-multiselect{
    border:1px solid #e0e3e4 !important;
    box-shadow: none !important;
}
.p-dropdown .p-dropdown-trigger{
    display: inline-flex !important;
}
.custom-select-app, .custom-select-app.p-dropdown{
    padding: 0.375rem 0rem 0.375rem 1rem;
    display: flex;
}
.mini-sidebar.sidebar-light .nav-item.active .nav-link svg path {
    fill: #FA8361 !important;
}

@media (max-width: 991.98px) {

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

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

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

.switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
.p-editor-container .p-editor-content .ql-editor {
    background: #f8f8f8 !important;
}
.pagination-style-2 .page-item.active .page-link {
    background-color: #FA8361 !important;
    color: #fff !important;
}
.list-footer-links a:hover {
    color: #FA8361 !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: #fb5268 !important;
    background: #fb5268;
}

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

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

.cart-processes-step.active label {
    color: #fb5268
    !important;
    font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-inputswitch.p-focus .p-inputswitch-slider {
    box-shadow: 0 0 0 0.2rem rgb(233 114 15/ 20%) !important;
}

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

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

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

.light-bg-orange {
    background: #fdd7a4;
}
.home-source-tag{
    background-color: rgb(255, 248, 238);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(250, 162, 42);
    color:rgb(250, 162, 42);
}
.light-bg-green {
    background-color: #f2dacb;
}
.btn-bookmark:hover{
    box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0,0.2);
    background-color: #f5bf9d;
}
.bg-light-blue-theme {
    background-color: #f3f3f3;
}

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

.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: #dbf4fc;
}
.text-dark-gray-career {
    color: #656565;
}
.text-gray-new {
    color: #556777 !important;
}
.text-orange {
    color: #FB4F68 !important;
}

.bg-orange {
    background-color: #FB4F68 !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;
}
.bg-light-primary {
    background-color: #eef8f1 !important;
}
.text-legned-fuchsia {
    color: #c7620e;
}
.text-primary-2 {
    color: #fabd61!important;
}

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

    60% {
        color: #FA8361;
    }

    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%, #FA8361 47%) !important;
}
@media (max-width: 1199.98px) {
    .career-steps-banner:after {
        background-image: linear-gradient(to left, rgba(0, 27, 45, .7) 0%, #FA8361 100%) !important;
    }
}
.bg-gradient-steps {
    background: linear-gradient(100.65deg, #FA8361 -7.66%, #3A99F0 138.31%);
}

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

}
.selected-emotion {
    background-color: #50ad90 !important;
}
.status-expired:before {
    color: #fabd61;
}
.text-yellow {
    color: #fabd61 !important;
}
.bg-primary-dark {
    background-color:#FA8361 !important;
}
.accordion-course-app .btn-accordion {
    color:#FA8361 !important;
}
.logo-sidebar,
.logo-sidebar-white {
    max-width: 18%;
}
.highlighted {
    background-color: rgb(255 218 186 / 70%)!important;
}
.bg-content-bar {
    background-image: url(../../images/app/bg-content-bar.png);
    /* background-color: #fabd61; */
}

.logo-form {
    max-width: 46%;
}
.logo-app {
    max-height: 60px !important;
}
@media (max-width: 567.98px) {
    .logo-app {
        max-height: 25px;
    }
}

@media (max-width: 320px) {
    .logo-app {
        max-height: 35px;
    }
}
.user-form-right-section, .user-form-right-section .logo-app {
    max-height: 88px !important;
}
.light-blue-bg {
    background-color: #f2f2f2;
}
.step-circle-1 {
    background-image: url(../img/step-circle--1.png);
}

.step-circle-2 {
    background-image: url(../img/step-circle--2.png);
}

.step-circle-3 {
    background-image: url(../img/step-circle--3.png);
}

.step-circle-complete {
    background-image: url(../img/step-circle--complete.png);
}
.gray-text-box,
.gray-text-box:focus,
.gray-box-bg {
    background: #f2f3f4 !important;
}
.medium {
    font-size: 88%;
}
.landing-bg.py-3 .d-flex.justify-content-end.align-items-center.mr-0.mr-xl-5 {display:none !important}
.bg-orange-2 {
    background-color: #FCC780 !important;
    background-image: none !important;
}
.bg-red{
    background-color: #FA8361;
}

.bg-red-login {
    background-color: #d74c4c;
}


.login-img {
    background-image: url('../img/ASU-loginIMG.jpg');
}

.home-featured-tag{
    height: 24px;
    background-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 1px;
    border-color: #FA8361;
    border-radius: 6px;
    color:#FA8361 !important;
    font-size: 0.8rem;
    text-transform: capitalize;
}
.initials-circle-header{
    border-radius: 50%;
    height: 36px;
    width: 36px;
    background-color: #fabd61;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color:#fff;
}
.initials-circle-header:hover, .circle-primary-color{
    background-color:#FA8361;
}
.circle-bg{
    height: 56px;
    width: 56px;
}
.qr-bg{
    border-width:3px;
    border-color: rgba(250, 162, 42, 0.);
    border-style: solid;
    border-radius: 15px;
    text-align: center;
}
.modal-content-border-bottom{
    border-bottom: 30px solid #FA8361;
}
@media (min-width: 768px)  {
    .w-md-50{
        width:50%;
    }
}
.border-bottom-light-blue {
    border-bottom: 1px solid #84b1dc;
}
.border-bottom-light-gray {
    border-bottom: 1px solid #d9dde9;
}
.border {
    border: 1px solid #d9dde9 !important;
}
.text-dark-gray-new {
    color: #5E5E5E;
}
.card.card-answered {
    background-color: #4F90CD !important;
}
.card.card-answered * {
    color: #fff !important;
}
.green-stroke {
    stroke:#7CB342;
}
.red-stroke {
    stroke: #FF6245;
}
.svg-main-color-fill, .ligh-primary-fill {
    fill: #FA8361 !important;
}
.svg-light-main-fill{
    fill:#ffe0b3;
}
.svg-main-color-stroke{
    stroke:#FA8361;
}
.svg-secondary-color-stroke{
    stroke:#fabd61;
}
.svg-secondary-color-fill{
    fill:#fabd61
}
.svg-warning-color-stroke{
    stroke:#FAA22A
}
.svg-warning-color-fill, .alert-sign .dot{
    fill:#FAA22A
}
.svg-tertiary-color-fill{
    fill:#54C6EA
}
.svg-saved-icon{
    fill:#262322
}
.svg-dark-fill{
    fill:#000;
}
.svg-dark-stroke{
    stroke: #000;
}
.svg-delete-icon-fill{
    fill:#D74C4C
}
.svg-light-fill{
    fill:#fff
}
.svg-grayish{
    fill:#889AAA
}
.svg-grayish-light-fill{
    fill:#dedede
}
.svg-grayish-light-storke{
    stroke:#F7FCF8
}
.svg-edit-icon-fill{
    fill:#FA8361;
}
.svg-blue-fill{
    fill:#172447
}

.border-bottom-1{
    border-bottom:1px solid #e6e8e9;
}
.timeslot {
    border:1px solid #FA8361;
    color:#FA8361 !important;
}

.timeslot:hover, .timeslot:active, .timeslot:focus, .timeslot:focus-visible, .active-slot {
    background-color: #FA8361;
    cursor: pointer;
    color:#fff !important;
}
.day{
    background-color: #e6e8e9;
}
.landing-bg {
    background-image: url(../img/landing-bg.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
}
ngx-loading-bar div{
    color:#FA8361 !important
}
ngx-loading-bar div.ngx-bar{
    background: #FA8361 !important
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{
    border-color: #FA8361 !important;
    background-color: #FA8361 !important;
    color: #fff !important;
}
.opp-selected {
    background-color: rgba(250, 131, 97,0.2);
}
label.bg-green{
    background-color: #2C363F !important;
    color: #fff !important;
}
.bg-light-gray-new {
    background-color: #F6EFEE;
}
.opp-selected {
    background-color: rgba(250, 131, 97, 0.2);
}
a.text-black:hover{
    color:#FA8361 !important
}
.tracks-desc ol{
    list-style-type: decimal;
    display: list-item;
}
.tracks-desc ol li{
    margin-top: 0.5rem;
    display: list-item !important;
    list-style-type: decimal !important;
}

.register-steps-bg-emp-port{
    background-color: transparent !important;
}

.register-body .bg-white.rounded-shape-white{
    background-color:transparent !important
}

.card {
    border: 1px solid #d2d6d8;
    border-radius: 16px;
}
.card.active{
    border:1px solid #d74c4c !important;
}
.footer-card{
    background-color: #fff;
}
.card-body .card-title{
    height:65px;
}
p-accordiontab .custom-control{
    padding-left: 0px;
    padding-right:1.5rem
}
.p-accordion-header-link{
    flex-direction: row-reverse;
}
student-app-knowledge-personal-info .custom-control.vertical-ul {
    padding-left: 10px !important;
}
.btn-outline-secondary{
    border:1px solid #d2d6d8;
    background-color:#fff;
    color:#d2d6d8
}

.btn-outline-secondary:hover{
    background-color:#d2d6d8;
    color:#fff;
    border-color:#d2d6d8
}
.list-check li{
    background-image: url(../../../img/CheckIcon.svg);
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 24px;
    margin-bottom: 10px;
}
.btn-outline-secondary p-radiobutton{
    opacity: 0;
}
.btn-outline-secondary label{
    margin-left:-16px;
    padding-right:9px
}

.normal-reg .circular-progress {
    display: flex;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: conic-gradient(#FA8361 var(--progress), #D6D6D6 0deg);
    font-size: 0;
}

.normal-reg .circular-progress::after {
    content: attr(title) '/4';
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: 10px;
    border-radius: 50%;
    background: white;
    font-size: 1rem;
    text-align: center;
}
.active-path{
    background-color: #d2d6d8 !important;
}