body {
        overflow: hidden;
        font-family: 'Lato', sans-serif !important;
    }

    .cardsheadre {
        background: linear-gradient(60deg, #118AFF, #118AFF);
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #9E9E9E;
        /* width: 33px; */
        /* float: left; */
        margin: -20px 15px 0;
        border-radius: 3px;
        padding: 15px;
        background-color: #999999;
        position: relative;
        width: 70px;
        height: 62px;
    }

    /* ANIMATIONS */

    /* Simple CSS3 Fade-in-down Animation */
    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .bgs {
        background: rgb(243 247 249);
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        min-height: 100vh;
    }

    .topcorner {
        height: 98px;
        width: auto;
        right: 0px;
        position: absolute;
        top: -2%;
        z-index: 0;
    }

    .bottomcorner {
        height: 81px;
        width: auto;
        left: 0px;
        position: absolute;
        bottom: 54px;
    }

    .crs {
        padding: 47px 46px;
        border-radius: 30px;
    }

    .login-title {
        margin-top: -5%;
        margin-left: 5%;
        text-align: center;
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .bgs:after {
        /*content: "";*/
        position: absolute;
        height: 195%;
        width: 94%;
        background: rgb(211, 212, 207);
        border-radius: 50%;
        right: -55%;
        z-index: -2;
        opacity: 0.3;
        top: -47%;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 51px inset;
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    .cardicons {
        color: #ffff;
        width: 33px;
        height: 33px;
        text-align: center;
        line-height: 33px;
        /* font-family: 'Material Icons'; */
        font-weight: normal;
        font-style: normal;
        font-size: 24px !important;
        text-align: center;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }

    .labeltxt {
        position: absolute;
        z-index: 999;
        top: 22%;
        text-align: center !important;
        margin: 0px auto;
        left: 35%;
        background: #fff;
        width: 125px;
        height: 27px;
        font-size: 16px;
    }

    .frm-cotrl {
        box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 22px !important;
        text-align: center;
        padding: 13px;
        height: 50px !important;
        border-color: #e4e6e8;
    }

    .passwordtxt {
        position: absolute;
        font-size: 16px;
        z-index: 999;
        top: 48%;
        text-align: center !important;
        margin: 0px auto;
        left: 39%;
        background: #fff;
        width: 87px;
        height: 18px;
        /* font-size: 15px; */
        line-height: 0;
    }

    .passwordpass {
        text-align: center;
        height: 50px !important;
    }

    .bbtn {
        width: 42%;
        text-align: center;
    }

    .hedertitle {
        text-align: center;
        margin-top: -5%;
        margin-left: -4%;
        font-size: 1.5em;
    }

    .form-group {
        margin-bottom: 2.5rem;
    }
    .alert-success {
  position: relative;
  display: flex;               
  align-items: center;         
  justify-content: center;     
  color: #fff;
  background-color: #28a745;
  border-color: #23923d;
  height: 40px;
  width: 398px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;           
  margin-left: 15px;
  margin-top: -46px;
  border-radius: 4px;          
}



.alert-default-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-default-success hr {
  border-top-color: #b1dfbb;
}

.alert-default-success .alert-link {
  color: #0b2e13;
}
.alert-error {
  position: relative;
  display: flex;               
  align-items: center;         
  justify-content: center;     
  color: #fff;
   background-color: #dc3545; 
  border-color: #b52a37;
  height: 40px;
  width: 398px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;           
  margin-left: 15px;
  margin-top: -46px;
  border-radius: 4px;  
}

.alert-default-error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-default-error hr {
  border-top-color: #f1b0b7;
}

.alert-default-error .alert-link {
  color: #491217;
}
.fade-alert {
  opacity: 1;
  transition: opacity 0.6s ease-out, visibility 0.6s ease-out;
}
.fade-alert.hide {
  opacity: 0;
  visibility: hidden;
}