@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

#signinform2,
#signinform{
    display: table;
    margin: auto;
    width: 400px;
    padding: 20px 50px;
    border: 1px solid #eee;
    max-width: calc(100% - 100px);
}
#signinform2 label,
#signinform label{
    color: #4a4a4a;
    font-weight: bold;
    font-size: 14px;
    display: table;
    width: 100%;
    margin-top:10px;
}
#signinform2 input[type="password"],
#signinform input[type="password"],
#signinform2 input[type="text"],
#signinform input[type="text"]{
    padding: 10px;
    margin-top:3px;
    font-size: 14px;
    margin-bottom:5px;
    width: 100%;
    box-shadow: none;
    border: 1px solid #ccc;
}
#signinform select {
    padding: 10px;
    margin-top:3px;
    font-size: 14px;
    margin-bottom:5px;
    width: 100%;
    box-shadow: none;
    border: 1px solid #ccc;
}
#signinform2 #submitbutton,
#signinform #submitbutton{
    border: 0px solid;
    box-shadow: none;
    text-shadow: none;
    background: #00aeef;
    border-radius: 5px;
    color: #fff;
    width: 100%;
    margin-top: 15px;
    font-size: 16px;
    padding: 10px 20px;
}
#signinform2 #form-messages.error,
#signinform2 #form-messages.success,
#signinform #form-messages.error,
#signinform #form-messages.success{
    color: #155724;
    background-color: #d4edda;
    position: relative;
    border-radius: .25rem;
    padding: .75rem 1.25rem;
    border: 1px solid #c3e6cb;
    font-size: 14px;
    font-weight: 400;
}
#signinform2 #form-messages.error,
#signinform #form-messages.error{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
#signinform2 .adminform-required,
#signinform .adminform-required{
    margin-left: 5px;
    color: red;
}
.signinform2,
.signinform{
    display: table!important;
    width: 100%;
}
#signinform h4{
    margin: 15px 0;
}

