@charset "UTF-8";
/*
Theme Name: Alta Guardia Dashboard
Theme URI: https://www.altaguardia.com/
Author: César de la Torre, CTO Alta Guardia
Author URI: https://newdomotec.com/
Description: Dashboard para el control interno de las operaciones de Alta Guardia SL
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.0
Alta Guardia Dashboard, (C) 2021 Alta Guardia
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body,
html {
margin: 0 !important;
background-color: #f7f7f7;
height:100%;
}
/*LOGIN*/
.login-body {
background: url(http://altaguardia.newdomotec.com/wp-content/uploads/2021/10/job-moses-2uHWaVj7VV4-unsplash-1-2.png)
no-repeat;
background-size: contain;
position: relative;
height: 100vh;
margin: 0;
}
.center {
width: 845px;
height: 448px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: #ffffff;
box-shadow: 0px 10px 21px rgba(0, 0, 0, 0.15);
backdrop-filter: blur(15px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 10px;
}
.center div {
display: inline-block;
height: 100%;
vertical-align: top;
}
.login-branding {
background: url("http://dashboard.altaguardia.com/wp-content/themes/altaguardiadashboard/images/bambai.png")
no-repeat center center #1d1f21;
padding: 0;
width: 49%;
}
#loginform {
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 21px;
color: #878787;
}
.login-form {
width: 270px;
padding: 50px 75px;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="checkbox"],
select {
border-radius: 20px;
width: 305px;
height: 40px;
border: 1px solid #c4c4c4;
box-sizing: border-box;
border-radius: 22px;
display: block;
}
input[type="submit"] {
width: 305px;
height: 49px;
background: linear-gradient(
269.27deg,
#007df7 0.33%,
rgba(236, 225, 159, 0) 100%
),
#007df7;
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #ffffff;
border: none;
border-radius: 10px;
}
hr {
width: 35%;
margin: 4%;
display: inline-block;
border: 1px solid #c4c4c4;
vertical-align: middle;
}
.o {
width: 305px;
text-align: center;
height: auto !important;
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 21px;
color: #c4c4c4;
}
.lostpassword {
text-align: center;
width: 305px;
}
a {
text-decoration: none;
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 21px;
color: #878787;
}
.login-msg {
margin: -15px 0 6px;
color: red;
}
h2 {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #000000;
margin-top: 0;
width: 305px;
margin-bottom: 60px;
}
#lostpasswordform p {
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 21px;
color: #878787;
}
/*BARRA LATERAL*/
.barra_lateral {
width: 15%;
height:100%;
position:fixed;
background: #007df7;
}
#page {
vertical-align: top;
display: inline-block;
width: 84%;
margin-left:15%;
height: 100vh;
}
.logo_menu {
width: 70%;
margin: 15%;
}
.logo_menu img {
width: 100%;
}
.menu li a {
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #ffffff;
text-transform: uppercase;
padding-left: 5%;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.menu {
list-style-type: none;
margin: 0;
padding-left: 12px;
}
.menu li {
padding: 25px 0;
background-repeat: no-repeat;
background-position: 4% center;
padding-left: 15%;
}
.current_page_item,.current-page-ancestor {
background: #f7f7f7;
border-radius: 10px 0px 0px 10px;
}
.menu_menusec_inicio {
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_inicio.current_page_item,.menu_menusec_inicio.current-page-ancestor {
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_gesreservas {
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_gesreservas.current_page_item,.menu_menusec_gesreservas.current-page-ancestor {
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_monitoreo {
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_monitoreo.current_page_item,.menu_menusec_monitoreo.current-page-ancestor {
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_logistica {
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_logistica.current_page_item,.menu_menusec_logistica.current-page-ancestor {
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_clientes {
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_clientes.current_page_item,.menu_menusec_clientes.current-page-ancestor {
background-image: url('data:image/svg+xml;utf8,');
}
.current_page_item .sub-menu,.current-page-ancestor .sub-menu {
display: block;
margin-left: -15%;
margin-top: 8%;
border-top: 1px solid #c4c4c4;
}
.sub-menu {
display: none;
list-style: none;
padding: 0px;
}
.current_page_item a,.current-page-ancestor a {
color: #878787 !important;
}
.sub-menu li {
padding: 20px 0 0;
}
.sub-menu li a {
text-transform: none;
}
.menu li {
padding-left: 22%;
}
.menu-item-has-children.current_page_item,.menu-item-has-children.current-page-ancestor {
background-position: 5% 14%;
}
.menu-item-has-children::after {
content: "";
display: block;
background: url('data:image/svg+xml;utf8,')
no-repeat;
width: 20px;
height: 20px;
float: right;
margin: 4px 5px 0 0;
}
.menu-item-has-children.current_page_item::after,.menu-item-has-children.current-page-ancestor::after {
content: "";
display: block;
background: url('data:image/svg+xml;utf8,')
no-repeat;
width: 20px;
height: 20px;
float: right;
margin: 0 20px 0 0;
}
.menu_menusec_monitoreo.current_page_item::after,.menu_menusec_monitoreo.current-page-ancestor::after {
margin: -150px 20px 0 0;
}
.menu_menusec_logistica.current_page_item::after,.menu_menusec_logistica.current-page-ancestor::after {
margin: -112px 20px 0 0;
}
.header_user_info {
float: right;
}
.header_user_info div {
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.header_user_info div p {
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
margin: 0;
text-align: right;
}
.header_user_name {
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 30px;
color: #ffffff;
background: #007df7;
border-radius: 10px;
padding: 7px;
}
.header h2 {
display: inline-block;
text-transform: uppercase;
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 30px;
color: #000000;
margin: 0;
width: auto;
}
.header {
padding: 3%;
}
.header_desplegable_user {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center center;
width: 45px;
height: 45px;
position: relative;
}
#desplegable_user {
display: none;
}
#desplegable_user:checked + .header_desplaegable_user {
background: url('data:image/svg+xml;utf8,')
no-repeat;
}
.caja_cerrar_sesion {
width: 274px;
height: 113.03px;
background: #ffffff;
box-sizing: border-box;
border-radius: 10px;
position: absolute;
right: -20px;
top: 55px;
display: none !important;
padding: 35px;
box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.2);
}
.caja_cerrar_sesion:before {
border: 15px solid white;
content: "";
border-left-color: transparent;
border-top-color: transparent;
border-right-color: transparent;
position: absolute;
right: 17px;
bottom: 111px;
}
#desplegable_user:checked + .caja_cerrar_sesion {
display: inline-block !important;
}
.boton_cerrar_sesion {
width: 218px;
height: 40px;
background: #007df7;
border-radius: 10px;
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 18px;
color: #ffffff;
text-align: center;
margin: 0 !important;
display: flex !important;
justify-content: center;
align-items: center;
}
#alertas_confirmadas {
height: 150px;
background: #ffffff;
border-radius: 10px;
padding: 30px;
margin: 2% 3%;
overflow-y: scroll;
display: inline-block;
vertical-align: top;
}
#alertas_confirmadas table,#alarmas_incomunicadas table {
width: 100%;
display: none;
}
#alertas_confirmadas table th:first-child, #alertas_confirmadas table td:first-child {
width: 42%;
}
#carga_incomunicadas{
width:100%;
}
#alertas_confirmadas table *{
width: 100%;
}
#alertas_confirmadas caption {
text-align: left;
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #000000;
margin-bottom: 21px;
}
#alertas_confirmadas thead {
position: sticky;
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 18px;
color: #e50f0f;
text-align: left;
height: 40px;
vertical-align: top;
}
#alertas_confirmadas thead th,
#alertas_confirmadas thead tr {
border-bottom: 1px solid #ededed;
}
#nodata_confirmadas_index,#nodata_incomunicadas_index{
width: 100%;
display: none;
text-align:center;
}
#inventario_sets {
display: inline-block;
height: 150px;
background: #ffffff;
border-radius: 10px;
padding: 30px;
margin: 2% 3%;
}
#inventario_sets h5 {
margin: 0;
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #000000;
}
.cajas_inventario_set div {
display: inline-block;
width: 32%;
text-align: center;
vertical-align: middle;
height: 100%;
}
.cajas_inventario_set {
width: 100%;
height: 90%;
margin: 5% 0;
}
.cajas_inventario_set p {
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 18px;
text-align: center;
color: #000000;
}
.inventario_set_disponibles {
border-right: 1px solid #ededed;
}
.inventario_set_deposito {
border-left: 1px solid #ededed;
}
#inventario_set_disponibles_number {
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 48px;
text-align: center;
color: #48c03d;
}
#inventario_set_activos_number {
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 48px;
text-align: center;
color: #000000;
}
#inventario_set_deposito_number {
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 48px;
text-align: center;
color: #d1b82a;
}
#alarmas_incomunicadas tbody{
font-size: 12px;
}
#alarmas_incomunicadas td {
padding: 5px;
}
.cajetines_inicio_3 {
height: 400px;
background: #ffffff;
border-radius: 10px;
padding: 30px;
margin: 2% 3%;
overflow-y: scroll;
display: inline-block;
vertical-align: top;
}
.cajetines_inicio_3 table {
width: 100%;
}
.cajetines_inicio_3 caption {
text-align: left;
font-family: Inter;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #000000;
margin-bottom: 21px;
}
.cajetines_inicio_3 thead {
position: sticky;
font-family: Inter;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #000000;
text-align: left;
height: 40px;
vertical-align: top;
}
.tables {
margin: 2% 2%;
overflow: scroll;
padding-left: 0;
height: 70vh;
}
#botonBuscarEquipo{
position: absolute;
right: 14%;
top: 4px;
}
#boton_crear_Set{
position: absolute;
right: 9%;
top: 32px;
}
#cleangestionEquipos{
position: absolute;
right: 9%;
top: 4px;
}
.titedirsec, .titedirpri,
.rowsTableEquipos h3{
text-align: left;
font-family: Inter;
}
.crear_Set,
.search_input {
width: 90% !important;
margin: 0% 3%;
padding: 0 17px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 1340px 6px;
}
.tables table {
width: 100%;
border-collapse: collapse;
}
#alertas_table table {
width: 100%;
}
.tables tr {
height: 68px;
text-align: center;
}
.tables td {
font-family: Inter;
font-style: normal;
font-weight: normal;
line-height: 21px;
color: #000000;
text-align: -webkit-center;
vertical-align: middle;
}
.tables tr td:first-child {
cursor: pointer;
}
.tables tbody tr:nth-child(odd) {
background-color: #fff;
border: #fff;
}
.cajetines_logistica {
width: 10%;
height: 95%;
padding: 30px 30px 0;
margin: 0 1%;
display: inline-block;
vertical-align: top;
overflow:scroll;
}
.cajetinrellenar {
display: flex;
flex-direction: column;
overflow-y: scroll;
}
#apartados_logistica {
width: 95%;
margin: 2% 3%;
overflow-x: scroll;
}
.logistica_space {
width: 166vw;
height: 70vh;
}
.cuadroestado {
background-color: white;
border-radius: 25px;
padding: 7px 22px 7px 10px;
margin: 10px 0;
order: 2;
font-weight: bold;
position: relative;
cursor:pointer;
}
.estadoincidencia {
order: 1;
background-color: #ED7A7A;
}
.incidenciaysolucion {
display: inline-block;
width: 89%;
vertical-align: middle;
}
.incidenciaysolucionCliente{
display:flex;
}
.incidenciastable{
padding:0 20px;
}
.incidenciaicono,
.alarmaicono,
.incidenciasfilaentera .rowfilaedit,
.alarmafilaentera .rowfilaedit{
display: inline-block;
width: 8%;
vertical-align: middle;
text-align: center;
font-size: 33px;
}
.incidenciasfilaentera .rowfilaedit{
width: 3%;
}
.incidenciasfilaentera .incidenciaysolucion{
width: 92%;
}
.notasSeccion{
width: 74vw;
}
.notasSeccion .rowfilaedit input:first-child,
.notasSeccion .rowfilaedit input:nth-child(2){
text-align: center;
width: 20%;
}
.notasSeccion .rowfilaedit input{
width: 450px;
}
.incidenciaysolucion .rowfilaedit{
width: 100%;
}
.subHistorial .rowfilaedit input:first-child,
.incidenciaysolucion .rowfilaedit input:first-child{
padding-left: 10px;
width: 189px;
}
.notasSeccion .rowfilaedit input,
.subHistorial .inputfilaedit,
.incidenciasfilaentera .inputfilaedit {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
}
.incidenciasfilaentera:not(:first-child){
margin-top: 42px;
}
.subHistorial .rowfilaedit input:last-child,
.incidenciaysolucion .rowfilaedit input:last-child {
width: 100%;
}
.incidenciasfilaentera,
.subReserva,
.historialAlarma{
border-top: solid #007df7;
border-left: solid #007df7;
border-right: solid #007df7;
border-radius: 10px;
}
.subReserva{
margin-bottom: 50px;
}
.incidenciaysolucionCliente .rowfilaedit{
min-width: 79%;
}
.subReserva .rowfilaedit:not(first-child){
margin-top: 4px;
}
.subReserva .rowfilaedit input{
font-size: 14px;
margin-left: 18px;
}
.subReserva .rowfilaedit .subReservatipo{
width: 11%;
}
.subReserva .rowfilaedit .subReservaid{
width: 42%;
font-weight: 500;
letter-spacing: 1px;
}
.subReserva .rowfilaedit .textAreaWrapper{
width: 100%;
}
.subReserva .rowfilaedit .subReservafechaFin,
.subReserva .rowfilaedit .subReservafechaIni{
width: 185px;
}
.subHistorial .rowfilaedit,
.solucion {
display: flex;
align-items: center;
}
.subHistorial .rowfilaedit,
.solucion .rowfilaedit {
width: 100%;
}
.soluciontit{
color: #F6F6F6;
background: #007df7;
}
.soluciontit{
float:left;
position: relative;
padding: 15px 20px 15px 20px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.soluciontit:before {
content: "";
position: absolute;
left: 100%;
top: 0;
width: 0;
height: 0;
border-top: 25px solid transparent;
border-left: 25px solid #007df7;
border-bottom: 23.4px solid transparent;
z-index: 10;
}
.tabs {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.tab-link {
background-color: #f2f2f2;
border: none;
color: #000;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s;
}
.tab-link:hover {
background-color: #e0e0e0;
}
.tab-link.active {
background-color: #ccc;
}
.tab-content {
display: none;
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #ddd;
}
.default {
display: block;
}
.gsnewEquipo{
height:80vh;
max-height:80vh !important;
}
.labelsim{
display:block;
}
.gsnewcampopass{
font-weight:700;
line-height:32px;
color:black;
font-family:'Poppins';
transform:scale(0.68) translateX(-150px);
}
#newEquipogestionstock{
max-width:300px;
display:inline-block;
margin:0 3%;
vertical-align:top;
}
.solucion .rowfilaedit {
width: 100%;
display: flex;
float:left;
position: relative;
padding: 4px 24px 4px 30px;
border-radius: 0px 7px 7px 0;
background: #D8EBFF;
z-index: 1;
}
.solucion .rowfilaedit input{
text-align: center;
}
.solucion .rowfilaedit input:first-child{
margin-right: 22px;
}
.alarmaysolucion{
display: inline-block;
width: 76%;
vertical-align: middle;
}
.circle{
background-color: red;
color: white;
padding: 9px;
border-radius: 50px;
width: 20px;
float: right;
text-align: center;
font-weight: bold;
font-size: 18px;
}
.cuadroestado::after {
content: "";
background: url('data:image/svg+xml;utf8,') no-repeat;
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: calc(50% - 10px);
transform: rotate(-90deg);
}
/* Works on Firefox */
* {
scrollbar-width: auto;
scrollbar-color: #007df7 transparent;
}
.cuadroestado p {
margin: 10px;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 14px;
}
*::-webkit-scrollbar-track {
background: white;
}
*::-webkit-scrollbar-thumb {
background-color: #007df7;
border-radius: 20px;
border: 3px solid white;
}
.activar {
width: 80%;
height: 15px;
background: #48c03d;
border-radius: 10px;
padding: 20px 10px;
color: white;
font-weight: bolder;
cursor: pointer;
}
.desactivar {
width: 80%;
height: 15px;
background: #e80d0d;
border-radius: 10px;
padding: 20px 10px;
color: white;
font-weight: bolder;
cursor: pointer;
}
.ping {
width: 80%;
height: 15px;
background: #D1B82A;
border-radius: 10px;
padding: 20px;
color: white;
font-weight: bolder;
cursor: pointer;
}
.llamar {
width: 75px;
height: 15px;
background-color: #78c9f6;
border-radius: 10px;
padding: 20px 10px;
background-image: url("svg/monitoreo/call_icon.svg");
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.registro a {
color: white;
}
.registro {
width: 197px;
height: 15px;
background: #007df7;
border-radius: 10px;
padding: 20px 10px;
color: white;
font-weight: bolder;
cursor: pointer;
text-align: center;
margin: 3% 4%;
}
.email {
width: 75px;
height: 15px;
background-color: #569dc5;
border-radius: 10px;
padding: 20px 10px;
background-image: url("svg/monitoreo/email_icon.svg");
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
td {
padding: 10px;
}
#containerSuperior{
display:grid;
grid-template-columns: 1fr 1fr;
}
#containerInferior{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
}
#swal2-title{
width:90%;
}
#campo *{
font-family: 'Helvetica Neue', Helvetica, sans-serif;
font-size: 16px;
font-variant: normal;
}
.campo{
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
max-width: 35vw;
}
.labelcheck,
.labelcampo {
height: 35px;
flex-basis: 40%;
position: relative;
display: block;
margin: 20px 2px 0 0;
width: 100%;
flex-grow: 1;
}
.labelcheck{
min-width: 200px;
max-width: 584px;
flex-basis: 50%;
margin-top: 15px;
}
.labelradio{
height: 35px;
flex-basis: 40%;
position: relative;
display: block;
margin: 20px 2px 0 0;
width: 100%;
flex-grow: 1;
min-width: 28px;
max-width: 200px;
flex-basis: 50%;
margin-top: 15px;
}
.labelcampo > span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-weight: 700;
line-height: 32px;
color: black;
border: 2px solid #C4C4C4;
transition: border-bottom-color 200ms ease-in-out;
border-radius: 22px;
cursor: text;
pointer-events: none;
}
.labelcampo > span span {
position: absolute;
top: 0;
left: 10px;
transform-origin: 0% 50%;
transition: transform 200ms ease-in-out;
cursor: text;
font-family:'Poppins';
}
.labelcampo .field:focus + span span,
.labelcampo .field:not([value=""]):valid + span span,
.labelcampo .field:not([value=""]):disabled + span span{
transform: scale(0.68) translateX(-10px) translateY(-36px);
cursor: default;
}
.labelcampo .field:focus + span {
border-color: #007df7;
}
.spancampopass{
transform: scale(0.68) translateX(-10px) translateY(-36px);
cursor: default;
}
.campopass{
opacity: 1 !important;
}
.field {
background: white;
font-weight: 300;
border: 0 !important;
color: black;
outline: none;
cursor: text;
display: block;
width: 100% !important;
line-height: 32px;
padding: 3px 10px;
transition: opacity 200ms ease-in-out;
font-family:'Poppins';
}
.field:disabled{
color:#C4C4C4;
}
.field::-webkit-input-placeholder { color: #8898AA; }
.field::-moz-placeholder { color: #8898AA; }
/* IE doesn't show placeholders when empty+focused */
.field:-ms-input-placeholder { color: #424770; }
.field:not(:focus):placeholder-shown {
opacity: 0;
}
.camposreserva{
padding: 0 3%;
width: 59%;
display: inline-block;
}
.botones{
display: inline-block;
vertical-align: top;
padding: 0 2%;
width: 30%;
}
.botonregistro{
background-color: #007df7;
padding: 9px 22px;
text-align: center;
border-radius: 10px;
margin: 30px auto 30px auto;
color: white;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-transform:capitalize;
cursor:pointer;
}
.finres {
background-color: #E50F0F;
padding: 9px 22px;
text-align: center;
border-radius: 10px;
margin: 30px;
color: white;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-transform:capitalize;
cursor:pointer;
}
h2.titreserva {
margin: 0 1% 0 3%;
display: inline-block;
width: auto;
}
h3.titreserva{
margin: 30px 0 0;
font-family:Inter;
}
h4.titreserva{
margin: 10px 0 0;
font-family:Inter;
}
.sensorestableTit{
display:grid;
padding-left: 42px;
text-align: center;
grid-template-columns: 0.057fr 0.26fr 0.3fr 0.195fr 0.10fr 0.01fr;
}
.sensorestableTit h4{
font-family: 'Inter';
margin-right: 25px;
}
.etiquetaRes {
display: inline-block;
background-color: #007df7;
color: white;
font-weight: bold;
padding: 1px 5px;
vertical-align: top;
margin: 0 3px;
}
.detallereserva {
display: inline-block;
width: 100%;
padding: 3% 0;
}
.editar{
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.guardar{
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.cargar{
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.borrar{
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.config{
margin-left: 4px;
margin-right: 4px;
background-image:url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.cambiar{
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.ira{
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.estrella{
height: 40vh;
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.estrellafill{
height: 40vh;
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.nodata{
height: 40vh;
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.botonCuadrado
{
display:inline-block;
width: 32px;
height: 32px;
cursor:pointer;
margin: auto 10px;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 32px;
}
.backSide{
margin: 0px 4px 4px 0px;
background-image:url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.dropDown{
margin: 4px 0 0 0;
background-image:url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 3px;
}
.dropUp{
margin: 4px 0 0 0;
background-image:url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 3px;
}
.add{
margin: 4px 0 0 0;
background-image:url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 3px;
}
.minus{
margin: 4px 0 0 0;
background-image:url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 3px;
}
.enviar{
margin: 0px 4px 4px 0px;
background-image:url('data:image/svg+xml;utf8, ');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 3px;
}
.sincronizar{
margin: 0px 4px 4px 0px;
background-image:url('data:image/svg+xml;utf8, ');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 3px;
}
.resetBoton{
margin:0 2px;
background-image:url('data:image/svg+xml;utf8,');
background-position:center;
background-size:contain;
background-repeat: no-repeat;
}
.buscar{
margin:0 2px;
background-image:url('data:image/svg+xml;utf8,');
background-position:center;
background-size:contain;
background-repeat: no-repeat;
}
.botones .row {
align-items: center;
justify-content: center;
}
#facturacion .botonCuadrado{
vertical-align:middle;
}
.botonSubmenu {
display: inline-block;
border: none;
background-color:currentColor;
color: #FFFFFF;
text-align: center;
font-size: 17px;
padding: 0 4px;
width: 130px;
transition: all 0.5s;
cursor: pointer;
margin: 12px 0;
}
.icoBoton,
.botonSubmenu span {
color: #007df7;
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.botonSubmenu span:after {
content: '»';
position: absolute;
opacity: 0;
top: 0;
right: -15px;
transition: 0.5s;
}
span.icoBoton:after{
content: '';
position: absolute;
opacity: 0;
top: 0;
right: -15px;
transition: 0.5s;
}
.icoBoton:hover,
.botonSubmenu:hover span {
padding-right: 15px;
}
.botonSubmenu:hover span:after {
opacity: 1;
right: 0;
}
.icoBoton:hover:after{
opacity: 1;
right: 0;
}
.botonSubmenu.caracteristicas{
margin-left:20px;
}
/**/
#equipoDisp {
width: 0%;
display:none;
border-radius: 19%;
border: 2px solid #797979;
padding: 3%;
margin-right: 3%;
text-align: center;
-webkit-transition: width 5s ease-in-out;
-moz-transition: width 5s ease-in-out;
-o-transition: width 5s ease-in-out;
transition: width 5s ease-in-out;
position: relative;
}
.container,
.equiposSeccion{
display:flex;
}
#tablaequipo {
display: inline-block;
width: 35%;
}
.equipostable .rowfilaedit{
display: flex;
align-items: center;
}
.equipostable .rowfilaedit [type="text"]{
max-width: 33%;
min-width: 157px;
}
.menuConfig .rowfilaedit div{
margin-right: 10px;
}
.submenuAcciones div,
.submenuRetardos div,
.submenuCaracteristicas div{
margin: 8px 70px 4px 39px;
}
.submenuAcciones div div{
height:19px;
}
/*.submenuConfig .rowfilaedit input,*/
.submenuTelefonos .rowfilaedit input,
.submenuAcciones div input,
.submenuRetardos div input,
.submenuCaracteristicas div input{
text-align:center;
font-size:14px;
min-width: 136px;
max-width:140px;
height: 32px;
margin: 16px 20px 0 0;
}
.submenuAcciones div .switchcon,
.submenuRetardos div .switchcon,
.submenuCaracteristicas div .switchcon{
margin-right: 61px;
}
.submenuAcciones div .guardar,
.submenuRetardos div .guardar,
.submenuCaracteristicas div .guardar{
margin-left: 0;
}
.submenuAcciones div input{
text-align:left;
}
.submenuTelefonos{
display:grid;
margin-left:-84px;
}
.despizq{
-webkit-transition: width 5s ease-in-out;
-moz-transition: width 5s ease-in-out;
-o-transition: width 5s ease-in-out;
transition: width 5s ease-in-out;
width: 31% !important;
display: inline-block !important;
max-width: 250px;
max-height: 50vh;
}
#equipoDisp p{
font-size: 77%;
}
#equipoDisp p:hover{
color:white;
background-color:#007df7;
cursor:pointer;
}
.equipostableConfig{
padding-left:10px;
}
.equipostableConfig .rowfilaedit{
display:inline-flex;
}
.titeConfig,
.titequiposConfig {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
line-height: 1.25;
margin: 10px 0 10px;
font-size: 16px;
}
.titeConfig{
padding-left: 36px;
}
.switch {
position: relative;
display: block;
width: 60px;
height: 34px;
}
.switch input {
opacity: 0;
min-width: 0;
max-width:0;
min-height: 0;
max-height:0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.tipo-sensores{
height: 40px;
margin: 0 17px;
width: 26%;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.labelcampo > .slider.round{
border-radius: 34px;
}
.rowfilaedit {
display: flex;
align-items: end;
}
.row {
display: flex;
flex-wrap: wrap;
}
.contactostable input[type="text"]{
width:115px;
}
.inputfilaedit {
border: none !important;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
}
.inputfilaedit:focus-visible {
border-bottom:none !important;
}
.inputfilaedit:placeholder-shown {
border-bottom:1px solid #007df7 !important;
}
.facturares{
border: 2px solid #007df7;
padding: 10px;
border-radius: 20px;
text-align: center;
width: 175px;
background-color: white;
color: #007df7;
font-weight: bold;
margin: 25px 0;
display: inline-block;
}
.margenb2b{
padding:0 3%;
}
.campoañob2bbusqueda {
flex-basis: 55px;
flex-grow: 0;
}
.campoañob2bbusqueda .field {
width: 55px !important;
}
#informeb2b {
margin-top: 18px;
}
#dialog {
border: none;
border-radius: 25px;
padding: 3%;
max-height: 70vh;
max-width: 80vw;
}
.cerrarmodalreserva {
position: absolute;
top: 20px;
right: 20px;
background-color: #0070de;
color: white;
border-radius: 50%;
width: 40px;
height: 40px;
text-align: center;
align-content: center;
display: grid;
cursor: pointer;
font-family: 'Nunito', sans-serif;
}
.despizq .cerrarmodalreserva {
width: 24px;
height: 24px;
position: absolute;
right: -4px;
top: -1px;
font-weight: bold;
}
.number-sensores {
width: 8% !important;
}
.name-sensores {
width: 26% !important;
}
.id-sensores {
width: 20% !important;
}
.switchcon {
text-align: center;
margin: 0 2%;
}
.titulo{
font-size: 10px;
}
.headerTitReserva{
height: 33px;
background-color: #ffffff;
margin-bottom: 20px;
}
#titmodalreserva {
margin: 0;
color: #007df7;
text-align: center;
font-family: 'Inter';
font-weight: 900;
font-size: 30px;
letter-spacing: 4px;
}
.linea {
margin: 0 auto;
border-top: 1px solid #007df7;
height: 2px;
max-width: 56%;
padding: 0;
position: relative;
top: 12px
}
#logSeccion,
#contenidomodalreserva {
padding-top: 30px;
font-family: Inter;
min-width: 50vw;
max-height: 60vh;
overflow-y: scroll;
}
.direccionesSeccion{
padding: 30px 27px 0 0;
min-width: 56vw;
}
.incidenciasSeccion{
min-width: 77vw;
}
#contenidomodalreserva table {
width: 100%;
text-align: center;
margin-bottom:5px;
font-family: 'Poppins';
}
#contenidomodalreserva table tr td:first-child,#contenidomodalreserva table tr th:first-child {
width: 60%;
}
.diaregistrores {
color: #0070de;
font-weight: bolder;
text-align: center;
padding: 15px 0 5px;
font-size: 10pt;
}
.rowregistrores{
font-family: 'Inter';
display: flex;
flex-direction: row;
border-bottom: 1px solid #bdbdbdd9;
}
.rowregistrores * {
padding: 10px 20px;
text-align: center;
}
.cellhoraregistrores {
flex-basis: 8%;
}
.cellsetregistrores {
flex-basis: 23%;
}
.cellmensajeregistrores {
flex-grow: 1;
max-width: 63%;
word-wrap: break-word;
}
.contAñadirSol .rowfilaedit,
.notastable .rowfilaedit{
width: 96%;
display: block;
border:solid #bed1e7;
border-width: 4px;
border-radius: 15px;
padding:10px;
margin: 0 auto;
position: relative;
}
.contAñadirSol .rowfilaedit input,
.notastable .rowfilaedit input{
min-width: 20%;
text-align: center;
padding: 0 10px;
background-color: white;
font-size: 14px;
display: inline;
position: absolute;
transform: scale(.85) translateY(-38px);
}
.notastable .rowfilaedit:not(:first-child){
margin-top: 30px;
}
.contAñadirSol .rowfilaedit input:nth-child(2),
.notastable .rowfilaedit input:nth-child(2){
margin-left: 0;
max-width:60%;
transform: scale(.85) translate(192px,-38PX);
}
.textAreaWrapper{
display: block;
max-width: 100%;
padding-left: 10px;
border-radius: 5px;
}
.textAreaWrapper textarea{
font-size: 13px;
width: 95.3%;
height: 60px;
padding: 10px;
border-radius:0 0 5px 5px;
outline:none;
resize: none;
}
.textAreaWrapper .inputfilaedit:placeholder-shown{
border-radius: 5px;
min-height: 60px;
border: solid #E1E0E0 !important;
margin: 10px 0;
}
.sensorestable .rowfilaedit input:first-child{
width: 10%;
}
.sensorestable .rowfilaedit input:not(:first-child),
.sensorestable .rowfilaedit select{
margin-left: 25px;
}
.sensorestable .rowfilaedit:not(:first-child){
margin-top: 20px;
}
.sensorestable .rowfilaedit select,
.sensorestable .rowfilaedit input{
text-align: center;
}
.submenuTelefonos .rowfilaedit:not(:first-child) {
margin-top:16px;
}
.submenuTelefonos .rowfilaedit .botonCuadrado,
.sensorestable .rowfilaedit .botonCuadrado{
margin: 0 12px;
}
.contAñadirSol{
margin-top: 30px;
border-radius: 10px;
}
.contAñadirSol .soluciontit{
top:2px;
left:21px
}
.contAñadirSol .rowfilaedit{
vertical-align: none;
}
.contAñadirSol .rowfilaedit .textAreaWrapper{
margin-top: 59px;
}
.contAñadirSol .rowfilaedit input{
transform:scale(.85) translate(-255px,40px)
}
.contAñadirSol .rowfilaedit input:nth-child(2){
transform:scale(.85) translate(63px,40px)
}
.contAñadirSol .rowfilaedit div.guardar{
display: flex;
}
.submenuEquipos .rowfilaedit input{
text-align: center;
}
.submenuEquipos .rowfilaedit .idReserva{
cursor: pointer;
}
.search_bars{
display:flex;
}
.gestionSet,
.gestionEquipos {
margin-right: 33px;
overflow: hidden;
position: relative;
width: 100%;
max-width: 750px;
display:inline-block;
}
.gestionEquipos .botonBuscar{
width: 150px;
float: left;
margin: 0px 4%;
text-align: center;
}
.gestionEquipos div input{
text-align: center;
}
input.tipoEquipo{
width:140px;
font-size: 13px;
text-align: center;
}
input.idReserva,
input.idEquipo {
width: 187px;
margin-left: 5px;
font-size: 13px;
text-align: center;
}
.gestionEquipos .cleangestionEquipos {
width: 20%;
float: left;
margin-top: 43px;
}
.detalleEquipo{
display: block;
}
.detalleEquipo > div{
margin-top:20px;
}
.campoCrearSet,
.campoEquipoInfo{
background-color: #f1f4f4;
border-radius:0 10px;
}
#equipos_table {
display: inline-block;
margin-top: 30px;
}
.gestionSet,
.campoEquipoInfo div.contentInputgestion{
padding: 30px 0;
}
.campoCrearSet{
margin-bottom: 80px;
padding-bottom: 30px;
}
.campoCrearSet h1,
.campoEquipoInfo h1{
font-family: Inter;
width: 98.5%;
height: 57px;
align-items: center;
background-color: #007df7;
color:white;
display:grid;
margin:11px 0;
padding: 4px 0 15px 22px;
border-radius: 10px;
}
#equipos_table > div:nth-child(2){
margin-left: 2%;
margin-right: 20px;
}
#equipos_table .rowsTableEquipos{
background-color: #f7f7f7;
border: solid #f7f7f7;
border-radius: 10px;
width: 46%;
padding-left:20px;
}
#equipos_table{
margin-left: 20px;
width: 100%;
display: inline-flex;
}
.gestionEquipos .icoBoton,
.gestionSet .icoBoton{
margin: 6px;
height: 21px;
}
.gestionEquipos input.search_input,
.gestionSet input.crear_Set{
text-align: left;
}
.separate {
width: 5.5px;
margin: 166px 30px 0 30px;
background: radial-gradient(circle at 18.7% 37.8%, rgb(222, 242, 239) 0%, rgb(225, 234, 238) 90%);
}
.contentEquips .submenuEquipos:not(:first-child){
margin-top: 15px;
}
.titColTables {
font-family: Inter;
width: 100%;
display:flex;
flex-flow:column;
align-items:flex-start;
}
.titrow {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
width: 100%;
border-bottom: solid 1px #727272;
font-weight: 300;
border: none;
position: sticky;
top: 0;
font-weight: 700;
min-height: 50px;
}
.coltit {
flex: 2;
padding: 10px;
display: flex;
align-items: center;
}
.coltit:first-child{
margin-left:35px;
}
.coltit:nth-child(2){
margin-left:40px;
}
.coltit:nth-child(3){
margin-right: 10px;
}
.coltit:last-child{
margin-right: 24px;
}
.coltit h4{
text-align: center;
}
.reservasSeccion{
width: 97%;
display:grid;
}
.direccionSec,
.direccionPrinc{
margin-bottom: 50px;
}
.direccionSec .rowfilaedit p,
.direccionPrinc .rowfilaedit p{
margin: 0 2px 10px 0;
font-weight: 600;
}
.direccionSec:first-child{
display: block;
margin-left: 50px;
font-family: Inter;
}
.direccionPrinc,
.direccionSec {
padding:10px;
background-color: #f7f7f7;
border: solid #e9f0ff9e;
border-radius: 10px;
display: flex;
}
.direccionPrinc .datafila,
.direccionSec .datafila{
width: 87%;
}
.direccionPrinc .botones-fila,
.direccionSec .botones-fila{
width: 11%;
}
.incidenciaysolucion .botones-fila{
display: grid;
padding-top: 10px;
}
.direccionPrinc .botones-fila .rowfilaedit,
.direccionSec .botones-fila .rowfilaedit{
justify-content: end;
display: grid;
padding-top: 12%;
}
.direccionPrinc .botones-fila .rowfilaedit div,
.direccionSec .botones-fila .rowfilaedit div{
margin-bottom: 4px;
justify-content: end;
display: grid;
padding-top: 30%;
}
p.tit-dir-pri,
.dirSecTitulo{
font-size: 14px;
font-weight: 600;
color:#007df7
}
.selectorOpt {
text-align: center;
width: 95px;
height: 30px;
position: relative;
top: 13px;
left: 18px;
color: #0070de;
border-color: #0070de;
background-color: white;
margin-bottom: 15px;
}
.datafila .rowfilaedit{
margin-bottom: 9px;
}
.datafila .rowfilaedit input{
margin-left: 3px;
margin-right: 3%;
text-align: center;
width: 150px;
font-size: 13px;
}
.formAddress .botonregistro{
width: 70%;
}
.formAddress .filahisto,
.formAddress{
margin: 50px 0;
}
.datafila .rowfilaedit input.dir-princ{
padding-left: 7px;
text-align: left;
width: 90%;
}
.datafila .rowfilaedit .nombre-princ{
padding-left: 7px;
text-align: left;
width: 552px;
}
.datafila .rowfilaedit .name-rep-princ{
padding-left: 7px;
width: 110px;
text-align: left;
}
.campo .optResCheckbox{
width: 20px;
margin-right: 10px;
}
.campo .optResRadio{
width: 28px;
margin-right: 10px;
}
@media screen and (max-width: 1200px){
#equipos_table > div:not(:first-child) {
margin-left: 0;
}
#equipos_table{
display: block;
}
#equipos_table .rowsTableEquipos{
width: 100%;
}
.incidenciaysolucionCliente .rowfilaedit .textAreaWrapper{
min-width: 74%;
}
}
@media screen and (max-width: 1100px){
.menu li a{
font-size: 13.3px;
}
.menu-item-has-children::after {
background-size: 79% ;}
#tablaequipo,
.subReserva .rowfilaedit .subReservaid {
width: 45%;
}
.subReserva .rowfilaedit .subReservatipo{
width:15%;
}
}
@media screen and (max-width: 1048px){
.menu li a{
font-size: 13.8px;
}
.menu-item-has-children::after {
background-size: 89% ;}
.alarmasconfirmadasSeccion{
width: 80vw;
}
.filahisto{
width: 96%;
}
.contAñadirSol .rowfilaedit input{
transform:scale(.85) translate(-329px,40px)
}
.contAñadirSol .rowfilaedit input:nth-child(2){
transform:scale(.85) translate(-13px,40px)
}
}
@media screen and (max-width:980px){
.center {
width: 450px;
height: 490px;}
.center div {
display: block;
height: 23%;
width: 100%;}
.login-form {
width: 270px !important;}
.sensorestableTit{
padding-left: 12px;
text-align: left;
grid-template-columns: 0.07fr 0.26fr 0.2fr 0.24fr 0.08fr 0.08fr;
}
.notastable .rowfilaedit input{
min-width: 40%;
}
}
@media screen and (max-width:600px){
#alertas_table tr > td:nth-child(1),td:nth-child(5),td:nth-child(6),td:nth-child(7),td:nth-child(8),td:nth-child(9){
display:none;
}
#alertas_table tr > th:nth-child(1),th:nth-child(5),th:nth-child(6),th:nth-child(7),th:nth-child(8),th:nth-child(9){
display:none;
}
}
@media screen and (max-width:900px){
.camposreserva {
width: 93%;
display: block;
}
.botones {
display: block;
width: 80%;
}
.campo {
max-width: 58vw;
}
ul.menu {
padding-left:0%;
}
.menu li a {
color:transparent !important;
}
.barra_lateral{
width:99px;
}
.logo_menu img {
width: 200px;}
.logo_menu {
width: 38px;
margin: 20px 30px;
overflow: hidden;}
#page{
width: calc(100% - 105px);
margin-left: 99px;}
td{
padding: 5px;}
.tables td{
line-height: 15px;
font-size: 11px;}
th{
font-size: 13px;}
#alertas_table tr > td:nth-child(10),td:nth-child(11){
display:none;
}
#alertas_table tr > th:nth-child(10),th:nth-child(11){
display:none;
}
.menu li {
height: 17px;
background-position: 50% center !important;}
.header h2 {
font-size: 21px;}
.header_user_info div:nth-child(1) {
display:none;}
.header_desplegable_user {
display:inline-block !important;
margin:0 -10px 8px !important;}
.header_user_name {
margin:0 !important;}
.tables{
height: 80vh;}
#containerSuperior {
grid-template-columns: 1fr;
width: 100%;
}
#containerInferior {
grid-template-columns: 1fr;
width: 100%;
margin-top: 20px;
}
#inventario_sets {
padding: 15px;
height: 80%;
margin: 10px 5px;
}
.cajas_inventario_set div {
width: 31%;}
.cajas_inventario_set p {
font-size: 10px;
}
#alertas_confirmadas {
padding: 15px;
margin: 10px 5px;
}
#alertas_confirmadas thead th, #alertas_confirmadas thead tr {
font-size:11px;}
.menu-item-has-children::after {
margin: -13px 3px 0 0;
}
#contenidomodalreserva {
min-width: 80vw;
max-height: 51vh;
}
#equipoDisp p{
font-size:61%;
}
.rowfilaedit .inputfilaedit{
font-size:14px;
}
.equipostable .rowfilaedit [type="text"] {
min-width: 129px;
}
.subHistorial .rowfilaedit input:first-child,
.incidenciaysolucion .rowfilaedit input:first-child,
.solucion .rowfilaedit input:first-child {
margin-right: 4px;
width: 143px;
}
.solucion .rowfilaedit{
width: 100%;
}
.soluciontit,
.solucion .rowfilaedit {
padding-right: 9px;
}
.textAreaWrapper textarea{
width: 91.3%;
}
.notastable .rowfilaedit input{
min-width: 55%;
}
}
@media screen and (max-width:550px){
.center {
width: 89%;}
.login-form {
width: 74% !important;
padding: 10% 13%;}
.login-form * {
max-width: 100%;}
}
@keyframes slide-ltr{
0% {
animation-timing-function: cubic-bezier(0.4652,0.1051,0.774,0.6426);
transform: translate(0px,0px) rotate(0deg) scale(1,1) skewX(0deg) skewY(0deg);
opacity: 1;
}
22.5% {
animation-timing-function: cubic-bezier(0.4142,0.3131,0.7623,0.6513);
transform: translate(47.8px,0px) rotate(0deg) scale(1,1) skewX(0deg) skewY(0deg);
opacity: 1;
}
45% {
animation-timing-function: cubic-bezier(0.3615,0.331,0.9646,1.3461);
transform: translate(147.8px,0px) rotate(0deg) scale(1,1) skewX(0deg) skewY(0deg);
opacity: 1;
}
47.5% {
animation-timing-function: cubic-bezier(0.7006,0.3332,0.6667,0.6667);
transform: translate(165.6px,0px) rotate(0deg) scale(1,1) skewX(0deg) skewY(0deg);
opacity: 0;
}
50% {
animation-timing-function: cubic-bezier(0.1604,0.3176,-0.0218,0.6965);
transform: translate(-200px,0px) rotate(0deg) scale(1,1) skewX(0deg) skewY(0deg);
opacity: 0;
}
51% {
animation-timing-function: cubic-bezier(0.1983,0.3529,0.5263,0.6945);
transform: translate(-179.8px,0px) rotate(0deg) scale(1,1) skewX(0deg) skewY(0deg);
opacity: 0;
}
80.4% {
animation-timing-function: cubic-bezier(0.2342,0.3708,0.5422,0.9065);
transform: translate(-38.4px,0px) rotate(0deg) scale(1,1) skewX(0deg) skewY(0deg);
opacity: 1;
}
100% {
transform: translate(0px,0px) rotate(0deg) scale(1,1) skewX(0deg) skewY(0deg);
opacity: 1;
}
}