body {
    font-family: poppins;
}

.sign-in-up-bg {
    background: url("../img/login-bg.png");
}

.header {
    padding: 15px;
    background: #000;
    z-index: 9;
    position: fixed;
    width: 100%;
}
.card.common-card {
    background: #000!important;
    color: #fff;
}
.card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 16px #00000029;
    border-radius: 10px;
}

.card-body {
    padding: 60px 50px;
}

h1.h2 {
    text-align: center;
    font: normal normal bold 30px/22px Poppins;
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
}

label.form-label {
    text-align: center;
    font: normal normal normal 16px/26px Poppins;
    letter-spacing: 0px;
    color: #fff;
}

input.form-control {
    min-height: 45px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D8D2D2;
    border-radius: 3px;
    margin-bottom: 5px;
    line-height: 38px;
}


.btn-primary {
    background: #000 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    /* height: 45px; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-primary:hover{background:#222e3c !important;}
.sign-in-up-bgz .btn-info {
    background: #38BED7 0% 0% no-repeat padding-box!important;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
	font: normal normal normal 16px/26px Poppins;
	letter-spacing: 0px;
	color: #FFFFFF;
	/* height: 45px; */
}
.badge-success {
    color: #fff;
    background-color: #28a745!important;
    border-color: #28a745!important;
    text-transform: uppercase;
}
.form-check-input:checked {
    background-color: #000!important;
    border-color: #000!important;
}
.bg-orange {
    background: #FF9800;
}

.bg-warning {
    background: #FFF936!important;
	color: #000;
}
.project-actions .projets_inner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.project-actions a {
    margin-right: 10px;
}
.table-bordered {
    border: 1px solid #e3e6f0;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e3e6f0;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #e3e6f0;
}
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.dropdown-menu.dropdown-menu-start.show {
    top: 50%!important;
    transform: translate(0, 26px)!important;
    width: 100%;
    border-radius: 0!important;
    overflow: hidden;
    border: 0px!important;
}
.alert.alert-info {
    color: #fff!important;
    background-color: #0c5460!important;
    border-color: #0c5460!important;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.hidden_select {
    display: none;
  }
/* login Page CSS*/

.log-in-sign-in-info {
    font: normal normal normal 16px/31px Poppins;
    letter-spacing: 0px;
    color: #0F19A0;
}

.log-in-sign-in-info a {
    font: normal normal normal 16px/31px Poppins;
    letter-spacing: 0px;
    color: #0F19A0;
    font-weight: bold;
}
li.sidebar-item.active a {
    background: #222e3c !important;
}
.forgot-password {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.forgot-password a {
    text-align: right;
    text-decoration: underline;
    font: normal normal normal 16px/26px Poppins;
    letter-spacing: 0px;
    color: #fff!important;
}

.forgot-password label.form-check-label {
    text-align: left;
    font: normal normal normal 17px/26px Poppins;
    letter-spacing: 0px;
    color: #fff;
}

/* login Page CSS*/

/* Forgot-Password CSS*/
.common-card p {
    text-align: center;
    font: normal normal normal 16px/28px Poppins;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
    margin-bottom: 0px;
    margin-top: 13px;
}

.forgot-btn {
    margin-top: 35px;
}

/* Forgot-Password CSS*/

/* Create-New-Password CSS*/
.reset-password-steps ul {
    padding: 0px;
    list-style-type: none;
}

.reset-password-steps li {
    text-align: left;
    font: normal normal normal 16px/26px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.common-card .refrence-text {
    font-weight: bold!important;
    font-size: 18px!important;
}

.reset-password-steps h4 {
    font-weight: bold;
}
/* Create-New-Password CSS*/

/* Index CSS*/
.navbar-bg {
    background: #000 0% 0% no-repeat padding-box;
}
.hamburger, .hamburger:after, .hamburger:before {
    background: #fff!important;
}
.text-darks {
    color: #fff !important;
}
.main {
    background: #fff;
}

.sidebar-link, a.sidebar-link {
    color: #fff;
}

.sidebar-item.active .sidebar-link:hover, .sidebar-item.active>.sidebar-link {
    background: #000;
    border-left-color: #000;
    color: #fff;
}

footer.footer {
    background: #000 0% 0% no-repeat padding-box;
}
footer.footer .text-muteds {
    color: #fff !important;
}
.content .card-body {
    padding: 20px;
}

/* tr { */
    /* white-space: pre; */
/* } */

tr {
    white-space: nowrap;
}

.table > tbody > tr > td {
    text-align: left;
}

hr {
    margin-bottom: 0;
    margin-top: 0px;
}

.bg-default {
    background: #9E9E9E!important;
    color: #fff;
}

.bg-primary {
    background: #1230A9!important;
}

.bg-info {
    background: #37BFD6!important;
}

.badge {
    padding: 8px 10px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.main-heading {
    font: normal normal bold 30px/40px Poppins;
}

.text-primary{
	color: #1230A9!important
}

div.dataTables_paginate ul.pagination {
    justify-content: flex-end;
    margin: 2px 0;
    white-space: nowrap;
    display: flex;
    list-style: none;
    gap: 20px;
}

li.paginate_button.page-item.active {
    background: #222e3c 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff!important;
    align-items: center;
    display: flex;
    justify-content: center;
}

li.paginate_button.page-item.active a.page-link {
    color: #fff;
}

.pagination li{
    border-radius: 8px;
    opacity: 1;
    text-align: center;
    color: #000!important;
    align-items: center;
    display: flex;
    justify-content: center;
}

a.page-link {
    color: #000;
}

select {
    min-height: 45px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D8D2D2;
    border-radius: 3px;
    margin-bottom: 5px;
    width: 100%;
	padding: 0 10px;
}

select:focus {
    outline: none;
}

div#datatables-reponsive_length {
    display: none;
}
div#datatables-reponsive_filter {
    display: none;
}

form.form-horizontal {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

form.form-horizontal .form-group {
    display: flex;
    gap: 20px;
    align-items: center;
    position: relative;
}

.sidebar-brand {
    background: #000;
}

.form-horizontal label {
    display: inline-block;
    width: 125px;
    font-weight: bold;
}

.form-horizontal input {
    width: 300px;
}

.form-horizontal a.btn.btn-primary {
    width: 100px;
}

.form-horizontal i.fa.fa-search {
    position: absolute;
    right: 15px;
	top: 15px;
}

table td.edit-btn span {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

a.badge.bg-info:hover {
    text-decoration: none;
}

table td.text-center.avatar-images {
    white-space: normal;
}

table td {
    text-align: center;
    font: normal normal normal 16px/22px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

table th {
    text-align: left;
    font: normal normal bold 16px/23px Poppins;
    letter-spacing: 0px;
    color: #000000!important;
}

span.contact-info {
    display: flex;
    gap: 8px;
}

.contact-info a {
    color: #000;
}

.text-small {
    font: normal normal normal 13px/22px Poppins;
}

.avatar-images .avatar {
    height: 70px;
    width: 70px;
}

a {
    color: #1230A9;
}

.fa-2x {
    font-size: 1.5em!important;
}

.header img {
    width: 200px;
}

.booking-form .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.booking-form label.control-label {
    font: normal normal 700 16px/26px Poppins;
    color: #000000;
}

form.booking-form {
    padding: 20px;
}

textarea {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D8D2D2;
    border-radius: 3px;
    margin-bottom: 5px;
    width: 100%;
	padding: 0.3rem 0.85rem;
}

textarea:focus {
    outline:none;
}

.progressbar li {
    list-style-type: none;
    width: 50%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
}

.progressbar li:before {
    width: 30px;
    height: 30px;
    content: "";
    line-height: 30px;
    display: block;
    text-align: center;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    background-color: #37BFD6;
    margin-bottom: 10px;
}
.progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    top: 15px;
    left: -100%;
    z-index: 0;
    background: #EBEDF9 0% 0% no-repeat padding-box;
}
.progressbar li:first-child:after {
     content: none;
}

.progressbar li.active {
    color: #000000;
    font-weight: bold;  
}
.progressbar li.active:before {
    border-color: #55b776;
    background: green;
 }
.progressbar li.active:before {
    background-size: 60%;
    background: #37BFD6 0% 0% no-repeat padding-box;
}

.progressbar li {
    list-style-type: none;
    width: 50%;
    float: left;
    position: relative;
    text-align: left;
    color: #000000;
    font: normal normal bold 16px/26px Poppins;
}

.progressbar li .small-text {
    list-style-type: none;
    width: 50%;
    float: left;
    position: relative;
    color: #000000;
    font: normal normal 500 14px/24px Poppins;
}

.sidebar-link, a.sidebar-link {
    padding: 1rem 1.625rem;
}

.table > tbody > tr > td {
    font-size: 14px;
}

.booking-form .modal-text {
    color: #1230A9;
    font-weight: bold;
    text-decoration: underline;
}

.booking-form .add_subscription{
    align-items: flex-start!important;
}
.form-group p.alert.alert-danger.m-0 {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem rem;
    color: #fff;
    background-color: #dc3545;
    border-color: #d32535;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.fade.in {
    opacity: 1;
}
div#myModal, .profilemodel  {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
    margin: 0 auto;
    width: 100%;
    display:none;
}
#close_profile_modal  {
    font: normal normal normal 16px / 26px Poppins;
}
.modal-dialog {
    width: 600px;
    margin: 30px auto;
    position: relative;
}
.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    outline: 0;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
    margin-top: -2px;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.card-body legend, .card-bodies legend {
    display: block;
    float: unset;
}
.alert.alert-info {
    color: #fff!important;
    background-color: #0c5460!important;
    border-color: #0c5460!important;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.card-body legend {
    display: block;
    float: unset;
}
li.sidebar-item.logout_link {
    padding: 1rem 1.625rem;
}
.logout_link form {
    display: flex;
    align-items: center;
}
.fc-event-time {
    display: none !important;
  }
.logout_link form a {
    font-size: 16px !important;
    color: #fff;
    padding: 0px !important;
    margin: 0px 7px!important;
}
.logout_link form a:hover {
    background: transparent !important;
    color: #fff;
    opacity: 0.8;
}
.customer_profile {
    text-align: center;
}
.customer_profile img {
    border-radius: 16px;
}
@media only screen and (max-width: 767px) {
	div#datatables-reponsive_info {
		text-align: center;
	}

	div.dataTables_paginate ul.pagination {
		justify-content: center;
		padding: 0px;
	}
	
	form.form-horizontal .form-group {
		gap: 10px;
		flex-wrap: wrap;
	}
	
	form.form-horizontal {
		gap: 10px;
	}
	
	.header {
		text-align: center;
	}
	
	.header h3 {
		margin-top: 20px;
	}
	
	.progressbar-wrapper {
		width: 800px;
	}
}


/* Tool Tip Style Start*/
.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: .875rem;
	word-wrap: break-word;
	opacity: 0
}

