.wrapper * {
    text-align: left;
}

.website-v .form-control {
    border: 1px solid #57524e;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background-color: transparent !important;
}

.website-v .form-control:focus {
    background-color: #fff !important;
}

.website-v label {
    font-weight: 300;
}

.arrow-user-color {
    position: relative;
    right: 7px;
}

@media (min-width: 992px) {
    .arrow-user-color {
        position: relative;
        right: 9px;
    }
}

.account-user-name {
    color: #fff !important;
    max-width: 100px;
    margin-right: 1.5rem;
}

.signin-day-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
}

.signin-day-wrapper .signin-control {
    border: 1px solid #57524e;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background-color: transparent !important;
}

.signin-day-wrapper {
    min-height: auto !important;
}

.signin-day-wrapper .signin-control:focus {
    background-color: #fff !important;
}

.signin-day-wrapper .col-form-label {
    display: none;
}

@media (min-width: 768px) and (max-width: 1400px) {
    .display-4 {
        font-size: 3rem;
    }
}

@media (max-width: 767.98px) {
    .signin-day-wrapper h1 {
        font-size: 1.4rem;
    }
}

.signin-day-wrapper .login-heading-section {
    display: none;
}

.signin-day-wrapper .portal-form .row:last-child .col-md-12 {
    margin-top: 2rem;
}

.signin-day-wrapper .portal-form .row:last-child .col-md-12 {
    margin-top: 0;
}

.signin-day-wrapper.Register-Page-wrapper .row .col-md-12 .btn.btn-primary,
.forgot-pass-wrapper .btn.btn-primary {
    min-width: 300px;
}

.f-1 {
    font-size: 1rem !important;
}

@media (max-width: 575.98px) {

    .signin-day-wrapper .row .col-md-12 .btn.btn-primary,
    .signin-day-wrapper.Register-Page-wrapper .row .col-md-12 .btn.btn-primary,
    .forgot-pass-wrapper .btn.btn-primary {
        min-width: auto;
        width: 100%;
    }
}

.forgot-pass-wrapper .forgot-password-heading {
    display: none !important;
}

.forgot-pass-wrapper .xrm-attribute-value {
    font-size: 1rem !important;
}

.header-main-wrapper.mini-header-website {
    background-color: #44413e !important;
    min-height: 100px !important;
    height: auto !important;
}

.header-dark .navbar-nav .account-user-name {
    color: #4D4D4D !important;

}

.header-dark .navbar-nav .arrow-user-color path {
    fill: #4D4D4D !important;
}

.top-0.custom-control-label::before,
.top-0.custom-control-label::before {
    top: 0 !important;
}

.alert .btn-close {
    text-align: center !important;
}

.form-control {
    color: #58524D;
}

.alert .fa {
    display: none !important;
}

.alert-info {
    border-color: #FA8C16 !important;
    color: #FA8C16 !important;
    background-color: #FFF8EE;
    font-weight: 400 !important;
}

.alert-info.alert-danger {
    border-color: #fdedf0 !important;
    color: #ED3A3A !important;
    background-color: #fdedf0;
}

.alert p,
.alert div {
    font-weight: 400;
}

div.message.success {
    border-color: #B7EB8F !important;
    background-color: #F6FFED !important;
}

div.message.success span,
div.message.success div {
    color: #52C41A !important;
}

.alert-success div {
    color: #52C41A;
    background-color: #F6FFED;
}

.alert-danger ul li a {
    color: #ED3A3A !important;
}

.alert input[type="submit"] {
    background-image: url(data:image/svg+xml,%3Csvg%20id%3D%22fi_2961937%22%20height%3D%22512%22%20viewBox%3D%220%200%2064%2064%22%20width%3D%22512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m4.59%2059.41a2%202%200%200%200%202.83%200l24.58-24.58%2024.59%2024.58a2%202%200%200%200%202.83-2.83l-24.59-24.58%2024.58-24.59a2%202%200%200%200%20-2.83-2.83l-24.58%2024.59-24.59-24.58a2%202%200%200%200%20-2.82%202.82l24.58%2024.59-24.58%2024.59a2%202%200%200%200%200%202.82z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) !important;
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    width: 17px;
    height: 17px;
    background-color: transparent !important;
    position: absolute;
    right: 13px;
    top: 13px;
}

