/*** By Mehul Kothari ***/
#Editherobanner .hero-text:before, #EditSecondHerobanner .hero-text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #F7F7F7;
  }

  #Editherobanner .form-editherobanner label {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }

  #Editherobanner .form-editherobanner .group-field {
    margin-bottom: 30px;
}

#Editherobanner .upload-style input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
}

#Editherobanner .upload-style .row label {
    position: relative;
    border: 1px solid #60606033;
    border-radius: 6px;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
    background-color: #ffffff;
    color:#999999;
    font-size:12px;
    font-weight: 400;
}

#Editherobanner .upload-style .row .col {
    overflow: hidden;
    position: relative;
    text-align: center;
}

#Editherobanner .upload-style svg {
    width: 25px;
}

.text-below-upload {
    color:#303030;
    font-size: 12px;
    font-weight: 400px;
}

.edit-element-style label {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.edit-element-style {
    background:#F7F7F7;
    border:1px solid #E07A5F;
    padding: 20px;
    font-family:Montserrat, sans-serif;
}

.btn.btn-default {
    background-color: #ffffff;
    color: #E07A5F !important;
    border: 1px solid #E07A5F;
    margin-right: 20px;
}

.btn.btn-default:hover {
    color: #ffffff !important;
    background-color: #E07A5F;
    border-color: #E07A5F;
}

.upload-style {
    position: relative;
    background: #fff;
    padding: 40px 20px;
    text-align: center;
    border: 1px solid #60606033;
    border-radius: 5px;
}

.upload-style input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.upload-style .row label {
    position: relative;
    border: 1px solid #60606033;
    border-radius: 6px;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
    background-color: #ffffff;
    color:#999999;
    font-size:12px;
    font-weight: 400;
}

.upload-style .row .col {
    overflow: hidden;
    position: relative;
    text-align: center;
}

.upload-style svg {
    width: 25px;
}

.text-below-upload {
    color:#303030;
    font-size: 12px;
    font-weight: 400;
}

.page-content-edit {
    padding-right: 6%;
    padding-bottom: 30px;
    margin-right: 6%;
}
.edit-element-style {
    color: #333;
}

.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable > * {
    color: #333 !important;
}
.edit-element-style .form-control {
    border-color: #ddd;
}
.border-right {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-left {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.form-editherobanner .upload-style {
    background-color: transparent;
    border:0;
    padding: 0;
    text-align: left;
    margin-left: 50px;
}

.border-gray {
    border-color:#e4e4e4 !important;
}

.delete-icon-style {
    border:1px solid #dee2e6;
    border-radius: 0.375rem;
    padding:0.7rem 0.9rem;
    height: 48px;
    display: block;
    /*margin-left: 15px;
     */:;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    -ms-border-radius: 0.375rem;
    -o-border-radius: 0.375rem;
}

.remove-opening-hours-d {
  color: #606060;
  line-height: 50px;
}

.edit-element-style .btn.remove-step {
    background: #E07A5F;
    border: 0;
}

#how_it_works-form > label[for="how_it_works_title"] {
    font-weight: 600;
    font-size: 16px;
    width: 100%;
    text-align: center;
}

#video_details-form > label[for="how_it_works_title"] {
    font-weight: 600;
    font-size: 16px;
    width: 100%;
    text-align: center;
}

.add-clinic-btn {
    text-align: right;
    padding-bottom: 10px
}

.add-clinic-btn button.mt-2 {
    background: transparent;
    color: #E07A5F;
    border: 0 none;
    text-decoration: underline;
    font-size: 16px
}

.drag-icon {
    margin-left: 10px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;}

.edit-element-style .h5 {
    font-size: 1.375rem;
}

.text-below-upload {
    color: #999999;
}

span.select-color {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    background: #d5d5d5;
    border-radius: 50%;
    right: 9px;
    top: 6px;
    border: 1px solid #60606033;
    overflow: hidden;
}

span.select-color input {
    width: 37px;
    height: 37px;
    display: block;
    background: #d5d5d5;
    border-radius: 50%;
    left: -2px;
    top: -2px;
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
}

label.title-left-space {
    padding-left: 38px;
}

.upload-style.not-box{
    padding:0;
    background-color: transparent;
    border: 0;
}

#sectionTwo, #sectionThree, #sectionFour_1, .banner-top {
    position: relative;
}

