/* font-families */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/* #### Generated By: http://www.cufonfonts.com #### */
@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Myriad-Pro-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Myriad-Pro-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Myriad-Pro-Bold.woff2') format('woff2');
}


/* .container{
	width: 90%;
	max-width: 1440px;
	margin: 0 auto;
} */
/* boardroom */
.boardroom-banner{
	background-image: url('../images/Rectangle-3.png');
	background-repeat: no-repeat;
	background-position: center;
	padding: 17em 0;
	background-size: cover;
}
.banner-text {
    position: absolute;
    top: 10em;
    left: 5em;
    width: 80%;
}
.banner-text h1 {
    color: #fff;
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.banner-text h1 span {
    font-size: 70px;
    border-bottom: 2px solid #ff671d;
	font-weight: 800;
}
.banner-text p {
    font-size: 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
}
.banner-text span.accent-color {
    border: none;
    color: #ff671d;
    font-size: 50px;
    padding-left: 3px;
}
.just-booking .how-wrk-section {
    margin-bottom: 60px;
    font-size: 25px!important;
}
.how-wrk-section .copy {
    margin-bottom: 20px;
}
.heading-section h2 {
    font-size: 40px;
    font-weight: 800;
    font-family: 'Raleway', sans-serif;
    margin: 1em 0;
    color: #281e12;
}
.just-booking h3 {
    margin-bottom: 1.5em;
	color: #281e12;
	font-family: 'Montserrat';
}
.just-booking .copy p {
    font-size: 17px;
    font-family: 'Montserrat';
	color: #281e12;
	padding-right: 1em;
}
.just-booking .app span.align-bottom {
    font-size: 17px;
    font-weight: 500;
    font-family: 'Montserrat';
	color: #281e12;
}
/* .just-booking .quote-section1 {
    background-image: url('../../imgs/Rectangle-8.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 1em;
} */
.quote-section1 .quotation, .quote-section2 .quotation {
    padding-right: 0px;
    padding-left: 4%;
    margin-top: 3%;
}
.quote-section1 .quote-copy, .quote-section2 .quote-copy {
    font-size: 27px;
    font-family: 'Montserrat';
    font-weight: 600;
    color: #281e12;
}
.quote-section1 .cite, .quote-section2 .cite {
    font-size: 16px;
    color: #281e12;
    margin-top: 2em;
	margin-bottom: 6em;
}
.just-booking .copy ul {
    font-size: 17px;
    font-family: 'Montserrat';
    line-height: 2em;
	margin: 2em 0;
}
.just-booking .copy ul li::marker {
    color: #ff671d;
    font-size: xx-large;
}
/* .reading-section {
    background-image: url('../../imgs/Rectangle-7-copy-3.png');
    background-repeat: no-repeat;
    background-position: center;
    padding: 3em 0;
    background-size: cover;
} */
.reading-section .midsection-copy {
    color: #ffffff;
    font-size: 29px;
    line-height: 45px;
    font-weight: 500;
    font-family: 'Montserrat';
}
.just-booking .app a.jb-button.text-uppercase.open-host-account,
.just-booking .app a.jb-button.text-uppercase.section4-button {
    font-size: 17px;
    font-weight: 500;
    font-family: 'Montserrat';
    color: #ff671d;
    text-decoration: none;
    padding: 4px 6px;
    border: 3px solid;
}
.just-booking .video-player {
    margin-top: 120px;
    margin-bottom: 120px;
}
.just-booking .video-player .jb-video,
.dashboard-banner .jb-video {
    width: 100%;
    height: auto;
    border: 1px #E2E2E2 solid;
	margin: 0 1em;
}
/* .just-booking .quote-section2 {
    background-image: url('../../imgs/Rectangle-10.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 1em;
} */
/* .end-section {
    background-image: url('../../imgs/Rectangle-7-copy-7.png');
    background-repeat: no-repeat;
    background-position: center;
    padding: 7em 0;
    background-size: cover;
} */
.end-section .endsection-heading {
    font-size: 35px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 500;
}
.end-section .endsection-heading {
    font-size: 30px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 500;
}
.endsection-copy.my-5 {
    color: #fff;
    font-size: 17px;
    font-family: 'Montserrat';
    padding-right: 3em;
}
.end-section a.jb-button {
    color: #fff;
    font-size: 20px;
    background-color: #ef6825;
    text-decoration: none;
    padding: 7px 22px;
}
/* boardroom */
/* .boardroom-banner{
    background-image: url('/imgs/Rectangle-3.png');
	background-repeat: no-repeat;
	background-position: center;
	padding: 17em 0;
	background-size: cover;
} */
.banner-text {
    position: absolute;
    top: 10em;
    left: 5em;
    width: 80%;
}
.banner-text h1 {
    color: #fff;
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.banner-text h1 span {
    font-size: 70px;
    border-bottom: 2px solid #ff671d;
	font-weight: 800;
}
.banner-text p {
    font-size: 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
}
.banner-text span.accent-color {
    border: none;
    color: #ff671d;
    font-size: 50px;
    padding-left: 3px;
}
.just-booking .how-wrk-section {
    margin-bottom: 60px;
    font-size: 25px!important;
}
.how-wrk-section .copy {
    margin-bottom: 20px;
}
.heading-section h2 {
    font-size: 40px;
    font-weight: 800;
    font-family: 'Raleway', sans-serif;
    margin: 1em 0;
    color: #281e12;
}
.just-booking h3 {
    margin-bottom: 1.5em;
	color: #281e12;
	font-family: 'Montserrat';
}
.just-booking .copy p {
    font-size: 17px;
    font-family: 'Montserrat';
	color: #281e12;
	padding-right: 1em;
}
.just-booking .app span.align-bottom {
    font-size: 17px;
    font-weight: 500;
    font-family: 'Montserrat';
	color: #281e12;
}
/* .just-booking .quote-section1 {
    background-image: url('../../imgs/Rectangle-8.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 1em;
} */
.quote-section1 .quotation, .quote-section2 .quotation {
    padding-right: 0px;
    padding-left: 4%;
    margin-top: 3%;
}
.quote-section1 .quote-copy, .quote-section2 .quote-copy {
    font-size: 27px;
    font-family: 'Montserrat';
    font-weight: 600;
    color: #281e12;
}
.quote-section1 .cite, .quote-section2 .cite {
    font-size: 16px;
    color: #281e12;
    margin-top: 2em;
	margin-bottom: 6em;
}
.just-booking .copy ul {
    font-size: 17px;
    font-family: 'Montserrat';
    line-height: 2em;
	margin: 2em 0;
}
.just-booking .copy ul li::marker {
    color: #ff671d;
    font-size: xx-large;
}
/* .reading-section {
    background-image: url('../../imgs/Rectangle-7-copy-3.png');
    background-repeat: no-repeat;
    background-position: center;
    padding: 3em 0;
    background-size: cover;
} */
.reading-section .midsection-copy {
    color: #ffffff;
    font-size: 29px;
    line-height: 45px;
    font-weight: 500;
    font-family: 'Montserrat';
}
.just-booking .app a.jb-button.text-uppercase.open-host-account,
.just-booking .app a.jb-button.text-uppercase.section4-button {
    font-size: 17px;
    font-weight: 500;
    font-family: 'Montserrat';
    color: #ff671d;
    text-decoration: none;
    padding: 4px 6px;
    border: 3px solid;
}
.just-booking .video-player {
    margin-top: 120px;
    margin-bottom: 120px;
}
.just-booking .video-player .jb-video,
.dashboard-banner .jb-video {
    width: 100%;
    height: auto;
    border: 1px #E2E2E2 solid;
	margin: 0 1em;
}
/* .just-booking .quote-section2 {
    background-image: url('../../imgs/Rectangle-10.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 1em;
}
.end-section {
    background-image: url('../../imgs/Rectangle-7-copy-7.png');
    background-repeat: no-repeat;
    background-position: center;
    padding: 7em 0;
    background-size: cover;
} */
.end-section .endsection-heading {
    font-size: 35px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 500;
}
.end-section .endsection-heading {
    font-size: 30px;
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 500;
}
.endsection-copy.my-5 {
    color: #fff;
    font-size: 17px;
    font-family: 'Montserrat';
    padding-right: 3em;
}
.end-section a.jb-button {
    color: #fff;
    font-size: 20px;
    background-color: #ef6825;
    text-decoration: none;
    padding: 7px 22px;
}
/* boardroom-dashboard */
/* 
.dashboard-banner #listnowhero {
    background-image: url('https://host.justboardrooms.com/Images/listnow-hero.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
} */
.dashboard-banner .home-header {
    margin: 9em 0;
}
.dashboard-banner .home-header h1 {
    color: #fff;
    font-weight: 700;
    font-size: 50px;
	font-family: 'Myriad Pro Bold';
}
.dashboard-banner .home-header .accent-color {
    color: #FF671D;
}
.dashboard-banner .white-transparent-back {
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: 10px;
	padding: 0 21px;
    width: 60%;
}
.dashboard-banner .btn-jb {
    background-color: #FF671D;
    color: #fff;
	font-weight: 700;
}
.dashboard-banner .jb-breadcrumb {
    margin-top: 40px;
    margin-bottom: 80px;
}
.dashboard-banner .ah-breadcrumb li {
    display: inline-block;
    margin-right: 5px;
    font-size: 17px;
}
.dashboard-banner .ah-breadcrumb .item a {
    color: #7C7C7C;
    font-size: 17px;
	text-decoration: none;
}
.dashboard-banner .ah-breadcrumb .item a:hover {
    text-decoration: underline;
}
.dashboard-banner h3 {
    font-size: 30px!important;
    font-weight: 400;
    color: #7C7C7C;
}
.dashboard-banner .orange-bar {
    width: 81px;
    height: 3px;
    background-color: #FF671D;
    border-radius: 5px;
    margin-bottom: 10px;
}
.dashboard-banner .coming-soon {
    position: relative;
    text-align: center;
}
.dashboard-banner .coming-soon p {
    font-size: 25px;
    color: #7C7C7C;
}
.dashboard-banner .quartet {
    font-size: 30px;
    line-height: 42px;
    color: #686058;
    text-align: center;
}

.dashboard-end-section .quotation {
    padding-right: 10px;
    margin-top: -20px;
    margin-bottom: 250px;
    float: left;
}
.dashboard-end-section .quote {
    color: #FFF;
    font-size: 30px;
    line-height: 40px;
}
.dashboard-end-section .cite {
    color: #FFF;
    font-size: 17px;
    margin-top: 20px;
}

/* the-why */

.section-why-us img.profile-image {
    width: 100%;
}
.section-why-us h2#mngmt {
    padding-left: 2rem;
}
.section-why-us span.mr-3 {
    margin-right: 1rem;
}
.section-why-us .container-fluid.grey-back {
    background-color: #e5e5e5;
}
.section-why-us .container-fluid.lightgrey-back {
    background-color: #f2f2f2;
    padding: 50px 0px;
}
.section-why-us .boardmember-name {
    color: black;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 22px;
    margin-bottom: 10px;
}
.section-why-us .profile-position {
    padding-bottom: 140px;
    font-size: 17px;
}
.section-why-us h2 {
    font-size: 60px!important;
    font-weight: 700!important;
    color: #686058;
}
.section-why-us h3{
    font-size: 30px!important;
    font-weight: 400;
    color: #7C7C7C;
}
.section-why-us p{
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 28px;
    color: #444444!important;
    font-family: "Myriad Pro"!important;
}
.section-why-us .why-midsection-copy {
    color: #444444;
    font-size: 30px;
    line-height: 40px;
}
.section-why-us .profile-name {
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #686058;
}


/* listing-about-br  */

.listing-pg-title h2.title {
    font-size: 40px;
    color: #ff671d;
    font-family: 'Raleway';
	font-weight: 800;
    text-transform: uppercase;
	margin-bottom: 2px;
	padding-left: 11px;
}
.listing-pg-title h2.title span{
	font-family: 'Montserrat';
}
.listing-pg-title p.sub-title {
    font-size: 20px;
    font-weight: 500;
	padding-left: 11px;
	margin-bottom: 11px;
}
.listing-pg-title {
    margin-top: 30px;
    border-bottom: 1px solid #ff671d;
}
.listing-midprt .jbr-tips {
    background-color: #f0f0f0;
    border-radius: 11px;
    padding: 14px;
	font-family: 'Raleway';
}
.listing-midprt .jbr-tips h4 {
    color: #281e12;
    font-size: 25px;
}
.listing-midprt .jbr-tips p {
    font-size: 13px;
    color: #696969;
    padding: 0 2em;
	font-weight: 500;
}
.listing-about-br .step-title {
    margin-top: 20px;
    margin-bottom: 0px;
    color: #ff671d;
    font-family: 'Raleway';
    font-size: 25px;
    font-weight: 700;
	padding-left: 7px;
}
.listing-about-br .form-group {
    margin-bottom: 1.5rem;
}
.listing-about-br .frm-listing-info label {
    font-weight: 600;
    font-family: 'Montserrat';
    font-size: 20px;
	margin-bottom: 0.7em;
	padding-left: 0;
}
.listing-about-br  .custom-control label{
	font-size: 18px;
	padding-left: 0.5em;
}
.form-control::placeholder{
	color: #b4b6b7;
	font-size: 17px;
	font-family: 'Raleway';
}
.listing-about-br .textarea-b-gray::placeholder{
	color: #b4b6b7;
	font-size: 14px;
	font-family: 'Raleway';
}
.form-grey-box .requiredstar:after {
    content: " *";
    color: red;
}
.listing-about-br .input-bb-orange,
.listing-about-br .select-bb-gray {
    border: none !important;
    border-radius: 9px !important;
	width: 90%;
}
.listing-about-br .select-bb-gray {
    color: #b4b6b7;
    font-size: 17px;
	font-family: 'Raleway';
}
.listing-about-br .textarea-b-gray {
    line-height: 24px;
    border: none;
    border-radius: 9px !important;
	margin-bottom: 9px;
	width: 95%;
}
.listing-about-br .about-your-br p.sub-title {
    color: #626262;
    font-weight: 500;
	margin-bottom: 1em !important;
	padding-left: 0;
}
.listing-about-br span.sub-title {
    color: #191919;
    font-size: 15px;
    font-family: 'Montserrat';
    font-weight: 600;
	padding-left: 7px;
}
.listing-about-br p.gray {
    color: #ff671d;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
	margin-bottom: 0.7em !important;
}
.listing-about-br .textarea-bb-gray {
    color: #AAAAAA;
    border: none;
    border-bottom: 1px solid #E5E5E5;
}
.listing-about-br .remove-field {
    color: #FF671D;
}
.listing-about-br .add-field,
.listing-about-br  .hosting-add-field {
	color: #ff671d;
    background: #fff;
    border-radius: 9px;
    border: 2px solid #ff671d;
    opacity: 1;
    text-transform: uppercase;
    width: 6em;
    font-size: 24px;
    font-weight: 600;
	padding: 0;
}
.save-btn {
    color: #fff;
    background-color: #ff671d;
    border-radius: 9px;
    border: 2px solid #ff671d;
    opacity: 1;
    text-transform: uppercase;
    width: 6em;
    font-size: 24px;
    font-weight: 600;
    padding: 10px 15px;
}
.required-field {
    color: #ff671d;
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    bottom: 1.4em;
    right: 11px;
}
.listing-about-br .building-info .content-form .btn-primary {
    background: #A5A09B 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    border-color: #A5A09B;
    text-transform: uppercase;
}
.form-grey-box{
	background-color: #f0f0f0;
    border-radius: 11px;
    padding: 14px;
}
.listing-about-br .custom-control.custom-checkbox.custom-control-inline {
    padding-left: 2em;
}
.listing-about-br .custom-control-input {
	border: 2px solid #ff671d;
    /* background: #f0f0f0; */
    font-size: 23px;
    margin: 0;
}
.listing-about-br .custom-control-input:checked {
    background-color: #ff671d;
    border-color: #ff671d;
}
.right-listing {
    padding-left: 5em;
    z-index: 0;
}
.right-listing .progressbar {
    position: absolute;
    left: 0;
    overflow: hidden;
    padding-left: 2.45rem;
}
.right-listing .progressbar li {
    list-style-type: none;
    font-size: 8px;
    font-weight: 400;
    margin-bottom: 37px;
    width: 300px;
    cursor: pointer;
}
.right-listing .progressbar li.active:before {
    background: #ff671d;
    font-family: FontAwesome;
    cursor: pointer;
}
.right-listing .progressbar .step0:before {
    content: "";
    color: #fff;
}
.right-listing .progressbar li:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 20px;
    background: #fff;
    border: 2px dashed #ff671d;
    border-radius: 50%;
    margin: 0;
}
.right-listing .progressbar li:after {
    content: "";
    width: 1px;
    height: 73px;
    background: #000;
    position: absolute;
    left: 54px;
    top: 11px;
    z-index: -1;
}
.right-listing h6.mb-5.side-graph-step {
    font-size: 17px;
    font-family: 'Raleway';
    font-weight: 700;
}
.right-listing .progressbar li:first-child:after {
    position: absolute;
    top: -81px;
}
.right-listing .progressbar li:nth-child(2):after {
    top: 0px;
}
.right-listing .progressbar li:nth-child(3):after {
    top: 81px;
}
.right-listing .progressbar li:nth-child(4):after {
    top: 147px;
}
.right-listing .progressbar li:nth-child(5):after {
    top: 214px;
}
.right-listing .progressbar li:nth-child(6):after {
    top: 281px;
}

