html {
    height: 100%;
}
html{overflow-x: hidden;}

body{
    font-family: 'Open Sans', sans-serif;
    /*background-image: linear-gradient(180deg,#231F20 85%,#F4A803 100%)!important;*/
    background-color: #231F20;
    min-height: 100%;
    max-width: 412px;
    margin: auto;
}

h5#near_by_title{
    color: whitesmoke;
}

.card{
    border-color: #F4A803;
}

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


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

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


.paid_subheader{
    color: #F4A803;
}

.nav-link{
    color: #F4A803;
}

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

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

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

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

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

#home_login{
    max-height: 2.5rem;
}

.primary-text-colour{
    color: #F4A803;
}

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

.btn-client-primary{
    color: #fff !important;
    background-color: #F4A803 !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: #F4A803 !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:#F4A803;
    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: #F4A803;
}

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: #F4A803 !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: #F4A803;
    border-color: #F4A803;
}

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