/*
Theme Name: Websita Child Theme
Theme URI: http://websita/n;
Description: Websita Child Theme for your Customizations.
Author: websita
Author URI: http://websita.nl
Template: websita
Version: 1.3.8.3
*/

Body {
    font-family: Comfort, Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    font-weight: 400;
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Comfort, Arial, Helvetica, sans-serif;
    font-weight: 700;
}
span.light {
	    font-weight: 400;
}
.button {
    font-family: Comfort, Arial, Helvetica, sans-serif !important;
}
.font-special {
	 font-family: Hand, Arial, Helvetica, sans-serif !important;
	    line-height: 100% !important;
}
#navigation > ul > li > a {
	  font-family: Comfort, Arial, Helvetica, sans-serif !important;
	font-weight: 700 !important;
}

@font-face {
  font-family: 'Hand';
  src: url('/wp-content/themes/websita-child/fonts/hand-drawn-font.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Comfort';
  src: url('/wp-content/themes/websita-child/fonts/nexa-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Comfort';
  src: url('/wp-content/themes/websita-child/fonts/nexa-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

/* css start Route-transfer paginas */
/* algemeen */
.schaduw {
     box-shadow: 0 0 20px 0 rgb(0 0 0 / 13%);
 }
.column-radius {
    border-radius: 10px;
}
/* hero intro */
span.review-cijfer {
    font-weight: 700;
    margin-left: 5px;
    color: #ffc008;
}
span.review-aantal {
    color: #757575;
    margin-left: 10px;
}

/* sectie foto */
@media only screen and (min-width: 950px) {
 .sectie-foto-bg {
	z-index: 0 !important;
	max-width: 1400px;
	margin: -190px auto 0px auto !important;
    }
.flex-viewport {
    height: 550px !important;
    max-height: 550px !important;
    border-radius: 20px;
}
.flexslider .slides img {
    height: 550px;
    object-fit: cover;
}
}
/* sectie tour overview */
/* tour highlights and include-exclude */
.route-content span.usp {
    margin-right: 0px;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}
span.blauw {
    color: #e8a43a;
    background: #fff8ed;
    border-radius: 30px;
    margin-right: 10px;
    text-align: center;
    padding: 5px 7px;
    font-size: 12px;
}
span.groen {
	background: #e9f6f2;
    color: #366252;
    border-radius: 30px;
    margin-right: 10px;
    text-align: center;
    padding: 5px 7px;
    font-size: 12px;
}
i.rood {
    background: #FAD6D6;
    color: #DA3838;
    border-radius: 30px;
    margin-right: 10px;
    text-align: center;
    padding: 5px 7px;
    font-size: 12px;
}
/* sectie reviews */
.review-column .wpb_content_element {
    margin-bottom: 10px !important;
}
.sectie-reviews .col.span_12.color-dark.left {
    max-width: 95% !important;
    margin: 0px auto;
}
.sectie-reviews .review-column {
    border-radius: 10px;
    padding: 2% 3% !important;
    width: 24%;
    border: solid 1px #ebebeb;
    margin-right: 13px;
	background: #fff;
}
.review-column img {
    width:115px;
}
/* sectie 3 why book with us? */
span.label-blauw {
    background: #366252;
    padding: 12px;
    border-radius: 30px;
    color: #fff;
}
.route-content .imagebox .imagebox-img img {
	height: 130px;
    object-fit: cover;
    width: 130px;
    border-radius: 90px;
}
 .route-content .imagebox.style-2 {
    background: rgb(255 255 255 / 0%);
    text-align: center;
}

.imagebox .imagebox-img {
    margin: 0px -31px 0 -31px;
}
.imagebox h3 {
    font-size: 29px;
    font-weight: 600;
    line-height: 1.2;
}
/* sectie faq */
span.label-groen {
    background: #40ebc8;
    padding: 12px 24px;
    border-radius: 30px;
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: rgb(255 255 255) !important;
    border-radius: 15px !important;
    border: solid 1px #dfdfdf;
}
.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-radius: 15px 15px 0px 0px !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
    color: #111236 !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: 25px !important;
}
i.vc_tta-controls-icon.vc_tta-controls-icon-plus {
    width: 18px;
    height: 18px;
    right: 35px;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-controls-icon::before {
    border-color: #e8a63b !important;
}
.vc_tta-title-text strong {
    border: 1px solid #dedede;
    border-radius: 10px;
    padding: 8px 16px;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #366252;
    margin-right: 18px;
}
/* faq tab active */
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #111236 !important;
    font-weight: 500 !important;
    letter-spacing: normal;
    font-size: 18px !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body, .wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
    background-color: #fbfbfb !important;
    border: solid 1px #e8e8e8;
    border-bottom: 0px !important;
}
.vc_tta-panel.vc_active strong {
    border-color: #366252;
    background: #366252;
    color: #fff;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-body {
    border-bottom: solid 1px #e8e8e8 !important;
    border-radius: 0px 0px 7px 7px !important;
}
/* sectie cta */
.sectie-cta {
    padding: 5%;
    margin: 0px auto !important;
    background-position: right top;
    background-size: 25% !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
    padding-left: 10%;
}
.cta-promo-label {
	background: #d0dbd7;
    width: fit-content;
    padding: 8px 30px;
    position: absolute;
    top: -39px;
    left: -125px;
    font-size: 18px;
    transform: rotate(90deg);
    border-radius: 0px 27px 25px 0px;
}
/* Tour booking column */
.cta-promo-label-2 {
background: #e9a73b;
    width: fit-content;
    padding: 6px 42px;
    position: absolute;
    top: 14px;
    right: -40px;
    font-size: 14px;
    transform: rotate(45deg);
    border-radius: 0px;
    font-weight: 600;
}
span.onsale {
color: #B1BAC1;
    text-decoration: line-through;
    font-weight: 400;
    margin-right: 10px;
}
span.price-from {
    font-size: 14px;
    margin-right: 10px;
    color: #9ca2a7;
}
.booking-column {
    border: 1px solid #e0e2e4;
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 5%);
    border-radius: 20px;
    overflow: hidden;
}
.booking-column span.usp, .booking-column-mobile span.usp {
    margin-right: 12px;
    font-weight: 500;
    display:inline;
}
.booking-column span.groen, .booking-column-mobile span.groen {
	color: #366252;
    margin-right: 5px;
    text-align: center;
    font-size: 12px;
    background: none;
    padding: 0;
}
/* booking module gf */
.page-template-page-route .gfield_required {
    display: none !important;
}
.page-template-page-route .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 0px;
}
.page-template-page-route .gform_footer.top_label, .route-content p.gform_required_legend {
    display: none !important;
}
.gfield--type-select label.gfield_label.gform-field-label:after {
    content: "\f078";
    font-family: fontawesome;
    font-weight: 400;
    margin-left: 5px;
    font-size: 10px;
    vertical-align: text-bottom;
}
.page-template-page-route .gform_wrapper.gravity-theme .gfield {
    border: solid 1px #e2e2e2;
    border-radius: 6px;
    Padding: 4px 10px;
    background: #f9f9f9;
	margin-bottom:15px;
}
.page-template-page-route .textarea {
    border: none;
    background: none;
    height: 30px !important;
}
.page-template-page-route .gform_wrapper.gravity-theme .gfield_label {
    margin-bottom: 1px;
    font-size: 15px;
    margin-left: 8px;
    font-weight: 600;
}
.page-template-page-route .gform_wrapper.gravity-theme .gfield input, .page-template-page-route .gform_wrapper.gravity-theme .gfield select {
    font-family: Pangea, Arial, Helvetica, sans-serif;
    font-weight: 400 !important;
    text-indent: 3px;
	padding: 2px 8px;
    background: none;
    color: #000000 !important;
    border: none;
    font-size: 15px !important;
    height: 35px;
}
.page-template-page-route .gform_wrapper.gravity-theme .ginput_container_date, .page-template-page-route .ginput_container.ginput_container_select, .gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .ginput_container_textarea .textarea.small {
    margin-top: -9px !important;
}   {
    margin-top: -9px !important;
}
/* route veld input disable pointer */
input#input_9_29, input#input_11_29 {
    pointer-events: none !important;
    cursor: not-allowed !important;
}
/* route veld input */
div#field_9_29, div#field_11_29 {
    border: solid 2px #b67e1f !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);
    position: relative;
    overflow: hidden;
}
div#field_9_29:before, div#field_11_29:before {
    content: '';
    width: 55px;
    height: 33px;
    background: #b67e1f;
    border-width: 0 35px 35px 0;
    position: absolute;
    z-index: 1;
    transform: rotate(45deg);
    right: -20px;
    top: -10px;
}
div#field_9_29:after, div#field_11_29:after {
    position: absolute;
    color: #fff;
    top: 1px;
    right: 4px;
    font-size: 12px;
    z-index: 9;
    content: "\f00c";
    font-family: 'FontAwesome';
}
/* pickup & drop-off location velden */
div#field_9_41, div#field_11_33 {
    border-radius: 0px 0px 6px 6px !important;
}
/* datum veld */
input#input_12_1, input#input_14_1  {
    background-image: url(/wp-content/uploads/2023/02/calendar.png);
    background-position: 10px 51%;
    text-indent: 27px;
    background-repeat: no-repeat;
    background-size: auto 40%;
}
/* daypart veld */
select#input_12_3, select#input_14_3{
    background-image: url(/wp-content/uploads/2023/02/clock.png);
    background-position: 10px 51%;
    text-indent: 27px;
    background-repeat: no-repeat;
    background-size: auto 35%;
}
/* personen veld */
select#input_12_15, select#input_14_15 {
	background-image: url(/wp-content/uploads/2023/02/people.png);
    background-position: 9px 59%;
    text-indent: 25px;
    background-repeat: no-repeat;
    background-size: auto 49%;
}
/* auto complete velden */
div#field_11_32, div#field_9_40, div#field_10_61 .ginput_container {
    position: relative;
}
input#input_11_32, input#input_9_40, input#input_10_61 {
    padding-right: 30px;
}
span.close-icon {
    position: absolute;
    right: 17px;
    top: 30%;
}
.close-icon svg {
    width: 12px;
    height: 12px;
    fill: #2D3B4E;
    opacity: 0.4;
    cursor: pointer;
}
.close-icon svg:hover {
    opacity: 1;
}
/* submit button */
input#gform_submit_button_9, input#gform_submit_button_11, .gform_next_button {
    background: #b67e1f;
    color: #ffffff;
    border-radius: 50px !important;
    letter-spacing: 1px;
    width: 100%;
    font-weight: 600;
    padding: 20px;
    border: none !important;
}
input#gform_submit_button_11 {
    margin-top: 20px !important;
    padding: 22px !important;
}
.gform_next_button {
	margin-top: 10px;
}
.gform_previous_button.button {
    display: none;
}
.page-template-page-route .gform_wrapper.gravity-theme #field_submit, .page-template-page-route .gform_wrapper.gravity-theme .gform_footer {
    display: flex !important;
}
.page-template-page-route .gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    padding: 0px !important;
    margin: 0px !important;
}
/* cta mobiel knop footer */
.reserveer-mobiel {
 display:none;
}
/* css mobiel */
@media only screen and (max-width: 950px) {
.wpb_row .wpb_column {
    margin-bottom: 20px !important;
}
.vc_column_container>.vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}
.fontsize-xxxxxl {
    font-size: 42px !important;
    line-height: 1.2 !important;
    letter-spacing: 0px !important;
}
.route-content .hero {
	padding-top: 30px !important;
    padding-bottom: 20px !important;
}
.sectie-foto-bg {
    padding: 0px 0px !important;
    z-index: 0 !important;
    margin: 0% 0% !important;
    border-radius: 0px !important;
}
.route-content .sectie-reviews-titel {
	padding-top: 50px !important;
    padding-bottom: 5px !important;
	}
	 .route-content	.sectie-reviews {
    padding: 0px 0% !important;
    padding-top: 1px !important;
}
 .route-content .sectie-reviews .review-column {
        margin: 20px 0px !important;
        width: 100% !important;
        border-radius: 10px;
        padding: 8% 10% !important;
    }
	.route-content .sectie-cta {
        max-width: 100% !important;
        border-radius: 0px !important;
        margin-bottom: -1px !important;
    }
