/*********************************************************/
/*Hola de Estilos del Módulo Pitágoras Remote Content */
/*********************************************************/

:root { 

    /*Body*/
    font-size: 16px;
    --body-bg: #fff;    
    --grey-bg: #f2f2f2;  


    /*Components Pitágoras*/ 
    --component-light : #ced8e6; 
    --component-dark : #475160; 


    /*Paleta Oficial Pitágoras*/
    --pitagoras-white : #fff; 
    --pitagoras-black100: #000000;

    --pitagoras-blue80 : #1C3A54;     
    --pitagoras-blue50 : #2872E8; 
    --pitagoras-blue30 : #14AEE4; 
    --pitagoras-blue20 : #4FD4CF; 
    
    --pitagoras-green20 : #66FFCC; 
    --pitagoras-green30 : #5DE7BD; 
    --pitagoras-green50 : #2AAE1E;

    --pitagoras-yellow50 : #C1C100;

    --pitagoras-red40: #E83545;
    --pitagoras-red50 : #B81B16;
    --pitagoras-purple : #AD4FC6;     

    --pitagoras-aqua : #66FFCC;
    --pitagoras-aqua30: #b3eff2;
	--pitagoras-aqua60: #5fdddd;
	--pitagoras-aqua80: #58bdbd; 
	--pitagoras-aquatext: #1f7575;    
    
    --pitagoras-grey10 : #E8E8E8;
    --pitagoras-grey15: #dfdfdf;
    --pitagoras-grey20 : #DBDDEB;
    --pitagoras-grey30 : #D4D4D4;
    --pitagoras-grey40 : #999999;    
    --pitagoras-grey50 : #818181;
    --pitagoras-grey75: #666666;
    --pitagoras-grey80 : #50555f;
    
    --pitagoras-orange50: #DD6F00;
    --pitagoras-orange60: #ca682c;

    /*Bordes y fuentes*/
    --grey75: #666666;
    --grey15: #dfdfdf;
    --grey20: #b9b9b9;    
    --grey10: #E8DEDF;
    --grey80: #4d4848;
    --green20: #b5fdab;
    --green50: #4EF23F;
    --black100: #000000;
    --red40: #E83545;
    --blue50: #4581ee; 
    --aqua30: #b3eff2;
    --aqua60: #5fdddd;
    --aqua80: #58bdbd;
    --aquatext: #1f7575;
    --orange50: #ee6410;
    --orange60: #ca682c;

}


/*JCE Media Box*/

a.wfpopup, a.wfpopup:visited {
    color: var(--pitagoras-blue80) !important;
}

/*Vertical Align de Todas las tablas*/
.flexbox table td, table th {
    vertical-align: top !important;

}

/*TinyMCE */
.tox-tinymce {
    height: 700px !important;
}

#modal_content_container .tox-tinymce {
    height: 250px !important;
}

#debug_response, #debug_default {
    display: none !important;
    height: 0px !important;
}


/*Wrapper de tablas anchas con scroll horizontal */
.wrapper1, .wrapper2 {
  width: 100%;
  max-width: 920px;
}
.table_horizontal_scroll {
    width: 1400px;
    height: 30px;
}

.table_horizontal_scroll_1200 {
    width: 1200px;
    height: 30px;
}

.table_horizontal_scroll_1000 {
    width: 1000px;
    height: 30px;
}

.table_horizontal_scroll_800 {
    width: 800px;
    height: 30px;
}


#debug_articles {
    display: none !important;
    height: 0px !important;
}



span.caption {
  font-size: 0.9rem;
  background: #dfdfdf;
  padding: 5px 10px;
  margin-top: 5px;
  display: block;
  width: 100%;
}

/*>>>>>>>>>>>>>>>>>>>>>>*/

/*Copy to CLIPBOARD*/
.clipboard {
  position: relative;
  display: inline-block;
  top: -2px;
}
/* You just need to get this field */
.copy-input {
  max-width: 275px;
  width: 100%;
  cursor: pointer;
  background-color: #eaeaeb;
  border:none;
  color:#6c6c6c;
  font-size: 13px;
  border-radius: 5px;
  padding: 7px 45px 7px 15px;
  font-family: 'Montserrat', sans-serif;
}
.copy-input:focus {
  outline:none;
}

.copy-btn {
  width: 30px;
  background-color: #eaeaeb;
  font-size: 17px;
  padding: 0px 0px;
  border-radius: 5px;
  border: none;
  color: #6c6c6c;
  margin-left: -38px;
  transition: all .4s;
}
.copy-btn:hover {
  transform: scale(1.3);
  color:#1a1a1a;
  cursor:pointer;
}

