/* @import url('https://fonts.googleapis.com/css2?family=Baloo+Tammudu+2:wght@400;500;600&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap');
:root {
    --primary-color: #243a80;
    --secondary-color: #ffffff;
    --primary-light-color: #24398062;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    /* font-family: 'Baloo Tammudu 2', cursive; */
}
.loaded .brand {width: 253px; max-width: 253px;}
.loaded .login__wrap::before{left: -20%;opacity: 1;}
.loaded .shade {opacity: 1;transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) all;transition-delay: 0.5s;}
.brand {white-space: nowrap;width: 30px;overflow: hidden;transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) all;transition-delay: 0.5s;}
.brand::before {content: ''; display: inline-block; width: 30px; height: 30px; border: 5px solid #ffffff;border-radius: 100%; margin-right: 10px;}
.shade {display: block; margin: 0;box-shadow: -1px 0px 9px #00000033;padding: 50px 20px;opacity: 0;}
.login__wrap {position: relative;display: flex;min-height: 100vh;justify-content: center;align-items: center;}
.login__wrap::before {content: '';display: inline-block;position: absolute;width: 70%;min-height: 100%;background-color: var(--primary-color);left: -100%;top: 0;box-shadow: 6px 0px 6px #00000033;transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) all;opacity: 0;}
.login__wrap .svg {width: 100px;margin-bottom: 30px;}
.login__wrap .controls {width: 60%;margin: 0 auto auto;}
.login__wrap .controls .title {margin-bottom: 30px;}
.login__wrap .controls .form-group {position: relative;}
.login__wrap .controls .form-control {box-shadow: none;font-size: 14px;height: 40px;border: 1px solid var(--primary-light-color);border-radius: 5px;}
.login__wrap .controls .control-icon {position: absolute;top: 50%;right: 20px;transform: translateY(-50%);font-size: 17px;color: #243a80;z-index: 999;}
.login__wrap .controls .language_box {padding: 8px;border-radius: 5px;border: 1px solid #0baa1f;float: left;color: #0baa1f;line-height: 1;margin-top:4px;}
.login__wrap .controls .language_box span{transform: translateY(-1px);display: inline-block;}
.login__wrap .controls .language .control-icon{padding-bottom: 3px;}
.btn-stroke-primary {padding: 7px 40px 9px;border: 1px solid var(--primary-color);color: var(--primary-color);outline: none;border-radius: 5px;font-size: 15px;height: 40px;font-weight: 600;}
.btn-stroke-primary:hover {background: var(--primary-color);color: #ffffff;}

.select-box{display: block!important;min-height: 40px;}

/* width */
.awselect.animate2 .back_face::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.awselect.animate2 .back_face::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.awselect.animate2 .back_face::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.awselect.animate2 .back_face::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.awselect{margin-bottom: 20px;margin-top: -40px;}
.awselect>.bg{min-height: 40px;border: 1px solid var(--primary-light-color);border-radius: 4px;}
.awselect .front_face{min-height: 40px;padding: 8px 12px !important;}
.awselect .front_face .content{color: #757589 !important;font-size: 14px;}
/* .awselect .front_face .current_value{color: #0baa1f;} */
.awselect .front_face .icon{display: none;}
.awselect .back_face ul li a{padding: 10px 12px !important;font-size: 14px;}
.awselect.animate2 .back_face{padding: 0 !important;}

/* .svg-envolope-color {
    fill: #407bff;
} */

#svg-envelope-animate {
    height: auto;
  }
#svg-envelope-animate #paper {
    -webkit-transform: translateY(10px) translateX(3px);
            transform: translateY(10px) translateX(3px);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    /*animation: 3s linear envelope 1;*/
}
  /* #svg-envelope-animate:hover #paper {
    -webkit-transform: translateY(3px) translateX(3px);
            transform: translateY(3px) translateX(3px);
  } */
#svg-envelope-animate .svg-envolope-color {
    fill: #E5E7EC;
}
@keyframes envelope{
      0%{ -webkit-transform: translateY(10px) translateX(3px);
        transform: translateY(10px) translateX(3px);}
        50%{-webkit-transform: translateY(3px) translateX(3px);
            transform: translateY(3px) translateX(3px);}
            100%{-webkit-transform: translateY(10px) translateX(3px);
                transform: translateY(10px) translateX(3px);}
}

/* Small devices (portrait tablets and large phones) */
@media only screen and (max-width: 768px) {
	.login__wrap::before {width: 120%;min-height: 28%;left: 0;top: 0;}
	.login__wrap .svg{width: 60px; margin-top: 40px; margin-bottom: 40px;}
	.svg img {width: 60px;}
	.login__wrap .controls {width: 100%;margin: 0 auto auto;}
	.brand {text-align: center; }
}
