textarea{
	color:#151b26 !important;
  height: auto;
}

/*
.content{
  background-image: url('/assets/images/FACTURACION.png');
  background-size: cover;
  background-repeat: no-repeat;
}*/

*:disabled {
  color:#a8a8a8 !important
}
table input{
  border: none !important;
  background-color: transparent !important;
}

.input-group-sm > .input-group-btn button.btn{
	padding: 0.5rem 0.5rem !important;
}

.hiddenRow {
    padding: 0 !important;
}

.btn.trancasa{
  position: absolute;
  right:-65px;
  z-index: 9999;
}

.collapse-row div{
background-color:aliceblue;
border-bottom:thin solid lightgray
}

.btn.comprobante{
  position: absolute;
  right:-150px;
  border:thin solid lightgray;
  padding: 2rem;
  font-size: 12px;
  z-index: 10;
  width:150px
}

.lookupSearch{
  max-height: 103px;
  min-height: 33px;
  width: 300px;
  z-index: 999;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: 2px 2px 7px 1px rgb(0 0 0 / 28%);
  -webkit-box-shadow: 2px 2px 7px 1px rgb(0 0 0 / 28%);
  -moz-box-shadow: 2px 2px 7px 1px rgba(0,0,0,0.28);
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth;
  background-color: #fff;
  position: absolute;
  left: 30px;
  top: 26px;
}

.b-table-select-single thead{
  display: none;
}

.collapse-table{
	margin-bottom:0
}

#myTable tr td{
	cursor:pointer;
	font-size:10px;
}	

.table-tickets th,
.table-tickets td{
	padding: 4px 0;
}

td,th{
  white-space: nowrap;
}

.reduced-fit{
  max-width: 1380px;
}

.card{
  -webkit-box-shadow: 0px 1px 22px -6px rgba(0,0,0,0.69);
-moz-box-shadow: 0px 1px 22px -6px rgba(0,0,0,0.69);
box-shadow: 0px 1px 22px -6px rgba(0,0,0,0.69);
border-left: 6px solid #9F6FF0;
border-radius: 0px;
}
.card-title{
	text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-size: 10px !important;
	line-height: 0.1rem;
  color: #017e84
}

.card-header {
  border-bottom: var(--iasc-card-border-width) solid #434344
}

.table-tickets .table-row:hover{
	background-color:#eaeef3;
	transition: all 0.1s;
	cursor:pointer;
}
.btn-sm.selector,
.form-control-sm{
  margin:3px 0px !important; 
}

/*
.form-control-sm:required{
  background-color: #fff9b2 !important; 
}
*/
.dark .form-control-sm:required{
/*  background-color: #ebffb26e !important; //RGB(235,255,178) // Limon RGB(255,192,128) // iLightOrange   RGB(247, 212, 188)  // Anaranjado ASR*/
  color:#fff !important;
}

.dark label{
  color:#ccc
}


.collapse-icon [data-toggle="collapse"]:before {
    
    margin-top: 0px !important; 
   
}
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select,
.form-control-sm, .input-group-sm .input-group-text{
	height:1.5rem;
}
.scrolly{
	overflow-y: scroll;
    overflow-x: hidden;
    height: 70vh;
}

fieldset legend{
  width: fit-content;
}

.text-blue{
	color:#178cff;
}
.tag-box{
	border:thin solid #dfe3e8;
}
.tag-input{
	border:#FFF;
}
.no-border {
	margin:2px;
}
.no-border:focus-visible {
	outline: #fff auto 1px !important;
}
textarea:focus-visible {
    outline: rgb(223, 227, 232) auto 1px !important;
}
.popupPartidas tr td,
.popupPartidas tr th{
 padding: 3px 1rem !important;
}
.tag .actions{
    margin-left: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.15em;
}

.tag.valid .actions, .tag.custom-class .actions {
    background-color: transparent;
    color: rgb(100,111,121);
    padding: 0.3rem 0.3rem !important;
    margin-left: 5px;
	width:fit-content;
	margin:4px;
    border-radius: 10rem;
    right: 0px;
    border: none;
    display: inline;
    font-size: 7px !important;
    cursor: pointer;
}
.tag.valid, .tag.custom-class{
	background-color: #f6f8f9 !important;
    border-color: #e0e6e8 !important;
    color: #646f79 !important;
    align-items: center;
    border: 1px solid !important;
    border-radius: 15px !important;
    padding: 0.2em 0.8em !important;
    height: 22px;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 9px !important;
    cursor: pointer;
    justify-content: center;
    padding-left: 15px !important;
    transition-duration: 100ms;
    transition-property: background, border, color, fill;
}
.first-letter{
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	height: 55px; 
	border: 2px solid rgb(189, 197, 201); 
	border-radius: 100%;
}