/* listing-building-info */

.listing-building-info .step-title {
    margin-top: 1em;
    margin-bottom: 0px;
    color: #ff671d;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Raleway';
    font-size: 25px;
}
.listing-building-info .form-group {
    width: 77%;
    margin-bottom: 1.5rem;
}
.listing-building-info .frm-listing-address label {
    font-weight: 600;
    font-family: 'Montserrat';
    font-size: 20px;
    margin-bottom: 0.9em;
    padding-left: 0;
    line-height: 24px;
}
.listing-building-info .frm-listing-address span.ifaplicable {
    font-size: 20px;
}
.listing-building-info .input-bb-orange,
.listing-building-info .input-bb-gray {
    border: none;
    border-radius: 9px;
	margin-bottom: 1em;
}
.listing-building-info .input-bb-gray {
    margin-bottom: 2em !important;
}
.listing-building-info .frm-listing-address .listaddress-btn-notactive {
    background: #A5A09B 0% 0% no-repeat padding-box;
    border-color: #A5A09B ;
}
.listing-building-info .frm-listing-address .listaddress-btn-active{
	background-color: #ff671d;
    border: 2px solid #ff671d;
}
.listing-building-info  [type=button]:not(:disabled),
.listing-building-info [type=reset]:not(:disabled),
.listing-building-info [type=submit]:not(:disabled),
.listing-building-info button:not(:disabled) {
    cursor: pointer;
}

