.container-login {

    /* background-image: url(../../../../../assets/images/template-admin/login/bg-login.svg); */

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-color: rgb(68, 137, 146);

    height: 100vh;

}



.row-height {

    height: 100% !important;

}



.col-height{

    position: relative;

    height: 100%;

}



.align-items-center {

    position: absolute;

    top: 45%;

    left: 50% !important;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 450px;

    height: 450px;

    transition: all 0.3s ease-in-out;

}



.content-login {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    height: 100%;

    -webkit-box-shadow: 0px 0px 18px 0px rgba(46,46,46,0.47);

    -moz-box-shadow: 0px 0px 18px 0px rgba(46,46,46,0.47);

    box-shadow: 0px 0px 18px 0px rgba(153, 102, 102, 0.47);

}



.content-login .esqueci-senha {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.content-login .login {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.content-login.flip-vertical-left {

    -webkit-transform: rotateY(-180deg);

        transform: rotateY(-180deg);

}



.content-login.flip-vertical-left-2 {

    -webkit-transform: rotateY(0);

        transform: rotateY(0);

}



.login,

.esqueci-senha {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    padding: 20px;

    background-color: #fff;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-radius: 5px;

    

}



.esqueci-senha {

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

}



.box-shadow-default {

    margin-top: 0px !important;

    margin-left: 0px !important;

    -webkit-box-shadow: 0px 0px 18px 0px rgba(46,46,46,0.47);

    -moz-box-shadow: 0px 0px 18px 0px rgba(46,46,46,0.47);

    box-shadow: 0px 0px 18px 0px rgba(46,46,46,0.47) !important;

}



.content-login.flip-vertical-left {

	-webkit-animation: flip-vertical-left 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1s both;

        animation: flip-vertical-left 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1s both;

    margin-top: -4px;

    margin-left: 4px;

    box-shadow: 0px 15px 20px 10px rgba(0, 132, 175, 0.61);

    transition: all 0.2s ease-in;



}



.content-login.flip-vertical-left-2 {

	-webkit-animation: flip-vertical-left-2 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1s both;

            animation: flip-vertical-left-2 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1s both;

    margin-top: -4px;

    margin-left: 4px;

    box-shadow: 0px 15px 20px 10px rgba(0, 132, 175, 0.61);

    transition: all 0.2s ease-in;

}



@-webkit-keyframes flip-vertical-left {

  0% {

    -webkit-transform: rotateY(0);

            transform: rotateY(0);

  }

  100% {

    -webkit-transform: rotateY(-180deg);

            transform: rotateY(-180deg);

  }

}

@keyframes flip-vertical-left {

  0% {

    -webkit-transform: rotateY(0);

            transform: rotateY(0);

  }

  100% {

    -webkit-transform: rotateY(-180deg);

            transform: rotateY(-180deg);

  }

}



@-webkit-keyframes flip-vertical-left-2 {

  0% {

    -webkit-transform: rotateY(-180deg);

            transform: rotateY(-180deg);

  }

  100% {

    -webkit-transform: rotateY(0);

            transform: rotateY(0);

  }

}

@keyframes flip-vertical-left-2 {

  0% {

    -webkit-transform: rotateY(-180deg);

            transform: rotateY(-180deg);

  }

  100% {

    -webkit-transform: rotateY(0);

            transform: rotateY(0);

  }

}



.align-content-center {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    

}



.content-info-login img {

    width: 220px;

    height: auto;

}



.content-info-login h2 {

    font-family: 'Google Sans' !important;

    color: #fff;

    font-size: 5rem;

    margin-left: -6px;

    font-weight: bold;

}



.content-info-login p {

    font-family: 'Google Sans' !important;

    color: #fff;

    font-size: 1.2rem;

}



.btn-border {

    padding: 12px 35px;

    border: 3px solid rgb(25, 100, 110);

    background: rgb(25, 100, 110);

    border-radius: 26px;

    color: white;

    margin: 35px 0px;

    display: inline-block;

    font-weight: 500;

    box-shadow: 0px 3px 0px #0000001c;

    -webkit-transition-duration: 0.4s;

    font-family: 'Google Sans' !important;

    transition-duration: 0.4s;

}



.btn-padrao-site {

    font-family: 'Google Sans' !important;

    background-color: rgb(25, 100, 110);

    color: #fff;

    border-radius: 5px;

    display: block;

    width: 100%;

    height: 45px;

    line-height: 43px;

    padding: 0 2rem;

    text-transform: uppercase;

    vertical-align: middle;

    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);

    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);

    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);

    transition: all 0.2s ease-in-out;

    -webkit-transition: all 0.2s ease-in-out;

    border: 2px solid rgb(25, 100, 110);

    text-align: center;

    margin-top: 8px;

}



