:root{
    --green: #9ac93c;
    --gray: #4e4d4e;
    --purple: #ca2bd4;
    --red: #ff2400;
    --blue: #447abe;
}
html{
    background-color: #000;
}
body{
	font-family: 'Ubuntu', sans-serif;
	color: var(--gray);
    background-color: #fff;
}
h1,
h2{
    font-weight: 600;
    font-size: 34px;
    text-transform: uppercase!important;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
}

/* Progress Bar */
    .progress{
        box-shadow: none;
        border: 1px solid #ee2e24;
        border-radius: 0;
    }
    .progress .progress-bar{
        background-color: #ee2e24;
        box-shadow: none;
    }
/* Progress Bar */

/* Pulse */
    .standing-doc.pulse-process{
        margin-top: -20px!important;
        padding-top: 50px!important;
        padding-bottom: 50px!important;
    }
    .pulse-process img{
        margin-bottom: 30px;
    }
    #pulse{
        display: none;
    }
    #pulse.active{
        display: block;
    }
    .pulse-process .btnApprove{
        background-color: var(--green);
        border-color: var(--green);
        color: var(--gray);
        font-family: 'Ubuntu', sans-serif!important;
        font-size: 18px!important;
        font-weight: 500;
        border: 1px solid var(--green);
        border-radius: 0px;
        padding: 10px 12px;
        text-transform: uppercase;
        letter-spacing: 0px;
        margin-bottom: 15px;
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        white-space: nowrap;
        line-height: 1.42857;
        user-select: none;
        width: 100%;
    }
    .pulse-process .btnApprove:hover{
        color: #fff;
    }
    .pulse-process .btnDecline{
        background-color: var(--blue);
        border-color: var(--blue);
        color: #fff;
        font-family: 'Ubuntu', sans-serif!important;
        font-size: 18px!important;
        font-weight: 500;
        border: 1px solid var(--blue);
        border-radius: 0px;
        padding: 10px 12px;
        text-transform: uppercase;
        letter-spacing: 0px;
        margin-bottom: 0;
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        white-space: nowrap;
        line-height: 1.42857;
        user-select: none;
        width: 100%;
    }
    .pulse-process .btnDecline:hover{
        background-color: transparent;
        border-color: var(--blue);
        color: var(--blue);
    }
    .pulse-process .dvTerms{
        font-size: 12px;
    }
/* Pulse */

.refresh{
    cursor: pointer;
    opacity: 0.6;
}
.refresh:hover{
    cursor: pointer;
    opacity: 1;
}
.profile-tabs{
    margin-bottom: 40px;
    min-height: 170px;
}
.profile-tabs .nav-tabs{
    border-bottom: 0px!important;
}

.profile-tabs li{
    
}
.profile-tabs .tab-pane{
    padding-top: 25px;
}
.profile-tabs li.active{
    border-bottom: 3px solid var(--green);
}
.profile-tabs li.active a{
    border: 0px!important;
}
.profile-tabs h4{
    font-size: 18px!important;
}
.profile-tabs h4{
    font-size: 16px!important;
    opacity: 0.5;
}
.profile-tabs .active h4{
    font-size: 18px!important;
    opacity: 1;
}
.policies{
    padding-bottom: 50px;
    border-bottom: 4px solid var(--blue);
}
.no-subscription{
    border: 2px solid var(--red);
    padding: 0px 25px;
    margin-bottom: 30px;
}
.no-subscription.waiting{
    border: 2px solid var(--blue);
    padding: 0px 25px;
    margin-bottom: 30px;
}
.no-subscription.active{
    border: 2px solid var(--green);
    padding: 0px 25px;
    margin-bottom: 30px;
}
.no-subscription h1{
    font-size: 26px;
    color: var(--red);
    margin: 15px 0 0;
}
.no-subscription h3{
    font-size: 26px;
    color: var(--red);
    margin: 5px 0 15px;
}
.no-subscription.waiting h1{
    font-size: 20px;
    color: var(--blue);
}
.no-subscription.waiting h3{
    font-size: 20px;
    color: var(--blue);
    margin-bottom: 0px;
}
.no-subscription.waiting p{
    color: var(--blue);
    font-size: 17px;
    margin-top: 0px;
}
.no-subscription.waiting .btn{
    margin-bottom: 15px;
}
.no-subscription.active h1{
    font-size: 16px;
    color: var(--green);
    margin-bottom: 14px;
}
.no-subscription.active h1 p{
    color: var(--green);
    font-size: 12px;
    font-weight: 200;
    text-transform: initial;
    margin: 0;
}
.no-subscription.active h3{
    font-size: 16px;
    color: var(--green);
}
.no-subscription p{
    font-size: 20px;
}
.no-subscription ul{
    list-style: none;
    margin-top: 20px;
    clear: both;
}
.no-subscription ul li{
    
}
.no-subscription ul li h2{
    margin: 0;
}
.no-subscription ul li h2 small{
    font-size: 14px;
    position: relative;
    top: -7px;
}
.no-subscription ul li h4{
    margin: 0;
}
.no-subscription ul li p{
    font-size: 16px;
}
.margintop{
    margin-top:15px!important;
}
.marginbottom{
    margin-bottom:15px!important;
}
.how-it-works{
    border-bottom: 3px solid var(--blue);
    padding: 30px 0px;
}
.register-form,
.store-locator,
.payment,
.news{
    padding: 30px 0px!important;   
}
.news{
    padding-bottom: 80px!important;   
}
/* News */
#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;
}
#pinBoot img,
#pinBoot iframe {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#pinBoot .white-panel {
  position: absolute;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 10px;
}
/*
stylize any heading tags withing white-panel below
*/

