@charset "utf-8";

@font-face {
	font-family: 'Avenir LT Std 95 Black';
	font-style: normal;
	font-weight: normal;
	src: local('font/Avenir LT Std 95 Black'), url('font/AvenirLTStd-Black.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Avenir LT Std 45 Book';
	font-style: normal;
	font-weight: normal;
	src: local('font/Avenir LT Std 45 Book'), url('font/AvenirLTStd-Book.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Avenir LT Std 85 Heavy';
	font-style: normal;
	font-weight: normal;
	src: local('font/Avenir LT Std 85 Heavy'), url('font/AvenirLTStd-Heavy.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Avenir LT Std 35 Light';
	font-style: normal;
	font-weight: normal;
	src: local('font/Avenir LT Std 35 Light'), url('font/AvenirLTStd-Light.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Avenir LT Std 65 Medium';
	font-style: normal;
	font-weight: normal;
	src: local('font/Avenir LT Std 65 Medium'), url('font/AvenirLTStd-Medium.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Avenir LT Std 55 Roman';
	font-style: normal;
	font-weight: normal;
	src: local('font/Avenir LT Std 55 Roman'), url('font/AvenirLTStd-Roman.woff') format('woff');
	}

	@font-face {
	font-family: 'Avenir LT Std 95 Black Oblique';
	font-style: normal;
	font-weight: normal;
	src: local('font/Avenir LT Std 95 Black Oblique'), url('font/AvenirLTStd-BlackOblique.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Avenir LT Std 45 Book Oblique';
	font-style: normal;
	font-weight: normal;
	src: local('font/Avenir LT Std 45 Book Oblique'), url('font/AvenirLTStd-BookOblique.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Avenir LT Std 85 Heavy Oblique';
	font-style: normal;
	font-weight: normal;
	src: local('font/Avenir LT Std 85 Heavy Oblique'), url('font/AvenirLTStd-HeavyOblique.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Avenir LT Std 35 Light Oblique';
	font-style: normal;
	font-weight: normal;
	src: local('font/Avenir LT Std 35 Light Oblique'), url('font/AvenirLTStd-LightOblique.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Avenir LT Std 65 Medium Oblique';
	font-style: normal;
	font-weight: normal;
	src: local('font/Avenir LT Std 65 Medium Oblique'), url('font/AvenirLTStd-MediumOblique.woff') format('woff');
	}
	
	
	@font-face {
	font-family: 'Avenir LT Std 55 Oblique';
	font-style: normal;
	font-weight: normal;
	src: local('font/Avenir LT Std 55 Oblique'), url('font/AvenirLTStd-Oblique.woff') format('woff');
	}


body .login_fields__submit {
  top: 35px;
  left: 0;
  width: 100%;
  right: 0;
  margin: auto;
  padding: 0px 24px;
}

body .login_fields__submit .forgot a {
  color: #FFF;
}


/* tipografia */


h1 {
  font-family: 'Avenir LT Std 45 Book';
  font-size: 24px;
    line-height: normal;
	    margin: 0px;
}
h2 {
  font-family: 'Avenir LT Std 45 Book';
  font-size: 20px;
  line-height: normal;
      margin: 0px;
}
h3 {
  font-family: 'Avenir LT Std 45 Book';
  font-size: 18px;
    line-height: normal;
	    margin: 0px;
}
h4 {
    line-height: normal;
  font-family: 'Avenir LT Std 95 Black';
  font-size: 14px;
      margin: 0px;
}

h5 {
  line-height: normal;
  font-family: 'Avenir LT Std 45 Book';
  font-size: 12px;
      margin: 0px;
}
label {
  line-height: normal;
  font-family: 'Avenir LT Std 45 Book';
  font-size: 14px;
  margin: 0px;
}
a {
  line-height: normal;
  font-family: 'Avenir LT Std 45 Book';
  font-size: 14px;
}
p {
  line-height: normal;
  font-family: 'Avenir LT Std 45 Book';
  font-size: 14px;
  margin: 0px;
}
.debug {
  top: -59px;position: relative;font-size: 18px;float: left;text-align: center;width: 100%;color: #000;font-weight: bold;
}
/* end tipografia */

/* New Login */


body {
  background: #F0F0F0 !important;
  width: 100%;
  position: absolute;
  height: 100%;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Avenir LT Std 45 Book';
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
input, button, select, textarea, label {
  font-family: 'Avenir LT Std 45 Book';
  font-size: 14px;
  line-height: inherit;
}
.wrapper {
  width: 100%;
  max-width: 400px;
  margin-bottom: 32px;
  position: relative;
  float: left;
  left: 50%;
  -webkit-transform: translate(-50%,-0%);
  -moz-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,-0%);
  -o-transform: translate(-50%, -0%);
  transform: translate(-50%,-0%);
}
.disclaimer {
  position: relative;
  float: left;
  left: 0px;
  width: 100%;
  background-color: #ffffff;
  padding: 0px 40px;
  margin: 0 auto;
  border: 0px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.07);
  border-radius: 0px 0px 10px 10px;
}
.form-signin {
  position: relative;
  width: 100%;
  float: left;
  padding: 15px 16px 16px;
  padding-bottom: 32px;
  margin: 0 auto;
  background-color: #fff;
  border: 0px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.07);
  border-radius: 10px 10px 0px 0px;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-top: 16px;
  margin-bottom: 8px;
  padding: 0px 24px;
}
.form-signin .checkbox {
  font-weight: normal;
  margin-top: 32px;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  background-color: #F9F9F9;
  border-radius: 20px;
  border: 0px;
  box-shadow: inset 0 0px 0px rgba(0,0,0,0);
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: 20px;
}
.form-signin input[type="password"] {
  margin-bottom: 20px;
}
.form-signin-heading
{
  text-align: left;
  font-family: 'Avenir LT Std 85 Heavy';
}

.logo {width: 200px;padding: 32px 0px;left: 50%;position: relative;-webkit-transform: translate(-50%,-0%);-moz-transform: translate(-50%,0%);-ms-transform: translate(-50%,-0%);-o-transform: translate(-50%, -0%);transform: translate(-50%,-0%);background-image: url("images/logo.svg");background-repeat: no-repeat, repeat;background-position: center; /* Center the image */background-repeat: no-repeat; /* Do not repeat the image */padding-bottom: 8px;background-size: contain;margin: 24px 0px;}
.logo_img {width: 100%;padding-bottom: 8px;}

.link {
  text-decoration: underline;
  color: #2296F6;
  cursor: pointer;
  width: 100%;
  position: relative;
  font-size: 16px;
  float: left;
  font-family: 'Avenir LT Std 85 Heavy';
  text-align: left;
  padding-bottom: 16px;
}

.link-title {
  color: #000;
  width: 100%;
  position: relative;
  float: left;
  text-align: left;
  padding-top: 1%;
}
.sub-title {
  color: #000;
  width: 100%;
  position: relative;
  float: left;
  text-align: left;
  padding-top: 0px;
  padding-left: 24px;
  margin-bottom: 16px;
}
.btn-primary {
  background-color: #2296F6;
  border-color: #2296F3;
  font-size: 14px;
  width: 100%;
  color: #FFF;
  line-height: inherit;
}
.btn-lg {
  padding: 8px 16px;
  padding-top: 10px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-primary:hover {
  background-color: #1478C9;
  border-color: #1478C9;
}
.btn-primary01 {
  background-color: #2296F6;
  border-color: #2296F3;
  color: #FFF;
  font-size: 14px;
  line-height: inherit;
}


.btn-primary01:hover {
  background-color: #1478C9;
  border-color: #1478C9;
}
.success {
  display: block;
  color: #e52528;
  position: relative;
  float: left;
  text-align: left;
  margin: 23px 0px;
  margin-bottom: 4px;
  margin-left: 24px;
  width: 100%;
}
.success01
 {
  display: block;
  color: #e52528;
  position: relative;
  float: left;
  text-align: left;
  margin: 32px 0px;
  margin-left: 24px;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 24px;
}
.nowork_txt {
  display: block;
  color: #000;
  position: relative;
  float: left;
  text-align: left;
  margin-bottom: 4px;
  margin-left: 24px;
  width: 100%;
  line-height: 1.4;
}
.nowork01_txt
 {
  display: block;
  color: #000;
  position: relative;
  float: left;
  text-align: left;
  margin: 32px 0px;
  margin-left: 24px;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 12px;
  line-height: 1.4;
}
.nowork02_txt {
  display: block;
  color: #000;
  position: relative;
  float: left;
  text-align: left;
  margin-bottom: 10px;
  margin-left: 24px;
  padding-right: 16px;
  width: 100%;
  line-height: 1.4;
  margin-top: 24px;
}
.noworktitle_txt {
  
  font-family: 'Avenir LT Std 95 Black';
  display: block;
  color: #000;
  position: relative;
  float: left;
  text-align: left;
  margin-bottom: 4px;
  margin-left: 24px;
  width: 100%;
  line-height: 1.4;
}
.forgot {
  width: 100%;
  text-align: right;
  margin: 8px 0px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #000;
  cursor: pointer;
  text-decoration: underline;
}
.remember {
  /* position: relative; */
  text-align: left;
  font-size: 12px;
  color: #000;
  cursor: pointer;
  text-decoration: underline;
  display: inline-block;
  margin-left: 4px;
  margin-bottom: 20px;
  margin-top: 16px;
}

.loading-login {
  display: none;
  /* top: 60px; */
  width: 321px;
  height: 25px;
  background-color: rgba(24, 25, 25, 0);
  visibility:visible;
  position: relative;
  z-index: -1;
  left: 50%;
  -webkit-transform: translate(-50%,-0%);
  -moz-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,-0%);
  -o-transform: translate(-50%, -0%);
  transform: translate(-50%,-0%);
}

/* field */
.ControlInput:focus {

  outline: 

  #fff auto 3px;

}


.Form-fields {
  border-radius: 15px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 8px 24px;
  padding-bottom: 12px;
}

.Control-label {
  color: #423e3d;
  font-weight: bold;
  margin-bottom: 0px;
  transition: color 300ms ease;
  margin-left: 0px;
}

.Control-requirements {
  background: #FFF;
  border-top: none;
  margin: -14px 0 15px;
  max-height: 0;
  border-radius: 10px;
  overflow: hidden;
  transition: all 200ms ease;
  padding: 0 9px;
}

.ControlInput {
  border-radius: 10px;
  background-color: #ededed !important;
  color: #000000;
  margin: 13px 0;
  margin-top: 4px;
  border: 0px;
  font-family: 'Avenir LT Std 85 Heavy';
  padding: 0.5em 1.5em;
}
.ControlInput {
  box-shadow: 0 0px 0px #c5c1c0 inset;
}
.ControlInput:hover {
  box-shadow: 0 1px 3px #c5c1c0 inset;
}

/* .ControlInput:invalid:not(:focus):not(:placeholder-shown) {
  border-color: red;
  border-bottom: none;
}
.ControlInput:invalid:not(:focus):not(:placeholder-shown) + .Control-label {
  color: red;
}
.ControlInput:invalid:not(:focus):not(:placeholder-shown) + .Control-label + .Control-requirements {
  max-height: 100px;
  padding: 8px 16px;
  border: 1px solid red;
}
.ControlInput:valid:not(:focus):not(:placeholder-shown) {
  border-color: #5fa550;
}
.ControlInput:valid:not(:focus):not(:placeholder-shown) + .Control-label {
  color: #423e3d;
} */

.Control-requirements--email,
.ControlInput--email {
  order: -1;
}

.Control-label--email {
  order: -2;
}

.ControlInput--password {
  order: 0;
  padding-right: 50px;
}

.Control-label--password {
  order: -1;
  margin-top: 0px;
}
.reset {
width: 100%;
}
.Control-label--showPassword {
  width: 32px;
  position: relative;
  left: 100%;
  text-align: right;
  margin-left: -36px;
  margin-top: -49px;
}

.Form-submit {
  border: 1px solid #FFF;
  background-color: #FFF;
  border-radius: 3px;
  color: #fff;
  display: block;
  width: 100%;
  max-width: 100%;
  pointer-events: none;
  opacity: 0.6;
  cursor: default;
  transition: opacity 300ms ease-out, max-width 150ms ease-out;
  outline: none;
  position: relative;
  margin: auto;
}
.Form-submit:hover {
  background-color: #FFF;
}
.Form-submit:active {
  background-color: #FFF;
  max-width: 50px;
  overflow: hidden;
  text-indent: 300px;
}
.Form-submit:active .Button-spinner {
  opacity: 1;
}
.ControlInput--email:valid ~ .ControlInput--password:valid ~ .Form-submit {
  cursor: pointer;
  pointer-events: auto;
  opacity: 1;
}

.Button-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -13px;
  margin-top: -13px;
  opacity: 0;
}

.show-password {
  display: none;
}
.show-password:checked ~ .ControlInput--password {
  text-security: disc;
  -webkit-text-security: disc;
  -moz-text-security: disc;
}
.show-password:checked ~ .Control-label--showPassword .svg-toggle-password .closed-eye {
  opacity: 1;
  transition: opacity 300ms ease, height 400ms ease;
  width: 4px;
  height: 44px;
}

.svg-toggle-password {
  fill: #008ed6;
  width: 24px;
  height: 24px;
  margin-right: 24px;
}
.svg-toggle-password .closed-eye {
  opacity: 0;
  height: 0;
}


/* end field */















/* landscape */
@media only screen 
and (max-device-width: 999px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

h1 {
  font-family: 'Avenir LT Std 45 Book';
  font-size: 3.5vw;
    line-height: normal;
      margin: 0px;
  }
  h2 {
  font-family: 'Avenir LT Std 45 Book';
  font-size: 3vw;
  line-height: normal;
    margin: 0px;
  }
  h3 {
  font-family: 'Avenir LT Std 45 Book';
  font-size: 2.5vw;
    line-height: normal;
      margin: 0px;
  }
  h4 {
    line-height: normal;
  font-family: 'Avenir LT Std 95 Black';
  font-size: 2vw;
    margin: 0px;
  }
  
  h5 {
  line-height: normal;
  font-family: 'Avenir LT Std 45 Book';
  font-size: 1.8vw;
    margin: 0px;
  }
  
  p {
  line-height: normal;
  font-family: 'Avenir LT Std 45 Book';
  font-size: 2.2vw;
    margin: 0px;
  }
  label {
    line-height: normal;
    font-family: 'Avenir LT Std 45 Book';
    font-size: 2vw;
    margin: 0px;
}
a {
  line-height: normal;
  font-family: 'Avenir LT Std 45 Book';
  font-size: 2vw;
}
  .debug {
    top: -59px;position: relative;  font-size: 2vw;float: left;text-align: center;width: 100%;color: #000;font-weight: bold;
  }

    /* end tipografia */
  .wrapper {
    margin-top: 10px;
    margin-bottom: 80px;
    max-width: 90%;
    padding-bottom: 5%;
}
.btn-primary {
  background-color: #2296F6;
  border-color: #2296F3;
  font-size: 2.5vw;
}
.ControlInput {
  border-radius: 20px;
  background-color: #F9F9F9 !important;
  color: #6d6665;
  margin: 13px 0;
  border: 0px;
  font-size: 2.5vw;
  padding: 1em 1em;
}
body {
  background: #ffffff !important;
}
.form-signin {
  position: relative;
  width: 100%;
  float: left;
  padding: 15px 35px 16px;
  margin: 0 auto;
  background-color: #fff;
  border: 0px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  border-radius: 10px 10px 0px 0px;
}
.disclaimer {
  position: relative;
  float: left;
  left: 0px;
  width: 100%;
  background-color: rgba(249, 249, 249, 0);
  padding: 11vh 45px;
  margin: 0 auto;
  border: 0px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  border-radius: 0px 0px 10px 10px;
}
.logo {
  width: 25vw;
  padding: 54px 0px;
  left: 50%;
  position: relative;
  -webkit-transform: translate(-50%,-0%);
  -moz-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,-0%);
  -o-transform: translate(-50%, -0%);
  transform: translate(-50%,-0%);
}
.Control-label--showPassword {
  width: 40px;
  position: relative;
  top: -4.4vh;
  left: 100%;
  text-align: right;
  margin-left: -66px;
}
.svg-toggle-password {
  fill: #008ed6;
  width: 40px;
  height: 40px;
  margin-right: 24px;
}
body .login_fields__submit {
  left: 0;
  width: 32%;
  position: relative;
  right: 0;
  top: 0px;
  margin: auto;
  margin-bottom: 8vh;
  margin-top: 5vh;
}
.Form-fields {
  border-radius: 15px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 11vh 32px;
  padding-bottom: 54px;
}

}


/* end landscape */
  /* Portrait */
  @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    
  
  
  /* tipografia */
  
  
  h1 {
    font-family: 'Avenir LT Std 45 Book';
    font-size: 6vw;
      line-height: normal;
        margin: 0px;
  }
  h2 {
    font-family: 'Avenir LT Std 45 Book';
    font-size: 5vw;
    line-height: normal;
        margin: 0px;
  }
  h3 {
    font-family: 'Avenir LT Std 45 Book';
    font-size: 4vw;
      line-height: normal;
        margin: 0px;
  }
  h4 {
      line-height: normal;
      font-family: 'Avenir LT Std 45 Book';
      font-size: 3.5vw;
      margin: 0px;
  }
  
  h5 {
    line-height: normal;
    font-family: 'Avenir LT Std 45 Book';
    font-size: 3vw;
        margin: 0px;
  }
  
  p {
    line-height: normal;
    font-family: 'Avenir LT Std 45 Book';
    font-size: 3.7vw;
        margin: 0px;
  }
  label {
    line-height: normal;
    font-family: 'Avenir LT Std 45 Book';
    font-size: 3.5vw;
    margin: 0px;
}
a {
  line-height: normal;
  font-family: 'Avenir LT Std 45 Book';
  font-size: 3.5vw;
}
  .debug {
    top: -59px;position: relative;  font-size: 3.5vw;float: left;text-align: center;width: 100%;color: #000;font-weight: bold;
  }

  /* end tipografia */

  .wrapper {
    margin-top: 10px;
    margin-bottom: 80px;
    max-width: 95%;
    padding-bottom: 5%;
}
.btn-primary {
  background-color: #2296F6;
  border-color: #2296F3;
  font-size: 3.5vw;
  padding: 20px 36px;
}
.ControlInput {
  border-radius: 20px;
  background-color: #F9F9F9 !important;
  color: #6d6665;
  margin: 13px 0;
  border: 0px;
  font-size: 5vw;
  padding: 1em 1em;
}
body {
  background: #ffffff !important;
}
.form-signin {
  position: relative;
  width: 100%;
  float: left;
  padding: 15px 35px 16px;
  margin: 0 auto;
  background-color: #fff;
  border: 0px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  border-radius: 10px 10px 0px 0px;
}
.disclaimer {
  position: relative;
  float: left;
  left: 0px;
  width: 100%;
  background-color: #f9f9f900;
  padding: 35px 45px;
  margin: 0 auto;
  margin-top: 1vh;
  border: 0px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  border-radius: 0px 0px 10px 10px;
}
.logo {
  width: 55vw;
  padding: 54px 0px;
  left: 50%;
  position: relative;
  -webkit-transform: translate(-50%,-0%);
  -moz-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,-0%);
  -o-transform: translate(-50%, -0%);
  transform: translate(-50%,-0%);
}
body .login_fields__submit {
left: 0;
    width: 100%;
    position: relative;
    right: 0;
    margin: auto;
    margin-top: 2vh;
    margin-bottom: 4vh;
}
.forgot {
width: 100%;
    text-align: right;
    margin: 8px 0px;
    margin-bottom: 8px;
    font-size: 3.5vw;
    color: #000;
    cursor: pointer;
    text-decoration: underline;
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    width: 40px;
    height: 40px;
}

.remember {
    /* position: relative; */
    text-align: left;
    font-size: 3.5vw;
    color: #000;
    cursor: pointer;
    text-decoration: underline;
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 20px;
    margin-top: 16px;
}
.Form-fields {
  border-radius: 15px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 5vh 32px;
  padding-bottom: 0px;
}
.Control-label--showPassword {
  width: 60px;
  position: relative;
  top: -4.3vh;
  left: 100%;
  text-align: right;
  margin-left: -89px;
}
.svg-toggle-password {
  fill: #008ed6;
  width: 60px;
  height: 60px;
  margin-right: 24px;
}
}
  /* end Portrait */


  .alert_mc {
    width: 100%;
    max-width: 400px;
    position: relative;
    float: left;
    border: 1px solid #e52528;
    left: 50%;
    -webkit-transform: translate(-50%,-0%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,-0%);
    -o-transform: translate(-50%, -0%);
    transform: translate(-50%,-0%);
    border-radius: 5px;
    margin-bottom: 32px;
}

.nowork_mc {
  width: 100%;
  max-width: 400px;
  position: relative;
  float: left;
  left: 50%;
  -webkit-transform: translate(-50%,-0%);
  -moz-transform: translate(-50%,0%);
  -ms-transform: translate(-50%,-0%);
  -o-transform: translate(-50%, -0%);
  transform: translate(-50%,-0%);
  border-radius: 5px;
  margin-bottom: 32px;
}
.noworkrow_mc {
  width: 100%;
  max-width: 400px;
  position: relative;
  float: left;
  background-color: #FFF;
  border: 0px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0px 0px rgb(0 0 0 / 0%);
  -webkit-box-shadow: 0 20px 20px rgb(0 0 0 / 7%);
  border-radius: 5px;
  margin-bottom: 32px;
  padding: 24px;
  padding-right: 38px;
  padding-left: 0px;
}

.alert_img {
  margin-top: -6px;
  padding-bottom: 5%;
  width: 62px;
}

.nowork_img {
  margin-top: 10px;
  padding-bottom: 5%;
  width: 50px;
}
.width100 {
  position: relative;
  width: 100%;
  float: left;
}
.cl01 {
  margin-top: 10px;
  position: relative;
  float: left;
  margin-left: 40px;
  width: 13%;
}
.cl01a {
  margin-top: 10px;
  position: relative;
  float: left;
  margin-left: 31px;
  width: 18%;
}
.cl02 {
  position: relative;
  float: left;
  width: 70%;
}
.cl02a {
  position: relative;
  float: left;
  width: 70%;
}
.cl02b {
  position: relative;
  float: left;
  width: 100%;
}
.cl03 {
  position: relative;
  float: left;
  width: 40%;
}
.cl04 {
  position: relative;
  float: right;
  width: 60%;
  text-align: right;
}

.row100 {
  width: 100%;
}

.text-bottom {
  vertical-align: text-bottom;
}

.progressPwdDiv {
  border-radius: 20px;
  height: 10px;
  width: 312px;
  margin: 0px auto;
  background-color: #05060c26;
  border: 0.5px solid #00000073;
}
.progressPwdDivBar {
  border-radius: 20px;
  height: 10px;
  border: 0.5px solid #00000073;
}
.progressPwdDivBarRed {
  background-color: #cd1d1d;;
}
.progressPwdDivBarGreen {
  background-color: #59cb1f;
}