.btn-padrao-site:focus {

    background-color: rgb(25, 100, 110) !important;

}



.title-form-login {

    font-family: 'Google Sans' !important;

    font-weight: bold;

    font-size: 2rem;

    color: #383838;



}



.title-sub-form-login {

    font-family: 'Google Sans' !important;

    color: #383838;

    margin: 5px 0;

}



.esqueci-senha .title-sub-form-login {

    margin-top: 40px;

}



.form__swap-link {

    font-family: 'Google Sans' !important;

    font-weight: 500;

    color: rgb(25, 100, 110);

}



.form__swap-link-2 {

    font-family: 'Google Sans' !important;

    font-weight: 500;

    color: rgb(25, 100, 110);

}





.shadow-drop-2-bl {

	-webkit-animation: shadow-drop-2-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

	        animation: shadow-drop-2-bl 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}



@-webkit-keyframes shadow-drop-2-bl {

    0% {

      -webkit-transform: translateZ(0) translateX(0) translateY(0);

              transform: translateZ(0) translateX(0) translateY(0);

      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

    }

    100% {

      -webkit-transform: translateZ(50px) translateX(12px) translateY(-12px);

              transform: translateZ(50px) translateX(12px) translateY(-12px);

      box-shadow: -12px 12px 20px -12px rgba(0, 0, 0, 0.35);

    }

}

  @keyframes shadow-drop-2-bl {

    0% {

      -webkit-transform: translateZ(0) translateX(0) translateY(0);

              transform: translateZ(0) translateX(0) translateY(0);

      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

    }

    100% {

      -webkit-transform: translateZ(50px) translateX(12px) translateY(-12px);

              transform: translateZ(50px) translateX(12px) translateY(-12px);

      box-shadow: -12px 12px 20px -12px rgba(0, 0, 0, 0.35);

    }

}

  

@media only screen and (max-width: 992px) {

    .align-items-center {

        top: 50%;

        height: 550px;

    }

    .login, .esqueci-senha {

        padding: 24px;

    }

    .content-info-login {

        padding: 12px;

    }

    .content-info-login img {

        width: 70px;

        height: auto;

    }

    .content-info-login h2 {

        color: #383838;

        font-size: 3rem;

        margin-left: -2px;

    }

    .content-info-login p {

        color: #383838;

        font-size: 1rem;

    }

    .esqueci-senha .content-info-login {

        margin-bottom: 24px;

    }

    .container-login {

        overflow: hidden;

    }

    .title-form-login {

        font-size: 1.8rem;

    }

}

  

@media only screen and (max-width: 490px) {

    .align-items-center {

        width: 90%;

        height: 570px;

    }

    .content-info-login p {

        margin-bottom: 7px;

    }

}

  

@media only screen and (max-width: 320px) {

    .esqueci-senha .content-info-login {

        margin-bottom: 5px;

    }

    .container-login {

        overflow: auto;

        height: 130vh;

    }

    .content-info-login h2 {

        font-size: 2.5rem;

    }

}

  

@media screen and (max-width: 360px) and (max-height: 570px) {

    .align-items-center {

        width: 90%;

        height: 545px;

    }

    .content-info-login h2 {

        margin: 15px 0;

    }

    .content-info-login p {

        margin-bottom: 0px;

    }

}











































































