@import 'variablesGlobales.css';
*{
    font-family: "Century Gothic"
}

body{
    margin: 0%;
    padding: 0%;	
}

/*CONTENEDORES DEL ADMIN*/
.contenedoradmin{
    height: 100vh;
    width: 100vw;
    display: flex;
    background-color: white;
    flex-direction: row;
    margin: 0%
}

.table thead th {
    font-size: 14px;
}
.cerrararribaadmin{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 12%;
    margin-right: 10px;
}

.monitor{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    width: 20%;
}

.contenedoradmin1{
    display: flex;
    height: 100%;
    width: 100%;
    display: flex;
    background-color: #D0D3D4;
    flex-direction: column;
}

.contenedoradminnavegacion{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 100%;
    width: 17%;
    background-color: #540AC1;
    border: solid 4px #540AC1;
}

.contenedoradmininterfaces{
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
}

/*******Contenedor superior del administrador********/
.contenedoradmin1header{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 15%;
    background-color: #D5D5D5;
    border-bottom: solid 1px white;
}

.contenedorarriba{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #D5D5D5;
}

.contenedorarriba1{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    background-color: #540AC1;
}

.datoarribaadmin{
    display: flex;
    justify-content: left;
    align-items: center;
    align-content: center;
    width: 80%;
    color: white;
}

.logoarribadmin{
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    width: 20%;
}

.botonsaliradmin{
    margin-left: 5%;
    height: 50%;
}

.botonsaliradmin1{
    margin-left: 5%;
    height: 50%;
    background-color: #C2C3C8;
    border-color: #C2C3C8;
}

/****************************************************/

/**********Contenedor de las interfaces************/
.contenedoradminbody{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 85%;
}

.contenedorinterfaces{
    display: flex;
    width: 100%;
    height: 100%;
}

/****************************************************/
.modalfondo{
    border: solid 2px white;
    background-color: #540AC1;
    color: white;
}

.modalx{
    color: white;
}

.tablaVerUsuarios td, .tablaVerUsuarios th {
    padding: .1rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 13px;
}

.parametrosVerUsuarios{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    width: 50%;
    color: black;
    padding-left: 50px;
}

.botonReporteMonitorearUsuario{
    background-color: green;
}

.monitor {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    width: 20%;
}
.botonsaliradmin1 {
    margin-left: 5%;
    height: 50%;
    background-color: #C2C3C8;
    border-color: #C2C3C8;
}
.modalreporteusuarios {
    background-color: #C4C5CA;
}
.botonReporteMonitorearUsuario {
    height: 65px;
}