.color-palette-item {
    margin-bottom: 20px;
}

span.color-select {
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
    border:1px solid #60606033;
}

label.title-palette {
    margin: 0;
    font-size: 16px;
    width: 170px;
}

.color-palette-block .form-check {
    display: block;
    min-height: auto;
    padding-left: inherit;
    margin: inherit;
}

.color-palette-block .form-switch {
    padding-left: 0;
}

.color-palette-block .form-switch .form-check-input{
    margin-top: 0;
    margin-left:0;
    width: 44px;
    height: 24px;
    box-shadow: none;
    margin-right: 30px;
}

.color-palette-block .form-switch .form-check-input:checked {
    background-color: #E07A5F;
    border-color: #E07A5F;
}

.color-palette-block .form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    border-color: var(--bs-border-color)
}

.color-palette-block .form-switch .form-check-input:checked {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    border-color:#E07A5F;
}

.color-input-block .form-control-color {
    width: 100%;
}

.form-group, .group-field {
    position: relative;
}

.form-group, .group-field {
    margin-bottom: 1rem;
    font-family:Montserrat, sans-serif;
}

.innerbanner {
    position: relative;
}

a.delete-full-section{
    color:#999999;
    margin-right:10px;
    cursor: pointer;
    width: 100%;
    display: block;
    text-align: right;
    margin-top: 20px;
    font-family:Montserrat, sans-serif;
}

a.delete-full-section:hover{
    color:#F2A399;
}

button.btn.btn-palette-link {
    background: transparent;
    border: 0;
    color: #E07A5F !important;
    padding: 0;
    margin-left: 10px;
        font-size: 13px;
}

button.btn.btn-palette-link:hover {
    color: #303030 !important;
}

/***********************************************/

.btn-edit {
    font-size: .875rem;
    padding: 10px 24px 10px 24px;
    border-radius: 30px;
    font-weight: 500;
    position: relative;
    color: #ffffff !important;
    background-color:#E07A5F;
    border: 1px solid #E07A5F;
    font-family:Montserrat, sans-serif;
}

.btn-edit:hover, .btn-edit:active, .btn-edit:focus {
    background-color: #ffffff;
    color: #E07A5F !important;
    border-color: #E07A5F;
}

.btn-edit-outline {
    font-size: .875rem;
    padding: 10px 24px 10px 24px;
    border-radius: 30px;
    font-weight: 500;
    position: relative;
    background-color: #ffffff;
    color: #E07A5F !important;
    border: 1px solid #E07A5F;
    margin-right: 20px;
    font-family:Montserrat, sans-serif;
}

.btn-edit-outline:hover, .btn-edit-outline:active, .btn-edit-outline:focus {
    background-color: #E07A5F;
    color: #ffffff !important;
    border-color: #E07A5F;
}

/******************/

.edit-button {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    padding: 10px 10px;
    border: 1px solid #E07A5F;
    border-radius: 50px;
    color: #E07A5F !important;
    background: #fff;
    z-index: 10;
    min-width: 100px;
    width: auto;
    font-family:Montserrat, sans-serif;
    font-weight: 500;
}

.edit-button:hover, .edit-button:focus, edit-button:active {
    background: #E07A5F;
    color: #fff !important;
}

.cancel-button:hover {
    background: #E07A5F;
    color: #fff !important;
}

    .meta-update {
        background-color: #E07A5F1A;
        color: #E07A5F;
        padding: 8px;
        font-size: 16px;
        font-weight: 500;
    }

/* Hover Effects */
/* Hover effect only for display sections (exclude edit sections) */
[id^="section"]:not([id*="Edit"],[id="sectionEight"],[id="sectionSix"]):hover:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: #ede5e4d1;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #E07A5F;
}

/* Padding for Edit Section */
[id^="section"]Edit .hero-text.d-flex.justify-content-center.align-items-center.h-100 {
    padding: 50px 0;
}

/* Show Edit Button on Hover (only for display sections) */
[id^="section"]:not([id*="Edit"]):hover .edit-button {
    display: block;
}

