@font-face {
  font-family: "Mahalo";
  src: url(../../font/Mahalo.otf); }
@font-face {
  font-family: "Montserrat-Bold";
  src: url(../../font/Montserrat-Bold.ttf); }
@font-face {
  font-family: "Montserrat-Regular";
  src: url(../../font/Montserrat-Regular.ttf); }
@font-face {
  font-family: "Adam";
  src: url(../../font/ADAM.Otf); }
@font-face {
  font-family: "Gotham";
  src: url(../../font/GothamMedium.ttf); }
@font-face {
  font-family: "WorkSans-Regular";
  src: url(../../font/WorkSans-Regular.ttf); }
@font-face {
  font-family: "Gotham-thin";
  src: url(../../font/Gotham-thin.otf); }
div.no-padding-l {
  padding-left: 0; }

div.no-padding-r {
  padding-right: 0; }

div.cont-modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1049; }

div.modal-custom {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none; }

div#updatesModal .modal-content, div#terminosModal .modal-content {
  background: white;
  color: black; }

div.modal, div.modal-custom {
  overflow-y: auto; }
  div.modal .modal-dialog, div.modal-custom .modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center; }
@media(max-width: 768px) {
  div.modal .modal-dialog, div.modal-custom .modal-dialog {
    min-height: calc(100vh - 20px); } }
    div.modal .modal-dialog div.modal-header, div.modal .modal-dialog div.modal-footer, div.modal-custom .modal-dialog div.modal-header, div.modal-custom .modal-dialog div.modal-footer {
      padding: 0.3rem; }
      div.modal .modal-dialog div.modal-header .modal-title, div.modal .modal-dialog div.modal-footer .modal-title, div.modal-custom .modal-dialog div.modal-header .modal-title, div.modal-custom .modal-dialog div.modal-footer .modal-title {
        overflow: hidden; }
    div.modal .modal-dialog .height-terms, div.modal-custom .modal-dialog .height-terms {
      height: 80vh;
      overflow-y: auto; }
    div.modal .modal-dialog .modal-content, div.modal-custom .modal-dialog .modal-content {
      background: #5d94ba;
      color: white; }
      div.modal .modal-dialog .modal-content .modal-body, div.modal-custom .modal-dialog .modal-content .modal-body {
        overflow-x: hidden; }
      div.modal .modal-dialog .modal-content input, div.modal .modal-dialog .modal-content select, div.modal .modal-dialog .modal-content textarea, div.modal-custom .modal-dialog .modal-content input, div.modal-custom .modal-dialog .modal-content select, div.modal-custom .modal-dialog .modal-content textarea {
        height: auto;
        padding: 2px 4px;
        font-size: 12px; }
      div.modal .modal-dialog .modal-content .svg-loading, div.modal-custom .modal-dialog .modal-content .svg-loading {
        height: 100px; }
      div.modal .modal-dialog .modal-content table.table, div.modal-custom .modal-dialog .modal-content table.table {
        margin-bottom: 0; }
        div.modal .modal-dialog .modal-content table.table thead th, div.modal-custom .modal-dialog .modal-content table.table thead th {
          text-align: center; }
          div.modal .modal-dialog .modal-content table.table thead th .fas, div.modal-custom .modal-dialog .modal-content table.table thead th .fas {
            font-size: 15px;
            cursor: pointer; }
        div.modal .modal-dialog .modal-content table.table th, div.modal .modal-dialog .modal-content table.table td, div.modal-custom .modal-dialog .modal-content table.table th, div.modal-custom .modal-dialog .modal-content table.table td {
          padding: 5px;
          position: relative; }
      div.modal .modal-dialog .modal-content .wrapper-table-msn, div.modal-custom .modal-dialog .modal-content .wrapper-table-msn {
        height: 35vh;
        overflow-y: auto; }
      div.modal .modal-dialog .modal-content input[type="file"], div.modal-custom .modal-dialog .modal-content input[type="file"] {
        display: none; }
      div.modal .modal-dialog .modal-content .icons-modal, div.modal-custom .modal-dialog .modal-content .icons-modal {
        cursor: pointer;
        fill: white;
        height: 35px;
        width: 35px;
        position: relative;
        bottom: 8px; }
      div.modal .modal-dialog .modal-content .input-file, div.modal-custom .modal-dialog .modal-content .input-file {
        cursor: pointer; }
      div.modal .modal-dialog .modal-content .btn, div.modal-custom .modal-dialog .modal-content .btn {
        padding: 0.175rem 0.75rem; }
      div.modal .modal-dialog .modal-content .dropdown-toggle, div.modal-custom .modal-dialog .modal-content .dropdown-toggle {
        padding: 0 0.75rem;
        height: 25px; }
      div.modal .modal-dialog .modal-content .btn-actions, div.modal-custom .modal-dialog .modal-content .btn-actions {
        background: white;
        color: black;
        font-size: 14px;
        margin: 0px 5px 10px 5px; }
        div.modal .modal-dialog .modal-content .btn-actions:hover, div.modal-custom .modal-dialog .modal-content .btn-actions:hover {
          background: #e2e6ea;
          color: black; }