/* sectie boeken mobiel */
.sectie-boeken-mob {
  overflow: hidden;
}
.price-mob {
    margin: -5px 0 30px 55px !important;
    font-size: 20px !important;
}
.cta-promo-label-2 {
         padding: 7px 45px !important;
        top: -15px !important;
        left: -40px !important;
        right: inherit !important;
        font-size: 13px !important;
        transform: rotate(315deg) !important;
}
div#gform_fields_11 {
    text-align: left;
}
.page-template-page-route .gform_wrapper.gravity-theme .gfield {
    border: solid 1px #e8e8e8 !important;
    border-radius: 7px !important;
    Padding: 4px 10px !important;
    background: #fff !important;
	margin-bottom:0px !important;
}
.page-template-page-route .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 10px;
}
.page-template-page-route .gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
    grid-column: span 6 !important;
}
div#field_11_1, div#field_11_30 {
    width: 95%;
}
.gform_next_button {
    margin-top: 20px !important;
}
input#gform_submit_button_9, input#gform_submit_button_11, .gform_next_button {
    padding: 15px !important;
}
/* btn booking field */
.page-template-page-route .gform_wrapper.gravity-theme .gform_footer {
    display: flex !important;
}
/* tour overview */
.fontsize-xl {
    font-size: 24px !important;
}
/* nav img slider mob */
.flex-direction-nav a {
    opacity: 1 !important;
}
	/* floating button */