/* listing-photos */

.listing-photos .step-title {
    margin-top: 30px;
    margin-bottom: 0px;
    color: #ff671d;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    font-family: 'Raleway';
}
.listing-photos .photos-desc {
	font-weight: 600;
    font-family: 'Montserrat';
    font-size: 20px;
}
.listing-photos .photos-sub-desc {
    font-weight: 600;
    font-size: 17px;
    font-family: 'Raleway';
}
.listing-photos .dropzone {
    min-height: 150px;
    background: white;
    padding: 20px 20px;
    border-radius: 9px;
    margin: 0 18px
}
.listing-photos .dropzone.dz-clickable,
.listing-photos .dropzone.dz-clickable .dz-message,
.listing-photos  .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
}
.listing-photos .dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}
.listing-photos .dropzone.dz-clickable * {
    cursor: default;
}
.listing-photos .photos-drag-desc {
   color: #b4b6b7;
    font-size: 26px;
    font-weight: 600;
    font-family: 'Raleway'
}
.listing-photos .photos-select-image {
    background-color: #ff671d;
    border: 2px solid #ff671d;
    border-radius: 9px;
    color: #fff;
    padding: 0 34px;
    font-size: 22px;
    font-weight: 600;
}

/* listing-price-availability */

.listing-price-availability table {
	margin-left: 2em;
    border-collapse: collapse;
    border-radius: 9px;
    overflow: hidden;
	background: #fff;
}
.listing-price-availability table tr:first-child {
    border-bottom: 1px solid #ffc2a5;
	background: #fff;
}
.listing-price-availability table tr:last-child > td {
    border-bottom: none;
}
.listing-price-availability table tr > td:first-child {
    border-right: 1px solid #ff702a;
}
.listing-price-availability table tr > td {
    padding-bottom: 2px;
    font-size: 15px;
    font-family: 'Montserrat';
    font-weight: 500;
	color: #696969;
}
.listing-price-availability .step-title {
    margin-top: 17px;
    margin-bottom: 0px;
    color: #ff671d;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Raleway';
    font-size: 25px;
}
.price-availability .question-wrapper {
    width: 100%;
    margin-top: 29px;
}
.price-availability .hourly-wrapper,
.price-availability .booking-wrapper {
    display: flex;
}
.price-availability .bold-text {
	font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 600;
}
.price-availability .select-bb-gray {
    font-size: 14px;
    width: auto;
    padding: 3px 62px 3px 18px;
}
.price-availability .question-wrapper .txt-switch-wrapper {
    display: flex;
    height: 44px;
	align-items: center;
}
.price-availability .booking-duration.select-bb-gray {
    padding: 6px 12px 6px 6px;
}

