#loader {position: absolute;left: 0;  top: 50%;  bottom: 50%;  right: 0;  z-index: 1;  margin: auto;  border: 16px solid #f3f3f3;  border-radius: 50%;  border-top: 16px solid #d7c15d;  width: 120px;  height: 120px;  -webkit-animation: spinner .6s linear infinite;  animation: spinner .6s linear infinite;}
div#loader-div {  margin-left: auto;  margin-right: auto;  text-align: center;  display: block;  margin-bottom: -100px;  position: fixed;  left: 0;  top: 0;  bottom: 0;  right: 0;  background-color: rgba(0, 156, 163, 0.1);  width: auto;  height: auto;  z-index: 9;}
@-webkit-keyframes spinner {  0% { -webkit-transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); }}
@keyframes spinner {  0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); }}

.card .card-header-yellow .card-icon{background: linear-gradient(60deg, #FFEB3B, #ffeb3be3);}

.card .card-header-quiqle .card-icon, .card .card-header-quiqle:not(.card-header-icon):not(.card-header-text), .card .card-header-quiqle .card-text {
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(75, 186, 231);
}

.text-info {  color: #be9439 !important;}

.clr-green{color:green;}
a {color: #F3CD55;}
form .has-danger .help-block{color:#ff0000}

a:hover, a:focus {color: #bd9337;text-decoration: none;}

.card .card-header-quiqle .card-icon, 
.card .card-header-quiqle .card-text, 
.card .card-header-quiqle:not(.card-header-icon):not(.card-header-text), 
.card.bg-success, .card.card-rotate.bg-success .front, 
.card.card-rotate.bg-success .back {
  background: linear-gradient(60deg, #3ebeefc4, #3ebeef);
}

/* .col-form-label {padding: 17px 5px 0 0;text-align: right;} */


.sidebar[data-color="theme-clr"] li.active>a {
  background-color: #F3CD55;
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(220, 174, 29);
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active {
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(62, 190, 239);
  background-color: #3ebeef;
  color: #FFFFFF;
}


.input-field label.error {
  color: #ed3e68;
  position: unset;
}
.clr-mooring{color: #179fa5;}
#frm_settings_view .card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {padding: 10px;}
.card .card-header-warning .card-icon, .card .card-header-warning .card-text, .card .card-header-warning:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .front, .card.card-rotate.bg-warning .back {
  background: linear-gradient(60deg, #e6c352, #F3CD55);
}

.form-control, .is-focused .form-control {
  background-image: linear-gradient(to top, #179fa5 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

p.card-category {height: 55px;}

#people-listing_filter{float:right;}
.dataTables_wrapper .dataTables_filter {text-align: right;}

.form-control:read-only{padding-left:10px;}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child{position: relative;padding-left: 30px !important;cursor: pointer;}

label.error {color: red;}

#ui-datepicker-div{z-index:111!important;}

.clr-black{color:#000000;}
.clr-white{color:#fff;}
.bg-red{background-color: #F44336;}
.bg-yellow{background-color: #ffeb3b;}
span.permit-lbl {padding: 0.40625rem 1.25rem;  font-size: 0.6875rem;  line-height: 1.5;  border-radius: 0.2rem;  text-transform: uppercase;}


.btn-toggle-pass {border: none;position: absolute;top: 11px;background: transparent;right: 0;}
.btn-toggle-pass.active {color: var(--info-color);}
button.btn-toggle-pass {outline: none;}

.navbar .navbar-nav .dropdown-menu-right {max-height: 200px;overflow-x: auto;}


/* File Upload UI CSS Start */
.btn-file>input {  position: absolute;  top: 0;  right: 0;  width: 100%;  height: 100%;  margin: 0;  font-size: 23px;  cursor: pointer;  filter: alpha(opacity=0);  opacity: 0;  direction: ltr;}
.fileinput .thumbnail {  display: inline-block;  margin-bottom: 10px;  overflow: hidden;  text-align: center;  vertical-align: middle;  max-width: 250px;  box-shadow: 0 10px 30px -12px rgba(0,0,0,.42), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);  border-radius: 16px;}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {  display: none; }
.fileinput .thumbnail>img {  max-height: 100%;  width: 100%;}
/* File Upload UI CSS End */


.btn.btn-theme {color: #fff;background-color: #F3CD55;border-color: #F3CD55;box-shadow: 0 2px 2px 0 rgb(243 205 85 / 33%), 0 3px 1px -2px rgb(243 205 85 / 21%), 0 1px 5px 0 rgb(243 205 85 / 12%);}
.btn.btn-theme:focus, .btn.btn-theme:active, .btn.btn-theme:hover {box-shadow: 0 14px 26px -12px rgb(246 208 106 / 50%), 0 4px 23px 0px rgb(243 207 100 / 50%), 0 8px 10px -5px rgb(242 205 84 / 46%);}
.btn-theme:not(:disabled):not(.disabled):active, .btn-theme:not(:disabled):not(.disabled).active, .show>.btn-theme.dropdown-toggle {color: #ffffff;background-color: #F3CD55;border-color: #F3CD55;}


.btn.btn-theme:active, .btn.btn-theme.active, .open>.btn.btn-theme.dropdown-toggle, .show>.btn.btn-theme.dropdown-toggle {
  color: #fff;background-color: #F3CD55;border-color: #F3CD55;box-shadow: 0 2px 2px 0 rgb(243 205 85 / 33%), 0 3px 1px -2px rgb(243 205 85 / 21%), 0 1px 5px 0 rgb(243 205 85 / 12%);
}


.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active {
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(243 205 85);
  background-color: #f3cd55;
  color: #FFFFFF;
}

.dropdown-item.active, .dropdown-item:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #f3cd55;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: unset !important
}

.form-control, .is-focused .form-control {
  background-image: linear-gradient(to top, #eac653 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}


.card-pricing {
  text-align: center;
}

.card .fileinput .thumbnail>img {  width: 200px;height: 150px;}
.card .fileinput .thumbnail.thumbnail-banner>img {width: 250px;height: 150px;}
.btn-file span.help-block {display: block; color: red;}

table .img-thumbnail {  height: 80px;  width: 80px;}
.registration-card .login-card-description {margin-bottom: 10px;}

.bottom-right{right:-50px;}
.top-40 {
  top: -10px;
}
.card .card-body #frm_venue_registration .form-group {
  margin: 5px 0 0;
}

.registration-card .fileinput .thumbnail-banner>img {
  height: 150px;
  width: 250px;
}

.registration-card .fileinput .thumbnail-banner>img {
  height: 150px;
  width: 250px !important;
}


.togglebutton label input[type=checkbox]:checked+.toggle {
  background-color: rgb(243 205 85);
}

.togglebutton label input[type=checkbox]:checked+.toggle:active:after {
  box-shadow: 0 1px 3px 1px rgb(243 205 85), 0 0 0 15px rgb(156 39 176 / 10%);
}


.togglebutton label input[type=checkbox]:checked+.toggle:after {
  border-color: #f3cd55;
}

.togglebutton label input[type=checkbox]:checked+.toggle:active:after {
  box-shadow: 0 1px 3px 1px rgb(0 0 0 / 40%), 0 0 0 15px hsl(46deg 87% 64% / 19%);
}


#showPaymentForm label > span.form-check-sign{
  border-bottom : none;
}

span#gender-error {color: #ff0000;}
#profileImageError span.help-block{color: #ff0000;}
#advtImageError span.help-block{color: #ff0000;}

.card .fileinput .thumbnail.img-square>img {width: 150px;height: 150px;}

#frm-payment-details label.form-check-label{margin-top: 10px;margin-bottom: 10px;}
.table-responsive{overflow-x:hidden !important;overflow-y:auto !important;}

.main-panel>.content {  margin-top: 30px;  padding: 15px 15px;  min-height: calc(100vh - 123px);}
.map-cointainer{box-shadow: 0 10px 30px -12px rgb(0 0 0 / 42%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);border-radius: 16px;}

.my_map_section{
    padding: 10px 20px 10px 50px;
}
/* Media Query */
@media only screen and (max-width: 768px) {
 #frm_venue_registration .position-relative{display:none;}
}
@media only screen and (max-width: 767px) {
    .my_map_section{
        padding: 15px;
    }
}

.custom_tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    color: #000;
}

.custom_tooltip .tooltiptext {
    visibility: hidden;
    width: 170px;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 32px;
    left: -72px;
    font-family: "Karla", sans-serif;
}

.custom_tooltip:hover .tooltiptext {
    visibility: visible;
}

.table-responsive .dt-buttons{display: block;float: left;}

.ct-label.ct-horizontal.ct-end {
  display: block;
  text-align: center;
}