.sale-right {
    background: rgba(255,255,255,0.3);
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    padding: 20px 40px;
    text-align: center;
    margin: auto;
}
.form-headline {
    font-size: 24px;
    color: inherit;
    font-weight: 500;
    padding-bottom: 30px;
    display: table;
    width: 100%;
}
form label {
    display: block;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    margin: 0;
}
.adminform_form label {
    text-align: left;
    margin-top: 15px;
}
.sale-right .adminform_form label {
    color: inherit;
}
.sale-right div:last-child{
    text-align: left;
    margin: 15px 0;
}
.sale-right a{
    color: inherit;
}
.sale-right input.form-control, .sale-right select.form-control{
    border: 1px solid #c9c9c9;
    padding: 6px 10px 6px 10px;
    width: 100%;
    border-radius: 5px;
}
.sale-right .adminform_savebutton input{
    padding: 16px 40px;
    width: 100%;
    border-radius: 10px;
    border: 0px solid;
    background: #00c0ff;
    color: #fff;
    cursor: pointer;
}
.sale-right .aui-message-error{
    font-size: 14px;
}
.sale-right .aui-message-error
{
    color:#b94a48;
    background-color:#f2dede;
    border-color:#eed3d7;
}
.sale-right .aui-message{
    display: block;
    width: 100%;
    padding:10px 0;
    margin-bottom:20px;
    border:1px solid transparent;
    border-radius:4px;
}
.group-name::before {
    content: "";
    display: block;
    width: 40%;
    height: 2px;
    background: #e1e3e8;
    left: 0;
    top: 50%;
    position: absolute;
}.group-name::after {
    content: "";
    display: block;
    width: 40%;
    height: 2px;
    background: #e1e3e8;
    right: 0;
    top: 50%;
    position: absolute;
}
.centz-form-error-message{
    clear: both;
    color: #DD6420;
    display: none;
    padding-top: 8px;
    font-size: 12px;
    font-weight: 500;
}
input.centz-form-error {
    border-color: #dd6420 !important;
    box-shadow: 0px 0px 1px 1px #dd6420 !important;
}
input.centz-form-error:focus {
    border-color: #dd6420 !important;
    box-shadow: 0px 0px 1px 1px #dd6420 !important;
}
.nform-element-container input[type=text]:focus,.nform-element-container input[type=email]:focus,.nform-element-container input[type=number]:focus, .nform-element-container textarea:focus,
.checkoutform-element-container input[type=text]:focus,.checkoutform-element-container input[type=email]:focus,.checkoutform-element-container input[type=number]:focus, .checkoutform-element-container textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    border-color: #2050F4 !important;
    border: 2px solid;
    box-shadow: 0px 0px 1px 1px #2050f4 !important;
}
.nform-element-container input[type=checkbox]:focus, .nform-element-container input[type=radio]:focus, .nform-element-container select:focus,
.checkoutform-element-container input[type=checkbox]:focus, .checkoutform-element-container input[type=radio]:focus, .checkoutform-element-container select:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
    border-color: rgba(209,213,219,1) !important;
    border: 2px solid;
    box-shadow: 0px 0px 1px 1px rgba(209,213,219,1) !important;
}
.embed-calendar .builder_main_popup .event-info-wrapper {
    padding-top: 30px;
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="builder-col-"],[builder-element=CellElement] {
      width: 100% !important;
    }
    [builder-element="CellContainerElement"]{
        flex-wrap: wrap !important;
    }
    [builder-element=BlockElement]{
        padding-left: 10px;
        padding-right: 10px;
    }
    .Hide-on-mobile{
        display: none !important;
    }
    .builder_main_popup{
        width: 90% !important;
    }
    #iframeDiv{width: 100%;} /* added width */
    .embed-calendar .builder_main_popup .event-info-wrapper {
        padding-top: 30px;
        width: 270px;
        margin-left: -50px;
    }
  }
  .empty_div_section{
      display: none;
  }
  .modalpopupwidget .builder_main_popup {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0px;
    border-color: #cbd5e0;
    border-width: 10px;
    border-style: solid;
    background-color: #ffffff;
}
.modalpopupwidget .popup-settings{top:-40px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);padding:5px;border-radius:5px;background-color:#007bff;color:#fff;border-color:#007bff;z-index:100;position:absolute;margin-bottom:10px}.modalpopupwidget#overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:15;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;overflow:auto}.modalpopupwidget#overlay.show{opacity:1}.modalpopupwidget .popup-body{position:absolute;min-height:180px;height:auto;background-color:#fff;top:5%;left:50%;-webkit-transform:translate(-50%,-100vh);transform:translate(-50%,-100vh);z-index:20;-webkit-transition:-webkit-transform .25s ease-in-out;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.modalpopupwidget .popup-body.preview-mode{left:50%}.modalpopupwidget .popup-body.mobile{top:108px;width:380px!important}.modalpopupwidget .popup-body.show{-webkit-transform:translate(-50%);transform:translate(-50%)}.modalpopupwidget .closeLPModal{position:absolute;right:-10px;top:-10px;cursor:pointer;z-index:21;display:block;}
.modalpopupwidget .settingsPModal{top:-40px;left:40%;position:absolute;width:32px;padding:10px;font-size:18px}
.modalpopupwidget .popup-settings{display: none;}
  .unordered-list{font-size: 20px;text-align: left;font-family: inherit;overflow-y: visible;padding: 0;line-height: 2;font-weight: normal;}.unordered-list li::before{content: '\f00c' !important;font-family: 'Font Awesome 5 Free';font-weight: bold;margin-right: 10px;color: #000;}.unordered-list li{list-style-type:none!important;}
[builder-element=CellElement] {
    position: relative;
    justify-content: flex-start;
    align-items: inherit;
    display: flex;
    flex-flow: column nowrap;
    margin-inline: auto;
    word-break: keep-all;
}
p{
    margin: 0 0 10px;
    font-family: 'Montserrat', sans-serif;
    line-height: 2;
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6{
    margin: 4px 0;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}
.unordered-list li{
    line-height: 2;
    font-family: 'Montserrat', sans-serif;
}
a:-webkit-any-link,[builder-element=ButtonElement] {
    text-decoration: none;
}
[data-shadowtype=button-shadow1]{
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
[data-shadowtype=button-shadow2]{
    box-shadow: 0 1px 5px rgb(0 0 0 / 40%);
}
[data-shadowtype=button-shadow3]{
    box-shadow: 0 1px 5px rgb(0 0 0 / 70%);
}
[data-shadowtype=button-shadow4]{
    box-shadow: 0 8px 1px rgb(0 0 0 / 10%);
}
[data-shadowtype=button-shadow5]{
    box-shadow: 0 0 25px rgb(0 0 0 / 20%), 0 0 15px rgb(0 0 0 / 20%), 0 0 3px rgb(0 0 0 / 40%);
}
[data-shadowtype=button-shadow6]{
    box-shadow: 0 0 25px rgb(0 0 0 / 40%), 0 0 15px hsl(0deg 0% 100% / 20%), 0 0 3px hsl(0deg 0% 100% / 40%);
}
[data-shadowtype=button-shadow-sharp1]{
    box-shadow: inset 0 1px 0 hsl(0deg 0% 100% / 20%);
}
[data-shadowtype=button-shadow-sharp2]{
    box-shadow: inset 0 0 0 1px hsl(0deg 0% 100% / 20%);
}
[data-shadowtype=button-shadow-sharp3]{
    box-shadow: inset 0 0 0 2px hsl(0deg 0% 100% / 20%);
}
.Hide-on-desktop{
    display: none;
}
[builder-element=CellElement] [builder-element=CellContainerElement]{
    width: 100%;
}
[builder-element=CellElement] [builder-element=CellContainerElement]{
    width: 100%;
}
[data-box_shadow=shadow5]{
    box-shadow: 0 1px 3px rgb(0 0 0 / 5%);
}
[data-box_shadow=shadow10]{
    box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
}
[data-box_shadow=shadow20]{
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
}
[data-box_shadow=shadow30]{
    box-shadow: 0 2px 5px 2px rgb(0 0 0 / 30%);
}
[data-box_shadow=shadow40]{
    box-shadow: 0 2px 5px 2px rgb(0 0 0 / 40%);
}
[data-box_shadow=shadow5inner]{
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 5%);
}
[data-box_shadow=shadow10inner]{
    box-shadow: inset 0 1px 5px rgb(0 0 0 / 10%);
}
[data-box_shadow=shadow20inner]{
    box-shadow: inset 0 1px 5px rgb(0 0 0 / 20%);
}
[data-box_shadow=shadow30inner]{
    box-shadow: inset 0 2px 5px 2px rgb(0 0 0 / 30%);
}
[data-box_shadow=shadow40inner]{
    box-shadow: inset 0 2px 5px 2px rgb(0 0 0 / 40%);
}
*{
    box-sizing: border-box;
}
.navbar-container .navbar-collapse {
    overflow-x: visible;
    padding-right: 0px;
    padding-left: 0px;
    border-top: none;
    box-shadow: none;
}
.navbar-container .collapse{
    display: block;
}
.navbar-container .navbar-nav {
    margin: 0px -15px;
    flex-wrap: wrap;
}
.navbar-container .navbar-nav > li > a {
    padding: 0px;
}
.list-images-container .list-images{
    margin:0px;
}
.list-images-container .list-images .item-col .col-content a {
    display: inline-block;
    text-decoration: none;
    color: white;
    background: #00b8ff;
    padding: 10px 15px;
    border-radius: 5px;
}
.list-images-container .list-images .item-col .col-content h2 {
    font-size: 25px;
    font-family: sans-serif;
    color: #363736;
}
.list-images-container .list-images .item-col .col-content img {
    border-radius: 50%;
}
.list-images-container .list-images .item-col {
    height: auto;
    float: left;
    position: relative;
    min-height: 1px;
    padding: 15px;
}
.list-images-container .list-images {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}
/*progress bar widget*/
.progress-bar-container{
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 20px;
}

.progress-bar-container .progress {
    width: 100%;
    height: 20px;
    background: #ccc;
    border-radius: 3px;
    /* margin-bottom: 20px; */
    text-align: left;
}

.progress-bar-container .progress .progress-bar {
    width: 60%;
    background: #337ab7;
    height: 100%;
    border-radius: 3px 0 0 3px;
    text-align: center;
    color: white;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.progress-bar-container .progress-bar-striped{
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important;
    background-size: 1rem 1rem !important;
}
.image-after-change{display: block;margin-inline: auto;}
.defaultfont{
    font-family: Montserrat, "Arial";
}
.linkelementwidget{
    cursor: pointer;
}
.tox-toolbar-dock-transition.tox-toolbar-dock-fadein {
  display: none!important;
}
.video-placeholder, .image-placeholder{
    display:none;
}
@media screen and (max-width: 500px) {
    .builder_main_popup #signinform{
        display: block !important;
        margin: auto !important;
        width: auto !important;
        padding: initial !important;
        border: none !important;
        max-width: initial !important;
    }
}

.centz-form-error-message-captcha{
    clear: both;
    color: #DD6420;
    padding-top: 8px;
    font-size: 12px;
    font-weight: 500;
}
[builder-element='CellElement'] .custom_formbuilder_wrap #fb-render .spotpicker-wrapper{
    padding-right: 1.5rem !important;
    padding-left: 1.5rem!important;
}
.nform-element-container .rendered-form .new-form-control{max-width: 100%;}
.rendered-form label{
    margin-bottom: 5px;
}

/* material widget css */
.meterial-container .box {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    display: block;
    margin-top: 60px;
    text-align: left;
}
.meterial-container .box .box-icon {
    background-color: #57a544;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.meterial-container .box .box-icon i {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 4em;
}
.meterial-container .box .info h4.text-center {
    margin-bottom: 10px;
    line-height: 40px;
    font-size: 25px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    font-family: sans-serif;
}
.meterial-container .box .info p {
    color: #717171;
    font-size: 16px;
    padding-top: 10px;
    text-align: justify;
    margin: 0 0 10px;
    font-family: 'Maven Pro', sans-serif;
    line-height: 30px;
}
.meterial-container .box .info a.btn {
    background-color: #03a9f4;
    color: #fff;
    transition: all 0.5s ease 0s;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px;
    text-decoration: none;
    font-family: sans-serif;
}
/* end material widget */

/* css for button icon */
[data-buttonicon=iconright]{
    display: inline-flex !important;
    flex-direction: row-reverse;
}
[data-buttonicon=iconright]:before {
    margin-left: 8px; 
    margin-right: 0px !important;
}

@media only screen and (min-width: 768px){
    .builder_main_popup:has(.booking-container.big-booking-container) {width: 1000px !important;}
    .booking-container.big-booking-container .spotpicker-input-page {width: 400px;}
}

/* Update css for Tablet device */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    /* For tablet phones: */
    [class*="builder-col-"]:only-child  {
      width: 100% !important;
    }
    [class*="builder-col-"]:not(:only-child)  {
      width: 45% !important;
    }
    [builder-element="CellContainerElement"]{
        flex-wrap: wrap !important;
            justify-content: space-around;
    }
    [builder-element=CellElement]{
    	margin-inline: initial !important;
    }
}
/*added css for hidden class*/
.formbuilder-checkbox .hidden, .formbuilder-radio .hidden, .formbuilder-checkbox-inline .hidden{display: none;}

#iframeDiv, #iframeDivPartner, #iframeDivServices {
    width: 100%;
}
body.htmlelement-container.builderelement {
    overflow: auto !important;
}
iframe {
    overflow-x: auto !important;
}
/* css for country code dropdown in landing page form */
.event-info-wrapper .iti__search-input-wrapper:focus-visible ,
.event-info-wrapper .iti__search-input-wrapper:focus,
.event-info-wrapper .iti__search-input:focus-visible,
.event-info-wrapper .iti__search-input:focus{
  outline:none !important;
  border: none !important;
}
.event-info-wrapper .iti__search-input
{
    min-height: 45px !important;
}
.formdiv .floating__label { line-height: 27px; margin-bottom: 8px;}
[builder-element=CellElement].builder1-class-column-empty-section { min-height: 80px; }
[builder-element=CellElement].builder1-class-column-empty-section { min-height: 80px; }

.embed-calendar .builder_main_popup .ui-datepicker .ui-datepicker-prev:before,
.embed-calendar .builder_main_popup .ui-datepicker .ui-datepicker-next:before {
    padding-left: 9px !important;
}
