@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');
:root{
--radius: 8px;
--cell-bg-color: #FAFAFA;
--main-corporate-color: #397CF3;
--main-bg-color: #f7f7f7;
--islas-color: #ffff;
--main-font: 'Poppins';
--font-color: #2A2E33;
--font-color-label: #AEAEAE;
--icon-arrow: url('data:image/svg+xml;utf8,');
}
body,
html {
margin: 0 !important;
background-color: var(--main-bg-color);
height:100%;
}
#wpadminbar{
display: none !important;
}
/*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:var(--islas-color);
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: var( --main-font); */
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="text"].field,
input[type="password"].field,
input[type="date"].field,
input[type="checkbox"].field,
select.field{
height: 32px;
}
input[type="checkbox"]{
appearance: none;
width: 16px !important;
height: 16px;
background-color: transparent;
border-radius: 4px;
border-color: #F5F5F5;
display: inline-block;
vertical-align: middle;
position: relative;
transition: 0.3s all ease-in-out;
cursor: pointer;
}
input[type="checkbox"]:hover:not(:checked, :disabled){
border-color: var(--main-corporate-color);
background: transparent;
}
input[type="checkbox"]:checked{
background: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: auto;
background-repeat: no-repeat;
border-color: transparent;
transition: 0.2s all ease-in-out;
}
input[type="checkbox"]:disabled:checked{
background: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: auto;
background-repeat: no-repeat;
border-color: transparent;
}
input[type="checkbox"]:disabled:not(:checked){
background-color: #F5F5F5;
border-color: #C9C9C9;
}
input[type="checkbox"]:checked::before{
transform: scale(1);
}
input[type="submit"] {
width: 305px;
height: 49px;
background: linear-gradient(
269.27deg,
#007df7 0.33%,
rgba(236, 225, 159, 0) 100%
),
var(--main-corporate-color);
font-family: var( --main-font);
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 24px;
text-align: center;
color: var(--islas-color);
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: var( --main-font);
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: var( --main-font);
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: var( --main-font);
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;
}
h5{
color: var(--font-color);
font-family: var( --main-font);
font-weight: 400;
font-size: 14px;
text-align: center;
line-height: 16px;
word-wrap: break-word
}
#lostpasswordform p {
font-family: var( --main-font);
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 21px;
color: #878787;
}
/*BARRA LATERAL*/
.barra_lateral {
grid-area: barraLat;
height: 100%;
width: 160px;
/* position:fixed; */
background: var(--islas-color);
border-right: 1px solid #f5f5f5;
}
.barra_lateral:has(input[type="checkbox"].logo_menu:checked){
width: 65px;
}
#page {
grid-area: mainPage;
vertical-align: top;
display: inline-block;
height: 100vh;
width: 100%;
overflow-y: scroll;
font-family: var(--main-font);
}
body.logged-in{
display: grid;
grid-template-columns: auto minmax(87%, 100%);
grid-template-areas:
"barraLat mainPage";
}
input[type="checkbox"].logo_menu {
width: 100% !important;
margin: 35px 0 22px 0;
border: none;
background-repeat: no-repeat !important;
background-position: center center !important;
padding-bottom: 15px;
appearance: none;
background-image: url("./images/BAMBAI_LOGO_ORIGINAL.png") !important;
background-color: transparent !important;
background-size: 80px !important;
height: 44px;
}
.logo_menu img {
width: 100%;
}
input[type="checkbox"].logo_menu::before {
content: "";
width: 0.65em;
height: 0.65em;
transform: scale(0);
transition: 125ms transform ease-in-out;
}
input[type="checkbox"].logo_menu:checked {
background-image: url("./images/LOGO_ORIGINAL.png") !important;
background-size: 16px !important;
height: 38px;
}
.menu li a {
font-family: var( --main-font);
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #2A2E33;
text-transform: uppercase;
padding-left: 5%;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
padding-left: 10px;
}
.menu {
padding-left: 7px;
}
.menu li {
display: grid;
padding: 9px 0;
background-repeat: no-repeat;
background-position: 4% center;
padding-left: 15%;
cursor: pointer;
}
.menu > li{
margin-top: 25px;
background-repeat: no-repeat;
background-size: 20px;
}
.menu li:hover a{
color: var(--main-corporate-color);
}
.menu li:hover > a,
.menu li a:hover{
font-weight: 420;
}
.barra_lateral:has(input[type="checkbox"].logo_menu:checked) ul.menu {
padding-left: 0%;
}
.barra_lateral:has(input[type="checkbox"].logo_menu:checked) ul.menu li {
height: 10px;
background-position:center !important;
display: grid;
}
.barra_lateral:has(input[type="checkbox"].logo_menu:checked) ul.menu li a{
display: none;
opacity: 0;
transition: display 0s, opacity 0.5s linear;
}
.menu > li:hover,
.menu > li.menu-item-has-children:hover,
.menu > li.current_page_item, .current-page-ancestor {
background-color: #F2F7FF;
border-radius: 10px 0px 0px 10px;
}
.menu > li:hover{
background-position: 4% center;
}
.menu_menusec_inicio {
background-image: url('data:image/svg+xml;utf8,');
/* background-size: 20px; */
}
.menu_menusec_inicio:hover,
.menu_menusec_inicio:is(.current_page_item,.current-page-ancestor) {
/* background-size: 20px; */
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_gesreservas {
background-image: url('data:image/svg+xml;utf8,');
/* background-size: 20px; */
}
.menu_menusec_gesreservas:hover,
.menu_menusec_gesreservas:is(.current_page_item, .current-page-ancestor) {
/* background-size: 20px; */
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_monitoreo {
/* background-size: 20px; */
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_monitoreo:hover,
.menu_menusec_monitoreo:is(.current_page_item, .current-page-ancestor) {
/* background-size: 20px; */
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_logistica {
/* background-size: 20px; */
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_logistica:hover,
.menu_menusec_logistica:is(.current_page_item, .current-page-ancestor) {
/* background-size: 20px; */
background-image: url('data:image/svg+xml;utf8,');
}
.menu_menusec_clientes {
background-image: url('data:image/svg+xml;utf8,');
/* background-size: 20px; */
}
.menu_menusec_clientes:hover,
.menu_menusec_clientes:is(.current_page_item, .current-page-ancestor) {
/* background-size: 20px; */
background-image: url('data:image/svg+xml;utf8,');
}
.menu-item-has-children:hover .sub-menu,
:is(.current_page_item, .current-page-ancestor) .sub-menu {
margin-top: 2px;
border-top: 1px solid #c4c4c4;
width: 90%;
}
.barra_lateral:has(input[type="checkbox"].logo_menu:checked) .sub-menu {
display: none;
}
.sub-menu {
display: none;
list-style: none;
padding: 0px;
margin: 0 0 0 7px;
}
.barra_lateral:has(input[type="checkbox"].logo_menu:checked) ul.menu li:hover li a,
.current_page_item a, .current-page-ancestor a {
color: #397CF3 !important;
/* background-color: #f7f7f7; */
}
.sub-menu li {
display: inherit;
padding: 12px 0 0;
}
.sub-menu li a {
text-transform: none;
}
.menu > li.menu-item-has-children:hover,
.menu > li.menu-item-has-children:is(.current_page_item, .current-page-ancestor) {
background-position: 5% 9px;
}
.menu-item-has-children::after {
content: "";
display: grid;
width: 20px;
float: right;
margin: 4px 5px 0 0;
}
.menu-item-has-children.menu_menusec_logistica:hover::after,
.menu-item-has-children.menu_menusec_monitoreo:hover::after,
.menu-item-has-children:is(.current_page_item::after, .current-page-ancestor::after) {
display: grid;
background: url('data:image/svg+xml;utf8,')
no-repeat;
width: 20px;
height: 20px;
float: right;
margin: 0 20px 0 0;
}
.menu-item-has-children.menu_menusec_monitoreo:hover::after,
.menu_menusec_monitoreo:is(.current_page_item::after, .current-page-ancestor::after) {
margin: -159px 0px 0px 100px;
padding-right: 18px;
}
.menu-item-has-children.menu_menusec_logistica:hover::after,
.menu_menusec_logistica:is(.current_page_item::after, .current-page-ancestor::after) {
margin: -108px 0px 0px 78%;
padding-right: 15px;
}
.menu-item-has-children:hover > ul.sub-menu,
.menu-item-has-children:hover > a {
display: grid;
}
.header_user_info {
float: right;
justify-content: right;
display: grid;
grid-auto-flow: column;
}
.header_user_info div {
display: inline-block;
vertical-align: middle;
margin: 0 10px;
}
.header_user_info div p {
font-family: var( --main-font);
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
margin: 0;
text-align: right;
}
.header_user_name {
font-family: var( --main-font);
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 30px;
color: var(--islas-color);
background: var(--main-corporate-color);
border-radius: 10px;
padding: 7px;
}
.header {
padding: 3%;
padding-left: 0;
background-color:var(--islas-color);
display: grid;
grid-template-columns: 50% 50%;
align-items: center;
padding: 35px 1% 22px 1%;
width: 98%;
}
.header h2 {
display: inline-block;
text-transform: capitalize;
font-family: var( --main-font);
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: var(--font-color);
margin: 0;
width: auto;
margin-left: 16px;
text-align:left;
}
.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: var(--islas-color);
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: var(--main-corporate-color);
border-radius: 10px;
font-family: var( --main-font);
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 18px;
color: var(--islas-color);
text-align: center;
margin: 0 !important;
display: flex !important;
justify-content: center;
align-items: center;
}
#content{
height: 88%;
}
#primary{
height: 100%;
}
.site-main{
width: 100%;
height: 100%;
}
#alertas_confirmadas {
height: 150px;
background: var(--islas-color);
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: var( --main-font);
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #000000;
margin-bottom: 21px;
}
#alertas_confirmadas thead {
position: sticky;
font-family: var( --main-font);
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: var(--islas-color);
border-radius: 10px;
padding: 30px;
margin: 2% 3%;
}
#inventario_sets h5 {
margin: 0;
font-family: var( --main-font);
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: var(--font-color);
}
.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: var( --main-font);
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 18px;
text-align: center;
color: var(--font-color);
}
.inventario_set_disponibles {
border-right: 1px solid #ededed;
}
.inventario_set_deposito {
border-left: 1px solid #ededed;
}
#inventario_set_disponibles_number {
font-family: var( --main-font);
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 48px;
text-align: center;
color: #48c03d;
}
#inventario_set_activos_number {
font-family: var( --main-font);
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 48px;
text-align: center;
color: var(--font-color);
}
#inventario_set_deposito_number {
font-family: var( --main-font);
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: var(--islas-color);
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: var( --main-font);
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: var(--font-color);
margin-bottom: 21px;
}
.cajetines_inicio_3 thead {
position: sticky;
font-family: var( --main-font);
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: var(--font-color);
text-align: left;
height: 40px;
vertical-align: top;
}
.tables {
margin: 2% 2%;
overflow: scroll;
padding-left: 0;
height: 70vh;
}
#boton_crear_Set{
position: absolute;
right: 9%;
top: 32px;
}
#botonBuscarCliente,
#botonBuscarEquipo,
#cleangestionCliente,
#cleangestionEquipos{
right: -480px;
top: -35px;
}
.titedirsec, .titedirpri,
.rowsTableEquipos h3{
text-align: left;
font-family: var( --main-font);
}
.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: var( --main-font);
font-style: normal;
font-weight: normal;
line-height: 21px;
color: var(--font-color);
text-align: -webkit-center;
vertical-align: middle;
}
.tables tr td:first-child {
cursor: pointer;
}
.tables tbody tr:nth-child(odd) {
background-color: var(--islas-color);
border: var(--islas-color);
}
.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;
}
.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%;
}
:is(.incidenciaysolucion,.subHistorial) .rowfilaedit input:first-child{
padding-left: 10px;
width: 189px;
}
.notasSeccion .rowfilaedit input,
:is(.subHistorial, .incidenciasfilaentera) .inputfilaedit {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
}
.incidenciasfilaentera:not(:first-child){
margin-top: 42px;
}
:is(.subHistorial, .incidenciaysolucion) .rowfilaedit input:last-child {
width: 100%;
}
.incidenciasfilaentera,
.subReserva,
.historialAlarma{
border: solid var(--main-corporate-color);
border-bottom: none;
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: var(--main-corporate-color);
}
.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 var(--main-corporate-color);
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: var(--font-color);
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;
}
.gsnewaddbutons{display:flex;}
.labelsim{
display:block;
}
.gsnewcampopass{
font-weight:700;
line-height:32px;
color: var(--font-color);
font-family:var( --main-font);
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;
border-radius: 50px;
width: 20px;
float: right;
text-align: center;
font-weight: bold;
font-size: 13px;
}
.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: var(--main-corporate-color) 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: var(--main-corporate-color);
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: var(--main-corporate-color);
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 0px 0 0;
width: 100%;
flex-grow: 1;
}
.labelcampo{
margin: 0;
}
.labelcampo select{
width: 100%;
height: 25px;
margin-top: 2px;
/* margin-left: 10px; */
}
.labelcheck{
min-width: 200px;
max-width: 584px;
flex-basis: 50%;
margin-top: 15px;
}
.labelradio {
height: 20px;
position: relative;
display: block;
margin: 8px 53px 0 0;
width: 100%;
flex-grow: 1;
min-width: 139px;
max-width: 160px;
flex-basis: 50%;
}
.labelcampo > span,
.labelcampo > div span {
top: 0;
left: 0;
/* width: 100%; */
height: 100%;
font-weight: 500;
color: var(--font-color-label);
border: 2px solid #C4C4C4;
transition: border-bottom-color 200ms ease-in-out;
border-radius: 22px;
pointer-events: none;
}
.labelcampo > span span {
position: absolute;
top: 0;
left: 5px;
transform-origin: 0% 50%;
transition: transform 200ms ease-in-out;
cursor: text;
font-family:var( --main-font);
}
.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: var(--main-corporate-color);
}
.spancampopass {
transform: scale(0.68) translateX(0px) translateY(-22px);
cursor: default;
}
.campopass{
opacity: 1 !important;
}
.field {
background: transparent;
font-weight: 300;
color: var(--font-color);
outline: none;
cursor: text;
display: block;
height: 17px;
width: 100% !important;
line-height: 32px;
padding: 3px 10px;
transition: opacity 200ms ease-in-out;
font-family:var( --main-font);
}
.field:disabled{
font-weight: 400;
color: var(--font-color);
border: 1px solid var(--font-color-label);
}
.field[value]{
border: 0 !important;
}
.field[value]:not(:disabled){
border-bottom: solid 0.5px #000000 !important;
}
.field:focus{
border: 1px #397CF3 solid !important;
}
.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 {
grid-area: campoReserva;
margin-left: 8px;
padding: 6% 0;
width: 100%;
height: 100%;
display: inline-block;
background-color: var(--islas-color);
border-radius: 15px;
margin-top: 16px;
}
.camposreserva div.div-drop{
padding: 18px 8px 12px 8px;
}
.camposreserva label.titreserva{
font-size: 14px;
}
.camposreserva label:hover{
cursor: pointer;
}
.camposreserva.reservaManual {
display: flex;
justify-content: center;
width: 57%;
padding: 1% 3% 4%;
}
.camposreserva.reservaManual .datosCliente {
width: 90%;
display: grid;
}
.camposreserva.reservaManual .labelcampo > span{
border: none;
}
.tabs-derecha{
font-family: var(--main-font);
font-size: 12px;
grid-area: tabsDerecha;
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
background-color: var(--islas-color);
border-radius: 0 0 15px 15px;
border-top: 1px solid #f5f5f5;
}
.botonregistro{
background-color: var(--main-corporate-color);
padding: 9px 22px;
text-align: center;
border-radius: 10px;
margin: 30px auto 30px auto;
color: white;
font-family: var(--main-font);
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: var(--main-font);
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
text-transform:capitalize;
cursor:pointer;
}
div label.titreserva,
h2.titreserva {
margin: 0 1% 0 3%;
display: inline-block;
width: auto;
}
h3.titreserva{
margin: 30px 0 0;
}
h4.titreserva{
margin: 10px 0 0;
}
.titreserva{
font-family: var(--main-font);
}
.sensorestableTit{
display:grid;
padding-left: 10px;
text-align: center;
/* grid-template-columns: 0fr 0.2fr 0.17fr 0.23fr 0.16fr 0.12fr 0.0fr; */
grid-template-columns: 10px 240px 100px 241px 138px 105px 110px;
}
.sensorestableTit h4{
font-family: var(--main-font);
margin-right: 25px;
}
.etiquetaRes {
display: inline-block;
background-color: var(--main-corporate-color);
color: white;
font-weight: bold;
padding: 1px 5px;
vertical-align: top;
margin: 0 3px;
}
.detallereserva {
--row-lat: 297px;
display: grid;
grid-template-columns: [line1]var(--row-lat) [line2] calc(100% - 32px - 2*(var(--row-lat))) [line3] var(--row-lat)[lastline];
grid-template-areas: "campoReserva tabsContainer tabsDerecha";
grid-gap: 16px;
width: 100%;
padding: 0 0;
height: 100%;
font-family: var(--main-font);
font-weight: 400;
font-style: normal;
}
.ico-label-item{
background-repeat: no-repeat;
background-size: 18px;
background-image: var(--ico-label);
}
.editar{
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.editar:hover{
background-image: url('data:image/svg+xml;utf8,');
}
.guardar{
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.guardar:hover{
background-image: url('data:image/svg+xml;utf8,');
}
.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: 16px;
height: 16px;
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;
}
/* estos dos seguramente se quiten, se sustituyen por drop-down o ico-desplega */
.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;
}
.ico-check{
margin: 4px 0 0 0;;
background-image: url('data:image/svg+xml, ');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 3px;
}
.ico-check-contour{
margin: 4px 0 0 0;
background-image:url('data:image/svg+xml, ');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 3px;
}
.ico-check-contour:hover,
.ico-check-guardar{
margin: 4px 0 0 0;
background-image:url('data:image/svg+xml, ');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 3px;
cursor:pointer;
}
.ico-check-guardar:hover{
background-image:url('data:image/svg+xml,');
transition: all ease 0.3s;
}
.ico-copy{
margin: 4px 0 0 0;
background-image:url('data:image/svg+xml,');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 3px;
cursor:pointer;
}
.tab-button-borrar{
background-image:url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 21px;
padding: 1% 4% 1% 1%;
background-color:transparent;
border-style: none;
width: 20px;
}
.tab-button-borrar-active{
background-image:url('data:image/svg+xml,');
}
.tab-button-borrar-active{
background-image:url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 21px;
padding: 1% 4% 1% 1%;
background-color:transparent;
border-style: none;
width: 20px;
}
.tab-button-borrar-active:hover{
background-image: url('data:image/svg+xml,');
}
.tab-button-add,
.tab-button-guardar{
background-repeat: no-repeat;
background-size: 21px;
padding: 1% 4% 1% 1%;
background-color:transparent;
border-style: none;
width: 20px;
margin: 0;
}
.ico-desplegar {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-color:transparent;
border-style: none;
width: 20px;
margin-top: 3px;
padding-top: 0;
}
.ico-desplegar:hover{
background-image: url('data:image/svg+xml,');
}
.ico-desplegar-active{
background-image:url('data:image/svg+xml,');
background-repeat: no-repeat;
background-color:transparent;
border-style: none;
width: 20px;
margin-top: 3px;
}
.ico-desplegar-active:hover{
background-image: url('data:image/svg+xml,');
}
.ico-camera{
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.grid-cell a{
display: grid;
}
span.ico-camera{
margin: 0 auto;
display: inline-block;
text-align: left;
width: 16px;
height: 16px;
}
:is(.ico-camera, .ico-desplegar, .drop-button):hover{
cursor:pointer;
}
.ico-add {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.ico-add:hover{
background-image: url('data:image/svg+xml,');
}
.ico-aspa {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
}
.ico-aspa:hover{
background-image: url('data:image/svg+xml,');
}
.ico-notebook-labeled {
--ico-label: url('data:image/svg+xml,');
}
.ico-bookmark{
--ico-label: url('data:image/svg+xml,');
background-size: 14px;
}
.ico-phone{
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-color:transparent;
background-size: 18px;
padding-left: 22px;
}
.ico-email{
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-color:transparent;
background-size: 18px;
padding-left: 22px;
}
.ico-location{
background-image:url('data:image/svg+xml,') ;
background-color:transparent;
background-repeat: no-repeat;
background-size: 18px;
padding-left: 22px;
}
.ico-tag{
background-image: url('data:image/svg+xml,');
background-color:transparent;
background-repeat: no-repeat;
padding-left: 22px;
}
.ico-policia{
--ico-label: url('data:image/svg+xml,');
}
.ico-set{
--ico-label: url('data:image/svg+xml, ');
}
.tabs-derecha .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: var(--main-corporate-color);
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;
}
.search_bars,
.titSimEquipo,
.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;
}
:is(.submenuAcciones,.submenuRetardos) div,
.submenuCaracteristicas div{
margin: 8px 70px 4px 39px;
}
.submenuAcciones div div{
height:19px;
}
/*.submenuConfig .rowfilaedit input,*/
.submenuTelefonos .rowfilaedit input,
:is(.submenuAcciones .submenuRetardos,.submenuCaracteristicas) div input{
text-align:center;
font-size:14px;
min-width: 136px;
max-width:140px;
height: 32px;
margin: 7px 20px 0 39px;
}
.submenuAcciones div.rowfilaedit div.guardar,
.submenuAcciones div.rowfilaedit div.switchcon{
height:40px;
}
.submenuAcciones div.rowfilaedit div.guardar{
height:35px;
}
:is(.submenuAcciones, .submenuRetardos) div .switchcon,
.submenuCaracteristicas div .switchcon {
margin-right: 61px;
}
:is(.submenuAcciones, .submenuRetardos) div .guardar,
.submenuCaracteristicas div .guardar{
margin-left: 0;
}
.submenuAcciones div input{
text-align:left;
}
.submenuTelefonos{
display:grid;
margin-left:-84px;
}
.submenuOtros{
display: grid;
margin-left: 16px;
}
.submenuOtros .rowfilaedit:not(first-child){
margin-top: 16px;
}
.submenuOtros .icoBoton{
height: 22px;
}
.submenuOtros .rowfilaedit input.firmVersion{
margin-left: 46px;
width: 370px;
}
.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:var(--main-corporate-color);
cursor:pointer;
}
.equipostableConfig{
padding-left:10px;
}
.equipostableConfig .rowfilaedit{
display:inline-flex;
}
.dataEquipoHeyi .rowfilaedit{
display: flex;
}
.titeConfig,
.titequiposConfig {
font-family: var(--main-font);
font-style: normal;
font-weight: 500;
line-height: 1.25;
margin: 10px 0 10px;
font-size: 16px;
}
.titeConfig{
padding-left: 36px;
}
.tipo-sensores {
height: 40px;
margin: 0 17px;
width: 26%;
}
.rowfilaedit {
display: flex;
align-items: end;
}
.row {
display: flex;
flex-wrap: wrap;
}
.contactostable input[type="text"]{
width:115px;
}
.inputfilaedit {
border: none !important;
font-family: var(--main-font);
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 var(--main-corporate-color) !important;
}
.facturares{
padding: 4px 8px;
border-radius: 4px;
font-family: var(--main-font);
font-size: 14px;
text-align: center;
width: 175px;
background-color: white;
font-weight: 400;
display: inline-block;
cursor: pointer;
}
.facturares:hover{
color: var(--main-corporate-color);
}
.facturares-active{
border: 2px solid var(--main-corporate-color);
color: var(--main-corporate-color);
}
.facturares-NoActive{
border: none;
color: var(--font-color);
}
.facturares > span:is(.ico-persona, .ico-persona-active, .ico-empresa, .ico-empresa-active){
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 8px;
margin-right: 4px;
}
.facturares span.ico-persona{
background-image: url('data:image/svg+xml,');
}
.facturares:hover span.ico-persona,
.facturares span.ico-persona-active{
background-image: url('data:image/svg+xml,');
}
.facturares span.ico-empresa{
background-image: url('data:image/svg+xml,');
}
.facturares:hover span.ico-empresa,
.facturares span.ico-empresa-active{
background-image: url('data:image/svg+xml,');
}
.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: var(--main-corporate-color);
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: var(--islas-color);
margin-bottom: 20px;
}
#titmodalreserva {
margin: 0;
color: var(--font-color);
text-align: center;
font-family: var(--main-font);
font-weight: 400;
font-size: 26px;
}
.linea {
margin: 0 auto;
border-top: 1px solid var(--main-corporate-color);
height: 2px;
max-width: 56%;
padding: 0;
position: relative;
top: 12px
}
#contenidomodalreserva {
padding-top: 30px;
font-family: var(--main-font);
min-width: 50vw;
max-height: 50vh;
}
.scrollClass{
max-height: 50vh;
overflow-y: scroll;
}
.stripeSeccion .stripetable .stripetablerow{
min-width: 56vw;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px
}
.stripeSeccion .stripetable .stripetablerow div.stripetablecell:nth-child( odd){
text-align: right;
font-weight: 500;
}
.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: var(--main-font);
}
#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: var(--main-font);
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-width: 4px;
padding:10px;
margin: 0 auto;
position: relative;
}
:is(.contAñadirSol, .notastable) .rowfilaedit input{
min-width: 20%;
text-align: center;
padding: 0 10px;
background-color: transparent;
font-size: 14px;
font-weight: 500;
display: inline;
position: absolute;
transform: scale(.85) translateY(-38px);
}
.notastable .rowfilaedit:not(:first-child){
margin-top: 30px;
}
:is(.contAñadirSol, .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-top: 20px;
padding-left: 10px;
}
.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: none !important;
margin: 10px 0;
}
.contAñadirSol .rowfilaedit .botonCuadrado{
transform: scale(.85) translate(-43px,-117px);
width: 23px;
}
.sensorestable .rowfilaedit input:first-child{
width: 3%;
font-size: 13px;
}
.sensorestable .rowfilaedit input:not(:first-child),
.sensorestable .rowfilaedit select{
margin-left: 10px;
font-size: 13px;
width: 165px;
}
.sensorestable .rowfilaedit:not(:first-child){
margin-top: 20px;
}
.sensorestable .rowfilaedit select,
.sensorestable .rowfilaedit input{
text-align: center;
}
.sensorestable .rowfilaedit input{
width: 200px;
}
.submenuTelefonos .rowfilaedit:not(:first-child) {
margin-top:16px;
}
:is(.submenuTelefonos, .sensorestable) .rowfilaedit .botonCuadrado{
margin: 0 12px;
}
.contAñadirSol{
width: 529px;
height: 48px;
padding: 8;
background: 'white';
border-radius: 8px;
border: '1px #397CF3 solid';
flex-direction: 'column';
justify-content: 'flex-start';
align-items: 'flex-start';
gap: 4;
display: 'inline-flex';
}
.contAñadirSol .rowfilaedit{
vertical-align: none;
}
.contAñadirSol .rowfilaedit input{
transform:scale(.85) translate(-89px,-11px);
}
.contAñadirSol .rowfilaedit input:nth-child(2){
transform:scale(.85) translate(159px,-11px);
}
.contAñadirSol .rowfilaedit div.guardar{
display: flex;
}
.submenuEquipos .rowfilaedit input{
text-align: center;
}
.submenuEquipos .rowfilaedit .idReserva{
cursor: pointer;
}
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;
}
.detalleCliente,
.detalleEquipo{
display: block;
}
:is(.detalleEquipo, .detalleCliente) > div{
margin-top:20px;
width: 97%;
}
.campoCrearSet{
background-color: #f1f4f4;
border-radius: 0 10px;
}
.clientes_table,
.equipos_table {
display: inline-block;
margin-top: 30px;
}
/* .gestionSet, */
:is(.campoClienteInfo, .campoEquipoInfo) div.contentInputgestion {
padding: 30px 0 10px 0;
}
:is(.campoClienteInfo, .campoEquipoInfo){
display: grid;
grid-template-columns: 1fr 1fr;
margin-left: 20px;
}
.campoCrearSet{
margin-bottom: 80px;
padding-bottom: 30px;
}
.campoCrearSet h1,
:is(.campoClienteInfo, .campoEquipoInfo) h1{
font-family: var(--main-font);
width: 98.5%;
height: 57px;
align-items: center;
background-color: var(--main-corporate-color);
color:white;
display:grid;
margin:11px 0;
padding: 4px 0 15px 22px;
border-radius: 10px;
}
/* estilo general tablas */
.pagination{
color: var(--font-color-label);
display: grid;
grid-template-rows: 1fr 1fr;
}
.pagination > div{
display: flex;
justify-content: right;
margin: auto 0;
}
.pagination > div:nth-child(2) > p,
.pagination > div:nth-child(2){
margin:0;
}
.pagination > div div{
border-radius: 8px;
padding: 5px 10px;
margin-right: 5px;
cursor: pointer;
}
.pagination > div div:last-child{
padding-right: 0;
margin-right: 0;
}
.pagination > div div.active{
background: var(--f-2-f-7-ff, #F2F7FF);
color: #397CF3;
}
.tb_b > div:nth-child(2){
margin-left: 2%;
margin-right: 20px;
}
.tb_b .rowsTableEquipos {
background-color: #f7f7f7;
border: solid #f7f7f7;
border-radius: 10px;
width: 46%;
padding-left:20px;
}
.tb_b {
margin-bottom: 20px;
margin-left: 20px;
width: 97%;
display: inline-flex;
}
.tb_b > div {
display: grid;
grid-auto-rows: 1fr;
grid-gap: 10px;
padding-bottom: 20px;
border-radius: 8px;
border: 1px solid #F5F5F5;
color: #000;
font: normal 400 14px/16px Poppins;
line-height: normal;
}
.tb_b > div .grid-row .grid-cell a{
color: #000;
font: normal 400 14px/16px Poppins;
line-height: normal;
}
.tb_b > div .grid-row .grid-cell {
width: 100%;
height: auto;
display: flex;
justify-content: center;
text-align: center;
}
.tb_b > div .grid-row .grid-cell img{
width: 80%;
height: auto;
}
.tb_b > div .grid-row:first-child{
color: #AEAEAE;
}
.equipos_table.tb_b > div .grid-row:first-child{
height: 44px;
}
.tb_b > div .grid-row:first-child > div:not(:first-child){
border-left: 1px solid #F5F5F5;
}
.tb_b > div .grid-row:not(:last-child){
border-bottom: 2px solid var(--main-bg-color);
}
/* fin estilo general tabla */
/* input search gestón de equipo */
.gestionSet,
.gestionClientes
.gestionEquipos {
margin-right: 33px;
overflow: hidden;
position: relative;
width: 100%;
max-width: 750px;
display:inline-block;
}
:is(.gestionEquipos, .gestionClientes) .botonBuscar{
width: 150px;
float: left;
margin: 0px 4%;
text-align: center;
}
:is(.gestionEquipos, .gestionClientes) div input{
text-align: center;
}
:is(.gestionEquipos, .gestionClientes) .cleangestionEquipos {
width: 20%;
float: left;
margin-top: 43px;
}
:is(.gestionEquipos, .gestionClientes, .gestionSet) .icoBoton{
margin: 6px;
height: 21px;
}
:is(.gestionEquipos, .gestionClientes) input.search_input,
.gestionSet input.crear_Set{
text-align: left;
}
/* fin input search gestón de equipo */
.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: var(--main-font);
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;
}
.newAddress,
.direccionSec,
.direccionPrinc{
margin-bottom: 50px;
}
:is(.dataEquipoHeyi, .direccionSec, .direccionPrinc) .rowfilaedit p{
margin: 0 2px 10px 0;
font-weight: 600;
}
.direccionSec:first-child{
display: block;
margin-left: 50px;
font-family: var(--main-font);
}
.dataEquipoHeyi,
.newAddress,
.direccionPrinc,
.direccionSec {
padding:10px;
background-color: #f7f7f7;
border: solid #e9f0ff9e;
border-radius: 10px;
display: flex;
}
.newAddress,
.dataEquipoHeyi{
display: block;
font-size: 14px;
}
.dataEquipoHeyi .rowfilaedit input{
margin-left: 10px;
font-size: 13px;
}
.dataEquipoHeyi .rowfilaedit input.userHeyi{
width: 328px;
}
.dataEquipoHeyi .rowfilaedit input.devNameHeyi{
width: 293px;
}
:is(.direccionPrinc, .direccionSec) .datafila{
width: 87%;
}
:is(.direccionPrinc, .direccionSec) .botones-fila{
width: 11%;
}
:is(.direccionPrinc, .direccionSec) .botones-fila .rowfilaedit{
justify-content: end;
display: grid;
padding-top: 12%;
}
.incidenciaysolucion .botones-fila{
display: grid;
padding-top: 10px;
}
:is(.direccionPrinc, .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:var(--main-corporate-color)
}
.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{
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;
}
.radioCampo{
display: inline;
}
.campo .optResCheckbox,
.campo .optResRadio{
width: 15px;
margin-right: 5px;
}
:is(.radioCampo, .tipoPlanCampo, .tipoReservaCampo) .campo {
display: block ruby;
}
.labelradio:not(last-child) {
margin-right: 50px;
min-width: 97px;
max-width: 143px;
}
.radioCampo .campo select{
text-align: center;
}
#pagoExiste{
margin-left: 87px;
}
.labelcampo.fechaReserva{
margin-right: 10px;
}
.camposreserva.reservaManual .datosCliente div div.campo{
max-width: 52vw;
min-width: 100%;
}
/* Tab content menu css*/
/* Estilo base para los botones */
.tab-container {
grid-area: tabsContainer;
width: 100%;
height: 100%;
padding: 0 0;
display: flex;
flex-direction: column;
margin-top: 16px;
}
.tab-container > div.tab-table{
margin-top: 16px
}
.tab-row {
justify-content: flex-start;
align-items: flex-start;
display: inline-flex;
}
.tab-button{
justify-content: center;
align-items: center;
font-family: var( --main-font);
font-size: 14px;
font-weight: 400;
border: none;
background-color: transparent !important;
color: var(--font-color);
text-transform: capitalize;
padding: 8px 16px;
cursor: pointer;
border-bottom: 0.50px #C9C9C9 solid; /* Línea inferior de color gris por defecto */
}
/* Estilo de hover para los botones */
.tab-button:hover{
border-bottom: 0.50px #397CF3 solid;
font-weight: 500;
cursor: pointer;
background-color: #397CF3;
}
.tab-pane{
max-height: 50vh;
overflow-y: scroll;
}
.tab-pane > .rowfilaedit > div.botonregistro{
margin-top: 0;
}
.tab-pane-borderStyle{
border-radius: 8px;
border-right: 1px solid #F5F5F5;
border-bottom: 1px solid #F5F5F5;
border-left: 1px solid #F5F5F5;
background:#FFF;
}
/* Estilo para los botones activos/seleccionados */
.tab-active{
border-bottom: 2px solid #397CF3; /* Línea inferior de color azul cuando está activo */
font-weight: 500;
}
.radius-table{
border-radius: 8px;
}
/*fin tab content menu*/
/*
css tab-grid
*/
/* Define tus estilos CSS aquí, como se mostró en la respuesta anterior. */
#gridTableClientes{
overflow: scroll;
padding-left: 0;
height: 70vh;
}
.grid-table {
width: 100%;
background-color: var(--islas-color);
font-family: var(--main-font);
font-size: 12px;
font-style: normal;
}
.grid-table div[role="button"]{
cursor: pointer;
}
.grid-cell {
text-align: left;
align-items: center;
}
.grid-cell:empty{
padding:0;
}
.grid-cell p{
margin: 0;
}
.gridContainerIC .grid-cell p:first-child{
font-weight: 500;
}
.grid-text-overflow{
padding: 10px;
}
.grid-text-overflow p{
overflow-wrap: break-word;
}
.grid-id-overflow p{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.grid-row.grid-header{
padding: 0;
color: var(--font-color-label);
}
.cell-container{
display: grid;
grid-template-columns: [line1]minmax(0, 30px) [line2]minmax(0, auto) [line3]minmax(0, auto) [line4]minmax(0, auto)[lastline];
}
.gridContainerIC,
.gridContainerAC,
.gridContainerLog,
.gridContainerReg{
grid-gap: 5px 10px;
display: grid;
grid-template-columns: [line1]minmax(0, auto) [line2]minmax(0, auto) [line3]minmax(0, auto) [line4]minmax(0, auto)[lastline];
}
.gridContainerIC{
grid-template-columns: [line1] minmax(0, 30px) [line2] minmax(0, auto) [lastline];
}
.gridContainerIC,
.gridContainerAC{
grid-gap: 5px 0;
}
.gridContainerReg{
grid-template-columns: [line1]minmax(0, 30px) [line2]minmax(0, auto) [line3]minmax(0, auto) [line4]minmax(0, auto)[lastline];
}
.gridContainerLog{
grid-template-columns: [line1]minmax(0, 20px) [line2]minmax(0, auto) [line3]minmax(0, auto) [line4]minmax(0, auto)[lastline];
}
.gridContainerSuscripcion,
.gridContainerPolicia,
.gridContainerNotas{
display: grid;
grid-template-columns:[line1]minmax(0, 22px) [line2]minmax(0, auto) [line3]minmax(0, auto) [line4]minmax(0, auto)[lastline];
width: 91%;
grid-gap: 8px
}
:is(.gridContainerSuscripcion, .gridContainerNotas, .gridContainerIC) div.cell-text-add-sol input{
width: 100%;
border: none;
}
:is(.gridContainerNotas, .gridContainerPolicia, .gridContainerSuscripcion) div input{
width: auto;
}
.gridContainerNotas div.cell-child{
grid-template-columns: 65% 34%;
text-align: left;
}
.gridContainerNotas div.cell-child p:nth-child(1){
padding-top: 0;
}
.gridContainerNotas div.cell-child p:nth-child(2){
text-align: right;
}
.gridContainerPolicia > .grid-cell:nth-child(odd){
border: 2px solid var(--main-bg-color);
border-radius: 8px;
padding: 8px 12px;
}
:is(.gridContainerSuscripcion, .gridContainerPolicia) .grid-cell p:first-child{
font-weight: 500;
padding-bottom: 5px;
}
:is(.gridContainerPolicia) div.cell-text-add-sol input{
width: 100%;
border: 1px solid #c4c4c4;
}
.gridContainerSuscripcion .grid-cell:nth-child(even){
border: 2px solid var(--main-bg-color);
border-radius: 8px;
padding: 8px 12px;
}
.gridContainerNotas div p:not(last-child){
padding: 8px 0 0 2px;
}
.grid-cell.gridContainerLog {
padding: 10px 12px 25px 30px;
}
.grid-cell.gridContainerLog div{
padding-top: 10px;
}
.row-center{
align-self: center;
justify-self: center;
}
.all-row{
grid-column-start: 1;
grid-column-end: span lastline;
padding: 8px 0 8px 3%;
}
div.all-row{
margin-right: 1%;
}
.row-3-atEnd{
grid-column-start: 3;
grid-column-end: span lastline;
padding: 10px;
margin-right: 1%;
}
.row-2-atEnd{
grid-column-start: 2;
grid-column-end: span lastline;
padding: 10px;
margin-right: 1%;
}
.regHeader{
padding: 16px 16px 16px 16px;
font-weight: 500;
font-size: 14px;
align-content: center;
display: flex;
}
.gridContainerIC .regHeader:not(first-child),
:is(.gridContainerAC, .gridContainerReg) .regHeader:not(:first-child) {
border-top: 1px solid #F5F5F5;
}
.cell-solucion-header{
color:#397CF3;
}
.cell-child{
background-color: #FAFAFA;
border-radius: 8px;
margin-top: 8px;
padding: 8px;
display: grid;
grid-template-columns: 30% 70%;
}
.cell-add-sol{
border: 1px #397CF3 solid;
border-radius: 8px;
background: transparent;
margin-top: 16px;
margin-right: 3%;
padding: 8px;
}
.cell-create-IC{
border: none;
margin-top: 0;
}
.cell-create-IC > label {
border-top: none !important;
}
.cell-create-IC .cell-add-sol{
margin-top: 0;
}
.cell-date-add-sol{
padding: 0;
}
div.cell-text-add-sol{
padding: 16px 0 0 0;
}
div.cell-text-add-sol input.input-sol{
width: 100%;
padding: 4px 16px;
height: 30px;
border: none;
}
.cell-solucion{
background-color: #F2F7FF;
border-radius: 8px;
padding: 0 0 0 3%;
margin-top: 8px;
padding: 8px;
}
.cell-solucion p:first-child{
font-weight: 500;
color:#397CF3;
}
/* Estilos para celdas generales*/
.cell-hide{
display: none;
}
.cell-bold{
font-weight: 500;
}
.cell-text-gray{
color: var(--font-color-label, #AEAEAE);
justify-self:end;
}
.cell-margin{
padding: 0;
margin: 0 0 0 37px;
}
.ico-botongrid{
border: 0px;
width: 45px;
}
.textoBoton{
margin: 30px 0;
font-size: 13px;
padding: 8px 16px;
margin: 16px 0
}
span.ico-desplegar,
span.ico-copy,
span.ico-check-contour,
span.ico-check-guardar,
span.ico-check{
width: 16px;
height: 16px;
display: grid;
place-items: center center;
padding-right: 8px;
}
/* tabs-derecha */
.tabs-derecha > div{
padding: 16px;
}
.grid-drop > label {
padding-left: 20px;
cursor: pointer;
}
:is(.grid-drop, .grid-actions, .div-drop) > input{
cursor: pointer;
}
.tabs-derecha > div.grid-cell{
display: grid;
grid-template-columns: 60% 40%;
}
.tabs-derecha > div.grid-cell .grid-actions{
display: grid;
justify-content:end;
grid-template-columns:20% 20% 20%;
height: 20px;
}
.tabs-derecha > div.grid-cell .scrollClass{
overflow-x: hidden;
}
.tabs-derecha > div.grid-cell > div.all-row{
padding: 8px 0;
margin-right: 0;
}
/* Fin tab-grid */
/* Contenido de la izquierda */
.seccion-izq{
font-family: var(--main-font);
padding-left: 8px;
padding-right: 20px;
padding-bottom: 32px;
border-bottom: 3px solid #f7f7f7;
}
.seccion-izq :is(.botonCuadrado, input[type="button"]){
width: 13px;
height: 13px;
background-size: 12px;
margin: auto 4px;
}
.seccion-izq input:not(input[type="button"]){
border-radius: 0;
border-bottom: 1px solid #C9C9C9;
}
.seccion-izq .all-row{
padding: 0;
}
.seccion-izq:last-child {
border-bottom: none
}
.seccion-izq .row.row-grid .campo .labelcampo,
.seccion-izq .row.row-grid {
width: 100%;
height: auto;
}
.seccion-izq .row.row-grid:not(:first-child){
margin-top: 8px;
}
.seccion-izq .row.row-grid .campo {
display: grid;
grid-template-columns: [line1]minmax(0, auto) [line2]minmax(0, auto)[lastline];
grid-gap: 8px;
margin-bottom: 0;
}
.seccion-izq .row.row-grid .campo .labelcampo > span,
.seccion-izq .row.row-grid .campo .labelcampo > div span{
border: none;
font-size: 10px;
line-height: 0;
margin: 0;
}
.seccion-izq .row.row-grid .campo .labelcampo > span:has(select){
padding-left: 10px;
}
.seccion-izq .row.row-grid .campo .field{
padding: 3px 5px;
height: 20px;
}
.seccion-izq .row.row-grid .campo .spancampopass {
transform: scale(1) translateX(0px) translateY(-9px);
}
.seccion-izq.izq-main-name{
display: grid;
grid-template-columns: [line1]minmax(0, auto) [line2]minmax(0, auto)[lastline];
grid-gap: 2px;
}
.switch {
position: relative;
display: block;
width: 60px !important;
height: 34px !important;
}
.switch input {
opacity: 0;
min-width: 0;
max-width:0;
min-height: 0;
max-height:0;
}
.slider {
position: absolute;
cursor: pointer;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
margin-top: 25px !important;
}
.slider:before {
position: absolute;
content: "";
height: 21px;
width: 21px;
left: 4px;
bottom: 2px;
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:before {
border-radius: 50%;
}
.labelcampo > .slider.round{
width: 54px;
height: 25px;
border-radius: 34px;
}
.seccion-izq .row.row-grid:has(input:checked + .slider.round){
margin-bottom: 20px;
}
#facturacion-buttons.campo{
display: grid;
grid-template-columns: [line1]minmax(0, auto) [line2]minmax(0, auto) [line3]minmax(0, auto)[lastline];
align-items: center;
justify-content: center;
gap: 4px;
position: relative;
border-radius: 4px;
}
#facturacion-buttons.campo > div:not(:last-child){
width: auto;
}
/* Estillo tablas dynamicTables.php */
.ordenado-asc:after {
content: '\25B2'; /* Triángulo hacia arriba */
}
.ordenado-desc:after {
content: '\25BC'; /* Triángulo hacia abajo */
}
/* Fin tablas dynamicTables.php */
.selectDIV{
min-width: 123px;
}
select {
/* Reset */
appearance: none;
border: 0;
outline: 0;
/* Personalize */
text-align: center;
/* padding-right: 2em; */
background: #F2F7FF;
color: var(--font-color);
border-radius: 8px;
cursor: pointer;
}
select.unedited{
background: #F2F7FF;
padding-right: 0;
cursor: auto;
}
select:not(.unedited):hover{
border: 1px solid var(--main-corporate-color);
transition: all 0.3s ease;
}
select:focus{
outline: none;
}
select option {
background:#F2F7FF
}
.campo span.drop-select{
background: var(--icon-arrow);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 20px;
width: 20px;
padding-top: 6px;
}
.campo div:has(select.unedited) span.drop-select {
background: none;
}
.cell-inline-flex{
display: inline-flex !important;
}
/* Estilo modal select*/
#contenidomodalreserva .finishResSeccion {
width: 100%;
height: 100%;
margin-top: 10px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.modal-btn {
font-family: var(--main-font);
font-weight: 500;
font-size: 16px;
margin-right: 10px;
padding: 8px 12px;
cursor: pointer;
background-color: var(--main-corporate-color);
color: #fff;
border: none;
border-radius: 4px;
transition: background-color 0.3s;
}
.modal-btn:hover {
background-color: #2980b9;
}
/* Fin estilo modal select*/
/* estilo sets equipos */
.detalleSet > div.camposreserva{
width: 100%;
}
.grid-table.set-equipos{
background: none;
}
.grid-table.set-equipos > div.grid-row {
background-color: #ffff;
display:grid;
grid-template-columns:[line1] 66px [line2] calc(100% - 66px);
grid-column-gap: 8px;
color: var(--font-color);
padding: 16px;
margin: 0 8px 8px 8px;
border-radius: 8px;
border: 1px solid #F5F5F5;
}
.tab-container .sets-info{
padding: 8px;
border-radius: var(--raius, 8px);
background: var(--f-5-f-5-f-5, #F5F5F5);
}
.grid-table.set-equipos > div.grid-row > div.grid-cell .grid-cell{
width: 100%;
display: inline-flex !important;
}
.grid-table.set-equipos > div.grid-row > div.grid-cell > div.grid-cell:first-child{
font-size: 16px;
font-weight: 500;
line-height: 18px;
}
.grid-table.set-equipos .grid-cell img{
width: 100%;
}
/* fin estilo sets equipos*/
@media screen and (max-width: 1200px){
.barra_lateral{
width: 145px;
}
.menu li a{
font-size: 12px;
}
:is(.clientes_table #equipos_table) > div:not(:first-child) {
margin-left: 0;
}
.clientes_table,
#equipos_table{
display: block;
}
:is(#clientes_table, .equipos_table) .rowsTableEquipos{
width: 100%;
}
.incidenciaysolucionCliente .rowfilaedit .textAreaWrapper{
min-width: 74%;
}
.camposreserva.reservaManual .datosCliente div div.campo{
min-width: 60vw;
}
.camposreserva.reservaManual{
width: 85%;
}
.labelradio:not(last-child) {
margin-right: 14px;
}
.sensorestable .rowfilaedit select{
width: 40%;
font-size: 12px;
}
.sensorestable .rowfilaedit input{
width: 36%;
}
.detallereserva{
--row-lat: 26%;
}
}
@media screen and (max-width: 1100px){
.barra_lateral{
width: 130px;
}
.menu li a{
font-size: 10px;
}
.menu-item-has-children::after {
background-size: 79% ;
}
#tablaequipo,
.subReserva .rowfilaedit .subReservaid {
width: 45%;
}
.subReserva .rowfilaedit .subReservatipo{
width: 15%;
}
.camposreserva.reservaManual{
padding-left: 5%;
}
}
@media screen and (max-width: 1048px){
.barra_lateral{
width: 115px;
}
.menu li a{
font-size: 9px;
}
.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)
}
.radioCampo .campo{
display: flex;
flex-wrap: nowrap;
}
.radioCampo .campo #pagoExiste{
margin-left: 0px;
}
.grid-drop > label{
font-size: 12px;
}
.tab-button{
font-size: 12px;
}
}
@media screen and (max-width:980px){
.detallereserva{
--row-lat: 210px;
}
.barra_lateral{
width: 65px;
}
ul.menu {
padding-left:0;
}
.menu li a {
color:transparent !important;
}
.menu li {
height: 10px;
background-position: 50% center !important;
}
.logo_menu img {
width: 200px;
}
input[type="checkbox"].logo_menu {
background-image: url("./images/LOGO_ORIGINAL.png") !important;
height: 38px;
background-size: 16px !important;
padding-bottom: 15px;
}
.menu-item-has-children::after {
margin: -13px 3px 0 0;
}
.barra_lateral .sub-menu{
display:none !important ;
}
.center {
width: 450px;
height: 490px;
}
.center div {
display: block;
height: 23%;
width: 100%;
}
.login-form {
width: 270px !important;
}
.sensorestableTit{
text-align: left;
grid-template-columns: 0.07fr 0.26fr 0.2fr 0.24fr 0.08fr 0.08fr;
}
.notastable .rowfilaedit input{
min-width: 40%;
}
.camposreserva.reservaManual {
width: 75%;
display: block;
padding-left: 9%;
}
.tab-button{
font-size: 11px;
}
}
@media screen and (max-width:900px){
.tabs-derecha,
.camposreserva {
width: 100%;
}
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;
}
.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;
}
#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%;
}
.detallereserva {
height: auto;
grid-template-columns: 256px calc(100% - 256px) !important;
grid-template-areas: "campoReserva tabsContainer"
"campoReserva tabsDerecha";
grid-template-rows: 40% 55%;
row-gap: 2%;
}
.tabs-derecha,
.tab-table {
height: 100%;
}
}
@media screen and (max-width:600px){
.detallereserva {
height: auto;
grid-template-columns: 1fr !important;
grid-template-areas: "campoReserva"
"tabsContainer"
"tabsDerecha";
grid-template-rows: 100%;
row-gap: 5%;
}
#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: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;
}
}