.tooltip.show {
	opacity: .9
}

.tooltip .arrow {
	position: absolute;
	display: block;
	width: .8rem;
	height: .4rem
}

.tooltip .arrow::before {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
	padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
	bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
	top: 0;
	border-width: .4rem .4rem 0;
	border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
	padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
	left: 0;
	width: .4rem;
	height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
	right: 0;
	border-width: .4rem .4rem .4rem 0;
	border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
	padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
	top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
	bottom: 0;
	border-width: 0 .4rem .4rem;
	border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
	padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
	right: 0;
	width: .4rem;
	height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
	left: 0;
	border-width: .4rem 0 .4rem .4rem;
	border-left-color: #000
}

.tooltip-inner {
	max-width: 200px;
	padding: .25rem .5rem;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: .25rem
}

.disabled-btn
{
    pointer-events: none;
    cursor: not-allowed;
    background: #9E9E9E !important;
    opacity: 0.5;
}

/* Tool Tip Style End */

.project-actions .projets_inner-left {
    display: flex;
    align-items: flex-start;
    justify-content: left;
}

.wpx-100
{
width:100px;
}
.bg-green {
    background: green !important;
}

/* Style the tab */

  
  /* Style the buttons that are used to open the tab content */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    background-color: #ccc;
  }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 15px;
  }

  
  .fc .fc-button {
    line-height: 0.5 !important;
  }

  .bookingCompleted
  {
    background:#03a9f4 !important;
    color: #000 !important;
  }
  .bookingRejected
  {
    background:#ff0000 !important;
    color: #fff !important;
  }
  .bookingConfirmed
  {
    background:#cddc39 !important;
    color: #000 !important;
  }
  .bookingNoShow
  {
    background:#000 !important;
    color: #fff !important;
  }
  .bookingActive
  {
    background:#4caf50 !important;
    color: #000 !important;
  }
  .bookingRequested
  {
    background:#fff936 !important;
    color: #000 !important;
  }
  .tooltipDiv td {
    color:#fff !important;
    padding: 2px !important;
    text-align: left !important;
    border: none !important;
    white-space: break-spaces;
    font-size: 11px !important;
    line-height: 18px;
  }

  .tooltipDiv table {
    font-size: 11px !important;
    line-height: 18px;
    height:100%!important;
    width: 100%!important;
  }
  .fc-timegrid-col a {
    height: fit-content;
    text-align: left!important;
    padding-left: 2px!important;
}
.fc-timegrid-col a .fc-event-time, .fc-timegrid-col a .fc-event-title-container {
    color: #000;
}


