.login-page{
    background: url(images/what-will.png) no-repeat !important;
    background-size: cover !important;
}
.login-page .card{background-color: #00000080;padding:30px 0;}
.login-page .login-card-body, .register-card-body {
    background: transparent;
    color: #fff;
}
#email_id,#password{color:#fff;}
.login-page .login-box-msg{font-size:25px}
.login-page .form-control {
    background-color: transparent;
}
.login-page .login-card-body .input-group .input-group-text, .login-page .register-card-body .input-group .input-group-text {
    background-color: #000;
    color: #fff;
}
.login-page .btn{
    background: #000;
    border-color: #000;}

.login-page ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white !important;
}
.login-page ::-moz-placeholder { /* Firefox 19+ */
  color: white !important;
}
.login-page :-ms-input-placeholder { /* IE 10+ */
  color: white !important;
}
.login-page :-moz-placeholder { /* Firefox 18- */
  color: white !important;
} 
#infopositions .col-sm-12{margin: 10px -5px;}
#infopositions span{background: #3A7CFE;color: #fff;padding: 4px 15px;}
#infopositions span i{
    font-size: 10px;
    background: #f00;
    padding: 3px 5px;
    position: relative;
    border-radius: 50%;
    left: 8px;
    bottom: 2px;
    cursor: pointer;
}
#addonsall .col-sm-12{margin: 10px -5px;}
#addonsall span{background: #3A7CFE;color: #fff;padding: 4px 15px;}

.card .dropdown-menu.show {
    left: -100px;
}
.viewBookingDetails{cursor:pointer;}
.bookPrevLoader{
    width: 50px;
    display: block;
    margin: 20px auto;
}

 .button-switch {
	 font-size: 1.5em;
	 height: 1.875em;
	 margin-bottom: 0.625em;
	 position: relative;
	 width: 4.5em;
}
 .button-switch .lbl-off, .button-switch .lbl-on {
	 cursor: pointer;
	 display: block;
	 font-size: 0.9em;
	 font-weight: bold;
	 line-height: 1em;
	 position: absolute;
	 top: 0.5em;
	 transition: opacity 0.25s ease-out 0.1s;
	 text-transform: uppercase;
}
 .button-switch .lbl-off {
	 right: 0.4375em;
}
 .button-switch .lbl-on {
	 color: #fefefe;
	 opacity: 0;
	 left: 0.4375em;
}
 .button-switch .switch {
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
	 height: 0;
	 font-size: 1em;
	 left: 0;
	 line-height: 0;
	 outline: none;
	 position: absolute;
	 top: 0;
	 width: 0;
}
 .button-switch .switch:before, .button-switch .switch:after {
	 content: "";
	 font-size: 1em;
	 position: absolute;
}
 .button-switch .switch:before {
    border-radius: 1.25em;
    background: #bdc3c7;
    height: 27px;
    transition: background-color 0.25s ease-out 0.1s;
    width: 75px;
}
 .button-switch .switch:after {
    box-shadow: 0 0.0625em 0.375em 0 #666;
    border-radius: 50%;
    background: #fefefe;
    height: 20px;
    width: 20px;
    transform: translate(7px, 0);
    transition: transform 0.25s ease-out 0.1s;
    top: 3px;
}
 .button-switch .switch:checked:after {
	 transform: translate(2em, 0);
}
 .button-switch .switch:checked ~ .lbl-off {
	 opacity: 0;
}
 .button-switch .switch:checked ~ .lbl-on {
	 opacity: 1;
}
 .button-switch .switch#switch-orange:checked:before {
	 background: #e67e22;
}
 .button-switch .switch#switch-blue:checked:before {
	 background: #3498db;
}
.edit_booking{
    position: absolute;
    top: 40px;
    right: 5000px;
    transition:all 1s ease-in-out;
}
.booking-data-table{transition:all 1s ease-in-out;position: relative;}
.navbar-white {
    background-color: #007BFF!important;
}