body {overflow: hidden;}
.btn-gold {color: #fff;background-color: #b0222b ;border-color: #b0222b ;}
.btn-gold:hover {color: #fff;background-color: #961c23;border-color: #961c23;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px white inset !important;}
.logo-shape {position:absolute; left: 0;  top: -145px; -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg);  z-index: 0;  transition: all 0.4s ease-in-out;}
.page-copyright {letter-spacing: 0}
.page-copyright a.btn-icon {background-color: #b0232c !important; color: #fff;}
.page-login-v2 .navbar-brand-logo {height: 40px;}
.page-login-v2 {height: 100%;}
.page-login-v2:before {background-image: url('https://boomerangmessaging.com/wp-content/uploads/2016/06/office-desk-blur-1.jpg')}
.page-login-v2.page-dark.layout-full:after { background-color: rgba(38,50,56,.6)}
.page-login-v2 .page-brand-info:hover .logo-shape  {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.page-login-v2 .page-brand-info {margin: 220px 100px 0 90px;  z-index: 1; position: relative;}
.page-login-v2 .page-brand-info .brand-img { vertical-align: middle}
.page-login-v2 .page-brand-info .brand-text { display: inline-block; vertical-align: middle; margin: 11px 0 11px 20px}
.page-login-v2 .page-brand-info p { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  max-width: 650px}
.page-login-v2 .page-login-main { min-width: 25%;  z-index: 2;   position: absolute;   right: 0;   top: 0;   height: auto;   min-height: 100%;   padding: 150px 60px 180px;  color: #76838f;   background: #fff}
.page-login-v2 .page-login-main .brand {  margin-bottom: 60px;}
.page-login-v2 .page-login-main .brand-img {  vertical-align: middle}
.page-login-v2 .page-login-main .brand-text {  display: inline-block;  vertical-align: middle;  margin: 11px 0 11px 20px;    color: #62a8ea}
.page-login-v2 form#login { width: 350px;   margin: 45px 0 20px}
.page-login-v2 form>button { margin-top: 38px}
.page-login-v2 form a {margin-left: 20px}
.page-login-v2 footer {position: absolute;   bottom: 0;   left: 0;   right: 0;   margin: 50px 60px;  text-align: center}
.page-login-v2 .social .icon,.page-login-v2 .social .icon:active,.page-login-v2 .social .icon:hover { color: #fff}
.modal-dialog.modal-sm {width: 470px;}

@media (min-width: 992px) {
    .page-login-v2 .page-content {
        padding-right:500px
    }
}

@media (max-width: 768px) {
    .page-login-v2 .page-login-main {
        padding-top:60px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .page-login-v2 .page-login-main {
        padding-top:80px
    }

    .page-login-v2 .page-brand-info {
        margin: 160px 0 0 35px
    }

    .page-login-v2 .page-brand-info>p {
        opacity: 0;
        color: transparent
    }
}

@media (max-width: 767px) {
    .page-login-v2 .page-login-main {
        padding-top:60px;
        width: 100%
    }

    .page-login-v2 form {
        width: auto !important
    }
}

@media (max-width: 480px) {
    .page-login-v2 .page-brand-info {
        margin:220px 0 0
    }

    .page-login-v2 .page-login-main {
        padding: 50px 30px 180px
    }

    .page-login-v2 form { width: auto !important }

    .page-login-v2 footer { margin: 50px 30px  }
}