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


.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
  
@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: normal;
    src: url("fonts/Montserrat-Thin.eot");
    src: url("fonts/Montserrat-Thin.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-Thin.woff2") format("woff2"),
         url("fonts/Montserrat-Thin.woff") format("woff");
}

/** Montserrat Thin-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: italic;
    src: url("fonts/Montserrat-ThinItalic.eot");
    src: url("fonts/Montserrat-ThinItalic.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-ThinItalic.woff2") format("woff2"),
         url("fonts/Montserrat-ThinItalic.woff") format("woff");
}

/** Montserrat ExtraLight **/
@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: normal;
    src: url("fonts/Montserrat-ExtraLight.eot");
    src: url("fonts/Montserrat-ExtraLight.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-ExtraLight.woff2") format("woff2"),
         url("fonts/Montserrat-ExtraLight.woff") format("woff");
}

/** Montserrat ExtraLight-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: italic;
    src: url("fonts/Montserrat-ExtraLightItalic.eot");
    src: url("fonts/Montserrat-ExtraLightItalic.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"),
         url("fonts/Montserrat-ExtraLightItalic.woff") format("woff");
}

/** Montserrat Light **/
@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: normal;
    src: url("fonts/Montserrat-Light.eot");
    src: url("fonts/Montserrat-Light.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-Light.woff2") format("woff2"),
         url("fonts/Montserrat-Light.woff") format("woff");
}

/** Montserrat Light-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: italic;
    src: url("fonts/Montserrat-LightItalic.eot");
    src: url("fonts/Montserrat-LightItalic.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-LightItalic.woff2") format("woff2"),
         url("fonts/Montserrat-LightItalic.woff") format("woff");
}

/** Montserrat Regular **/
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url("fonts/Montserrat-Regular.eot");
    src: url("fonts/Montserrat-Regular.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-Regular.woff2") format("woff2"),
         url("fonts/Montserrat-Regular.woff") format("woff");
}

/** Montserrat Regular-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
    src: url("fonts/Montserrat-Italic.eot");
    src: url("fonts/Montserrat-Italic.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-Italic.woff2") format("woff2"),
         url("fonts/Montserrat-Italic.woff") format("woff");
}

/** Montserrat Medium **/
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    src: url("fonts/Montserrat-Medium.eot");
    src: url("fonts/Montserrat-Medium.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-Medium.woff2") format("woff2"),
         url("fonts/Montserrat-Medium.woff") format("woff");
}

/** Montserrat Medium-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: italic;
    src: url("fonts/Montserrat-MediumItalic.eot");
    src: url("fonts/Montserrat-MediumItalic.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-MediumItalic.woff2") format("woff2"),
         url("fonts/Montserrat-MediumItalic.woff") format("woff");
}

/** Montserrat SemiBold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
    src: url("fonts/Montserrat-SemiBold.eot");
    src: url("fonts/Montserrat-SemiBold.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-SemiBold.woff2") format("woff2"),
         url("fonts/Montserrat-SemiBold.woff") format("woff");
}

/** Montserrat SemiBold-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
    src: url("fonts/Montserrat-SemiBoldItalic.eot");
    src: url("fonts/Montserrat-SemiBoldItalic.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"),
         url("fonts/Montserrat-SemiBoldItalic.woff") format("woff");
}

/** Montserrat Bold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    src: url("fonts/Montserrat-Bold.eot");
    src: url("fonts/Montserrat-Bold.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-Bold.woff2") format("woff2"),
         url("fonts/Montserrat-Bold.woff") format("woff");
}

/** Montserrat Bold-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: italic;
    src: url("fonts/Montserrat-BoldItalic.eot");
    src: url("fonts/Montserrat-BoldItalic.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-BoldItalic.woff2") format("woff2"),
         url("fonts/Montserrat-BoldItalic.woff") format("woff");
}

/** Montserrat ExtraBold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
    src: url("fonts/Montserrat-ExtraBold.eot");
    src: url("fonts/Montserrat-ExtraBold.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-ExtraBold.woff2") format("woff2"),
         url("fonts/Montserrat-ExtraBold.woff") format("woff");
}

/** Montserrat ExtraBold-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: italic;
    src: url("fonts/Montserrat-ExtraBoldItalic.eot");
    src: url("fonts/Montserrat-ExtraBoldItalic.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"),
         url("fonts/Montserrat-ExtraBoldItalic.woff") format("woff");
}

/** Montserrat Black **/
@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: normal;
    src: url("fonts/Montserrat-Black.eot");
    src: url("fonts/Montserrat-Black.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-Black.woff2") format("woff2"),
         url("fonts/Montserrat-Black.woff") format("woff");
}