/*
 .price-availability .switch-input {
     display: none;
 }
 .price-availability .question-wrapper .txt-switch-wrapper .switch-wrapper {
     position: relative;
     border: 2px solid #FF671D;
     height: 44px;
     border-radius: 5px;
 }
 .price-availability .question-wrapper .txt-switch-wrapper .switch-wrapper .switch-label {
     height: 40px;
     margin-bottom: 0px !important;
     background-color: transparent;
     color: #000;
     font-size: 20px;
     padding-top: 5px;
     width: 59px;
 }
 .price-availability .switch-label-off {
     padding-left: 2px;
 }
 .price-availability .switch-label {
     position: relative;
     z-index: 2;
     float: left;
     width: 58px;
     line-height: 26px;
     font-size: 11px;
     color: rgba(255, 255, 255, 0.35);
     text-align: center;
     text-shadow: 0 1px 1px rgb(0 0 0  45%);
     cursor: pointer;
 }
 .price-availability .question-wrapper .txt-switch-wrapper .switch-wrapper .switch-input:checked + .switch-label {
     background-color: #FF671D;
	 color: #fff;
 }

 .price-availability .switch-input:checked + .switch-label {
     font-weight: bold;
     color: rgba(0, 0, 0, 0.65);
     text-shadow: 0 1px rgb(255 255 255  25%);
     transition: 0.15s ease-out;
     transition-property: color, text-shadow;
 }
 .price-availability .switch-label-on {
     padding-right: 2px;
 }
 .price-availability .switch-input:checked + .switch-label-on ~ .switch-selection {
     left: 60px;
 }
 .price-availability .switch-selection {
     position: absolute;
     z-index: 1;
     top: 2px;
     left: 2px;
     display: block;
     width: 58px;
     height: 36px;
     border-radius: 3px;
     background-color: #FFAF93;
     background: linear-gradient(top, #f16e16, #FFAF93);
     box-shadow: inset 0 1px rgb(255 255 255  50%), 0 0 2px rgb(0 0 0  20%);
     transition: left 0.15s ease-out;
 }
 */

.price-availability .switch-label {
    border: 2px solid #ff671d;
    padding: 4px;
    border-radius: 4px;
    font-size: 20px;
    font-family: 'Montserrat';
    width: 3.3em;
    text-align: center;
    font-weight: 600;
	margin-right: 1.5em;
}
.price-availability .switch-label-on {
    background-color: #ff671d;
    color: #fff;
}
.price-availability .discount-input, .price-availability  .sales-tax-input  {
    color: #484848;
    font-size: 18px;
}
.price-availability .discount-input .input-bb-gray,
.price-availability .daily-discount-input .input-bb-gray,
.price-availability .sales-tax-input .input-bb-gray {
    margin-bottom: 0;
	width: 70px;
}
.price-availability .addTaxId {
    color: #fff;
    background: #FF671D 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-transform: uppercase;
    border: none;
    padding: 7px;
    width: 10rem;
    font-size: smaller;
    font-weight: 700;
    margin-left: 20px;
}
.price-availability .day-wrapper-text {
    color: #191919;
    font-size: 17px;
    font-family: 'Montserrat';
    font-weight: 500;
    margin: 1em 0;
}
.price-availability .days-wrapper {
    width: 100%;
}
.price-availability .days-wrapper .day-unique {
    width: 100%;
    display: flex;
}
.price-availability .days-wrapper .day-unique .dayname {
    text-transform: uppercase;
    width: 22%;
    color: #1e1919;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-family: 'Raleway';
}
.price-availability .avail-checkbox-wrapper {
    display: flex;
    align-items: center;
    width: 20%;
}
.price-availability .availcheckbox {
    border: 2px solid #ff671d;
    /* background: #f0f0f0; */
    font-size: 19px;
    margin: 0;
    position: relative;
}
.price-availability .availcheckbox:checked {
    background-color: #ff671d;
    border-color: #ff671d;
}
.price-availability .days-wrapper .day-unique .avail-checkbox-wrapper label {
    margin-bottom: 0px !important;
    margin-left: 9px;
    font-size: 16px;
    font-weight: 600;
    color: #1e1919;
}
.price-availability .days-wrapper .day-unique .from-to-wrapper {
    width: 70%;
    clear: both;
    overflow: auto;
    display: flex;
}
.price-availability .days-wrapper .day-unique .from-to-wrapper .showboardroomday {
    display: flex;
    align-items: center;
    font-size: small;
    font-weight: 600;
    color: darkgray;
}
.price-availability .days-wrapper .day-unique .from-to-wrapper .available-from-to {
    clear: both;
    overflow: auto;
}
.price-availability .days-wrapper .day-unique .from-to-wrapper .available-from-to .day-from,
.price-availability .days-wrapper .day-unique .from-to-wrapper .available-from-to .day-to {
    height: 28px !important;
    width: 135px;
    margin-bottom: 0px !important;
    margin-right: 5px;
    border: 0;
    border-bottom: 1px solid #EBEBEB;
    text-align: center;
    color: #484848;
    font-size: 15px;
    font-family: 'Montserrat';
    font-weight: 600;
    border-radius: 9px;
}
.price-availability .days-wrapper .day-unique .from-to-wrapper .available-from-to .day-from:focus-visible,
.price-availability .days-wrapper .day-unique .from-to-wrapper .available-from-to .day-to:focus-visible {
    border: 2px solid #ff671d !important;
}
.price-availability #addTime {
	color: #FF671D;
    cursor: pointer;
}
.price-availability .removeTime {
	align-self: flex-end;
    margin-left: 10px;
    color: #FF671D;
    cursor: pointer;
}
.price-availability .days-wrapper .day-unique .from-to-wrapper .hideboardroomday {
    display: none;
}
.price-availability .from-to-wrapper .ssunavailable {
    width: 61%;
    height: 28px;
    text-align: center;
    border-radius: 9px;
    border: none;
}
.price-availability .from-to-wrapper .ssunavailable::placeholder {
    color: #9f9f9f;
    font-family: 'Montserrat';
    font-weight: 500;
}
.price-availability .input-group.plus-minus {
    width: 20%;
}
.price-availability .input-group-prepend.addTime {
    margin-right: 1.3em;
}
.price-availability .plus-minus .btn {
    background: transparent;
    color: #ff671d !important;
    border: 2px solid #ff671d;
    padding: 0 4px;
    font-size: 13px;
    border-radius: 6px !important;
}


/* listing-hosting-preference */

