html,
body {
 background-image: url('images/callmax-bg.jpg');
background-size: cover;
background-repeat: no-repeat;
height: 100%;
}

@media only screen and (min-width:0px){html,body{height:inherit}}
@media only screen and (min-width:540px){html,body{height: 100%;}}



.drawer-nav{display:none !important}
.drawer-contents{margin-left:0px !important}

.splash-container .form-message {
	padding: 40px 30px 30px 30px;
}
.splash-container .form-message {background-color: rgba(0, 0, 0, 0.9);color: #fff;}
.splash-container .splash-description {color:#044d66;}

.login-links{color:#545454; text-decoration:none}
.login-links:hover{color:#00b288; text-decoration:none}
.headerlogo {background-image: url('images/mri_logo_new.svg')}

.btn {
    background: #1876a3;border: none
}

a{text-decoration:none}
.mobile-bar{display:none}
header{display:none}
.headerlogo {
    display: block;
    vertical-align: middle;
    line-height: 0;
    height: 75px;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: contain;
    width: 100px;margin: auto
}



.drawer-contents{
display: flex;
flex-flow: column nowrap;
justify-content: center;
width: 100%;
height: 100%;
}


.ad {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 15px 30px 30px;
    border-radius: 2px;
    margin-top: 30px;
    margin-bottom: -30px;
    margin-left: -30px;
    margin-right: -30px;
}
.ad-title {
    font-size: 1.125em;
    font-weight: bold;
    margin: .5em 0;
}

.ad-btn, .ad-btn:focus {
    color: #FAA41A;
    background-color: transparent;
    border: 1px solid currentColor;
}
.ad-btn {
    padding: .25em .5em;
    margin-top: .5em;
    text-transform: uppercase;
}

.error::-webkit-input-placeholder {
    color: #cc1700 !important;
}

.error:-ms-input-placeholder {
    color: #cc1700 !important;
}

.error::-ms-input-placeholder {
    color: #cc1700 !important;
}

.error::-moz-placeholder  {
    color: #cc1700 !important;
}

.error::placeholder {
    color: #cc1700
}


/* Extra*/

.mai-login .main-content {
    padding: 0;
}
.mai-splash-screen .main-content {
    max-width: 100%;
    width: 100%;
}

.splash-container {
    padding-top: 55px;
    margin: 0 auto;
}


.form-control {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    box-shadow: none;
    border-radius: 2px;
    color: white;
}

.input-group {
    position: relative;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.splash-container .input-group {
    padding: 8px 0;
}
.splash-container .input-group .input-group-prepend .icon {
    font-size: 18px;
    color: #fff;
    padding-top: 1px;
}
.splash-container .input-group .input-group-prepend {
   padding: 0.4rem .0rem;
min-width: 2.5rem;
margin-right: 0;}

.form-control::placeholder {
    color: #bababa;
    opacity: 1;
}
.form-control::-moz-placeholder {
    color: #bababa;
    opacity: 1;
}

.login-submit {
    padding: 1rem 0 0rem;
}

.splash-container .logo-img {
    margin: 0 auto;
        margin-bottom: 0px;
    display: block;
}

@media (max-width:767.98px) {
.mai-splash-screen .main-content {
 max-width:100%;
 width:100%
}
.splash-container {
 padding-top:55px;
 margin:0 auto
}
@media (max-width:991.98px) {
 .splash-container {
 }
}
@media (max-width:767.98px) {
 .splash-container {
  padding:20px;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex
 }
}
@media (max-width:575.98px) {
 .splash-container {
  padding:0px;
  width:100%;
 }
}

.splash-container .user-message {
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column;
 background-color:#00b288;
 color:#FFF;
 padding:155px 30px 40px
}

@media (max-width:767.98px) {
 .splash-container .user-message {
  display:none
 }
}

.ad-title {
    font-size: 1.125em;
    font-weight: bold;
    margin: .5em 0;
}