/* * {

    font-family: 'Montserrat';

}



.no-margin {

    margin-bottom: 0px !important;

}



.height-row {

    height: 100vh;

    position: relative;

}



.center-left {

    position: relative;

    top: 50%;

    left: 20% !important;

    transform: translate(-50%, -50%);

}



.background-login {

    background-image: url('../../../../../assets/images/template-admin/login/login-img.png');

    background-size: cover;

    background-repeat: no-repeat;

    height: 100vh;

    background-position: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.content-background {

    text-align: center;

}



.content-background h2 {

    font-weight: bold;

    color: white;

    font-size: 5rem;

    margin-bottom: 0;

}



.sub-titulo-1 {

    font-weight: 300;

    font-size: 20px;

    color: white;

    margin: 0px;

}



.sub-titulo-2 {

    font-weight: 500;

    color: white;

    font-size: 20px;

    margin-top: 15px;

}



.btn-border {

    padding: 12px 35px;

    border: 3px solid #3E97D1;

    background: transparent;

    border-radius: 26px;

    color: white;

    margin: 10px 10px 5px;

    display: inline-block;

    font-weight: 500;

    box-shadow: 0px 3px 0px #0000001c;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s;

}



.btn-border:hover {

    border: 3px solid #3E97D1;

    background: #3E97D1;

    border-radius: 26px;

    color: white;

}



.btn-padrao {

    border-radius: 26px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 0 !important;

    height: 45px !important;

    line-height: 45px !important;

    padding: 0 4rem !important;

    text-transform: none !important;

    transition: 0.24s ease;

    background: rgba(62, 151, 209, 1);

    background: -moz-linear-gradient(left, rgba(62, 151, 209, 1) 0%, rgba(96, 195, 255, 1) 100%);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(62, 151, 209, 1)), color-stop(100%, rgba(96, 195, 255, 1)));

    background: -webkit-linear-gradient(left, rgba(62, 151, 209, 1) 0%, rgba(96, 195, 255, 1) 100%);

    background: -o-linear-gradient(left, rgba(62, 151, 209, 1) 0%, rgba(96, 195, 255, 1) 100%);

    background: -ms-linear-gradient(left, rgba(62, 151, 209, 1) 0%, rgba(96, 195, 255, 1) 100%);

    background: linear-gradient(to right, rgba(62, 151, 209, 1) 0%, rgba(96, 195, 255, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e97d1', endColorstr='#60c3ff', GradientType=1);

}



.btn-hover:hover {

    transform: translate(0, -5px);

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);

}



.content-logo {

    display: flex;

    align-items: center;

    justify-content: center;

}



.color-icon {

    color: #3E97D1 !important;

}



.padding-form {

    padding: 0 4.75rem !important;

}





.input-field input:focus+label {

    color: #3E97D1 !important;

}





.input-field input:focus {

    border-bottom: 1px solid #3E97D1 !important;

    box-shadow: 0 1px 0 0 #3E97D1 !important;

}



.cabecalho-modal {

    background: #3E97D1;

    padding: 15px;

}



.cabecalho-modal img {

    height: 30px;

    position: relative;

    top: 2px;

    margin-right: 10px;

}



.cabecalho-modal span {

    font-size: 20px;

    font-weight: 600;

    color: white;

}



.modal-custom {

    border-top-left-radius: 15px;

    border-top-right-radius: 15px;

}



@media only screen and (max-width: 1920px) {

    .background-login {

        background-position: 0px -360px;

    }

}



@media only screen and (max-width: 1360px) {

    .content-logo img {

        height: 290px;

    }

    .form-footer-1 {

        width: 100% !important;

    }

    .form-footer-2 {

        width: 100% !important;

        margin-top: 20px;

    }

}



@media only screen and (max-width: 1280px) {

    .background-login {

        background-position: center;

    }

}



@media only screen and (max-width: 1024px) {

    .content-background h2 {

        font-size: 4rem;

    }

    .sub-titulo-1 {

        font-size: 17px;

    }

    .sub-titulo-2 {

        font-size: 17px;

    }

    .content-logo img {

        height: 250px;

    }

    .padding-form {

        padding: 0 1.75rem !important;

    }

    

}



@media only screen and (max-width: 992px) {

    .background-login-mobile {

        background-image: url('../../../../../assets/images/template-admin/login/login_mobile.png');

        background-size: cover;

        background-position: center;

    }



    .btn-padrao {

        font-size: 15px;

        height: 40px !important;

        line-height: 40px !important;

        background: transparent;

        border: 1px solid;

    }

    .btn-hover:hover {

        background: transparent !important;

    }

    .btn-hover:focus {

        background: transparent !important;

    }

    .content-logo img {

        height: 280px;

    }

    .center-left {

        left: 50% !important;

        top: 45%;

    }

    .padding-form {

        padding: 0 1.75rem !important;

    }

    .color-icon {

        color: white !important;

    }

    .color-text {

        color: white !important;

    }

    .input-field input:focus+label {

        color: white !important;

    }

    .input-field input:focus {

        border-bottom: 1px solid white !important;

        box-shadow: 0 1px 0 0 white !important;

    }

    .input-field label {

        color: white !important;

    }

    .input-field input:focus+label {

        color: white !important;

    }

}



@media only screen and (max-width: 600px) {

    .background-login-mobile {

        background-position: top;

    }

    .content-logo img {

        height: 200px;

    }

    .padding-form {

        padding: 0 .75rem !important;

    }

}



@media only screen and (max-width: 320px) {

    .content-logo img {

        height: 170px;

    }

} */