* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
html {
    min-height: 100%;
    position: relative
}
body {
    background-attachment: fixed;
    background-image: url('../images/bg_imagen.jpg');
    background-position-x:center;
    background-position-y:center;
    background-repeat: no-repeat;
    background-size: 100rem;
    background-size: cover;
    margin-bottom: 40px;
    padding: 0
}
footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
}
.cb-recuperacion {
    height: auto;
    background-image: url('../images/bg_recuperacion.jpg');
    background-position: 50%;
    background-size: cover;
    display: block;
    width: auto;
}
/* ---------------------------------------------------
    Inputs
----------------------------------------------------- */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
input[type=number] {
    -moz-appearance:textfield
}
/* ---------------------------------------------------
    Header
----------------------------------------------------- */
.drop-shadow {
    filter: drop-shadow(0.5px .5px 2px #FFF)
}
/* ---------------------------------------------------
    Data table
----------------------------------------------------- */
table {
    table-layout: fixed;
    width: 250px
}
th, td {
    word-wrap: break-word
}
/* ---------------------------------------------------
    Boton switch (Checkbox)
----------------------------------------------------- */
.switch {
    position: absolute;
    margin: 8px 0 0 16px
}
.switch + label {
    position: relative;
    padding: 0px 0 0 50px;
    line-height: 1.3em
}
.switch + label:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 40px;
    height: 18px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #BFBFBF
}
.switch + label:after {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
.switch + label:hover:after {
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}
.switch:checked + label:after {
    margin-left: 22px
}
.switch:checked + label:before {
    background: #005395
}
/* ---------------------------------------------------
    Quitar focus & shadow
----------------------------------------------------- */
.swal2-popup .swal2-styled:focus,
.accordion-button:focus,
a:focus,
select:focus,
textarea:focus,
button.btn:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type = text]:focus,
input[type = password]:focus,
input[type = email]:focus,
input[type = number]:focus,
input[type = submit]:focus,
input[type = checkbox]:focus,
[type = file].form-control:focus,
[type = text].form-control:focus,
[type = password].form-control:focus,
[type = email].form-control:focus,
[type = tel].form-control:focus,
[contenteditable].form-control:focus {
    outline:0;
    box-shadow: none !important
}
#customFileLang .custom-file-input:lang(es)::before {
    content: "Click me";
}
/* ---------------------------------------------------
    Otro CSS
----------------------------------------------------- */
/* Fondo azul navbar */
.bg-navbar-blue {
    background: #002D56;
}
.bg-descarga-comp {
    background-image: url('../../assets/images/bg_descarga_comp.jpg');
}
/* Placeholder */
.placeholder-inputs::placeholder {
    color: #D3DEDC;
    font-style: italic;
    font-size: 13px
}
/* Boton ir arriba */
a.scroll-top {
    display: none;
    position: fixed;
    z-index: 1000;
    bottom: 1em;
    right: 1em;
    padding: .3em;
    background: #6A747C;
    box-shadow: rgba(0, 0, 0, .5) 0 1px 2px, rgba(0, 0, 0, .25) 0 1px 7px;
    border-radius: 5px
}
a.scroll-top svg {
    display: block;
    fill: #fff
}
/* Boton switch */
.custom-check {
    background: #d8d8d8;
    border-radius: 20px;
    border: 1px solid #BDBDBD;
    height: 19px;
    margin-right: 0px !important;
    width: 40px
}
.check-item {
    background-color: #FFF;
    border-radius: 16px;
    border: 1px solid #BDBDBD;
    height: 17px;
    margin-left: 0px;
    margin: 0px;
    transition: all 0.5s ease;
    width: 17px
}
.item-active{
    background-color: #FFF;
    border: 1px solid #BDBDBD;
    margin-left: 21px
}
/* Pantalla acerca */
.tracking-detail {
    padding:3rem 0
}
#tracking {
    margin-bottom:1rem
}
[class*=tracking-status-] p {
    margin:0;
    font-size:1.1rem;
    color:#fff;
    text-transform:uppercase;
    text-align:center
}
[class*=tracking-status-] {
    padding:1.6rem 0
}
.tracking-status-intransit {
    background-color:#65aee0
}
.tracking-item {
    border-left:1px solid #e5e5e5;
    position:relative;
    padding:2rem 1.5rem .5rem 2.5rem;
    font-size:.9rem;
    margin-left:3rem;
    min-height:5rem
}
.tracking-item:last-child {
    padding-bottom:4rem
}
.tracking-item .tracking-date {
    margin-bottom:.5rem
}
.tracking-item .tracking-date span {
    color:#888;
    font-size:85%;
    padding-left:.4rem
}
.tracking-item .tracking-content {
    padding:.5rem .8rem;
    background-color:#f4f4f4;
    border-radius:.5rem
}
.tracking-item .tracking-content span {
    display:block;
    color:#888;
    font-size:85%
}
.tracking-item .tracking-icon {
    line-height:2.6rem;
    position:absolute;
    left:-1.3rem;
    width:2.6rem;
    height:2.6rem;
    text-align:center;
    border-radius:50%;
    font-size:1.1rem;
    background-color:#fff;
    color:#fff
}
.tracking-item .tracking-icon.status-intransit {
    color:#e5e5e5;
    border:1px solid #E5E5E5;
    font-size:.6rem
}
/* ---------------------------------------------------
    Full Calendar
----------------------------------------------------- */
.fc-toolbar-title {
    text-transform: uppercase;
    font-size: 22.5px !important
}
a.fc-col-header-cell-cushion {
    text-transform: capitalize;
    text-decoration: none;
    color: #000
}
div.fc-event-title{
    text-transform: capitalize !important;
    font-size: 11px;
    cursor: pointer;
    /* background: transparent */
}
button.fc-prev-button,
button.fc-next-button,
button.fc-dayGridMonth-button,
button.fc-dayGridWeek-button,
button.fc-dayGridDay-button{
    background: #002D56 !important;
    border: none !important;
    font-weight: bold !important;
    outline:0;
    box-shadow: none !important
}
/* ---------------------------------------------------
    Login
----------------------------------------------------- */
.dropshadow {
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.3))
}
/* ---------------------------------------------------
    @Medias
----------------------------------------------------- */
@media screen and (max-width: 720px) {
    #card_registro_pago {
        display: inline-block;
        margin-bottom: 25px;
        padding: 0px 25px
    }
    #card_listado_pago {
        display: inline-block;
        margin-bottom: 25px;
        padding: 0px 25px
    }
    #payments_table_filter {
        margin: 8px 0px
    }
    div#header {
        padding: 0px 25px
    }
}
@media screen and (max-width: 1020px) {
    #card_registro_pago {
        display: inline-block;
        margin-bottom: 25px;
        padding: 0px 25px
    }
    #card_listado_pago {
        display: inline-block;
        margin-bottom: 25px;
        padding: 0px 25px
    }
    #payments_table_filter {
        margin: 8px 0px
    }
    div#header {
        padding: 0px 25px
    }
}
@media screen and (min-width:992px) {
    .tracking-item {
        margin-left:10rem
    }
    .tracking-item .tracking-date {
        position:absolute;
        left:-10rem;
        width:7.5rem;
        text-align:right
    }
    .tracking-item .tracking-date span {
        display:block
    }
    .tracking-item .tracking-content {
        padding:0;
        background-color:transparent
    }
}