#pinBoot .white-panel h1 {
  font-size: 1em;
}
#pinBoot .white-panel h1 a {
  color: #A92733;
}
#pinBoot .white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* News */
.payment select{
    width: 48%;
}
.payment label,
.policy-process label{
    font-size: 16px;
    top: 6px;
}
.policy-process label{
    width: 80%!important;
}
.owl-carousel{
    border-bottom: 2px solid var(--blue);
}
#map {
  height: 500px;
  margin: 10px auto;
  width: 800px;
}
h4{
    font-weight: 100;
    font-size: 21px;
    text-transform: uppercase!important;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
}
a{
    color: var(--green);
}
a:hover,
a:focus{
    color: var(--gray);
}
header a{
    color: var(--gray);
}
header a:hover,
header a:focus{
    color: var(--green);
}
form .form-group {
    position: relative;
}
form label{
    text-align: left!important;
    font-weight: 400;
    position: absolute!important;
    top: 12px;
    width: 134px!important;
    padding: 0!important;
    left: 24px;
    font-size: 12px;
    color: var(--green);
}
form .diabetes.movetop label,
form .asthma.movetop label,
form .epilepsy.movetop label{
    width: 100%!important;
    margin-top: -10px;
}
form label.after{
    left: auto;
    right: 14px;
    width: 22px!important;
    text-align: right!important;
}
form label + input.form-control,
form label + textarea.form-control{
    padding-left: 70px!important;
}
.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control{
    background-color: #eef1f5;
    opacity: 1;
    border-color: #eef1f5!important;
    /*color: #ccc!important;*/
    color: #000!important;
}
form .gender>label{
    position: relative!important;
    top: 9px;
    width: 70px!important;
    left: 20px;
}
form label.radio-inline{
    position: relative!important;
    width: auto!important;
    top: 6px;
    margin-right: 20px;
}
.bh-sl-container .form-input {
    width: 90%!important;
    margin-right: 18px!important;
    border-radius: 2px!important;
}
.bh-sl-container .form-input input{
    border-radius: 2px!important;
    width: 100%!important;
}
.bmi-calculator{
    border: 1px solid var(--green);
    padding: 1px 15px 0px;
    margin: 0;
}
.bmi-calculator h2{
    margin-top: 10px;
}
.bmi-calculator div{
    clear: both;
    margin-bottom: 0;
}
.bmi-calculator div p:first-child{
    float: left;
    padding-top: 5px;
}
.bmi-calculator div p:last-child{
    float: left;
    text-align: right;
}
.bmi-calculator div p{
    width: 50%;
    margin-bottom: 0;
}
.bmi-calculator div p strong{
    font-size: 21px;
    font-weight: 400;
}
.bmi-calculator div.result{
    text-align: center;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    font-size: 40px;
}
.bmi-calculator .message{
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0;
}
.bmi-calculator .message.danger{
    color: rgba(231,61,74,1);
    font-weight: 600;
}
.bmi-calculator .message.warning{
    color: #c5610b;
    font-weight: 600;
}
.bmi-calculator .message.safe{
    color: var(--green);
    font-weight: 600;
}
.amcharts-chart-div{
    
}
.amcharts-chart-div text{
    font-family: 'Ubuntu', sans-serif!important;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0px;
    color: #ccc;
    fill: #333;
}
/* simple chart */
.SimpleChart {
    position: relative;
}
.SimpleChart #tip {
    background-color: #f0f0f0;
    border: 1px solid #d0d0d0;
    position: absolute;
    left: -200px;
    top: 30px;
}
.down-triangle {
    width: 0;
    height: 0;
    border-top: 10px solid #d0d0d0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    left: -200px;
}
.SimpleChart #highlighter {
    position: absolute;
    left: -200px;
}

.-simple-chart-holder {
    float: left;
    position: relative;
    width: 100%;
    background-color: #fff;
    border: 1px solid #cecece;
    /*padding: 6px;*/
}


.SimpleChart .legendsli {
    list-style: none;
}

.SimpleChart .legendsli span {
    float: left;
    vertical-align: middle;
}
.SimpleChart .legendsli span.legendindicator {
    position: relative;
    top: 5px;
}
.SimpleChart .legendsli span.legendindicator .line {
    width: 30px;
    height: 3px;
}
.SimpleChart .legendsli span.legendindicator .circle {
    width: 12px;
    height: 12px;
    border-radius: 20px;
    position: relative;
    top: -5px;
    right: 20px;
}
.simple-chart-legends {
    background: #E7E7E7;
    border: 1px solid #d6d7dd;
    padding: 5px;
    margin: 2px 0px;
}
.simple-chart-legends ul li {
    display: inline;
    border-right: 1px solid #d6d7dd;
    float: left;
    padding: 10px;
}
.simple-chart-legends ul li:last-child {
    border-right: 0px;
}
.simple-chart-legends.vertical {
    margin: 0px 10px;
}
.simple-chart-legends.vertical ul li {
    display: block;
    border: 0px;
    border-bottom: 1px solid #d6d7dd;
}
.simple-chart-legends.vertical ul li:last-child {
    border-bottom: 0px;
}
.simple-chart-legends .legendvalue {
    padding-left: 2px;
    background: #fff;
}
.simple-chart-Header {
    position: absolute;
    font-size: 16px;
}
#chartdiv {
  width: 100%;
  height: 400px;
}
/* simple chart */
@media(min-width:768px){
    .form-horizontal .form-group .col-sm-6:first-child{
        padding-right: 5px!important;
    }
    .form-horizontal .form-group .col-sm-6:last-child{
        padding-left: 5px!important;
    }
    .form-horizontal .form-group .col-sm-6.id:last-child{
        padding-left: 15px!important;
    }
    .form-horizontal .form-group .col-sm-6:first-child label.after{
        left: auto;
        right: 15px;
        width: 22px!important;
        text-align: right!important;
    }
    .form-horizontal .form-group .col-sm-6:last-child label.after{
        left: auto;
        right: 25px;
        width: 22px!important;
        text-align: right!important;
    }
}
@media(max-width:768px){
    .form-horizontal .form-group .col-sm-6:first-child{
        margin-bottom: 15px!important;
    }
}
.jumbotron{
    border-radius: 0px!important;
    background-color: transparent;
    padding: 0!important;
}
.profile.history .weigh-loss{
    background: var(--gray) url(../../../storage/img/backgrounds/weightloss.png) no-repeat top right;
    background-size: auto 100%;
}
.profile.history .medical{
    background: #f77a78 url(../../../storage/img/backgrounds/medical.jpg) no-repeat top right;
    background-size: auto 100%;
}
.profile.history .family-medical{
    background: #e4e4e4 url(../../../storage/img/backgrounds/family-medical.jpg) no-repeat top right;
    background-size: auto 100%;
}
.profile.history .family-medical h2,
.profile.history .family-medical p{
    max-width: 55%;
}
.profile.history .weigh-loss h4,
.profile.history .weigh-loss h2,
.profile.history .weigh-loss p{
    color: #fff;
}
.profile.history .medical h2,
.profile.history .medical p{
    color: var(--gray);
}
.profile.history .weigh-loss p,
.profile.history .medical p{
    width: 50%;
    font-size: 16px;
}
.profile.history .family-medical p{
    font-size: 16px;   
}
.dropzone {
    margin-top: 0!important;
    margin-bottom: 10px;
}
.dropzone.dz-clickable .dz-message, 
.dropzone.dz-clickable .dz-message * {
    font-size: inherit!important;
    color: var(--green)!important;
    text-transform: uppercase;
    font-weight: 500;
}
.dropzone.dz-clickable .dz-message h4 {
    font-size: 20px!important;
}
.dropzone .dz-preview .dz-image {
    border-radius: 50%!important;
    border: 2px solid var(--green)!important;
}
.dropzone .dz-success{
    color: var(--green);
    font-size: 14px;
    margin-top: 30px;
    color: green;
    font-size: 14px;
    margin-top: 30px;
    text-transform: uppercase;
    font-weight: 600;
}
.dropzone .dz-error{
    color: red;
    font-size: 14px;
    margin-top: 30px;
}
.dropzone {
    text-align: center;
    margin-top: 0px;
    border-radius: 0px;
    background-color: #fff!important;
    border: 0px!important;
}
/* Modal */
    .modal {
        border-top: 4px solid var(--green);
        padding: 30px;
    }
    .modal-dialog{
        background: transparent;
    }
    .modal .modal-header h4{
        color: #fff;
    }
    .modal .modal-header h4:after{
        content: ' ';
        background-color: var(--green);
        width: 25px;
        height: 3px;
        position: absolute;
        top: 47px;
        left: 15px;
        transition: all 0.3s ease;
    }
    .modal .close{
        font-size: 29px;
        color: #fff;
        opacity: 1;
        padding-top: 6px;
    }
    .modal .close:hover{
        color: var(--green);
        text-shadow: var(--green);
    }
    .modal-content {
        -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.5);
        box-shadow: 0 0px 0px rgba(0,0,0,.5);
        border: 0;
        border-radius: 0;
        background: transparent;
    }
    .modal-body{
        background: #fff;
    }
    .modal-header {

    }
    .modal-backdrop {
        z-index: 999999999;
    }
    .modal {
        z-index: 99999999999;
    }
