* {
    margin: 0px;
    padding: 0px;
}

@font-face {
    font-family: proximanova;
    src: url("../Proxima-Nova-Font/Proxima-Nova-Font.otf") format("opentype");
}

body {
    font-family: proximanova;
    color: rgb(26, 26, 26);
}

.loginLogo {
    width: 185px;
}

.logoHeader h1 {
    font-size: 20px;
    color: #1f1a50;
}

.loginContent {
    border: 1px solid #dadada;
    border-radius: 6px;
    box-shadow: 0 1px 5px rgb(0 74 116/15%);
}

.loginContent label {
    font-size: 14px;
    font-weight: 700;
}

.ZKT_ukzfY7jLDvHcZYM5 {
    display: flex;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: center;
}

.signupDiv p {
    font-size: 14px;
}

.JIHGB4_UqNzT8NsM8G4k {
    width: calc((100%/8) * 3.5);
    color: #1f1a50;
}

.kLJPYaho1SCzf07wzlsa {
    width: calc((100%/8));
    margin-top: -3px;
    padding-right: 4px;
    padding-left: 4px;
    color: #1f1a50;
    text-align: center;
}

.JIHGB4_UqNzT8NsM8G4k {
    width: calc((100%/8) * 3.5);
    color: #1f1a50;
}

.btn.googleLog,
.btn.microLog {
    color: rgb(26, 26, 26);
}

.btn.googleLog:hover,
.btn.microLog:hover {
    color: #fff;
    background-color: #d6ad00;
    border-color: var(--bs-btn-hover-border-color);
}

ul.nav li.nav-item a,
.crmnucon p {
    color: rgba(26, 26, 26, 0.61);
    font-size: 16px;
}

ul.nav li.nav-item:hover a {
    color: rgb(26, 26, 26);
}

ul.nav li.nav-item a.active,
.crmnucon h5 {
    color: black;
    font-weight: 700;
}

.createEvent {
    position: absolute;
    right: 0px;
    top: 50px;
}

.createEvent button::after {
    display: none;
}

.createEvent ul {
    width: 350px;
}

.createEvent ul li a.dropdown-item {
    white-space: unset;
}

.listDivactive {
    border: 1px solid #d6ad00;
    box-shadow: 0 1px 6px 0 rgb(0 0 0/10%);
    background-image: linear-gradient(to right, rgba(214, 173, 0, .25), transparent);
    box-shadow: 0px 0px 10px -2px #d6ad00;
    border-radius: 5px;
}

.listDiv {
    border: 1px solid #666;
    box-shadow: 0 1px 6px 0 rgb(0 0 0/10%);
    background-image: linear-gradient(to right, #ccc, transparent);
    box-shadow: 0px 0px 10px -2px #ccc;
    border-radius: 5px;
}

.listDivactive h2 {
    font-size: 25px;
    font-weight: 600;
}

.listDivactive p {
    color: rgba(26, 26, 26, 0.61);
    margin-bottom: 5px;
}

ul.listoption {
    list-style-type: none;
    padding: 0px;
}

ul.listoption li {
    display: inline-block;
    margin-right: 5px;
}

ul.listoption.active li a {
    font-size: 14px;
    color: #1f1a50;
    padding: 8px;
    border-radius: 50px;
    border: 1px solid #1f1a50;
}

ul.listoption li a {
    font-size: 14px;
    color: rgba(26, 26, 26, 0.61);
    padding: 8px;
    border-radius: 50px;
    border: 1px solid #666;
}

.viewBooking {
    box-shadow: 0px 0px 10px -2px #ccc;
}

.viewBookinglft {
    border-right: 1px solid #ccc;
}

.timingDiv {
    width: 200px;
    padding: 10px;
    border: 1px solid #1f1a50;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.timingDiv i {
    display: none;
}

.timingDiv:hover i {
    display: block;
}

.shrBtn {
    font-size: 14px;
}

.viewBookinglft h6 i {
    color: #d6ad00;
}

.viewBookinglft h3,
.viewBookinglft h6.nm,
.viewBookingrgtlft h4,
a.vwBooking,
.loginContent label,
.loginContent span,
.signupDiv p a,
.timingDiv,
.viewBookingrgtlft h6 {
    color: #1f1a50 !important;
}

.viewBookingrgtlft:not(.noncolor) button,
.createEvent a,
button.btn-primary.shrBtn,
.loginBtn button.btn-primary {
    border: 1px solid #1f1a50;
    background: #1f1a50;
    color: #fff;
}

.viewBookingrgtlft:not(.noncolor) button:hover,
.createEvent a:hover,
button.btn-primary.shrBtn:hover,
.loginBtn button.btn-primary:hover,
.timingDiv:hover {
    background: #d6ad00;
    border-color: #d6ad00;
    color: #fff !important;
}

/* Profile page */
.btn-group.lang {
    width: 100%;
}

.btn-group.lang button,
.btn-group.lang:hover button {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    line-height: 1.5;
    text-align: left;
}

.btn-group.lang button::after {
    float: right;
    margin: 10px;
}

.viewBookingrgtlft button.btn-danger {
    background: red;
    color: #fff;
    border-color: red;
}
.viewBookingrgtlft button.btn-outline-dark {
    background: #fff;
    color: #333;
    border-color: #ccc;
}

.personalSettings button.nav-link.active {
    background: #1f1a50;
    text-align: left;
}

.personalSettings button.nav-link {
    background: #f5f5f5;
    text-align: left;
    height: 50px;
    border-bottom: 1px solid #ccc;
    color: #333;
}

.calendzoomBranding {
    padding: 25px;
    background: #f5f5f5;
    border-radius: 10px;
    margin-top: 25px;
}