.copy-btn:focus {
  outline:none;
}

.copied {
  font-family: 'Montserrat', sans-serif;
  width: 280px;
  opacity:0;    
  display: inline-block;     
  margin: auto;
  color:#000;
  padding: 0px;
  background-color: #fff;
  border-radius: 5px;
  transition: .4s opacity;
}
.copied span {    
    color: #000 !important;    
    background: #e2ffd1;
    padding: 8px;
}


/*Clases especiales para elementos el formulario  */
.focus_red {
    background: #b9795330 !important;
}

.focus_red:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(208, 26, 26, 0.97) !important;
}

/*Datepicker*/
[type="date"] {
  background: #fff
    url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)
    97% 50% no-repeat;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>/*
/*Clase Container del Modulo*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.pitagoras_module {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}


.pitagoras_module img {
    margin: 0px;
    width: 100%;
    height: auto;
    max-width: 700px !important;
}

.transition {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}

.nomargin  {
    padding: 0 !important;
    margin: 0 !important;
}

.body-wrapper {
    width: 100% !important;
}

.mw160 {
    max-width: 160px !important;
    height: auto !important;
    margin: 0 auto !important;
}

.mw100 {
    width: 100px !important;
    height: auto !important;
    margin: 0 auto !important;
}

.mw80 {
    width: 80px !important;
    height: auto !important;
    margin: 0 auto !important;
}

.img120 {
    width: 120px !important;
    height: auto !important;
    margin: 0 auto !important;
}

.w550 {
    width: 550px !important;
    height: auto !important;
    margin: 0 auto !important;
}

img.maxwidth1200 {
    max-width: 1200px;
}
img.maxwidth900 {
    max-width: 900px;
}
img.maxwidth600 {
    max-width: 600px;
}

/*Anchos de celdas de header de tablas exploradoras*/

.mw60 {
    min-width: 60px !important;
}
.w100Force {
    width: 100px !important;
}

.mw80 {
    min-width: 80px !important;
}
.maxw80 {
    max-width: 80px !important;
}
.mw120 {
    min-width: 120px !important;
}
.maxw120 {
    max-width: 120px !important;
}

.w25 {
    width: 25px !important;
    height: auto;
}
.w25p {
    width: 25%;
    vertical-align: top;    
}
.w30p {
    width: 30%;
    vertical-align: top;    
}
.w40p {
    width: 40%;
    vertical-align: top;    
}
.w50p {
    width: 50%;
    vertical-align: top;    
}
.w60p {
    width: 60%;
    vertical-align: top;    
}
.w70p {
    width: 70%;
    vertical-align: top;    
}
.w75p {
    width: 75%;
    vertical-align: top;    
}

.aligntop {
    vertical-align: baseline;
}

.minH100 {
    min-height: 100px;
}

.w100 {
    width: 100%;
    vertical-align: top;
}

.w120 {
    width: 120px !important;
    vertical-align: top;
}

.inputDatePicker {
    width: 75% !important;
    padding: 6px 0px 6px 37px !important;
}

.image_swap {
    display: flex;
    width: 67px;
    padding: 1px;
    background: transparent;
    border: none;
}

.hidden {
    display: none !important;
    height: 0px !important;
    opacity: 0 !important;
}


/*.Botones de Switcher*/
/*LI Filterflex*/
.filterflex {
    width: auto;
    padding: 0 !important;
    display: inline-flex;
    margin-bottom: 7px;
    margin-right: -5px;
}

.hoverblue:hover {
    background-color: #082F49 !important;    
}

.filterbycolumn:hover, .edittag:hover {
    background-color: #BFD1DD !important;
}


div.scrollBox500 {    
  width: 100%;
  height: 450px;
  overflow-x: hidden;
  overflow-y: auto;  
}
/*Ajuste a iframes en ventana modal */
.iframeFit iframe {
    height: 88vh !important;    
}



/*UPLOAD MEDIA*/
.progress {
    background-color: #f5f5f5 !important;
    position: relative;
    margin: 5px 20px 0 0 !important;
    height: 35px !important;
    padding: 2px;
}
.progress-bar {
    background-color: #399d15 !important;
    width: 100%;
    padding: 3px 5px 0px !important;
    font-size: 13px !important;
    line-height: 25px !important;
    color: #fff !important;        
  }

progress::-webkit-progress-value {
    background-color: #399d15 !important;
}
progress::-webkit-progress-bar {
    background-color: #399d15 !important;
}
progress::-moz-progress-bar {
    background-color: #399d15 !important;
}