#calendar {
    max-width: 900px;
    margin: 40px auto;
  }
  
  
  /* .popper,
  .tooltip {
    position: absolute;
    z-index: 9999;
    background: #FFC107;
    color: black;
    width: 150px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
  }
  .style5 .tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
  }
  .popper .popper__arrow,
  .tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
  }
  
  .tooltip .tooltip-arrow,
  .popper .popper__arrow {
    border-color: #FFC107;
  }
  .style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
  }
  .popper[x-placement^="top"],
  .tooltip[x-placement^="top"] {
    margin-bottom: 5px;
  }
  .popper[x-placement^="top"] .popper__arrow,
  .tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
  }
  .popper[x-placement^="bottom"],
  .tooltip[x-placement^="bottom"] {
    margin-top: 5px;
  }
  .tooltip[x-placement^="bottom"] .tooltip-arrow,
  .popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
  }
  .tooltip[x-placement^="right"],
  .popper[x-placement^="right"] {
    margin-left: 5px;
  }
  .popper[x-placement^="right"] .popper__arrow,
  .tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
  }
  .popper[x-placement^="left"],
  .tooltip[x-placement^="left"] {
    margin-right: 5px;
  }
  .popper[x-placement^="left"] .popper__arrow,
  .tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
  } */
  .fc-daygrid-dot-event {
   
    flex-wrap: wrap;
}
.fc-license-message {
    display: none !important;
}
span.cardTitle {
    float: right;
    font-size: 20px;
    width: 70%;
    text-align: right;
}
span.cardValue {
    float: right;
    font-size: 38px;
    font-weight: bold;
    width: 100%;
    text-align: right;
}
.dashboardCard i{
    font-size: 50px;
    float: left;
    width: 30%;
}
.sidebar-link:hover, .sidebar-link:hover i, .sidebar-link:hover svg {
    text-decoration: none !important;
}
.nav_dropdown_start.show {
    background: #222e3c;
    padding: 8px 12px;
}
.nav_dropdown_start.show a {
    color: #fff!important;
}
.nav_dropdown_start.show a:hover {
    background: transparent!important;
}
.calltophone{
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 145px;
}
.mfp-figure:after{
    background: #fff!important;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: unset !important;
}
.forgot_password_form fieldset.form-group legend, .forgot_password_form label.form-control-label, .forgot_password_form .log-in-sign-in-info a, .forgot_password_form h3 {
    color: #fff;
}
.btn-info, button.fc-button.fc-button-primary  {
    background: #000!important;
    border-color: #000!important;
}
.btn-info:hover, button.fc-button.fc-button-primary:hover  {
    background: #222e3c !important;
}
button.fc-button.fc-button-primary.fc-button-active{
    background: #222e3c !important;
}
/* 
Header Message Area and Notification
Styles
*/
.header-messages {
    flex-grow: 1;
}