.listing-hosting-preference .step-title {
    margin-top: 17px;
    margin-bottom: 0px;
    color: #ff671d;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Raleway';
    font-size: 25px;
}
.listing-hosting-preference .step-sub-text {
	font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 600;
}
.listing-hosting-preference .step-sub-text.bold-text {
    width: 53%;
}
.hosting-preference .hours-select-wrapper{
	width: 45%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.hosting-preference .hours-duration.select-bb-gray {
    padding: 4px 11px 4px 6px;
	width: calc( 94% - 40px);
}
.hosting-preference .smallp {
    font-size: 15px;
    color: #484848;
    font-family: 'Raleway';
	margin-bottom: 1em;
}
.hosting-preference .sub-title.smallp {
    font-family: 'Montserrat';
}
.hosting-preference .add-field, .hosting-add-field {
    color: #fff;
    background: #ff671d;
    border-radius: 5px;
    opacity: 1;
    border: none;
    padding: 3px;
    width: 66px;
    font-size: 21px;
    font-weight: 500;
	margin-bottom: 0.7em;
}
.hosting-preference .textarea-b-gray.form-control.py-2.px-3 {
    height: 11rem;
}

/* listing-approval-setting */

.listing-approval-setting .step-title {
    margin-top: 24px;
    margin-bottom: 0px;
    color: #ff671d;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Raleway';
    font-size: 25px;
}
.approval-setting .step-sub-text.bold-text {
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 600;
}
.approval-setting .chkbox-wrapper .bx {
    display: flex;
    width: 30%;
}
.approval-setting .chkbox-wrapper {
    font-family: 'Montserrat';
    font-size: 18px;
    /* font-weight: 600; */
}
.approval-setting .chkbox-wrapper .bx label{
	font-size: 20px;
}
.approval-setting .chkbox-wrapper .bx input{
	border: 2px solid #ff671d;
    background: #f0f0f0;
    font-size: 16px;
    margin-right: 1.5em;
    border-radius: 3px;
}
.approval-setting .chkbox-wrapper .bx input:checked {
    background-color: #ff671d;
    border-color: #ff671d;
	outline: 2px solid #ff671d;
    outline-offset: 2px;
}
.approval-setting .listing-instruction a {
    color: #010101;
    font-family: 'Raleway';
    font-size: 14px;
	font-weight: 300;
}
.approval-setting .save-btn.submit {
    width: 55%;
    font-size: 27px;
    font-family: 'Raleway';
    margin-left: 0;
    margin-top: 7px;
}


/* new popopopopop *//* new popopopopop *//* new popopopopop *//* new popopopopop */

.loginpg ,
.registerpage{
    background-image: url('../images/popup-back.png');
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.loginpgform input,
.jb-registerform input {
    color: #000;
    padding: 25px 15px;
}
.loginpgform input::placeholder,
.jb-registerform input::placeholder {
    color: #000;
    padding: 25px 15px;
}
.loginpg .card {
    border: 1px solid #505050;
}
.jb-registerform .card-body ,
.loginpg .card-body {
    padding: 2em 5em 0.5em;
    background-image: linear-gradient( rgba(95, 96, 88, 0.85), rgba(82, 78, 74, 0.9) );
}
.register-title,
.loginpg h4.login-title {
    font-size: 2.5rem;
    color: #fff;
	font-weight: 700;
}
.loginpg p.modal-sub-title {
    font-size: 0.9rem;
    color: #fff;
    margin-top: 2em;
}
.loginpg .loginbtnjb  {
    background-color: #FF671D;
    color: #fff;
}
.registerpage .registerbtnjb  {
    background-color: #FF671D;
    color: #fff;
}
.loginpg .frgtnpswd{
	text-align: left;
}
.loginpg .frgtnpswd a{
	text-decoration: none;
}
.registerpage .login-footer,
.loginpg .login-footer {
    padding: 0.75em;
    border-top: 1px solid #dee2e6;
}
.loginpg .login-footer .row {
    align-items: center;
	justify-content: center;
}
.loginpg .login-footer .btn-sign-up {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}
.loginpg input:focus, .loginpg select:focus {
    box-shadow: none !important;
    border: 1px solid #FF671D !important;
    outline-width: 0 !important;
}

/* userprofile ********************************************************/
/* .bg-content-grey {
    background-color: #E5E5E5;
} */
.mt-90 {
    margin-top: 90px;
}
.mh-690 {
    min-height: 100%;
    /* min-height: 690px; */
}
.user-profile-wrapper {
    min-height: 690px;
    clear: both;
    overflow: auto;
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-left: 20px;
	display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
.user-profile-wrapper .account-main {
    width: 40%;
}
.user-profile-wrapper .profile-payment-settings-main {
    width: 40%;
    background-color: white;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 25px;
}
.user-profile-wrapper .account-main .account-header {
    max-width: 336px;
    /* color: #686058; */
    color: #000000;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin: auto;
}
.user-profile-wrapper .account-main .profile-pic {
    margin: 12px auto 20px auto;
    width: 140px;
    height: 140px;
    background-color: #FF7F40;
    border-radius: 50%;
    text-align: center;
    border: 3px solid #FFAF93;
}
.user-profile-wrapper .account-main .profile-pic .profile-username {
    font-size: 85px;
    color: #FFFFFF;
    width: 135px;
    height: 135px;
    font-weight: 500;
}
.user-profile-wrapper .account-main .up-add-update-photo {
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    margin: auto;
    width: 100px;
}
.profilepg label {
    font-weight: 600;
    color: #444444;
}
.profilepg  input, .profilepg  select {
    padding: 11px;
    border-radius: 0px;
    box-sizing: border-box;
    color: #000;
    border: 1px solid #BDBDBD;
    font-size: 16px;
    letter-spacing: 1px;
    height: 50px !important;
}
.profilepg .alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.profilepg .alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.profilepg .alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.user-profile-wrapper .account-main .email-pass-wrapper .account-textbox .email-text, .user-profile-wrapper .account-main .email-pass-wrapper .account-textbox .pwd-text {
    font-size: 15px;
}
.user-profile-wrapper .account-main .email-pass-wrapper .account-textbox .input-changelink-wrapper {
    display: flex;
}
.user-profile-wrapper .account-main .email-pass-wrapper .account-textbox .input-changelink-wrapper input {
    width: 275px;
    height: 40px !important;
    border-right: none;
    background-color: white !important;
}
.user-profile-wrapper .account-main .email-pass-wrapper .account-textbox .input-changelink-wrapper .change-link {
    color: #AAAAAA;
    opacity: 1;
    cursor: pointer;
    border: 1px solid #BDBDBD;
    background-color: white;
    border-left: none;
    padding-right: 5px;
	line-height: 38px;
}
.user-profile-wrapper .account-main .email-pass-wrapper .edit-settings-link, .user-profile-wrapper .account-main .email-pass-wrapper .edit-account-info-link {
    color: #444444;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
}
.user-profile-wrapper .profile-payment-settings-main .tab {
    clear: both;
    overflow: auto;
}
.user-profile-wrapper .profile-payment-settings-main .tab .tablinks {
    cursor: pointer;
    font-size: 25px;
    color: #E5E5E5;
}
.user-profile-wrapper .profile-payment-settings-main .tab .profile-tab {
    width: 100px;
    float: left;
    text-align: left;
    /*text-indent: 23px;*/
}
.user-profile-wrapper .profile-payment-settings-main .tab .active span {
    border-bottom: 2px solid #686058;
    color: #686058 !important;
}
.user-profile-wrapper .profile-payment-settings-main .tab .payment-tab {
    width: 225px;
    float: left;
    /*text-align: center;*/
}
.user-profile-wrapper .profile-payment-settings-main .profile-main .profile-textbox {
    padding-top: 20px;
}
.user-profile-wrapper .profile-payment-settings-main .profile-main .profile-textbox .profilelabel {
    font-size: 14px;
    color: #686058;
	padding-bottom: 3px;
}
.company.profile-textbox input, .user-profile-wrapper .profile-payment-settings-main .profile-main .profile-textbox input {
    height: 40px !important;
    width: 90%;
}
.profilepg .title, .profilepg .sub-title {
    color: #686058;
}
.user-profile-wrapper .profile-payment-settings-main .payment-main .mailing-lbl {
    color: #686058;
    font-size: 20px;
}
.user-profile-wrapper .profile-payment-settings-main .payment-main .address-chk {
    display: flex;
}
.user-profile-wrapper .profile-payment-settings-main .payment-main .address-chk label {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 9px;
    font-size: 17px;
    color: #444444;
}
.user-profile-wrapper .profile-payment-settings-main .payment-main .payment-textbox .paymentlabel {
    font-size: 14px;
    color: #686058;
	padding-bottom: 3px;
}
.user-profile-wrapper .profile-payment-settings-main .payment-main .payment-textbox input {
    height: 40px !important;
    width: 90%;
}
.payment-province.paymentlabel, .country.paymentlabel {
    font-size: 14px;
    color: #686058;
    padding-top: 20px;
}
.profilepg select.profile {
    margin-bottom: 0px;
    height: 44px !important;
    width: 90%;
}
.profilepg .requiredstar:after {
    content: " *";
    color: red;
}
.user-profile-wrapper .profile-payment-settings-main .setting-checkbox label {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 9px;
    font-size: 17px;
    color: #444444;
}
.user-profile-wrapper .profile-payment-settings-main .required-text {
    letter-spacing: 0px;
    color: #FF671D;
    font-size: 12px;
    margin-bottom: 15px;
    width: 100%;
    padding-top: 20px;
}
.user-profile-wrapper .profile-payment-settings-main .btn-primary {
    /* background-color: #A5A09B; */
    /* border-color: #A5A09B; */
    background-color: #FF671D;
    border-color: #FF671D;
}

.user-profile-wrapper .profile-payment-settings-main .payment-main .payment-textbox {
    padding-top: 20px;
}
.profilepg {
    font-family: 'Roboto';
}
.profilepg .email-pass-wrapper {
    width: 73%;
    margin: auto;
	margin-top: 2em;
}



/******************** calender ***********************/
.calendar-wrapper {
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
}
.mt-110 {
    margin-top: 110px;
}
.calendar-wrapper .boardroom-cal-tab-wrapper {
    width: 70%;
}
.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-name-tab {
    display: -webkit-box;
    padding-bottom: 20px;
	padding-top: 20px;
    overflow-x: auto;
}
.calendar-wrapper input[type="text"] {
    max-height: 31px;
    width: 80%;
    padding: 2px;
    border-radius: 0px;
    box-sizing: border-box;
    color: #000;
    border: 1px solid #BDBDBD;
    font: 18px 'Myriad Pro Regular';
}

.calendar-wrapper select {
    max-height: 31px;
    padding: 2px;
    border-radius: 0px;
    letter-spacing: 1px;
}


.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-name-tab .active {
    background: #FF671D 0% 0% no-repeat padding-box !important;
}
.btn-view-all.active {
    background: #FF671D 0% 0% no-repeat padding-box;
}
.btn-view-all {
    background: #FFAF93 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    padding: 0px 10px 0px 10px;
    color: white;
    cursor: pointer;
    margin-right: 10px;
    text-transform: capitalize;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-name-tab .list-item {
    background: #FFAF93 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    padding: 0px 10px 0px 10px;
    color: white;
    cursor: pointer;
    margin-right: 10px;
    text-transform: capitalize;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-calender {
    padding-top: 20px;
}
.fc-day-grid-container {
    height: 585px !important;
}
.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-calender .cal-bot-markup {
    display: flex;
    margin-top: 20px;
	margin-bottom: 11px;
}
.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-calender .cal-bot-markup .markup-unique {
    display: flex;
    margin-right: 25px;
}
.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-calender .cal-bot-markup .markup-available .markup-color {
    background-color: #fff;
}
.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-calender .cal-bot-markup .markup-unique .markup-color {
    height: 15px;
    width: 15px;
    margin: auto;
    margin-right: 10px;
    border: 1px solid #E5E5E5;
}


.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-calender .cal-bot-markup .markup-unique .markup-text {
    color: #444444;
    font-size: 12px;
}
.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-calender .cal-bot-markup .markup-request .markup-color {
    background-color: #FF0000;
}
.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-calender .cal-bot-markup .markup-external .markup-color {
    background-color: #FF671D;
}
.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-calender .cal-bot-markup .markup-internal .markup-color {
    background-color: #686058;
}
.calendar-wrapper .boardroom-cal-tab-wrapper .boardroom-calender .cal-bot-markup .markup-cancel .markup-color {
    background-color: #343434;
}

.calendar-wrapper .boardroom-cal-detail-wrapper {
    width: 30%;
    padding-left: 60px;
}

.calendar-wrapper .boardroom-cal-detail-wrapper .br-today-data-wrapper .reserve-br-text {
    text-align: left;
    font: Bold 25px Myriad Pro Regular;
    letter-spacing: 0px;
    color: #686058;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1.5px solid #E5E5E5;
}


.calendar-wrapper .boardroom-cal-detail-wrapper .br-today-data-wrapper .bd-name {
    color: #AAAAAA;
    font-size: 12px;
    text-transform: capitalize;
}

.calendar-wrapper .boardroom-cal-detail-wrapper .br-today-data-wrapper .bd-curr-date{
	text-align: left;
    font: Bold 36px/44px Myriad Pro;
    letter-spacing: 0px;
    color: #686058;
    margin-bottom: 10px;
}

.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br .reserve-br-text {
    text-align: left;
    font: Bold 26px/32px Myriad Pro;
    letter-spacing: 0px;
    color: #686058;
    opacity: 1;
}
.mb-20 {
    margin-bottom: 20px;
}
.mt-10 {
    margin-top: 10px;
}
.pt-15 {
    padding-top: 15px;
}
.mt-20 {
    margin-top: 20px;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br .date-wrapper .date-text {
    text-align: left;
    font: 15px/20px Myriad Pro;
    font-family: "Myriad pro Regular";
    letter-spacing: 0px;
    color: #7C7C7C;
    text-transform: uppercase;
    opacity: 1;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br .date-wrapper .date-time-wrapper {
    display: flex;
    max-height: 31px;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br .date-wrapper .date-time-wrapper input {
    max-height: 31px;
    max-width: 135px;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br .date-wrapper .date-time-wrapper select {
    max-height: 31px;
    margin-bottom: 0px !important;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper {
    border-top: 1px solid #E5E5E5;
    margin-top: 25px;
    padding-top: 20px;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper .cal-sync-wrapper-text {
    font: Bold 26px/28px Myriad Pro;
    letter-spacing: 0px;
    color: #686058;
    opacity: 1;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper .cal-sync-wrapper-desc {
    font: 17px/24px Myriad Pro;
    font-family: "Myriad pro Regular";
    letter-spacing: 0px;
    color: #444444;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 20px;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper .switch-wrapper {
    position: relative;
    height: 44px;
    border-radius: 5px;
}
.switch-input {
    display: none;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper .switch-wrapper .switch-label {
    height: 40px;
    margin-bottom: 0px !important;
    background-color: #FFAF93;
    color: white;
    font-size: 15px;
    padding-top: 5px;
    width: 59px;
}
.switch-label-off {
    padding-left: 2px;
}
.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 58px;
    line-height: 26px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.35);
    text-align: center;
    text-shadow: 0 1px 1px rgb(0 0 0 / 45%);
    cursor: pointer;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br .repeat-weekly-wrapper .repeat-weekly {
    padding-left: 0px;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br .repeat-weekly-wrapper .repeat-weekly input {
    margin-right: 10px;
    max-height: 24px;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br .repeat-weekly-wrapper .repeat-weekly label {
    max-height: 24px;
}
.calendar-wrapper label {
    font-weight: 600;
    color: #444444;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br .repeat-weekly-wrapper .repeat-weekly-week-wrapper {
    display: flex;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br .repeat-weekly-wrapper .repeat-weekly-week-wrapper .repeat-weekly-week {
    width: 14.28%;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br .repeat-weekly-wrapper .repeat-weekly-week-wrapper .repeat-weekly-week input {
    height: 14px !important;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br .repeat-weekly-wrapper .repeat-untill {
    font: 15px/20px Myriad Pro;
    font-family: "Myriad pro Semibold";
    letter-spacing: 0px;
    color: #7C7C7C;
    text-transform: uppercase;
    opacity: 1;
}

.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper {
    border-top: 1px solid #E5E5E5;
    margin-top: 25px;
    padding-top: 20px;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper .cal-sync-wrapper-text {
    font: Bold 26px/28px Myriad Pro;
    letter-spacing: 0px;
    color: #686058;
    opacity: 1;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper .cal-sync-wrapper-desc {
    font: 17px/24px Myriad Pro;
    font-family: "Myriad pro Regular";
    letter-spacing: 0px;
    color: #444444;
    opacity: 1;
    margin-top: 10px;
    margin-bottom: 20px;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper .switch-wrapper {
    position: relative;
    height: 44px;
    border-radius: 5px;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .reserve-br #btn-reserve-br {
    margin-top: 15px;
    border: 2px solid #FF671D;
    border-radius: 5px;
    opacity: 1;
    background-color: white;
    color: #FF671D;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper .switch-wrapper .switch-label {
    height: 40px;
    margin-bottom: 0px !important;
    background-color: #FFAF93;
    color: white;
    font-size: 15px;
    padding-top: 5px;
    width: 59px;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper .switch-wrapper .switch-input:checked + .switch-label {
    background-color: #FF671D;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper .switch-wrapper .switch-label {
    height: 40px;
    margin-bottom: 0px !important;
    background-color: #FFAF93;
    color: white;
    font-size: 15px;
    padding-top: 5px;
    width: 59px;
}
.switch-input:checked + .switch-label {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.65);
    text-shadow: 0 1px rgb(255 255 255 / 25%);
    transition: 0.15s ease-out;
    transition-property: color, text-shadow;
}
.switch-label-on {
    padding-right: 2px;
}
.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 58px;
    line-height: 26px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.35);
    text-align: center;
    text-shadow: 0 1px 1px rgb(0 0 0 / 45%);
    cursor: pointer;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
    left: 60px;
}
.switch-selection {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    display: block;
    width: 58px;
    height: 22px;
    border-radius: 3px;
    background-color: #FFAF93;
    background-image: linear-gradient(top, #f16e16, #FFAF93);
    box-shadow: inset 0 1px rgb(255 255 255 / 50%), 0 0 2px rgb(0 0 0 / 20%);
    transition: left 0.15s ease-out;
}
.calendar-wrapper .boardroom-cal-detail-wrapper .cal-sync-wrapper a.btn.syncGCalendar {
    border: 2px solid #FF671D !important;
    border-radius: 5px !important;
    opacity: 1 !important;
    background-color: white !important;
    color: #FF671D !important;
    padding: 5px 10px 5px 41px;
}

.calendar-wrapper h3 {
    font-size: 30px!important;
    font-weight: 400;
    color: #7C7C7C;
}
.calendar-wrapper .example-1 {
    position: relative;
    /* overflow-y: scroll; */
    /* height: 200px; */
}
.calendar-wrapper .term-footer {
    text-align: center;
    flex: auto;
}
.calendar-wrapper .btn-secondary {
    background-color: #ff6a00;
    border-color: #ff6a00;
}
.calendar-wrapper .reservation-modal {
    border-radius: 8px;
}
.calendar-wrapper h3.reservation-details {
    font-family: "Myriad Pro Bold";
    color: #686058;
    font-size: 30px;
    padding-top: 44px;
}
.rdetails {
    padding-top: 16px;
    padding-bottom: 62px;
}
.rdetails .label-container {
    text-align: right;
    padding-bottom: 5px;
}
.rdetails .label {
    font-family: "Myriad Pro Bold";
    color: #686058;
    font-size: 17px;
}
.rdetails .details {
    font-family: "Myriad Pro Regular";
    color: #686058;
    font-size: 17px;
    padding-left: 15px;
}
.msg-size {
    width: 200px;
}
.btn-msg-guest, .btn-req-approve, .btn-req-decline {
    text-align: center;
    padding-top: 40px;
}
.message-guest {
    font-family: "Myriad Pro Regular";
    /* color: #FF671D; */
    font-weight: 500;
    width: auto !important;
}
.request-decline {
    cursor: pointer;
}
.request-decline {
    font-family: "Myriad Pro Regular";
    width: auto !important;
    font-weight: 500;
}
.add-field, .hosting-add-field {
    color: #fff;
    background: #FF671D 0% 0% no-repeat padding-box;
    border-radius: 3px;
    opacity: 1;
    text-transform: uppercase;
    border: none;
    padding: 7px;
    width: 70px;
    font-size: smaller;
    font-weight: 700;
}

/* width/height */
.boardroom-name-tab::-webkit-scrollbar {
  height: 11px;
}
/* Track */
.boardroom-name-tab::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px grey;  */
  border-radius: 11px;
  background: #e5e5e5;
}
/* Handle */
.boardroom-name-tab::-webkit-scrollbar-thumb {
  background: #FF671D;
  border-radius: 11px;
}
/* Handle on hover */
/*.boardroom-name-tab::-webkit-scrollbar-thumb:hover { */
  /* background: #b30000;  */
/* } */


.fc-row.fc-widget-header {
    margin-right: 3px !important;
}
.fc-row.fc-week.fc-widget-content {
    margin-right: 3px !important;
}

.fc-scroller::-webkit-scrollbar {
  width: 4px;
}
.fc-scroller::-webkit-scrollbar-track {
  border-radius: 11px;
  background: #e5e5e5;
}
.fc-scroller::-webkit-scrollbar-thumb {
  background: #FF671D;
  border-radius: 11px;
}

.fc-time-grid .fc-slats td {
    height: 1.5em !important;
    border-bottom: 0;
}







/* new popopopopop */

/* login_popup */  /* register_popup */

#login .modal-dialog .modal-content, #register .modal-dialog .modal-content {
    background: linear-gradient( rgba(104, 96, 88, 0.85), rgba(82, 78, 74, 0.9) ), url(/images/popup-back.png);
}
#login .modal-dialog .modal-content .modal-body, #register .modal-dialog .modal-content .modal-body {
    padding: 2em 5em 3em 5em;
}
#login .modal-dialog .modal-content .modal-body .modal-title,
#register .modal-dialog .modal-content .modal-body .modal-title {
    font-size: 2rem;
    color: #fff;
}
#login .modal-dialog .modal-content .modal-body .modal-sub-title {
    font-size: 0.9rem;
    color: #fff;
}
/* .modal-content input, 
.modal-content select {
    padding: 2px;
    border-radius: 0px;
    box-sizing: border-box;
    color: #000;
    border: 1px solid #BDBDBD;
    font-size: 16px;
    letter-spacing: 1px;
    height: 50px !important;
} */
.btn-jb {
    background-color: #FF671D;
    color: #fff;
}
.modal-footer.login-forms, .modal-footer.register-forms {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    place-content: center;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}
.btn-sign-up {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}


#login .modal-dialog .modal-content, #register .modal-dialog .modal-content {
    background: linear-gradient( rgba(104, 96, 88, 0.85), rgba(82, 78, 74, 0.9) ), url(/images/popup-back.png);
}
#register input, #register select {
    padding: 2px;
    border-radius: 0px;
    box-sizing: border-box;
    color: #000;
    border: 1px solid #BDBDBD;
    font-size: 16px;
    letter-spacing: 1px;
    height: 50px !important;
}

/* header */
.navbar ul.navbar-nav li a {
    font-family: 'Montserrat';
    font-size: 16px !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    color: #fff !important;
}
.navbar ul.navbar-nav li a:hover {
    color: #ffffffbf !important;
}
.user-myacc.show a{
    color: #ffffffbf !important;
}
.navbar-nav.top-header .user-myacc.show > a {
    color: #ffffffbf !important;
}
.navbar {
    padding: 0.1rem 1rem !important;
}
.navbar-custom {
    background-color: #686058;
    height: 89px;
}
.navbar-header-wrapper .navbar-nav {
    width: 100%;
}
.navbar-header-wrapper .navbar-nav .header-link {
    width: 100%;
    height: 75px;
}
.navbar-header-wrapper .navbar-nav .header-link .top-header {
    float: right;
    clear: both;
    width: auto;
}
.navbar-header-wrapper .navbar-nav {
    width: 100%;
}
.navbar-header-wrapper .navbar-nav .header-link .bottom-header {
    float: right;
    clear: both;
    width: auto;
}
.navbar-custom .navbar-nav .nav-item .nav-link {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
}
.navbar-header-wrapper .navbar-nav .header-link .bottom-header .nav-link.active {
    color: white;
    position: relative;
}
.navbar-header-wrapper .navbar-nav .header-link .bottom-header .user-profile-pic {
    float: right;
    margin-top: 7px;
    width: 25px;
    height: 25px;
    background-color: #FF7F40;
    border-radius: 50%;
    text-align: center;
    border: 3px solid #FFAF93;
    margin-left: 10px;
    margin-right: 18px;
}

.navbar-header-wrapper .navbar-nav .header-link .bottom-header .user-profile-pic .dropdown-menu {
    left: unset !important;
    width: 151px;
    min-width: auto;
    right: 0;
    padding: unset !important;
    margin: unset !important;
}
.navbar-header-wrapper .navbar-nav .header-link .bottom-header .user-profile-pic .dropdown-menu a:nth-child(1) {
    border-top: unset !important;
}
.navbar-header-wrapper .navbar-nav .header-link .bottom-header .user-profile-pic .dropdown-menu a {
    margin: 0px 10px 0px 10px;
    color: #686058;
    font: normal normal normal 15px/27px Myriad Pro;
    cursor: pointer;
    border-top: 1px solid #686058;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
#main-menu {
    /* border-top: solid 1px rgba(255, 103, 29, 1); */
    padding-top: 46px;
}

ul.navbar-nav ul li:last-child a {
    padding-right: 0 !important;
}
ul.navbar-nav ul li.user-myacc {
    position: relative;
}
.navbar-nav .dropdown-menu {
    background-color: #ff671d;
    border: 1px solid #fff;
    padding: 0;
}
.navbar-nav .dropdown-menu a {
    border-bottom: 1px solid #fff;
}
.navbar-nav .dropdown-menu a:hover {
    background-color: #686058;
}
.navbar ul.navbar-nav.top-header a {
    text-decoration: 2.5px underline #ff671d;
    text-underline-offset: 9px;
    font-size: 15px !important;
}
ul.navbar-nav.top-header .dropdown-menu a {
    text-decoration: none;
}
/* footer */
#wrapper-footer-full {
    background-color: #686058;
}
.wrapper {
    padding: 30px 0;
}
.footer-nav-list h5 {
    font-size: 15px;
    font-weight: 700;
    color: #E2E2E2;
}
.footer-nav-list ul {
    margin: 0;
    padding: 0 !important;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}
.footer-nav-list ul {
    list-style-type: none;
}
.footer-nav-list .nav-link.footer {
    color: #E2E2E2;
    font-size: 15px;
    padding: 5px 0 0 0;
}
.nav-footer-wrappr {
    padding-top: 30px;
}
.footer-payment-types, .footer-app-links {
    font-size: 15px;
    color: #E2E2E2;
}
.footer-legal, .footer-legal a, .footer-legal a:active, .footer-legal a:visited, .footer-legal a:hover {
    font-size: 13px;
    color: #E2E2E2;
    text-decoration: none;
}




/* comon cssssssssssssss */
.footer-social-icons img {
    height: 37px;
    width: 37px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}
.jb_maincont {
    margin-top: 89px;
}



/* PAYMENT METHODDDDDDDDDDDDDD  */

.user-profile-wrapper-two {
    max-width: 1500px;
    justify-content: center;
}
.user-profile-wrapper-two .email-pass-wrapper {
    width: 57%;
    margin: auto;
    margin-top: 2em;
}
.user-profile-wrapper-two input, .user-profile-wrapper-two select {
    padding: 11px;
    border-radius: 0px;
    box-sizing: border-box;
    color: #000;
    border: 1px solid #BDBDBD;
    font-size: 16px;
    letter-spacing: 1px;
    height: 50px !important;
    max-width: 90%;
}

/* .datepicker-months .table-condensed tbody {
    width: 98% !important;
} */
/* .datepicker-switch{
    min-width:300px;
} */

/* HTML google map marker styles */
.price-tag {
    background-color: #ff671d;
    border-radius: 20px;
    color: #FFFFFF;
    font-size: 12px;
    gap: 15px;
    padding: 7px 10px;
    margin: 4px 5px;
    position: relative;
    filter: opacity(1);
}

.price-tag.active {
    background-color: #000;
    text-align: center;
    padding-top: 15px;
    width: 90px;
    height: 40px;
}

.mapview {
    display: none;
}

[class$=api-load-alpha-banner] {
    display: none;
}

/* button#view-all-listings {
    background-color: rgb(255, 103, 29);
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Myriad Pro Regular';
} */