/*MODAL OVERLAY */

/*>>>>>>>>>>>>>>>>>>>>>*/
/*Modal Normal*/
/*>>>>>>>>>>>>>>>>>>>>>*/

#modalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.8);
  z-index:9999;
}

#modalOverlayWide {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.8);
  z-index:9999;
}

#modal {
  position: fixed;
  width: 90%;
  top: 55%;
  left: 50%;
  text-align: center;
  background-color: #fafafa;
  box-sizing: border-box;
  opacity: 0;
  transform: translate(-50%,-45%);  
  transition: all 300ms ease-in-out;
}

#modalOverlay.modal-open #modal {
  opacity: 1;
  top: 46%;
}

#modalOverlayWide.modal-open #modal {
  opacity: 1;
  top: 46%;
}

#modal_content_container {
    width: 100%;
    text-align: center;
    max-width: 780px;
}

#modal_content_container_wide{
    width: 100%;
    text-align: center;
    max-width: 950px;
}

/*>>>>>>>>>>>>>>>>>>>>>*/
/*Modal del Menu*/
/*>>>>>>>>>>>>>>>>>>>>>*/

#modalMenuOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.8);
  z-index:9999;
}

#modalmenu {
  position: fixed;
  width: 90%;
  top: 55%;
  left: 50%;
  text-align: center;
  background-color: #fafafa;
  box-sizing: border-box;
  opacity: 0;
  transform: translate(-50%,-45%);  
  transition: all 300ms ease-in-out;
}

#modalMenuOverlay.modal-open #modalmenu {
  opacity: 1;
  top: 50%;
}

#modal_menu_content_container {
    width: 100%;
    text-align: center;
    max-width: 780px;
}
/*********************/
/*Titulos*/
/*********************/

.pitagoras_module h1, .pitagoras_module h2, .pitagoras_module h3, 
.pitagoras_module h4, .pitagoras_module h5 {
    font-family: "Helvetica" !important;
    font-weight: 700;
    line-height: 1.2;
    color: var(--pitagoras-blue80);
    margin: 15px 0 !important;    
}


/*********************************/
/*Bloque responsive de Titulos*/
/*********************************/
@media (min-width:768px) {

    .pitagoras_module h1 {font-size: 1.8rem; }
    .pitagoras_module h2 {font-size: 1.6rem; }
    .pitagoras_module h3 {font-size: 1.4rem; }
    .pitagoras_module h4 {font-size: 1.2rem; }
    .pitagoras_module h5 {font-size: 1rem; }
}
@media (min-width:600px) and (max-width: 767px) {
    
    .pitagoras_module h1 {font-size: 1.6rem; }
    .pitagoras_module h2 {font-size: 1.4rem; }
    .pitagoras_module h3 {font-size: 1.2rem; }
    .pitagoras_module h4 {font-size: 1rem; }
    .pitagoras_module h5 {font-size: 0.8rem; }
}
@media (max-width: 767px) {
    
    .pitagoras_module h1 {font-size: 1.5rem; }
    .pitagoras_module h2 {font-size: 1.3rem; }
    .pitagoras_module h3 {font-size: 1.1rem; }
    .pitagoras_module h4 {font-size: 1rem; }
    .pitagoras_module h5 {font-size: 0.8rem; }
}

/*Clases especiales para elementos el formulario de Newsletter */
.focus_red {
    background: #b9795330 !important;
}

.focus_red:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(208, 26, 26, 0.97) !important;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
 


/* VIDEO RESPONSIVE*/
.video-responsive {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 53.25%;
    padding-top: 30px;  
    margin: 10px auto;
    max-width: 700px; 
    width: 100%; 
}

.shorts-responsive {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 73.6%;
    padding-top: 30px;  
    margin: 10px auto;
    max-width: 315px; 
    width: 100%; 
}

.video-responsive iframe, .video-responsive object, .video-responsive embed,  
.shorts-responsive iframe, .shorts-responsive object, .shorts-responsive embed {
    position: absolute;  
    top: 0;
    left: 0; 
    height: 100%;
    width: 100%;
}
.rumble, .bitchute, {
    width: 100% !important;
    max-width: 700px !important;
    margin: 10px auto !important;
}


/*****************************/
/*TABLAS */
/*****************************/

/*Tabla Standard*/

.grid table  {	
	background: #fff !important;	
	margin: 0px auto;
	color: var(--grey75);
	width: 100%;
}



