:root {
  --primary-color: #2D529F;
  --secondary-color: #2C3789;
  --tertiary-color: #2E3092;
  --bg-color: #EBEEF0;
  --nav-color: #2D529F;
  --navItem-color: #0088CC;
  --subNavItem-color: #4278CF;
  --menu-color: #05539F;
  --navHover-color: #00AEEF;
  --selectedNavItem-color: #00AEEF;
  --table-color: #00AEEF;
  --tableFont-color: #FFF;
  --tab-active-bg-color: #00AEEF;
  --email-footer-bg: #96A8EF;
}

body{
    padding:0px;
    margin: 0px;
    background-size: cover;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


@font-face {
    font-family: calibri;
    src: url(font/Calibri.ttf) format('truetype');
}

.maindiv {
  background:transparent;
  position:absolute;
  color:#6d6e71;
  top:49%;
  left:65%;
  width:55%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.content-panel{
    background: #fff;
    overflow: auto;
    width:89.7%;
    padding: 5% 5% 4% 5%;
    border: 1px solid #ccc;
}

.label-panel{
    background: var(--primary-color);
    width: 60%;
    float: left;
    margin-right: 1%;
    height: 50px;
}


.loginlabel-panel{
    background: var(--primary-color);
    width: 36%;
    float: left;
    height: 32px;
    color: #fff;
    padding-top: 18px;
    padding-left: 3%;
    text-transform: uppercase;
    font-family: calibri;
}

.intro-panel{
    width: 55%;
    float: left;
    margin-right: 5%;
    padding-right: 5%;
    font-family: calibri;
    font-size: 14px;
}

.login-panel{
    width: 35%;
    float: left;
    color: #fff;
}

input[type="password"]{
    border: 1px solid var(--primary-color);
    width: 90%;
    padding: 10px;
    margin-top: 15px
}

input[type="text"]{
    border: 1px solid var(--primary-color);
    width: 90%;
    padding: 10px;
    margin-top: 5px
}

select{
    border: 1px solid #e2e2e2;
    width: 100%;
    padding: 10px;
    margin-top: 15px;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

input[type="text"]:focus,input[type="password"]:focus{
    outline: none;
    background: #f2f2f2;
}


input[type="submit"]:focus {
    
    outline: none;}

input[type="submit"]{
    background: var(--primary-color);
    color: #fff;
    border: 0px;
    padding: 12px 0px 12px 0px;
    margin-top: 15px;
    width: 60%;
    cursor: pointer;
    font-family: 'calibri';
    font-size: 13px
    
}

.text-right{ text-align: right}

.logo-panel{
    text-align: right;
    padding-bottom: 0px
}

a{color: #000; font-size: 12px; font-style: normal;}
.pipe{color:var(--primary-color);}
.form-footerlink{width: 100%;
    
    margin-top: 10px;
    margin-right:5px;
    text-align: right; }


	@media screen and (max-width: 992px) {
	  .login-card-img{width:100%; height:auto;}
	}

      @media only screen and (max-width: 600px) {
    body{background-image: none!important;}
	
 
 .maindiv {
  background:transparent;
  position:fixed;
  color:#6d6e71;
  top: 30%;
left: 50%;
width: 100%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.logo-panel img{width:50%!important; margin-right:10px; margin-top: 80px; }
.login-panel {width: 100%;}

.label-panel{display:none;}
.loginlabel-panel {
    background: var(--primary-color);
    width: 100%;}

  
  .intro-panel {
    width: 100%;
    float: left;
    margin-right: 5%;
    padding-right: 5%;
    font-family: calibri;
    font-size: 14px;}

  .text-right {
    text-align: center;
}
.logo-panel {
    text-align: center;
    padding-bottom: 0px;
}

.content-panel {
    background: #fff;
    overflow: auto;
    width: 89.7%;
    padding: 5% 5% 4% 5%;
    border: none;}
    .loginlabel-panel {
    background: var(--primary-color);
    width: 100%;
    text-align: center;}

}

/*home*/
.brand-wrapper {
  margin-bottom: 19px; 
}
.brand-wrapper .logo {
}
.login-card {
  border: 0;
  border-radius: 27.5px;
box-shadow: 0 10px 30px 0 rgba(172, 168, 168, 0.43);*/
  overflow: hidden; 
}
 
  .login-card .card-body {
    padding: 65px 60px 53px;}
    @media (max-width: 422px) {
      .login-card .card-body {
        padding: 35px 24px; } }
  .login-card-description {
    font-size: 25px;
    color: #000;
    font-weight: normal;
    margin-bottom: 23px; }
  .login-card form {
    max-width: 326px; }
  .login-card .form-control {
    border: 1px solid #d5dae2;
    padding: 15px 25px;
    margin-bottom: 20px;
    min-height: 45px;
    font-size: 13px;
   
    font-weight: normal; }
    .login-card .form-control::-webkit-input-placeholder {
      color: #919aa3; }
    .login-card .form-control::-moz-placeholder {
      color: #919aa3; }
    .login-card .form-control:-ms-input-placeholder {
      color: #919aa3; }
    .login-card .form-control::-ms-input-placeholder {
      color: #919aa3; }
    .login-card .form-control::placeholder {
      color: #919aa3; }
  .login-card .login-btn {
    padding: 13px 20px 12px;
    background-color: var(--primary-color);
    border-radius: 4px;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    margin-bottom: 24px; }
    .login-card .login-btn:hover {
    
      background-color: var(--secondary-color);
      color: #fff; }
  .login-card .forgot-password-link {
    font-size: 14px;
    color: #919aa3;
    margin-bottom: 12px; }
  .login-card-footer-text {
    font-size: 16px;
    color: #0d2366;
    margin-bottom: 60px; }
    @media (max-width: 767px) {
      .login-card-footer-text {
        margin-bottom: 24px; } }
  .login-card-footer-nav a {
    font-size: 14px;
    color: #919aa3; }
input[type="text"] {
    border: 1px solid var(--primary-color);
    width: 100%;
    padding: 10px;
    margin-top: 5px;}
    input[type="password"] {
    border: 1px solid var(--primary-color);
    width: 100%;
    padding: 10px;
    margin-top: 5px;}
	
	@media screen and (min-width: 993px) {
	.login-card-img{width:100%; height:auto; margin: 65px 35px 60px 65px;}
	}
	
	.center{position: absolute;
top: 50%;
transform: translate(0, -50%);
padding: 10px;}