@import "responsive.css";

body {
  font-size: 14px;
}

main {
  min-height: calc(100vh - 64px);
  padding-bottom: 55px;
}

footer {
  margin-top: -30px;
}

a {
  text-decoration: none;
}

.text-blue {
  color: #1c61ac;
}

.bg-blue {
  background-color: #1c61ac;
}

/* .primary {
  background-color: #1C61AC!important;
} */
.ui.primary.button,
.ui.primary.buttons .button {
  background-color: #1c61ac;
}

.ui.basic.primary.button,
.ui.basic.primary.buttons .button {
  color: #1c61ac !important;
  -webkit-box-shadow: 0 0 0 1px #1c61ac inset !important;
  box-shadow: 0 0 0 1px #1c61ac inset !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background-color: #1678c2 !important;
  color: #fff;
  text-shadow: none;
}

.navbar .navbar-brand>img {
  margin-top: -5px;
  margin-bottom: -5px;
  max-height: 50px;
  width: auto;
}

.navbar .navbar-nav .selection {
  min-width: 45px;
  min-height: 43px;
  margin-top: -5px;
  margin-bottom: -5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 14px;
  border-radius: 50%;
  background-color: #1c61ac;
  color: #fff;
}

.navbar .navbar-nav .selection .title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: bold;
  display: flex;
  padding-top: 2px;
}

.navbar .navbar-nav .selection .menu {
  min-width: 14em;
  min-height: 2.71429em;
  margin-top: -1px;
}

.ui.selection.dropdown .menu>.item:first-child {
  border-top: 1px solid #96c8da;
}

.ui.selection.dropdown .menu .item:last-child>a {
  margin: -0.78571429rem -1.14285714rem !important;
  padding: 0.78571429rem 1.14285714rem !important;
}

.navbar .navbar-nav .selection.active {
  border-bottom: 0;
}

.content-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mr-0 {
  margin-right: 0 !important;
}

.ui.pagination.menu .item {
  padding: 0;
}

.ui.pagination.menu .active.item {
  padding: 0;
}

.ui.pagination.menu .item a {
  padding: 0.92857143em 1.14285714em;
  color: #000000;
  display: block;
  cursor: pointer;
}

.ui.pagination.menu .item span {
  padding: 0.92857143em 1.14285714em;
  display: block;
}

.ui.table thead th {
  cursor: pointer;
}

.ui.table thead th>i {
  font-size: 13px;
  display: none;
}

.ui.table thead th:hover>i {
  display: inline-block;
}

.ui.modal {
  height: auto;
  top: unset;
  left: unset;
  overflow-y: unset;
  overflow-x: unset;
}

.text-grey {
  color: #4e4d4d;
}

.home>.column {
  display: flex !important;
  justify-content: center;
  height: calc(100% - 280px);
  max-height: 700px;
  border-radius: 5px;
  margin-top: 40px;
}

.wrapper-login .stacked::after {
  display: none !important;
}

.home .blue-mask {
  position: absolute;
  top: 0;
  left: 0;
  height: 34%;
  width: 100%;
  background: #1c61ac;
  border-radius: 5px 5px 0 0;
  opacity: 0.85;
}

.home .white-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 66%;
  width: 100%;
  background: #fff;
  border-radius: 0 0 5px 5px;
  opacity: 0.85;
}

.home>.column>img {
  position: absolute;
  top: 15px;
  left: 35%;
  height: 115px;
  width: auto;
}

.home>.column>h2 {
  position: fixed;
  top: 0px;
  margin-left: -160px;
  margin-top: 35px;
  font-size: 60px;
  color: #fff;
  white-space: nowrap;
}

@keyframes slideup {
  0% {
    transform: translateY(100%);
  }

  25% {
    transform: translateY(75%);
  }

  50% {
    transform: translateY(50%);
  }

  75% {
    transform: translateY(25%);
  }

  100% {
    transform: translateY(0%);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0.25;
  }

  50% {
    opacity: 0.5;
  }

  75% {
    opacity: 0.75;
  }

  100% {
    opacity: 1;
  }
}

