/* sobreescritos */
.all-wrapper.with-pattern {
  background-image: none;
}

.auth-wrapper {
  background-image: url("/innbus-images/background-image-public-innbus.jpg") !important;
    background-size: cover;
    background-position: top center;
}
body {background: #f2f4f8;}
body:before {
  background: none;
}
.auth-box-w .logo-w {
    padding: 10% 20% 10% 20%;
}
.menu-w .logo-w img {
  width: auto;
  height: 60px;
}
.menu-w.menu-layout-compact ul.main-menu > li.has-sub-menu.no-sub-menu > a:before {content: ""}
.user-profile .up-head-w {min-height: 250px !important;}
.modal-backdrop{background-color: #000;}
.modal-backdrop.show {opacity: 0.6;}
.table-p{font-size: 14px; margin-top: 0.5rem; display: none;}
.table th, .table td{border-top: 1px solid #dde2ec;}
.table thead th {border-bottom: 1px solid #ccc;}


@media(max-width: 767px){
    .menu-mobile.color-scheme-dark .sub-menu-w {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    }
}





/* propios */
.frase {text-align: center; padding-top: 20px;}
.frase h1 {color: #333; font-size: 18px; font-weight: normal;}
.frase h2 {color: #666; font-size: 14px; font-weight: normal;}
td.td-avatar, td.td-avatar img {width: 40px !important;}
td.td-acciones, th.td-acciones {text-align: right;}
td.td-acciones .dropdown-toggle::after {display: none !important;}
.td-acciones .dropdown-toggle{padding: 6px;}

.element-box-usuarios .el-tablo-user {transition: all 0.25s ease;}
.element-box-usuarios .el-tablo .label {position: relative;}
.element-box-usuarios .el-tablo .label img {margin-bottom: 15px;}
.element-box-usuarios .el-tablo .label p {font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.element-box-usuarios .el-tablo.el-tablo-user .label p small {text-transform: lowercase !important; font-size: 12px; display: block;}
.element-box-usuarios.el-tablo-user {
    padding: 1rem;
    margin-bottom: 1rem;
}
.el-tablo-user .btn-group {position: absolute; top: 0px; right: 0px;}
.el-tablo-user .btn-group .dropdown-toggle::after {display: none !important;}

.element-box-usuarios .el-tablo:hover {
    -webkit-transform: translateY(-5px) scale(1.02);
    transform: translateY(-5px) scale(1.02);
    -webkit-box-shadow: 0px 5px 12px rgba(126, 142, 177, 0.2);
    box-shadow: 0px 5px 12px rgba(126, 142, 177, 0.2);
}

.form-button-inline button.btn {margin-top: 25px; padding-top: 10px; padding-bottom: 10px; border-radius: 50px; display: flex; align-items: center; justify-content: center;}

h6.element-header a.btn {margin-top: -5px;}
.row-visualizaciones {margin-bottom: 20px;}
.row-visualizaciones i {margin-right: 5px;}

.element-box-tarifas {position: relative; padding-bottom: 60px; transition: all 0.25s ease; width: 100%;}
.element-box-tarifas:hover {
  /*-webkit-transform: translateY(-5px) scale(1.02);
    transform: translateY(-5px) scale(1.02);*/
    -webkit-box-shadow: 0px 5px 12px rgba(126, 142, 177, 0.5);
    box-shadow: 0px 5px 12px rgba(126, 142, 177, 0.5);
    z-index: 10;
}
.element-box-tarifas figure {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
.element-box-tarifas a.element-box-tarifas-descarga {position: absolute; bottom: 20px; left: 20px;}
.element-box-tarifas .btn-group {position: absolute; bottom: 20px; right: 20px;}
.element-box-tarifas h5 {font-size: 1rem;}
.element-box-tarifas .dropup .dropdown-toggle::after {display: none !important;}
.element-box-tarifas .dropup .btn {background: #f5f5f5;}

.table-documentos .btn-group .dropdown-toggle::after {display: none !important;}
.table-documentos .mover-check-listado {margin-left: 13px;}

.dropdown-acciones-multiples i {margin-right: 5px;}
.table.table-padded tbody tr:hover {transform: none; -webkit-transform: none;}
.table.table-padded tbody tr:hover td {background: #ECEEFA;}

.aec-full-message-w.show-pack:before, .aec-full-message-w.show-pack:after {display: none;}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-bottom: 20px;
}

.modal-footer {background: #f5f5f5;}

.m-b-10 {margin-bottom: 10px;}
.m-l-10 {margin-left: 10px;}
.p-t-10 {padding-top: 10px;}
.p-t-25 {padding-top: 25px;}
.td-noborder {border: none !important;}


.dropdown-years {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.72rem;
}
.dropdown-years:hover, .dropdown-years:focus {text-decoration: none; color: rgba(0, 0, 0, 0.4);}

.padding-botones-pedido {padding-top: 25px; text-align: right;}

.ficha-producto figure {border: 2px solid #c5c5c5; border-radius: 6px;}
.ficha-producto figure img {border-radius: 6px;}

.btn-anterior i {float: left; margin: 0 5px 5px 0;}
.btn-siguiente i {float: right; margin: 0 0px 5px 5px;}

.os-tabs-controls-cliente .nav.upper.nav-tabs .nav-link {margin-right: 1rem;}

.post-foot-puntos small {font-size: 0.8rem !important;}
.post-box-puntos {border: 1px solid #e5e5e5;}

.element-box-ventas-dashboard .el-tablo .value {font-size: 1.8rem;}

.listado-avisos .support-index .support-ticket-content-w .ticket-reply .ticket-reply-content {margin-left: 0px;}
.listado-avisos .support-index .support-ticket-content-w .ticket-reply .ticket-reply-content {font-size: 0.85rem;}

.messages-notifications a:hover {text-decoration: none;}

#carousel-imagenes-incidencias .carousel-control-prev, #carousel-imagenes-incidencias .carousel-control-next {background-color: rgba(0,0,0,0.1);}

.ssg-content2 a {color: #333;}

.icon-size-config{font-size: 50px;}

.element-img{position: relative;}
.element-img__sizes--min{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 19px; font-weight: 600; color: #fff;}

/*-----------------------------------------------------------nuevos y corregidos------------------------------------------------------------------------*/


.support-index .support-ticket-content-w.force-show-folded-info .support-ticket-info{z-index: 99;}
.dataTables_filter, .dataTables_info { display: none; } /*para esconder el search en el dataTable*/
.all-wrapper.solid-bg-all .content-w{min-height: 100vh;}
.menu-w ul.main-menu > li.has-sub-menu.active .sub-menu{width: 100%;}
.custom-file-label::after{content: "\01F4CE";cursor: pointer;}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{min-height: 38px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 36px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 100%;}

.td-overflow{text-overflow: ellipsis;max-width:15vw;overflow-x: hidden;white-space: nowrap;}
.map{height: 100%;width: 100%;}
.select2-container{width: 100%!important;}
.add-in{border-top:1px solid #e5e5e5;padding:15px 0;}
.add-in:first-child{border:none;}
.disabled{opacity: 0.6;}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.small-td{max-width: 270px!important;}

.table-editable .form-control{background-color: transparent;border:none;}
.table-editable .select2-container--default .select2-selection--single:focus, .table-editable .select2-container--default .select2-selection--multiple:focus{outline: 0px solid transparent!important;box-shadow: none!important;}
.table-editable .select2-container--default .select2-selection--single, .table-editable .select2-container--default .select2-selection--multiple{border-color: transparent;background-color: transparent;}
.table-responsive{overflow-x: auto!important; margin-top: 1rem;}
.bg-default{background-color: rgba(69, 101, 173, 0.1)!important;}
.text-default{color: #999!important;}
/*22/11/2018*/

.support-index .support-ticket:hover, .nav-pills .active .support-ticket{-webkit-box-shadow: 0px 5px 12px rgba(126, 142, 177, 0.2), 0px 0px 0px 2px #047bf8;box-shadow: 0px 5px 12px rgba(126, 142, 177, 0.2), 0px 0px 0px 2px #047bf8;}
.nav-pills a{text-decoration: none!important;}
.badge-grey{background-color: #e5e5e5!important;color: #666!important;}
.ticket-header .badge{font-size: 0.75rem;padding:0.3rem 0.8rem;}
.overflow-scroll{max-height: 65vh;overflow-y: auto;}

.user-profile.compact .up-head-w .up-social label{font-size: 20px;color: rgba(255, 255, 255, 0.8);cursor: pointer;}
.user-profile .up-head-w .up-social label:hover{color: #fff;}
#policy-modal .onboarding-text{max-height: 40vh;overflow-x: auto;}

.dots-indicators{bottom: -2rem;}
.dots-indicators li{
    font-size: 0px;
    color: transparent;
    width: 10px;
    height: 10px;
    background-color: #047bf8;
    opacity: 0.2;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px;
    border-radius: 10px;
    cursor: pointer;
}
.dots-indicators li.active{background-color: #047bf8;opacity: 1;}

/* width */
.overflow-scroll::-webkit-scrollbar, #policy-modal .onboarding-text::-webkit-scrollbar{
    width: 5px;
    height: 5px;
}

/* Track */
.overflow-scroll::-webkit-scrollbar-track, #policy-modal .onboarding-text::-webkit-scrollbar-track{
    background: #e5e5e5; 
    border-radius: 10px;
}

/* Handle */
.overflow-scroll::-webkit-scrollbar-thumb , #policy-modal .onboarding-text::-webkit-scrollbar-thumb{
    background: #ccc;
    border-radius: 10px; 
}


.spinner-message{color: #999;font-size: 0.75rem;}
.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 15px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ccc;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.ticket-reply{text-decoration: none!important;color: inherit!important;}
.ticket-reply:hover .info-data strong{color: #047bf8!important;}
.ticket-reply small{line-height: 1.4em;display: block;}
.decoration-none{text-decoration: none!important;}
@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

table .form-control:disabled, table .form-control[readonly]{background-color: #e9ecef;opacity: 1;}
#configurar-tarifas, #configurar-tarifas-seller{padding-right: 0!important;}

.flag{max-width: 25px!important;}
.invoice-w::before{
    background-color: rgba(4, 123, 248, 0.1)!important;
    top: -55px;
    left: -49px;
    width: 116%;
    height: 138px;
    display: none;
  }

.has-error .select2-container--default .select2-selection--single, .has-error .select2-container--default .select2-selection--multiple{border-color: #e65252!important;}

/*readonly select2*/
select[readonly].select2 + .select2-container , .date-input input[readonly], .custom-checkbox input[readonly] + label{pointer-events: none;touch-action: none;}
.custom-checkbox input[readonly] + label{opacity: 0.6;}
select[readonly].select2 + .select2-container .select2-selection {background: #e9ecef;box-shadow: none;}
select[readonly].select2 + .select2-container .select2-selection__arrow,.select2-selection__clear {display: none;}

/*otros estilos que me han pasado*/
.alert-message-form-login{margin-top: 15px;}
.auth-wrapper {
    background-image: url(“/back/images/background-image-login-innbus.jpg”);
     background-size: cover;
     background-position: top center;
}

/*mackbook air*/


@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
     .element-box{max-width: 77vw;}
}



@media (min-width: 992px){.modal-xl{max-width: 90%;margin: 0.5rem auto;}}
@media (max-width: 991px) and (min-width: 767px){
  .sub-menu-header, .sub-menu-icon, .sub-header{display: none!important;}
  .modal-xl{max-width: 80%;margin: 0.5rem auto;}
  .overflow-scroll{max-height: inherit;min-width: 100%;overflow-x: auto;}
  .overflow-scroll .nav-pills a{min-width: 15rem;float: left;display: inline-block;margin-right: 1rem;}
  .overflow-scroll .nav{flex-wrap: inherit;flex-direction: row!important;}
  .sm-flex-column-reverse{
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important;
  }

}

@media(max-width: 767px){
  .overflow-scroll{max-height: inherit;min-width: 100%;overflow-x: auto;}
  .overflow-scroll .nav-pills a{min-width: 15rem;float: left;display: inline-block;margin-right: 1rem;}
  .overflow-scroll .nav{flex-wrap: inherit;flex-direction: row!important;}
  .modal-xl{max-width: 90%;margin: 0.5rem auto;}
  .content-panel-toggler{display: block;}
    .sm-flex-column-reverse{
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important;
  }
}

/* 3 enero*/
.datepicker{padding: 1rem!important;}
.datepicker th{color: #666;font-size: 14px!important;}
.datepicker .datepicker-switch{text-align: center;font-weight:lighter;font-size: 18px!important;}
.datepicker .dow{color: #0368d2;}
.datepicker .day:hover, .datepicker .day:active, .datepicker .day:focus{color: #0368d2;cursor: pointer;}
.datepicker .dow, .datepicker .day{padding: 4px 6px;text-align: center;}
.datepicker .new.day, .datepicker .old.day{opacity: 0.6;}
.datepicker .next{float: right;}
.datepicker .next, .datepicker .prev{cursor: pointer;}
.datepicker tfoot{transform: translateY(5px);}
.datepicker .clear{padding-top: 10px;border-top:1px solid #e5e5e5;}
.datepicker .active.day{background-color: #0368d2;border-radius: 3px;color: #fff;}
.datepicker .year, .datepicker .month{border-radius: 3px;border:1px solid #e5e5e5;padding: 10px;margin: 5px;width: 30%;display: inline-block;text-align: center;cursor: pointer;transition: all 0.3s ease-in;}
.datepicker .year:hover, .datepicker .year:focus, .datepicker .year:active, .datepicker .month:hover,.datepicker .month:focus, .datepicker .month:active {border-color: #0368d2;color: #0368d2;transition: all 0.3s ease-in;}


/* 30 enero*/
.logged-user-w .avatar-w{overflow: auto;/*esto puede comportar complicaciones*/}
.new-message{position: relative;display: block;}
.new-message::before{
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 4px;
    right: 2px;
    background-color: red;
    border-radius: 100%;
    display: block;
    z-index: 9;
}

@media(max-width: 576px) {
    .table{overflow-y: hidden; min-width: 500px;}
    .table th, .table td{padding: 1rem 0.5rem;}
    .form-group { margin-bottom: 0.5rem;}
    .float-right span{display: none;}
    .table-p{display: block;margin-top: 1.5rem; margin-bottom: 0;}
    .table-responsive{margin-top: 0;}
}

.viajero-baja td {/*opacity: .7;*/ background: #e5e5e5; color: #666 !important;}
.row-stats-pagos .el-tablo .value {font-size: 1.5em;}
.row-stats-pagos .el-tablo .trending {font-size: 1em;}
.top-bar .top-menu-controls .element-search {display: none;}