/*@media (max-width: 767px)
{*/
  /*.filter-fils
  {
    position: fixed;
    height: 100%;
    background: white;
    z-index: 999;
    padding-top: 20px;
    left: 100%;
    transition: 0.4s;
    top: 4rem;
  }*/

  /*.filter-fils
  {
    position: fixed;
    height: 100%;
    background: white;
    z-index: 999;
    padding-top: 20px;
    left: 100%;
    transition: 0.4s;
    top: 0;
    width: 100%;
    max-width: 500px;
    box-shadow: -12px 11px 10px -7px rgba(0,0,0,0.3);
  }*/

  /*.filter-fils.show{
    left: 0% !important;
  }*/

  /*.filter-fils.show{
    left: calc(100% - 500px);
  }*/
/*}*/

/*@media (max-width: 767px)
{
  .filter-fils{
    max-width: 100%;
  }

  .filter-fils.show{
    left: 0%;
  }
}*/


/*buscador aduanas*/
#searcher_adu {
  z-index: 3;
}

#aduanas_ul,.aduanas_ul 
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  max-height: 400px;
  min-height: min-content;
  overflow-y: scroll;
  box-shadow: 0px 0px 5px gray;
  z-index: 100;
  display: none;
  position: absolute;
  width: 300px;
  top: 70px;
  right: 10px;
}

#aduanas_ul.web,.aduanas_ul.web{
  right: unset;
  width: max-content;
  top: 60px;
  max-height: 300px;
  box-shadow: 0px 3px 5px gray;
}

#aduanas_ul.web li a,.aduanas_ul.web li a{
  font-size: 12px;
  height: 45px;
}

.content-box.active #aduanas_ul,.content-box.active .aduanas_ul {
  display: block !important;
}

#aduanas_ul li a, .aduanas_ul li a {
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #ffffff;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  color: black;
  display: block;
}

#aduanas_ul li.active a, .aduanas_ul li.active a {
  background-color: #aad1ff;
}

#aduanas_ul li a:hover:not(.header),.aduanas_ul li a:hover:not(.header) {
  background-color: #eee;
}

.content-box{
  position: relative;
  display: grid;
}

.content-box i.fa
{
  z-index: 3;
  color: #fff;
  position: absolute;
  float: right;
  right: 0;
  top: -5px;
  font-size: 25px;
  display: none;
}

.content-box.active i.fa{
  display: block;
}

.content-box div.box{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  display: none;
  z-index: 2;
}

.content-box.web div.box{
  background-color: transparent;
}

.content-box.active div.box
{
  display: block !important;
}

.text-center-hv{
    display: flex !important;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

/* end*/



.circular-menu {
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 2;
}

.circular-menu .floating-btn {
  display: block;
  width: 4.5em;
  height: 4.5em;
  border-radius: 50%;
  background-color: hsl(4, 98%, 60%);
  /*box-shadow: 0 1px 5px 4 hsla(0, 0%, 0%, .26);  */
  box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
  color: hsl(0, 0%, 100%);
  text-align: center;
  line-height: 3.9;
  cursor: pointer;
  outline: 0;
}

.circular-menu.active .floating-btn {
  box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
}

.circular-menu .floating-btn:active {
  box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);
}

.circular-menu .floating-btn i {
  font-size: 1.3em;
  transition: transform .2s;  
}

.circular-menu.active .floating-btn i {
  transform: rotate(-45deg);
}

.circular-menu:after {
  display: block;
  content: ' ';
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
  background-color: hsl(4, 98%, 60%);
  transition: all .3s ease;
}

.circular-menu.active:after {
  /*transform: scale3d(5.5, 5.5, 1);*/
  transform: scale3d(6.5, 6.5, 1);
  transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}

.circular-menu .items-wrapper {
  padding: 0;
  margin: 0;
}

.circular-menu .menu-item {
  position: absolute;
  top: .2em;
  right: .2em;
  z-index: -1;
  display: block;
  text-decoration: none;
  color: hsl(0, 0%, 100%);
  font-size: 1em;
  width: 3.6em;
  height: 3.6em;
  border-radius: 50%;
  text-align: center;
  line-height: 3;
  background-color: hsla(0,0%,0%,.1);
  transition: transform .3s ease, background .2s ease;
}

.circular-menu .menu-item:hover {
  background-color: hsla(0,0%,0%,.3);
}