.grid th, .grid td {
	padding:6px 10px !important;
	font-size: 1rem !important;	
	font-weight: 300;
}
.grid th {
	background-color: #cecece !important;
	font-weight: 700;
}


/*Especial Tabla de Titulares */
table.maxwidth300 {
    max-width: 300px !important;

}
table.maxwidth300 th, table.maxwidth300 td{
    padding:5px 0px !important;

}

.height100 {
    height: 100px;
}
.height200 {
    height: 200px;
}
.height250 {
    height: 250px;
}



/*Tabla Ultra*/
table.table-ultra  {   
    background: #fff !important;    
    margin: 0px auto;
    color: var(--grey75);
    width: 100%;
}

.table-ultra th, .table-ultra td {
    padding:2px 4px !important;
    font-size: 0.7rem !important;    
    font-weight: 300;
    border: none !important;
}
.table-ultra th {
    background-color: #cecece !important;
    font-weight: 700;
}

.table-ultra label {
    font-size: 0.9rem !important;
    width: 100%;
    display: block;
    text-align: left;
    padding: 6px 0 3px;
    font-weight: 700;
}

.table-ultra input {
    font-size: 0.8rem !important;
}

.table-ultra select {
    font-size: 0.8rem !important;
    width: 100%;    
    text-align: left;
    padding: 1px 0;    
}


/*************************************************/
/*************************************************/
/* DISEÑO FLEXBOX */
/*************************************************/
/*************************************************/

/*DISEÑO RESPONSIVE DE LOS PANELES RIGHT & LEFT*/

/* Containers Layout general*/
.flexboxLeft {
    /* flex: 0 0 15%;    */
    text-align: left;
    width: 250px; 
    margin: 0;
    background: var(--pitagoras-blue80);
    padding: 15px;
    color: #fff;
}



.flexboxRight {
    /*flex: 0 0 85%;    */
    text-align: left;
    width: calc(100% - 250px); 
    margin: 0;    
    padding: 15px;
}


.flexboxFull {
    flex: 0 0 100%;    
    text-align: left;
    width: 100%; 
    margin: 0;    
    padding: 0px;
}


/*Container principal */
.flexbox, .flexbox100 {
    flex: 0 0 100%;        
    width: 100%; 
    text-align: left;     
    display: flex !important;  
    display: -webkit-flex !important; /* Safari */     
    flex-flow: row wrap !important;
    -webkit-flex-flow: row wrap !important; /* Safari */    
    -moz-flex-flow: row wrap !important; 
    -o-flex-flow: row wrap !important; /* Safari */    
    max-width: 100%;
    padding: 0;    
    margin: 0 auto;    
}