/** Montserrat Black-Italic **/
@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: italic;
    src: url("fonts/Montserrat-BlackItalic.eot");
    src: url("fonts/Montserrat-BlackItalic.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-BlackItalic.woff2") format("woff2"),
         url("fonts/Montserrat-BlackItalic.woff") format("woff");
}

body,html
{
    margin:0px;
    width:100%;
    height:100%;
}
.MainContainer {
    display:block;
    width:100% !important;
    height:100% !important;
    background-color:#ffffff;/*ececec;*/
}
.RightArea {
    display:block;
    float: left;
    width:75% !important;
    height:100% !important;
    background-image:url("img/IndexBg.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.cntrlogo {
  position: relative;
  left: 50%;
  top: 50%;
  width:25%;  
  height:35%;
  transform:translate(-50%,-50%);   
  background-image: url("img/CenterImg.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
  z-index: 12;
}
.mwlogo {
  background-image: url("img/logow.png");
    background-repeat:no-repeat;
    background-size:100% 100%;
  position: absolute;
  left: 4%;
  top: 6%;
  width: 86px;
  height: 84px;
  z-index: 9;

}
.login-group {
    float: left;
  width:25%;  
  height:100%;
  background-image: url("img/footerbg.png");
    background-repeat:no-repeat;
    background-size:100%;
        background-position-y: bottom;
} 
.wel-msg {    
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat";
  color: rgb(51, 51, 51);
  line-height: 1.2;
  text-align: center;
  z-index: 25;
}
.container{
	height: 78%;
	padding:15%;
}
.form-group {
	position:relative;
	overflow:hidden;
  padding:10px 0px;
}
.form-group-login {
  padding:15px 0px;
}
.form-cont{
	padding: 15px 0px;
}
.button-login {
  font-size: 13px;
  font-weight: 600;
  font-family: "Montserrat";
  height:35px  !important;
  border-color:transparent !important;
  background-image: -moz-linear-gradient( -122deg, rgb(6,155,175) 0%, rgb(26,192,214) 100%) !important;
  background-image: -webkit-linear-gradient( -122deg, rgb(6,155,175) 0%, rgb(26,192,214) 100%) !important;
  background-image: -ms-linear-gradient( -122deg, rgb(6,155,175) 0%, rgb(26,192,214) 100%) !important;
  /*box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.23),inset -1.99px -113.983px 72px 0px rgba(0, 0, 0, 0.19) !important;*/ 
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.23) !important;
    background-repeat: repeat  !important;
  background-size:100%  !important;
  min-width:100% !important;
  border:solid 1px;    
  border-radius: 4px;
  color:#fff;
}
.form-input,.form-control{
	display:block;
	border-color:transparent !important;
	padding:5px 0px;
	width:86%;
	
}
.form-input{
  font-size: 13px;
  font-weight: 500;
  font-family: "Montserrat";
	border-bottom :solid 1px #dfdfdf !important;
	padding-left:25px;
outline: none;
}
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active {
		transition: background-color 5000s ease-in-out 0s;
	}

/*input:-webkit-autofill {
    -webkit-box-shadow: none;
    -webkit-text-fill-color: #fff !important;
}*/
#cRemb {
    display: none;
}
.clRemb:before {
	content: " ";
	float:left;
    display: block;
    width: 16px;
    height: 16px;
    border: solid 1px #dfdfdf;
    margin: 0px 5px 0px 0px;
}
label{
  font-size: 13px;
  font-weight: 500;
  font-family: "Montserrat";}
.icuser,.icpwd,.far{
	position:absolute;
	top: 16px;
    left: 4px;
	width:18px;height:18px;
}
.far{
   color: transparent;
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #8c8686;
 }