.page-header-container{display:flex;flex-flow:column;margin-bottom:8px;gap:16px}.page-header-container h2{margin:0}.page-header-container .menu-button{display:flex;flex-flow:column}.page-header-container .menu-button .MuiButton-label{justify-content:space-between !important;padding-right:4px}@media screen and (min-width: 768px){.page-header-container{flex-flow:row;justify-content:space-between}}
.editRemove,.saveChangesDiscard,.saveDiscard{display:flex;flex-direction:row;width:100%;background-color:rgba(0,0,0,0);z-index:1;position:relative;margin:0}.editRemove{justify-content:space-between}.saveChangesDiscard,.saveDiscard{justify-content:flex-end;gap:12px}
.containerZ,.containerZZ{display:flex;flex-direction:column;padding:2px 1.5vw 24px 1.5vw;height:calc(100% - 69px)}.containerZ .containerButtonH2,.containerZZ .containerButtonH2{display:flex;justify-content:space-between}.containerZ .containerButtonH2 #noTop,.containerZZ .containerButtonH2 #noTop{margin-top:0px}.containerZ h2,.containerZZ h2{white-space:nowrap;text-overflow:ellipsis;margin-top:0rem}.containerZ h3,.containerZZ h3{color:#1a237e;font-weight:500;font-size:20px;margin-top:0px;margin-bottom:0px}.containerZ h4,.containerZZ h4{color:#1a237e;font-weight:400;font-size:16px;line-height:24px;margin-top:0px;margin-bottom:0px;align-self:center}.containerZ h6,.containerZZ h6{margin-top:0px;margin-bottom:0px;font-size:1.25rem;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:500;line-height:1.6;letter-spacing:.0075em}.containerZ .containerSpinner,.containerZZ .containerSpinner{display:flex;width:100%;height:100%;justify-content:center}.containerZ .form,.containerZZ .form{display:flex;flex-direction:column;padding:12px;border-radius:8px;border:1px solid #eee;height:100%;overflow-x:auto}.containerZ .form.noBorder,.containerZZ .form.noBorder{border:none;padding:0}.containerZ .form .formLavazasFlex,.containerZZ .form .formLavazasFlex{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.containerZ .form .formLavazasFlex .formLavazasGrid,.containerZZ .form .formLavazasFlex .formLavazasGrid{display:grid;grid-template-columns:repeat(auto-fill, minmax(12rem, 1fr));grid-auto-rows:max-content;gap:12px}.containerZ .form .formAnexo1,.containerZZ .form .formAnexo1{display:flex;flex-direction:column}.containerZ .form .formAnexo1 .containerAnexo1,.containerZZ .form .formAnexo1 .containerAnexo1{display:grid;grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr));grid-auto-rows:max-content;gap:12px}.containerZ .form .formAnexo2,.containerZZ .form .formAnexo2{display:flex;flex-direction:column}.containerZ .form .formAnexo2 .containerAnexo2,.containerZZ .form .formAnexo2 .containerAnexo2{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:max-content;gap:12px}.containerZ .form .formLavazas,.containerZ .form .formAnexo1,.containerZ .form .formAnexo2,.containerZZ .form .formLavazas,.containerZZ .form .formAnexo1,.containerZZ .form .formAnexo2{margin-bottom:36px}.containerZ .form .formClientes,.containerZZ .form .formClientes{display:grid;grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr));grid-auto-rows:max-content;gap:12px}.containerZ .form2,.containerZZ .form2{display:flex;flex-direction:column-reverse;height:100%;overflow-x:auto;padding-bottom:0px}.containerZ .form2.form2MarginBottom,.containerZZ .form2.form2MarginBottom{margin-bottom:12px}.containerZ .form2,.containerZZ .form2{scroll-snap-type:y proximity}.containerZ .form2 .form2ToReverse,.containerZZ .form2 .form2ToReverse{display:flex;flex-direction:column;gap:12px}.containerZ .containerTextArea,.containerZZ .containerTextArea{display:flex;flex-direction:column}.containerZ .containerTextArea .quill,.containerZZ .containerTextArea .quill{border:1px solid #eee;border-radius:8px;background-color:#f9f9fb}.containerZ .containerTextArea .quill .ql-toolbar,.containerZZ .containerTextArea .quill .ql-toolbar{display:flex;justify-content:space-between}.containerZ .containerTextArea .quill .ql-toolbar::after,.containerZZ .containerTextArea .quill .ql-toolbar::after{display:none}.containerZ .containerTextArea .quill .ql-container,.containerZZ .containerTextArea .quill .ql-container{overflow-y:auto;min-height:100px;max-height:100px}.containerZ .containerTextArea .quill .ql-container .ql-editor.ql-blank::before,.containerZZ .containerTextArea .quill .ql-container .ql-editor.ql-blank::before{font-style:normal}.containerZ .containerTextArea .quill .ql-container .ql-editor,.containerZZ .containerTextArea .quill .ql-container .ql-editor{padding:12px 58px 12px 15px}.containerZ .containerTextArea .quill .ql-container,.containerZ .containerTextArea .quill .ql-toolbar,.containerZZ .containerTextArea .quill .ql-container,.containerZZ .containerTextArea .quill .ql-toolbar{border:0px}.containerZ .containerTextArea .editTextAreaButtons,.containerZZ .containerTextArea .editTextAreaButtons{display:flex;flex-direction:row;justify-content:space-between;gap:12px;padding:0 12px 0 12px}.containerZ .containerTextArea .editTextAreaButtons .editTextArea1,.containerZ .containerTextArea .editTextAreaButtons .editTextArea2,.containerZ .containerTextArea .editTextAreaButtons .editTextArea3,.containerZZ .containerTextArea .editTextAreaButtons .editTextArea1,.containerZZ .containerTextArea .editTextAreaButtons .editTextArea2,.containerZZ .containerTextArea .editTextAreaButtons .editTextArea3{display:flex;flex-direction:row;gap:12px}.containerZ .containerFormClientes,.containerZZ .containerFormClientes{display:flex;flex-direction:column;gap:12px}.containerZ .containerFormClientes .formClientes,.containerZZ .containerFormClientes .formClientes{display:grid;grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr));grid-auto-rows:max-content;gap:12px}.containerZ .anexoPadding,.containerZZ .anexoPadding{padding-top:2.25rem}.containerZ .buttonsContainer,.containerZZ .buttonsContainer{padding-top:24px;flex-direction:row;max-height:45px;min-height:45px;gap:12px}.containerZ .buttonsContainer .buttons,.containerZZ .buttonsContainer .buttons{display:flex;flex-direction:row;gap:12px;height:100%}.containerZ .buttonsContainer .buttons button,.containerZZ .buttonsContainer .buttons button{margin-top:0px}.containerZ .transferList,.containerZZ .transferList{min-width:400px;max-height:400px}.containerZ .checboxInLine,.containerZZ .checboxInLine{margin-top:70px;display:flex;flex-direction:row;gap:50px}@media only screen and (max-width: 400px){.containerZ .transferList,.containerZZ .transferList{min-width:270px}}.containerZZ{height:inherit}
.containerY{display:grid;grid-auto-flow:row dense;grid-auto-columns:1fr;grid-template-columns:2fr 1fr;gap:12px;padding:14px 12px 14px 12px}.containerY .formArea{display:flex;flex-direction:column;width:100%;grid-area:1/1/2/3;gap:12px}.containerY .formArea .form{display:flex;flex-direction:column}.containerY .formArea .form .formGrid{display:grid;gap:1rem;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr));grid-auto-rows:max-content}.containerY .formArea .form .formFlex{margin-top:16px}.containerY .formArea .form .formGridFlex{display:flex;flex-direction:column;margin-top:12px}.containerY .formArea .form .formGridFlex p{font-size:16px;font-weight:400;margin:0 0 12px 0}.containerY .formArea .form .formGridFlex .formGridFlexContainer{display:grid;grid-template-columns:repeat(auto-fill, minmax(11rem, 1fr));gap:1rem;width:100%}.containerY .formArea .form .formGridFlex.gray{border:1px solid rgba(158,158,158,.25)}.containerY .formArea .form .formGridFlex.gray p{color:rgba(0,0,0,.5)}.containerY .formArea .form .formFlexAreas{display:grid;grid-template-columns:repeat(5, 1fr);grid-auto-rows:max-content;gap:12px;border:1px solid rgba(158,158,158,.25);border-radius:4px;padding:12px;margin:12px 0px}.containerY .formArea .form .formFlexAreas .textFlexAreas{color:#1a237e;font-weight:400;font-size:13px;margin-top:0px;margin-bottom:0px;align-self:center;justify-self:center}.containerY .formArea .form .formFlexAreas .textFlexAreas div{max-width:40px}.containerY .formArea .form .formFlexAreas .textFlexAreas.flexJS{justify-self:flex-end}.containerY .formArea .form .formFlexAreas .textFlexAreas.flexMB{margin-bottom:-10px}.containerY .formArea .form .formFlexAreas .textFlexAreas.disabledTextFlexAreas{color:#9e9e9e}.containerY .formArea .detalle{display:inline-flex;flex-direction:column;gap:12px}.containerY .dropFilesArea{display:flex;flex-direction:column;gap:12px;grid-area:1/3/2/4;padding-top:16px;min-width:381px}.containerY .dropFilesArea .dropFilesAreaTitle{display:none;font-size:16px;color:#263238}.containerY .dropFilesArea .filesArea{display:flex;flex-direction:column;gap:12px;position:sticky;top:0;left:0}@media only screen and (max-width: 1100px){.containerY{display:flex;flex-direction:column}.containerY .dropFilesArea{min-width:auto}.containerY .dropFilesArea .dropFilesAreaTitle{display:flex}.containerY .dropFilesArea .filesArea{position:inherit;top:inherit;left:inherit}}
.container1{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:100%}.container1 .containerX{display:flex;flex-direction:column;background-color:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:24px;overflow:hidden;height:100%}.container1 .containerX .containerSpinner{display:flex;width:100%;height:100%;justify-content:center}.container1 .buttonsArea{display:flex;justify-content:space-between;gap:12px}.container1 .buttonsArea .buttonInstrucciones{max-width:200px}.containerSpinner{display:flex;width:100%;height:100%;justify-content:center}
.nominationPdf-container {
  width: 210mm;
  height: 297mm;
  padding: 7mm;
  box-sizing: border-box;
  color: #333;
  font-family: 'Arial, sans-serif';
  display: flex;
  flex-direction: column;
  gap: 10mm;
}

.nominationPdf-header,
.nominationPdf-general,
.nominationPdf-items {
  width: 100%;
}

.nominationPdf-general {
  display: flex;
  flex-direction: column;
  gap: 5mm;
}

.header-data,
.general-data,
.items-data,
.item-data,
.item-data-container,
.item-data-content {
  display: flex;
  flex-direction: column;
  gap: 0.5mm;
}

.header-data {
  flex-direction: row;
  justify-content: space-between;
}

.items-data,
.item-data-container {
  gap: 5mm;
}

.item-data-content {
  flex-direction: row;
  justify-content: space-between;
}

.text {
  font-size: 14px;
  line-height: 1;

  &.--bold {
    font-weight: bold;
  }

  &.--heigth1 {
    line-height: 1;
  }
}

.box {
  border: 0.5mm solid #333;
  padding: 6mm 4mm;
  min-height: 10mm;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.noPadding {
  padding: 0;
}

.padding {
  padding: 0 2mm;
}

.flexRow {
  display: flex;
  flex-direction: row;
  gap: 2mm;
  align-items: center;
}

.formDetalle{display:flex;flex-direction:column;border:solid 1px #eee;background-color:#f9f9fb;gap:12px;border-radius:4px;padding:12px;margin-bottom:12px}.formDetalle .formDetalleGrid{display:flex;flex-flow:column;gap:1rem}.formDetalle .formGridDoubleSpan{grid-column:span 2}.formDetalle .formDetalleFlex{margin-top:16px}.formDetalle .removeGap{margin-top:0px}.formDetalle .formGridFlex{display:flex;flex-direction:column;margin-top:12px}.formDetalle .formGridFlex p{font-size:16px;font-weight:400;margin:0 0 12px 0}.formDetalle .formGridFlex .formGridFlexContainerList{display:flex;flex-direction:column;gap:8px;width:100%}.formDetalle .formGridFlex .formGridFlexContainerList .formGridFlexContainerListItem{display:grid;grid-template-columns:repeat(auto-fill, minmax(11rem, 1fr));gap:12px;width:100%}.formDetalle .formGridFlex .formGridFlexContainerList .formGridFlexContainerListItem .formGridFlexContainerListItemButtonRed{display:none}.formDetalle .formGridFlex .formGridFlexContainerList .formGridFlexContainerListItem .formGridFlexContainerListItemButtonIcon{margin-top:20px}@media(max-width: 1100px){.formDetalle .formGridFlex .formGridFlexContainerList .formGridFlexContainerListItem .formGridFlexContainerListItemButtonRed{display:flex;width:100%}.formDetalle .formGridFlex .formGridFlexContainerList .formGridFlexContainerListItem .formGridFlexContainerListItemButtonIcon{display:none}}.formDetalle .formGridFlex .formGridFlexContainerList .formGridFlexContainerListButton{display:grid;grid-template-columns:repeat(auto-fill, minmax(11rem, 1fr));gap:12px;width:100%}.formDetalle .formGridFlex .formGridFlexContainerList .formGridFlexContainerListButton button{margin-top:0px}.formDetalle .formGridFlex.gray{border:1px solid rgba(158,158,158,.25)}.formDetalle .formGridFlex.gray p{color:rgba(0,0,0,.5)}.gap{gap:12px}.formDetalle:last-child{margin-bottom:0}@media(min-width: 768px){.formDetalle .formDetalleGrid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr))}}@media(min-width: 1200px){.formDetalleGrid,.formGridFlexContainerListItem,.formGridFlexContainerListButton{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 1199px)and (min-width: 1010px){.formDetalleGrid,.formGridFlexContainerListItem,.formGridFlexContainerListButton{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 1009px)and (min-width: 600px){.formDetalleGrid,.formGridFlexContainerListItem,.formGridFlexContainerListButton{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 599px){.formGridFlexContainerListItem,.formGridFlexContainerListButton{grid-template-columns:1fr}}
.AccordionComponentList:nth-last-child(1){border-bottom:1px solid rgba(167,175,225,.5215686275);border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;border-top-right-radius:0px !important;border-top-left-radius:0px !important}.AccordionComponentList:nth-last-child(1) .MuiAccordionList{border-top-right-radius:0px !important;border-top-left-radius:0px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important}.AccordionComponentList:nth-last-child(1) .MuiAccordionList .MuiAccordionSummary-root{border-bottom:0px}.AccordionComponentList:nth-last-child(1) .MuiAccordionList .MuiAccordionSummary-root.Mui-expanded{border-bottom:1px solid rgba(167,175,225,.5215686275)}.AccordionComponentList:first-child{border-top:1px solid rgba(167,175,225,.5215686275);border-top-right-radius:4px !important;border-top-left-radius:4px !important}.AccordionComponentList:first-child .MuiAccordionList{border-top-right-radius:4px !important;border-top-left-radius:4px !important;border-bottom-right-radius:0px !important;border-bottom-left-radius:0px !important}
@media only screen and (max-width: 860px),(min-device-width: 868px)and (max-device-width: 824px){#onlyIcon.MuiButton-root{font-size:0px;padding:8px;margin:0px;min-width:0}#onlyIcon.MuiButton-root .MuiButton-label{margin-left:10px;margin-right:-4px}}.menu-buttton .MuiButtonBase-root{width:100%}.menu-buttton .MuiButtonBase-root .MuiButton-label{flex-grow:1;display:flex;text-align:center}.menu-buttton .MuiButtonBase-root .MuiButton-label>*{flex-grow:1}.menu-buttton .MuiButtonBase-root .MuiButton-label .MuiButton-startIcon{flex-grow:0}.MuiAccordionSummary-root{margin:3px 4px 0px !important;padding:0px !important}.MuiAccordionSummary-root .MuiAccordionSummary-content{max-width:calc(100% - 46px)}.MuiAccordionSummary-root .MuiAccordionSummary-content>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block !important}.buttonInstrucciones .MuiButton-label{text-overflow:ellipsis;overflow:hidden;justify-content:flex-start;display:block}@media screen and (min-width: 425px){.MuiAccordionSummary-root{margin:3px 12px 0px !important;padding:0px 16px !important}.buttonInstrucciones .MuiButton-label{display:flex}}.itemFile{flex-flow:column;min-height:80px}.itemFile .itemContentLeftDisabled{justify-content:center}@media screen and (min-width: 425px){.itemFile{flex-flow:row;min-height:30px}.itemFile .itemContentLeftDisabled{justify-content:space-between}}table td::before{max-width:40%;width:auto;display:block;overflow:hidden;min-width:30%;text-overflow:ellipsis}.rdrMonthAndYearWrapper .rdrNextPrevButton{margin:.5rem}.rdrMonth{width:100% !important}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.flex{display:flex}.flex-col{flex-flow:column}.flex-row{flex-flow:row}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.grid{display:grid}.\!grid{display:grid !important}.grid-cols-1{grid-template-columns:repeat(1, 1fr)}.grid-cols-4{grid-template-columns:repeat(4, 1fr)}.\!grid-cols-4{grid-template-columns:repeat(4, 1fr) !important}.grid-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grow{flex-grow:1}.h-\[calc\(100\%-68px\)\]{height:calc(100% - 68px)}.h-\[calc\(100\%-74px\)\]{height:calc(100% - 74px)}.h-1\/2{height:50%}.h-1\/2dvh{height:50dvh}.h-1\/3dvh{height:33dvh}.h-2\/5dvh{height:40dvh}.h-auto{height:auto}.\!h-auto{height:auto !important}.h-fit{height:fit-content}.h-full{height:100%}.justify-between{justify-content:space-between}.justify-self-start{justify-self:start}.\!justify-self-start{justify-self:start !important}.\!leading-\[2rem\]{line-height:2rem !important}.leading-\[3rem\]{line-height:3rem}.\!leading-\[3rem\]{line-height:3rem !important}.max-w-1\/4{max-width:25%}.max-w-\[100dvw-32px\]{max-width:calc(100dvw - 32px)}.min-h-\[400px\]{min-height:400px}.mb-0{margin-bottom:0rem}.mb-1{margin-bottom:.5rem}.mb-1\.5{margin-bottom:.75rem}.mb-2{margin-bottom:1rem}.max-w-100vw{max-width:100vw}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.overflow-auto{overflow:auto}.\!overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden}.p-1{padding:.5rem}.p-2{padding:1rem}.p-4{padding:2rem}.pb-\.5{padding-bottom:.25rem}.pb-1{padding-bottom:.5rem}.pb-1\.5{padding-bottom:.75rem}.pb-2{padding-bottom:1rem}.pl-\.5{padding-left:.25rem}.pl-1{padding-left:.5rem}.pl-4{padding-left:2rem}.shrink-0{flex-shrink:0}.text-left{text-align:left}.\!text-left{text-align:left !important}.text-wrap{text-wrap:wrap}.\!text-wrap{text-wrap:wrap !important}.text-ellipsis{text-overflow:ellipsis}.w-\[30dvw\]{width:30dvw}.w-5{width:2.5rem}.w-full{width:100%}.whitespace-normal{white-space:normal}.\!whitespace-normal{white-space:normal !important}@media screen and (min-width: 768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:flex-col{flex-flow:column}.md\:flex-row{flex-flow:row}.md\:flex-nowrap{flex-wrap:nowrap}.\!md\:flex-nowrap{flex-wrap:nowrap !important}.md\:gap-1{gap:.5rem}.md\:gap-2{gap:1rem}.md\:grid-cols-2{grid-template-columns:repeat(2, 1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3, 1fr)}.\!md\:grid-cols-3{grid-template-columns:repeat(3, 1fr) !important}.md\:grid-cols-4{grid-template-columns:repeat(4, 1fr)}.\!md\:grid-cols-5{grid-template-columns:repeat(5, 1fr) !important}.md\:grid-cols-6{grid-template-columns:repeat(6, 1fr)}.\!md\:grid-cols-6{grid-template-columns:repeat(6, 1fr) !important}.md\:grid-rows-2{grid-template-rows:repeat(2, 1fr)}.md\:h-\[calc\(100\%-74px\)\]{height:calc(100% - 74px)}.md\:max-w-\[calc\(50dvw-63px\)\]{max-width:calc(50dvw - 63px)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:order-4{order:4}.md\:order-5{order:5}.md\:order-6{order:6}.md\:order-7{order:7}.md\:order-8{order:8}.md\:order-9{order:9}.md\:order-10{order:10}.md\:order-11{order:11}.md\:order-12{order:12}.md\:w-auto{width:auto}.md\:w-1\/2{width:50%}.md\:w-20{width:10rem}.md\:w-\[33dvw\]{width:33dvw}}@media screen and (min-width: 1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:flex-row{flex-flow:row}.lg\:gap-1{gap:.5rem}.lg\:gap-2{gap:1rem}.lg\:grid-cols-2{grid-template-columns:repeat(2, 1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3, 1fr)}.\!lg\:grid-cols-3{grid-template-columns:repeat(3, 1fr) !important}.lg\:grid-cols-4{grid-template-columns:repeat(4, 1fr)}.\!lg\:grid-cols-5{grid-template-columns:repeat(5, 1fr) !important}.lg\:grid-rows-2{grid-template-rows:repeat(2, 1fr)}.lg\:h-\[calc\(100\%-74px\)\]{height:calc(100% - 74px)}.lg\:max-w-\[calc\(50dvw-63px\)\]{max-width:calc(50dvw - 63px)}.lg\:max-w-none{max-width:none}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-3{order:3}.lg\:order-4{order:4}.lg\:order-5{order:5}.lg\:order-6{order:6}.lg\:order-7{order:7}.lg\:order-8{order:8}.lg\:order-9{order:9}.lg\:order-10{order:10}.lg\:order-11{order:11}.lg\:order-12{order:12}.lg\:w-auto{width:auto}.lg\:w-1\/2{width:50%}.lg\:w-20{width:10rem}}
/* Estilos generales */
.actor h3 {
  font-size: 1.2em;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.section h4 {
  font-size: 1em;
  margin-bottom: 10px;
  color: #5C6BC0
}

.alerta-container {
  padding: 20px;
  padding-left: 20px;
  background-color: #fff8eb;
  border: 1px solid #FEA51F;
  border-radius: 8px;
  max-width: 600px;
  max-height: 500px; 
  overflow-y: auto;
  margin: auto;
}

.alerta-content {
  margin-top: 10px;
}

.alerta-content ul {
  padding-left: 20px;
}

.alerta-content li {
  font-size: 0.95em;
  color: #FEA51F;
}

/* Estilos para tabletas y móviles */
@media (max-width: 768px) {
  .actor h3 {
    font-size: 1em;
  }

  .section h4 {
    font-size: 0.9em;
  }

  .alerta-container {
    padding: 8px;
    margin-top: 15px;
    max-width: 100%;
    max-height: 400px;
  }

  .alerta-content {
    margin-top: 8px;
  }

  .alerta-content li {
    font-size: 0.9em;
  }
}

/* Estilos para móviles */
@media (max-width: 480px) {
  .actor h3 {
    font-size: 0.9em;
  }

  .section h4 {
    font-size: 0.8em;
  }

  .alerta-container {
    padding: 6px;
    margin-top: 10px;
    max-width: 100%;
    max-height: 300px;
  }

  .alerta-content {
    margin-top: 6px;
  }

  .alerta-content li {
    font-size: 0.85em;
  }
}

.messageBoxRoot{display:flex;flex-direction:row;gap:12px}.messageBoxRoot .messageBoxContainer{display:flex;flex-direction:column;width:100%;gap:0px;font-size:16px;font-weight:400;color:#212121;padding:10px;border-radius:4px;border:1px solid #eee;margin-right:400px;background-color:#f9f9fb}.messageBoxRoot .messageBoxContainer .messageBoxInfo{display:flex;flex-direction:row;justify-content:space-between}.messageBoxRoot .messageBoxContainer .messageBoxInfo .messageBoxInfoDate{color:#9e9e9e;font-size:.9rem}.messageBoxRoot .messageBoxContainer .messageBoxInfo .messageBoxRole{color:#9e9e9e;font-weight:bold;font-size:.8rem}.messageBoxRoot .messageBoxContainer .messageBoxInfoName{color:#616161;font-weight:bold}.messageBoxRoot.sending .messageBoxContainer{margin-right:0px;margin-left:400px;background-color:#e6e9f0}.messageBoxRoot.sending .messageBoxContainer .messageBoxInfo{justify-content:end}.messageBoxRoot.sending .messageBoxContainer .messageBoxInfo .messageBoxRole{display:none}.messageBoxRoot.sending .messageBoxContainer .messageBoxInfoName{display:none}@media only screen and (max-width: 1200px),(min-device-width: 1200px)and (max-device-width: 1200px){.messageBoxRoot.sending .messageBoxContainer{margin-left:0px}}@media only screen and (max-width: 1200px),(min-device-width: 1200px)and (max-device-width: 1200px){.messageBoxRoot .messageBoxContainer{margin-right:0px}}
.motivoEstado {
  width: 100%;
  font-weight: 400;
  border-radius: 0.375em;
  display: flex;
  margin-bottom: 1em;
  border: 1px solid;
  box-shadow: 3px;
  user-select: none;
  padding: 15px;

  &.green {
    background-color: #e8f5e9;
    border-color: #00c853;
    color: #00c853;
  }
  &.orange {
    background-color: #fff8eb;
    border-color: #f48636;
    color: #f48636;
  }

  &.blue {
    background-color: #eceefd;
    border-color: #5c6bc0;
    color: #5c6bc0;
  }

  &.red {
    background-color: #ffebee;
    border-color: #f44336;
    color: #f44336;
  }

  &.gray {
    background-color: rgba(158, 158, 158, 0.25);
    border-color: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.5);
  }

  &.greenDark {
    background-color: #dff6e1;
    border-color: #028739;
    color: #028739;
  }

  &.pink {
    background-color: #f5e8f2;
    border-color: #be1c9e;
    color: #be1c9e;
  }

  &.yellow {
    background-color: #fff8e1;
    border-color: #e4a804;
    color: #e4a804;
  }
}

.motivoEstado-leftIcon {
  margin-right: 0.5em;
  display: inline-flex;
  align-items: center;
}

.motivoEstado-rightIcon {
  margin-left: 0.5em;
  display: inline-flex;
  align-items: center;
}

.motivoEstado-content {
  text-align: left;
  display: flex;
  align-items: center;
}

.menu {
  &.MuiPopover-root {
    .MuiPaper-root {
      margin-top: 8px;
      .MuiMenu-list {
        border-radius: 6px;
        border: 1px solid #eeeeee;
      }
    }
  }
}
.menu-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-direction: row;
  gap: 8px;
  padding: 12px;
  border-bottom: 1px solid #eeeeee;

  &:last-child {
    border-bottom: none;
  }
}

.gridTable{display:inline-grid;width:100%;background-color:#fff;overflow:auto;padding:12px;border:1px solid rgba(151,159,171,.2509803922);border-radius:8px}.gridTableDisabled .gridTable-thead .gridTable-thead-tr{background-color:#f5f5f5}.gridTableDisabled .gridTable-tbody{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.gridTableDisabled .gridTable-tbody .gridTable-tbody-td{background-color:#f5f5f5}
.gridTable-tbody{width:100%;overflow-y:auto;overflow-x:auto;min-width:650px}.gridTable-tbody tr{border-bottom:none;padding:0px;gap:12px}.gridTable-tbody tr:last-child{border-bottom:none}.gridTable-tbody tr:hover{background-color:#fff}.gridTable-tbody .gridTable-tbody-td{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));grid-auto-flow:row;font-size:1rem;color:#616161;padding:6px 0 0 0;padding-left:8px;padding-right:8px}.gridTable-tbody .gridTable-tbody-td .gridTable-tbody-remove{display:grid;justify-content:end;padding:0px 12px 0px 14px;align-self:center}.gridTable-tbody .gridTable-thead-th{display:flex;justify-content:center;align-self:auto;width:100%;min-width:100px}.gridTable-tbody .gridTable-thead-th.date{min-width:200px}.gridTable-tbody .gridTable-thead-th.button{align-items:center}.gridTable-tbody td.gridTable-thead-th{padding:0px}.gridTable-element{display:block;align-self:center;white-space:normal}.gridTable-element.center{text-align:center}.gridTable-element.left{text-align:left}.gridTable-element.right{text-align:right}
.gridTable-thead{width:100%;position:"sticky";top:0;z-index:1}.gridTable-thead tr{border-bottom:none;padding:0px;gap:12px}.gridTable-thead tr:hover{background-color:#f5f5f5}.gridTable-thead .gridTable-thead-tr{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));background-color:#f5f5f5;padding:12px 0px 12px 0;padding-left:8px;padding-right:8px;font-weight:500;font-size:14px;white-space:nowrap;border-top-left-radius:8px;border-top-right-radius:8px}.gridTable-thead .gridTable-thead-th{background-color:#f5f5f5;display:flex;min-width:100px}.gridTable-thead .gridTable-thead-th.date{min-width:200px}.gridTable-thead .gridTable-thead-th.button{align-items:center}.gridTable-thead th.gridTable-thead-th{padding:0px;font-weight:500;font-size:14px}.gridTable-element{display:block;align-self:center;white-space:normal}.gridTable-element.center{text-align:center}.gridTable-element.left{text-align:left}.gridTable-element.right{text-align:right}
.table-card{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.table-card .card{background-color:#fcfbfb;gap:5px;border:1px solid #eee;border-radius:8px}.table-card .card-container{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid #eee;min-height:71px;padding:10px 10px}.table-card .card-container.deleteIcon{min-height:30px;justify-content:center}.table-card .card-container:nth-child(1){border-top:none}.table-card .card-l{display:flex;flex:1;text-align:left;justify-content:flex-start;align-items:center}.table-card .card-r-AutocompleteKeyValue{margin-top:10px;min-width:100px;max-width:200px;width:100%}.table-card .card-r{display:flex;flex:1;justify-content:flex-end;align-items:center;min-width:100px;max-width:200px;color:#1a237e}.table-card .card-r.center{text-align:center}.table-card .card-r.left{text-align:left}.table-card .card-r.right{text-align:right}.table-card .card-remove{display:flex;flex:1;text-align:end;justify-content:flex-end;align-items:center}.table-card .editable{background-color:#fff}
.filtrosContainer{display:flex;gap:12px;flex-wrap:wrap;max-width:100%}.filtrosContainer .MuiFormControl-root:nth-child(1){flex-basis:150px}.filtrosContainer .MuiFormControl-root:nth-child(2){flex-basis:250px}.filtrosContainer .MuiFormControl-root:nth-child(3){flex-basis:250px}.filtrosContainer .MuiFormControl-root:nth-child(4){flex-basis:250px}.filtrosContainer .MuiFormControl-root:nth-child(5){flex-basis:140px}@media screen and (min-width: 1100px)and (max-width: 1280px){.filtrosContainer .MuiFormControl-root:nth-child(5){flex-basis:45%}}.filtrosContainer .MuiFormControl-root{flex-grow:1;max-height:68px}.filtrosContainer .MuiFormControl-root .MuiFormControl-root{flex-basis:inherit}
.report-card{display:flex;padding:12px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:4px;border:1px solid var(--ui-grey-bw-gray-300, #eee);background:var(--ui-grey-bw-white, #fff)}.report-card.clickable{cursor:pointer}.report-card.back-yellow{background-color:#fff8e1}.report-card .info-component{display:none;width:-webkit-fill-available;max-width:-webkit-fill-available;font-size:12px;font-weight:400;line-height:20px;position:absolute;color:#212121;flex-direction:column;background-color:#fff;z-index:1;padding:10px;box-shadow:0px 2px 8px rgba(28,28,28,.25);border-radius:4px;margin:100px 12px 0px -12px}.report-card svg{cursor:pointer;width:20px}.report-card svg:hover+.info-component{display:block}.report-card-title-container{display:flex;flex-direction:row;gap:12px;align-items:center}.report-card-key{color:var(--ui-blue-blue-1, #5c6bc0);font-family:Roboto;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.report-card-value{color:var(--ui-gray-blue-grey-blue-grey-400, #78909c);font-family:Roboto;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.red-value.report-card-value{color:#f44336}.disabled{background-color:#f5f5f5;color:#616161;cursor:not-allowed}
.TabsChildren-container {
  background-color: white;
  border-radius: 10px;
  height: 100%;
  border: 1px solid #dddd;
}

.TabsChildren {
  width: 100%;
}

.notificationPanel-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;

  .notificationPanel-list {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
  }

  .notificationPanel-detail {
    grid-column: span 3;

    .notificationPanel-detail-content {
      height: calc(100% - 5rem);
      width: calc(100% - 2rem);
      padding: 1rem;
    }
  }
}

.center-content {
  align-content: center;
}

.notificationList {
  overflow-y: auto;
  height: 100%;
}

.--border {
  border-radius: 10px;
  border: 1px solid #dddd;
}

.--full-h-w {
  height: 100%;
  width: 100%;
}

.notification-container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  height: 5rem;
  width: calc(100% - 1rem);
  padding: 0.5rem;

  &:hover {
    cursor: pointer;
  }

  &.--active {
    background-color: #e8eaf6;
  }

  .notification-icon {
    min-width: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .notification-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;

    .notification-date {
      color: #78909c;
      font-size: 0.75rem;
    }

    .notification-title {
      color: #1a237e;
      font-weight: 600;
      font-size: 0.875rem;
    }

    .notification-description {
      color: #78909c;
      font-size: 0.875rem;
    }
  }
}

.--border-bottom {
  border-bottom: 1px solid #dddd;
}

.--border-top {
  border-top: 1px solid #dddd;
}
.notificationIcon-container {
  width: 2.75rem;
  height: 2.75rem;
  background-color: #dddd;
  color: black;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.notificationHeader-container {
  width: calc(100% - 2rem);
  height: 3rem;
  border-bottom: 1px solid #dddd;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem;

  .notificationHeader-icon {
    min-width: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .notificationHeader-content {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
    width: 100%;
    height: 100%;

    .notificationHeader-left--container,
    .notificationHeader-right--container {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      justify-content: center;
    }

    .notificationHeader-left--container {
      align-items: start;
      .notificationHeader-title {
        color: #1a237e;
        font-weight: 600;
        font-size: 0.875rem;
      }

      .notificationHeader-description {
        color: #78909c;
        font-size: 0.875rem;
      }
    }

    .notificationHeader-right--container {
      align-items: end;
      .notificationHeader-date {
        color: #78909c;
        font-size: 0.75rem;
      }

      .notificationHeader-actions {
        display: flex;
        flex-direction: row;
        gap: 0.25rem;

        .notificationHeader-iconAction > * {
          font-size: 0.875rem;
          color: #9e9e9e;

          &:hover {
            cursor: pointer;
            color: #686868;
          }
        }
      }
    }
  }
}

.dateTime-widget {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  background-color: #ffffff;
  border: 1px solid #e8eaea;
  border-radius: 0.5rem;
  padding: 1.1rem;
  min-height: 86px;
  user-select: none;

  .time {
    font-weight: 600;
    color: #5c6bc0;
    font-size: 40px;
  }

  .date {
    font-weight: 400;
    color: #78909c;
    font-size: 13px;
  }
}

.link-widget-large {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  user-select: none;
  width: 100%;
  height: 100%;

  .link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;

    .link-text {
      font-weight: 500;
      font-size: 16px;
      color: #263238;
    }

    .link-icon {
      font-size: 24px;
      color: #263238;
    }

    &:hover {
      .link-text {
        font-weight: 500;
      }

      .link-icon {
        color: #000000;
      }
    }
  }
}

.link-widget-small {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  user-select: none;
  width: 100%;
  height: 100%;

  .link-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;

    .link-header-icon {
      display: flex;
      width: 100%;
      justify-content: center;
    }

    .link-header-title {
      font-weight: 600;
      font-size: 18px;
      color: #1c1b1f;
      white-space: normal;
    }
  }

  .link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;

    .link-text {
      width: 100%;
      font-weight: 500;
      font-size: 14px;
      color: #263238;
      text-align: center;
    }
  }
}

.summary-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 1rem;
  width: 100%;
  max-width: 300px;
}

.summary-title {
  font-size: 16px;
  color: #263238;
  font-weight: 500;
  text-align: center;
  word-break: break-word;
}

.summary-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.summary-item {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}

.main-content {
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}

.item-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}


.steps-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 0.5rem;
}

.rutas-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.2rem;
}

.rutas-line {
  height: 2px;
  width: 70%;
  position: relative;
  top: 1.5rem;
  background: #dcdcdc;
  z-index: 1;
}

.rutas-steps {
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 2;
}

.ruta-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 40%;
  gap: 15px;
}

.ruta-icon {
  border-radius: 30px;
  padding: 0.5rem;
  background: white;
}

.border-red {
  border: 3px solid #d7001b;
  color: #d7001b;
}

.border-blue {
  border: 3px solid #1a237e;
  color: #1a237e;
}

.border-black {
  border: 3px solid #000;
}

.ruta-titulo {
  font-weight: bold;
  white-space: normal;
  text-align: center;
}

.ruta-titulo-red {
  color: #d7001b;
}

.ruta-titulo-blue {
  color: #1a237e;
}

.ruta-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.ruta-info p {
  margin: 0;
}

.subtitle {
  font-size: 0.85rem;
  color: #555;
}

.description {
  font-size: 0.8rem;
  color: #777;
}

.ruta-divider {
  width: 100%;
  height: 1px;
  background: transparent;
}

.buttonPanel {
  display: flex;          
  flex: 1;                
  flex-direction: row;  
  justify-content: end;  
  width: 100%;            
  gap: 0.75rem;           
  padding-top: 1rem;      
  padding-bottom: 1rem;   
}
.label{position:relative;border:1px dashed #5c6bc0;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#e8eaf6}.label.labelDisabled{background-color:rgba(0,0,0,0);border:1px dashed #9e9e9e}.drop{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0px}.drop p{font-size:13px;margin:0px;color:#616161}.drop.dropDisabled p{font-size:13px;color:#9e9e9e}.drop img{width:24px;height:24px;margin-bottom:12px}.drop p{font-size:13px;width:100%}.label input{opacity:0;left:0;top:0;position:absolute;width:100%;height:100%;cursor:pointer}.labelSmall{display:flex;position:relative;align-items:center;justify-content:center;cursor:pointer}.labelSmall .dropSmall{display:flex;flex-direction:row;align-items:center;gap:8px;max-height:40px;margin-inline-end:auto}.labelSmall .dropSmall p{font-size:16px;color:#5c6bc0}.labelSmall .dropSmall svg{fill:red}.labelSmall input{opacity:0;left:0;top:0;position:absolute;width:100%;height:100%;cursor:pointer}.label:hover,.label.dragover{opacity:.7}.label:hover.labelDisabled:hover,.label.dragover.labelDisabled:hover{opacity:1}.preview{display:flex;flex-direction:column;gap:12px;padding-top:12px}.preview.previewDisabled{padding-top:0px}.previewSmall{display:flex;flex-direction:column;gap:12px}.previewSmall .itemFile{margin-bottom:0px;padding:4px 12px}.pendiente,.aprobado,.rechazado{font-weight:400;text-align:end}.pendiente{color:#ffb800 !important}.aprobado{color:#00c853 !important}.rechazado{color:#f44336 !important}.itemFile{padding:8px;display:flex;max-height:30px;flex-direction:row;border-radius:8px;border:1px solid #c5cae9;justify-content:space-between;font-size:.813rem;background-color:#fff;margin:0}.itemFile.disabledItemFile{padding:0px;border:0px solid #fff;background-color:rgba(0,0,0,0)}.itemFile.disabledItemFile .itemContentLeft p{font-size:13px;color:#9e9e9e}.itemFile.disabledItemFile .itemContentRight p{font-size:13px;color:#9e9e9e}.itemFile:last-child{margin-bottom:0px}.itemContentLeft,.itemContentLeftDisabled{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.itemContentLeftDisabled,.itemContentLeftDisabledDisabled{filter:grayscale(1)}.itemContentLeft p,.itemContentLeftDisabled p{padding:0px;font-size:13px;text-overflow:ellipsis;overflow:hidden;white-space:pre}.itemContentRight{display:flex;flex-direction:row;align-self:center;color:#9e9e9e;align-items:center;justify-content:space-between;gap:6px}.itemContentRight p{white-space:nowrap}.itemContentRightIcons{display:flex;flex-direction:row;cursor:pointer}.itemContentRightIcons .iconDownloadDisabled{cursor:auto;width:18px;height:21px}.itemContentRightIcons .itemContentRightIconClose svg{opacity:.45}.itemContentRightIcons .itemContentRightIconCloseDisabled{display:none;cursor:auto}
d-grid-chart {
  background-color: transparent;

  .d-chart {
    background-color: transparent;
  }
}

.grid-stack {
  height: fit-content !important;

  & > .grid-stack-item {
    & > .grid-stack-item-content {
      overflow: hidden;
      border-radius: 0.5rem;
      /* @apply rounded-lg overflow-hidden; */
    }

    &:not(.ui-draggable-disabled) {
      .grid-stack-item-content:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0.5rem;
        cursor: pointer;

        /* @apply absolute top-0 left-0 w-full h-full rounded-lg; */
        content: '';
        background: #4a4a4abf;
        background-image: url(.././images/move-widget.svg?443d33f19e2afcee9700886772c00d15);
        background-position: center;
        background-repeat: no-repeat;
        z-index: 2;
      }
    }
  }

  &[class*='gs-id-'] > .grid-stack-item[gs-y='1'] {
    top: 3rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='2'] {
    top: 6rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='3'] {
    top: 9rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='4'] {
    top: 12rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='5'] {
    top: 15rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='6'] {
    top: 18rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='7'] {
    top: 21rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='8'] {
    top: 24rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='9'] {
    top: 27rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='10'] {
    top: 30rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='11'] {
    top: 33rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='12'] {
    top: 36rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='13'] {
    top: 39rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='14'] {
    top: 42rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='15'] {
    top: 45rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='16'] {
    top: 48rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='17'] {
    top: 51rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='18'] {
    top: 54rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='19'] {
    top: 57rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='20'] {
    top: 60rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='21'] {
    top: 63rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='22'] {
    top: 66rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='23'] {
    top: 69rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='24'] {
    top: 72rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='25'] {
    top: 75rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='26'] {
    top: 78rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='27'] {
    top: 81rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='28'] {
    top: 84rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='29'] {
    top: 87rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='30'] {
    top: 90rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='31'] {
    top: 93rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='32'] {
    top: 96rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='33'] {
    top: 99rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='34'] {
    top: 102rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='35'] {
    top: 105rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='36'] {
    top: 108rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='37'] {
    top: 111rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='38'] {
    top: 114rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='39'] {
    top: 117rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='40'] {
    top: 120rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='41'] {
    top: 123rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='42'] {
    top: 126rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='43'] {
    top: 129rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='44'] {
    top: 132rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='45'] {
    top: 135rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='46'] {
    top: 138rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='47'] {
    top: 141rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='48'] {
    top: 144rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='49'] {
    top: 147rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='50'] {
    top: 150rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='51'] {
    top: 153rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='52'] {
    top: 156rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='53'] {
    top: 159rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='54'] {
    top: 162rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='55'] {
    top: 165rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='56'] {
    top: 168rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='57'] {
    top: 171rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='58'] {
    top: 174rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='59'] {
    top: 177rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='60'] {
    top: 180rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='61'] {
    top: 183rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='62'] {
    top: 186rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='63'] {
    top: 189rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='64'] {
    top: 192rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='65'] {
    top: 195rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='66'] {
    top: 198rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='67'] {
    top: 201rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='68'] {
    top: 204rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='69'] {
    top: 207rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='70'] {
    top: 210rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='71'] {
    top: 213rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='72'] {
    top: 216rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='73'] {
    top: 219rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='74'] {
    top: 222rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='75'] {
    top: 225rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='76'] {
    top: 228rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='77'] {
    top: 231rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='78'] {
    top: 234rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='79'] {
    top: 237rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='80'] {
    top: 240rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='81'] {
    top: 243rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='82'] {
    top: 246rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='83'] {
    top: 249rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='84'] {
    top: 252rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='85'] {
    top: 255rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='86'] {
    top: 258rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='87'] {
    top: 261rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='88'] {
    top: 264rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='89'] {
    top: 267rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='90'] {
    top: 270rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='91'] {
    top: 273rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='92'] {
    top: 276rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='93'] {
    top: 279rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='94'] {
    top: 282rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='95'] {
    top: 285rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='96'] {
    top: 288rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='97'] {
    top: 291rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='98'] {
    top: 294rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='99'] {
    top: 297rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='100'] {
    top: 300rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='101'] {
    top: 303rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='102'] {
    top: 306rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='103'] {
    top: 309rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='104'] {
    top: 312rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='105'] {
    top: 315rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='106'] {
    top: 318rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='107'] {
    top: 321rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='108'] {
    top: 324rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='109'] {
    top: 327rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='110'] {
    top: 330rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='111'] {
    top: 333rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='112'] {
    top: 336rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='113'] {
    top: 339rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='114'] {
    top: 342rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='115'] {
    top: 345rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='116'] {
    top: 348rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='117'] {
    top: 351rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='118'] {
    top: 354rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='119'] {
    top: 357rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='120'] {
    top: 360rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='121'] {
    top: 363rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='122'] {
    top: 366rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='123'] {
    top: 369rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='124'] {
    top: 372rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='125'] {
    top: 375rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='126'] {
    top: 378rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='127'] {
    top: 381rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='128'] {
    top: 384rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='129'] {
    top: 387rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='130'] {
    top: 390rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='131'] {
    top: 393rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='132'] {
    top: 396rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='133'] {
    top: 399rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='134'] {
    top: 402rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='135'] {
    top: 405rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='136'] {
    top: 408rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='137'] {
    top: 411rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='138'] {
    top: 414rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='139'] {
    top: 417rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='140'] {
    top: 420rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='141'] {
    top: 423rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='142'] {
    top: 426rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='143'] {
    top: 429rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='144'] {
    top: 432rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='145'] {
    top: 435rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='146'] {
    top: 438rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='147'] {
    top: 441rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='148'] {
    top: 444rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='149'] {
    top: 447rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='150'] {
    top: 450rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='151'] {
    top: 453rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='152'] {
    top: 456rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='153'] {
    top: 459rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='154'] {
    top: 462rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='155'] {
    top: 465rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='156'] {
    top: 468rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='157'] {
    top: 471rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='158'] {
    top: 474rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='159'] {
    top: 477rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='160'] {
    top: 480rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='161'] {
    top: 483rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='162'] {
    top: 486rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='163'] {
    top: 489rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='164'] {
    top: 492rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='165'] {
    top: 495rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='166'] {
    top: 498rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='167'] {
    top: 501rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='168'] {
    top: 504rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='169'] {
    top: 507rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='170'] {
    top: 510rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='171'] {
    top: 513rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='172'] {
    top: 516rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='173'] {
    top: 519rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='174'] {
    top: 522rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='175'] {
    top: 525rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='176'] {
    top: 528rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='177'] {
    top: 531rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='178'] {
    top: 534rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='179'] {
    top: 537rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='180'] {
    top: 540rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='181'] {
    top: 543rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='182'] {
    top: 546rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='183'] {
    top: 549rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='184'] {
    top: 552rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='185'] {
    top: 555rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='186'] {
    top: 558rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='187'] {
    top: 561rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='188'] {
    top: 564rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='189'] {
    top: 567rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='190'] {
    top: 570rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='191'] {
    top: 573rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='192'] {
    top: 576rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='193'] {
    top: 579rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='194'] {
    top: 582rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='195'] {
    top: 585rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='196'] {
    top: 588rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='197'] {
    top: 591rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='198'] {
    top: 594rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='199'] {
    top: 597rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='200'] {
    top: 600rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='201'] {
    top: 603rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='202'] {
    top: 606rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='203'] {
    top: 609rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='204'] {
    top: 612rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='205'] {
    top: 615rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='206'] {
    top: 618rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='207'] {
    top: 621rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='208'] {
    top: 624rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='209'] {
    top: 627rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='210'] {
    top: 630rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='211'] {
    top: 633rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='212'] {
    top: 636rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='213'] {
    top: 639rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='214'] {
    top: 642rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='215'] {
    top: 645rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='216'] {
    top: 648rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='217'] {
    top: 651rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='218'] {
    top: 654rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='219'] {
    top: 657rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='220'] {
    top: 660rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='71'] {
    top: 213rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='72'] {
    top: 216rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='73'] {
    top: 219rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='74'] {
    top: 222rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='75'] {
    top: 225rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='76'] {
    top: 228rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='77'] {
    top: 231rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='78'] {
    top: 234rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='79'] {
    top: 237rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='80'] {
    top: 240rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='81'] {
    top: 243rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='82'] {
    top: 246rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='83'] {
    top: 249rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='84'] {
    top: 252rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='85'] {
    top: 255rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='86'] {
    top: 258rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='87'] {
    top: 261rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='88'] {
    top: 264rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='89'] {
    top: 267rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='90'] {
    top: 270rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='91'] {
    top: 273rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='92'] {
    top: 276rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='93'] {
    top: 279rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='94'] {
    top: 282rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='95'] {
    top: 285rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='96'] {
    top: 288rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='97'] {
    top: 291rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='98'] {
    top: 294rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='99'] {
    top: 297rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='100'] {
    top: 300rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='101'] {
    top: 303rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='102'] {
    top: 306rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='103'] {
    top: 309rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='104'] {
    top: 312rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='105'] {
    top: 315rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='106'] {
    top: 318rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='107'] {
    top: 321rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='108'] {
    top: 324rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='109'] {
    top: 327rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='110'] {
    top: 330rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='111'] {
    top: 333rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='112'] {
    top: 336rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='113'] {
    top: 339rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='114'] {
    top: 342rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='115'] {
    top: 345rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='116'] {
    top: 348rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='117'] {
    top: 351rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='118'] {
    top: 354rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='119'] {
    top: 357rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='120'] {
    top: 360rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='121'] {
    top: 363rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='122'] {
    top: 366rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='123'] {
    top: 369rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='124'] {
    top: 372rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='125'] {
    top: 375rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='126'] {
    top: 378rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='127'] {
    top: 381rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='128'] {
    top: 384rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='129'] {
    top: 387rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='130'] {
    top: 390rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='131'] {
    top: 393rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='132'] {
    top: 396rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='133'] {
    top: 399rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='134'] {
    top: 402rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='135'] {
    top: 405rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='136'] {
    top: 408rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='137'] {
    top: 411rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='138'] {
    top: 414rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='139'] {
    top: 417rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='140'] {
    top: 420rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='141'] {
    top: 423rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='142'] {
    top: 426rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='143'] {
    top: 429rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='144'] {
    top: 432rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='145'] {
    top: 435rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='146'] {
    top: 438rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='147'] {
    top: 441rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='148'] {
    top: 444rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='149'] {
    top: 447rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='150'] {
    top: 450rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='151'] {
    top: 453rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='152'] {
    top: 456rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='153'] {
    top: 459rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='154'] {
    top: 462rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='155'] {
    top: 465rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='156'] {
    top: 468rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='157'] {
    top: 471rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='158'] {
    top: 474rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='159'] {
    top: 477rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='160'] {
    top: 480rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='161'] {
    top: 483rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='162'] {
    top: 486rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='163'] {
    top: 489rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='164'] {
    top: 492rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='165'] {
    top: 495rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='166'] {
    top: 498rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='167'] {
    top: 501rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='168'] {
    top: 504rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='169'] {
    top: 507rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='170'] {
    top: 510rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='171'] {
    top: 513rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='172'] {
    top: 516rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='173'] {
    top: 519rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='174'] {
    top: 522rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='175'] {
    top: 525rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='176'] {
    top: 528rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='177'] {
    top: 531rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='178'] {
    top: 534rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='179'] {
    top: 537rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='180'] {
    top: 540rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='181'] {
    top: 543rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='182'] {
    top: 546rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='183'] {
    top: 549rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='184'] {
    top: 552rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='185'] {
    top: 555rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='186'] {
    top: 558rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='187'] {
    top: 561rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='188'] {
    top: 564rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='189'] {
    top: 567rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='190'] {
    top: 570rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='191'] {
    top: 573rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='192'] {
    top: 576rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='193'] {
    top: 579rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='194'] {
    top: 582rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='195'] {
    top: 585rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='196'] {
    top: 588rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='197'] {
    top: 591rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='198'] {
    top: 594rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='199'] {
    top: 597rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='200'] {
    top: 600rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='201'] {
    top: 603rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='202'] {
    top: 606rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='203'] {
    top: 609rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='204'] {
    top: 612rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='205'] {
    top: 615rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='206'] {
    top: 618rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='207'] {
    top: 621rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='208'] {
    top: 624rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='209'] {
    top: 627rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='210'] {
    top: 630rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='211'] {
    top: 633rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='212'] {
    top: 636rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='213'] {
    top: 639rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='214'] {
    top: 642rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='215'] {
    top: 645rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='216'] {
    top: 648rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='217'] {
    top: 651rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='218'] {
    top: 654rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='219'] {
    top: 657rem;
  }
  &[class*='gs-id-'] > .grid-stack-item[gs-y='220'] {
    top: 660rem;
  }
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
  left: 0px !important;
  right: 0px !important;
}

@media (min-width: 768px) {
  .grid-stack > .grid-stack-item > .grid-stack-item-content {
    left: 10px !important;
    right: 10px !important;
  }
}

.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 1.5rem;
  flex-shrink: 0;
  font-size: 0.875rem;
  padding-right: 1.5rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.header .header-main {
  display: flex;
  flex-direction: row;
  justify-content: left;

  align-items: center;
  gap: 0.5rem;

  .header-title {
    font-weight: 600;
    color: #1c1b1f;
  }

  .header-icon {
    color: #1c1b1f;
  }
}

.header .header-addon {
  align-self: end;
}

@media (min-width: 375px) {
  .header {
    font-size: 1rem;
  }
}

.separator {
  height: 0.5px;
  background-color: #e8eaea;

  &.vertical {
    width: 0.5px;
    height: 100%;
    background-color: #e8eaea;
  }
}

.list-widget .list-subHeader {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.list-widget .list-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: -webkit-fill-available;
  gap: 0.75rem;
  scrollbar-gutter: stable;
  padding-right: 0.375rem;
}

.table-widget {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  user-select: none;
}
.table-widget .list-subHeader {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.table-widget .contentTable {
  max-height: calc(100% - 3.75rem);
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  margin-top: -4.5rem;
  background: transparent;
}
.table-widget .contentTable .table-bar {
  padding-bottom: 0.75rem;
  justify-content: end;
}
.table-widget .contentTable .table-bar .table-button-container {
  overflow: hidden;
}
.table-widget .contentTable .table-bar .table-button-container button {
  color: transparent;
  width: 2rem;
  min-width: 2rem;
  padding: 0;
  height: 2rem;
  position: relative;
}
.table-widget .contentTable .table-bar .table-button-container button span {
  position: absolute;
  margin: 0;
}
.table-widget .contentTable .contentTableScroll {
  max-height: 100%;
}
.table-widget .contentTable .contentTableScroll .divTable {
  overflow: auto;
  max-height: 100%;
}
.table-widget .contentTable .contentTableScroll .divTable thead {
  background: white;
}
.table-widget .contentTable .contentTableScroll .divTable thead th {
  border-bottom: solid 1px #333;
}
.table-widget .contentTable .contentTableScroll .divTable thead td {
  color: #333 !important;
  font-size: 0.9rem;
  padding: 0.5rem !important;
}
.table-widget .contentTable .contentTableScroll .divTable thead tr:nth-child(even) {
  background-color: #fafafa; /* color de fondo en filas pares */
}
.thGroup {
  border: none;
}
@media (min-width: 1018px) {
  .table-widget .contentTable {
    max-height: calc(100% - 3rem);
    margin-top: -3.75rem;
  }
}

.widget-base {
  display: flex;
  flex-direction: column;
  height: -webkit-fill-available;
  width: -webkit-fill-available;
  background-color: #ffffff;
  border: 1px solid #e8eaea;
  border-radius: 0.75rem;
  padding: 1rem;
  gap: 0.75rem;
  font-size: 0.75rem;
}
.widget-base .separator {
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
}

@media (min-width: 375px) {
  .widget-base {
    font-size: 0.875rem;
  }
}

.grid-widget {
  .list-subHeader {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
.grid-widget .grid-container {
  display: grid;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding-right: 0.5rem;

  .grid {
    align-items: center;
    border-bottom: solid 1px #eee;
    padding: 0.5rem 0;
  }

  .obs_comp {
    margin: 0;
  }
}

.containerX {
  h3 {
    color: #1a237e;
    font-weight: 500;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

/* VideoModal.css */

/* Overlay del modal */
.video-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Contenedor del video */
.video-modal-container {
  position: relative;
  width: 80%;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/* Video */
.video-modal-video {
  width: 100%;
  height: auto;
  display: block;
  background: #000;
}

/* Botón de pantalla completa */
.video-modal-fullscreen-btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}

.video-modal-fullscreen-btn:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* Texto debajo del video */
.video-modal-text {
  color: #fff;
  text-align: center;
  padding: 10px 15px;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.6);
}


.main-container {
  margin-top: 1rem;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
}

.item-container {
  width: 30rem;
}

/* Mobile */
@media (max-width: 768px) {
  .main-container {
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .item-container {
    width: 100%;
  }
}

.floating-card {
  --card-box-shadow: var(--floating-card-box-shadow, 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03));
  --card-padding: 0.25rem;

  position: absolute;
  z-index: 1000;
  max-width: fit-content;

  animation: 0.1s ease-out 0s 1;
}
.floating-card--bottom {
  animation-name: slideInFromBottom;
}

.floating-card--top {
  animation-name: slideInFromTop;
}

.floating-card--right {
  animation-name: slideInFromRight;
}

.floating-card--left {
  animation-name: slideInFromLeft;
}

.floating-tooltip {
  --card-background-color: var(--tooltip-background-color);
  --card-padding: 1rem;

  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--tooltip-background-color);
  z-index: 10;
  color: var(--tooltip-color);

  content: attr(data-tooltip);
}
.floating-tooltip::after {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  border-color: transparent;
  border: 8px;
  content: '';
}

.floating-tooltip--left::after {
  top: 0.25rem;
  right: -0.25rem;
  background: linear-gradient(var(--tooltip-background-color), var(--tooltip-background-color) 50%, transparent 51%) padding-box, linear-gradient(45deg, transparent 0%, transparent calc(100% - 8px), #ccc) border-box;
  border: 1px solid transparent;
  transform: rotate(45deg);
}

.floating-tooltip--right::after {
  top: 0.25rem;
  left: -0.25rem;
  background: linear-gradient(var(--tooltip-background-color), var(--tooltip-background-color)) padding-box, linear-gradient(45deg, #ccc 0%, transparent 8px) border-box;
  border: 1px solid transparent;
  transform: rotate(45deg);
}

.floating-tooltip--top {
  @apply !-ml-2;
  &::after {
    @apply left-3.5 -bottom-1;
    background: linear-gradient(var(--tooltip-background-color), var(--tooltip-background-color)) padding-box, linear-gradient(-45deg, #ccc 0%, transparent 8px) border-box;
    border: 1px solid transparent;
    transform: rotate(45deg);
  }

  .floating-tooltip-to-left {
    @apply !ml-1.5;
    &::after {
      @apply right-3.5 left-auto;
    }
  }
}

.floating-tooltip--bottom {
  @apply !-ml-2;
  &::after {
    @apply left-3.5 -top-1.5;
    background: linear-gradient(var(--tooltip-background-color), var(--tooltip-background-color)) padding-box, linear-gradient(-45deg, transparent 8px, #ccc 0%) border-box;
    border: 1px solid transparent;
    transform: rotate(45deg);
  }
  &-to-left {
    @apply !ml-1.5;
    &::after {
      @apply right-3.5 left-auto;
    }
  }
}

& > :first-child {
  @apply z-10;
}

@keyframes slideInFromBottom {
  0% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(8px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes slideInFromRight {
  0% {
    transform: translateX(-8px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes slideInFromTop {
  0% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}

.floating-tooltip {
  height: fit-content;
  width: fit-content;
  shrink: 0;
  grow: 0;
  z-index: 2000;
}

:root {
  --tooltip-background-color: #212121;
  --card-border-radius: 0.375rem;
  --card-padding: 0.375rem;
  --floating-card-box-shadow: 0px 4px 4px 0px #00000040;
}

@keyframes slidein{from{transform:translateX(0%)}to{transform:translateX(100%)}}@keyframes fadein{from{opacity:1}to{opacity:0}}.MuiMenuItem-animated{animation:fadein .7s ease-in-out}.notificationRoot{display:flex;flex-direction:row;gap:10px;padding:8px;width:100%;justify-content:space-between;max-width:400px;white-space:initial}.notificationRoot .notificationState .notificationState-green,.notificationRoot .notificationState .notificationState-white{width:9px;height:9px;border-radius:20px}.notificationRoot .notificationState .notificationState-green{background-color:red}.notificationRoot .notificationContent{line-height:20px}.notificationRoot .notificationContent p{margin:0px}.notificationRoot .notificationContent p:nth-child(1){font-size:16px;font-weight:500;color:#1a237e}.notificationRoot .notificationContent p:nth-child(2){font-size:16px;font-weight:400;color:#616161}.notificationRoot .notificationContent p:nth-child(2):hover{text-decoration:underline}.notificationRoot .notificationContent p:nth-child(3){font-size:13px;font-weight:400;color:#9e9e9e}
.container{margin-top:65px;margin-left:68px;padding:17px 17px 12px 17px;display:flex;flex-direction:column;height:calc(100% - 25px);overflow-x:hidden;transition:margin-left .3s}.container.sidebar-open{display:flex;margin-left:250px;transition:margin-left .3s}.container .containerInicio{display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:calc(100vh - 114px);overflow:hidden}.container .containerInicio .footer{font-size:.813rem;text-align:end;color:#78909c}.full_container{height:calc(100vh - 69px)}#textButton{width:50px;padding:0px;color:gray;font-size:13px}#textButton.MuiButtonBase-root{padding:0px;max-height:18px}#textButton.MuiButtonBase-root:hover{background-color:rgba(0,0,0,0)}@media(max-width: 600px){.container{margin-top:59px;margin-left:0px}.container.sidebar-open{display:flex;margin-left:0}.full_container{height:calc(100vh - 57px) !important}}h2{color:#212121;font-size:1.75rem}
.DateRangePaper-container .dateRangePaper-buttons{display:flex;place-content:flex-end}.DateRangePaper-root .MuiPaper-root.DateRangePaper-root{top:12px}.DateRangePaper-root .MuiPaper-root .DateRangeNull-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrInRange,.DateRangePaper-root .MuiPaper-root .DateRangeNull-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrEndEdge,.DateRangePaper-root .MuiPaper-root .DateRangeNull-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrStartEdge{background-color:#fff !important}.DateRangePaper-root .MuiPaper-root .DateRangeNull-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrDayNumber span{color:#1d2429}.DateRangePaper-root .MuiPaper-root .DateRangeNull-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrDayPassive span{color:#d5dce0}.DateRangePaper-root .MuiPaper-root .MuiList-root{padding-left:8px;padding-right:8px}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrCalendarWrapper .rdrDateDisplayWrapper{background-color:rgba(0,0,0,0)}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrCalendarWrapper .rdrDateDisplayWrapper .rdrDateDisplay{margin:-8px;background-color:#3f51b5}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrCalendarWrapper .rdrDateDisplayWrapper .rdrDateDisplay .rdrDateInput{background-color:#3f51b5;border-width:0px}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrCalendarWrapper .rdrDateDisplayWrapper .rdrDateDisplay .rdrDateInput input{padding:1em 0px;text-transform:capitalize;color:#fff !important;font-size:18px}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrCalendarWrapper .rdrDateDisplayWrapper .rdrDateDisplay .rdrDateInput input::placeholder{color:#fff !important}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrMonthName{display:none}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay{height:3.5em}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrInRange,.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrEndEdge,.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrStartEdge{background-color:#3f51b5}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrEndEdge{border-top-right-radius:30px;border-bottom-right-radius:30px;right:7px}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrStartEdge{border-top-left-radius:30px;border-bottom-left-radius:30px;left:7px}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrDayNumber span{font-size:14px;font-weight:400}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrDayStartPreview,.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrDayEndPreview,.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrDayInPreview{border-top:1px solid #3f51b5 !important;border-bottom:1px solid #3f51b5 !important}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrDayInPreview{border-left:1px solid #3f51b5 !important}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrDayStartPreview{border-left:1px solid #3f51b5 !important}.DateRangePaper-root .MuiPaper-root .MuiList-root .rdrMonthsHorizontal .rdrMonth .rdrDays .rdrDay .rdrDayEndPreview{border-left:1px solid #3f51b5 !important;border-right:1px solid #3f51b5 !important}.rdrDayToday .rdrDayNumber{border-top-left-radius:30px;border-bottom-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;background-color:#c7dcff}.rdrDayToday .rdrDayNumber span:after{background:#3f51b5 !important}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber{border-top-left-radius:30px;border-bottom-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;background-color:#3f51b5}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#c7dcff !important}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:hsla(0,0%,100%,.85) !important}
.content {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  margin: 0;
}

.itemsContent {
  height: -webkit-fill-available; 
  overflow-x: auto;              
  display: flex;                 
  gap: 0.5rem;                     
  padding: 0 0.5rem 8px;
}
.steps-widget {
  .list-subHeader {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}