.edit-button i {
    margin-right:5px
}

/********************************/


.clinical-focus-list-edit-block {
    position: relative;
}

.clinical-focus-list-edit-block .edit-element-style {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 99;
}

.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.edit-element-style .btn-primary {
    background:#E07A5F !important;
    color:#ffffff !important;
    border:1px solid #E07A5F !important;
    font-family:Montserrat, sans-serif;
}

.edit-element-style .btn-primary:hover {
    color:#E07A5F !important;
    background:#ffffff !important;
    border:1px solid #E07A5F !important;
}

.swal2-confirm.swal2-styled {
    background:#E07A5F!important;
    color:#ffffff!important;
    border:1px solid #E07A5F!important;
    border-radius: 30px;
    font-family:Montserrat, sans-serif;
}

.swal2-confirm.swal2-styled:hover {
    color:#E07A5F!important;
    background:#ffffff !important;
    border:1px solid #E07A5F!important;
}

.swal2-cancel.swal2-styled {
    color:#E07A5F!important;
    background:#ffffff!important;
    border:1px solid #E07A5F!important;
    border-radius: 30px;
    font-family:Montserrat, sans-serif;
}

.swal2-cancel.swal2-styled:hover {
    background:#E07A5F !important;
    color:#ffffff!important;
    border:1px solid #E07A5F!important;
}

.remove-mobile-first-banner, .remove-mobile-second-banner {
    background: transparent;
    color: #E07A5F !important;
    border: 0;
    padding: 0;
    text-decoration: underline;
    margin-top: 10px;
    clear: both;
    width: 100%;
}

a.edit-button.meta-update-sp {
    display: inline-block !important;
    position: static;
    transform: translate(0);
    padding: 0;
    border: 0;
    background: transparent;
    min-width: auto;
    color: #E07A5F !important;
    font-family:Montserrat, sans-serif;
}

a.edit-button.meta-update-sp:hover {
    color: #5c5c5c !important;
}

button.note-btn.btn-fullscreen.note-codeview-keep {
    display: none;
}

/*********************************************/

#mediaLibraryModal .img-thumbnail, #masthead_preview_img.img-thumbnail {
    width: 100%;
    height: auto;
    cursor: pointer;
}

#modalGallery .img-thumbnail {
    width: 100%;
    height: 100px;
    cursor: pointer;
    object-fit: contain;
}

/* .filepond--root .filepond--list-scroller {
    margin-top: 1em;
    margin-bottom: 1em;
}

.filepond--list.filepond--list {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    will-change: transform;
} */

#mediaLibraryModal .filepond--hopper fieldset {
display: flex; align-items: center;
}

#mediaLibraryModal .modal-title,  #mediaLibraryModal legend{
    font-family:Montserrat, sans-serif;
    font-weight: 600;
font-size: 14px;
line-height: 20px;
width: auto;
flex: 1;
}

#mediaLibraryModal legend {display: none}

.filepond--file-status {
    color: black;
}

.filepond--file {
        flex: 1;
display: flex;
align-items: center;
gap: 10px;
}


#selectedImagePreview {
    width: 100%;
    height: auto;
}

#modalImageUpload input {
    opacity: 0;
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    z-index: 9;
    left:0;
    top:0;
}
#Editherobanner .upload-style input ~ label {
    cursor: pointer;
}

#mediaLibraryModal .filepond--file button {
    display:none;
}

/* #mediaLibraryModal .filepond--file button.filepond--action-remove-item {
    display:block;
    font-size: .875rem;
    padding: 10px 24px 10px 24px;
    border-radius: 30px;
    font-weight: 500;
    position: relative;
    color: #ffffff !important;
    background-color: #E07A5F;
    border: 1px solid #E07A5F;
} */

#mediaLibraryModal .filepond--file button.filepond--action-revert-item-processing {
    display:block;
    font-size: .875rem;
    padding: 10px 24px 10px 24px;
    border-radius: 30px;
    font-weight: 500;
    position: relative;
    color: #ffffff !important;
    background-color: #E07A5F;
    border: 1px solid #E07A5F;
    visibility: visible !important;
    opacity: 1 !important;
}