.header-messages-area .header-user-message:not(:first-child) {
    margin-left: 10px;
}

.header-messages-area .header-user-message img {
    max-width: 24px;
}

#notifications-box .dropdown-menu-header {
    background-color: #f5f5f5;
    text-align: left;
}

#notifications-box .notification_popup_top a {
    font-size: 13px;
}

#notifications-box #notify_area {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

#notifications-box .hr-separator {
    color: #bbb;
    margin-bottom: 0;
}
#calendar button.fc-dayGridMonth-button.fc-button, #calendar button.fc-timeGridWeek-button.fc-button, #calendar button.fc-dayGridDay-button.fc-button, #calendar button.fc-today-button {
    padding: 12px 20px!important;
    text-transform: capitalize;
}

span.select2.select2-container {
    width: 100% !important;
}
#business-account-edit #account-status .account-status-list {
    list-style-type: none;
    padding-left: 10px;
}

#business-account-edit #account-status .account-status-list .icon {
    margin-right: 5px;
}
#business-account-edit label.form-label {
    color: #000;
}

.business-account label.form-label{
    color: #000;
}

.business-details-section-heading {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    #fc-dom-1 {
      font-size: 16px !important;
    }
    #calendar button.fc-dayGridMonth-button.fc-button, #calendar button.fc-timeGridWeek-button.fc-button, #calendar button.fc-dayGridDay-button.fc-button, #calendar button.fc-today-button{
     padding: 12px 6px !important;
    }
    .fc-header-left, fc-header-center, fc-header-right {
        width: 100%;
        display: block;
    }
    #calendar {
        width: 100%!important;
      }
}
@media screen and (max-width: 560px) {
    .fc-view-harness.fc-view-harness-active {
        height: 500px !important;
    }
    .fc .fc-col-header-cell-cushion{
        padding:12px 6px!important;
        font-size:12px!important;
    }
    .fc .fc-daygrid-day-number, .fc .fc-daygrid-more-link{
        font-size:12px!important;
        width: 100%!important;
    }
}
@media screen and (max-width: 420px) {
    .fc .fc-col-header-cell-cushion{
        padding:0px 0px!important;
        font-size:12px!important;
    }
}
.select2-container .select2-selection--single {
    min-height: 45px!important;
    line-height: 45px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 45px!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin-top:6px!important;
}

button.custom-btn.btn-1 {
    background-color: #38C0D8; /* Green */
    border: 2px solid #000;
    color: white;
    padding: 8px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 2px 2px;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.3s ease;
    animation: pulse 2s infinite;
    font-weight: 600;
    letter-spacing: 1px;
}
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    70%, 90% {
        transform: scale(1);
    }
}
/* @keyframes pulse {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
} */


/* Reviews area design style start */
.reviews_area {
    padding: 20px;
  }
  .fc-button-group button {
    text-transform: uppercase !important;
}
/* Reviews area design style end */

.row.owner:not(:first-child) {
    border-top: 1px solid #eee;
    padding-top: 15px;
    padding-bottom: 15px;
}
span.next_page {
    display: none;
}
.current_page .pagination_current_page{
    background: #37BFD6!important;
    border-radius: 8px;
    opacity: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff !important;
}
#get_directions_button {
    margin-left: 10px;
}
/* Reviews area design style end */
.business-details-bank-accounts {
    /* background: red; */
}
.business-details-bank-accounts .single {
    padding: 10px;
    /* border-top: 1px solid #dee2e6; */
    border-bottom: 1px solid #dee2e6;
}