.alert #MessageLabel {
    display: inline-block;
    max-width: 95%;
}

.alert-danger {
    color: #ED3A3A !important;
    background-color: #fdedf0 !important;
    border-color: #fdedf0 !important;
}

.alert-danger div,
.alert-danger span {
    color: #ED3A3A !important;
}

.emp-nav .nav-tabs .nav-item span {
    font-weight: 400 !important;
    color: #BEB2A4 !important;
    font-size: 14px !important;
}

.emp-nav .nav-tabs .nav-item.active span {
    color: #58524D !important
}

div[class^='view-'],
div[class^='view-'] div {
    text-align: center !important;
}

.fa-spinner:before {
    content: "";
}

.fa-spinner {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C!--!Font%20Awesome%20Free%206.7.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202025%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M304%2048a48%2048%200%201%200%20-96%200%2048%2048%200%201%200%2096%200zm0%20416a48%2048%200%201%200%20-96%200%2048%2048%200%201%200%2096%200zM48%20304a48%2048%200%201%200%200-96%2048%2048%200%201%200%200%2096zm464-48a48%2048%200%201%200%20-96%200%2048%2048%200%201%200%2096%200zM142.9%20437A48%2048%200%201%200%2075%20369.1%2048%2048%200%201%200%20142.9%20437zm0-294.2A48%2048%200%201%200%2075%2075a48%2048%200%201%200%2067.9%2067.9zM369.1%20437A48%2048%200%201%200%20437%20369.1%2048%2048%200%201%200%20369.1%20437z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 23px;
    height: 23px;
    vertical-align: middle;
    margin-right: 10px;
}

.datetimepicker .input-group-addon {
    padding: 0 !important;
    border: 0;
    box-shadow: none;
    background: transparent;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fa-chevron-right:before,
.fa-chevron-left:before {
    content: "";
}

.fa-chevron-left:before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3C!--!Font%20Awesome%20Free%206.7.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202025%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M9.4%20233.4c-12.5%2012.5-12.5%2032.8%200%2045.3l192%20192c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L77.3%20256%20246.6%2086.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-192%20192z%22%2F%3E%3C%2Fsvg%3E) !important;
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.fa-chevron-right:before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3C!--!Font%20Awesome%20Free%206.7.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202025%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M310.6%20233.4c12.5%2012.5%2012.5%2032.8%200%2045.3l-192%20192c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3L242.7%20256%2073.4%2086.6c-12.5-12.5-12.5-32.8%200-45.3s32.8-12.5%2045.3%200l192%20192z%22%2F%3E%3C%2Fsvg%3E) !important;
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.fa-calendar:before {
    content: none;
}