#loadingModal div.modal-header, #loadingModal div.modal-footer {
  border: none; }
#loadingModal .modal-content {
  background: none;
  border: none; }

.modal-help {
  position: fixed;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1100;
  display: none; }
  .modal-help .arrow {
    height: 100px;
    width: 100px;
    position: absolute;
    z-index: 1101;
    display: none;
    height: 55px; }
    .modal-help .arrow path {
      fill: #1ac422; }
  .modal-help .top, .modal-help .down {
    -webkit-animation: uparrow 0.6s infinite alternate ease-in-out; }
  .modal-help .left, .modal-help .right {
    -webkit-animation: leftarrow 0.6s infinite alternate ease-in-out; }
@-webkit-keyframes leftarrow {
  0% {
    -webkit-transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-0.4em); } }
@-webkit-keyframes uparrow {
  0% {
    -webkit-transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-0.4em); } }
  .modal-help .content-help {
    position: absolute;
    width: 35%;
    border-radius: 8px;
    background: #fff;
    color: black;
    border: 1px solid #e9ecef;
    transition: all 500ms; }
    .modal-help .content-help .header {
      border-bottom: 1px solid #e9ecef;
      padding: 10px;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .modal-help .content-help .header .minimize-tab {
        display: block; }
      .modal-help .content-help .header h4 {
        margin: 0; }
    .modal-help .content-help .body {
      padding: 0.75rem; }
      .modal-help .content-help .body p {
        font-size: 15px;
        margin: 2px 0; }
    .modal-help .content-help .footer {
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 0.3rem;
      border-top: 1px solid #e9ecef; }
      .modal-help .content-help .footer button {
        margin: 0 2px 0 2px; }

div#alertsModal div.modal-dialog div.modal-body label {
  margin: 0; }

div#addDriverModal div.modal-dialog div.modal-body {
  height: 75vh; }

div#errorModal div.modal-dialog div.modal-body {
  max-height: 30vh;
  overflow-y: auto; }

@media (min-width: 992px) {
  .modal-xlg {
    max-width: 1000px; } }
@media (min-width: 768px) and (max-width: 1199px) {
  div#alertsModal div.modal-dialog div.modal-content div.modal-body {
    height: max-content !important;
    overflow-y: hidden; }

  .modal-xlg {
    max-width: 80%; } }
@media (min-width: 481px) and (max-width: 830px) {
  div.modal div.modal-dialog div.modal-body {
    max-height: 50vh !important;
    overflow-y: auto; }
    div.modal div.modal-dialog div.modal-body .svg-loading {
      height: 100px; }

  div.modal {
    overflow-y: hidden !important; }

  div#errorModal div.modal-dialog div.modal-body {
    max-height: 50vh;
    overflow-y: auto; }

  div#confirmModal div.modal-dialog div.modal-body {
    height: max-content;
    overflow-y: auto; }

  div#alertsModal div.modal-dialog div.modal-body {
    height: 69vh !important; }

  div#updatesModal div.modal-dialog div.modal-body {
    height: auto !important; } }
@media (max-width: 480px) {
  div.modal div.modal-dialog div.modal-body {
    max-height: 60vh;
    overflow-y: auto; }
    div.modal div.modal-dialog div.modal-body .geofence-subusers {
      height: 47vh; }

  div.modal {
    overflow-y: hidden !important; }

  div#errorModal div.modal-dialog div.modal-body {
    max-height: 30vh;
    overflow-y: auto; }

  div#confirmModal div.modal-dialog div.modal-body {
    height: max-content;
    overflow-y: auto; }

  div#successModal div.modal-dialog div.modal-body {
    height: max-content;
    overflow-y: auto; }

  div#alertsModal div.modal-dialog div.modal-body .no-padding-r {
    padding: none; }

  div#alertsModal div.modal-dialog div.modal-body {
    height: 60vh !important;
    overflow-y: auto; }

  div#updatesModal div.modal-dialog div.modal-body {
    height: auto !important; } }
