/* The container_antk */
.container_antk {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.container_antk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  border: 1px solid #989898;
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff; }

/* On mouse-over, add a grey background color */
.container_antk:hover input ~ .checkmark {
  background-color: #fff; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.container_antk input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.container_antk .checkmark:after {
  left: 3px;
  top: 0;
  width: 7px;
  height: 11px;
  border: solid #989898;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.shape-pill, .btn.pull-right, input[type="search"]:not(.select2-search__field) {
  border: 1px solid #343B65;
  border-radius: 15px;
  color: #182050;
  background-color: #fff; }
  .shape-pill:focus, .shape-pill:active, .shape-pill:hover, .btn.pull-right:focus, .btn.pull-right:active, .btn.pull-right:hover, input[type="search"]:not(.select2-search__field):focus, input[type="search"]:not(.select2-search__field):active, input[type="search"]:not(.select2-search__field):hover {
    border: 1px solid #343B65;
    box-shadow: none;
    background-color: #f4f4f4;
    color: #182050; }

.on-behalf-header {
  background-color: #343b65; }
  .on-behalf-header::before, .on-behalf-header::after {
    border-top-color: #343b65; }

.icon-route::before {
  content: url("../images/icon/icon-route.png"); }

.icon-manage-trip::before {
  content: url("../images/icon/icon-manage-trip.png"); }

.icon-bus-type::before {
  content: url("../images/icon/icon-bus-type.png"); }

.icon-dashboard::before {
  content: url("../images/icon/icon-dashboard.png"); }

.icon-driver::before {
  content: url("../images/icon/icon-driver.png"); }

.btn-export-job::before {
  content: url("../images/icon/export.png");
  position: relative;
  left: -5px;
  top: 1px; }

#advance-filter::before {
  content: url("../images/icon/filter.png");
  position: relative;
  left: -15px;
  top: 2px; }
#advance-filter ~ a.btn::before {
  content: url("../images/icon/reset.png");
  position: relative;
  left: -15px;
  top: 2px; }

.icon-info::before {
  content: url("../images/icon/icon-info.png"); }

.icon-edit::before, .fa-edit::before {
  content: url("../images/icon/icon-edit.png"); }

.icon-delete::before, .fa-trash::before {
  content: url("../images/icon/icon-delete.png"); }

.icon-setting::before {
  content: url("../images/icon/icon-setting.png"); }

.icon-bell::before {
  content: url("../images/icon/icon-bell.png"); }

.icon-logout::before {
  content: url("../images/icon/icon-logout.png"); }

.icon-search::before {
  content: url("../images/icon/icon-search.png"); }

.icon-close::before {
  content: url("../images/icon/icon-close.png"); }

.tongtar-icon::before {
  position: relative;
  top: 2px; }

.icon-letter::before {
  content: url("../images/icon/icon-letter.png"); }

.icon-lock::before {
  content: url("../images/icon/icon-lock.png"); }

.hover-pointer {
  cursor: pointer; }

.mg-bot-20 {
  margin-bottom: 20px; }

.mg-bot-30 {
  margin-bottom: 30px; }

.mg-bot-50 {
  margin-bottom: 50px; }

.btn.btn-accept, .btn.btn-decline, .btn#add-address, .btn#add-bus, .btn.multiselect-reset-btn, .btn.btn-remove-driver {
  padding: 7px 15px;
  font-size: .75rem;
  line-height: 1.6667;
  min-width: 42px !important; }
  .btn.btn-accept.remove-user, .btn.btn-decline.remove-user, .btn#add-address.remove-user, .btn#add-bus.remove-user, .btn.multiselect-reset-btn.remove-user, .btn.btn-remove-driver.remove-user {
    max-width: unset; }
  .btn.btn-accept:hover, .btn.btn-accept:active, .btn.btn-accept:focus, .btn.btn-decline:hover, .btn.btn-decline:active, .btn.btn-decline:focus, .btn#add-address:hover, .btn#add-address:active, .btn#add-address:focus, .btn#add-bus:hover, .btn#add-bus:active, .btn#add-bus:focus, .btn.multiselect-reset-btn:hover, .btn.multiselect-reset-btn:active, .btn.multiselect-reset-btn:focus, .btn.btn-remove-driver:hover, .btn.btn-remove-driver:active, .btn.btn-remove-driver:focus {
    background-color: #fff !important;
    color: #333 !important;
    border: 1px solid #343B65; }
.btn.multiselect-reset-btn, .btn.btn-remove-driver {
  max-width: unset !important;
  margin-bottom: -13px; }

.btn-group .multiselect {
  border: 1px solid #343B65;
  border-radius: 15px;
  color: #000;
  background-color: #fff; }

#pending-add-driver::before {
  content: url("../images/icon/icon-addnew.png");
  position: absolute;
  left: 32px;
  top: 7px; }