.fa-calendar {
    background-image: url(data:image/svg+xml,%3Csvg%20enable-background%3D%22new%200%200%20512%20512%22%20viewBox%3D%220%200%20512%20512%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22fi_15881445%22%3E%3Cg%20id%3D%22_x31_4_Calendar%22%3E%3Cg%3E%3Cpath%20d%3D%22m57.975%2062.968c-16.732%200-30.732%2011.911-33.971%2027.699-.463%202.255-.706%204.59-.706%206.98v370.297c0%2019.122%2015.555%2034.679%2034.677%2034.679h396.05c19.122%200%2034.677-15.557%2034.677-34.679%200-41.831%200-333.986%200-370.297%200-19.159-15.726-34.677-34.677-34.677h-42.633v-23.872c0-16.389-13.332-29.721-29.724-29.721s-29.724%2013.332-29.724%2029.721v23.873h-191.89v-23.873c0-16.389-13.332-29.721-29.724-29.721s-29.724%2013.332-29.724%2029.721v23.873h-7.429c0-.001%200-.001.001-.002h-35.203zm396.05%20427.625h-396.05c-12.486%200-22.646-10.16-22.646-22.649v-291.808h441.342v291.808c0%2012.489-10.16%2022.649-22.646%2022.649zm-90.05-451.495c0-9.756%207.937-17.691%2017.693-17.691s17.693%207.935%2017.693%2017.691v50.88c0%209.756-7.937%2017.693-17.693%2017.693s-17.693-7.937-17.693-17.693zm-251.337%200c0-9.756%207.937-17.691%2017.693-17.691s17.693%207.935%2017.693%2017.691v50.88c0%209.756-7.937%2017.693-17.693%2017.693s-17.693-7.937-17.693-17.693zm17.694%2080.604c16.391%200%2029.724-13.334%2029.724-29.724v-14.977h191.89v14.977c0%2016.389%2013.332%2029.724%2029.724%2029.724s29.724-13.334%2029.724-29.724v-14.977h42.633c12.001%200%2022.646%2010.063%2022.646%2022.646v66.459h-441.344v-66.459c0-12.486%2010.16-22.646%2022.646-22.646h42.633v14.977c0%2016.389%2013.332%2029.724%2029.724%2029.724z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22Layer_1%22%3E%3C%2Fg%3E%3C%2Fsvg%3E) !important;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    background-size: 48%;
    display: inline-block;
    height: 50px;
    padding: 0 !important;
}

.datepicker .picker-switch>button,
.datepicker .next>button,
.datepicker .prev>button,
.bootstrap-datetimepicker-widget tr td button {
    margin: auto;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget tr td.active button,
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #58524D;
}

.bootstrap-datetimepicker-widget table td span.active button {
    color: #fff !important;
}

.datetimepicker .form-control {
    font-weight: 300 !important;
}

.switch input:focus+.slider {
    box-shadow: 0 0 1px #cccccc;
}

@media (max-width: 991.98px) {

    .actions .btn,
    .btn.btn-primary,
    .admin-panel-v .crmEntityFormView .actions .btn,
    .admin-panel-v .crmEntityFormView .actions .btn.btn-primary,
    .admin-panel-v .view-toolbar.grid-actions .entitylist-download,
    .admin-panel-v .view-toolbar.grid-actions .btn-primary,
    .admin-panel-v .crmEntityFormView .actions .btn,
    .admin-panel-v .crmEntityFormView .form-action-container-left .btn,
    .admin-panel-v .crmEntityFormView .form-action-container-right .btn {
        height: 50px !important;
        font-size: 95% !important;
        padding: 0 !important;
    }
}

.toggle-switch:active::before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #58524D;
}

.crmEntityFormView .validation-summary li {
    font-size: .95rem;
}

.crmEntityFormView .validation-summary h2 {
    font-size: 1.150rem;
}

label {
    font-weight: normal;
}

.content {
    min-height: auto;
    padding-bottom: inherit;
}

#content-wrapper #content.content {
    min-height: 100vh;
    padding-bottom: 3rem;
}

.content.form-control {
    padding-bottom: .375rem;
}

.popover {
    background: #ede8e2;
}

.popover label {
    color: #949494;
    margin-bottom: .2rem;
    margin-top: .3rem;
}

.popover .form-control {
    border-color: #dbdbdb !important;
    height: 45px !important;
    border-radius: 0.3rem;
    min-height: 45px !important;
    max-height: 45px !important;
}

.popover .popover-body {
    background: #ede8e2;
}

.popover .btn {
    height: 45px;
    font-size: 95% !important;
    font-weight: 400;
    border-radius: 0.3rem;
}

textarea {
    resize: none;
}

.table th {
    white-space: nowrap;
}

.table th,
.table td {
    text-align: left;
}

.field-label {
    background-color: transparent !important;
}

.addnote,
.addnote:hover,
.addnote:focus {
    white-space: nowrap;
    color: #333 !important;
    background-color: #fff !important;
}

/************* #content-container forms inside modal  **********/
#content-container {
    padding: 0;
    max-width: none
}

#content-container .section .form-control-cell,
#content-container .section .picklist-cell {
    display: flex !important;
    align-items: center;
}

