.tabs {
background: #f5f5f5;
padding: 20px 20px;
border-radius: 0px 10px 10px 10px;
width: 100%;
z-index: 5;
display: none; }
.tabBtn {
padding: 15px 20px;
cursor: pointer;
color: #192451;
background: #cfe6fb;
}
.tabBtn.active {
background: #192451;
}
.bookingConsole .button {
background:#214c77;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
border-radius: 10px;
font-family: "Montserrat";
font-weight: 600;
}
.bookingConsole .button:hover{
background-color: #22697f;
}
.tabBtn .icon-inactive {
display: block;
}
.tabBtn.active .icon-active {
display: block;
}
.tabBtn.active .icon-inactive {
display: none;
}
.tabBtn img {
width: 20px;
}
.tabBtn .icon-active {
display: none;
}
.tabs .form-control, .tabs .form-select, .tabs input { padding: 5px 10px !important;
font-size: 16px;
font-weight: 700;
box-shadow: none;
color: #14204d;
border-radius: 10px;
border: 1px solid #14204d !important;
height:50px;
}
.tabs label {
font-size: 16px;
font-weight: 600;
display: block;
color: #14204d;
margin-bottom: 5px;
text-transform: capitalize;
}
.tabs label span {
font-size: 10px;
}
.tabs input {
border: none;
outline: none;
width: 100%;
}
.tabBtn.active p {
color: #fff;
font-weight: 600;
font-family: "Montserrat";
}
#section2 button.delete{
border: none;
margin-top: 17px;
}
#section3 button.delete{
border: none;
margin-top: 17px;
}
button i{
padding-right: 10px;
}
.bookingConsole{
padding: 20px;
background: #f5f5f5;
border-radius: 20px;
}
.bookingConsole h2{
font-size: 30px;
font-weight: 600;
margin-bottom: 20px!important;	
}
.add-button{
text-align: end;
padding-right: 50px;
}
@media screen and (min-width: 412px) {
.bookingConsole h2{
font-size: 25px;
margin-bottom:20px!important;
}
} .loaderDiv {
position: fixed;
width: 100%;
height: 100vh;
display: none;
justify-content: center;
top: 0px;
align-items: center;
background: #00000063;
left: 0px;
z-index: 99999;
backdrop-filter: blur(2px);
}
.spinner {
width: 56px;
height: 56px;
border-radius: 50%;
background: radial-gradient(farthest-side,#474bff 94%,#0000) top/9px 9px no-repeat,
conic-gradient(#0000 30%,#474bff);
-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
animation: spinner-c7wet2 1s infinite linear;
}
@keyframes spinner-c7wet2 {
100% {
transform: rotate(1turn);
}
}
@media (max-width:556px){
#section2{
margin-top: 30px !important;
}
}