/* Containers hijos*/
.flexbox5 {
    flex: 0 0 5%;        
    width: 5%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox10 {
    flex: 0 0 10%;        
    width: 10%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox15 {
    flex: 0 0 15%;        
    width: 15%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox20 {
    flex: 0 0 20%;        
    width: 20%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox20M {
    flex: 0 0 18%;        
    width: 18%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox25 {
    flex: 0 0 25%;        
    width: 25%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox30 {
    flex: 0 0 30%;        
    width: 30%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox33 {
    flex: 0 0 33%;        
    width: 33%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox35 {
    flex: 0 0 35%;        
    width: 35%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox40 {
    flex: 0 0 40%;        
    width: 40%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox45 {
    flex: 0 0 45%;        
    width: 45%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox50 {
    flex: 0 0 50%;        
    width: 50%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox60 {
    flex: 0 0 60%;        
    width: 60%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox65 {
    flex: 0 0 65%;        
    width: 65%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox70 {
    flex: 0 0 70%;        
    width: 70%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox75 {
    flex: 0 0 75%;        
    width: 75%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox80 {
    flex: 0 0 80%;        
    width: 80%; 
    text-align: left;
    margin: 0; padding: 0px;
}
.flexbox85 {
    flex: 0 0 85%;        
    width: 85%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox90 {
    flex: 0 0 90%;        
    width: 90%; 
    text-align: left;
    margin: 0; padding: 0px;
}

.flexbox95 {
    flex: 0 0 95%;        
    width: 95%; 
    text-align: left;
    margin: 0; padding: 0px;
}

/******************************/
/*  FLEX PADDING    */
/******************************/

.flexPadding {
    padding: 15px !important;
}

.flexpaddingLeft {
    padding-left: 20px;
}

.flexPaddingRight15 {
    padding-right: 15px;
}

.flexpaddingLeft5{
    padding-left: 5px !important;
}

.flexpaddingLeft10{
    padding-left: 10px !important;
}
.flexpaddingRight10{
    padding-right: : 10px !important;
}

.flexPaddingLeft15{
    padding-left: 15px !important;
}

.flexpaddingLeft30{
    padding-left: 30px !important;
}

.flexPaddingTop4 {
  padding-top: 4px !important;
}
.margintop20 {
  margin-top: 20px !important;
}

.margintop30 {
  margin-top: 30px !important;
}

.margintop40 {
  margin-top: 40px !important;
}

.marginbottom40 {
  margin-bottom: 40px !important;
}

.paddingbottom40 {
  padding-bottom: 40px !important;
}


.margintop50 {
  margin-top: 50px !important;
}

.flexMarginTop {
    margin-top: 15px !important;
}
 
.flexpaddingInputTop {
    padding-top: 25px;
}


/******************************/
/*Flex Components*/
/******************************/
.pitagoras #sp-main-body {
    font-family: "Helvetica";
}

.flexcomponent {
    /*background: var(--component-light) !important;    */
    padding: 30px !important;
    color: var(--pitagoras-blue80);
    min-height: 100vh;
}

.flexcomponent_embed {    
    padding: 0 5px 15px 25px !important;
    color: var(--pitagoras-blue80);
}

.darktheme {
    background: var(--component-dark) !important;        
}

.explorer_main {
    padding:15px 30px;
    font-family: "Helvetica";
    font-weight: 400;
    background: var(--pitagoras-white);
    border-radius:6px;
    font-size: 0.8rem;
    line-height: 1.5;
}





.explorer_main hr {
    width: 100%;
    margin: 10px auto !important;
}

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

/*****************************************/
/*NUEVO MENU PITAGORAS - JULIO 2022  */
/*****************************************/
#mainmenupanel {
    

}

/*Menu Logout*/
.menu-logout {
    /*margin-top: 50px;*/
    font-size: 0.8rem !important;
    position: fixed;
    bottom: 20px;
    left: 0px;
    width: 273px;    

}

.menu-logout table {
    padding-left: 5px;
    background: transparent !important;
    font-size: 0.8rem !important;

}

.burger-menu {
    width: 52px;
    padding: 2px;
    margin-right: 4px;
}
.burger-menu img {
    width: 30px !important;
    position: relative;
    top: 18px;
    left: 15px;
    height: auto;
}

.alt-burger-menu {
    width: calc(100% - 56px);
}

.menu-logout .grid table {
    background: transparent !important;
    font-size: 0.8rem !important;
}

.menu-logout .grid th, .menu-logout .grid td {    
    font-size: 0.8rem !important;
    font-weight: 700 !important;
}



.menu-logout .btn-primary {
    font-size: 0.76rem !important;    
    padding: 3px 12px !important;
}

.ajaxmainmenu.flexbox {
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    padding: 0.2rem 0.5rem 0 1rem;     
    display: block !important;
    height: 335px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;  
}


.ajaxmainmenu .flexbox, .ajaxmainmenu .flexbox100 {    
    padding: 0.4rem;
}

.menu_logo {
    padding: 0 !important;
    margin: 30px 0 60px 20px;
}

.menu_logo img {
    max-width: 200px !important;
    margin: 0 !important;
}

.menu_ruler {
    display: flex;
    width: 6px;
    min-height: 24px;    
    margin: 2px 9px 0 0;
}

.menu_ruler.bienvenida {background: var(--pitagoras-white);}
.menu_ruler.tareas {background: var(--pitagoras-blue50);}
.menu_ruler.citas {background: var(--pitagoras-red50);}
.menu_ruler.memos {background: var(--pitagoras-green50);}
.menu_ruler.archivos {background: var(--pitagoras-yellow50);}
.menu_ruler.articulos {background: var(--pitagoras-aqua);}
.menu_ruler.musica {background: var(--pitagoras-purple);}
.menu_ruler.usuarios {background: var(--pitagoras-orange50);}


.menu_title, .menu_title a {
    padding-top: 4px !important;
    letter-spacing: 0.01em !important;
    color: var(--pitagoras-grey10) !important;
    font-size: 0.94rem;
}

.menu_subtitle {
    padding: 15px 8px 10px;
    color: var(--pitagoras-grey40);    
    text-transform: uppercase;
    font-size: 0.7rem;
}


.menu_title i {
    font-size: 1.1rem;    
    margin-right: 10px;
    padding-top: 3px;
    color: var(--pitagoras-grey10);
    min-width: 25px;
}

.homeuserlogin, .homeuserlogin .loginBtn {
    font-size: 0.8rem !important;
}