#content-container .section .form-control-cell [class*="info"],
#content-container .section .picklist-cell [class*="info"] {
    width: 30%;
}

#content-container .section .form-control-cell .control,
#content-container .section .picklist-cell .control {
    width: 70%;
}

#content-container .section .form-control-cell .control .form-control,
#content-container .section .picklist-cell .control .form-control {
    width: 100%;
    border: 1px solid #DDDDDD !important;
    border-radius: 8px !important;
}

#content-container .section .picklist-cell .control .form-control {
    padding: 0.375rem 0.75rem 0.375rem 0.75rem !important;
}

#content-container .entitylist-search input.query.form-control {
    border-radius: 8px !important;
    padding-left: 50px !important;
    height: 50px;
    width: 100% !important;
    margin-top: 0;
    margin-bottom: 0;
    border: 1px solid #DDDDDD !important;
    color: #7E8299 !important;
    min-width: 360px;
}

#content-container .section .form-control-cell [class*="info"] .field-label,
#content-container .section .picklist-cell [class*="info"] .field-label {
    font-weight: 300;
    color: #272727 !important;
    text-transform: capitalize !important;
    font-size: 95% !important;
}

#content-container .view-select,
#content-container .view-select>li {
    width: 100%;
    text-align: left;
}

#content-container .view-select a:focus {
    border: 0 !important;
}

#content-container .view-select li ul a {
    padding-top: .35rem;
    padding-bottom: .35rem;
}

#content-container .crmEntityFormView {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #f2f2f2;
}

#content-container .entity-form {
    max-width: 600px;
    margin: auto;
}

#content-container .actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

#content-container .actions .btn {
    margin-bottom: .5rem;
}

#content-container .actions .btn-primary {
    min-width: 100px;
    border-radius: 8px;
    color: #fff !important;
    font-size: 95% !important;
    text-align: center !important;
}

#content-container .actions .btn.btn-default,
#content-container .actions .btn.btn-default:hover,
#content-container .actions .btn.btn-default:focus {
    border: 1px solid #DDDDDD !important;
    color: #7E8299 !important;
    background-color: #fff !important;
}

@media (max-width: 575.98px) {

    #content-container .section .form-control-cell,
    #content-container .section .picklist-cell {
        flex-wrap: wrap;
    }

    #content-container .section .form-control-cell [class*="info"],
    #content-container .section .picklist-cell [class*="info"] {
        width: 1000%;
    }

    #content-container .section .form-control-cell .control,
    #content-container .section .picklist-cell .control {
        width: 100%;
    }
}

#content-container .crmEntityFormView {
    border: 0 !important;
}

.control .input-group .btn.clearlookupfield {
    position: absolute;
    background-position: center;
    width: 50px;
    background-color: transparent !important;
    top: 1px;
    right: 51px;
    bottom: 0;
    border: 0 !important;
    box-shadow: none !important;
}

.control .input-group .btn.clearlookupfield .fa {
    color: #58524D
}

#content-container .tab-title {
    border-bottom: 0;
    font-weight: 400;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    position: relative;
    display: inline-block;
    color: #58524D
}

#content-container .tab-title::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: #453D3D80;
    height: 2px;
}

#content-container .section-title h3 {
    padding-bottom: .5rem;
    font-size: 1.1rem;
    font-weight: 400;
    border-bottom: 1px solid #eee;
}

html[dir=ltr] .form-loading {
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 768px) {

    .project-details-item-wrapper .projects-list-slider .slick-slide,
    .project-details-item-wrapper .big-wrapper-for-slider {
        height: 350px !important
    }
}

@media (max-width: 576px) {

    .project-details-item-wrapper .projects-list-slider .slick-slide,
    .project-details-item-wrapper .big-wrapper-for-slider {
        height: 250px !important
    }
}

.zero-cell.highlighted,
.table-striped-cell.highlighted {
    background-color: transparent !important;
}

.input-group>.form-control.input-text-box {
    font-weight: 300 !important;
}

.page-item.disabled .page-link {
    background-color: transparent !important;
}