#mediaLibraryModal .modal-body .filepond--root {
    height: 100px !important;
    border: 1px #ececec solid;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    position: relative;
    font-family:Montserrat, sans-serif;
}

#mediaLibraryModal .filepond--hopper fieldset {
    /* margin-top: 30px; */
}

li#filepond--item-7lkwhni5z {
    height: auto !important;
}

.filepond--file-info, .filepond--load-indicator, .filepond--process-indicator, .filepond--processing-complete-indicator, .filepond--assistant {
    display:none
}

#mediaLibraryModal .filepond--drop-label {
    width: 170px;
        margin: 0 auto;
        text-align: center;
color: #999999;
font-size: 14px;
font-weight: 400;

}

#mediaLibraryModal span.filepond--file-status-sub {
        display: none;
    }

#mediaLibraryModal .filepond--hopper input.filepond--browser {

}

#mediaLibraryModal .filepond--list-scroller .filepond--item {
    height:auto !important;
}

#mediaLibraryModal .filepond--list-scroller {
    position: absolute;
    top: 5px;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, 0) !important;
}

#mediaLibraryModal .filepond--list-scroller li.filepond--item {
    /* border: 1px solid #60606033; */
    padding: 20px;
    border-radius: 7px;
}

#mediaLibraryModal .filepond--drop-label:before{
    content:"";
    height: 30px;
    width: 30px;
    display: block;
    margin: 0 auto;
    opacity: 0.4;
    background-image:url('../../theme1/images/icons/upload-cloud.svg');
    background-repeat: no-repeat;
}

#mediaLibraryModal .formbold-size-file {
    margin-bottom: 20px;
}

.upload-form button:focus {
    outline: 0;
    color: #fff !important;
}

.upload-form button.remove-mobile-first-banner:focus, .upload-form button.remove-mobile-first-banner:hover, .upload-form button.remove-mobile-second-banner:hover, .upload-form button.remove-mobile-second-banner:focus {
    color: #E07A5F !important;
    background: transparent !important;
}

#mediaLibraryModal .nav-tabs .nav-link.active {
    color:#E07A5F!important;
}

#mediaLibraryModal .nav-tabs .nav-link {
    color:#333!important;
    font-family:Montserrat, sans-serif;
}

#mediaLibraryModal .close {
    font-size: 34px;
}

.delete-section {
    /* margin: -20px 0 -20px; */
    /* border-top: 1px solid #d7d7d7; */
}

.delete-section a.delete-full-section{
    margin-top:0;
}

input[type="text"]:disabled {
    opacity: 0.5;
}

/* input[type="text"]:disabled ~ span input[type="color"]:disabled {
    cursor: not-allowed;
} */

.login-admin .header {
    position: static;
}

.swal2-popup .swal2-title, .swal2-popup .swal2-html-container {
    font-family:Montserrat, sans-serif;
}

.editable-content {
    font-family:Montserrat, sans-serif;
}

.alert-info {
    font-family:Montserrat, sans-serif;
    font-weight:500;
}

@media (max-width:767px) {
    #mediaLibraryModal .filepond--hopper fieldset
    {
        display: block;}
        #mediaLibraryModal .filepond--file button.filepond--action-revert-item-processing {
display: flex;}

    #mediaLibraryModal .tab-content .row .col-3 {
    flex: 0 0 auto;
    width: 50%;
    }
}


/*********************************/

@media (max-width: 768px) {
    .form-editherobanner .upload-style {
        margin-left: 0;
    }

    .border-right {
        border-right:0 !important;
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .border-left {
        border-right:0 !important;
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .page-content-edit {
        padding-right: 0;
        padding-bottom: 30px;
        margin-right: 0;
        margin-bottom:30px;
    }

    .drag-icon {
        margin-left: 0;
    }

    .btn-block-create-clinical {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .btn-block-create-clinical button.btn-edit-outline{
        margin-right:0 !important;
        margin-bottom:10px;
    }

    .color-palette-block .form-check {
        min-height: 30px;
    }

    span.color-select {
        width: 7vw;
    height: 7vw;
    margin-right: 6px;
    }

    .color-palette-block .form-switch .form-check-input {
        margin-right:0;
    }


}