html {
    height: 100%;
}
body{
    font-family: 'Open Sans', sans-serif;
    background-image: linear-gradient(180deg,#2d2c6d 27%,#2e83ab 100%)!important;
    min-height: 100%;
}

h5#near_by_title{
    color: whitesmoke;
}

.card{
    border-color: #84D10D;
}

.card-main{
    border-width: 5px;
}

.home-container{
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
}

.branded-primary-btn{
    color: #fff;
    background-color: #84D10D;
    border-color: #84D10D;
}

.brand_href{
    text-decoration: none;
    color: #84D10D;
}


.paid_subheader{
    color: #84D10D;
}

.nav-link{
    color: #84D10D;
}

a.nav-link:hover {
    background-color: #84D10D;
    color: white;
;
}

.tariff-header{
    color: #fff !important;
    background-color: #84D10D !important;
    border-color: #84D10D !important;
    border-radius: 5px;
    border-bottom-width: 0 !important;
}

.nav-link.active {
    border-color: #84D10D #84D10D #ffffff !important;
}

.nav-tabs {
    border-bottom: 1px solid #84D10D !important;
}

.card{
    border-radius: 0 0 .25rem .25rem;
}

#home_login{
    max-height: 2.5rem;
}

.primary-text-colour{
    color: #84D10D;
}

.card-header{
    color: #fff;
    background-color: #84D10D;
    border-radius: 0 !important;
}

.btn-client-primary{
    color: #fff !important;
    background-color: #84D10D !important;
}

/* ======== Current Session ======== */
#clockdiv{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
}

#clockdiv > div{
    padding: 10px;
    border-radius: 3px;
    background: #00BF96;
    display: inline-block;
}

.clockwarning{
    background: goldenrod !important;
}

.clockend{
    background: #84D10D !important;
}

#clockdiv div > span{
    padding: 15px;
    border-radius: 3px;
    background: #00816A;
    display: inline-block;
}

.smalltext{
    padding-top: 5px;
    font-size: 16px;
}

.client-colour-icon{
    /*color: #fe5044;*/
}

.option-card{
    background:#84D10D;
    color: white;
}

.highlight_address{
    background-color: lightcoral; padding: 5px; border-radius: 5px
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #84D10D;
}

h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: bolder;
    margin-bottom: 0;
    text-align: center;
}

h4{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
}


h1{
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: #4D5051;
    font-size: 2.2rem;
}

#policylink a{
    color: white !important;
}

#policylink a:hover{
    color: #84D10D !important;
    text-decoration: underline;
}

footer{
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

.tariff-checkbox{

}

.big-checkbox {
    width: 4em !important;
    height: 2em;
}

.form-check-input:checked {
    background-color: #84D10D;
    border-color: #84D10D;
}

.fs-7{
    font-size: 0.8rem!important;
}