@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('fonts/MaterialIcons-Regular.woff2') format('woff2'),
       url('fonts/MaterialIcons-Regular.woff') format('woff'),
       url('fonts/MaterialIcons-Regular.ttf') format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  position: fixed;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/roboto-v18-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
       url('fonts/roboto-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('fonts/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/roboto-v18-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
       url('fonts/roboto-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('fonts/MaterialIcons-Regular.woff2') format('woff2'),
       url('fonts/MaterialIcons-Regular.woff') format('woff'),
       url('fonts/MaterialIcons-Regular.ttf') format('truetype');
}


html,
body {
  height: 100%;
}
body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #eeeeee;

}
.form-signin {
    width: 340px;
    height: auto;
    margin: auto;
}
.form-signin2 {
 	width: 553px;
    height: auto;
    margin: auto;

}
.form-signin .checkbox {
    font-weight: 400;
    float: left;
    margin-top: 10px;
}
.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 10px;
    width: 100%;
}

.form-signin2 .form-control {
  position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 10px;
    width: 100%;
}
.text-center {
    text-align: center!important;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.body {
    background: #fff;
    /* width: 340px; */
    padding: 33px 40px 40px 40px;
    border-radius: 10px;
}
.body2{
  background: #fff;
    width: 350px;
    padding: 40px 40px 30px 40px;
}
.mb-4 {
    margin-top: 1rem!important;
    margin-bottom: 1rem !important;
}
.form-signin input[type="email"] {
  margin-bottom: 10px;
/*  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;*/
}
.form-signin input[type="password"] {
/*margin-bottom: 10px;*/
}
.h3{
  float: left;
  padding-bottom: 3px;
}
.text-muted {
    color: #646b71!important;
    font-size: 0.8rem;
    margin-top: .8rem!important;
    text-align: center;
    margin-bottom: -15px !important;
}
.btn-primary a{
    color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: #2196F3;
    border-color: #2196F3;
    margin-top: 30px;
}
.btn-primary a:hover {
    color: #fff;
    border-color: #0062cc;
    text-decoration: none;
}
.titular {
    font-size: 14px;
    display: block;
    line-height: 1.3;
    margin-top: 14px;
    margin-bottom: 14px;
    margin-left: -51px;
}
.titular2 {
    font-size: 14px;
    display: block;
    line-height: 1.3;
    margin-top: 14px;
    margin-bottom: 14px;
}
.logo{
        background-color: #F4F7FB;
    margin-top: -33px;
    margin-right: -40px;
    margin-left: -40px;
}
label {
    display: inline-block;
    margin-bottom: 1rem;
}
.info_verificacion span {
    font: normal 11px/1em 'roboto';
    text-align: left;
}
[type="checkbox"].filled-in:not(:checked) + label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0;
}
[type="checkbox"].filled-in:not(:checked) + label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%;
}
/*
 Labels
 --------------------------------------------------
*/
.strength-meter{
  float: right;
}
  .label-danger {
  background-color: #d9534f;
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  float: right;

}
.label-warning{
  background-color: #f0ad4e;
      display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    float: right;
}

.label-info{
      background-color: #5bc0de;
            display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    float: right;
}
.label-success{
  background-color: #5cb85c;
              display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    float: right;

}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    float: right;
}
 .help-info {
    float: left;
    font-size: 12px;
    margin-bottom: 14px;
    color: #999;
}
[type="checkbox"] + label {

    padding-left: 29px !important;
    font-size: 14px !important;
    line-height: 21px !important;
}
[type="checkbox"].filled-in:checked + label:after {

    border: 2px solid #2196F3 !important;
    background-color: #2196F3 !important;
}
.tres {
    font-size: 20px !important;
    margin-left: 102px;
    color: #747474;
    z-index: 11111111111111111111111111111111111;
    margin-top: 12px;
    cursor: pointer;
    position: absolute !important;
}
.cuatro {
    font-size: 20px !important;
    padding-left: 41px;
    color: #747474;
    padding-top: 52px;
    z-index: 11111111111111111111111111111111111;
}
.separacion{
  margin-bottom: 15px;
}
 .form-control:hover {
    border-color: #2196f3;
    background-color: #f0f6fb !important;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.info_verificacion {
    text-align: left;
    line-height: 1;
    margin-top: .5rem!important;
}
.btn-block2 {
    display: block;
    width: 100%;
    margin-top: 1.5rem !important;
}
.codigo {
    font-size: 14px;
    display: block;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    letter-spacing: 2px;
}
.check{
  color: #4CAF50;
    font-size: 100px !important;
    position: relative !important;
    margin-bottom: 30px !important;
}
.checkError{
  color: #F44336;
    font-size: 100px !important;
    position: relative !important;
    margin-bottom: 30px !important;
}
.titularCheck{
      font-size: 23px;
    margin-bottom: 5px;
    font-weight: 600;
    width: 100%;
}
.titularCheck2 {
    font-size: 23px;
    margin-bottom: 5px;
    font-weight: 600;
    display: block;
}
.form-signin3 {
    width: 556px;
    padding: 40px;
    margin: auto;
    background-color: #fff;
    border-radius: 10px;
    display: block;
}

/* Input Group ================================= */
 .input-group2 {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -ms-flex-align: stretch;
     align-items: stretch;
     width: 100%;
     margin-bottom: 30px;
}
 .input-group {
     position: relative;
     align-items: stretch;
     width: 100%;
    display: -ms-flexbox;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
}
 .usuario{
     margin-top: 7px;
     font-size: 13px;
}
    
 .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
     position: relative;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     width: 1%;
     margin-bottom: 0;
     margin-right: 9px;
/*     height: 34px;*/
     border-radius: inherit;
}
 .input-group2>.form-control {
     position: relative;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     width: 1%;
     margin-bottom: 0;
     margin-right: 9px;
     height: 40px;
     border-radius: .25rem;
}
 .form-control:hover, .form-control2:hover {
     background-color: #fff!important;
}
 .form-control, .form-control2{
     border: 1px solid #ccc;
}
/*.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
}
 */
 .input-group .form-line {
     display: inline-block;
     width: 100%;
     position: relative;
}
 .input-group .form-line:after {
     content: '';
     position: absolute;
     left: 0;
     width: 100%;
     bottom: -2px;
     -moz-transform: scaleX(0);
     -ms-transform: scaleX(0);
     -o-transform: scaleX(0);
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -moz-transition: 0.25s ease-in;
     -o-transition: 0.25s ease-in;
     -webkit-transition: 0.25s ease-in;
     transition: 0.25s ease-in;
     border-bottom: 2px solid #1f91f3;
}
 .input-group .form-line + .input-group-addon {
     padding-right: 0;
     padding-left: 10px;
}
 .input-group .help-info {
     float: right;
     font-size: 12px;
     margin-top: 5px;
     color: #999;
}
 .input-group label.error {
     font-size: 12px;
     display: block;
     font-weight: normal;
     color: #F44336;
     z-index: 1111111111111111111111111111111;
}
 .input-group .form-line.error:after {
     border-bottom: 2px solid #F44336;
}
 .input-group .form-line.success:after {
     border-bottom: 2px solid #4CAF50;
}
 .input-group .form-line.warning:after {
     border-bottom: 2px solid #FFC107;
}
 .input-group .form-line.focused:after {
     -moz-transform: scaleX(1);
     -ms-transform: scaleX(1);
     -o-transform: scaleX(1);
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
 .input-group .form-line.focused .form-label {
     bottom: 25px;
     left: 0;
     font-size: 12px;
}
 .input-group .input-group-addon {
     border: none;
     background-color: transparent;
     padding-left: 0;
     font-weight: normal;
     float: none;
}
 .input-group .input-group-addon .material-icons {
     font-size: 18px;
     color: #555;
}
/* .input-group .form-control:focus {
     border-color: #80bdff;
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
*/
 .form-control:focus {
     color: #495057;
     background-color: #fff;
     border-color: #80bdff;
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 .input-group .form-control:hover {
     border-color: #2196f3;
     background-color: #f0f6fb !important;
     box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 .input-group2 .form-control:hover {
     border-color: #2196f3;
     background-color: #f0f6fb !important;
     box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 .form-line .form-control:focus {
     border-color: #80bdff;
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 .form-line .form-control:hover {
     border-color: #2196f3;
     background-color: #f0f6fb !important;
     box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 .form-line .form-control2:hover {
     border-color: #2196f3;
     background-color: #f0f6fb !important;
     box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 .input-group.input-group-sm .input-group-addon i {
     font-size: 14px;
}
 .input-group.input-group-sm .form-control {
     font-size: 12px;
}
 .input-group.input-group-lg .input-group-addon i {
     font-size: 26px;
}
 .input-group.input-group-lg .form-control {
     font-size: 18px;
}
 .form-control-label {
     text-align: right;
}
 .form-control-label label {
     margin-top: 8px;
}
 .form-horizontal .form-group {
     margin-bottom: 0;
}
 .form-group {
     width: 100%;
     margin-bottom: 0;
}
 .form-group2 {
     width: 95%;
     margin-bottom: 25px;
     margin-top: 5px;
}
 .form-group3 {
     width: 100%;
     margin-left: 12px;
}
 .form-group ul li {
     margin-bottom: 5px;
}
 .form-group .form-control {
    display: block;
    width: 100%;
    font-size: .9rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
}
 .form-group .help-info {
     float: right;
     font-size: 12px;
     margin-top: 5px;
     color: #999;
     margin-right: 4px;
}
 .form-group label.error {
     font-size: 11px;
    display: block;
    margin-top: -3px;
    font-weight: normal;
    color: #F44336;
    margin-bottom: 12px;
    line-height: 11px;
    text-align: left;

}
 .form-group .form-line {
     width: 100%;
     position: relative;
    /*border-bottom: 1px solid #ddd;
     */
}
 .form-group .form-line:after {
     content: '';
     position: absolute;
     left: 0;
     width: 100%;
     height: 0;
     bottom: -1px;
     -moz-transform: scaleX(0);
     -ms-transform: scaleX(0);
     -o-transform: scaleX(0);
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -moz-transition: 0.25s ease-in;
     -o-transition: 0.25s ease-in;
     -webkit-transition: 0.25s ease-in;
     transition: 0.25s ease-in;
     border-bottom: 2px solid #1f91f3;
}
 .form-group .form-line .form-label {
     font-weight: normal;
     color: #949494;
     position: absolute;
     top: 7px;
     left: 10px;
     cursor: text;
     -moz-transition: 0.2s;
     -o-transition: 0.2s;
     -webkit-transition: 0.2s;
     transition: 0.2s;
     font-size: 12px;
}
 .form-group .form-line.error:after {
     border-bottom: 2px solid #F44336;
     z-index: 11111111111111;
}
 .form-group .form-line.success:after {
     border-bottom: 2px solid #4CAF50;
}
 .form-group .form-line.warning:after {
     border-bottom: 2px solid #FFC107;
}
 .form-group .form-line.focused:after {
     -moz-transform: scaleX(1);
     -ms-transform: scaleX(1);
     -o-transform: scaleX(1);
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
 .form-group .form-line.focused .form-label {
     top: -18px;
     left: 0;
     font-size: 12px;
     font-weight: bold;
     color: #333;
}
 .form-group-sm .form-label {
     font-size: 12px;
}
 .form-group-sm .form-line.focused .form-label {
     bottom: 20px;
     font-size: 10px;
}
 .form-group-lg .form-label {
     font-size: 18px;
}
 .form-group-lg .form-line.focused .form-label {
     bottom: 35px;
     font-size: 12px;
}
 .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
     background-color: transparent;
}
.identificador {
margin-top: -5px;
    font-size: 17px;
    /* background-color: #f5f5f5; */
    /* width: 212px; */
    /* padding-left: 51px; */
    border-radius: 7px;
    font-weight: 700;
    /* text-align: center; */
    text-transform: uppercase;
}
.identificador2 {
    margin-top: 22px;
    margin-bottom: 30px;
    font-size: 18px;
    /* background-color: #f5f5f5; */
    /* width: 212px; */
    /* padding-left: 51px; */
    border-radius: 7px;
    font-weight: 700;
    text-align: center;
}
.bg-red {
    background-color: #F44336 !important;
    color: #fff;
    width: 340px;
    border-radius: 0;
    padding: .5rem 1.25rem;
        margin-bottom: 4rem;
}

.candado {
    vertical-align: bottom;
    margin-left: -30px;
    color: #fff;
    margin-top: -3px;
    position: absolute;
}
.nuevaContrasena{
  margin-bottom: 10px !important;
}

.zonaSegura{
    padding: .75rem 1.25rem;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
}
/*.alert-warning {
    color: #636363;
    background-color: #d0d0d0;
    border-color: #d0d0d0;
}*/
.zonaSegura {
    margin-top: 53px;
    margin-bottom: 44px;
    width: 287px;
    display: none;
}
.seguro {
        background: #465765;
    height: 50px;
    border-top-left-radius: 4px;

    top: 0;
    position: absolute;
    margin-top: 83px;
    width: 385px;
    display:none;
}

.col-md-6 {
    max-width: 100% !important;
    display: block;
    float: none;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}


.zonaSegura {
    margin-top: 53px;
    margin-bottom: 44px;
    width: 287px;
    display: none;
}
.seguro {
        background: #465765;
    height: 50px;
    border-top-left-radius: 4px;
    top: 0;
    position: absolute;
    margin-top: 83px;
    width: 385px;
    display:none;
}
.seguro2 {
	background: /*#a3a4a5*/#71767b;
    height: 35px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* top: 0; */
    position: absolute;
    margin-top: -34px;
    margin-left: -40px;
    width: 340px;

}
.usuarioBloqueado {
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    display: block;
    font-weight: 600;
    padding: 8px 0 0 0;
    margin-left: 32px;
}
.error {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: normal;
    color: #F44336!important;
}
.checkboxScopes{
  font-weight: 500;
  margin-bottom: 0;
}
.radio{
  margin-top: 20px;
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: block;
    margin-right: 1rem;
    margin-bottom: 5px;
}


.pt-0, .py-0 {
    font-size: 14px;
    font-weight: 700;
    line-height: 2;
}
hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
.todas{
      float: right;
    /* margin-right: 0; */
    margin-top: -33px;
    margin-right: -26px;
}
#pswd_info {
  font-size: 11px;
}

#pswd_info h4 {
  padding: 0;
  font-weight: normal;
  font-size: 13px;
  text-align: left;
}
/*#pswd_info::before {
  content: "\25B2";
  position: absolute;
  top: -12px;
  left: 50%;
  font-size: 14px;
  line-height: 14px;
  color: #ddd;
  text-shadow: none;
  display: block;
}*/
.invalid {
    padding-left: 0px;
    line-height: 20px;
    color: #ec3f41;
    list-style-type: disc;
    text-align: left;
    margin-left: -22px !important;
}
.valid {
  padding-left: 0px;
  line-height: 20px;
  color: #3a7d34;
  list-style-type: disc;
  text-align: left;
  margin-left: -22px !important;
}
#pswd_info {
  display: none;
}


.ocultar{
  display: none;
}