@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://use.fontawesome.com/releases/v5.13.1/css/all.css');

body                    { scrollbar-face-color: #EEEEEE; scrollbar-shadow-color: #EEEEEE; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #a5a5a5; scrollbar-darkshadow-color: #AAAAAA; scrollbar-track-color: #FEFEFE; scrollbar-arrow-color: #000000; background-color: #F8F8F8; overflow-x: hidden; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; }
body.margen             { scrollbar-face-color: #EEEEEE; scrollbar-shadow-color: #EEEEEE; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #a5a5a5; scrollbar-darkshadow-color: #AAAAAA; scrollbar-track-color: #FEFEFE; scrollbar-arrow-color: #000000; background-color: #F8F8F8; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75rem; font-weight: normal; color: #5c5c5c; padding: 10px 5px !important; border: 0 none; }
body.margen > table     { margin-bottom: 8px; }
body.margen table ~ hr  { border: 1px solid rgba(0,0,0,0.1); outline: 0 none; height: 63px; border-radius: 0; background: #f0f0f0; position: absolute; top: -5px; left: 0; width: 100%; z-index: -1; }
body > center > table   { width: 100%; }

p.llamativo             { font-weight: bold; color: #000000; }
p.titulo                { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000; }
.letraCabeceraGrande    { color: #fff; background: #264c80; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 5px; text-transform: uppercase; }
.esperar                { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000; }
.tablaCabecera          { background-image:url(../images/cabecera_datacomex1.jpg); background-repeat:no-repeat; background-color:#344C6C; font-family: "Open Sans", sans-serif }	
a.ayuda                 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color:white; }
a.ayudaEspecial         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: underline; color:#E65F00; }
a.ayudaTitulo           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration:none; color:white; }
a.avanzadosimple        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; color:blue; }
a.enlacenegro           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color:black; }
a.enlaceazul            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: underline; color: #4ca5e0; }

.panelClass                                 { background-color: #f8f8f8; border: #ccc 1px solid; color: #000; padding: 10px 10px 10px 5px; text-align: justify; }
.panelClass2 + .panelClass[height="100%"]   { border: 0 none; padding: 0; position: relative; top: -1px; }
.panelClass ul                              { margin: 0; padding-left: 20px; }
.panelClass td > ul li                      { font-size: 0.85rem; margin: 10px 0; text-align: justify; }
.panelClass td > b                          { color: #ff6600; font-size: 1.55rem; font-family: "Open Sans", sans-serif; font-weight: 800; margin: 0; }

div#raiz                                    { margin-top: 25px; }

.formClass                                  { BORDER-RIGHT: #ff0000 0px solid; BORDER-TOP: #ff0000 0px solid; BORDER-LEFT: #ff0000 0px solid; BORDER-BOTTOM: #ff0000 0px solid; margin-top: 0px; margin-left: 0px; margin-left: 0px; margin-bottom: 0px; background-color:#0000FF; padding-left: 0px; }
.radiob_check                               { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #4E4E4E; }
.titpestana_activa                          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000; background-color: #F5F5F5; padding-left: 0px; height: 17px; text-decoration: none; vertical-align: middle; }
.titpestana_inactiva                        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #8F8F8F; background-color: #D2D2D2; padding-left: 0px; cursor: pointer; text-decoration: none; height: 17px; vertical-align: middle; }
.panelFrame                                 { border: #dfdfdf 1px solid;  background-color: #fff; z-index: -130; }
.barraColorLogo                             { border: 0px solid;  background-color: #FFCC00; z-index: -130; }
.cabeceragenerica                           { background-image:url(../images/cabecera_generica1.jpg); background-repeat:no-repeat; background-color:#344C6C; background-position:left; }
.fondobola                                  { background-image:url(../images/bola.jpg); background-repeat:no-repeat; background-color:#FFFFFF; background-position:center; }
table.bordeOn                               { border: solid medium lightgray; } 
table.bordeOff                              { border: solid medium transparent; }                 

.panelFrame + tr.bottom_page,
.panelFrame + tr.bottom_page td.bottom_page,
.panelFrame + tr.bottom_page_sinimagen,
.panelFrame + tr.bottom_page_sinimagen tr.bottom_page_sinimagen > td{ background: #000; border-top: 1px solid #333; border-bottom: 1px solid #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #fff; border-spacing: 0; padding: 5px; line-height: 32px; }

#FormInforme[action*="avanzado"] .panelClass .bottom_page,
#FormInforme[action*="seleccion"] .panelClass2 .bottom_page         { background: transparent; border: 0 none; padding: 20px 5px 0; line-height: normal; font-style: italic; color: #ff6600; font-size: 1.2rem; font-weight: bold; }

#FormInforme[action*="seleccion"] .fas.fa-trash-alt.faIcon          { position: relative; top: -30px; left: -5px; margin: 0 -1px }
#FormInforme[action*="seleccion"] #Table44                          { margin-top: 8px; }

#FormInforme[action*="seleccion"] .panelClass2,
#FormInforme[action*="avanzado"] .panelClass                        { background-color:#fff; border-right: #ccc 1px solid; background: #fff url(/Images/fondo-home-comex.png) no-repeat top left / cover; box-shadow: 0 0 10px 0 rgba(0,0,0,0.0) inset; }
#FormInforme[action*="avanzado"] .panelClass .bottom_page           { padding-top: 30px !important; padding-bottom: 10px !important; }
#FormInforme[action*="avanzado"] .panelClass td                     { height: 24px; padding: 1px 0 !important; display: table-cell; width: 100%; }
#FormInforme[action*="avanzado"] .panelClass                        { padding-right: 6px; }
#FormInforme[action*="avanzado"] .panelClass                        { border-right: 0 none; padding: 0; }
#FormInforme[action*="avanzado"] .panelClass > table                { padding: 0 5px; }
#FormInforme[action*="avanzado"] .fas.fa-trash-alt.faIcon           { position: relative; top: -35px; left: 5px; margin: 0 -1px }
#FormInforme[action*="avanzado"] #Table2                            { width: 100%; }
#FormInforme[action*="avanzado"] .panelClass .labelClass            { display: inline-block; width: 100px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 24px; }
#FormInforme[action*="avanzado"] select                             { width: 150px !important; }

.panelFrame ~ tr td.bottom_page { background: #000; color: #fff; padding: 5px; }
.bottom_pageBold                { background-image: linear-gradient(0deg, #333, #5c5c5c); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:White; }
.bottom_pageBoldSmall           { background-image:url(../images/bar22.jpg); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:White; }	

.invisible                      { background-image:url(../images/bar22.jpg); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; font-weight: normal; color:#267190; }

.cabecera_tabla                 { background-color:#5699B6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:White; }	
a.barra_informe                 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:White; }
 .barra_informe_imagen          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.85rem; font-weight: normal; color:White; text-decoration: none; }
a.navegador_barra               { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:White; }
a.navegador_barra:hover         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:White; font-weight: bold; }  
.busqueda                       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:blue; font-weight: normal; }
.busquedatitulo                 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.busqueda:hover                 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold }

.ListaOPCIONAL                  { font-family: Verdana; font-size: 0.75rem; font-weight: bold; line-height: 22px; color: #5c5c5c; background-color: #FFFFFF; border: 1px; border-style: solid; border-color: #ccc; width: 175px; }
.ListaLarga                     { font-family: Verdana; font-size: 0.75rem; font-weight: bold; color: #5c5c5c; background-color: #FFFFFF; border: 1px; border-style: solid; border-color: #ccc; width: 183px; }
.ListaCorta                     { font-family: Verdana; font-size: 0.75rem; font-weight: bold; color: #5c5c5c; background-color: #FFFFFF; border: 1px; border-style: solid; border-color: #ccc; width: 115px; }
select:not([multiple])          { height: 24px; }

select:hover, select:focus, 
input:hover, input:not([type="button"]):not([type="submit"]):focus, 
textarea:hover, textarea:focus  { border-width: 1px; color: #000 !important; opacity: 1; box-shadow: 0 0 0px 1px rgba(0,0,0,1) ; outline: 0 none; }

.fas.faIcon                     { background: rgba(0,0,0,0); line-height: 24px; width: 24px; color: #000; text-align: center; margin-left: 5px; border-radius: 0; }
.fas.faIcon:hover,
.fas.faIcon:focus               { color: #ff6600; }

.campotxt_edit                  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #234372; border: 1px solid #C1CADD; height: 18px; }

.labelClass                     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #4E4E4E; text-align: left; padding: 5px 0 5px 5px; text-decoration:none; }
.labelClass2                    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #4E4E4E; text-align: left; padding: 5px; text-decoration: none; background-color: transparent; color: #000; line-height: 24px; width: 100%; }

table tr[height="1"]                                { display: none; }
table td[width="5"]                                 { width: 0 !important; }
table td[width="5"] + td > i.faIcon                 { margin: 6px 5px 0 0; }
table td.labelClass[width="85"]                     { width: 75px !important; }

.panelClass2 tr:nth-of-type(3) td > div             { margin-top: 15px; }
.panelClass2 tbody tr:nth-of-type(1) td table td    { height: 36px; }
.panelClass2 td > div                               { margin: 5px 0 5px 0; }

button#irAvanzado,
button#irSimple         { position: absolute; top: 0; left: 0; width: 40px; background: rgba(0,0,0,0); height: 40px; margin: 0; color: #000; font-size: 24px; padding: 0; outline: 0 none; z-index: 9; }
#irAvanzado:hover,
#irAvanzado:focus,
#irSimple:hover,
#irSimple:focus         { color: #ff6600 !important; background: rgba(0,0,0,0) !important; box-shadow: none; }

.cabecera               { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: black; text-align: left; padding-right: 7px; text-decoration:none;	}	
.claseSeleccionar       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75rem; font-weight: normal; color: #4E4E4E; text-align: left; padding: 5px 0 5px 5px; text-decoration: none; }	

.boton                  { text-align: center; background-color: #000; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; border: 0 none; padding: 0 10px; line-height: 36px; margin: 2% 5%; width: 90%; }
.boton:hover,
.boton:focus            { color: #fff !important; background: #ff6600 !important; border: 1px solid rgba(0,0,0,0.0); box-shadow: none !important; }
.botonInicio            { display: block; width: auto; line-height: 50px; height: auto; background: transparent; padding: 5px; text-align: center; border-radius: 5px; color: white; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 10px; }   
.botonAyuda             { display: block; line-height: 50px; height: auto; background: transparent; padding: 5px; text-align: center; border-radius: 5px; color: white; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 10px; }  
.botonAyuda i, 
.botonInicio i          { float: left; line-height: 50px; font-size: 1rem; padding: 0 6px 0 15px; }

.titleBar               { background-color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:White; height: 35px; }
.tablaCabecera .titleBar{ background-color:#ff6600; }
.WaitText               { font-family: Verdana; font-weight: normal; font-size: 14pt; }

.subHeader          { background: transparent; padding: 4px; font-weight: bold; color: #ff6600; font-size: 0.85rem; }
.subHeader2         { font-weight: bold; color: #26708C; font-size: 0.85rem }
.subHeaderSmall     { background-color:#fff; font-weight: bold; color: #26708C; font-size: 0.85rem }
.subHeaderBig       { background-color:#fff; font-weight: bold; color: #26708C; font-size: 0.85rem }
.subHeaderBig2      { color: #26708C; font-size: 0.85rem; }
.subHeaderWhite     { background-color:#FFFFFF; color: #000; font-size: 0.85rem }
.subHeaderGray      { background-color: #f0f0f0; padding: 5px; border: 1px solid #ccc; color: #000; font-size: 0.85rem; font-weight: bold }
.textoAzul          { background-color:#fff; font-weight: normal; color: #000; font-size: 0.85rem }
.textoAzul2         { font-weight: normal; color: #000; font-size: 0.85rem }
.textoAzul3         { font-weight: bold; letter-spacing: 3px; color: #1F5099; font-size: 0.85rem }
.textoRojo          { background-color:Yellow; font-weight: normal; color:#BB0000; font-size: 0.85rem }
.textoAzulGris      { background-color:#fff; font-weight: normal; color: #000; font-size: 0.85rem }

.site                       { color: #fff; display: block; text-align: left; position: relative; height: 50px; float: left; width: 250px; }
.site span:nth-child(1)     { color: #fff; display: block; text-align: left; font-size: 24px; font-weight: bold; line-height: normal; position: absolute; top: 0; left: 0; }
.site span:nth-child(2)     { font-size: 0.7rem; position: absolute; left: 0; top: 30px; } 
.site b                     { color: #ff6600; } 

input[type="checkbox"],
input[type="radio"]                     { font-weight: normal; font-size: 1rem; margin: 0; height: 0.9rem; width: 0; display: inline-block; background: transparent; border: 0 none; outline: none !important; box-shadow: none !important; cursor: pointer; margin-right: 24px; position: relative; }
input[type="radio"]                     { float: left; margin-top: 6px; }
input[type="checkbox"]+label,
input[type="radio"]+label               { font-weight: normal; font-size: 1rem; margin: 0 0 0 20px; padding-right: 10px; }
input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label       { font-weight: bold; }
input[type="checkbox"], 
input[type="radio"]                     { border-radius: 4px; cursor: pointer; display: inline-block; height: 16px; margin-right: 5px; position: relative; top: 5px; width: 16px; }

input[type="radio"]                     { border-radius: 100%; }
input[type="checkbox"]::before,
input[type="radio"]::before             { border: 1px solid rgba(0,0,0,0.2); outline: none !important; box-shadow: none !important; background-color: #fff; border-radius: 2px; content: ''; display: block; height: 16px; width: 16px; }
input[type="radio"]::before             { border-radius: 100%; }
input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before     { background: linear-gradient(45deg, #20A867 0%, #40a474 150%); border-color: #40a474; }
input[type="checkbox"]:after            { border: 2px solid #fff; border-right: 0; border-top: 0; outline: none !important; box-shadow: none !important; content: ''; display: block; height: 4px; left: 2px; opacity: 0; position: absolute; top: 5px; transform: rotate(-45deg); width: 12px; }

input[type="checkbox"][value="2"]:after { border-left: 0; left: 3px; opacity: 0; transform: none; width: 10px; }
input[type="radio"]:checked::after      { background: #fff; border-radius: 50px; outline: none !important; box-shadow: none !important; content: ''; display: block; height: 8px; left: 4px; position: absolute; top: 4px; width: 8px; opacity: 1; margin: 0; padding: 0; }
input[type="checkbox"]:checked:after    { opacity: 1; }
input[type="checkbox"] + span           { color: #333; display: inline-block; font-size: 1rem; font-weight: 400; letter-spacing: -0.00933333em;.oReportCell line-height: 24px; margin: 0 0px 0 5px; padding: 0 5px; position: relative; top: -2px; }

#oReportDiv                                                 { padding: 10px; font-size: 1rem; }
#oReportDiv table td.th-cell                                { background: linear-gradient(0deg, #4c4c4c, #5c5c5c); border: 1px solid #000 !important; text-align: center; vertical-align: middle; }
#oReportDiv table td.th-cell *                              { color: #fff; }
#oReportDiv table td.th-cell table td.th-cell               { border: 0 none !important; }
#oReportDiv table tbody tr:nth-child(even) > td:not(.th-cell) table tbody tr:nth-child(even) > td:not(.th-cell){ background: transparent; }

#oReportDiv table                                           { width: 100%; height: auto !important; }
#oReportDiv table tbody                                     { width: auto; position: relative; }
#oReportDiv .overflow                                       { display: block; overflow-x: auto; padding: 0px !important; width: calc(100vw - 40px) !important; }
#oReportDiv table td                                        { padding: 0; line-height: 24px; border-color: #ccc; font-size: 0.85rem; }
#oReportDiv table td>*:not(.fas):not(.far):not(.searcher), 
#oReportDiv table th>*:not(.fas):not(.far):not(.searcher)   { width: 100%; padding: 5px; font-size: 0.85rem; font-family: 'Open Sans', sans-serif; background: transparent; height: auto !important; }
#oReportDiv table tbody td button                           { color: #20a867; background: transparent; font-size: 18px; float: right; }
#oReportDiv table td a                                      { color: #000; font-weight: bold; font-size: 0.8rem; cursor: pointer; white-space: nowrap; }
#oReportDiv table td a > i                                  { color: #ff6600; }

#oReportDiv tr[height="0"], #oReportDiv tr td:empty         { display: none !important; }
#oReportDiv table td a:hover, 
#oReportDiv table td a:focus                                { outline: 0 none; }

#oReportDiv img                                                                     { width: auto !important; height: auto !important; object-fit: cover; border: 1px solid #ccc; margin: 0 auto; display: block; }
#oReportDiv table[lang="es-ES"] td div:not([style]):not([alt])                      { font-weight: bold; }
#oReportDiv table tbody tr:nth-child(even) > td:not([colspan]):not(.th-cell)        { background: #f0f0f0; }
#oReportCell table table tbody tr:nth-child(even) > td:not([colspan]):not(.th-cell) { background: transparent; }

#oReportDiv table tbody td.a64c         { width: 32px; }
#oReportDiv table tbody td.a64c a       { color: #ff6600; width: 100%; display: inline-block; }
#oReportDiv table tbody td.a64c > div   { width: 100% !important; text-align: center; }

#divmenu                { position: absolute; background: #fff; border: 1px solid #ccc; border-radius: 0px; color: #000; font-size: 0.85rem; padding: 4px 5px 5px 5px; z-index: 2; }
#divmenu:empty          { display: none; }
#divmenu table          { margin: 0; }
#divmenu td.menuicono   { width: 24px !important; text-align: center; }
#divmenu td.menuicono i { position: relative; top: 1px; color: #ff6600; }
#divmenu table td       { background: #fff !important; }
#divmenu td a           { color: #000; cursor: pointer; font-weight: normal !important; text-decoration: none; }

 * { box-sizing: border-box }

.a93xBc             { position: relative; }
.searcher           { position: absolute; top: 0; left: 5px; width: calc(100% - 10px) !important; background: #333; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px 4px 0 0; color: #fff; padding: 5px; }
.searcher + div     { margin-top: 32px; }
.searcher label     { margin-right: 10px; }
.searcher input     { padding: 3px 28px 3px 8px; width: 188px; }
.searcher .fa-search{ position: absolute; top: 10px; left: 230px; font-size: 1rem; color: #000; }

@media (max-width: 1280px) {
    .site + table .botonAyuda span, 
    .site + table .botonInicio span { display: none; }
}


@media (max-width: 1024px) {
    .site + table .botonInicio      { position: fixed; right: 0; top: 0;; }
    .site + table td + td .botonAyuda { position: fixed; right: 50px; top: 0; }
    .site + table td + td + td .botonAyuda { position: fixed; right: 100px; top: 0; }

    .site + table .botonAyuda span, 
    .site + table .botonInicio span { display: none; }
}


/**************/
/* LOADER CSS */
/**************/

.loader                     { width: 100vw; height: 100vh; background: #f8f8f8; z-index: 999; position: fixed; top: 0; left: 0; }
.loader span                { width: 40px; height: 40px; border-radius: 32px; backface-visibility: hidden; position: absolute; animation-name: move; animation-timing-function: cubic-bezier(0.4, 0, 1, 0.8); animation-iteration-count: infinite; animation-duration: 3s; top: calc(50% - 32px); left: 50%; transform-origin: -32px center; }
.loader label               { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; position: fixed; top: calc(50% + 50px); left: calc(50% - 86px); font-size: 20px; }
.loader label b             { color: #ff6600; }.loader span:nth-child(1)   { background: #333; animation-delay: -0.5s; opacity: 0; }
.loader span:nth-child(2)   { background: #333; animation-delay: -1s; opacity: 0; }
.loader span:nth-child(3)   { background: #333; animation-delay: -1.5s; opacity: 0; }
.loader span:nth-child(4)   { background: #333; animation-delay: -2s; opacity: 0; }
.loader span:nth-child(5)   { background: #333; animation-delay: -2.5s; opacity: 0; }
.loader span:nth-child(6)   { background: #333; animation-delay: -3s; opacity: 0; }

@keyframes move { 
    0% { transform: scale(1) rotate(0deg) translate3d(0, 0, 1px); }
    30% { opacity: 1; } 
    100% { z-index: 10; transform: scale(0) rotate(360deg) translate3d(0, 0, 1px); }
}

@media (max-width: 1024px) {
    #FormInforme[action*="seleccion"] .panelClass2, #FormInforme[action*="avanzado"] .panelClass {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block;
        height: 100vh;
    }

    #FormInforme[action*="avanzado"] .panelClass + .panelClass {
        width: calc(100vw - 289px) !important;
        display: table-cell;
    }
}


@media (max-width: 1920px) {
    .panelClass2 + .panelClass[height="100%"]{
        border: 0 none;
        width: calc(100vw - 290px);
    }
}