.crmEntityFormView .form-control.readonly,
.crmEntityFormView .form-control[readonly][disabled],
.form-readonly .form-control {
    padding: 0.375rem 0.75rem 0.375rem 0.75rem;
}

.about-us-main-bg::after {
    content: none !important;
}

/************* End Of #content-container forms inside modal  **********/
/***** to be added to web template "dashboard-script-css" file *****/
@media (max-width: 1199.98px) {

    .lead-mobile-search-wrapper .div-1,
    .lead-mobile-search-wrapper .div-2,
    .lead-mobile-search-wrapper .div-3 {
        width: 100% !important;
    }
}

.search-list-lead-mob-num li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.search-list-lead-mob-num li:last-child {
    border-bottom: 0 !important;
}

@media (min-width: 992px) {
    .lead-number---wrapper {
        margin: auto;
        max-width: 85%;
    }
}
.init-message-box .btn.btn-secondary.mb-control-close {
    color: #0d0d0c;
}
/** Dashboard Settings Page Only ******/
.settings-list-unique-wrapper .toggle-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

.settings-list-unique-wrapper .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.settings-list-unique-wrapper .slider-toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 24px;
    width: 60px;
    height: 34px;
}

.settings-list-unique-wrapper .slider-toggle:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

.settings-list-unique-wrapper input:checked+.slider-toggle {
    background-color: #58524D;
}

.settings-list-unique-wrapper input:checked+.slider-toggle:before {
    transform: translateX(26px);
}

.admin-panel-v .settings-list-unique-wrapper .entity-form .tab-title {
    display: none !important;
}

.admin-panel-v .settings-list-unique-wrapper .entity-form .section-title h3 {
    margin-bottom: 1.25rem;
    border: 0;
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding-bottom: 0.5rem !important;
    font-size: 1.25rem;
}

.admin-panel-v .settings-list-unique-wrapper .entity-form .section-title h3::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: #453D3D80;
    height: 2px;
}

.settings-list-unique-wrapper .title-underlined::after {
    content: none !important;
}

.admin-panel-v .settings-list-unique-wrapper .entity-form .boolean-radio-cell {
    flex-wrap: nowrap !important;
    justify-content: space-between;
    align-items: start;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.admin-panel-v .settings-list-unique-wrapper .entity-form .cell .table-info {
    width: 89%;
}

.admin-panel-v .settings-list-unique-wrapper .entity-form .cell .control {
    width: 10%;
}

@media (max-width: 991.98px) {
    .admin-panel-v .settings-list-unique-wrapper .entity-form .cell .table-info {
        width: 75% !important;
        flex: 75% !important;
    }

    .admin-panel-v .settings-list-unique-wrapper .entity-form .cell .control {
        width: 20% !important;
        flex: 20% !important;
    }
}
.settings-list-unique-wrapper .form-custom-actions {
    margin-bottom: 0;
}
    .Register-Page-wrapper input[id*=CaptchaTextBox] {
            margin-right: .5rem;
            margin-top: 1rem;
    }
    .Register-Page-wrapper label[id*=CaptchaTextBox] {
            font-size: 14px;
    }
    .Register-Page-wrapper .RadCaptcha div[id*=SpamProtectorPanel] > div {
        display: flex;
        align-items: center;
        gap: 1rem;
        flex-wrap: wrap;
    }
    .input-group > .form-control[id*=countryofregistrationid] {
        font-weight: 300 !important;
    }
/** END Of Dashboard Settings Page Only ******/
.reset-pass-wrapper .alert-success {
    background-color: #F6FFED !important;
    border-color: #B7EB8F !important;
    color: #52C41A !important;
}
.reset-pass-wrapper .alert-success div {
    color: #52C41A !important;
    font-weight: 300 !important;
}
.reset-pass-wrapper.forgot-pass-wrapper .btn.btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
}
.reset-pass-wrapper.forgot-pass-wrapper .btn.btn-primary .fa {
    margin-right: .25rem;
}

.bootstrap-datetimepicker-widget table tr {
    display: table-row !important;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    display: table-cell !important;
}
table.section colgroup {
    display: none !important;
}