@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{font-family: 'Montserrat', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

*:hover, *:focus, *:active {-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;-o-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}
*:focus {box-shadow: none;}
a {text-decoration: none;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
a:hover, a:focus, a:active { text-decoration: none;}
a, input, button, textarea, a:focus, select:focus { outline: none; }
a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; }
button, input, textarea {outline: none;-webkit-appearance: none;-moz-appearance: none;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
button{cursor: pointer;}
p{ font-weight: 500;}
.form-group{margin-bottom: 25px;}
ul,ol,li{margin: 0;padding: 0;list-style: none;}
.custom-btn{padding: 14px 35px;border-radius: 6px;border: none;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;min-width: 126px;margin-right: 15px;transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;max-height: 48px;line-height: 1.3;}
.custom-btn2{padding: 10px 44px;border-radius: 6px;border: none;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;min-width: 126px;margin-right: 15px;transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;max-height: 48px;line-height: 1.3;}
.cancel-btn{padding: 14px 35px;border-radius: 6px;border: none;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;min-width: 126px;margin-right: 15px;transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;display: inline-block;max-height: 48px;line-height: 1.3;}
button:focus{box-shadow: none;outline: none;}
h1,h2,h3,h4,h5,h6{font-weight: bold;}
h1{font-size: calc(22px + (32 - 20) * ((100vw - 320px) / (1920 - 320)));}
h2{font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));}
h3{font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));}
h4{font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));}
.modal-backdrop.show{opacity: .8;}
.modal-content .close{position: absolute;right: 15px;top:10px;color: #fff;opacity: 1;font-weight: 300;font-size: 42px;z-index: 9;}
.modal-content .close:hover{opacity: 0.8;}
.modal-body{padding: 44px 50px;}
.modal-dialog{max-width: 658px;}
.modal-sm{max-width: 425px}
select.form-control:not([size]):not([multiple]){height: auto;}
select{background: url(../../assets/img/down-arrow.svg);background-repeat: no-repeat;background-position: center right 10px;-webkit-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

/* floating label*/
.form-group{position: relative;}
.floating-input label ,.floating-select label  {font-size: 15px;font-weight: normal;position: absolute;pointer-events: none;left: 12px;top: 12px;padding: 0 5px;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.floating-input .form-control:focus, .floating-select select:focus {outline: none;}
.floating-input .form-control:focus ~ label, .floating-select select:focus ~ label {top: 4px;font-size: 11px;}
.floating-input input,.floating-select select.form-control,.floating-input textarea{padding: 19px 15px 7px 15px;color: #ffff;}
.floating-select select::-ms-expand {display: none;}
.floating-input .form-control:not(:placeholder-shown) ~ label {top: 4px;font-size: 11px;}
.floating-select select:not([value=""]):valid ~ label {top: 4px;font-size: 11px;}
.floating-select select[value=""]:focus ~ label {top: 4px;font-size: 11px;}

.form-control[readonly] {background-color: unset;}
.pac-container.pac-logo {z-index:9999;}
.custom-btn:disabled,
.custom-btn[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}
/*  auth */
input,.form-control{border: 1px solid;background-color: transparent;color: #fff;padding: 12px 15px;line-height: 1.3;font-weight: 500;}
input:focus,.form-control:focus{background: transparent;color: #fff;}
.auth-pages{display: flex;min-height: 100vh;}
.auth-pages h1{color: #fff;font-weight: bold;margin-bottom: 15px;line-height: 1.6;}
.auth-pw-page h1 {margin-bottom: 5px;}
.auth-pages p{margin-bottom: 35px;}
.auth-right{padding: 4rem 6rem;min-height: 100%;display: flex;flex-direction: column;justify-content: center;}
.auth-left{min-width: 30%;background: #000;padding:9rem 4rem 1rem 4rem;position: relative;display: flex;flex-direction: column;overflow: hidden;border-right: 1px solid;}
.auth-left::after{content: "";background: url(../../assets/img/spot2bee-auth-bg.svg) no-repeat;position: absolute;left: -50px;bottom: -30px;width: calc(100% + 110px);height: 270px;background-size: cover;}
.auth-pages .form{max-width: 670px;}
.auth-left .logo{text-align: center;display: block;}
.auth-left-content{text-align: center;flex: 1;align-items: center;
   justify-content: center;  margin-top:-40%;
  display: flex;flex-direction: column;}
.auth-left-content h3{color: #fff;font-size: calc(25px + (44 - 25) * ((100vw - 320px) / (1920 - 320)));font-weight: 600;}
.auth-left-content p{max-width: 300px;margin: 0 auto;font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));font-weight: 400;}
.auth-link{border-top: 1px solid;padding-top: 27px;margin-top: 6px;color: #fff;}
.auth-link a{font-weight: 600;}
.check-auth a{font-style: italic;}
.auth-pages h1 .logo-right img{max-width: 140px;}
.signin-btn{display: flex;align-items: center;justify-content: space-between;}
.login-page h1{margin-bottom: 33px;}
.login-page .form {max-width: 720px;}
.pw-group{position: relative;}
.pw-group button{position: absolute;top: 11px;background: transparent;border: none;right: 6px;color: #fff;cursor: pointer;}
.pw-group button:hover{opacity: 0.8;}
.pw-group span.eye-icon,span.ceye-icon{position: absolute;top: 12px;right: 10px;background: transparent;border: none;color: #fff;cursor: pointer;}
.pw-group span.eye-icon:hover,span.ceye-icon:hover{opacity: 0.8;}
.gender-label{margin-right: 20px;}
.gender-radio .gender-label{margin: 2px 0 0;font-weight: 500;}
.forgot-pw{color: #fff;font-weight: 600;}
.auth-bg{background: #000 url(../../assets/img/pw-bg.png) no-repeat;background-size: cover;}
.auth-pw-page .auth-right{width: 100%;margin: 0 auto;max-width: 490px;padding: 0;}
.auth-pw-page .logo-right{margin-bottom: 20px;}
.auth-pw-page .logo-right img{max-width: 155px;}
.auth-pw-page .content-p{margin-bottom: 30px;}
.auth-pw-page .form-group{margin-bottom: 30px;}
.auth-pages .form .custom-checkbox{max-width: 520px;}
/* padding: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320))) 0; */
.gender-radio{align-items: center;}
.gender-radio .custom-radio [type="radio"]:not(:checked) + label:before, 
.gender-radio  [type="radio"]:checked + label:after, 
.gender-radio .custom-radio [type="radio"]:not(:checked) + label:after,
.gender-radio .custom-radio [type="radio"]:checked + label:before,
.gender-radio .custom-radio [type="radio"]:checked + label:after {content: none;}
.gender-radio  .custom-radio label img{margin-right: 5px;}
.gender-radio .custom-radio:not(:last-child){margin-right: 0;}
.gender-radio .select{display: none;}
.gender-radio .deselect{display: inline-block;}
.gender-radio .custom-radio [type="radio"]:checked + label .deselect{display: none;}
.gender-radio .custom-radio [type="radio"]:checked + label .select{display: inline-block;}
.gender-radio .custom-radio [type="radio"]:checked + label, .gender-radio  .custom-radio [type="radio"]:not(:checked) + label{padding-left: 10px;display: inline-flex;align-items: center;}
.gender-radio .invalid-feedback{position: absolute;bottom: 0;}
.reset-text{color: #fff;}
.reset-text span{font-weight: 600;}

/* custom checkbox */
.custom-checkbox input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.custom-checkbox label{position: relative;padding-left: 35px;font-size: 12px;font-weight: 500;line-height: 1.6;margin-bottom:0}
.custom-checkbox label:before {content:'';-webkit-appearance: none;margin-top: 2px;left: 0;background-color: transparent;border: 3px solid;padding: 9px;display: inline-block;position: absolute;vertical-align: middle;cursor: pointer;border-radius: 4px;margin-right: 10px;background-image: url(../../assets/img/check-arrow.svg);background-size: 0;transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;}
.custom-checkbox label:after {content:'';top: 1px;-webkit-appearance: none;margin-top: 2px;left: 1px;background-color: transparent;border: 1px solid #fff;padding: 10px;display: inline-block;position: absolute;vertical-align: middle;cursor: pointer;border-radius: 4px;margin-right: 10px;}
/* .custom-checkbox input:checked + label:after {content: '';position: absolute;top: 3px;left: 6px;width: 5px;height: 10px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);} */
.custom-checkbox input:checked + label::before{background-size: inherit;}

.search-list .custom-checkbox label:after{content: none;}
.search-list .custom-checkbox input:checked  + label:after{content: "";}


/* custom radio */
.custom-radio{display: inline-block;}
.custom-radio:not(:last-child){margin-right: 30px;}
.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.custom-radio [type="radio"]:checked + label,
.custom-radio [type="radio"]:not(:checked) + label{position: relative;padding-left: 20px;cursor: pointer;line-height: 20px;display: inline-block;}
.custom-radio [type="radio"]:checked + label:before,
.custom-radio [type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 4px;width: 13px;height: 13px;border: 1px solid;border-radius: 100%;}
.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after {content: '';width: 5px;height: 5px;position: absolute;top: 8px;left: 4px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

/* header*/
.main-header{padding: 20px 40px;display: flex;justify-content: space-between;align-items: center;background-color: #000;box-shadow: 0 4px 15px 0 rgba(0,0,0,0.02);}
.main-header .logo img{width: 150px;}
.main-header .dropdown-toggle{background: transparent;border: none;font-size: 16px;font-weight: bold;display: flex;align-items: center;}
.sub-header .navbar-collapse ul{justify-content: center;width: 100%;}
.sub-header .navbar{border-bottom: 1px solid;padding: 0;}
.sub-header .navbar-nav .nav-link{font-size: 14px;font-weight: 600;padding: 16px 0;position: relative;margin:0 25px;}
.sub-header .navbar-nav .nav-link::before{content: "";width:0;height: 3px;border-radius:3px 3px 0 0;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;}
.sub-header .navbar-nav .nav-link.active::before,.sub-header .navbar-nav .nav-link:hover::before{width: 100%;}
.main-header h1{color: #fff;margin-bottom: 0;font-size: 20px;font-weight: 600;}
.main-header-title{display: flex;flex: 1;justify-content: center;margin-left: -150px;}
header .dropdown-menu{min-width: 200px;left: 6px !important;margin-top: 8px;}
header .dropdown-item{padding: 8px 20px;display: flex;align-items: center;}
header .dropdown-item img{margin-right: 5px;}
header .dropdown-menu:before {content: '';display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #282828;border-top: 0;border-bottom-color: #282828;position: absolute;top: -7px;right: 10px;}
header .dropdown-menu:after{content: '';display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 7px solid #161616;border-top: 0;position: absolute;top: -7px;right: 10px;}
.rightside-nav{display: flex;}

.main-header .notification-dropdown .dropdown-toggle::after{content: none;}
header .notification-dropdown .dropdown-menu {max-width: 400px;min-width: 400px;padding: 0;}
.notification-dropdown .hdr {border-bottom: 1px solid;display: flex;justify-content: flex-end;padding: 15px;}
header .notification-dropdown .dropdown-menu button{cursor: pointer;background: transparent;border: none;margin-left: 12px;font-size: 12px;font-weight: 600;line-height: 19px;}
.notification-dropdown ul{list-style: none;padding: 0 15px;max-height: 394px;overflow-y: auto;width: 100%;margin-left: 0;margin-bottom: 0;width: calc(100% - 10px);margin-top: 5px;}
.notification-dropdown ul li{padding: 10px 0;border-bottom: 1px solid}
.notification-dropdown ul li p{ margin: 0 0 5px;font-size: 12px;line-height: 22px;}
.notification-dropdown ul li span{font-size: 12px;line-height: 24px;}
.notification-dropdown ul li button{margin-left: 0;}
.notification-dropdown ul::-webkit-scrollbar {width: 5px;}
.notification-dropdown ul::-webkit-scrollbar-track {border-radius: 10px;}
.notification-dropdown ul::-webkit-scrollbar-thumb {background: #999;border-radius: 10px;}
.notification-dropdown ul::-webkit-scrollbar-thumb:hover {background: #b30000;}
header .notification-dropdown  .dropdown-menu:before,header .notification-dropdown .dropdown-menu:after{right: 17px;}


.business-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
.business-header .custom-btn {padding: 10px 35px;}
.business-header h3{margin-bottom: 0;}
.business-box h3{font-size: 16px;font-weight: 600;margin: 0;margin-bottom: 10px;}
.business-box p{font-size: 12px;margin: 0 0 6px;}
.business-box p span{font-weight: 600;}
.business-bottom{border-top: 1px solid #282828;padding-top: 16px;margin-top: 16px;font-size: 12px;font-weight: bold;}
.claim-business .business-bottom{font-size: 16px;font-weight: bold;text-align: center;}
.empty-msg{display: flex;align-items: center;justify-content: center;flex-direction: column;min-height: calc(100vh - 205px);padding: 20px;}
.empty-msg p{margin-bottom: 25px;}
.addbusiness-popup h2{color: #fff;margin-bottom: 24px;}
.padding-custom{padding: 60px 0;position: relative;}

.profile-main h3.title{margin-bottom: 25px;}
.custom-box{border: 1px solid;padding: 20px;border-radius: 4px;}
.profile-detail p{margin-bottom: 12px;display: flex;justify-content: space-between;}
.profile-detail p span{text-align: right;word-break: break-word;}
.profile-detail p:last-child{margin-bottom: 0;}
.profile-detail.first::before{content: "";position: absolute;right: 0;width: 1px;height: 96%;top: 0;bottom: 0;margin: auto;}
.profile-pw-detail{ border-top: 1px solid;padding-top: 25px;margin-top: 25px;}
.mt-45{margin-top: 45px;}
.edit-pw{background: transparent;border: none;padding: 0;}
.shape-bottom{min-height: calc(100vh - 80px);}
.shape-bottom::before{content: "";background-image: url(../../assets/img/left-icon.svg);position: absolute;bottom: 0;width: 200px;height: 136px;background-repeat: no-repeat;}
.shape-bottom::after{content: "";background-image: url(../../assets/img/right-icon.svg);position: absolute;bottom: 0;right: 0;width: 140px;height: 204px;background-repeat: no-repeat;}

.small-container .container{max-width: 734px;}
.text-small{font-size: 12px;}
.claim-main .text-small{margin-bottom: 30px;}
.claim-main .text-small a{font-style: italic;}
.claim-box .custom-radio label{color: #fff;font-weight: 500;}
.claim-box .custom-radio{margin-bottom: 15px;}
.claim-box .custom-radio p{font-size: 12px;margin-left: 20px;}
.otp-input{display: flex;margin-bottom: 15px;}
.otp-input input{max-width: 50px;margin-right: 25px;font-weight: bold;text-align: center;}

.success-page{display: flex;align-items: center;justify-content: center;min-height: 100vh;background: url(../../assets/img/success-bg.png) no-repeat;background-size: cover;}
.success-page .container{max-width: 512px;}
.success-page .logo img{margin-bottom: 25px;width: 160px;}
.success-page h1{color: #fff;margin-bottom: 12px;}
.main-header .dropdown{display: flex;align-items: center;justify-content: center;}
.main-header .dropdown-toggle::after{font-family: "Font Awesome 5 Free";margin-left: 5px;font-size: 20px;font-weight: 900;content: "\f107";vertical-align: top;border: none;width: auto;height: auto;}


.claim-msg{font-size: 16px;}
.detail-form{max-width: 90%;}
.imgupload-main-box{margin-right: 30px;display: inline-flex;position: relative;flex-wrap: wrap;}
.imgupload-box{display: inline-flex;align-items: center;justify-content: center;flex-flow: column;height: 112px;width: 199px;margin-bottom: 45px;position: relative;}
.imgupload-box .icon{margin-bottom: 10px;}
.imgupload-box input[type="file"]{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.imgupload-box span{font-size: 12px;font-weight: 500;}
.imguplod-action {position: absolute;bottom: 15px;right: 0;opacity: 0;visibility: hidden;}
.imguplod-action button{background-color: transparent;border: none;padding-right: 0;margin-left: 5px;}
.upload-img{max-width: 100%;max-height: 100%;}
.image_prev_box:hover .imguplod-action{opacity: 1;visibility: visible;}
.imgupload-main-box .image_prev_box{position: relative;}

.switch-check {position: relative;display: inline-block;max-width: 60px;height: 30px;cursor: pointer;min-width: 60px;margin-bottom: 0;}
.switch-check input {opacity: 0;width: 0;height: 0;}
.switch-check .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;-webkit-transition: .4s;transition: .4s;}
.switch-check .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 3px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}
/* .switch-check .slider::after{content: "Off";position: absolute;right: 0;top: 5px;left: 23px;margin: 0 auto;text-align: center;font-size: 14px;font-weight: 600;color: #fff;text-transform: uppercase;} */
/* .switch-check input:checked + .slider::after{content: "on";position: absolute;right: 0;top: 5px;left: -20px;margin: 0 auto;text-align: center;font-size: 14px;font-weight: 600;color: #fff;text-transform: uppercase;} */
.switch-check input:checked + .slider:before {-webkit-transform: translateX(29px);-ms-transform: translateX(29px);transform: translateX(29px);}
.switch-check .slider.round {border-radius: 34px;}
.switch-check .slider.round:before {border-radius: 50%;}


.hours-box .day-status{display: flex;justify-content: space-between;align-items: center;}
.hours-box .day-status > label{margin-bottom: 0;font-size: 18px;font-weight: 600;color: #fff;}
.hours-box li{border-bottom: 1px solid;padding: 25px 0;}
.hours-right{display: inline-flex;margin-bottom: 20px;position: relative;flex-direction: column;margin-top: 15px;}
.hours-right select{margin-right: 20px;width: auto;padding: 10px 30px 10px 10px;}
.hours-right select:last-child{margin-right: 0;}
.hours-right .switch-check{margin-left: 20px;}
.custom-box-header{display: flex;justify-content: space-between;margin-bottom: 25px;}
.custom-box-header button{background: transparent;border: none;padding: 0;margin-left: 15px;}
.custom-box-header .cancel-btn{padding: 7px 14px;min-width: auto;font-size: 14px;margin-right: 0;margin-left: 8px;}
.custom-box-header h3.title{margin-bottom: 0;}
.hours-right span{color: #FFFFFF;font-size: 16px;margin-right: 18px;}
.add-hours{background-color: transparent;border: none;font-weight: bold;display: flex;justify-content: flex-end;margin-top: 15px;}
.switch-main{display: flex;align-items: center;}
.switch-main > span{font-size: 16px;color: #FFFFFF;margin-right: 15px;}

.ul-list li{background: url(../../assets/img/right-arrow.svg) no-repeat;list-style: none;padding-left: 40px;font-weight: 500;margin-bottom: 15px;}
.plan-box .ul-list li{font-size: 12px;}
.plan-box{height: 100%;position: relative;border-radius: 9px;}
.subscription-main input[type=radio]{width: 100%;height: 100%;position: absolute;left: 0;top: 0;cursor: pointer;opacity: 0;z-index: 9;}
.bitmap-img{position: absolute;right: 30px;top: 12px;}
.w-90{width: 90%;}
.plan-box::before{content: '';position: absolute;left: 0;top: 0;width: calc(100% + 2px);height: calc(100% + 2px);border: 3px solid #FE0033;border-radius: 11px;opacity: 0;}
.plan-box::after{content: '';position: absolute;left: 1px;top: 1px;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 11px;opacity: 0;}
input[type=radio]:checked  + .plan-box::before,input[type=radio]:checked  + .plan-box::after{opacity: 1;}
.premium-plan-box{color: #fff;display: flex;justify-content: space-between;align-items: center;}
.premium-plan-box span{font-size: 12px;font-weight: 500;}
.premium-plan-box h3{font-size: 32px;font-weight: 600;line-height: 1.5;margin: 0;}
.premium-plan-box p{font-size: 16px;line-height: 25px;color: #fff;margin: 0;}
.premium-plan-link{display: flex;justify-content: flex-end;margin-top: 15px;}
.premium-plan-link a{ font-weight: bold;margin-left: 18px;}
.premium-plan-1 .premium-plan-box{min-height: 136px;}
.premium-plan-2::before{content: "";border-left: 1px solid;position: absolute;left: -80px;top: 0;width: 1px;height: 100%;}
.premium-plan-1,.premium-plan-2{max-width: 384px;}
.plan-status{font-size: 18px;font-weight: 500;}
.premium-plan-2 .premium-plan-box{flex-direction: column;align-items: flex-start;}
.subscription-premium .custom-table{margin-top: 54px;border-collapse: unset;border-spacing: 0;}
.custom-table{width: 100%;}
.custom-table th{border-top:1px solid}
.custom-table th,.custom-table td{ border-bottom: 1px solid;vertical-align: top;}
.custom-table th:first-child{border-radius: 8px 0 0 0;border-left: 1px solid;}
.custom-table th:last-child{border-radius: 0 8px 0 0;border-right: 1px solid;}
.custom-table td:first-child{border-left: 1px solid;}
.custom-table td:last-child{border-right: 1px solid;}
.custom-table tr:last-child td:first-child{border-radius: 0 0 0 8px;}
.custom-table tr:last-child td:last-child{border-radius: 0 0 8px 0;}
.custom-table td{padding: 25px 20px;font-size: 14px;font-weight: 600;}
.custom-table th{padding: 20px;color: #fff;font-size: 12px;}
.custom-table td button{background-color: transparent;border: none;padding: 0;margin-left: 6px;}
.transaction-detail-table{border-top: 1px solid;margin-top: 60px;padding-top: 46px;}

.delete-popup h2{color: #fff;margin-bottom: 23px;}
.delete-popup .custom-btn,.delete-popup .cancel-btn{min-width: 100px;}
.delete-popup .modal-body{text-align: center;}
.add-event .custom-radio label{color: #fff;font-weight: 500;}
.search-btn{background: transparent;border: none;padding: 0;margin-right: 10px;}
.search-input input{padding: 0;border: none;display: inline-block;width: 260px;}
.search-input{margin: 10px 0 20px;display: flex;align-items: center;}
.search-list{list-style: none;border-bottom: 1px solid;margin-bottom: 30px;}
.search-list li{display: flex;}
.search-list .custom-checkbox label{padding-left: 32px;color: #FFFFFF;font-size: 15px;font-weight: 600;}
.search-list .custom-checkbox label img{margin-right: 10px; border: 1px solid;border-radius: 50%;height: 31px;width: 31px;}
.search-list .custom-checkbox{margin-bottom: 20px;}
.add-event .imgupload-box{margin-bottom: 5px;}
.add-event .custom-box{padding: 30px;}
.action-btn{display: flex;}
.common-header{display: flex;justify-content: space-between;margin-bottom: 30px;}
.common-header h1{color: #fff;margin-bottom: 0;}
.common-header .custom-btn{padding: 10px 44px;}
.common-header .custom-btn:last-child{margin-right: 0;}

.max-text{font-size: 12px;font-weight: 500;text-align: right;}
.date input{background: url(../../assets/img/calender.svg) no-repeat;background-position: center right 10px;}
.selectdate-text{font-size: 16px;color: #fff;}
.note-text{font-size: 12px;font-weight: 500;}

.goldenpin-main .custom-btn{padding: 10px 12px;}
.dropdown-item{color: #fff;font-size: 14px;font-weight: 600;}

.notification li{list-style: none;margin-bottom: 30px;}
.notification-link{display: flex;}
.notification-header{display: flex;align-items: center;flex: 1;}
.notification-link a{margin-left: 38px;font-size: 16px;font-weight: bold;}
.notification span{font-weight: 600;}
.conuntry-select{display: flex;}
.conuntry-select select{max-width: 74px;margin-right: 5px;}

.datepicker td, .datepicker th{font-size: 14px;color: #ffffff;height: 30px;width: 40px;}
.datepicker-dropdown:after{border-bottom: 7px solid #161616;}
.datepicker-dropdown:before{border-bottom-color: #282828;}
.datepicker-dropdown.datepicker-orient-top:after{border-top: 7px solid #161616;}
.datepicker-dropdown.datepicker-orient-top:before{border-top-color: #282828;}
.datepicker-dropdown{margin-top: 10px;}
.datepicker table tr td.active.active,.datepicker table tr td span.active.active{font-weight: 600;}
.navbar-toggler{display: none;}


body .select2-container--default .select2-selection--single{background: transparent;height: 47px;}
body .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 15px;flex-direction: row-reverse;display: flex;align-items: center;justify-content: center;height: 100%;}
body .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
.conuntry-select .select2-container{margin-right: 5px;}
.conuntry-select .select2-container .select2-selection--single{background: url(../../assets/img/down-arrow.svg);background-repeat: no-repeat;background-position:53px 20px;min-width: 74px;}
.select2-container--default .select2-selection--single .select2-selection__clear{display: none;}
body .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: transparent;}
[class*='select2-']:focus-visible {outline: 1px solid #dc3545;}
#otp-error + .otp-input input{border-color: #dc3545;}

.subscription-main .custom-checkbox label:before{margin-top: -2px;}
.subscription-main  .custom-checkbox label:after{top: -3px;}

.otp-hidden{opacity: 0;height:0; padding:0;}
#otp-error{position:absolute; bottom:23px;display: block !important;}
#phone-error{position: absolute;}
.business-box{margin-bottom: 20px;}
body .select2-container--default .select2-selection--multiple{background-color: transparent;min-height: 47px;}
.form-control:disabled, .form-control[readonly]{background-color: transparent;opacity: 0.5;}
body .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: #000;border: 1px solid #000;color: #fff;display: flex;flex-direction: row-reverse;}
/* body .select2-container--default .select2-selection--multiple{padding-top: 24px;} */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-left: 5px;}
body .select2-container--default .select2-results__option[aria-selected=true]{background-color: #000;}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding: 0 15px;}
.floating-select select:not([value=""]):valid + .select2-container--default .select2-selection--multiple{padding-top: 20px;}
.floating-multiselect .select2-container--default .select2-selection--multiple{padding-top: 20px;}
.floating-multiselect label{top: 4px;font-size: 11px;}
.hours-right .form-group{display: flex;margin: 0;}
.input-group.time {max-width: 114px;margin-right: 20px;}
.input-group-text{display: none;}
.input-group.time  input{border-radius: 6px !important;background: url(../../assets/img/down-arrow.svg);background-repeat: no-repeat;background-position: center right 10px;}
.floating-select .invalid-feedback{position: absolute;bottom: -17px; }

.StripeElement{border: 1px solid #424242;border-radius: 0.25rem;padding: 15px;}
/* .bootstrap-datetimepicker-widget .glyphicon-trash{background-image: url(../../assets/img/delete.svg);background-repeat: no-repeat;} */
.bootstrap-datetimepicker-widget .picker-switch td span {line-height: initial;height: 20px;width: 100%;}
.hours-box .bootstrap-datetimepicker-widget  li{padding: 12px 0;}
.bootstrap-datetimepicker-widget table td span{width: 20px;height: 20px;}
.bootstrap-datetimepicker-widget .glyphicon-chevron-down,.bootstrap-datetimepicker-widget .glyphicon-chevron-up,.bootstrap-datetimepicker-widget .glyphicon-screenshot,.bootstrap-datetimepicker-widget .glyphicon-remove,
.bootstrap-datetimepicker-widget .glyphicon-trash{font-family: "Font Awesome 5 Free";font-weight: 900;}
.bootstrap-datetimepicker-widget .glyphicon-chevron-down:before {content: "\f107";}
.bootstrap-datetimepicker-widget .glyphicon-chevron-up:before {content: "\f106";}
.bootstrap-datetimepicker-widget .glyphicon-screenshot:before {content: "\f030";}
.bootstrap-datetimepicker-widget .glyphicon-remove:before {content:"\f00d";}
.bootstrap-datetimepicker-widget .glyphicon-trash:before {content:"\f1f8";}
.bootstrap-datetimepicker-widget table td span{line-height: 1;}
.bootstrap-datetimepicker-widget table td{height: auto;line-height: 1;}
.bootstrap-datetimepicker-widget  .btn-primary{background-color: #FE0033;border-color: #FE0033;}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-bottom: 7px solid #282828}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-bottom: 6px solid #161616;}
.bootstrap-datetimepicker-widget.dropdown-menu{margin-top: 10px;}
.bootstrap-datetimepicker-widget table td span:hover {background: transparent;}
.bootstrap-datetimepicker-widget table td.separator{width: 0;}

.form-control.is-valid, .form-control.is-valid:focus{border-color: #424242;}
.alert-success {color: #155724;background-color: #ffffff;border-color: #ffffff;}
.notification_link a{color:rgba(255, 255, 250,0.71)}
.complete_profile a{color:rgba(255, 255, 250,0.71)}
.radio_custom .custom-radio{margin-top:10px;}

.ajax-loader{
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  text-align: center;
  z-index: 9999;
  background: #17171763;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ajax-loader img{
  width:50px;
}

.count{width: 20px;height: 20px;position: absolute;top: -4px;right: -1px;border-radius: 50%;font-size: 10px;display: flex;align-items: center;justify-content: center;}
 header .notification-dropdown button:hover .count{color: #fff;}
 .delete_hours{color:red;}
 .delete_hours img{padding-top: 11px;}


 .joinlist-btn:hover{  color:white !important;}
 .joinlist-btn{color:red; font-weight: bold; padding:0;margin:0;vertical-align: baseline;}
 .joinlist-btn:disabled {
    color: red;
    opacity: 1;
    cursor:default;
}
 .calc-font{font-size:calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));}
 #downloadPdf{
  cursor: pointer;
  color: white;
  font-weight: bold;
 }
 #downloadPdf:hover{
  color: red;
  text-decoration: underline;
 }

 .dropdown-item.active, .dropdown-item:active {
  background-color: red;
}
.btn-red{
  background-color: red;
  color: white;
}
label.required::after {
  content: "*";
  color: red;
}
.bootstrap-datetimepicker-widget{
  color: white !important;;
}
.custom-checkbox .member-info{
    display: block;
    font-size: 10px;
    color: #6c6c6c;
    padding-left: 41px;
    margin-top: -12px;
    font-weight: 500;

}
.custom-checkbox .close{
  color:#6c6c6c;
  position: inherit;
  font-size:20px;
}

.custom-checkbox .close-btn{
      background: transparent;
    color: white;
    margin: auto;
    margin-top: 5px;
    padding-top: -12px;
   

}
#selectedUsers img{
  
  
margin-right: 10px;
    border: 1px solid;
    border-radius: 50%;
    height: 31px;
    width: 31px;
}

#selectedUsers li{
  margin:3px 0px;
}

.no-spinner::-webkit-inner-spin-button,
.no-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-spinner {
    -moz-appearance: textfield;
}