html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

footer {
    position: fixed;
    height: 50px; 
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
}

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

.overlay {
    background-color: #EFEFEF;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: .5;
    filter: alpha(opacity=50);
}

.spinner-border {
    position: absolute;
    left: 46%;
    top: 42%;
    z-index: 100;
}

.ai-agent {
     background: url(/images/jane-ai-agent.jpg) no-repeat center;
    background-size: auto 100%;
    display: inline-block;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    height: 44px !important;
    width: 44px !important;
     
}


.ai-agent-words {
    background: #f4d1e3;
    color: #712671;
    font-size: 12px;
    line-height: 12px;
    padding: 8px;
    border-radius: 6px;
    position: relative;
    display: inline-block;
    max-width: calc(100% - 75px);
    left: 75px;
    margin: auto;
    line-height: 1.33;
    letter-spacing: .12px
}

/****************MOBILE ONLY VIEW**********************/
@media screen and (max-width: 600px) {
    .navbar-toggler {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }

    .k-slider .k-label{
        font-size: 8px;
    }
    .boc-body-div{
        line-height:2.2rem;
        padding: 10px;
    }
     
    .k-tick{
        display:none;
    }

    .spinner-border {
        position: absolute;
        left: 38%;
        top: 42%;
        z-index: 100;
    }

}
/****************DESKTOP ONLY VIEW**********************/

@media screen and (min-width: 600px) {
    .boc-body-div { 
        padding: 75px;
    }
    .k-tick {
        display: block;
    }
}