/* Modal */
.clear{
    clear: both;
}
.g-recaptcha>div{
    margin: 0 auto;
}
#google-sign-in{
    background-color: #4285f4;
    cursor: pointer;
    text-transform: inherit;
    color: #fff;
}
#google-sign-in:hover{
    background-color: #265aaf;
}
#google-sign-in i{
    margin-right: 9px;
}
.signout h3{
    margin-top: 58px;
    color: var(--green);
}
.default section{
    padding-top: 20px;
}
.btn-primary.active, 
.btn-primary:active, 
.btn-primary:hover, 
.open>.btn-primary.dropdown-toggle,
.typeahead__result .typeahead__list li .button .link:hover {
    color: #fff;
    background-color: var(--gray);
    border-color: var(--gray);
}
.btn-secondary.active, 
.btn-secondary:active, 
.btn-secondary:hover,
.btn-secondary:focus, 
.open>.btn-secondary.dropdown-toggle {
    color: #fff!important;
    background-color: var(--green);
    border-color: var(--green);
}
.home header{
    background: transparent!important;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.3s ease;
    z-index: 20;
}
.default header{
    position: relative;
    background-size: cover!important;
    background-position: top right!important;
    top: 0;
    z-index: 20;
    left: 0;
    width: 100%;
    padding-bottom: 35px;
    transition: all 0.3s ease;
    border-bottom: 3px solid var(--green);
}
header>.container-fluid{
    background: transparent;
}
.default header h1{
    color: var(--gray);
    margin-top: 15px;
    margin-bottom: 0px;
    text-transform: capitalize;
}
.default header h1 i{
    margin-left: 15px;
    position: relative;
    font-size: 33px;
}
.nopadding{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.nobottompadding{
    padding-bottom: 0px!important;
}
.notopmargin{
    margin-top: 0px!important;
}
.topmargin{
    margin-top: 30px!important;
}
.nobottommargin{
    margin-bottom: 0px!important;
}
.navbar-default{
	background: transparent;
	border: 0px;
    margin-bottom: 0px;
}
.navbar-default .navbar-header{
    width: 100%;
    height: 100px;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}
.slided .navbar-default .navbar-header{
    height: 78px;
    transition: all 0.3s ease;
}
.navbar-default .navbar-brand{
	margin: 0;
    padding: 10px 0;
}
.navbar-default .navbar-brand .center{

}
.navbar-default .navbar-brand .right{

}
header img{
	transition: all 0.3s ease;
	max-width: 250px!important;
	display: inline-block!important;
}
header img:nth-child(2){
    margin-left: 15px;
    margin-right: 25px;
}
header .brand-logo{
	float: left;
    width: 35%;
}
header .app-store{
	display: inline-block;
    width: 15%;
    text-align: center;
    padding-top: 30px;
}
.slided header .app-store{
    padding-top: 18px;
}
header .app-store i{
	font-size: 30px;
    margin: 0 9px;
    color: var(--gray);
}
header .app-store i:hover{
    color: var(--green);
}
header .contact-info{
    float: right;
    color: #fff;
    width: 50%;
    padding-top: 30px;
}
.slided header .contact-info{
    padding-top: 15px;
}
header .contact-info .info{
    float: right;
    text-align: right;
}
header .contact-info .info .details{

}
header .contact-info .info i{
    font-size: 34px;
    margin-right: 8px;
    width: 35px;
}
header .contact-info .info p:nth-child(1){
    font-size: 13px;
    margin: 0;
}
header .contact-info .info p:nth-child(2){
    font-size: 11px;
    margin: 0;
}
header .contact-info .info .btn-group{
    margin-top: -6px;
}

header .contact-info .info .dropdown-toggle{
    padding: 0!important;
    position: absolute;
    bottom: 17px;
    right: 31px;
}
header .contact-info .info .btn-group button{
    padding: 0;
    border: 0;
    background: transparent;
}
header .contact-info .col-sm-2 .info{

}
header .contact-info .dropdown-menu{
    min-width: 190px;
    left: -148px;
    position: absolute;
    background-color: var(--green);
    border-radius: 0;
    padding: 7px 0 0;
}
header .contact-info .dropdown-menu li{
    padding: 4px 10px;
}
header .contact-info .dropdown-menu li.signout{
    background-color: rgba(0,0,0,0.1);
}
header .contact-info .dropdown-menu li i{
    color: #fff!important;
    margin-right: 0;
}
header .contact-info .dropdown-menu li span{
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
header .contact-info .dropdown-menu li strong{
    
}
header .contact-info .dropdown-menu li.divider{
    margin: 5px 0 0;
    padding: 1px 0px;
    background-color: rgba(255,255,255,0.1);
}
header .contact-info .dropdown-menu li a{
    padding: 3px 0;
    color: #fff;
    font-weight: 500;
}
header .contact-info .dropdown-menu li a:hover{
    background-color: transparent;
}
header .contact-info .dropdown-menu li.link:hover{
    background-color: rgba(255,255,255,0.1);
}
header .contact-info .info .btn-group .img{
    width: 45px;
    height: 45px;
    background-size: cover!important;
    padding: 0;
    border-radius: 50%;
    border: 2px solid var(--green);
}
header .contact-info .info .btn-group i{
    font-size: 14px!important;
    color: var(--green);
}

.profile h4{
    font-weight: 100;
    font-size: 24px;
    text-transform: uppercase!important;
    margin-top: 0px;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
}
.profile .img{
    width: 120px;
    height: 120px;
    background-size: cover!important;
    padding: 0;
    border-radius: 50%;
    border: 2px solid var(--green);
    position: relative;
    margin: 0 auto 20px;
    overflow: hidden;
}
.profile .img .edit{
    padding-top: 35px;
    position: absolute;
    background-color: transparent;
    width: 100%;
    text-align: center;
    cursor: pointer;
    height: 100%;
    transition: all 0.3s ease;
}
.profile .img .edit:hover{
    background-color: rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}
.profile .img .edit i{
    color: rgba(255,255,255,0.5);
    font-size: 30px;
}

.profile ul.wrap,
ul.wrap.health-history{
    margin-bottom: 24px;
    overflow: -webkit-paged-x;
}
.profile ul.wrap li,
ul.wrap.health-history li{
    padding-top: 3px;
    padding-bottom: 3px;
}
.profile ul.wrap ul{
    
}
.profile ul li strong{
    font-weight: 600;
    font-size: 17px;
    top: -3px;
    position: relative;
}
.health-history ul{
    overflow: -webkit-paged-x;
}
.health-history ul li ul{
    
}
.health-history .details{
    border: 1px solid #ccc;
    padding: 15px;
}
.health-history .details .weight,
.health-history .details .chest,
.health-history .details .waist{

}
.health-history .details .weight .badge,
.health-history .details .weight .medical,
.health-history .details .travel-history .medical{
    background-color: crimson;
}
.health-history .details .chest .badge,
.health-history .details .vaccine .badge,
.health-history .details .allergies .badge{
    background-color: blueviolet;
}
.health-history .details .waist .badge,
.health-history .details .operation .badge{
    background: cadetblue;
}
.details.medical .badge{
    min-width: 85px;
    margin-right: 15px;
}
.health-history .details ul{
    
}
.health-history .details ul li{
    text-transform: uppercase;
    font-weight: 600;
}
.health-history .details ul li ul{
    margin-left: 0px;
}
.health-history .details ul li ul li{
    text-transform: capitalize;
    font-weight: 400;
    margin-right: 5px;
}
.health-history .graph{
    
}
header .details a,
footer a{
    color: #fff!important;
}
footer{
    background-color: var(--gray);
    color: #fff;
    padding-top: 30px;
    position:relative;
}
footer .alert{
    position: relative!important;
    display: block!important;
}
footer strong{
    text-transform: uppercase;
}
footer li{
    padding: 2px 0;
}
footer img{
    max-width: 130px!important;
    margin-bottom: 10px;
}
footer .bottom{
    margin-top: 20px;
    background-color: #000;
    font-size: 11px;
    padding: 6px 0;
}
footer i{
    margin-left: 0px;
    margin-right: 5px;
}
footer .bottom i{
    margin-left: 10px;
    margin-right: 0px;
}

/* Slided */
.slided header{
    position: fixed;
    width: 100%;
    padding-bottom: 0;
    background: rgba(255,255,255,0.9)!important;
    transition: all 0.3s ease;
    border-bottom: 5px solid var(--green);
}
.slided header h1{
    display: none;
    transition: all 0.3s ease;
}
.slided header img{
	max-width: 153px!important;
	transition: all 0.3s ease;
}
/* Slided */

.owl-carousel .owl-item .item img{
    display: block;
    width: 100%;
    height: auto;
}
.carousel{
    position: absolute;
    width: 100%;
    height: 194px;
    top: 220px;
    z-index: 1
}
.carousel .details{
    position: relative;
    color: var(--gray);
    width: 100%;
}
.carousel .details .stores{
    margin-top: 10px;
}
.carousel .details .stores div:nth-child(1){
    padding-right: 2px!important;
}
.carousel .details .stores div:nth-child(2){
    padding-left: 1px!important;
    padding-right: 1px!important;
}
.carousel .details .stores div:nth-child(3){
    padding-left: 2px!important;
}
.carousel h2{
    text-transform: uppercase;
}
.carousel p{
    font-size: 20px;
    font-weight: 100;
}

.btn,
.typeahead__result .typeahead__list li .button .link,
.symptoms-search .button .link{
    font-family: 'Ubuntu', sans-serif!important;
    font-size: 18px!important;
    font-weight: 500;
    border: 0px;
    border-radius: 0px;
    padding: 10px 12px;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.btn-primary,
.typeahead__result .typeahead__list li .button .link,
.symptoms-search .button .link{
    background-color: var(--blue);
    border-color: var(--blue);
    color: #fff;
}
.btn-secondary{
    background-color: var(--green);
    border-color: var(--green);
    color: var(--gray);
}
.navbar-nav>li {
    float: left;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover{
    color: #fff;
    background-color: transparent;
}
.navbar-default .navbar-nav>.active:before{
    content: ' ';
    background-color: var(--green);
    width: 15px;
    height: 3px;
    position: absolute;
    top: 11px;
}
.nav>li>a {
    padding: 20px 20px 10px 0;
    color: var(--gray)!important;
    text-transform: uppercase;
    font-weight: 5100;
    transition: all 0.3s ease;
}
.nav>li>a:hover:after{
    content: ' ';
    background-color: var(--green);
    width: 25px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.3s ease;
}
.nav>li.active>a:hover:after,
.nav.social>li>a:hover:after,
.nav.stores>li>a:hover:after{
    background-color: transparent!important;
}
.nav.social>li>a{
    font-size: 19px;
}
.nav.social>li>a:hover,
.nav.social>li>a:focus{
    color: var(--green)!important;
}
.navbar-toggle {
    margin-right: 0;
    padding: 0px;
    margin-top: 28px;
    border: 0px solid transparent;
    border-radius: 0;
    font-size: 26px;
    color: var(--gray);
    width: 40px;
    height: 40px;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
    color: var(--green);
    border-radius: 0;
}
.navbar-nav.stores {
    display: none;
}

.talk-to{
    background: url(../../../storage/img/backgrounds/talk-to.jpg) no-repeat center right;
    background-size: cover;
}
.home .talk-to{
    margin-top: 0px;
    background-position: top right;
    padding-top: 80px;
    padding-bottom: 80px;
}
.home .talk-to h1,
.home .talk-to p{
    color: #fff;
}
.default .content{
    margin-top: -40px;
    border-bottom: 2px solid var(--green);
    padding-bottom: 0px;
}
.default .content.error{
    margin-top: 0;
    border-bottom: 2px solid var(--green);
    padding-bottom: 53px;
}
.default .content.error .code{
    font-size: 70px;
    color: #ccc;
}
.contact-us{
    padding: 50px 0 50px!important;
}
.happy-patient{
    background: #afada1 url(../../../storage/img/backgrounds/happy-patient.jpg) no-repeat top right;
    background-size: cover;
    padding-bottom: 30px;
    padding-top: 30px;
    border-bottom: 2px solid var(--green);
}
.happy-patient i{
    color: var(--gray);
}
.live-chat{
    background: url(../../../storage/img/backgrounds/livechat.jpg) no-repeat top left;
    background-size: cover;
    padding-bottom: 31px;
    border-bottom: 2px solid var(--green);
    min-height: 350px;
}
.standing-doc{
    background: url(../../../storage/img/backgrounds/standing-doc.jpg) no-repeat top right;
    background-size: cover;
    padding-bottom: 35px;
    margin-top: -74px!important;
    padding-top: 90px;
    border-color: var(--gray);
}
.standing-doc .registration{
   margin-top: 10px; 
}
.standing-doc .registration .info{
    padding-left: 30px;
    position: relative;
    margin: 0 0 25px;
    overflow: auto;
}
.standing-doc .registration .info a{
    color: var(--gray);
}
.standing-doc .registration .info a:hover,
.standing-doc .registration .info a:focus{
    color: var(--green);
}
.standing-doc .registration .info i{
    font-size: 25px;
    margin-right: 18px;
}
.standing-doc .registration .info p{
    font-size: 17px;
    margin: 0;
}
.standing-doc .registration .info p strong{
    font-size: 21px;
    text-transform: uppercase;
}
.talk-to i,
.happy-patient i,
.live-chat i{
    margin: 0 6px;
}
.convenience{
    background: url(../../../storage/img/backgrounds/convenience.jpg) no-repeat top right;
    background-size: cover;
    padding-top: 15px;
    padding-bottom: 40px;
}
.convenience h1{
    color: #fff;
}
.convenience p{
    color: #fff;
}
.convenience .chat{

}
.convenience img{
    border-radius: 50%;
    max-width: 200px;
}
.convenience i{
    font-size: 63px;
    position: absolute;
    left: 220px;
    top: 151px;
}
.convenience .chat img{
    border: 5px solid var(--green);
}
.convenience .chat i{
    color: var(--green);
}
.convenience .sos img{
    border: 5px solid var(--red);
}
.convenience .sos i{
    color: var(--red);
}
.convenience .check img{
    border: 5px solid var(--purple);
}
.convenience .check i{
    color: var(--purple);
}
.convenience .medical img{
    border: 5px solid var(--blue);
}
.convenience .medical i{
    color: var(--blue);
}
.convenience .chat,
.convenience .sos,
.convenience .check,
.convenience .medical{
    padding: 0 64px;
}
.convenience h2{
    text-transform: uppercase;
    color: #fff;
    font-size: 23px;
}
.moreinfo{
    background: var(--blue) url(../../../storage/img/backgrounds/more-info.png) no-repeat bottom right;
    padding-top: 53px;
    padding-bottom: 71px;
}
.moreinfo h1{
    color: #fff;
    font-weight: 100;
    font-size: 47px;
}
.moreinfo a{
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    text-transform: uppercase;
}
.moreinfo h1 img{
    max-width: 125px;
    margin: 0 9px;
}
.diagnosis{
    display: none;
    border-bottom: 2px solid var(--green);
    padding-bottom: 50px;
    padding-top: 40px;
}
.home .diagnosis{
    margin-top: -18px;
}
.diagnosis .search_input,
.diagnosis .search_input:focus{
    border: 2px solid var(--green);
    padding: 19px;
    font-weight: 700;
}
.diagnosis .typeahead__query i{
    font-size: 20px;
    color: var(--green);
    position: absolute;
    top: 10px;
    right: 10px;
}
.join{
    background: #d4f1f9 url(../../../storage/img/backgrounds/join.jpg) no-repeat top right;
    padding-top: 15px;
    padding-bottom: 20px;
    position: relative;
}
.form-control{
    border: 2px solid var(--green);
    border-radius: 0!important;
    font-size: 15px!important;
    padding: 19px!important;
    font-weight: 500!important;
    height: 32px!important;
    color: var(--gray)!important;
    font-family: 'Ubuntu', sans-serif!important;
}
select.form-control{
    padding: 1px 8px 0!important;
    min-height: 42px;
}
#medical .country,
#medical .operation,
#medical .medication,
#medical .diabetes,
#medical .asthma,
#medical .epilepsy{
    display: none;
}
textarea.form-control{
    min-height: 120px;
    padding-top: 8px!important;
}
.contact_details{
    
}
.form-control.secondary{
    border: 2px solid var(--gray);
    color: var(--gray)!important;
}
.join .form-control,
.join .form-group button{
    margin-top: 15px;
    margin-bottom: 0px;
}
.join .app-hand{
    position: absolute;
    bottom: 0;
    left: 0;
}
.typeahead__result{
    
}
.typeahead__result .typeahead__list{
    padding: 0;
}
.typeahead__result .typeahead__list li:last-child{
    border: 0px;
}
.typeahead__result .typeahead__list li h4,
.symptoms-search h4{
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize!important;
    font-family: 'Ubuntu', sans-serif;
    letter-spacing: 0;
}
.symptoms-search h4{
    margin: 8px 0 5px;
    font-size: 15px;
    font-weight: 600px
}
.typeahead__empty{
    padding: 12px;
}
.typeahead__result .typeahead__list li .diagnosis,
.typeahead__result .typeahead__list li .specialisation{
    padding: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0;
    font-size: 12px;
    float: left;
    margin: 0;
}
.symptoms-search .diagnosis,
.symptoms-search .specialisation{
    padding: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0;
    font-size: 14px;
    float: left;
    margin: 0;
}
.typeahead__result .typeahead__list li .symptom{
    padding: 8px;
}
.typeahead__result .typeahead__list li .diagnosis{

}
.typeahead__result .typeahead__list li .specialisation{

}
.typeahead__result .typeahead__list li .link{
    
}
.typeahead__result .typeahead__list li .button .link,
.symptoms-search .button .link{
    text-align: center;
    margin: 0;
}
.typeahead__result .typeahead__list li p,
.symptoms-search p{
    margin: 1px 0px!important;
}
.typeahead__result .typeahead__list li .button p{
    margin: 0px!important;
}
.typeahead__result .typeahead__list li .symptom .link,
.symptoms-search .symptom .link{
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    text-align: right;
    margin: 12px 0 0;
    padding-top: 2px;
    clear: both;
}
.typeahead__result .typeahead__list li .button .link a{
    color: #fff;
}
.typeahead__result .typeahead__list li .button h4,
.typeahead__result .typeahead__list li .button .diagnosis,
.typeahead__result .typeahead__list li .button .specialisation{
    display: none;
}
.typeahead__cancel-button{
    top: 13px;
}
.typeahead__dropdown>li>a, .typeahead__list>li>a {
    padding: 0;
}
.page-header{
    background-color: var(--gray);
}
.symptoms-list{
    
}
.symptoms-list h4,
.symptoms-search h4{
    font-weight: 600;
    font-size: 17px;
    position: relative;
    letter-spacing: 0;
    font-family: 'Ubuntu', sans-serif;
    text-transform: capitalize!important;
}
.symptoms-list h4:before,
.symptoms-search h4:before{
    content: ' ';
    width: 5px;
    height: 18px;
    position: absolute;
    background-color: var(--green);
    top: -1px;
    left: -9px;
}
.symptoms-list h4 span{
    font-weight: normal;
}
.symptoms-list>.row,
.symptoms-search>.row{
    border-bottom: 1px var(--green) solid;
}
.symptoms-list>.row:last-child,
.symptoms-search>.row:last-child{
    border-bottom: 0px var(--green) solid;
}
.symptoms-list p{
    margin-bottom: 0;
}
.testimonials{
    margin-top: 0px!important;
}
.doctors{
    margin-top: -5px!important;
}
.testimonials .item{
    
}
.testimonials .item .wrapper{
    border: 1px solid #ddd;
    padding: 60px 11px 0;
    margin-top: 60px;
}
.testimonials .item .img-wrapper{
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0;
}
.testimonials .item .img-wrapper img{
    width: 120px!important;
    height: 120px!important;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 0px;
}
.testimonials .item blockquote{
    font-size: 15px;
    border-left: 5px solid var(--green);
}

.testimonials .item p{
    
}
/* fluid 5 columns */
.grid-sizer,
.grid-item { width: 50%; }
/* 2 columns */
.grid-item--width2 { width: 100%; }

.doctors{
    
}
.doctors .button-group{
     text-align: center;
}
.doctors .button-group button{
    background: transparent;
    border: 1px solid var(--green);
    background-color: #fff;
    color: var(--green);
    text-transform: uppercase;
    padding: 8px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.doctors .button-group button:active,
.doctors .button-group button:focus,
.doctors .button-group button:hover{
    background-color: var(--green);
    color: #fff;
}
.doctors .grid{
    
}
.doctors .grid .grid-item{
    padding: 15px;
}
.doctors .grid .grid-item .container-wrapper{
    padding: 15px;
    border: 1px solid #ccc;
    overflow: auto;
}
.doctors .grid .grid-item .img-wrapper{
    width: 30%;
    float: left;
}
.doctors .grid .grid-item .img-wrapper img{
    border-radius: 50%;
    border: 1px solid var(--green);
}
.doctors .grid .grid-item .wrapper{
    width: 100%;
    float: left;
    padding: 0 15px;
}
.doctors .grid .grid-item .wrapper h4{
    margin: 0;
    font-weight: 500;
}
.doctors .grid .grid-item .wrapper p{
    margin: 0 0 5px;
    font-size: 12px;
}
.doctors .grid .grid-item .wrapper p strong{
    text-transform: uppercase;
    color: var(--green);
}
.doctors .grid .grid-item .wrapper p small{
    font-size: 11px;
}
#medical,
.outro{
    display: none;
    opacity: 0;
}
#medical .form-group div{
    margin-bottom: 15px;
}
.alert{
    position: relative;
    top: 0;
    z-index: 19;
    border-radius: 0;
    width: 100%;
    padding: 10px;
}
.home .alert{
    position: absolute;
}
.alert i{
    font-size: 18px;
    float: left;
    margin-right: 15px;
}
.alert p{
    float: left;
    margin-top: 0px;
    margin-bottom: 0;
}
.alert-success{
    background-color: rgba(41,176,76,0.9);
    border: 1px solid rgba(41,176,76,1);
    color: #fff;
}
.alert-danger,
.captcha-warning,
.modal-body .warning-message{
    background-color: rgba(231,61,74,0.9);
    border: 1px solid rgba(231,61,74,1);
    color: #fff;
}

.captcha-warning{
    padding: 12px;
    margin: 0 15px 15px;
    text-align: center;
    background-color: rgba(231,61,74,1);
}
.modal-body .warning-message{
    padding: 12px;
    margin: 0 0px 15px;
    text-align: center;
    background-color: rgba(231,61,74,1);
}

.form-control::-webkit-input-placeholder {
   color: var(--green);
   font-size: 14px;
}
.form-control:-moz-placeholder { /* Firefox 18- */
   color: var(--green); 
   font-size: 14px; 
}
.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: var(--green);  
   font-size: 14px;
}
.form-control:-ms-input-placeholder {  
   color: var(--green); 
   font-size: 14px; 
}

#signin .form-control::-webkit-input-placeholder {
   color: var(--gray);
   font-size: 14px;
}
#signin .form-control:-moz-placeholder { /* Firefox 18- */
   color: var(--gray); 
   font-size: 14px; 
}
#signin .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: var(--gray);  
   font-size: 14px;
}
#signin .form-control:-ms-input-placeholder {  
   color: var(--gray); 
   font-size: 14px; 
}