.circular-menu.active .menu-item {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.circular-menu.active .menu-item:nth-child(1) {
  transform: translate3d(1em,-7em,0);
}

.circular-menu.active .menu-item:nth-child(2) {
  transform: translate3d(-3.5em,-6.3em,0);
}

.circular-menu.active .menu-item:nth-child(3) {
  transform: translate3d(-6.5em,-3.2em,0);
}

.circular-menu.active .menu-item:nth-child(4) {
  transform: translate3d(-7em,1em,0);
}

/**
 * The other theme for this menu
 */

.circular-menu.circular-menu-left {
  /*right: auto; */
  /*right: calc(100% - 5.18em);
  left: 1em;*/

  right: 1em;
  top: 1em;
  z-index: 4;
  height: 4.5em;
}

.circular-menu.circular-menu-left .floating-btn {
  /*background-color: hsl(217, 89%, 61%);*/
  background-color: red;
}

.circular-menu.circular-menu-left .box {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -3;
  background-color: rgba(0,0,0,0.3);
  display: none;
}

.circular-menu.circular-menu-left.active .box {
  display: block;
}

.circular-menu.circular-menu-left:after {
  /*background-color: hsl(217, 89%, 61%);*/
  background-color: #174da3;
  top: 0.5em;
  box-shadow: 0px 0px 4px -1px rgba(0,0,0,1);
}

.circular-menu.circular-menu-left.active .floating-btn i {
  transform: rotate(90deg);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(1) {
  /*transform: translate3d(-1em,-7em,0);*/
  transform: translate3d(1em,9em,0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(2) {
  /*transform: translate3d(3.5em,-6.3em,0);*/
  transform: translate3d(-3em,8.3em,0)
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(3) {
  /*transform: translate3d(6.5em,-3.2em,0);*/
  transform: translate3d(-6.3em,6em,0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(4) {
  /*transform: translate3d(7em,1em,0);*/
  transform: translate3d(-8.3em,2.6em,0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(5) {
  transform: translate3d(-8.3em,-1.4em,0);
}



main.main_view{display: none;}

div.preload{
	position: fixed;
	width: 100%;
	height: 100%;
}

/*----------------------------------------loader--------------------------*/
.lds-roller {
  /*display: inline-block;*/
  /*position: relative;*/
  position: absolute;
  width: 80px;
  height: 80px;
  	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #174da3;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}





.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #174da3;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}



/*------------------------loaders------------------------------*/

table.table tr:nth-child(even) {background-color: #f2f2f2;}
table.table{
  background-color: #FFF;
}

.dropdown-custom {
  position: relative;
  display: inline-block;
}

.dropdown-custom-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 180px;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 100;
}

.dropdown-custom:hover .dropdown-custom-content {
  display: block;
}

.dropdown-custom-content .menu-item:hover{
  background-color: #aad1ff;
}



/*input filter*/
input.filter-active,select.filter-active{
  border: 2px solid #0073ff;
  border-radius: .2rem;
}

  .switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 21px;
  }

  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input:checked + .slider {
    background-color: #2196F3;
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }

  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }

  .slider.round:before {
    border-radius: 50%;
  }

  /*iframe chat*/
  .btn-conv-chat{ 
      position: fixed;
      right: 20px;
      bottom: 20px;
      z-index: 999;
  }

  .btn-conv-chat button{
    transition: 0s;
  }

  .btn-conv-chat .dropdown-toggle .fa{
      font-size: 20px;
  }

  .btn-conv-chat button i.fa{ 
    display: none; 
    margin: unset !important; 
  }
  .btn-conv-chat button label{ margin-bottom: 0 !important; }
  @media(max-width: 767px){

    .btn-conv-chat button{
      transition: 0s;
      width: 50px !important;
      height: 50px !important;
      padding: 0 !important;
      font-size: 20px !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      border-radius: 100% !important;
      box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5) !important;
    }

    .btn-conv-chat button label{ display: none !important; }
    .btn-conv-chat button i.fa{ display: block !important; }
  }

  #content-chat-frame{
    position: relative;
  }

  #content-chat-frame button.close-button{
        position: fixed;
        right: 40px;
        bottom: 440px;
        background-color: #f51b00;
        z-index: 999999;
        color: #fff;
        font-size: 14px;
        width: 20px;
        height: 20px;
        border: none;
        border-radius: 100%;
        box-shadow: 0px 0px 10px -4px rgb(0, 0, 0);
        cursor: pointer;
        padding: 0;
  }

  #iframe_chat{
      position: fixed;
      bottom: 0;
      right: 45px;
      z-index: 99999;
      height: 450px;
      width: 350px;
      border: none;
      border-radius: 4px 4px 0px 0px;
      border-bottom: 3px solid #0073ff;
      box-shadow: 0px 0px 20px -10px rgb(0, 0, 0);
  }
  /*iframe chat*/




/*snackbar*/
#snackbar {
  visibility: hidden;
  min-width: 180px;
  margin-left: -125px;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 12px;
  position: fixed;
  z-index: 999;
  right: 15px;
  top: 50px;
  font-size: 14px;
  text-align: right;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {right: 0; opacity: 0;} 
  to {right: 15px; opacity: 1;}
}

@keyframes fadein {
  from {right: 0; opacity: 0;}
  to {right: 15px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {right: 15px; opacity: 1;} 
  to {right: 0; opacity: 0;}
}

@keyframes fadeout {
  from {right: 15px; opacity: 1;}
  to {right: 0; opacity: 0;}
}
/*snackbar*/