.bodybg-myvi {
    margin: 0px;
    font-family: 'Outfit', sans-serif !important;
    /* background: url('../images/VisionPortalBg1.png') no-repeat top right #F0F0F0 !important;
    background-size: cover;
    background: #e5eaf7*/
    background-image: url('../images/VisionPortalBg1.png'), url('../images/background-my-vision-india.jpeg');
    background-position: top right, left top;
    background-repeat: no-repeat, no-repeat;
    background-size: contain,cover;
}

.bodybg {
    margin: 0px;
    font-family: 'GoogleSans-Regular', sans-serif !important;
    background-image: url('../images/taxbanners1.png');
    background-color: #e5eaf7;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}

.bodyotp {
    background-color: #fbfbfb;
    background-image: url('../images/bg-otp.png');
    background-repeat:repeat;
}
.bodyotp .form-col {
    background-color: #FFF
}


/*============= Google Fonts =========== */
@font-face {
    font-family: GoogleSans-Regular;
    src: url(../fonts/Google-Sans-Font/GoogleSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: GoogleSans-Medium;
    src: url(../fonts/Google-Sans-Font/GoogleSans-Medium.ttf) format('truetype');
}

@font-face {
    font-family: GoogleSans-Bold;
    src: url(../fonts/Google-Sans-Font/GoogleSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: GraphikBlack;
    src: url(../fonts/Graphik-Font-Family/GraphikBlack.otf) format('OpenType');
}

@font-face {
    font-family: GraphikBold;
    src: url(../fonts/Graphik-Font-Family/GraphikBold.otf) format('OpenType');
}

@font-face {
    font-family: GraphikLight;
    src: url(../fonts/Graphik-Font-Family/GraphikLight.otf) format('OpenType');
}

@font-face {
    font-family: GraphikMedium;
    src: url(../fonts/Graphik-Font-Family/GraphikMedium.otf) format('OpenType');
}

@font-face {
    font-family: GraphikRegular;
    src: url(../fonts/Graphik-Font-Family/GraphikRegular.otf) format('OpenType');
}

@font-face {
    font-family: GraphikSemibold;
    src: url(../fonts/Graphik-Font-Family/GraphikSemibold.otf) format('OpenType');
}

@font-face {
    font-family: GraphikSuper;
    src: url(../fonts/Graphik-Font-Family/GraphikSuper.otf) format('OpenType');
}

@font-face {
    font-family: GraphikThin;
    src: url(../fonts/Graphik-Font-Family/GraphikThin.otf) format('OpenType');
}

@font-face {
    src: url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800;900&display=swap');
    font-family: 'Mulish', sans-serif;
}
@font-face {
    src: url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800&display=swap');
    font-family: 'Rubik', sans-serif;
}

@font-face {
    font-family: DINNextLTPro-Regular;
    src: url(../fonts/DinNext/DINNextLTPro-Regular.otf) format('opentype');
}

@font-face {
    font-family: DINNextCYR-Medium;
    src: url(../fonts/DinNext/DINNextCYR-Medium.otf) format('opentype');
}

@font-face {
    font-family: DINNextCYR-Heavy;
    src: url(../fonts/DinNext/DINNextCYR-Heavy.otf) format('opentype');
}

@font-face {
    font-family: DINNextCYR-Bold;
    src: url(../fonts/DinNext/DINNextCYR-Bold.otf) format('opentype');
}


/* Contents Section CSS ================================================== */

.contents {	width:100%;	padding:30px 0;	position: relative;	z-index: 1; }
.custom-container {	width:86%;	margin:5% 5%; }


/* Login Contents Section CSS ================================================== */

.login {
background-color: rgba(255,255,255, 0.6);
margin: 0 auto;
width:360px;
padding:5px;/*20px 30px 15px*/
border:1px solid #fff;
background:linear-gradient( to right,#FFBA42,#e373c5 );
border-radius:5px !important;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
box-shadow: 0px 0px 5px 5px rgba(230,228,228,0.24) !important;
-webkit-box-shadow: 0px 0px 5px 5px rgba(230,228,228,0.24);
-webkit-box-shadow: 0px 0px 5px 5px rgba(230,228,228,0.24);
}

.login-tds-bx {
background-color: rgba(255,255,255, 0.6);
margin: 0 auto;
padding:5px;/*20px 30px 15px*/
border:1px solid #fff;
background:linear-gradient( to right,#FFBA42,#e373c5 );
border-radius:5px !important;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
box-shadow: 0px 0px 5px 5px rgba(230,228,228,0.24) !important;
-webkit-box-shadow: 0px 0px 5px 5px rgba(230,228,228,0.24);
-webkit-box-shadow: 0px 0px 5px 5px rgba(230,228,228,0.24);
}

.logo { text-align:center;margin:0px auto }
.logo img { text-align:center;margin:0px auto; width:230px }

.form-title {
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 17px;
    text-align: center;
    font-family: GraphikMedium,sans-serif;
    color: #222;
    line-height: 23px
}/*2D6282*/
 
 .form-title-tds {
    font-weight:400;
    margin-bottom: 20px;
    font-size: 15px;
    text-align: center;
    font-family:DINNextCYR-Medium,sans-serif;
    color:#222;
    line-height:25px
}/*2D6282*/

.form-title span { font-size:17px; }
.form-title-tds span { font-size:18px; }

.form-col { background-color:#FFF; padding:25px 30px 15px 30px}

.form-actions { background-color:transparent;clear: both; border: 0;padding: 0 0px 10px; text-align:right}

.copyrighttext {
    text-align: center;
    margin: 0 auto;
    padding: 10px 10px 10px 10px;
    color: #eee;
    font-size: 13px;
    color: #5f537d;
    font-family: DINNextLTPro-Regular,sans-serif;
}

/* Validation Alerts Message CSS ================================================== */

.validity_New { font-family:'GoogleSans-Regular', sans-serif; font-size:12px; font-weight:400; color:#A94442 !important; 
            background-color:#F2DEDE; border:1px solid #EBCCD1; padding:5px; border-radius:4px !important }

.successmessage_New { font-family:'GoogleSans-Regular', sans-serif; font-size:12px; font-weight:400; color:#222 !important; 
            background-color:#BCDF94; border:1px solid #99CA61; padding:5px; border-radius:4px !important }

.validity { font-family:'GoogleSans-Regular', sans-serif; font-size:12px; font-weight:400; color:#FFF !important; 
            background-color:#e21f26; border:1px solid #C5080F; padding:5px; margin-bottom:10px }

.successmessage { font-family:'GoogleSans-Regular', sans-serif; font-size:12px; font-weight:400; color:#fff !important; 
            background-color:#337ab7; border:1px solid #1A5C84; padding:5px; border-radius:4px !important }

.successmessage-new { font-family:'GoogleSans-Regular', sans-serif; font-size:12px; font-weight:400; color:#fff !important; 
            background-color:#04aa6d; border:1px solid #04aa6d; padding:5px; border-radius:4px !important }


/*============== Login New Designs ===========*/

.main-login {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px !important;
    font-family: 'Inclusive Sans',sans-serif;
    margin: 0px auto;
    background-image: url('../images/login-bg.png');
    background-repeat: repeat;
    padding: 5px 5px 5px 5px;
    width: 360px
}

.main-login-inner {
    border-radius: 8px !important;
    /*background-color: #e5eaf7;*/
    background-color: #FFF;
    padding: 15px 15px 15px 15px;
}

.employee-title { width: 100%; padding-top: 5px;}
.employee-title h1 { 
    width: 100%;
    text-align:center;
    font-size:21px;
    color: #002953;
    font-family: 'Inclusive Sans',sans-serif;
    padding-bottom: 12px; 
    font-weight:600;
    margin:10px 0px 0px 0px;
    line-height:28px
}

.employee-title h1 span { font-size:15px }

.sep-line-bx { margin:0px auto; text-align:center }
.sep-line {
    background: #e21f26;
    width: 50%;
    height: 4px;
    border-radius: 4px 4px 0 0 !important;
    margin: 0px auto;
    text-align: center
}

.employee-title p {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #444;
    font-weight:500;
    margin:10px 0px 10px 0px
}

.form-col-tds {padding: 15px 25px 0px 25px; text-align:right}
.login-form { font-family:Mulish,sans-serif;font-weight:600; color:#333 }

.otp-msg {
    color: #10535E !important;
    background-color: #9DE2EF;
    border: 1px solid #94DDEB;
    padding: 5px;
    font-family: Rubik,sans-serif;
    font-weight: 500;
    font-size: 11px;
    display: block;
    margin: 5px 0px 5px 0px;
}

.link {
    font-family: Mulish,sans-serif;
    font-weight:700;
    font-size: 11px;
}


/*============== otp Login Designs ===========*/

.main-login-otp {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px !important;
    font-family: 'Inclusive Sans',sans-serif;
    margin: 0px auto;
    background-image: url('../images/login-bg.png');
    background-repeat: repeat;
    padding: 5px 5px 5px 5px;
    width: 360px
}

.main-login-inner-otp {
    border-radius: 8px !important;
    /*background-color: #e5eaf7;*/
    background-color: #FFF;
    padding: 15px 15px 15px 15px;
}

.employee-title-otp { width: 100%; padding-top: 5px;}
.employee-title-otp h1 { 
    width: 100%;
    text-align:left;
    font-size:16px;
    color: #002953;
    font-family: 'Inclusive Sans',sans-serif;
    padding-bottom: 12px; 
    font-weight:600;
    margin:10px 0px 0px 0px;
    line-height:28px
}

.link-otp {
    font-family: Mulish,sans-serif;
    font-weight: 700;
    font-size: 11px;
    float:right;
    margin:10px 0px 10px 0px
}

.btm-btns {
    text-align: center;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    margin: 10px 0px 0px 0px;
}
.btm-btns a {text-align:center; padding:0px 10px 0px 10px}
.btm-btns a:hover {color:#295dbf}

.form-actions a {
    float: left;
    font-weight:500
}

/*============ Media Screen =========*/
@media (max-width: 475px) {

.main-login-inner { padding:5px 5px 5px 5px }
.employee-title h1 { font-size:19px; }
.employee-title h1 span { font-size:15px }
}

@media (max-width: 675px) {

}