.diagnosis .form-control::-webkit-input-placeholder {
   color: var(--gray);
   font-size: 16px;
}
.diagnosis .form-control:-moz-placeholder { /* Firefox 18- */
   color: var(--gray); 
   font-size: 16px; 
}
.diagnosis .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: var(--gray);  
   font-size: 16px;
}
.diagnosis .form-control:-ms-input-placeholder {  
   color: var(--gray); 
   font-size: 16px; 
}






.warning-input::-webkit-input-placeholder {
   color: #b71318!important;
   font-size: 14px!important;
}
.warning-input:-moz-placeholder { /* Firefox 18- */
   color: #b71318!important; 
   font-size: 14px!important; 
}
.warning-input::-moz-placeholder {  /* Firefox 19+ */
   color: #b71318!important;  
   font-size: 14px!important;
}
.warning-input:-ms-input-placeholder {  
   color: #b71318!important; 
   font-size: 14px!important; 
}

@media(min-width: 1352px) and (max-width: 2000px){
    .standing-doc {
        margin-top: -105px!important;
        padding-top: 120px;
    }
    .default header h1 {
        margin-top: 25px;
    }
    .default header {
        padding-bottom: 20px;
    }
    .default.slided header {
        padding-bottom: 0px;
    }
}
@media(min-width: 1352px) and (max-width: 1530px){
    .join .app-hand{
        max-width: 201px;
    }
}
@media(max-width: 1400px){
    .carousel {
        top: 174px;
    }
}
@media(max-width: 1350px){
    .join .app-hand{
        display: none;
    }
}
@media(max-width: 1200px){
    .bh-sl-container .form-input {
        width: 80%!important;
    }
    .default header{
        background-color: var(--gray);
    }
    header .brand-logo {
        width: 36%;
    }
    header .app-store {
        width: 10%;
        padding-top: 40px;
    }
    header .app-store i {
        font-size: 20px;
        margin: 0 4px;
    }
    header img:nth-child(2) {
        margin-right: 12px;
    }
    header .contact-info {
        width: 54%;
        padding-top: 34px;
    }
    header .contact-info .info i {
        font-size: 30px;
        margin-right: 5px;
        width: 35px;
    }
    .carousel {
        top: 170px;
    }
    .carousel h2 {
        margin-top: 0px;
    }
}
@media(max-width: 1100px){
    .join{
        background: #d4f1f9;
    }
    .nav>li>a {
        padding: 20px 17px 10px 0;
    }
}  
@media(max-width: 992px){
    .profile .profile_image{
        margin-bottom: 30px;
    }
    header img {
        max-width: 214px!important;
        margin-top: 0px;
    }
    .slided header .contact-info {
        padding-top: 23px;
    }
    body.default .banner {
        position: relative;
        top: 51px;
    }
    body.default .banner.blank {
        position: relative;
        top: 51px;
    }
    header .app-store {
        display: none;
    }
    .navbar-default .navbar-header {
        height: 95px;
    }
    .default header {
        /*background: url(../../../storage/img/banners/blank.png) no-repeat bottom right!important;*/
        background-size: cover!important;
    }
    .default header h1{
        margin-top: 15px;
    }
    header .brand-logo {
        width: 25%;
    }
    header .contact-info {
        width: 75%;
    }
    .carousel {
        top: 187px;
    }
    .carousel h2 {
        margin-top: 0px;
    }
    .happy-patient{
        background-size: 108%;
    }
}
@media(min-width: 768px) and (max-width:992px){
    .carousel {
        top: 260px;
    }
    .nav>li>a {
        padding: 20px 7px 10px 0;
    }
    .nav.social{
        display: none;
    }
}
@media(max-width: 767px){
    .happy-patient{
        background: #afada1;
    }
    .convenience h1 {
        font-size: 29px;
    }
    .default header {
        background: #fff!important;
    }
    .default header h1{
        margin-top: 15px;
    }
    .convenience .chat img {
        border: 5px solid #fff;
    }
    .convenience .chat i {
        color: #fff;
    }
    header .contact-info{
        display: none;
    }
    header .brand-logo {
        width: 60%;
    }
    header {
        border-bottom: 0px;
        padding-bottom: 15px;
    }
    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form {
        border-color: var(--green);
        background-color: var(--green);
        margin: 0;
        width: 50%;
        top: 90px;
        position: absolute;
        right: 0;
    }
    .navbar-nav>li {
        width: 100%;
        clear: both;
    }
    .navbar-nav.social>li {
        width: 25%;
        clear: inherit;
        text-align: center;
    }
    .nav>li>a {
        padding: 10px 20px 10px 30px;
        font-size: 22px;
    }
    .navbar-nav.stores{
        display: block;
    }
    .navbar-nav.stores>li {
        width: 33.333333%;
        clear: inherit;
        text-align: center;
    }
    .navbar-default .navbar-nav>.active:before{
        background-color: #fff;
        top: 0;
        left: 30px;
    }
    .nav>li>a:hover:after{
        background-color: #fff;
        left: 30px;
    }
    .nav.social>li>a:hover,
    .nav.social>li>a:focus,
    .nav.stores>li>a:hover,
    .nav.stores>li>a:focus{
        color: #fff!important;
    }
    .carousel {
        top: 152px;
    }
    .slided header {
        height: 74px;
    }
    .slided .navbar-toggle {
        margin-top: 15px;
    }
    .convenience h2,
    .convenience p {
       text-align: center
    }
    .talk-to{
        background: url(../../../storage/img/backgrounds/talk-to-xs.jpg) no-repeat center right;
        background-size: cover;
        padding-top: 25px!important;
        padding-bottom: 50px!important;
    }
    .talk-to h1,
    .talk-to p{
        color: #fff;
    }
    .convenience{
        background: var(--gray);
        background-size: cover;
    }
    .convenience img {
        max-width: 50%;
        margin-left: 20%;
    }
    .convenience i {
        font-size: 63px;
        position: absolute;
        left: 59%;
        top: 59%;
    }
}
@media(max-width: 700px){
    .profile.history .weigh-loss {
        background: var(--gray)!important;
    }
    .profile.history .medical {
        background: #f77a78!important;
    }
    .profile.history .family-medical {
        background: #e4e4e4!important;
    }
    .profile-tabs .tab-pane {
        min-height: 237px;
    }
    .profile-tabs .active h4 {
        font-size: 13px!important;
        margin-bottom: 0;
    }
    .profile-tabs h4 {
        font-size: 12px!important;
        margin-bottom: 0;
    }
    .profile-tabs a {
        padding: 10px 20px 10px!important;
    }
    .convenience i {
        left: 56%;
        top: 57%;
    }
    .profile.history .weigh-loss p, 
    .profile.history .medical p,
    .profile.history .family-medical p {
        width: 100%;
    }
    .profile.history .family-medical h2, 
    .profile.history .family-medical p {
        max-width: 100%;
    }
}
@media(max-width: 600px){
    /* Pulse */
        .pulse-process{
            margin-top: -50px!important;
            padding-top: 50px!important;
            padding-bottom: 16px!important;
        }
        .standing-doc.pulse-process{
            background-position-x: -652px;
        }
    /* Pulse */
    .bh-sl-container .form-input {
        width: 70%!important;
    }
    h1{
        font-size: 30px!important;
    } 
    h3{
        font-size: 20px!important;
    } 
    h2{
        font-size: 25px!important;
    }    
    .happy-patient {
        background: #ebeed9;
        padding-bottom: 31px;
        border-bottom: 2px solid var(--green);
    }
    .live-chat {
        background: #fff;
        padding-bottom: 31px;
        border-bottom: 2px solid var(--green);
    }
    .join {
        background: #fff;
    }
    .convenience i {
        top: 50%;
    }
    header{
        padding-bottom: 8px;
    }
}
@media(max-width: 550px){
    .convenience img {
        max-width: 50%;
        margin-left: 20%;
    }
    .convenience i {
        left: 57%;
        top: 44%;
    }
    .navbar-toggle {
        margin-top: 21px;
    }
}
@media(max-width: 500px){
    .convenience img {
        max-width: 50%;
        margin-left: 20%;
    }
    .convenience i {
        font-size: 46px;
        left: 57%;
        top: 44%;
    }
    .nav>li>a {
        padding: 10px 20px 10px 20px;
        font-size: 20px;
    }
}
@media(max-width: 375px){

    .navbar .container-fluid,
    .navbar .container-fluid .navbar-header{
        padding-right: 0!important;
        margin-right: 0;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        width: 100%;
        top: 74px;
    }
    .slided header {
        height: 92px;
    }
    .slided .navbar-toggle {
        margin-top: 23px;
        margin-right: -15px;
    }
    .home .talk-to {
        padding-bottom: 30px;
    }
    .convenience img {
        max-width: 95%;
        margin-left: auto;
    }
    .convenience i {
        font-size: 49px;
        left: 58%;
        top: 33%;
    }
    .moreinfo {
        background-size: 59px;
    }
}

