/* pt-sans-narrow-regular */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../bower_components/fonts/pt-sans-narrow/pt-sans-narrow-v11.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Narrow'), local('PTSans-Narrow'),
       url('../bower_components/fonts/pt-sans-narrow/pt-sans-narrow-v11.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bower_components/fonts/pt-sans-narrow/pt-sans-narrow-v11.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bower_components/fonts/pt-sans-narrow/pt-sans-narrow-v11.woff') format('woff'), /* Modern Browsers */
       url('../bower_components/fonts/pt-sans-narrow/pt-sans-narrow-v11.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bower_components/fonts/pt-sans-narrow/pt-sans-narrow-v11.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

* {
  font-family: "PT Sans Narrow";
}

body {
    margin-top: 65px;
    font-family: "PT Sans Narrow";
    font-size: 14px;
    line-height: 1.42857143;
}

div, h1, h2, h3, h4, h5, p {
  font-family: "PT Sans Narrow";
}

.table-icon {
  margin-right: 3px;
  font-size: 20px;
}

.table-icon-btn {
  margin-top: 3px;
}

.thb-1x {
  margin-top: 1px;
}

code {
  background-color: transparent;
  color: #2c3e50;
}
.table-head-button {
  padding: 10px 5px 10px 5px;;
  margin: 10px 20px 15px 0px;
  cursor: pointer;
  font-size: 17px;
  display: inline;
  background: none;
  border-left: none;
  border-right: none;
  border-top: 2px solid;
  border-bottom: 2px solid;
  /* border: 2px solid; */
  transition: 1.1s;
  position: relative;
  overflow: hidden;
}

.table-head-button.th-addon {
  padding: 0px 10px;
  margin: 0px;
  border: none;
}

.table-head-button:hover,
.table-head-button-active:hover {
  color: #198FBE;
  /* color: #2C3E50; */
  transition: 1.1s;
}

.table-head-button::before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 0%;
  background: #E9F4F9;
  /* background: #FDFDFD; */
  z-index: -1;
  transition: 1.1s;
  bottom: 0;
  border-radius: 0% 0% 0 0;
  border-right: 1px solid;
  border-left: 1px solid;
  /* border: none; */
}

.table-head-button-active::before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 0%;
  background: #E9F4F9;
  z-index: -1;
  transition: 1.1s;
  bottom: 0;
  border-radius: 0% 0% 0 0;
}

.table-head-button-active {
  padding: 10px 5px 10px 5px;;
  margin: 10px 20px 15px 0px;
  cursor: pointer;
  font-size: 17px;
  display: inline;
  background: none;
  border-top: 2px solid;
  border-bottom: 2px solid;
  /* border: 2px solid; */
  transition: 1.1s;
  position: relative;
  overflow: hidden;

  content: '';
  background: #E9F4F9;
  /* color: #0DA85D; */
  /* color: #18bc9c; */
  color: #2c3e50;
  /* background: #FDFDFD; */
  transition: 1.1s;
  bottom: 0;
  border-radius: 0% 0% 0 0;
  border-right: 1px solid;
  border-left: 1px solid;
}

.table-head-button:hover::before,
.table-head-button-active:hover::before {
  height: 180%;
}

.th-btn {
  display: inline-block;
}

.table-body-input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid;
  transition: 1.1;
  /* text-align-last: center; */
  /* text-align: center; */
}

select.input-sm {
  height: 35px;
  line-height: 10px;;
}

.table-body-input-btn {
  background: none;
  font-size: 22px;
  border-bottom: 1px solid;
}

.table-body-input-btn:hover {
  color: #18bc9c;
}

.table-body-input:hover {
  border: 1px solid;
  transition: 2.1;
}

.table-body-input:focus {
  border: 2px solid;
  background: #fff;
  transition: 2.1;
  -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(44, 62, 80, 0.6);
  box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(44, 62, 80, 0.6);
}

.table-body-input[readonly] {
  background-color: rgba(255, 255, 255, 0.5);
}