.header-scrolled.reserveer-mobiel {
        position: fixed !important;
        display: block !important;
        bottom: 0;
        z-index: 999 !important;
        width: 100%;
        margin: 0;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        background-color: #fff;
        box-shadow: rgba(15, 41, 77, .1) -5px 0 5px 0;
        border-radius: .6rem .6rem 0 0;
    }
.button span.left {
        width: 75%;
        display: inline-block;
        background: #b67e1f;
        padding: 17px 0;
        border-radius: 7px 0 0 7px;
        text-align: center;
    }
.button span.right {
        width: 25% !important;
        display: inline-block;
        background: #cc9133;
        padding: 17px 0;
        border-radius: 0 7px 7px 0;
        text-align: center;
    }
.button i.fa-solid.fa-chevron-up {
        font-size: 12px !important;
        margin-right: -10px;
        margin-left: 5px;
        opacity: .7;
        font-weight: 800 !important;
    }
}
/* step progress bar */
.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
font-size: 13px;
}
.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #ccc;
    width: 65%;
    top: 20px;
    left: -34%;
    z-index: 2;
}
.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #ccc;
    width: 65%;
    top: 20px;
    left: 67%;
    z-index: 2;
}
.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #cccccc;
    margin-bottom: 6px;
    color: #ccc;
}
.stepper-item.active .step-counter {
    background: #ffeac8;
    color: #eaa73c;
}
.stepper-item.active .step-name {
    color: #111236;
    font-weight: 600;
}
.stepper-item.completed .step-counter {
    background-color: #ffeed3;
    color: #e9a73b;
}
.stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #cccccc;
    width: 65%;
    top: 20px;
    left: 66%;
    z-index: 3;
}
.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}
/* Bootsrap modal css */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem)
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: .5
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 2rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
  padding: .5rem .5rem;
  margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5
font-weight: 600;
    font-size: 16px;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 2rem;
	background: #f5f5f5;
}
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
  margin: .25rem
}

@media (min-width:576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem)
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem)
  }

  .modal-sm {
    max-width: 300px
  }
}

@media (min-width:992px) {

  .modal-lg,
  .modal-xl {
    max-width: 800px
  }
}

@media (min-width:1200px) {
  .modal-xl {
    max-width: 1140px
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0
}

.modal-fullscreen .modal-header {
  border-radius: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

.modal-fullscreen .modal-footer {
  border-radius: 0
}

@media (max-width:575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0
  }
}

@media (max-width:767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0
  }
}

@media (max-width:991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0
  }
}

@media (max-width:1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0
  }
}
@media (max-width:1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0
  }
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}
.modal-topbar {
    background: #e9eeec;
    text-align: center;
    padding: 8px 0px;
}
.modal-topbar h4 {
    color: #356252;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 600;
}