.attach-pill-plus{
    background-color: #fff;
    color: rgb(100,111,121);
    border: thin solid rgb(183,191,198);
    padding: 0.2rem 0.28rem;
    padding-top: 0.3rem;
    line-height: 15px;
    border-radius: 10rem;
    cursor: pointer;
    
    font-size: 16px !important;
    outline-width: 0;
}

.underline-anchor:hover{
	text-decoration:underline !important;
}
.font-mini{
	font-size: 8px;
    margin: 0px;
    line-height: 1.12 !important;
    color: #868695;
}

.small-pill-btn {
    background-color: rgb(165, 171, 182);
    color: #fff;
    border: none;
    font-size: 5px !important;
    border-radius: 10rem;
    height: 17px !important;
    cursor: pointer;
    padding: 0.25rem 0.25rem 0.15rem 0.25rem;
}

.btn-ptoventa{
  padding: 0.4rem;
  white-space: nowrap;
  font-size: 10px;
}

#heading11{
	   padding: 0.6rem 1rem;
}

.card .card-title {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.05rem;
    font-size: 12px !important;
}
.selected-row:hover,
.selected-row,
.item.selected{
	background-color: #dfe3e8 !important;
}

.dark .selected-row:hover,
.dark .selected-row,
.dark .item.selected{
	background-color: #282e42 !important;
}

.table-row{
	padding: 4px 0px;
}

select.form-control-sm {
    padding: 0px 15px;
}

.controls-form button,
.controls-form a{
    width: 100px;
}

.top-menu .space{
    padding:5rem;
  }
/*textarea*/

.grow-wrap {
  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
  display: grid;
}
.grow-wrap::after {
  /* Note the weird space! Needed to preventy jumpy behavior */
  content: attr(data-replicated-value) " ";

  /* This is how textarea text behaves */
  white-space: pre-wrap;

  /* Hidden from view, clicks, and screen readers */
  visibility: hidden;
}
.grow-wrap > textarea {
  /* You could leave this, but after a user resizes, then it ruins the auto sizing */
  resize: none;

  /* Firefox shows scrollbar on growth, you can hide like this. */
  overflow: hidden;
}
.grow-wrap > textarea,
.grow-wrap::after {
  /* Identical styling required!! */
  border: thin solid #dfe3e8;
  font: inherit;

  /* Place on top of each other */
  grid-area: 1 / 1 / 2 / 2;
}
.tablectrl_filter{
	float:left !important;
}

.pager-btns li{
	margin-right:1px;
}

.table-header th{
	background-color: #eee;
    text-align: center;

	font-weight:300;
	border-left:thin solid #fff;
}

#table-partidas,
#table-transacciones{
	border:thin solid #ccc;
}
#table-transacciones tr:hover{
	background-color:#f0f0f0;
	transition:all 0.1s;
}
#table-transacciones{
	font-size: 12px;
}

#table-facturas,
#table-partidas,
#table-destinos,
#table-pedidos,
#table-agentes,
#table-clientes{
	font-size: 12px;
	cursor:pointer;
}
#table-partidas tr:hover,
#table-destinos tr:hover,

#table-pedidos tr:hover,
#table-agentes tr:hover,
#table-facturas tr:hover{
	background-color:#f0f0f0;
	transition:all 0.1s;
	cursor:pointer;
}
#table-partidas td,
#table-destinos td,
#table-transacciones td,
#table-pedidos td,
#table-agentes td,
#table-facturas td{
	padding:2px 0.3rem  !important;
}
table .btn{
    padding:0rem;
}
.bold{
  font-weight: bold;
}
.foto-licencia{
  width: 100%;
  height: 200px;
}
.btn-pin{
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
.btn-pin:hover{
  background-color: inherit;
  color:inherit
}
.btn-pin-active{
  background-color: #17a2b8;
  color:#FFF
}
.w-10{
  width:10% 
}
.w-15{
  width:15% 
}
.w-20{
  width:20% 
}
.w-25{
  width:25%
}
.w-35{
  width:35% 
}
.w-40{
  width:40% 
}
.w-60{
  width:60%
}
.w-65{
  width:65%
}
.w-80{
  width:80% 
}
table .icon{
    width: 14px;
    height: 14px;
    margin-top: -3px;
}


.navbar-top .navbar-nav-icons #parametros .nav-item .nav-link{
  padding:0px !important;
}