body {
  overflow: hidden;
  background: #005793; }
  body span.invalid-feedback {
    display: block; }
  body div.no-padding {
    padding: 0; }
  body .up-options {
    position: fixed;
    top: 0;
    right: 2%;
    z-index: 1000; }
  body .dropdown {
    z-index: 1000;
    display: inline-block;
    -webkit-box-shadow: -1px 8px 17px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -1px 8px 17px 0px rgba(0, 0, 0, 0.5);
    box-shadow: -1px 8px 17px 0px rgba(0, 0, 0, 0.5);
    border-radius: 0px 0 8px 8px;
    top: -5px;
    position: relative; }
    body .dropdown button {
      border-radius: 0px 0 8px 8px;
      color: white;
      background: #5d94ba; }
    body .dropdown .dropdown-item {
      padding: 0.25rem 1.4rem; }
      body .dropdown .dropdown-item span {
        margin-left: 5px; }
    body .dropdown .dropdown-menu {
      min-width: auto;
      max-height: 20vh;
      overflow-y: auto; }
  body .link-user {
    z-index: 1000;
    display: inline-block;
    background: #5d94ba;
    cursor: pointer;
    padding: 4px;
    border-radius: 0px 0 8px 8px;
    color: white !important;
    -webkit-box-shadow: -1px 8px 17px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -1px 8px 17px 0px rgba(0, 0, 0, 0.5);
    box-shadow: -1px 8px 17px 0px rgba(0, 0, 0, 0.5);
    text-decoration: none; }
    body .link-user:hover {
      background: #005793; }
    body .link-user a {
      color: white;
      text-decoration: none; }
  body .login {
    height: 100vh;
    width: 100vw; }
    body .login .logo .logo-initial {
      position: absolute;
      top: 0;
      left: 0;
      margin: auto;
      right: 0;
      width: 90vh; }
    body .login .logo .logo-second {
      display: none; }
    body .login .form-signin {
      width: 100%;
      max-width: 425px;
      padding: 15px;
      margin: 0 auto;
      color: white;
      position: relative;
      top: 45%; }
      body .login .form-signin .form-group {
        position: relative; }
      body .login .form-signin .login-submit {
        position: absolute;
        top: 10%;
        z-index: 1000;
        right: 0;
        padding: 8px;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); }
        body .login .form-signin .login-submit .circle-submit {
          position: relative;
          right: 0;
          width: 46px;
          height: 46px;
          padding: 8px;
          border-radius: 50%;
          -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); }
        body .login .form-signin .login-submit button {
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          text-indent: 120%;
          white-space: nowrap;
          overflow: hidden;
          background: none;
          border: 0;
          border-radius: 50%;
          cursor: pointer;
          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1); }
          body .login .form-signin .login-submit button:before {
            content: "";
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 5px;
            right: 5px;
            background: #5d94ba;
            border-radius: 50%; }
          body .login .form-signin .login-submit button:before {
            content: "";
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 5px;
            right: 5px;
            background: #5d94ba;
            border-radius: 50%; }
          body .login .form-signin .login-submit button::active:before {
            background: #0591ba;
            background-image: -webkit-linear-gradient(top, #0591ba, #5d94ba);
            background-image: -moz-linear-gradient(top, #0591ba, #5d94ba);
            background-image: -o-linear-gradient(top, #0591ba, #5d94ba);
            background-image: linear-gradient(to bottom, #0591ba, #5d94ba); }
          body .login .form-signin .login-submit button:after {
            content: "";
            position: absolute;
            top: 15px;
            left: 12px;
            width: 25px;
            height: 19px;
            background: url(../../img/login/arrow.png) 0 0 no-repeat; }
      body .login .form-signin .remember-p input {
        margin-right: 10px; }
      body .login .form-signin img {
        margin: 0 2px; }
    body .login .app-icons {
      color: white;
      width: 100%;
      max-width: 200px;
      margin: 0 auto;
      padding: 10px;
      position: relative;
      left: 350px;
      top: 15%;
      text-align: center; }
      body .login .app-icons p {
        margin: 0; }
      body .login .app-icons img {
        width: 150px;
        margin: 5px 0; }

@media (min-height: 1366px) {
  body {
    overflow-y: auto; }
    body .login {
      height: max-content;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto; }
      body .login div.logo {
        text-align: center;
        position: initial; }
        body .login div.logo .logo-initial {
          position: inherit;
          width: auto !important; }
      body .login div.form-signin, body .login div.app-icons {
        position: initial; }
      body .login div.app-icons {
        max-width: 100%; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .logo-users {
    height: 375px; } }
@media (min-width: 481px) and (max-width: 830px) {
  body {
    overflow: auto;
    margin: 0; }
    body .login {
      height: auto;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -40%);
      -webkit-transform: translate(-50%, -40%); }
      body .login div.logo {
        text-align: center;
        position: initial; }
        body .login div.logo .logo-initial {
          display: none; }
        body .login div.logo .logo-second {
          display: initial; }
      body .login div.form-signin, body .login div.app-icons {
        position: initial; }
        body .login div.form-signin .apple-icon, body .login div.app-icons .apple-icon {
          width: 130px; }
      body .login div.app-icons {
        max-width: 100%; } }
@media (max-width: 480px) {
  body .login {
    height: max-content;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto; }
    body .login div.logo {
      position: initial; }
      body .login div.logo .logo-initial {
        position: inherit; }
      body .login div.logo img {
        width: 100% !important; }
    body .login div.form-signin, body .login div.app-icons {
      position: initial; }
      body .login div.form-signin img, body .login div.app-icons img {
        width: 40%; }
      body .login div.form-signin .apple-icon, body .login div.app-icons .apple-icon {
        width: 35%; }
    body .login div.app-icons {
      max-width: 100%; } }

/*# sourceMappingURL=login.css.map */