:root {
  --main-color: #1B2647;
  --background-color: #F2F2F2;
  --highlight-orange: #EA5C11;
  --highlight-yellow: #F98419;
  --highlight-white: #C4C4C4;
  --text-color: #C4C4C4;
  --complementary-text-color: #fff;
  --dark-text-color: #1B2647;
  --gray-dark: #d3d3d3;
  --gray-medium: #e0e0e0;
  --gray-light: mix(white, #707070, 90%);
  --main-color-light: lighten(#1B2647, 45%);
  --main-color-75: rgba(15, 112, 231, .75);
  --red-color: #e51010;
  --dark-red-color: #a81d1d;
  --green-color: #008400;
  --orange-color: #f1c40f;
}

/*base*/
/*colors*/
/*font*/
/*buttons*/
/*form*/
/*table*/
/*dashboard layout*/
/*projection*/
/*--  | mini
|576  | phone
|768  | tablet
|992  | laptop
|1200 | desktop */
/*if for changing $rem-val according to the size of screen*/
.cursor-pointer {
  cursor: pointer;
}

.minh-100 {
  min-height: 100%;
}

.w-35 {
  width: 35%;
}

.w-65 {
  width: 65%;
}

body.processing * {
  cursor: wait !important;
}

@media (min-width: 1650px) {
  .col-xxl-2 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}

html {
  font-size: 16px;
  width: 100%;
  min-height: 100%;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}

body {
  font-family: roboto !important;
  margin: 0;
  width: 100%;
  min-height: 97vh;
  height: 100vh;
  overflow: auto;
  background: #F2F2F2;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body header {
  display: none !important;
}

body h4 {
  color: #1B2647;
  font-weight: 700;
}

body h6 {
  color: #1B2647;
}

@media (max-width: 992px) {
  body footer {
    display: none !important;
  }
  body header {
    display: flex !important;
  }
}

.sim-logo-footer {
  height: 3.7vh;
}

.site-main {
  min-height: 95vh;
}

.site-footer,
.site-header {
  min-height: 5vh;
}

.align_login {
  position: absolute;
  min-height: 100%;
  width: 100%;
  z-index: 1;
}

.rounded-2 {
  border-radius: 2.25rem !important;
}

.footer {
  position: absolute;
  bottom: 15;
  left: 0;
  color: #707070;
}

.footer a {
  color: #707070;
  font-weight: 700;
  text-decoration: underline;
}

.title_create {
  margin: 0 0 0 0.8em !important;
}

.center_login {
  width: 25rem;
  max-width: 90%;
  background-color: white;
  border: 1px solid #d3d3d3;
  border-radius: 2rem;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}

.center_login h6 {
  font-family: roboto !important;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

@media (max-width: 320px) {
  .center_login {
    width: 19rem;
  }
}

.center_register {
  width: 50rem;
  max-width: 90%;
  background-color: white;
  border: 1px solid #d3d3d3;
  border-radius: 2rem;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}

.center_register h6 {
  font-family: roboto !important;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

@media (max-width: 320px) {
  .center_register {
    width: 19rem;
  }
}

@media (min-width: 321px) and (max-width: 768px) {
  .center_register {
    width: 25rem;
  }
}

.login_logo {
  height: auto;
  width: 18rem;
}

.datepicker-container {
  border-bottom-color: #71a802;
}

.datepicker-container .datepicker-panel ul li[data-view="month current"] {
  color: #71a802;
}

.datepicker-container .datepicker-panel ul .picked {
  color: #71a802;
  background-color: #e0e0e0;
}

@media only screen and (max-width: 815px) {
  .login_image {
    width: 25rem;
    padding-top: 2rem;
    margin-top: 6rem;
    display: none !important;
  }
  .site-main {
    min-height: 90vh;
  }
  .mult-row {
    display: flex;
    flex-direction: column;
  }
  .mult-row .w-75, .mult-row .w-35, .mult-row .w-65 {
    width: 100% !important;
  }
  .mult-row .ml-2 {
    margin-left: 0 !important;
  }
}

.mult-row {
  display: flex;
}

.login_image {
  width: 25rem;
  padding-top: 2rem;
  margin-top: 6rem;
}

.text-center {
  font-weight: 600;
  text-transform: uppercase !important;
}

.text-left-small {
  font-weight: 400;
  text-transform: uppercase !important;
  align-self: flex-start;
}

.confirm-text {
  margin-top: 0.5rem;
  width: 65%;
  text-align: center;
}

.confirm-icon {
  font-size: 1.7rem;
  margin-top: 1rem;
  color: #1B2647;
}

.login-error {
  color: #e51010;
  display: block;
  margin-top: -15px;
  margin-bottom: 1rem;
  text-align: left;
}

.mdl-textfield {
  width: 100% !important;
  padding-bottom: 12px;
}

.mdl-textfield--floating-label.is-focused > .mdl-textfield__input {
  border-bottom: none;
}

.mdl-textfield__label:after {
  bottom: 10px;
}

.mdl-textfield__input {
  padding: 4px 4px;
  font-size: 0.8rem;
}

.mdl-textfield__label {
  margin-bottom: 0px;
}

.mdl-chip__contact.material-icons {
  font-size: 24px;
  color: #e0e0e0;
}

.mdl-chip__text {
  max-width: calc(100% - 56px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.mdl-button.pwd-visibility-icon {
  margin-right: 6px;
  margin-top: -34px;
  float: right;
  position: relative;
  bottom: 0;
  color: #71a802;
}

.mdl-button.mdl-button--colored {
  color: #71a802 !important;
}

.mdl-textfield:not(.is-dirty)
> select.mdl-textfield__input
+ label.mdl-textfield__label {
  top: 19px !important;
}

.link-container {
  height: 4rem;
}

.btn-inline {
  margin-left: -16px;
  text-transform: initial;
  color: #1B2647;
  padding: 0 16px;
}

.btn-inline:hover {
  text-decoration: none;
  color: #1B2647;
}

.btn-default {
  background: #1B2647;
  color: #fff;
  padding: 0 16px;
}

.btn-default:hover {
  background: #1B2647;
  color: #fff;
}

.btn-default:focus {
  outline: none;
}

.loading-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  flex-direction: column;
}

.loading-content {
  width: 50%;
  text-align: center;
}

.loading-text {
  color: white;
  font-size: 18px;
}

.redirect-buttons i {
  font-size: 36px !important;
}

.redirect-btn {
  min-width: 4rem;
  min-height: 4rem;
}

.redirect-btn:hover {
  border: 2px solid #1B2647;
}

.redirect-btn:hover + label {
  color: #1B2647;
}

.redirect-link {
  color: #1B2647;
  text-decoration: underline;
}

.redirect-link:visited {
  color: #1B2647;
}

.redirect-link:hover {
  color: #1B2647;
}

.redirect-link-upper {
  text-transform: uppercase;
}

.redirect-link-bold {
  font-weight: 700;
}

.custon-btn-48 {
  height: 48px;
  padding: 0.5rem 2rem;
}

.custon-btn-48:disabled {
  background-color: #1B2647 !important;
}

.custon-btn-48:disabled:hover {
  cursor: not-allowed;
}

.round-btn {
  border-radius: 2rem;
}

.auth-icon-btn {
  margin-top: -32px;
  float: right;
  position: relative;
  bottom: 0;
}

.auth-icon {
  margin-top: -32px;
  margin-right: 0.5rem;
  float: right;
  position: relative;
  bottom: 0;
  background: url(../../../images/elementos/gauth_icon.png);
  background-size: contain;
  height: 20px;
  width: 20px;
  display: block;
}

.mdl-spinner__layer-1,
.mdl-spinner__layer-2,
.mdl-spinner__layer-3,
.mdl-spinner__layer-4 {
  border-color: white !important;
}

.mdl-spinner--single-color {
  border-color: #8c8c8c !important;
}