select.table-body-input {
  background-image: linear-gradient(45deg, transparent 50%, #2c3e50 50%), linear-gradient(135deg, #2c3e50 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  /* background-position: calc(15% - 20px) calc(1em + 2px), calc(15% - 15px) calc(1em + 2px), calc(30% - 2.0em) 0.5em; */
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

select.table-body-input:focus {
  background-image: linear-gradient(45deg, #18bc9c 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #18bc9c 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-color: 2c3e50;
  outline: 0;
}

/* select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
} */

/* Chat -------------------------------------------------- */
.chat-left {
  text-align: left;
}

.chat-left-color {
  background-color: #E9F4F9;
  max-width: 350px;
  float: left;
  padding: 10px;
}

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

.chat-right-color {
  background-color: #EAEFF5;
  max-width: 350px;
  float: right;
  padding: 10px;
}

.chat-label-left {
  position: relative;
  top: -20px;
  left: -20px;
  font-size: 12px;
  padding: 0px;
}

.chat-label-right {
  position: relative;
  top: -20px;
  left: -20px;
  font-size: 12px;
  padding: 0px;
}
/* -------------------------------------------------- Chat */

/* ------------------------------------------------------- */
.kardex-title {
  line-height: 25px;
}

/* ------------------------------------------------------- */
.collapse-row {
  display: none;
  position: inherit;
}

.selected-row {
  border-left: 5px solid #2c3e50;
  border-bottom: 2px solid #2c3e50;
  border-radius: 10px;
}

.custom-strip-row {
  /* background-color: #c2c7d166; */
  background-color: #f9f9f9;
}
/* ------------------------------------------------------- */
.hero {
  /* width: 100%; */
  /* height: 100%; */
  /* min-width: 100%; */
  min-height: 100%;
  position: relative;
}

.hero::before {
  /* background-image: url("/img/logo_padn_símbolo.png"); */
  /* background-image: url("/img/poly_terminais_04.JPG"); */
  background-size: cover;
  content: "";
  display: block;
  position: fixed;
  /* position: fixed; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  opacity: 0.1;
}

.hero-plt {
  /* width: 100%; */
  height: 100%;
  /* min-width: 100%; */
  min-height: 100%;
  position: relative;
}

.hero-plt::before {
  background-size: cover;
  content: "";
  display: block;
  position: fixed;
  top: -135;
  left: 25;
  width: 100%;
  height: 100%;
  z-index: -2;
  opacity: 0.1;
}

/* ------------- */

.bg-plt-secondary {
  /*background-color: #68EDE6;*/
  /* background-color: #c2c7d1; */
  background-color: #dadfeb;
}

.bg-plt-tr {
  background-color: transparent;
}

.btn-nav {
  margin-top: 7px;
  margin-left: 5px;
}

.btn-nav-left {
  margin-top: 7px;
  margin-left: 5px;
  margin-right: 5px;
}

.btn-square {
  border-radius: 0px;
}

.btn-plt-primary:hover {
  color: #ffffff;
  background-color: #1a242f;
  border-color: #161f29;
}

.btn-plt-primary:focus,
.btn-plt-primary.focus {
  color: #ffffff;
  background-color: #1a242f;
  border-color: #000000;
}

.btn-plt-primary:active,
.btn-plt-primary.active,
.open > .dropdown-toggle.btn-plt-primary {
  color: #ffffff;
  background-color: #1a242f;
  border-color: #161f29;
}

.btn-input-adj {
  font-size: 21px;
}

.plt-addon {
  background: #2C3E50;
  color: white;
}

.card-container{
  perspective: 900px;
  margin-right: 20px;
}

.card{
  position: relative;
  width: 200px;
  height: 100px;
  transition: all 0.6s ease;
  transform-style: preserve-3d;
}

.front {
  background: #c2c7d1;
  /*background: #353638;*/
  /*background: #2C3E50;*/
}

.back {
  background: #c2c7d1;
  /*background: #353638;*/
  /*background: #68EDE6;*/
  /*background: #2C3E50;*/
}

.front,.back{
  position: absolute;
  color: white;
  top: 0;
  left: 0;
  width: 200px;
  height: 100px;
  border-radius: 0px;
  box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15);
  backface-visibility: hidden;
}

.front{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.back{
  display: flex;
  /*align-items: center;*/
  /*justify-content: center;*/
  font-size: 18px;
}

.card-container:hover .card{
  transform: rotateY(180deg);
}

.back{
  transform: rotateY(180deg);
}

/* ------------------------------------------------------- */
.plt-field-top-30 {
  margin-top: 30px;
}

.plt-field-top-20 {
  margin-top: 20px;
}

.plt-field-top-10 {
  margin-top: 10px;
}

.plt-field-right {
  margin-right: 5px;
}

.plt-field-left {
  margin-left: 5px;
}

.plt-field-left-10 {
  margin-left: 10px;
}

.plt-field-bottom {
  margin-bottom: 20px;
}

.plt-well-left {
  margin-left: 1px;
}

.plt-well {
  border: 1px solid #dadfeb;
}

.plt-menu-border {
  border: 1px solid;
}

/* ------------------------------------------------------- */

.card-container-img{
  perspective: 900px;
  /*
  margin-right: 20px;
  */
}

.card-img{
  position: relative;
  width: 100%;
  padding-top: 15px;
  margin-bottom: 325px;
  height: 15%;
  transition: all 0.6s ease;
  transform-style: preserve-3d;
}

.front-img,.back-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*
  height: 75%;
  */
  border-radius: 5px;
  /*
  color: white;
  box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15);
  */
  backface-visibility: hidden;
}

.front-img{
  display: flex;
  align-items: center;
  justify-content: center;
  /*font-size: 30px;*/
}

.back-img{
  display: flex;
  align-items: center;
  justify-content: center;
  /*font-size: 18px;*/
}

/*
.card-container-img:hover .card-img{
  transform: rotateY(180deg);
}
*/

.back-img{
  transform: rotateY(180deg);
}

/* ------------------------------------------------------- */

/* .modal-backdrop {
    background: #b4b4b4;
} */

.blur{
    -webkit-filter: blur(7px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}

.modal-text {
  color: white;
}

.modal-ipt-close-button {
  margin-top: 10px;
  font-size: 40px;
  cursor: pointer;
}

.modal-close-button {
  margin-top: 5px;
  font-size: 40px;
  cursor: pointer;
}

/* ------------------------------------------------------- */

.img-rel {
  background-image: url("/img/logo_polyterminais.png");
}

/* Bootstrap Override */
.nav-pills > li > a {
  border-radius: 0px;
}

.alert {
  border-radius: 0px;
}

/* ------------------------------------------------------- */

.center-td span {
  display: table-cell;
  text-align:center;
  vertical-align: middle;
}

/* ------------------------------------------------------- */

a.mouseover-thumbnail-holder {
  position: relative;
  display: block;
  float:left;
  /*margin-right: 10px;*/
}

.large-thumbnail-style {
  display: block;
  border: 10px solid #fff;
  box-shadow: 0px 0px 5px #aaa;
}

.large-thumbnail-style-ce-help {
  display: block;
  border: 10px solid #fff;
  box-shadow: 0px 0px 5px #aaa;
}

a.mouseover-thumbnail-holder .large-thumbnail-style {
  position: absolute;
  top: 0;
  left: -9999px;
  z-index: 1;
  margin-left: 10px;
  opacity: 0;
  width: 250px;
  height: 250px;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}

a.mouseover-thumbnail-holder .large-thumbnail-style-ce-help {
  position: absolute;
  top: 0;
  left: -9999px;
  z-index: 1;
  margin-left: 10px;
  opacity: 0;
  width: 1000px;
  height: 237px;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}

a.mouseover-thumbnail-holder:hover .large-thumbnail-style {
  top:0;
  left:105%;
  z-index:1;
  opacity:1;
}

a.mouseover-thumbnail-holder:hover .large-thumbnail-style-ce-help {
  top:0;
  left:105%;
  z-index:1;
  opacity:1;
}

#canvas-main.canvas-hide-sidemenu {
  margin-left: 0px;
}

/* Fontawesome Duotone Custom Theme */
.plt-fa-theme {
  --fa-secondary-color: #95a5a6;
}

.plt-fa-theme-inverse {
  --fa-secondary-color: #2c3e50;
  --fa-primary-color: #95a5a6;
}

.cntr-active {
  background: #E8F4F9;
}

/* ------------------------------------------------------- */

/* Customização TOS */
.menu-tos {
  margin-top: 7px;
}

.valign-middle {
  vertical-align: middle !important;
}

/* ------------------------------------------------------- */

/* Container Avarias */


.container-avaria {
    background: url(/img/containers-marcacoes.png) center center;
    width: 560px;
    height: 400px;
    background-size: 420px;
    background-repeat: no-repeat;
}

.container-avaria-avaliacao-geral {
  position: absolute;
  top: 0px;
  left: 0px;
}

.container-avaria-avaliacao-teto {
  position: absolute;
  top: 22px;
  left: 226px;
}

.container-avaria-avaliacao-portas {
  position: absolute;
  top: 114px;
  left: 80px;;
}

.container-avaria-avaliacao-lateral-direita {
  position: absolute;
  top: 125px;
  left: 228px;
}

.container-avaria-avaliacao-especiais-reefer {
  position: absolute;
  top: 253px;
  left: 55px;
}

.container-avaria-avaliacao-lateral-esquerda {
  position: absolute;
  top: 221px;
  left: 260px;
}

.container-avaria-avaliacao-frontal {
  position: absolute;
  top: 217px;
  left: 451px;
}

.container-avaria-avaliacao-piso-base {
  position: absolute;
  top: 314px;
  left: 328px;
}

.container-avaria-avaliacao-outros-avarias {
  position: absolute;
  top: 346px;
  left: 0;
}
.modal { overflow: auto !important; }

.single-title {
    color: #fff;
    font-size: 22px;
    line-height: 44px;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-right: 23px;
    margin-left: 23px;
}

.btn-success-inverted {
  color: #18bc9c;
  background-color: #fff;
}

.btn-success-inverted:hover {
  color: #18bc9c;
  background-color: #fff;
}

.btn-danger-inverted {
  color: #e74c3c;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-danger-inverted:hover {
  color: #e74c3c;
  background-color: #ffffff;
  border-color: #ffffff;
}

/* Espaçamento Campos DIV Formulário */
.div-form {
  margin-top: 10px;
}

.btn-actions {
  cursor: pointer;
}

label {
  font-weight: normal;
}

.text-white {
  color: #fff;
}


._720kb-datepicker-calendar-header:nth-child(odd), ._720kb-datepicker-calendar-header:nth-child(even) {
  background-color: #2c3e50;
}

._720kb-datepicker-calendar-month span, ._720kb-datepicker-calendar-header a, ._720kb-datepicker-calendar-header a:hover {
  color: #fff;
}

._720kb-datepicker-calendar-days-header {
  background-color: #dadfeb;
}

.lo-actions-buttons-style {
  background-color: #dadfeb;
  color: #2c3e50;
  font-weight: bold;
  letter-spacing: 1px;
  border: 1px solid #2c3e50;
  border-radius: 4px;
}

.lo-esteiras-lista {
  display: flex;
  min-height: 54px;
  background-color: #f9f9f9;
  border-radius: 8px;
  padding: 8px;
}

.lo-esteiras-item {
  flex: 0;
  padding: 6px;
  margin: 2px;
  border-radius: 4px;
  background-color: #dadfeb;
  text-align: center;
  font-weight: bold;
  align-items: flex-start;
  min-width: 95px;
}

.lo-linhas-lista {
  display: flex;
  flex-direction: column;
}

.lo-linhas-lista .btn {
  min-width: 80px;
}

.lo-linhas-item {
  flex: 1;
  border-radius: 4px;
  background-color: #dadfeb;
  margin-bottom: 22px;
  padding: 8px;
}

.lo-linhas-item-cabecalho {
  display: flex;
}

.lo-linhas-item-cabecalho-linha {
  flex: 1;
  font-weight: bold;
}

.lo-linhas-item-cabecalho-voo {
  flex: 6;
  font-weight: bold;
}

.lo-linhas-item-cabecalho-acoes {
  flex: 6;
  text-align: right;
}

.lo-linhas-item-esteiras {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.lo-linhas-item-esteiras-titulo {
  flex: none;
  text-align: center;
  padding: 8px 8px 8px 0px;
  font-weight: bold;
  min-width: 95px;
}

.lo-linhas-item-esteiras-items {
  flex: 1;
  padding: 8px 8px 8px 8px;
  border-radius: 4px;
  background-color: #eee;
  display: flex;
  min-height: 48px;
}

.lo-linhas-item-esteiras-item {
  flex: 0;
  padding: 6px;
  margin: 2px;
  border-radius: 4px;
  background-color: #dadfeb;
  text-align: center;
  font-weight: bold;
  align-items: flex-start;
  min-width: 95px;
}

.lo-linhas-item-operadores {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.lo-linhas-item-operadores-titulo {
  flex: none;
  text-align: center;
  padding: 8px 8px 8px 0px;
  font-weight: bold;
  min-width: 95px;
}

.lo-linhas-item-operadores-items {
  flex: 1;
  padding: 8px 8px 8px 8px;
  border-radius: 4px;
  background-color: #eee;
  display: flex;
  min-height: 48px;
}

.lo-linhas-item-operadores-item {
  padding: 2px 4px 2px 4px;
  background-color: #eee;
  border-radius: 5px;
  margin: 3px;
}

.lo-linhas-item-cabecalho-voo-logo {
  text-align: center;
}

.lo-linhas-item-cabecalho-voo-logo img {
  padding: 10px;
}

.lo-linhas-item-cabecalho-voo-companhia {

}

.lvl-over {
  /* applied to a drop target when a draggable object is over it */
  border: 2px dashed black !important;
}

.lvl-target {
  /*
  applied to all drop targets when a drag operation begins
  removed when the drag operation ends
  used to indicate drop targets on a page
  */
  background-color: #ddd;
  border: 2px dashed black !important;
  opacity: .5;
}

[draggable] {
  /* not applied by the directive, but useful to indicate a draggable element */
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: move;
  border:1px solid #d5d4d4;
}

.autocomplete-body {
  position: relative;
}

.autocomplete-menu {
  z-index: 9999999;
  display: block;
  position: absolute;
  top: 34px;
  background-color: #ffffff;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 6px;
  list-style-type: none;
  min-width: 120px;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  padding: 0px;
}

.autocomplete-menu li {
  margin: 4px;
}

.autocomplete-menu a {
  padding: 6px;
  width: 100%;
  display: table;
  text-decoration: none !important;
}

.autocomplete-menu a:hover {
  color: #ffffff;
  background-color: #2c3e50;
}

.pager li>button {
  border-radius: 18px;
  padding: 5px 14px;
}

.clickable-row {
  cursor: pointer;
}

.mr-5{
  margin-right: 5px;
}

.ml-5{
  margin-left: 5px;
}

.btn-success-custom {
  background-color: #198754;
  border-color: #198754;
  color: #fff;
}

.btn-success-custom:hover {
  background-color: #157347;
  border-color: #146c43;
}

.btn-danger-custom {
  background-color: #c82333;
  border-color: #c82333;
  color: #fff;
}

.btn-danger-custom:hover {
  background-color: #a71d2a;
  border-color: #911923;
}

.btn-neutral {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

.btn-neutral:hover {
  background-color: #5a6268;
  border-color: #545b62;
}