.pager-btns{
  max-width: fit-content;
    margin-left: auto;
}

.pager-btns .btn{
    padding:0.3rem;
}
.pager-btns .icon{
    width: 14px;
    height: 14px;
    margin-top: -3px;
}

.material-design-icon.icon{
  font-size: 20px;
}

.border-filtros{
    border: thin solid #ccc;
    border-radius: 3px;
    padding: 1rem;
}
.son-text-danger td{
    color:#dc3545;
}
.son-text-success td{
    color:#7ed320;
}
.son-text-yellow td{
    color:#FFD300;
}
.son-text-dark-green td{
    color:#2a7535;
}
.son-text-son-text-blue td{
    color:#2b2db4;
}
.son-text-info td{
  color:#17a2b8
}

.son-bkg-lightblue td{
  background-color:#0000ff;
  color:#fff;
}

.son-bkg-lightgreen td{
  background-color:#00FF00;
}

.son-bkg-lightorange td{
  background-color:#FFA500;
}

.son-bkg-yellow td{
  background-color:#FFFF00;
}
.dark .son-bkg-yellow td{
  background-color:#a0a075;
  color:#151b26;
}
.selected-row, .selected-row:hover{
    background-color:#dee3e9;
}
table{
  cursor:default !important;
}
.moneda object{
    border-radius: 6px;
}

.action-block li{
	margin: 4px 0;
}

.table-responsive{
    min-height: 20vh;
}


tr.selected td {
    background-color: #dde4ef !important;
	transition:all 0.3s;
}
#table-transacciones_filter input,
#table-destinos_filter input,
#table-agentes_filter input,
#table-partidas_filter input,
#table-clientes_filter input{
	padding:3px;
	
}
#table-transacciones_filter input:focus-visible,
#table-destinos_filter input:focus-visible,
#table-agentes_filter input:focus-visible,
#table-partidas_filter input:focus-visible,
#table-clientes_filter input:focus-visible{
	outline: 0px;
	
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border-left-color: #09f;
    z-index: 9999;
    margin:auto;
    top: -20%; left: 0; bottom: 0; right: 0;
    position:absolute;
    animation: spin 1s linear infinite;
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  .reportrange-text{
    margin-left:1rem;
    width: 15rem !important;
  }
.feather {
    width: 15px;
    height: 15px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
  }
  .btn-sm.selector {
    padding: 0rem 0.1rem;
    border-radius: 0.21rem;
    height: 27px;
    width: 26px;
    margin: 3px 4px !important;
    text-align: center;
}

ul.list-unstyled li{
	margin-bottom:1rem;
}

.modal-dialog.modal-lg{
	max-width:85vw !important;
}

.modal-dialog.modal-md{
	max-width:50vw !important;
}

.fixed-table-footer .th-inner{
	text-align:right;
}
.table th, .table td {
  padding: 0px 2px !important;
  vertical-align: middle;
}
tr.no-records-found{
	display:none !important;
}

