@charset "UTF-8";
/* colors */
/* fonts */
/* line 53, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
body {
  background: #fff;
  color: #676c78;
}

/* line 59, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.login-page .login-box h4,
.login-page .login-box h5,
.login-page .login-box form {
  text-align: left;
}

/*
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -ms-transition: -ms-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;

  -webkit-transform: translate3d(-200%,0,0);
  -moz-transform: translate3d(-200%,0,0);
  -ms-transform: translate3d(-200%,0,0);
  -o-transform: translate3d(-200%,0,0);
  transform: translate3d(-200%,0,0);  
}

.login-page .login-box.active{
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0); 
}

.login-page.instant-transitions .login-box{
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.login-page .login-box .login-box-content{
  width: 300px;
  background-color: #fff;
  padding: 25px;
  text-align: center;
}

.login-page .login-box .login-box-content input{
  height: 40px;
}

.login-page .login-box .login-box-content.login img{
  margin-bottom: 30px;
}

.login-page .login-box .login-box-content.login .form-control[type="email"]{
  border-bottom: 1px solid #fff;
}

.login-page .login-box .login-box-content.login button{
  margin-top: 10px;
  height: 40px;
}

.login-page .login-box .login-box-content.login .footer-links{
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}

.login-page .login-box .login-box-content.login .footer-links a{
  width: 50%;
  height: 40px;
  display: block;
  float: left;
  font-size: 12px;
  color: #828486;
}

.login-page .login-box .login-box-content.login .footer-links a:last-child{
  border-left: 1px solid #ccc;
}

.login-page .login-box .login-box-content.forgot-password img{
  margin-bottom: 15px;
}

.login-page .login-box .login-box-content.forgot-password h5{
  margin-bottom: 15px;
  font-size: 18px;
}

.login-page .login-box .login-box-content.forgot-password button{
  margin-top: 10px;
  height: 40px;
}

.login-page .login-box .login-box-content.registration img{
  margin-bottom: 15px;
}

.login-page .login-box .login-box-content.registration h5{
  margin-bottom: 15px;
  font-size: 16px;
}

.login-page .login-box .login-box-content.registration input{
  text-transform: uppercase;
}

.login-page .login-box .login-box-content.registration button{
  margin-top: 10px;
  height: 40px;
}

.login-page .login-box .alert{
  margin-bottom: 0px;
}

.login-page .info{
  width: 470px;
  position: fixed;
  left: 430px;
  top: 50%;
  margin-top: -180px;
  color: #fff;
  text-transform: uppercase;
}

.login-page .info h1{
  font-size: 50px;
  font-weight: 800;
}

.login-page .info h4{
  font-size: 20px;
  font-weight: 800;
  margin: 30px 0px;
}

.protect_login_auto_fill_inputs{
  position: fixed;
  top: -1000px !important;
  left: -1000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
}*/
/* Checkbox */
/* NUEVO */
/* line 205, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
label {
  font: 400 16px "Red Hat Text", sans-serif;
  color: black;
}

/* line 210, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.color-label-orange {
  color: #fe6510;
}

/* line 214, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.login-box .title-section {
  padding-top: 40px;
}

/* line 218, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.title-section {
  font: 700 32px "Red Hat Display", sans-serif;
  color: black;
  margin-top: 0px;
}

/* line 224, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.sub-title-section {
  font: 500 18px "Red Hat Display", sans-serif;
  margin-top: 15px;
}

/* line 229, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.error-message {
  font: 400 14px "Red Hat Text", sans-serif;
  border-radius: 15px;
  font-weight: 200;
}

/* line 235, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.error-message button {
  opacity: 1;
}

/* line 239, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.error-message span {
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}

/* line 245, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.error-message strong {
  text-transform: uppercase;
}

/* line 249, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.select-auth {
  width: 100%;
  height: 100%;
  display: table;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 257, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.select-auth-body {
  display: table-row;
  width: 100%;
}

/* line 262, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector {
  background-color: #fff;
  display: table-cell;
  vertical-align: top;
  padding-left: 85px;
  padding-right: 85px;
  width: 40%;
}

/* line 271, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .logo-login {
  margin-bottom: 40px;
}

/* line 275, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector h6 {
  font: 400 16px "Red Hat Text", sans-serif;
  margin-top: 30px;
  margin-bottom: 15px;
}

/* line 281, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .section-pending {
  /*text-align: left;*/
  margin-bottom: 5px;
  margin-top: 50px;
}

/* line 287, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units-pending .section-pending {
  /*text-align: left;*/
  margin-bottom: 15px;
}

/* line 292, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .section-pending-orange {
  font: 500 16px "Red Hat Text", sans-serif;
  color: #fe6510;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* line 299, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units-pending {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* line 305, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units-pending p {
  font-family: inherit;
  font-size: 16px;
  color: #555;
  padding: 5px 10px;
  margin-bottom: 0px;
  border-radius: 20px;
  background-color: #eee;
  display: inline-block;
  margin-top: 4px;
  text-align: center;
}

/* line 318, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units-pending .units-pending {
  width: 100%;
  height: calc(100% - 500px);
  margin: auto;
  overflow-y: auto;
  max-width: 320px;
}

/* line 326, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .searcher-auth {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 40px;
}

/* line 332, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .searcher-auth .img-searcher {
  float: left;
  width: 30px;
  height: 40px;
  text-align: center;
  line-height: 35px;
  padding-top: 2px;
}

/* line 341, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .searcher-auth .img-searcher i {
  color: #ccc;
}

/* line 346, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .searcher-auth .input-searcher {
  width: calc(100% - 30px);
  float: left;
}

/* line 351, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .searcher-auth .input-searcher input {
  font-style: italic;
  border: none;
  width: 100%;
  height: 40px;
  background: none;
}

/* line 359, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .searcher-auth .input-searcher input:focus {
  text-decoration: none;
  border: none;
  outline: none;
}

/* line 365, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth {
  width: 100%;
  height: calc(100% - 500px);
  margin: auto;
  overflow-y: auto;
  border-bottom: 1px solid #ccc;
}

/* line 373, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list {
  width: 100%;
  padding: 20px;
  overflow: hidden;
  display: block;
}

/* line 380, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list:first-child {
  padding-top: 20px;
  padding-bottom: 8px;
}

/* line 385, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list:last-child {
  padding-top: 8px;
  padding-bottom: 20px;
}

/* line 390, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list:focus {
  outline: none;
}

/* line 394, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
::-webkit-scrollbar {
  width: 10px;
}

/* line 398, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* line 402, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
::-webkit-scrollbar-thumb {
  background: #ccc;
}

/* line 406, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
::-webkit-scrollbar-thumb:hover {
  background: #fe6510;
}

/* line 410, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list button {
  width: 100%;
  background: transparent;
  border: none;
  text-align: left;
}

/* line 417, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list button:hover {
  color: #fe6510;
}

/* line 421, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list button:focus {
  outline: none;
}

/* line 425, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list button .item-list-icon {
  float: left;
  width: 45px;
  text-align: center;
}

/* line 431, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .header-select-groups {
  overflow: hidden;
}

/* line 435, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .header-select-groups .item-list-icon {
  float: left;
  text-align: center;
  width: 70px;
  margin-top: 5px;
}

/* line 442, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list button .item-list-icon span {
  margin-right: 15px;
  font-size: 28px;
}

/* line 447, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .header-select-groups .item-list-icon span {
  margin-right: 15px;
  font-size: 48px;
  color: #fe6510;
}

/* line 453, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list button .item-list-icon i {
  margin-right: 15px;
}

/* line 457, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list button .item-list-info {
  float: left;
  width: calc(100% - 45px);
}

/* line 462, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .header-select-groups .item-list-info {
  float: left;
  width: calc(100% - 70px);
}

/* line 467, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector.with-units .header-select-groups {
  height: initial !important;
}

/* line 471, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector.with-units .header-select-groups .sub-title-section {
  display: none;
}

/* line 475, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector.with-units .header-select-groups .item-list-icon span {
  font-size: 30px !important;
}

/* line 479, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector.with-units .hide-with-units {
  display: none;
}

/* line 483, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .selected-units {
  width: 100%;
  overflow: hidden;
}

/* line 488, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .selected-unit {
  display: table;
  border-radius: 35px;
  background-color: #fe6510;
  padding: 7px;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -ms-transition: -ms-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

/* line 510, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .selected-unit.visible {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 519, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .selected-units .row {
  display: table-row;
}

/* line 523, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .selected-units .row .name {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  padding-left: 10px;
  font-family: 'Raleway';
  font-size: 16px;
}

/* line 533, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .selected-units .row .owner {
  display: table-cell;
  color: #fff;
  font-family: 'Raleway';
  font-size: 16px;
}

/* line 540, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .selected-units .row .button {
  width: 26px;
  display: table-cell;
  vertical-align: middle;
}

/* line 546, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .selected-units .row .button button {
  width: 26px;
  height: 26px;
  background-color: #fe6510;
  border-radius: 35px;
  border: none;
  text-align: center;
  color: #fff;
  margin: 0px;
}

/* line 557, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .selected-units .row .button button i {
  font-size: 16px;
}

/* line 561, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list button .item-list-info h3 {
  font: 700 14px "Red Hat Text", sans-serif;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 6px;
}

/* line 568, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-auth .item-list button .item-list-info h5 {
  font: 400 14px "Red Hat Text", sans-serif;
  margin-bottom: 0px;
  color: #676c78;
  margin-top: 6px;
}

/* line 577, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .pending-img,
.selector .reset-img,
.selector .approved-img {
  text-align: center;
  width: 100%;
  margin-bottom: 54px;
}

/* line 583, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .pending-img img {
  max-height: 140px;
}

/* line 587, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .approved-img img {
  max-height: 250px;
}

/* line 591, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units {
  width: 100%;
  min-height: 100px;
  max-height: 250px;
  padding: 15px 0px;
  border-bottom: 1px solid #ccc;
  overflow: auto;
}

/* line 600, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units a {
  text-decoration: none;
  font-size: 14px;
}

/* line 605, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units > h5 {
  text-align: center;
  display: none;
  color: #ccc;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  padding-top: 40px;
}

/* line 614, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units > h5 i {
  font-size: 50px;
  margin-bottom: 5px;
}

/* line 619, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units .select-unit {
  width: 100%;
  height: 18px;
  color: #555;
  display: table;
  margin-bottom: 15px;
}

/* line 628, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units .select-unit:last-child {
  margin-bottom: 0px;
}

/* line 632, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units .select-unit .select-row {
  display: table-row;
}

/* line 637, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units .select-unit .select-row .selector-unit,
.selector .list-units .select-unit .select-row .text-unit {
  display: table-cell;
  color: #939598;
}

/* line 642, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units .select-unit .select-row .selector-unit {
  width: 18px;
}

/* line 646, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
f.selector .list-units .select-unit .select-row .text-unit {
  width: 100%;
}

/* line 650, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units .select-unit .select-row .selector-unit {
  vertical-align: middle;
}

/* line 654, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units .select-unit .select-row .selector-unit div {
  border: 2px solid #ccc;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  margin-right: 10px;
}

/* line 662, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units .select-unit .select-row .selector-unit div i {
  display: none;
}

/* line 666, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units .selected .select-row .selector-unit div {
  background-color: #fe6510;
  border-color: transparent;
  text-align: center;
}

/* line 672, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .list-units .selected .select-row .selector-unit div i {
  color: #fff;
  font-size: 12px;
  display: inherit;
  padding-top: 1px;
}

/* accesstips */
/* line 680, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips {
  color: #fff;
  display: table-cell;
  width: 60%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  font-family: 'Raleway', sans-serif;
  vertical-align: middle;
}

/* line 691, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .logo-tip {
  width: 100%;
  height: 25%;
  text-align: right;
  padding-right: 25px;
}

/* line 698, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .logo-tip img {
  width: 100%;
  max-width: 150px;
}

/* line 703, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .body-tip {
  width: 100%;
  height: 65%;
  display: table;
}

/* line 709, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .body-tip .row-tip {
  width: 100%;
  display: table-row;
}

/* line 714, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .body-tip .row-tip .carousel-tip {
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
}

/* line 720, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .body-tip .row-tip .carousel-tip p:nth-child(1) {
  font-weight: normal;
  font-size: 21px;
  color: #fff;
}

/* line 726, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .body-tip .row-tip .carousel-tip .container-carousel {
  width: 100%;
  max-width: 650px;
  margin: auto;
  position: relative;
}

/* line 733, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .body-tip .row-tip .carousel-tip .container-carousel h5 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
}

/* line 741, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .body-tip .row-tip .carousel-tip .container-carousel h6 {
  font-family: 'Raleway', sans-serif;
  font-weight: normal;
  font-size: 21px;
  color: #fff;
}

/* line 748, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .body-tip .row-tip .carousel-tip .container-carousel .owl-prev {
  position: absolute;
  top: 40%;
  left: -20px;
  color: #fff;
  z-index: 99999999;
}

/* line 756, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .body-tip .row-tip .carousel-tip .container-carousel .owl-next {
  position: absolute;
  top: 40%;
  right: -20px;
  color: #fff;
  z-index: 99999999;
}

/* line 765, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .body-tip .row-tip .carousel-tip .container-carousel .owl-theme .owl-dots .owl-dot.active span,
.random-tips .body-tip .row-tip .carousel-tip .container-carousel .owl-theme .owl-dots .owl-dot:hover span {
  background: #fe6510;
}

/* line 769, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.random-tips .body-tip .row-tip .carousel-tip .container-carousel .owl-theme .owl-dots .owl-dot span {
  background: #eee;
}

/* hasta aqui accesstips*/
/* line 776, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.button-logout {
  text-align: right;
  margin-top: 20px;
}

/* line 781, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.btn-rounded {
  font: 400 16px "Red Hat Text", sans-serif;
  border-radius: 10px;
  padding: 10px 30px;
  margin-bottom: 0px;
}

/* line 788, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.btn-green {
  background: #8bc34a;
  color: #fff;
}

/* line 793, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.btn-green:hover {
  background: #658e35;
  color: #fff;
}

/* line 798, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.btn-orange.btn-rounded:disabled {
  border: 1px solid #979798;
  background-color: #fff;
  color: #979798;
  opacity: 1;
}

/* line 805, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.button-continue {
  text-align: center;
}

/* line 809, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-login .button-continue {
  margin-top: 40px;
}

/* line 816, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .section-register,
.selector .section-personal,
.selector .section-login,
.selector .section-reset {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* line 821, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .section-code {
  margin-bottom: 50px;
  margin-top: 50px;
}

/* line 827, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-register .label-medium,
.form-personal .label-medium {
  margin-top: 15px;
}

/* line 834, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-register .input-medium,
.form-personal .input-medium,
.form-login .input-medium,
.form-reset .input-medium {
  margin-bottom: 15px;
}

/* line 842, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-register input,
.form-code input,
.form-personal input,
.form-login input,
.form-reset input {
  font: 400 16px "Red Hat Text", sans-serif;
  border-radius: 10px;
  height: 40px;
  color: black;
}

/* line 849, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  /* Puedes ajustar el color aquí */
}

/* line 857, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-register input:hover,
.form-code input:hover,
.form-personal input:hover,
.form-login input:hover,
.form-reset input:hover {
  border-color: #fe6510;
  box-shadow: 0 0 0 2px #ffc7a9;
}

/* line 866, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-register input:focus,
.form-code input:focus,
.form-personal input:focus,
.form-login input:focus,
.form-reset input:focus {
  border-color: #fe6510;
  box-shadow: 0 0 0 2px #ffc7a9;
}

/* line 876, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-register input::placeholder,
.form-code input::placeholder,
.form-personal input::placeholder,
.form-login input::placeholder,
.form-reset input::placeholder,
.selector .searcher-auth .input-searcher input::placeholder {
  color: #ccc;
  font: 400 16px "Red Hat Text", sans-serif;
  font-size: 14px;
}

/* line 887, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-register input:-ms-input-placeholder,
.form-code input:-ms-input-placeholder,
.form-personal input:-ms-input-placeholder,
.form-login input:-ms-input-placeholder,
.form-reset input:-ms-input-placeholder,
.selector .searcher-auth .input-searcher input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
  font: 400 16px "Red Hat Text", sans-serif;
}

/* line 897, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-register input::-ms-input-placeholder,
.form-code input::-ms-input-placeholder,
.form-personal input::-ms-input-placeholder,
.form-login input::-ms-input-placeholder,
.form-reset input::-ms-input-placeholder,
.selector .searcher-auth .input-searcher input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ccc;
  font: 400 16px "Red Hat Text", sans-serif;
}

/* input contraseña */
/* line 909, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-register .input-password,
.form-code .input-password,
.form-personal .input-password,
.form-login .input-password,
.form-reset .input-password,
.selector .searcher-auth .input-password {
  position: relative;
}

/* line 918, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-register .input-password input,
.form-code .input-password input,
.form-personal .input-password input,
.form-login .input-password input,
.form-reset .input-password input,
.selector .searcher-auth .input-password input {
  padding-right: 34px;
}

/* line 927, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-register .input-password i,
.form-code .input-password i,
.form-personal .input-password i,
.form-login .input-password i,
.form-reset .input-password i,
.selector .searcher-auth .input-password i {
  position: absolute;
  top: 0;
  right: 12px;
  margin-top: 11px;
  cursor: pointer;
  font-size: 16px;
}

/* end input contraseña */
/* line 938, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-register .footer-section {
  margin-top: 0px;
}

/* line 943, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-personal .footer-section,
.form-reset .footer-section {
  margin-top: 40px;
}

/* line 947, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-personal select:focus {
  outline: none;
}

/* line 951, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-personal select:hover {
  border: 1px solid #fe6510;
}

/* line 955, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-personal .select-doc {
  width: 100%;
  margin-top: 6px;
  overflow: hidden;
  border: 1px solid #e4e4e4;
  border-radius: 10px;
}

/* line 963, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-personal .select-doc:hover, .form-personal .select-doc:focus {
  border: 1px solid #fe6510;
  box-shadow: 0 0 0 2px #ffc7a9;
  background: transparent;
}

/* line 969, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-personal .select-doc select {
  float: left;
  width: 80px;
  border-radius: 0px;
  padding: 11px 5px 11px 5px;
  background-color: #fff;
  border: none;
  border-right: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 982, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-personal .select-doc input {
  width: calc(100% - 80px);
  float: right;
  border: none;
  border-radius: 0;
}

/* line 989, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-personal .select-doc input:hover, .form-personal .select-doc input:focus {
  border: none;
  box-shadow: none;
}

/* modals */
/* line 996, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-why .modal-content {
  border: none;
  border-radius: 20px;
  padding-top: 21px !important;
}

/* line 1002, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-why .modal-content .modal-header {
  border-bottom: none;
}

/* line 1006, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-why .modal-content .modal-header button {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 26px;
}

/* line 1013, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-why .modal-content .modal-header h4 {
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
  color: #fe6510;
  display: block;
  width: 100%;
  text-align: center;
  line-height: initial;
  padding-left: 25px;
  margin-top: 5px;
}

/* line 1025, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-why .modal-content .modal-body {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 95%;
  height: 189px;
  margin: auto;
  overflow: auto;
}

/* line 1034, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-why .modal-content .modal-body p {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-align: justify;
  padding-left: 25px;
  padding-right: 25px;
}

/* line 1043, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-why .modal-content .modal-footer {
  border-top: none;
  text-align: center;
  padding-top: 30px !important;
}

/* line 1049, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .modal-content .modal-body {
  border: none;
  height: inherit;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* line 1056, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .modal-content .modal-body p {
  text-align: center;
}

/* line 1060, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-code .footer-section {
  margin-top: 0px;
}

/* line 1064, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.footer-section-units {
  margin-top: 35px;
}

/* line 1068, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.footer-section-pending {
  text-align: center;
  margin-top: 50px;
}

/* line 1073, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.footer-section-approved {
  text-align: center;
  margin-top: 35px;
}

/* line 1079, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.terms-conditions,
.question-code {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 85%;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

/* line 1090, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.terms-conditions h6,
.question-code h6 {
  font-size: 14px;
  text-align: center;
  height: inherit;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* line 1099, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.terms-conditions a,
.question-code a {
  text-decoration: none;
  color: #fe6510;
}

/* line 1105, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.terms-conditions a:hover,
.question-code a:hover {
  color: #aa3e03;
}

/* line 1109, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.terms-conditions.double-color a {
  color: #777;
}

/* line 1113, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.terms-conditions.double-color a span {
  color: #fe6510;
}

/* line 1117, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.terms-conditions.double-color a:hover {
  color: #e49300 !important;
}

/* line 1121, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.button-return {
  text-align: center;
  font: 400 14px "Red Hat Text", sans-serif;
  margin-top: 20px;
}

/* line 1127, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.button-return a {
  text-decoration: none;
  color: #fe6510;
  font-size: 14px;
}

/* line 1133, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.button-return a:hover {
  color: #aa3e03;
}

/* line 1137, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.footer-section-pending .button-return {
  text-align: center;
  font-family: 'Raleway', sans-serif;
}

/* line 1142, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.footer-section-pending .button-return a {
  font: 400 16px "Red Hat Text", sans-serif;
  text-decoration: none;
  color: #979798;
  font-size: 14px;
}

/* line 1149, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.footer-section-pending .button-return a:hover {
  color: #fe6510;
}

/* line 1153, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-code {
  text-align: center;
}

/* line 1157, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-code label {
  font-size: 16px;
}

/* line 1161, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-code .form-control {
  height: initial;
  font-size: 34px;
  text-transform: uppercase;
  text-align: center;
  color: #fe6510;
  margin: auto;
}

/* line 1170, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .login-firstlogin {
  width: 100%;
  text-align: center;
  padding-top: 40px;
  outline: none;
}

/* line 1177, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .login-firstlogin a {
  font: 400 16px "Red Hat Text", sans-serif;
  color: #676c78;
  display: inline-block;
}

/* line 1184, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .login-firstlogin a:focus,
.selector .login-firstlogin a:active {
  text-decoration: none;
  text-shadow: none;
}

/* line 1190, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .login-firstlogin h6 {
  font: 400 16px "Red Hat Text", sans-serif;
  text-transform: uppercase;
  color: #fe6510;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* line 1198, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector .login-firstlogin h6:hover {
  color: #aa3e03;
}

/* line 1202, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.wrong-information {
  width: 100%;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

/* line 1211, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.wrong-information a {
  font-size: 14px;
  color: #fe6510;
}

/* line 1216, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.wrong-information a:hover {
  color: #fe6510;
}

/* line 1220, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.wrong-information.show {
  height: initial;
  opacity: 1;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

/* line 1231, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal.modal-real-id .modal-dialog {
  border-radius: 10px;
  overflow: hidden;
}

/* line 1236, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal.modal-real-id .modal-header {
  border: none;
  padding-top: 0px;
}

/* line 1241, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal.modal-real-id .modal-title {
  font-family: 'Raleway';
  font-size: 24px;
  color: #fe6510;
  text-align: center;
}

/* line 1248, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal.modal-real-id .modal-title i {
  width: 100%;
  display: block;
  color: #fe6510;
  font-size: 55px;
}

/* line 1255, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal.modal-real-id .modal-footer {
  border: none;
  text-align: center;
}

/* line 1260, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal.modal-real-id .modal-body button.btn-orange {
  display: block;
  font-family: 'Source Sans Pro';
  background-color: #fff;
  padding: 14px 20px;
  border-radius: 25px;
  border: 2px solid #fe6510;
  font-size: 18px;
  color: #fe6510;
  white-space: initial;
  margin: auto;
  margin-bottom: 10px;
}

/* line 1274, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal.modal-real-id .modal-body button.btn-orange span {
  font-family: 'Source Sans Pro';
  font-size: 18px;
}

/* line 1279, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal.modal-real-id .modal-body button.btn-orange:hover {
  background-color: #fe6510;
  color: #fff;
}

/* line 1285, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal.modal-real-id .modal-footer button {
  display: block;
  margin: auto;
  font-family: 'Raleway', sans-serif;
  font-size: 13px;
  margin-bottom: 10px !important;
}

/* line 1293, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal.modal-real-id .modal-footer button:hover {
  color: #fe6510;
  background: #fff;
  border: 1px solid #fff;
}

/* line 1299, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal.modal-real-id .modal-footer button.btn-gray {
  display: block;
  font-family: 'Raleway';
  padding: 14px 20px;
  border-radius: 25px;
  border: none;
  font-size: 18px;
  color: #fff;
  white-space: initial;
  background-color: #9b9da0;
}

/* line 1311, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal.modal-real-id .modal-footer button.btn-gray:hover {
  background-color: #959595;
}

/* FIN NUEVO - LO QUE SIGUE ES VIEJO */
/* line 1317, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.select_auth .authorizations {
  overflow: hidden;
}

/* line 1321, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.select_auth .content {
  width: 750px;
  margin: auto;
}

/* line 1326, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.select_auth .content .title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

/* line 1332, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.select_auth .authorization {
  width: 230px;
  height: 230px;
  background: #f4f2f1;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
  display: block;
  text-decoration: none;
}

/* line 1344, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.select_auth .authorization .icon {
  width: 100%;
  font-size: 100px;
  text-align: center;
  margin-bottom: 16px;
}

/* line 1351, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.select_auth .authorization .line {
  width: 100%;
  height: 20px;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #989a9d;
}

/* line 1360, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.select_auth .authorization .separator {
  width: 70%;
  height: 1px;
  background-color: #d9dadb;
  margin: auto;
}

/* line 1367, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.select_auth .authorization:hover .icon {
  opacity: 0.5;
}

/* line 1371, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.select_auth .authorization:hover .line {
  color: #F8B13A;
}

/* line 1375, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.select_auth .authorization:hover .separator {
  background-color: #F8B13A;
}

/* line 1379, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-vertical {
  width: 100%;
}

/* line 1383, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-vertical .form-header {
  width: 100%;
  background-color: #f4f2f1;
  text-align: center;
}

/* line 1389, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-vertical .form-header img {
  width: 100%;
  max-width: 310px;
}

/* line 1394, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-vertical .form-content {
  width: 80%;
  margin: auto;
  padding-bottom: 50px;
}

/* line 1400, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-vertical .form-content title {
  width: 100%;
  display: block;
  font-size: 25px;
  text-align: center;
  padding: 50px 0px;
  text-transform: uppercase;
}

/* line 1409, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-vertical .form-content form {
  background: #f4f2f1;
  padding: 20px;
  overflow: hidden;
}

/* line 1415, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-vertical .form-content form .cbr-replaced {
  float: left;
  margin-top: 3px;
}

/* line 1419, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-vertical .form-content form span.terms {
  width: 80%;
  display: block;
  float: left;
  margin-left: 3px;
}

/* line 1426, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-vertical .form-content .ads {
  text-align: center;
}

/* line 1430, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-vertical .form-content .ads img {
  margin-top: 50px;
  margin-bottom: 50px;
}

/* line 1435, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.form-vertical .form-content .ads h5 {
  max-width: 420px;
  margin: auto;
}

/* line 1440, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector_loading {
  background-color: #fff;
  padding: 20px 30px 40px 30px;
  width: 40%;
  height: 100%;
  position: fixed;
  opacity: 0.75;
  display: none;
  left: 0px;
  top: 0px;
  right: 0px;
}

/* line 1453, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.selector_loading i {
  position: relative;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: #fe6510;
  margin-left: -25px;
  margin-top: -25px;
}

/* ALERT */
/* line 1465, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-alert {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 9999;
}

/* line 1478, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-alert .content {
  width: 320px;
  position: fixed;
  left: 50%;
  right: 0px;
  top: 0px;
  background-color: #fff;
  margin-left: -160px;
  border-radius: 10px;
  padding: 20px 15px;
  font-family: 'Raleway';
  text-align: center;
  overflow: hidden;
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -ms-transition: -ms-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

/* line 1505, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-alert .content i {
  color: #fe6510;
  font-size: 55px;
}

/* line 1510, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-alert .content h4 {
  font-family: 'Raleway';
  font-size: 24px;
  color: #fe6510;
  margin: 0px;
  text-align: center;
}

/* line 1518, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-alert .content p {
  color: #555;
  margin: 0px;
  font-size: 16px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 30px;
}

/* line 1527, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-alert.open {
  display: block;
  opacity: 1;
  bottom: 0px;
}

/* line 1533, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-alert.open .content {
  -webkit-transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0);
  -ms-transform: translate3d(0, 100px, 0);
  -o-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}

/* line 1541, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-alert.open .content button {
  font-family: 'Raleway';
  background-color: #fe6510;
  padding: 14px 20px;
  border-radius: 25px;
  width: 220px;
  border: none;
  font-size: 18px;
  color: #fff;
}

/* line 1552, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-alert.open .content a {
  display: inline-block;
  font-family: 'Raleway';
  background-color: #fe6510;
  padding: 14px 20px;
  border-radius: 25px;
  width: 220px;
  border: none;
  font-size: 18px;
  color: #fff;
}

/* CONFIRM */
/* line 1566, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

/* line 1578, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content {
  width: 320px;
  position: fixed;
  left: 50%;
  right: 0px;
  top: 0px;
  background-color: #fff;
  margin-left: -160px;
  border-radius: 10px;
  padding: 20px 15px;
  font-family: 'Raleway';
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -ms-transition: -ms-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

/* line 1603, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content .confirm-icon {
  width: 100%;
  text-align: center;
}

/* line 1608, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content .confirm-icon i {
  color: #fe6510;
  font-size: 55px;
}

/* line 1613, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content h4 {
  font-family: 'Raleway';
  font-size: 24px;
  color: #fe6510;
  margin: 0px;
  text-align: center;
}

/* line 1621, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content p {
  padding: 20px 0px;
  color: #555;
  margin: 0px;
  font-size: 16px;
  text-align: center;
}

/* line 1629, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content .content-btn-success {
  display: block;
  overflow: hidden;
  text-align: center;
  width: 100%;
  margin: auto;
}

/* line 1637, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content button {
  border: none;
  font-family: 'Raleway';
  font-size: 18px;
  color: #fff;
  background-color: #fff;
  padding: 0px;
  margin-bottom: 8px;
}

/* line 1647, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content button#success {
  font-family: 'Raleway';
  background-color: #fe6510;
  padding: 14px 20px;
  border-radius: 25px;
  width: 230px;
}

/* line 1655, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content a {
  border: none;
  font-family: 'Raleway';
  font-size: 18px;
  color: #fff;
  background-color: #fff;
  padding: 0px;
  margin-bottom: 8px;
}

/* line 1665, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content a#modal_confirm_end {
  font-family: 'Raleway';
  background-color: #fe6510;
  padding: 14px 20px;
  border-radius: 25px;
  width: 220px;
  display: inline-block;
}

/* line 1674, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content .content-btn-cancel {
  display: block;
  overflow: hidden;
  text-align: center;
  width: 100%;
  margin: auto;
}

/* line 1682, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content button#cancel {
  padding: 14px 20px;
  color: #555;
  background-color: #eee;
  border-radius: 25px;
  width: 220px;
}

/* line 1690, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm .content button#back {
  padding: 14px 20px;
  color: #555;
  background-color: #fff;
  border-radius: 25px;
}

/* line 1698, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm.open {
  display: block;
  opacity: 1;
  bottom: 0px;
}

/* line 1704, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
.modal-confirm.open .content {
  -webkit-transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0);
  -ms-transform: translate3d(0, 100px, 0);
  -o-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}

/* @'S MEDIAS */
@media screen and (max-width: 1920px) {
  /* line 1714, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector {
    padding: 16px 70px;
  }

  /* line 1718, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .list-auth {
    min-height: 220px;
  }
}
@media screen and (max-width: 1280px) {
  /* line 1724, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector {
    width: 50%;
  }

  /* line 1728, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector_loading {
    width: 50%;
  }

  /* line 1734, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .pending-img,
  .selector .reset-img,
  .selector .approved-img {
    margin-bottom: 30px;
  }

  /* line 1738, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .random-tips {
    width: 50%;
  }

  /* line 1742, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .random-tips .body-tip .row-tip .carousel-tip .container-carousel {
    max-width: 490px;
  }
}
@media screen and (max-width: 1080px) {
  /* line 1748, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .random-tips .body-tip .row-tip .carousel-tip .container-carousel {
    max-width: 350px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1755, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector {
    padding: 37px 50px;
  }
}
@media screen and (max-width: 799px) {
  /* line 1761, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector {
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 45px;
    padding-right: 45px;
  }

  /* line 1768, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .select-auth-body {
    margin: 0px;
    width: 100%;
    position: static;
  }

  /* line 1774, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .list-auth {
    height: initial;
  }

  /* line 1778, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector_loading {
    width: 100%;
  }

  /* line 1782, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .header-select-groups {
    height: 90px;
  }

  /* line 1786, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .header-select-groups .item-list-info .title-section {
    font-size: 24px;
  }

  /* line 1790, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .header-select-groups .item-list-info .sub-title-section {
    font-size: 18px;
  }

  /* line 1794, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .random-tips {
    display: none;
  }

  /* line 1798, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .footer-section {
    margin-top: 25px;
  }

  /* line 1802, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .footer-section .terms-conditions {
    max-width: 95%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1809, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .login-page {
    background-image: none;
  }

  /* line 1813, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .login-page .login-box {
    width: 100%;
    /*max-width: 320px;
    left: 50%;
    margin-left: -160px;*/
  }

  /* line 1820, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .form-vertical .form-content {
    width: 90%;
  }

  /* line 1824, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .select_auth {
    width: 100%;
  }

  /* line 1828, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .select_auth .authorization {
    display: block;
    float: inherit;
    margin: auto;
    margin-top: 10px;
  }

  /* line 1835, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .select_auth .content {
    width: 100%;
  }

  /* line 1839, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .approved-img img {
    max-height: 200px;
  }
}
@media screen and (max-width: 640px) {
  /* line 1845, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector {
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
    padding-right: 35px;
  }

  /* line 1852, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .title-section {
    font-size: 24px;
  }

  /* line 1856, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .sub-title-section {
    font-size: 18px;
  }

  /* line 1861, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .section-register,
  .selector .section-personal {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  /* line 1866, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .section-code {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  /* line 1871, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .list-units-pending {
    margin-top: 0px;
  }

  /* line 1875, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .header-select-groups .item-list-icon {
    margin-top: 2px;
  }

  /* line 1880, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .pending-img,
  .selector .reset-img {
    margin-bottom: 35px;
  }

  /* line 1884, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .pending-img img {
    max-width: 150px;
  }

  /* line 1888, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .reset-img img {
    max-height: 175px;
  }

  /* line 1892, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .approved-img img {
    max-height: 175px;
  }

  /* line 1898, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .form-register .footer-section,
  .form-personal .footer-section,
  .form-code .footer-section {
    margin-top: 0px;
  }

  /* line 1902, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .form-code .footer-section {
    margin-top: 18px;
  }

  /* line 1907, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .terms-conditions h6,
  .question-code h6 {
    font-size: 12px;
  }

  /* line 1911, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .question-code {
    max-width: 100%;
  }

  /* line 1915, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .btn-rounded {
    padding: 9px 23px;
    font-size: 12px;
  }

  /* line 1920, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .modal-why .modal-content .modal-header h4 {
    padding-left: 10px;
  }

  /* line 1924, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .modal-why .modal-content .modal-body p {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 320px) {
  /* line 1931, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .footer-section-units {
    margin-top: 25px;
  }

  /* line 1935, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector h6 {
    margin-top: 20px;
  }

  /* line 1939, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .header-select-groups {
    height: 80px;
  }

  /* line 1943, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .list-units {
    padding: 0px;
    padding-top: 20px;
    min-height: 130px;
  }

  /* line 1949, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .list-units > h5 {
    font-size: 12px;
    padding-top: 0px;
    margin: 0px;
  }

  /* line 1955, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .selector .list-units > h5 i {
    font-size: 40px;
  }

  /* line 1960, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .terms-conditions,
  .question-code {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  /* line 1966, /opt/accessin_web/app/assets/stylesheets/login/login.css.scss */
  .terms-conditions h6,
  .question-code h6 {
    margin-bottom: 25px;
    margin-top: 0px;
    padding: 0px;
  }
}