.modals.d-flex {
  animation: slideup 150ms linear, fadeIn 150ms linear;
}

.modals>.mask-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

.jquery-modal>.mask-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}

.jquery-modal.current>.mask-overlay {
  display: block;
}

.modal a.close-modal {
  cursor: pointer;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.home .ui.form input[type="text"] {
  border: 1px solid #6c757d;
}

.ui.input.error>input,
.ui.input.error>textarea {
  border-color: #dc3545 !important;
}

.ui.input.hightlight>input,
.ui.input.hightlight>textarea {
  border-color: #fd7e14 !important;
}

.text-red {
  color: #dc3545 !important;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.clearfix {
  clear: both;
}

.bg-dark-grey {
  background-color: #dde4e8 !important;
}

.font-weight-bold {
  font-weight: bold !important;
}

.cursor-pointer {
  cursor: pointer;
}

.wrap-remove-btn-doc {
  position: absolute;
  width: 70px;
  height: 100%;
  top: 0;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-rm-phase-doc {
  height: 32px;
  width: 35px;
  padding: 0 !important;
  border-radius: 50% !important;
}

.phase-segment-doc {
  padding: 20px 85px 20px 35px !important;
  text-align: left;
  height: 100%;
  display: flex;
  align-items: center;
}

.wrap-pdf-icon {
  position: absolute;
  width: 55px;
  height: 100%;
  top: -5px;
  left: -5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  color: #ff851b;
}

.wrap-remove-btn {
  position: absolute;
  width: 60px;
  height: 100%;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-rm-phase {
  height: 35px;
  width: 35px;
  padding: 0 !important;
  border-radius: 50% !important;
}

.phase-segment {
  padding: 20px 60px 20px 20px !important;
  text-align: left;
}

.ssscl-default-table tbody tr td {
  vertical-align: middle;
}

.ui.disabled {
  opacity: 0.45;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.ui.dropdown.error>.menu>.item {
  color: #212529;
}

.ui.dropdown.error>.menu>.item:hover {
  background: rgba(0, 0, 0, 0.03);
}

.ui.selection.dropdown.error {
  border-color: #dc3545 !important;
  background: #fff;
}

.ui.selection.dropdown.hightlight {
  border-color: #fd7e14 !important;
  background: #fff;
}

.ui.selection.dropdown.error .default.text {
  color: #e0b4b4;
}

.ui.dropdown.error,
.ui.dropdown.error>.default.text,
.ui.dropdown.error>.text {
  color: #212529;
}

.ui.segment-clear {
  background: none;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.ui.dropdown.error>.menu .active.item {
  background-color: #fff;
}

.navbar-nav.me-auto .nav-item .button {
  padding: 12px 18px;
  margin-right: 8px;
}

#modal-container {
  vertical-align: middle !important;
}

.notice-italic {
  font-size: 13px;
  text-align: center;
  font-style: italic;
}

.ui.popup {
  min-width: 120px;
  text-align: center;
}

.box-shadow-none {
  box-shadow: none !important;
}

.radius-50 {
  border-radius: 50% !important;
}

.relative {
  position: relative;
}

.btn-remove-product-row {
  position: absolute;
  top: 2px;
  right: 11px;
}

.ui.celled.table.table-visit-product tr td {
  border-left: none;
}

.ui.modal>.actions {
  background: #fff;
}

.jquery-modal>.modal {
  position: relative;
  width: 90%;
  max-width: 500px;
  height: auto;
  overflow-x: unset;
  overflow-y: unset;
  padding: unset;
  /* transform: translateX(-50%); */
}

.table-inside-segment {
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: white !important;
}

.table-inside-segment thead tr th {
  border-radius: 0 !important;
  border-top: 0;
}

.table-inside-segment tr td {
  vertical-align: middle;
}

.part-pre-transfer-left {
  padding-left: 1px !important;
  padding-top: 0 !important;
}

.part-pre-transfer-right {
  padding-right: 1px !important;
  padding-top: 0 !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.modal-dialog {
  max-width: 80% !important;
  margin: 1.75rem auto;
}

button.image-wrap,
#selectImage {
  cursor: pointer;
}

.mr8 {
  margin-right: 8px;
}

.ml28 {
  margin-left: 28px;
}

.img-signature {
  border: 1px solid #dee2e6;
  margin-bottom: 20px;
}

.modal a.close-modal {
  z-index: 10000;
}

.ui.text.container.modal-w-350 {
  max-width: 350px !important;
}

#modal-invite-users-terminal .table-inside-segment tr td {
  font-weight: normal;
  cursor: auto;
}

.header-segment {
  margin-bottom: 0;
  border-radius: 0.28571429rem 0.28571429rem 0 0;
  background: #f3f4f5;
  padding: 0.78571429rem 1rem;
  margin-left: -1px;
  margin-right: -1px;
  box-shadow: none;
  border: 1px solid #d4d4d5;
  margin-top: -0.14285714em;
  font-size: 1.07142857rem;
}

input:required:focus {
  border: 1px solid red;
  outline: none;
}

textarea:required:focus {
  border: 1px solid red;
  outline: none;
}

input:focus:valid {
  border: 1px solid green;
  outline: none;
}

input:focus:invalid {
  border: 1px solid red;
  outline: none;
}

.invalid {
  border: 1px solid red !important;
  outline: none;
}

.jquery-modal>.modal.modal-fluid {
  max-width: 1140px !important;
  width: 99%;
}

.pdf-logo {
  max-height: 60px;
  width: auto;
}

.ui.checkbox.error label:before {
  border: 1px solid #dc3545;
}

.table-part tr td,
.table-part tr th {
  border: 0 !important;
}

.border-wrap-black {
  border: 1px solid #1b1c1d !important;
  border-radius: 5px;
}

.ui.button.button-remove-cargo {
  position: absolute;
  right: 0;
  top: 3px;
  padding: 4px 7px;
  line-height: 12px;
  font-size: 12px;
  z-index: 12;
}

.part-modal .ui.image.label span {
  opacity: .5;
}

.part-modal .ui.image.label>a {
  opacity: 1;
}

.d-unset {
  display: unset !important
}

.table-none-border {
  border: 0 !important;
}

.table-none-border tr th,
.table-none-border tr td {
  border: 0 !important;
}

.table-agreement tr td {
  padding-top: 0 !important;
}

.agreement-date {
  transform: translateY(-386px) !important;
}

.agreement-date .datepicker--pointer {
  display: none;
}

.wrapper-sign {
  position: relative;
  width: 400px;
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sign-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 400px;
  height: 200px;
  background-color: white;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, .15);
}

.clear-sign-box {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #6c757d;
}

.clear-sign-box:focus-visible {
  outline: none !important;
}

.img-sign-tanker {
  max-height: 200px;
  width: auto;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, .15);
}

/* .sign-request .dropdown {
  max-width: 370px;
} */

.offline-disabled.disabled {
  pointer-events: none;
}

.d-inline-block {
  display: inline-block !important;
}

.hidden {
  display: none !important;
}

.draft-noti {
  position: absolute;
  top: -27px;
  right: 5px;
}

.font-normal {
  font-weight: 500;
}

label.offline-disabled {
  opacity: .5;
}

.flex-center {
  display: flex;
  align-items: center;
}

.hide-time-input {
  visibility: hidden;
}

.datepicker-input {
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, .15);
  color: rgba(0, 0, 0, .87);
  border-radius: 0.28571429rem;
  width: 100%;
  margin-left: -100%;
  cursor: text;
}