.check-noti{
  vertical-align: middle;
  text-align: center;
  margin-top: -9px;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0 5px;
    margin-bottom: 0rem;
  font-size: 12px;
  line-height: inherit;
  color: inherit;
  white-space: normal;
  font-weight: 700;
}
.bkg-cyan{
  background-color:#D0F3F3
}
.popup-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .popup {
    background: #FFFFFF;
    box-shadow: 2px 2px 20px 1px;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-width: 20vw;
    max-width: 75vw;
  }

  .dark .popup{
    background:#0A0C12
  }

  .link{
    background-color: transparent;
    text-decoration: underline;
    border: none;
    color:#178cff;
    
  }

  .popup-header,
  .popup-footer {
    padding: 15px;
    display: flex;
  }

  .popup-header {
    position: relative;
    border-bottom: 1px solid #eeeeee;
    color: #4AAE9B;
    justify-content: space-between;
  }
  .popup-backdrop.screen{
    z-index: 9998;
  }
  .no-action-table tr{
    cursor:default;
  }

  .popup-screen{
    width: 100%;
    height:100vh;
    overflow-x: hidden;
    max-width: 100vw;
  }
  .base-image-input {
    display: block;
    width: 200px;
    height: 200px;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    background-color:#151b26;
    border-radius: 4px;
  }

  .placeholder {
    background: #F0F0F0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    font-size: 18px;
    font-family: Helvetica;
  }
  .placeholder:hover {
    background: #E0E0E0;
  }

  .btn-outline-default{
  color:#646f79
  }
  .btn-outline-default:hover{
    background-color: #646f79;
    color:#fff
  }

  .search-box .dropdown-toggle {
    font-size: 20px;
    color: #178cff;
    padding: 0 2rem;
    font-weight: 800;
    border:none
  }
  .search-box .dropdown-toggle::after {
    border-top:none
  }
  .titulo-print{
    font-size: 30px;
    text-align: center;
  }

  .printAreaH td{
    table-layout:fixed;
    width: -moz-fit-content;
    width: fit-content;
  }

  .printAreaV{
    width:80.5rem;
    height:110rem;
     margin:5rem auto;
     padding:2.5rem;
  }

  .printAreaH{
    height:80.5rem;
    width:110rem;
     margin:5rem auto;
     padding:2.5rem;
  }

  .fecha-print,
  .cia-print{
    font-size: 18px;
  }
  .cia-print{
    text-align: center;
  }

  .popup-xs{
      max-width: 20vw;
      max-height:30vh;
      top: 50%;
      left: 50%;
      margin-right: -50%;
      transform: translate(-50%, -50%);
  }

  tr{
    cursor: pointer;
  }

  .popup-static .popup{
    width: 55vw;
    overflow-x: hidden;
}
  .popup-xl{
      min-width: 40vw;
      max-width: 60vw;
      max-height:80vh;
      overflow-x: hidden;
     
  }
  .pager-btns li{
    margin-bottom: 0px !important;
  }
  
  .popup-footer {
    border-top: 1px solid #eeeeee;
    flex-direction: column;
    justify-content: flex-end;
  }

  .main-content-header{
    border-bottom: 0px;
  }
  .popup-body {
    position: relative;
    padding: 20px 10px;
  }

  .popup-body.lookup{
    max-width: 80vw;
    max-height: 60vh;
    margin:0.5rem;
  }

  
  .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    font-size: 15px;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
    color: #999;
    background: transparent;
  }

  .txt-magenta{
    color:#fff;
    background-color: magenta;
  }

.info-header .row{
  padding-bottom: 0.5rem;
}  
.info-header .border-bottom{
  padding-left:1rem;
}

.page-footer{

}
  .btn-green {
    color: white;
    background: #4AAE9B;
    border: 1px solid #4AAE9B;
    border-radius: 2px;
  }

  .reporte-text{
    font-size: 10pt;
  }

  .popup-fade-enter,
  .popup-fade-leave-to {
    opacity: 0;
  }

  .popup-fade-enter-active,
  .popup-fade-leave-active {
    transition: opacity .5s ease;
  }

  .action-block{
    width: 100px !important;
    margin-left: auto;
  }
  .submenu.dropdown-menu{
    display: none;
  } 
  .submenu.dropdown-menu .active{
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .sidemenu .dropdown .dropdown-menu .submenu {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    display: block;
    width: 350px;
    left: auto;
    right: -700px;
    top: 0;
    border-radius: 0;
    border-color: #ebebeb;
    margin-top: 0;
    height: 100vh;
    overflow-y: auto;
  }
  .border-bottom {
    border-bottom: 1px solid !important;
}

  .dropdown-item{
    cursor: pointer;
  }
  .iLightMagenta td{
    color: #FF00FF
  }
  .naranja{
    color: rgb(255, 106, 0)
  }

  fieldset{
    border:thin solid #dbdbe0;
    padding: 1rem;
  }

  @media only screen and (max-width: 1640px) {
    .w-40{
      width: calc(40% + 15%);
    }
  }
  
  @media only screen and (max-width: 1340px) {
    .w-40{
      width: calc(40% + 35%);
    }
    
    .w-60{
      width: calc(60% + 15%);
    }
  }

  @media only screen and (max-width: 993px) {
    .login-box{
      width: 100%;
      box-shadow: none;
    }
    #dash{
      background-color: #fff !important;
    }
    .btn-manager{
      position: fixed;
      right: 0px;
      max-width: 45%;
      margin: 0;
      width: fit-content;
      padding-right: 0px !important;
      text-align: -webkit-right;
      top:44%;
    }

      .action-block{
        display: none;
      }
    .floating-menu{
      padding: 2rem;
      border-radius: 100%;
      border: none;
      background-color: black;
    }

    .floating-menu:hover .action-block{
      display: block;
    }
    
    .btn-manager a,
    .btn-manager button{
      width: fit-content;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
    }

    .w-10,
    .w-15,
    .w-20,
    .w-25,
    .w-35,
    .w-40,
    .w-60,
    .w-65,
    .w-75,
    .w-80{
      width:100% !important
    }
    .mobile-float{
      float:right
    }
  }

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */