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

.auth-wrapper {
  background-image: url("/back/images/background-image.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: 25px;
}
.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;}




/* 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 {width: 50px; text-align: right;}
td.td-acciones .dropdown-toggle::after {display: none !important;}

.element-box-usuarios .el-tablo-user {-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;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);
    -ms-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: 8px; padding-bottom: 9px;}

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; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; 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 {-ms-transform: none;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: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            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;}

/*-----------------------------------------------------------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{-o-text-overflow: ellipsis;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;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  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;-webkit-box-shadow: none!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;} verificar si no da problemas (esto hace que se escondan los dropdowns*/

.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;
  }

.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;-ms-touch-action: none;touch-action: none;}
.custom-checkbox input[readonly] + label{opacity: 0.6;}
select[readonly].select2 + .select2-container .select2-selection {background: #e9ecef;-webkit-box-shadow: none;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{-ms-flex-wrap: inherit;flex-wrap: inherit;-webkit-box-orient: horizontal!important;-webkit-box-direction: normal!important;-ms-flex-direction: row!important;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{-ms-flex-wrap: inherit;flex-wrap: inherit;-webkit-box-orient: horizontal!important;-webkit-box-direction: normal!important;-ms-flex-direction: row!important;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{-webkit-transform: translateY(5px);-ms-transform: translateY(5px);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;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;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;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

/* 30 enero*/

.logged-user-w .avatar-w{overflow: auto !important;/*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: 99;
}

/*1 febrero*/
.os-icon-grid-circles:before{display: none;}
.v-select{padding: 0.1rem;}
.v-select .dropdown-toggle{/*border:none!important;*/}
.v-select .dropdown-toggle::after{display: none;}
.v-select .vs__actions .clear{display: none;}
.table-responsive{min-height: 9rem!important;}
.modal .table-responsive{min-height: 17rem!important;}
.calendar-vue:before{
  content: "\e972";
    font-family: 'osfont' !important;
    color: #047bf8;
}
[v-cloak] {
  display: none;
}


  /*5 febrero*/
  .date-input input[readonly]{pointer-events: auto;cursor: pointer;}


  /*6 febrero*/
  .big-bar .nav-tabs li{font-size: 1.5rem;font-weight: 600;}
  .table-cupos th{text-align: center;border-color: #e5e5e5!important;}
  .table-cupos td{position:relative;text-align: center;border:1px solid #e5e5e5!important;vertical-align: top;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;min-height: 6rem;min-width: 6rem;}
  .table-cupos td::after{
    content: "";
    width: 0%;
    height: 5px;
    background-color: #047bf8;
    position: absolute;
    bottom: -2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }

  .table-cupos .focus{background-color: rgba(4, 123, 248, 0.2)}
  .table-cupos .focus::after{
    content: "";
    width: 100%;
    height: 5px;
    background-color: #047bf8;
    position: absolute;
    bottom: -2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .table-cupos input {
        border: none;
        text-align: center;
        font-size: 18px;
        max-width: 3.5rem;
        background-color: transparent;
        color: #333;
    }
    .table-cupos input:focus{outline: 0px solid transparent!important;-webkit-box-shadow: none!important;box-shadow: none!important;}
    .table-cupos label {
        position:relative;
        font-size:32px;
        color: #3584ff;
        text-align: center;
    }
    .table-cupos label.label-exception {
        color: #ff357b;
    }
    .table-cupos label.label-special {
        color: #a335ff;
    }
    .table-cupos td:hover{background-color: rgba(4, 123, 248, 0.2);-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
    .table-cupos td:hover::after{width: 100%;-webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}


    .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover, .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover{border-color: transparent!important;background-color: rgba(4, 123, 248, 0.2)!important;color: #3584ff!important;}
    .vdp-datepicker__calendar .cell.selected:hover, .vdp-datepicker__calendar .cell.selected{background-color: #3584ff!important;color: #fff!important;}
    .vdp-datepicker__calendar header span{font-size: 24px;font-weight: 300;margin: 1rem 0;}
    @media(max-width: 1600px){
      #form-tickets-cupos .nav-tabs.upper a{font-size: 12px;}
    }

    @media(max-width: 992px){
      #form-tickets-cupos .nav-tabs{-ms-flex-flow: nowrap;flex-flow: nowrap;width: 95%;overflow-x: auto;overflow-y: hidden;min-height: 3.45rem;}
      #form-tickets-cupos .nav-tabs.upper{min-height: 4rem;}
      #form-tickets-cupos .nav-tabs::-webkit-scrollbar{display: none;width: 0;height: 0;}
      #form-tickets-cupos .nav-tabs li{white-space: pre;}
    }

    @media(max-width: 767px){

      #form-tickets-cupos .element-box.mt-5{margin-top: 0!important;}
      .table-cupos label{font-size: 24px;}
      .table-cupos input{font-size: 1rem;}
    }

.loading-message{position: relative;top: 100%;}
.loading-message img{display: block;margin:auto;}
.loading-message.loading-ok small{color: #A2C336;}
.loading-message small{text-align: center;text-transform: uppercase;color: #999999;font-size: 0.9vmax;display: block;margin:3rem auto;}
.spinner-cube
{
    margin: auto;
    width: 25px;
    height: 25px;
    position: relative;

}

.spinner-cube > div
{
    background-color: #e5e5e5;
    width: 25px;
    height: 25px;
    position: absolute;
    margin-left: -7px;
    top: 0;
    left: 0;

    bottom:100%;
    border:2px solid #fff;
    -webkit-animation: cuberotate 2s infinite ease-in-out;
    animation: cuberotate 2s infinite ease-in-out;
}

.spinner-cube div:nth-child(1)
{
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.spinner-cube div:nth-child(2)
{
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.spinner-cube div:nth-child(3)
{
    -webkit-animation-delay: 1s;
    animation-delay:1s;
}

.spinner-cube div:nth-child(4)
{
    -webkit-animation-delay: 1.5s;
    animation-delay:1.5s;
}

@-webkit-keyframes cuberotate {
    25% { -webkit-transform: translateX(25px);opacity:1;}
    50% { -webkit-transform: translateX(25px) translateY(25px);opacity:0.5; }
    75% { -webkit-transform: translateX(0px) translateY(25px);opacity:0.25; }
    100% {opacity:0.10;}
}

@keyframes cuberotate {
    25% { transform: translateX(25px);opacity:1;}
    50% { transform: translateX(25px) translateY(25px);opacity:0.5; }
    75% { transform: translateX(0px) translateY(25px);opacity:0.25; }
    100% {opacity:0.10;}
}

@media(min-width: 1100px){
  .table-responsive{overflow-x: auto!important;}
}

.table-cupos .language-code-day{font-size: 14px;color: #666;}
.table-cupos .day-lang{display: flex;}
.table-cupos .day-lang input{font-size: 14px;}
.two-col{
      column-count: 2;
    column-gap: 30px;
    column-fill: 1px solid #e5e5e5;
    column-rule: 1px solid #e5e5e5;
}
.available-day{color:#24b314 !important;}
.default-day{color: #666 !important;}
.exception-day{color:#e65252 !important;}

@media(max-width: 1250px){
  .content-box:after {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(4, 36, 113, 0.6);
    content: "";
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
}


.loading-message{position: relative;top: 100%;}
.loading-message img{display: block;margin:auto;}
.loading-message.loading-ok small{color: #A2C336;}
.loading-message small{text-align: center;text-transform: uppercase;color: #999999;font-size: 0.9vmax;display: block;margin:3rem auto;}
.spinner-cube
{
    margin: auto;
    width: 25px;
    height: 25px;
    position: relative;

}

.spinner-cube > div
{
    background-color: #e5e5e5;
    width: 25px;
    height: 25px;
    position: absolute;
    margin-left: -7px;
    top: 0;
    left: 0;

    bottom:100%;
    border:2px solid #fff;
    -webkit-animation: cuberotate 2s infinite ease-in-out;
    animation: cuberotate 2s infinite ease-in-out;
}

.spinner-cube div:nth-child(1)
{
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.spinner-cube div:nth-child(2)
{
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.spinner-cube div:nth-child(3)
{
    -webkit-animation-delay: 1s;
    animation-delay:1s;
}

.spinner-cube div:nth-child(4)
{
    -webkit-animation-delay: 1.5s;
    animation-delay:1.5s;
}

@-webkit-keyframes cuberotate {
    25% { -webkit-transform: translateX(25px);opacity:1;}
    50% { -webkit-transform: translateX(25px) translateY(25px);opacity:0.5; }
    75% { -webkit-transform: translateX(0px) translateY(25px);opacity:0.25; }
    100% {opacity:0.10;}
}

@keyframes cuberotate {
    25% { transform: translateX(25px);opacity:1;}
    50% { transform: translateX(25px) translateY(25px);opacity:0.5; }
    75% { transform: translateX(0px) translateY(25px);opacity:0.25; }
    100% {opacity:0.10;}
}