.download-bus-template, .download-guests-template, .download-driver-template, .download-employee-template {
  min-width: 250px !important; }

.max-width-350px {
  max-width: 350px;
  padding-right: 0;
  padding-left: 0; }

.flex-jtc-sa {
  justify-content: space-between;
  padding-left: 25px;
  padding-right: 25px; }

.dropdown-item.active {
  background-color: #41497b; }

.btn.pull-right {
  padding: 6px 10px 4px 25px;
  width: max-content;
  line-height: 1.5;
  text-decoration: none;
  min-width: 125px; }

.bg-color-white {
  background-color: white; }

.width-145px {
  width: 145px; }

.invalid-feedback {
  margin-bottom: .25rem; }

.display-none {
  display: none; }

.color-989898 {
  color: #989898; }

.color-182050 {
  color: #182050; }

.submit-wrapper {
  margin-top: 25px; }

@media (max-width: 1200px) {
  .max-1200px-order-2 {
    order: -2; }

  .max-1200px-order-1 {
    order: -1; }

  .max-1200px-max-width-100 {
    max-width: 100%; }

  .max-1200px-max-width-330px {
    max-width: 330px; } }
body {
  color: #000000;
  font-size: 0.875rem; }

#login_remember {
  bottom: 4px;
  left: 33px; }

.login_page, .email {
  background-color: #fafafa; }
  .login_page h1, .email h1 {
    font-size: 1.25rem !important; }
  .login_page.app, .email.app {
    flex-direction: column !important; }
  .login_page .od_logo, .email .od_logo {
    margin-top: 50px; }
    .login_page .od_logo img, .email .od_logo img {
      max-width: 320px;
      max-height: 90px;
      margin-left: 15px; }
  .login_page .welcome .row > .col-lg-8 img, .email .welcome .row > .col-lg-8 img {
    width: 100%; }
  .login_page .welcome .row > .col-12.text-right a, .email .welcome .row > .col-12.text-right a {
    margin: 0 auto 0 0;
    width: max-content;
    display: block; }
  .login_page .welcome .row > .col-12 [type="submit"], .email .welcome .row > .col-12 [type="submit"] {
    background-color: #79cdd0;
    border-radius: 15px;
    border: none;
    height: 40px;
    width: 150px; }
  .login_page .welcome form, .email .welcome form {
    font-size: 0.75rem; }
  .login_page .welcome .input-wrap .row, .email .welcome .input-wrap .row {
    margin: 0; }
  .login_page .welcome .wrap, .email .welcome .wrap {
    background-color: #fff;
    border-radius: 5.5px;
    box-shadow: 0 2px 10px -5px #00000085; }
    .login_page .welcome .wrap .form-control, .email .welcome .wrap .form-control {
      border: none;
      padding: 0; }
  .login_page .welcome .input-group .input-group-text, .login_page .welcome .input-group input, .email .welcome .input-group .input-group-text, .email .welcome .input-group input {
    background-color: transparent;
    border: none; }
  .login_page .welcome .input-group input, .email .welcome .input-group input {
    height: 15px;
    padding: 0; }
    .login_page .welcome .input-group input:focus, .email .welcome .input-group input:focus {
      border: none;
      box-shadow: none; }
  .login_page .welcome .input-group .input-group-text, .email .welcome .input-group .input-group-text {
    width: 62px;
    height: 70px; }
    .login_page .welcome .input-group .input-group-text i, .email .welcome .input-group .input-group-text i {
      display: block;
      margin: 0 auto 5px; }
  .login_page .welcome .email-wrap, .login_page .welcome .password-wrap, .email .welcome .email-wrap, .email .welcome .password-wrap {
    flex: 1;
    padding-top: 10px;
    padding-right: 15px; }
  .login_page .welcome .mb-3, .email .welcome .mb-3 {
    margin-bottom: 0 !important;
    border-bottom: 1px #F0F0F0 solid; }
  @media (min-width: 992px) {
    .login_page .container, .email .container {
      max-width: 1440px; }
      .login_page .container .col-lg-8, .email .container .col-lg-8 {
        max-width: 60%; }
      .login_page .container .white-fake, .email .container .white-fake {
        max-width: 100px;
        flex: 1; }
      .login_page .container .col-lg-4, .email .container .col-lg-4 {
        max-width: 33%; }
    .login_page .welcome, .email .welcome {
      flex: 1;
      display: flex;
      align-items: center; }
      .login_page .welcome .row > div, .email .welcome .row > div {
        padding-right: 0 !important;
        padding-left: 0 !important; }
      .login_page .welcome .input-wrap, .email .welcome .input-wrap {
        max-width: 350px; } }

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