@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/opensans-regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
	font-family: Open Sans;
    background: rgb(26,56,135);
    background: -moz-linear-gradient(150deg, rgba(26,56,135,1) 0%, rgba(4,29,95,1) 100%);
    background: -webkit-linear-gradient(150deg, rgba(26,56,135,1) 0%, rgba(4,29,95,1) 100%);
    background: linear-gradient(150deg, rgba(26,56,135,1) 0%, rgba(4,29,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a3887",endColorstr="#041d5f",GradientType=1);
    margin: 0px; display: inline-block; }
.loginbg { background:transparent url(../images/idms-login-bg-01.png) no-repeat top left; background-size: contain; position: absolute; top: 0px; bottom: 0px; z-index: 1; left: 0px; right: 0px; }
.loginbg::after { content: ""; background: url(../images/idms-login-bg-02.png); width: 202px; height: 116px; position: absolute; bottom: 20px; right: 20px; z-index: -1; }
.logoblk { text-align: right; text-transform: uppercase; color: #fff; font-size: 30px; }
.logoblk img { margin:0px 0px 28px 10px; }
.frmblk { background: #ffffff; }
.forms { margin:auto;  overflow: hidden; position: fixed; width: 556px; transform: translate(-50%,-50%); left: 50%; top: 50%; }
.forms h1 { padding: 0 0 20px 0; font-size: 26px; color: #666; font-weight: lighter; text-align: center; }
.forms form { padding: 30px; background: #efefef; overflow: hidden;;}
#signup { display: none; }
.forms .tab-group { list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #cfcfcf; }
.forms .tab-group:after { content: ""; display: table; clear: both; }
.forms .tab-group li a { display: block; text-decoration: none; padding: 15px; background: #efefef; color: #888; font-size: 16px; float: left; width: 50%; text-align: center; /*border-top: 3px solid transparent;*/ -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.forms .tab-group li a:hover { /*background: #dedfdf; color: #666;*/ }
.forms .tab-group .active a { background: #1a3887; color: #fff; /*border-top: 1px solid #efefef;*/ }
.forms .tab-group li.active a:after { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #1a3887; position: absolute; bottom: -10px; left: 50%; right: 50%; margin-left: -8px; }
.forms .tab-group li a span { background: #c7c7c7; padding: 4px 8px 6px; border-radius: 100px; }
.forms .tab-group .active a span { background: #ebebeb; color:#1a3887; }

.clear {clear: both;}

.forms input { font-size: 14px; display: block; width: 70%; padding: 10px 15px; border: 1px solid #ddd; color: #666; float: left; border-radius: 4px; border: 1px solid #c2c2c2; margin-bottom: 10px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.forms input:focus { outline: 0; border-color: #2e5ed7; }
.forms label { font-size: 14px; font-weight: normal; color: #666; margin-bottom: 5px; display: block; float: left; width: 25%; line-height: 34px; }
.forms p { margin: 0px; }
.forms .button { border: 0; outline: none; border-radius: 4px; padding: 10px 0; font-size: 14px; font-weight: 300; background: #1a3887; color: #ffffff; cursor: pointer; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; width: 125px; display: block; overflow: hidden; margin:10px 0px 0px 8.9em; }
.code {width:35% !important}
.captch img { width: 115px; border: 1px solid #fd2222; float: left; margin-left: 20px; }
.reload { width: 14px !important; height: 14px; display: block; float: left !important; border: 0 !important; cursor: pointer; margin-top: 12px; }
/*.forms .button:hover, .button:focus { background: #56ae26; }*/
.text-p { text-align: right; padding-right: 20px; }
.text-p a { color: #1383ea; }
.resndOtp { text-align: left; padding-left: 125px; padding-top: 15px; }
.updatepass { width: auto !important; padding: 10px 15px !important; }
.panel-body p { margin: 10px; }
.panel-body p.passupdsuc { font-size: 16px; font-weight: bold; }
.panel-body td, .panel-body th {word-break: break-all;}

@media (min-width: 320px) and (max-width: 600px) {

    .forms {width: 300px;}
    .forms .tab-group li:nth-child(1) a { width: 45%; }
    .forms .tab-group li:nth-child(2) a { width: 55%; }
    .forms .tab-group li a { display: block; text-decoration: none; padding: 15px 0px; background: #efefef; color: #888; font-size: 12px; float: left; width: 50%; text-align: center; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; line-height: normal; }
    .forms label { float: none; width: 100%; margin-bottom: 4px; margin-top: 0; font-size:14px; text-align: left; padding-left: 0px; }    
    .forms input { float: none; width: 100% !important; margin: 0;font-size:12px; padding: 10px 15px; }
    .captch img { margin-top: 15px; margin-right: 15px; margin-left: 0; }    
    .forms .button { margin-left: 0; }    
    .forms form { padding:20px; }
    .text-p { text-align: right; margin-top: 10px !important; padding: 0; }
    .logoblk { background: #00000040; padding: 10px; width: min-content; margin: auto; font-size: 26px; }
    .logoblk img { width: 170px; margin: 0px; }
    .alert { padding: 8px; margin-bottom: 0px; }
    /*.form-horizontal .input-field { overflow: auto; height: 338px; }*/
    .resndOtp { padding-left: 0px; }

}
@media (min-width: 320px) and (max-width: 768px) {
    .forms { position: absolute; }
}

/*--///__ Fontawesome Icons Web Fonts Styles For Login Icons////- START -//// */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }
 
 .fa-user:before {
  content: "\f007"; }

 .fa-user-tie:before {
  content: "\f508"; }

 @font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/fontawesome/fa-brands-400.eot");
  src: url("../fonts/fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-brands-400.woff") format("woff"), url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype"), url("../fonts/fontawesome/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../fonts/fontawesome/fa-regular-400.eot");
  src: url("../fonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.woff") format("woff"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("../fonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../fonts/fontawesome/fa-solid-900.eot");
  src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }
/*--///__ Fontawesome Icons Web Fonts Styles For Login Icons////- END -//// */