.rz-listbox{

display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.gradient-custom-2 {
    /* fallback for old browsers */
    background: #fccb90;
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 18%, rgba(8,8,112,1) 21%, rgba(0,212,255,1) 100%);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 18%, rgba(8,8,112,1) 21%, rgba(0,212,255,1) 100%);
}
.rz-cell-data {
    color: unset !important;
}
@media (min-width: 768px) {
    .gradient-form {
        height: 100vh !important;
    }
}

@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}

.spinner {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 50%;
    left: 50%;
    position: absolute;
}
.spinner2 {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 50%;
    left: 50%;
    position: relative;
}
@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}
.rz-grid-table th {
    background-color: #f2f2f2 !important;
    color: #333333 !important;
    border-bottom: solid 1px #cbcbcb !important;
    border-bottom-color: #cbcbcb !important;
}

.rz-notification-message.rz-growl {
    position: fixed !important;
    width: 35% !important;
    bottom: unset !important;
    right: 0px !important;
    top: 0px !important;
}

.rz-dialog-titlebar {
    background-color: #2666ef !important;
    padding: 10px !important;
    color: #ffffff !important;
}

.rz-dialog-titlebar-close .rzi-times {
    color: #ffffff !important;
}

.rz-dialog-title {
    color: #ffffff !important;
}

.rz-dialog {
    width: auto !important;
    background-color: #FFFFFF !important;
    color: #FF5956 !important;
    text-align: center;
    width: 40% !important;
    min-width: 40% !important;
    max-width: 40% !important;
}
.modal-backdrop {
    z-index: -1 !important
}
.rz-dialog-side-content {
    width: 100%;
}
.MonitoreoPanelesContainer {
    height: 400px;
    width: 100%;
    padding: 3px;
    background: transparent;
}

.MonitoreoPanelesContent {
    height: 400px;
    overflow: auto;
    background: transparent;
}
.MonitoreoGridContainer {
    height: 800px;
    width: 100%;
    padding: 3px;
    background: transparent;
}

.MonitoreoGridContent {
    height: 800px;
    overflow: auto;
    background: transparent;
}

/*Licencia - Pagina acerca de*/
.img-dist-lic {
    max-width:9rem;
}
.flex-container {
    display:flex;
    justify-content:space-evenly;
    flex-wrap:wrap;
    padding:0.5rem;
    margin-top:1rem;
}
.fc-label {
    width: 40%;
    height: auto;
    font-family: sans-serif;
    font-size: 1.2rem;
    font-weight: 600 !important;
    color: lightslategrey;
    border-bottom: 1px solid #dddddd;
    padding: 1rem;
}

.fc-valor {
    width: 56%;
    height: auto;
    font-family: sans-serif;
    font-size: 1.2rem;
    font-weight: 500 !important;
    color: lightslategrey;
    border-bottom: 1px solid #dddddd;
    padding: 1rem;
    margin-left:0.3rem;
}
.botonlicencia {
    text-align:center;
    margin-top:1rem;
}
.modal-open {
    overflow: unset !important;
    padding-right: unset !important;
}
.rz-dialog-wrapper {
z-index:2000 !important;
}
.card-bodycam {
    background: url(../img/bodycam/bodycam.png) no-repeat transparent !important;
    background-size: contain !important;
    /*height: 20em !important;*/
    background-position: center !important;
    min-width: 15em;
}
.card-img-bodycam {
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    height: 2.1em !important;
    width: 2.4em !important;
    margin-top:0.5rem !important;
    /*background-position: center !important;*/
}
.bodicam-id {
    background-image: url('../img/bodycam/iddispositivo.png') !important;
}
.bodicam-storage {
    background-image: url('../img/bodycam/almacenamiento.png') !important;
}
.bodicam-version {
    background-image: url('../img/bodycam/version.png') !important;
}
.bodicam-bateria {
    background-image: url('../img/bodycam/bateria.png') !important;
}
.bodicam-wifi {
    background-image: url('../img/bodycam/wifi.png') !important;
}
.col-info-bodycam {
    display: block !important;
    padding:0.3em !important;
}
.bodycam-data-titulo {
    max-width: 30% !important;
    font-weight: bold !important;
    font-size: 0.8rem !important;
}
.bodycam-data-descripcion {
    max-width: 70% !important;
    font-weight: normal !important;
    font-size: 0.8rem !important;
    margin-left:0.5em !important;
}
.card-titulo-bodycam {
    font-weight: bolder !important;
    font-size: 1rem !important;
    text-align: center !important;
    display: block !important;
    text-decoration: underline !important;
    margin-bottom:0.5em !important;
}