.slided .wow{
    visibility: inherit!important;
}
/* Overlay */
.overlay_preloader{
  background: rgba(255,255,255,0.9);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  padding: 10% 0;
  color: #e6e6e6;
  z-index: 20000;
}
.overlay_preloader i{
    margin-bottom: 20px;
    font-size: 30px;
    color: #09a64c;
}
.overlay_preloader img{
    max-width: 100px;
}
.icofont-spinner:before{
    display: inline-block;
    animation: rotation 2s infinite linear;
    -webkit-animation: rotation 2s infinite linear;
    -moz-animation: rotation 2s infinite linear;
}
@keyframes rotation {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotation {
    0% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}
.pulse {
  height: 100px;
  width: 200px;
  overflow: hidden;
  position: absolute;
  top: 95px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pulse:after {
  content: '';
  display: block;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200px 100px" enable-background="new 0 0 200px 100px" xml:space="preserve"><polyline fill="none" stroke-width="3px" stroke="#38B255" points="2.4,58.7 70.8,58.7 76.1,46.2 81.1,58.7 89.9,58.7 93.8,66.5 102.8,22.7 110.6,78.7 115.3,58.7 126.4,58.7 134.4,54.7 142.4,58.7 197.8,58.7 "/></svg>') 0 0 no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-animation: 2s pulse linear infinite;
  -moz-animation: 2s pulse linear infinite;
  -o-animation: 2s pulse linear infinite;
  animation: 2s pulse linear infinite;
    clip: rect(0, 0, 100px, 0);
}
.pulse:before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 2px;
  right: 2px;
  bottom: 0;
  top: 16px;
  margin: auto;
  height: 3px;

}

@-webkit-keyframes pulse {
  0% {
    clip: rect(0, 0, 100px, 0);
    opacity: 0.4;
  }
  4% {
    clip: rect(0, 66.66667px, 100px, 0);
    opacity: 0.6;
  }
  15% {
    clip: rect(0, 133.33333px, 100px, 0);
    opacity: 0.8;
  }
  20% {
    clip: rect(0, 300px, 100px, 0);
    opacity: 1;
  }

  80% {
    clip: rect(0, 300px, 100px, 0);
    opacity:0;
  }

  90% {
    clip: rect(0, 300px, 100px, 0);
    opacity: 0;
  }

  100% {
    clip: rect(0, 300px, 100px, 0);
    opacity:0;
 }
}
@keyframes pulse {
  0% {
    clip: rect(0, 0, 100px, 0);
  }
  4% {
    clip: rect(0, 66.66667px, 100px, 0);
  }
  15% {
    clip: rect(0, 133.33333px, 100px, 0);
  }
  20% {
    clip: rect(0, 300px, 100px, 0);
    opacity:1;
  }

  80% {
    clip: rect(0, 300px, 100px, 0);
    opacity:0;
  }

  90% {
    opacity: 0;
  }

  100% {
    clip: rect(0, 300px, 100px, 0);
    opacity:0;
 }
  
}
/* Overlay */

/* Chat */
    #MediSimChat{
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 999999999;
        width: 250px;
    }

    #MediSimChat .form{
        margin-top: 15px;
    }

    #MediSimChat .form p{
        text-align: center;
        color: var(--green);
        padding: 0 17px;
        font-size: 16px;
    }

    #MediSimChat .Button{
        cursor: pointer;
        position: absolute;
        bottom: 0;
        right: 0;
        opacity: 1;
        transition: all 0.3s ease;
    }
    #MediSimChat.active .Button{
        opacity: 0;
        transition: all 0.3s ease;
    }

    #MediSimChat .Button img{
        position: relative;
        bottom: -25px;
    }

    #MediSimChat .Button button{
        background-color: var(--green);
        border-radius: 10px 10px 0 0;
        border: 0px;
        padding: 6px 14px;
        color: #fff;
        font-size: 14px;
        width: 100%;
        text-align: left;
        margin-top: 0px;
    }

    #MediSimChat .ChatWindow{
        display: none;
        opacity: 0;
        transition: all 0.3s ease;
        height: 560px;
        background-color: #fff;
        border: 2px solid var(--green);
        border-radius: 10px 10px 0 0;
        padding: 0;
        position: absolute;
        bottom: 0px;
        right: 0;
        width: 100%;
    }

    #MediSimChat.active .ChatWindow{
        opacity: 1;
        transition: all 0.3s ease;
    }

    #MediSimChat .ChatWindow .heading{
        background-color: var(--green);
        padding: 10px 10px 5px;
        color: #fff;
        border-radius: 8px 8px 0px 0px;
    }

    #MediSimChat .ChatWindow .heading h2{
        margin-top: 0px;
        margin-bottom: 10px;
    }

    #MediSimChat .ChatWindow .heading h2 i{
        cursor: pointer;
        float: right;
    }

    #MediSimChat .ChatWindow .heading p{
        text-align: center;
        line-height: 1.2;
    }

    #MediSimChat .ChatWindow .text{
        width: 235px;
        border: 1px solid #ccc;
        border-radius: 5px;
        height: calc(100% - 190px);
        overflow: hidden;
        margin-left: 5px;
        margin-top: 6px;
    }
    #MediSimChat .chat-history{
        width: calc(100% + 16px);
        height: calc(100% - 50px);
        padding: 0 5px;
        overflow: auto;
        /*display: flex;
        flex-direction: column-reverse;*/
    }
    #MediSimChat .ChatWindow .input{
        padding: 5px;
        width: 100%;
        height: 45px;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    #MediSimChat .chat-input{
        padding: 0 5px;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        border: 1px solid #ccc;
    }
    #MediSimChat .upload-attachment{
        position: absolute;
        right: 11px;
        font-size: 23px;
        top: 12px;
        cursor: pointer;
        opacity: 0.5;
    }
    #MediSimChat .upload-attachment:hover{
        opacity: 1;
    }
    #MediSimChat .chat-history div{
        position: relative;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 10px;
        width: auto;
        padding: 3px 5px;
        font-weight: 200;
        font-size: 15px;
        max-width: 90%;
    }
    #MediSimChat .chat-history div .chat-date{
        font-size: 10px;
        margin: 2px 0 0;
        max-width: 74px;
        padding: 0px;
    }
    #MediSimChat .chat-history div img{
        max-width: 100%;
    }

    #MediSimChat .chat-history .other-user{
        background-color: #eaeaea;
        color: var(--black);
        font-weight: 400;
        padding: 3px 10px;
        border-radius: 10px;
        text-align: left;
        box-shadow: 1px 2px 4px rgba(0,0,0,0.4);
    }
    #MediSimChat .chat-history .my-user{
        background-color: #a7d8b3;
        color: var(--black);
        font-weight: 400;
        padding: 3px 10px;
        border-radius: 5px;
        text-align: left;
        box-shadow: -1px 2px 4px rgba(0,0,0,0.4);
        margin: 10px 16px 10px auto;
        overflow-x: hidden;
    }

    #MediSimChat .chat-history .other-user:before{
        content: '\f0d9';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 16px;
        color: var(--text);
        position: absolute;
        top: -2px;
        left: -4px;
        color: #eaeaea!important;
    }
    #MediSimChat .chat-history .my-user:after{
        content: '\f0da';
        color: #a7d8b3!important;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 16px;
        color: var(--text);
        position: absolute;
        top: -2px;
        right: -4px;
    }

    #MediSimChat .chat-history .other-user span{

    }
    #MediSimChat .chat-history .other-user span strong{
        font-size: 11px;
    }
    #MediSimChat .chat-history .my-user span{

    }


    
    .fc-event.booking_reserved {
      background-color: #6d757d;
    }    
    .fc-event.booking_booked {
      background-color: red;
    }    
/* Chat */


.clickable {
  cursor:pointer;
}


.txt_align_right {
   text-align:right;
}