@font-face {
    font-family: 'Metropolis Light';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Light'), url('../fonts/Metropolis-Light.woff') format('woff');
}

@font-face {
    font-family: 'Metropolis Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Regular'), url('../fonts/Metropolis-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Metropolis Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Medium'), url('../fonts/Metropolis-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Metropolis Semi Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Semi Bold'), url('../fonts/Metropolis-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Metropolis Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Metropolis Bold'), url('../fonts/Metropolis-Bold.woff') format('woff');
}


/*==== Sidebar Nav ====*/

body {
    font-family: 'Metropolis Regular';
    background: #FFF;
    color: #202A3D;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

h1 {
    font-size: 24px;
    font-family: 'Metropolis Semi Bold';
}

h2 {
    font-size: 20px;
    font-family: 'Metropolis Semi Bold';
}

h3 {
    font-size: 16px;
    font-family: 'Metropolis Medium';
}

h4 {
    font-size: 14px;
}

strong {
    font-family: 'Metropolis Semi Bold';
}


/*===== Default overwrite ====*/

.bg-dark {
    background: #202A3D;
}

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

.table th {
    font-family: 'Metropolis Bold';
    font-weight: normal;
    border-bottom: 1px solid #dee2e6 !important;
}

.btn {
    font-family: 'Metropolis Medium';
}

.btn-rounded {
    border-radius: 24px;
    line-height: 1;
}

.btn-rounded.btn-sm {
    padding-right: 15px;
    height: 32px;
}

.btn-rounded.btn-lg {
    font-size: 16px;
    height: 42px;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-outline-danger {
    border: 1px solid #E64F3D;
    color: #E64F3D;
}

.btn-danger {
    border: 1px solid #E64F3D;
    background-color: #E64F3D;
}

.btn-light {
    background-color: #E6E9F0;
    color: #8E99AD;
}

.btn-success {
    background-color: #58C22B;
    border-color: #58C22B;
}

.modal-content {
    border: none;
    border-radius: 10px;
}

.modal-header .modal-title {
    font-size: 34px;
    font-family: 'Metropolis Bold';
}

.modal-header .bi {
    color: #E6E9F0;
    font-size: 34px;
    cursor: pointer;
}

.form-check-input {
    width: 18px;
    height: 18px;
}

.form-check-input:checked {
    background-color: #E64F3D;
    border-color: #E64F3D;
}

.form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input:focus {
    box-shadow: none !important;
}

.form-check.radio-right {
    padding-left: 0;
    padding-right: 1.5em;
}

.form-check.radio-right .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5rem;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #202A3D;
    border-bottom: none;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


/*===== Default overwrite ====*/

.wrapper {
    align-items: stretch;
    display: flex;
    width: 100%;
}

.sidebar,
.sidebar-content {
    transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out;
}

.sidebar {
    background: #202A3D;
    min-width: 260px;
    max-width: 260px;
    direction: ltr;
}

.main {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 100vh;
    transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out;
    flex-direction: column;
    overflow: hidden;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.sidebar-nav .sidebar-item {
    list-style: none;
}

.sidebar-nav .sidebar-item a {
    padding: 10px 30px;
    position: relative;
    display: block;
    text-decoration: none;
    font-family: 'Metropolis Semi Bold';
    color: #90959e;
}

.sidebar-nav .sidebar-item a img {
    margin-right: 15px;
    opacity: 0.5;
}

.sidebar-nav .sidebar-item.active a:before,
.sidebar-nav .sidebar-item a:hover:before {
    content: "";
    width: 8px;
    height: 80%;
    top: 10%;
    left: 0;
    position: absolute;
    background: #E64F3D;
}

.sidebar-nav .sidebar-item.active a,
.sidebar-nav .sidebar-item:hover a {
    color: #FFF;
}

.sidebar-nav .sidebar-item.active a img,
.sidebar-nav .sidebar-item:hover a img {
    opacity: 1;
}

.pins-list h3 {
    color: #FFF;
    font-family: 'Metropolis Light';
    padding: 0 15px;
}

.pins-list li {
    padding: 0px 15px 10px 15px;
    color: #90959e;
    font-size: 12px;
}

.add-nav {
    border-top: 1px solid #2e384a;
}


/*==== Main Content Nav ====*/

.navbar-bg {
    background: #E64F3D;
}

.search-bar {
    position: relative;
}

.search-bar .btn {
    position: absolute;
    left: 0;
}

.search-bar .btn:hover {
    background: transparent;
}

.search-bar .form-control {
    background: transparent;
    color: #FFF;
    padding-left: 40px;
}

.search-bar .form-control::placeholder {
    color: #f0968c;
}

.search-bar .btn:focus,
.search-bar .form-control:focus {
    box-shadow: none !important;
}

.navbar-dark .navbar-nav .nav-link {
    font-family: 'Metropolis Medium';
    font-size: 14px;
    color: #FFF;
}

.navbar-bg .dropdown-menu {
    position: relative;
}

.navbar-bg .dropdown-menu:after {
    content: "";
    height: 0;
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF;
    position: absolute;
    right: 20px;
    bottom: 100%;
}

.navbar-bg .dropdown .dropdown-toggle:focus,
.navbar-bg .dropdown .dropdown-toggle:hover {
    color: #FFF;
}

.navbar-bg .dropdown-menu .dropdown-item {
    padding: 0.6rem 1rem 0.6rem 3rem;
}

.navbar-bg .dropdown-menu li+li {
    border-top: 1px solid #E6E9F0;
}

.navbar-bg .dropdown-menu li:first-child .dropdown-item {
    border-radius: .25rem .25rem 0 0;
}

.navbar-bg .dropdown-menu li:last-child .dropdown-item {
    border-radius: 0 0 .25rem .25rem;
}

.navbar-bg .dropdown-menu li .dropdown-item {
    background-repeat: no-repeat !important;
    background-position: 16px center !important;
}

.navbar-bg .dropdown-menu li .profile-account {
    background-image: url("../images/icon-account.svg");
}

.navbar-bg .dropdown-menu li:hover .profile-account {
    background-image: url("../images/icon-account-h.svg");
}

.navbar-bg .dropdown-menu li .profile-setting {
    background-image: url("../images/icon-setting.svg");
}

.navbar-bg .dropdown-menu li:hover .profile-setting {
    background-image: url("../images/icon-setting-h.svg");
}

.navbar-bg .dropdown-menu li .profile-signout {
    background-image: url("../images/icon-logout.svg");
}

.navbar-bg .dropdown-menu li:hover .profile-signout {
    background-image: url("../images/icon-logout-h.svg");
}

.dd-notification .dropdown-menu {
    max-width: 383px;
    min-width: 383px;
}

.dd-notification .notification-count {
    padding: 2px 10px;
    border-radius: 20px;
    position: absolute;
    top: 0px;
    right: -2px;
    background: #FFF;
    color: #E64F3D;
    font-family: 'Metropolis Semi Bold';
    font-size: 10px;
}

.navbar-bg .dd-notification .dropdown-menu::after {
    border-bottom: 10px solid #E64F3D;
}

.dd-notification .notification-title {
    background: #E64F3D;
    color: #FFF;
    font-family: 'Metropolis Medium';
    padding: 0.3rem 1rem;
    border-radius: .25rem .25rem 0 0;
}

.dd-notification .dd-subtitle {
    background: #e9ecef;
    font-size: 12px;
    font-family: 'Metropolis Medium';
    padding: 0.3rem 1rem;
}

.dd-notification .dropdown-item {
    white-space: normal;
    font-size: 12px;
}

.dd-notification .dropdown-item span em {
    color: #717B8E;
    font-style: normal;
}

.dd-notification .dd-seemore-link a {
    color: #E64F3D;
    text-decoration: none;
    font-size: 14px;
}

.navbar-bg .dd-profile .dropdown-toggle::after {
    background: url("../images/arrow-down.svg") no-repeat;
    border: none !important;
    width: 19px;
    height: 11px;
    vertical-align: middle;
}

.navbar-bg .dd-profile .dropdown-item:focus,
.navbar-bg .dd-profile .dropdown-item:hover {
    background: #E64F3D;
    color: #FFF;
}

.client-box strong {
    font-size: 35px;
    font-family: 'Metropolis Semi Bold';
    line-height: 1;
}


/*==== Right Side Activity====*/

.time-date .time {
    color: #717B8E;
    font-size: 60px;
    font-family: 'Metropolis Light';
}

.time-date .date {
    font-size: 20px;
    font-family: 'Metropolis Medium';
}

.activity ul li {
    position: relative;
    list-style: none;
    padding-left: 48px;
    border-left: 1px solid #E6E9F0;
    padding-bottom: 30px;
}

.activity ul li:last-child {
    border: none;
}

.activity ul li:before {
    content: "";
    border: 1px solid #E6E9F0;
    background: #FFF;
    position: absolute;
    left: -12px;
    top: -8px;
    height: 24px;
    width: 24px;
    border-radius: 50%;
}

.activity ul li h4 {
    color: #717B8E;
}

.activity ul li a {
    text-decoration: none;
    color: #E64F3D;
}


/*==== Jobs Listing====*/

.job-list-detail h1 {
    font-size: 34px;
    font-family: 'Metropolis Bold';
}

.job-list-detail h2 {
    font-size: 25px;
    font-weight: 800;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-link.active {
    border: none;
    border-bottom: 1px solid #DD3E2D;
    outline: none;
}

.nav-tabs .nav-item .nav-link, .nav-link {
    color: #D3D9E4;
    font-family: 'Metropolis Semi Bold';
    border-left: none;
    border-right: none;
    border-top: none;
}

.nav-tabs .nav-link.active, .nav-link.active  {
    color: #161615;
}

.job-search-result-list li {
    cursor: pointer;
    background: #FFF;
}

.job-search-result-list li.active,
.job-search-result-list li:hover {
    background: url("../images/arrow-gray.svg") no-repeat right 15px center #E6E9F0;
}

.job-search-result-list li strong {
    font-family: 'Metropolis Semi Bold';
    font-size: 20px;
    color: #FFF;
    background: #202A3D;
    width: 80px;
    text-align: center;
    height: 100%;
    height: 75px;
    line-height: 75px;
}

.job-list-table {
    border-collapse: separate;
    border-spacing: 0 1em;
}

.job-list-table .col-address {
    width: 35%;
}

.job-list-table-full .col-address {
    width: 20%;
}

.job-list-table thead th {
    border-bottom: none !important;
    padding-left: 20px;
    padding-right: 20px;
}

.job-list-table tbody tr {
    background: #FFF;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #D3D9E4;
    margin: 20px 0;
    cursor: pointer;
}

.job-list-table tbody td {
    border-top: 1px solid #D3D9E4;
    border-bottom: 1px solid #D3D9E4;
    padding: 10px;
    vertical-align: middle;
}

.job-list-table tbody td:first-child {
    border-left: 1px solid #D3D9E4;
    border-radius: 4px 0 0 4px;
    font-family: 'Metropolis Medium';
}

.job-list-table tbody td:last-child {
    border-right: 1px solid #D3D9E4;
    border-radius: 0 4px 4px 0;
}
.circle {
    position: relative;
    top: 3px;
    left: 3px;
    text-align: center;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    background-color: #fff;
}

.circle-border {
    position: relative;
    text-align: center;
    width: 48px;
    height: 48px;
    margin-left: 30%;
    border-radius: 100%;
    background-color: #1d8603;
    /* background: linear-gradient(270deg, #1d8603 50%, transparent 50%), linear-gradient(0deg, #1d8603 50%, #E6E9F0 50%); */
    background: linear-gradient(270deg, #1d8603 25%, #E6E9F0 25%);
    line-height: 42px;
    margin: 0 auto;
}


/*==== Jobs Detail ====*/

.jobs-detail h1 {
    font-size: 48px;
    font-family: 'Metropolis Bold';
}

.jobs-detail .hgroup p {
    font-size: 20px;
}

/*.jobs-detail .hgroup i {
    color: #b7bcc6;
    font-size: 24px;
}*/

.job-info h4 {
    font-size: 24px;
    font-family: 'Metropolis Semi Bold';
}

.history .table th,
.history .table td {
    padding: 1rem;
}

.table-note {
    width: 50%;
}

.processing h2 {
    font-family: 'Metropolis Semi Bold';
    border-bottom: 1px solid #333c4e;
}

.processing-list li {
    font-size: 16px;
    color: #FFF;
    list-style: none;
    margin-bottom: 15px;
}

.processing-list li a {
    text-decoration: none;
    color: #7e848f;
    font-family: 'Metropolis Semi Bold';
}

.processing-list li a em {
    font-style: normal;
    border: 1px solid #7e848f;
    height: 24px;
    width: 24px;
    line-height: 24px;
    display: inline-flex;
    border-radius: 50%;
    justify-content: center;
}

.processing-list li a i {
    font-size: 24px;
    color: #FFF;
}

.proccessing-file-upload {
    border-bottom: 1px solid #333c4e;
}

.file-up-box {
    border: 1px dashed #838a96;
    border-radius: 10px;
    height: 133px;
    /*display: flex;*/
    justify-content: center;
}

.file-up-box span {
    align-self: center;
    font-size: 16px;
    color: #7e848f;
}

.upload-file {
    position: relative;
}

.upload-file input {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.upload-file span {
    color: #7e848f;
    font-family: 'Metropolis Semi Bold';
    font-size: 16px;
}

.delete-modal-content strong {
    font-weight: normal;
    font-size: 24px;
    line-height: 1.2;
}

.delete-modal-content p {
    font-size: 16px;
}

.delete-modal-content .btn {
    width: 145px;
    height: 36px;
}

.btn-createnote {
    height: 42px;
    width: 180px;
}

.summary-tab h2 {
    font-size: 24px;
}

.cost-list .cost {
    color: #717B8E;
    font-size: 34px;
    font-family: 'Metropolis Bold';
    display: block;
    line-height: 1;
}

.hours-cols .hours {
    font-size: 24px;
    font-family: 'Metropolis Bold';
}

.time-round {
    display: inline-block;
    border: 2px solid #202A3D;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}

.timesheet-detail h3 {
    font-size: 20px;
}

.timesheet-detail .job-list-table tbody td {
    vertical-align: middle;
}

.back-btn i {
    font-size: 30px;
}

.up-file-action,
.file-detail {
    font-family: 'Metropolis Medium';
}

.file-detail span {
    font-size: 18px;
    color: #40485A;
}

.file-detail em {
    font-style: normal;
}

.up-file-action i,
.file-detail i {
    font-size: 24px;
}

.uploading-file {
    position: relative;
    overflow: hidden;
}

.uploading-file:before {
    content: "";
    background-color: #F0F1F4;
    position: absolute;
    width: 84%;
    height: 100%;
    left: 0;
    top: 0;
}

.uploading-file .bi-x-circle-fill {
    color: #E6E9F0;
}

.uploder-bar {
    margin: 0 -1rem;
    height: 2px;
    background-color: #dee2e6;
    position: relative;
}

.uploder-bar:before {
    content: "";
    background-color: #E64F3D;
    position: absolute;
    width: 84%;
    height: 100%;
    left: 0;
    top: 0;
}


/*==== Client ====*/

/*.client-result-list .search {
    background-color: #fafbfc;
}*/

.client-result-list .search .form-control , .survey-result-list .search .form-control{
    padding-left: 35px;
}

.client-result-list .search .form-control::placeholder {
    color: #d5dbe5;
}

.client-result-list .search .bi , .survey-result-list .search .bi{
    position: absolute;
    left: 10px !important;
    top: 8px !important;
    color: #d5dbe5;
}

.client-result-list .list-group-item {
    border-color: #dee2e6;
    background-color: #fafbfc;
}

.client-result-list .list-group-item p {
    color: #202A3D;
}

.client-result-list .list-group-item span {
    color: #717B8E;
}

.client-info {
    border-left: 4px solid #FFA222;
}

.client-info .btn {
    font-size: 14px;
    width: 151px;
}

.client-detail-top h2 {
    font-size: 24px;
}

.client-detail-top p {
    font-size: 20px;
}


/*==== Client ====*/

.property-details h2 {
    font-size: 24px;
    font-family: 'Metropolis Semi Bold';
}

.edit-property-btns .btn,
.property-details .btn {
    padding: .25rem 1.5rem;
}

.property-details h3 {
    font-size: 20px;
}

.property-job-list h3 a {
    color: #b8bdc6;
}

.property-job-list .job-list-table .col-date {
    width: 15%;
}

.property-job-list .job-list-table .col-address {
    width: 25%;
}

.add-customer-icon {
    margin-top: -5px;
}

.add-customer-icon i {
    font-size: 30px;
}

#deleteproperty .delete-modal-content .btn {
    width: 48%;
}


/* Select 2 */

.select2-container .select2-selection--single {
    height: auto;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: .375rem 2.25rem .375rem .75rem;
    color: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
    right: 5px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
    border-width: 8px 5px 0px 5px;
    height: 0;
    left: 40%;
}

span.select2-selection.select2-selection--single:focus {
    outline: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #E64F3D;
}

input.select2-search__field:focus {
    outline: none;
}

.select2-results__option--selectable {
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}

.select2-container {
    display: block;
}

.nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.timepicker_wrap  {
    top: 40px !important;
    background: #ffffff !important;
}

.prev:hover, .next:hover {
    background-color: white;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #E64F3D;
    box-shadow: none;
}

pre {
    font-size: inherit;
    font-family: inherit;
}

.progress-bar {
    background-color: #E64F3D;
}

.modal-body {

    max-height: calc(100vh - 210px);
    overflow: auto;

}

.up-file-action, .file-detail{font-family: 'Metropolis Medium';}
.file-detail span{font-size: 18px; color: #40485A;}
.file-detail em{font-style: normal;}
.up-file-action i, .file-detail i{font-size: 24px;}

.uploading-file{position: relative; overflow: hidden;}
.uploading-file:before{content:""; background-color: #F0F1F4; position: absolute; width: 84%; height: 100%; left: 0; top: 0;}
.uploading-file .bi-x-circle-fill{color: #E6E9F0;}

.uploder-bar{margin: 0 -1rem; height: 2px; background-color:#dee2e6; position: relative;}
.uploder-bar:before{content:""; background-color: #E64F3D; position: absolute; width: 84%; height: 100%; left: 0; top: 0;}

.green-tick {
    font-size: 24px;
}

.file-detail-name {
    font-size: 18px;
    color: #40485A;
}

.fu-icons {
    font-size: 20px;
}

span[data-file="format"] img {
    height: 30px;
    width: 30px;
}

.dropify-preview {
    display: none !important;
}

.dropify-wrapper.has-error .dropify-message .dropify-error, .dropify-wrapper.has-preview .dropify-clear {
    display: none !important;
}

.dropify-wrapper {
    border: 1px solid #dee2e6!important;
    border-radius: .25rem!important;
    height: 100px !important;
}

span.file-icon {
    display: none !important;
}

.dropify-wrapper .dropify-message p {
    font-size: 20px;
    color: #b2b2b2;
}

.file-up-box span {
    color: #ffffff;
}

.file-up-box i.bi {
    color: white;
    font-size: 20px;
    padding: 4px 10px;
}

/*==== Schedule ====*/

.schedule-task h2 {
    font-size: 24px;
}

.job-hours-action i {
    font-size: 24px;
    cursor: pointer;
}

.job-hours-options .form-check {
    border-left: 8px solid #FF9505 !important;
    position: relative;
    font-size: 16px;
    font-family: 'Metropolis Medium';
}

.job-hours-options .form-check.disabled {
    opacity: 0.5;
    background-color: #F0F1F4;
}

.job-hours-options .form-check-input[type="radio"] {
    margin: 15px 40px 0 0;
}

/*.job-hours-options .form-check .bi-info-circle-fill {
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -13px;
    font-size: 18px;
    color: #E6E9F0;
}*/

.trader-list .list-group-item {
    border-left: 2px solid #FF9505;
}

.trader-list .border-start-danger {
    border-left: 2px solid #DD3E2D;
}

.trader-list .trader-list-details span {
    font-size: 12px;
}

#calendar-container {
    padding-right: 12px;
}

.fc .fc-toolbar.fc-header-toolbar {
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    padding: 0 3rem;
    top: 0;
    margin: 0;
}

.fc .fc-toolbar-title {
    font-size: 34px;
    font-family: 'Metropolis Bold';
    color: #40485A;
    padding-top: 5px;
}

.fc-toolbar-chunk .fc-button-group {
    margin-top: 52px;
}

.fc-button-group button:last-child {
    display: none;
}

.fc-direction-ltr .fc-button-group>.fc-button {
    background: none !important;
    border: none;
    font-family: 'Metropolis Semi Bold';
    color: #D3D9E4;
    text-transform: capitalize;
    padding: .5rem 1rem !important;
    border-radius: 0;
}

.fc-direction-ltr .fc-button-group>.fc-button:focus {
    box-shadow: none !important;
}

.fc-direction-ltr .fc-button-group>.fc-button:hover {
    border-bottom: 1px solid #DD3E2D !important;
}

.fc-direction-ltr .fc-button-group>.fc-button-active {
    color: #161615 !important;
    border-bottom: 1px solid #DD3E2D !important;
}

a.text-decoration-none:hover {
    text-decoration: underline !important;
    color: #E64F3D !important;
}

.pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.fix-height-content {
    max-height: calc(100vh - 64px) !important;
    overflow-y: auto;
}

.fix-height-navbar {
    max-height: calc(100vh) !important;
    overflow-y: auto;
}

.fix-height-table-body {
    max-height: calc(100vh - 230px) !important;
    overflow-y: auto;
}

.fix-height-table-body-for-job {
    max-height: calc(100vh - 340px) !important;
    overflow-y: auto;
}

.fix-height-list-ul {
    max-height: calc(100vh - 307px);
    overflow-y: auto;
}

.fix-height-list-ul-parameter {
    max-height: calc(100vh - 390px);
    overflow-y: auto;
}

.fit-height-details-div-form-com-parameter {
    min-height: calc(100vh - 263px);
    overflow-y: auto;
}

.fit-height-details-div-form-profile {
    max-height: calc(100vh - 145px);
    overflow-y: auto;
}

.fit-height-details-div-form-parameter {
    max-height: calc(100vh - 423px);
    overflow-y: auto;
}

.fit-height-details-div {
    max-height: calc(100vh - 155px);
    overflow-y: auto;
}

.fit-height-details-div-form {
    /* min-height: calc(100vh - 278px); */
    max-height: calc(100vh - 278px);
    overflow-y: auto;
}

.fit-job-list-status {
    max-height: calc(100vh - 170px);
    overflow-y: auto;
}

.fit-job-list-table-small {
    max-height: calc(100vh - 263px);
    overflow-y: auto;
}

.fit-job-list-table-big {
    max-height: calc(100vh - 265px) !important;
    overflow-y: auto;
}

.fit-home-page-fix-height{
    max-height: calc(100vh - 64px) !important;
    overflow-y: auto;
}

.table {
    margin-bottom: 0rem;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border: 1px solid #E64F3D;
    border-bottom: 0;
}

.select2-container--open .select2-dropdown--below {
    border: 1px solid #E64F3D;
    border-top: 0;
}

.select2-container--open .select2-dropdown--above {
    border: 1px solid #E64F3D;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0;
    padding: 10px;
    font-size: 1rem;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}

.select2-search--dropdown {
    padding: 0;
}

.select2-container--open .select2-dropdown--below {
    margin-top: -35px;
}

.fix-min-height-modal {
    min-height: calc(100vh - 140px);
}

.modal-on-modal {
    z-index: 1200;
}

.select2-dropdown {
    z-index: 2000 !important;
}
/* Multiple */
.select2-container .select2-selection--multiple{
    padding: 0 .75rem .3rem .75rem;
    min-height: 40px;
    border: 1px solid #ced4da !important;
    border-radius: .25rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-right: 5px;
    margin-top: 8px;
}
.select2-container .select2-search--inline .select2-search__field {
    height: 22px;
    font-size: 1rem !important;
    margin-top: 8px;
    margin-left: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #e64f3d 1px !important;
}
span.select2-dropdown.s-multiple-drop.select2-dropdown--below {
    margin-top: 0 !important;
}

/* ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 25px;
}

::-webkit-scrollbar-thumb {
  background: #5b5b5b;
  border-radius: 25px;
}

::-webkit-scrollbar-thumb:hover {
  background: #5b5b5b;
} */

/* .form-control {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: .25rem .5rem;
    font-size: .875rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 39%;
}

.select2-container--open .select2-dropdown--below {
    margin-top: -27px;
}

.form-control, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--single {
    background-color: #f5fff5;
    border-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field, .select2-results__option--selectable {
    padding: .25rem .5rem;
    font-size: .875rem;
} */

button[data-sort] {
    width: 100%;
    text-align: left;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

button[data-sort]:hover {
    background: rgb(232, 244, 255) !important;
}

.bi-search {
    position: absolute !important;
    left: 20px !important;
    top: 5px !important;
    color: #d5dbe5 !important;
}

.w-97 {
    width: 97%;
}

.w-98 {
    width: 98%;
}

.w-99 {
    width: 99%;
}

.form-control[readonly] {
    background-color: #ffffff;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #ffffff;
}

.sidebar-nav .sidebar-item{list-style: none;}
.sidebar-nav .sidebar-item a{padding: 10px 30px; position: relative; display: block; text-decoration: none; font-family: 'Metropolis Semi Bold'; color: #90959e;}
.sidebar-nav .sidebar-item a img{margin-right: 15px; opacity: 0.5;}
.sidebar-nav .sidebar-item.active a:before, .sidebar-nav .sidebar-item a:hover:before{content:""; width: 8px; height: 80%; top: 10%; left: 0; position: absolute; background: #E64F3D;}
.sidebar-nav .sidebar-item.active a, .sidebar-nav .sidebar-item:hover a{color: #FFF;}
.sidebar-nav .sidebar-item.active a img, .sidebar-nav .sidebar-item:hover a img{opacity: 1;}

.search-bar .form-control:hover {
    background: #ffa293 !important;
    border-radius: 5px !important;
}

.search-bar .form-control:focus {
    box-shadow: none !important;
    background: #fff !important;
    color: black !important;
    border-radius: 5px !important;
}

.search-bar .form-control:hover::placeholder {
    color: rgb(238, 238, 238);
}

.search-bar .form-control:focus::placeholder {
    color:grey;
}

.search-bar .form-control:focus::placeholder {
    color:grey;
}
.btn-outline-danger:hover {
    background-color: #E64F3D;
    border-color: #E64F3D;
}

  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-color: transparent;
    background-size: contain;
    border: none !important;
    height: 0.8rem !important;
    width: 20px !important;
    margin: auto !important;
    top: 8px !important;
    left: auto !important;
    background-repeat: no-repeat;
  }