/*<style>*/



/****** FONTS   *********/
@charset "UTF-8"; 


 






._XLS_DOWNLOADER_ {
  display: none;
  position: absolute;
  top: -5rem;
  left: -5rem;
  width: 0.3rem;
  height: 0.3rem;
}




.teXt_H1 { font-weight: 200; } .teXt_H1 label { font-size: 1.2em !important; } .teXt_H1 small { font-size: 0.8em !important; }

.teXt_H2 { font-weight: 200; } .teXt_H2 label { font-size: 1.2em !important; } .teXt_H2 small { font-size: 0.8em !important; }

.teXt_H3 { font-weight: 200; } .teXt_H3 label { font-size: 1.2em !important; } .teXt_H3 small { font-size: 0.8em !important; }

.teXt_H4 { font-weight: 200; } .teXt_H4 label { font-size: 1.2em !important; } .teXt_H4 small { font-size: 0.8em !important; }

.teXt_H5 { font-weight: 200; } .teXt_H5 label { font-size: 1.2em !important; } .teXt_H5 small { font-size: 0.8em !important; }

.teXt_H6 { font-weight: 200; } .teXt_H6 label { font-size: 1.2em !important; } .teXt_H6 small { font-size: 0.8em !important; }

.teXt_H7 { font-weight: 200; } .teXt_H7 label { font-size: 1.2em !important; } .teXt_H7 small { font-size: 0.8em !important; }

.teXt_H1 { font-size: 2.49rem !important; }
.teXt_H2 { font-size: 2.18rem !important; }
.teXt_H3 { font-size: 1.87rem !important; }
.teXt_H4 { font-size: 1.60rem !important; }
.teXt_H5 { font-size: 1.24rem !important; }
.teXt_H6 { font-size: 0.93rem !important; }
.teXt_H7 { font-size: 0.72rem !important; }

.teXt_CENTERED  { text-align: center; }
.teXt_UNWRAPPED { white-space: nowrap !important; }

.teXt_300 { font-weight: 300; } .teXt_400 { font-weight: 400; } .teXt_600 { font-weight: 600; } .teXt_700 { font-weight: 700; } .teXt_800 { font-weight: 800; } .teXt_900 { font-weight: 900; }

.teXt_DARK { 
  
  text-shadow:  0 0 0.1rem rgba( 0,0,0, 0.7 ),
                0 0 0.2rem rgba( 255,255,255, 0.7 ),
                0 0 0.3rem rgba( 0,0,0, 0.9 ); 

} 
.teXt_LIGHT { 
  
  text-shadow:  0 0 0.1rem rgba( 255,255,255, 0.7 ),
                0 0 0.2rem rgba( 0,0,0, 0.7 ),
                0 0 0.3rem rgba( 255,255,255, 0.9 ); 

} 

.guRu_unpoinTer,
.guRu_unpoinTer * {

  pointer-events: none  !important;

}

.guRu_growabLe {

  flex-grow: 2  !important;

}

.guRu_paddiNg {

  padding: 1rem 0 1rem 1rem  !important;

} .guRu_paddiNg.all {

  padding: 1rem !important;

} .guRu_paddiNg.borDer {

  border:    0.1rem solid rgba( 0,0,0, 0.095 );  

}

.guRu_separaTor { 

  width:            100%;
  margin-top:       0.5rem  !important; 
  margin-bottom:    0.5rem  !important; 

  border-bottom:    0.1rem solid transparent;

}

.guRu_separaTor.tiNy { 

  margin-top:       0.3rem !important; 
  margin-bottom:    0.3rem !important; 

}

.guRu_separaTor.meDium { 

  margin-top:       1rem !important; 
  margin-bottom:    1rem !important; 

}

.guRu_separaTor.larGe { 

  margin-top:       1.5rem !important; 
  margin-bottom:    1.5rem !important; 

}

.guRu_liNe { 

  width:            100%;
  display:          block;
  margin-top:       1rem      !important; 
  margin-bottom:    1rem      !important; 
  border-bottom:    0.1rem solid rgba( 0,0,0, 0.095 );
  
} .guRu_liNe.sMall { 

  margin-top:       0.5rem !important; 
  margin-bottom:    0.5rem !important; 

} .guRu_liNe.larGe { 

  margin-top:       1.5rem !important; 
  margin-bottom:    1.5rem !important; 

}
.guRu_liNe.dark     { border-color: #737373; }
.guRu_liNe.info     { border-color: #268a8c; }
.guRu_liNe.warning  { border-color: #5f22aa; }
.guRu_liNe.success  { border-color: #00b3b3; }
.guRu_liNe.danger   { border-color: #a91c19; }

.guRu_coloRed {

  background: #737373;

} .guRu_coloRed.info {

  background: #268a8c;

} .guRu_coloRed.warning {

  background: #5f22aa;

} .guRu_coloRed.success {

  background: #00b3b3;

} .guRu_coloRed.danger {

  background: #a91c19;

} .guRu_coloRed.odd {

  background: rgba( 0,0,0, 0.045 );

}

.guRu_SPACE { 

  height:          100%;
  display:         inline-block; 
  margin-left:     0.3rem; 
  margin-right:    0.3rem; 
  border-right:    0.1rem solid #f2f2f2;

} .guRu_SPACE.meDium { 
  
  margin-left:     0.5rem; 
  margin-right:    0.5rem;

} .guRu_SPACE.larGe { 
  
  margin-left:     1rem; 
  margin-right:    1rem;

} .guRu_SPACE.transpareNt { 
  
  border:          none !important; 

}

.loadiNg {

  display:  inline-block;
  position: relative;
  height:   6rem;

} .loadiNg::before {

  position:     absolute;
  top:          50%;
  left:         1rem;
  transform:    translate( 0, -40% );
  font-size:    2.5rem;
  font-weight:  200;
  color:        #cccccc;
  content:      "LOADING";


} .loadiNg div {

  position:                   absolute;
  top:                        50%;
  width:                      1rem;
  height:                     1rem;
  border-radius:              50%;
  background:                 #cccccc;
  animation-timing-function:  cubic-bezier( 0, 1, 1, 0 );

} .loadiNg div:nth-child( 1 ) {

  left:       12rem;
  animation:  loadiNg1 0.6s infinite;

} .loadiNg div:nth-child( 2 ) {

  left:       12rem;
  animation:  loadiNg2 0.6s infinite;

} .loadiNg div:nth-child( 3 ) {

  left:       14rem;
  animation:  loadiNg2 0.6s infinite;

} .loadiNg div:nth-child( 4 ) {

  left:       20rem;
  animation:  loadiNg3 0.6s infinite;

} @keyframes loadiNg1 {

  0% {

    transform: scale( 0 );

  } 100% {

    transform: scale( 1 );

  }

} @keyframes loadiNg3 {

  0% {

    transform: scale( 1 );

  } 100% {

    transform: scale( 0 );

  }

} @keyframes loadiNg2 {

  0% {

    transform: translate( 0, 0 );

  } 100% {

    transform: translate( 2.4rem, 0 );

  }

}

.guRu_FINDER {

  position:         fixed;
  display:          flex;
  flex-direction:   column;
  justify-content:  center;
  align-items:      center;
  overflow:         hidden;
  background:       transparent;
  top:              0;
  bottom:           0;
  left:             0;
  right:            0;
  height:           100%;
  width:            100%; 
  z-index:          1701;

} .guRu_FINDER::after {

  display:                  block;
  content:                  "";
  position:                 absolute;
  top:                      0;
  left:                     0;
  width:                    100%;
  height:                   100%;
  background:               transparent;
  -webkit-backdrop-filter:  blur( 2px );
  backdrop-filter:          blur( 2px );
  pointer-events:           none;
  z-index:                  -100;

} .guRu_FINDER .findeR_CONTAINER {  

  padding:          0;
  position:         absolute;
  display:          flex;
  flex-direction:   column;
  justify-content:  flex-start;
  align-items:      flex-start;

  top:            25%;
  left:           50%;
  transform:      translate( -50%, 0% );
  border-radius:  1rem;

  height:         auto;
  width:          80rem;
  max-width:      90%;
  max-height:     90%;
  z-index:        1001; 

  background:               rgba( 210, 220, 224, 0.8 );
  box-shadow:               0 1rem 3.5rem #268a8c;
  border:                   0.15rem solid rgba( 38,138,140, 0.3 );
  -webkit-backdrop-filter:  blur( 10px );
  backdrop-filter:          blur( 10px );

} .guRu_FINDER .findeR_HEADER {

  position:         relative;
  display:          flex;
  flex-direction:   row;
  justify-content:  center;
  align-items:      center;
  height:           6rem;
  width:            100%;
  border-radius:    1rem 1rem 0 0;
  padding:          0 1rem 0 1rem;

} .guRu_FINDER .findeR_HEADER i {

  color:      #737373;
  display:    inline-block;
  /*
  padding:    0 1.5rem 0 1.5rem;
  */
  font-size:  3rem;


} .guRu_FINDER .findeR_HEADER span {

  margin-left:    1.5rem;
  flex-grow:      2;
  border:         none;
  background:     transparent;
  color:          rgba( 0,0,0, 0.15 );
  font-size:      2.8rem;
  font-weight:    400;
  padding-right:  1rem;

} .guRu_FINDER .findeR_HEADER a {

  position:       relative;
  margin:         0 1rem 0 1rem;
  display:        inline-block;
  width:          3rem;
  height:         3rem;
  pointer-events: auto;
  transition:     background 0.2s, border 0.1s; 

} .guRu_FINDER .findeR_HEADER a i {

  position:         absolute;
  top:              50%;
  left:             50%;
  transform:        translate( -50%, -50% );
  color:            #737373;
  font-size:        3rem;
  pointer-events:   none;

} .guRu_FINDER .findeR_HEADER a:hover i {

  color:        #a91c19;

} .guRu_FINDER .findeR_HEADER a:active i {

  font-weight:  300;

} .guRu_FINDER .findeR_HEADER input {

  display:      inline-block;
  margin-right: 1.5rem;
  flex-grow:    2;
  border:       none;
  height:       90%;
  background:   transparent;
  color:        #000000;
  font-size:    3rem;
  font-weight:  600;
  padding-left: 1rem;

} .guRu_FINDER .findeR_BODY {

  display:          flex;
  flex-direction:   column;
  justify-content:  flex-start;
  align-items:      flex-start;
  padding:          1rem;
  margin-bottom:    1rem;
  width:            100%;
  max-height:       60rem;
  overflow-y:       auto;
  border-radius:    0 0 1rem 1rem;
  border-top:       0.05rem solid Array;

  background:       rgba( 210, 220, 224, 0.8 );
  z-index: 1;

} .guRu_FINDER .findeR_BODY .guRu_ROW {

  border:           0.1rem solid rgba( 76, 102, 110, 0.3 );
  margin:           0.1rem 0 0.1rem 0;
  padding:          1rem;
  cursor:           pointer;

} .guRu_FINDER .findeR_BODY .guRu_ROW * {

  pointer-events: none;

} .guRu_FINDER .findeR_BODY .guRu_ROW:hover { 
  
  background:   rgba( 76, 102, 110 ,0.1)  !important;
  border:       0.05rem solid Array; 

} .guRu_FINDER .findeR_BODY .guRu_ROW:hover * { 
  
  color:        rgb( 76, 102, 110 ) !important; 
  text-shadow:  none !important;
  font-weight:  900 !important;

} .guRu_FINDER .findeR_BODY .guRu_ROW:active { 
  
  background: rgba( 76, 102, 110 , 0.4)  !important; 

} .guRu_FINDER .findeR_BODY .guRu_ROW.fOcus { 
  
  background:   rgba( 76, 102, 110 ,0.1)  !important;
  border:       0.05rem solid Array; 

}

.guRu_OVERLAY {

  position:         fixed;
  display:          flex;
  flex-direction:   column;
  justify-content:  center;
  align-items:      center;
  overflow:         hidden;
  background:       transparent;
  top:              0;
  bottom:           0;
  left:             0;
  right:            0;
  height:           100%;
  width:            100%; 
  z-index:          1701;

} .guRu_OVERLAY .overLay_OVERFLOW {

  display:          flex;
  flex-direction:   column;
  justify-content:  flex-start;
  align-items:      center;
  background:       transparent;
  width:            100%; 
  height:           auto;
  overflow:         auto;

} .guRu_OVERLAY iframe {  

  padding:        0;
  position:       absolute;
  top:            50%;
  left:           50%;
  transform:      translate( -50%, -50% );
  background:     #4d4d4d;
  border-radius:  1rem;
  border:         0.3rem solid #000000;
  max-width:      100%;
  max-height:     90%;
  height:         90%;
  z-index:        1001; 

} .guRu_OVERLAY.moDal .signatuRe {

  max-width:      100%;
  width:          100%;
  max-height:     100%;
  height:         100%;
  background:     transparent !important;
  border-radius:  0;
  border:         none;
  overflow-y:     auto;
  
} .guRu_OVERLAY.moDal .staGe {

  display:          flex;
  flex-direction:   column;
  justify-content:  flex-start;
  align-items:      flex-start;
  max-width:        100%;
  width:            100%;
  max-height:       100%;
  height:           100%;
  background:       #f2f2f2;
  border-radius:    0;
  border:           none;
  overflow-y:       auto;
  z-index:          1;
  
} .guRu_OVERLAY.moDal .staGe .staGe_HEADER {

  display:          flex;
  flex-direction:   column;
  justify-content:  flex-start;
  align-items:      flex-start;
  height:           auto;
  padding:          1rem;
  margin:           1rem;
  width:            calc( 100% - 2rem );
  border:           0.3rem solid #cccccc;


} .guRu_OVERLAY.moDal .staGe .staGe_BODY {

  display:          flex;
  flex-direction:   column;
  justify-content:  flex-start;
  align-items:      flex-start;
  height:           auto;
  padding:          1rem;
  margin:           0 1rem 0 1rem;
  width:            calc( 100% - 2rem );
  border:           0.3rem solid #cccccc;

} .guRu_OVERLAY.moDal .staGe .staGe_PARTICIPANT {

  display:          flex;
  flex-direction:   row;
  justify-content:  center;
  align-items:      center;
  padding:          1rem;
  margin:           1rem;
  border:           0.1rem solid #cccccc;
  width:            30rem;
  cursor:           pointer;

} .guRu_OVERLAY.moDal .staGe .staGe_PARTICIPANT * {

  pointer-events:   none;

} .guRu_OVERLAY.moDal .staGe .staGe_PARTICIPANT.family {

  order:            1;
  border:           0.1rem solid #5f22aa;
  background:       rgba( 95,34,170, 0.15 );

} .guRu_OVERLAY.moDal .staGe .staGe_PARTICIPANT.academics {

  order:            2;
  border:           0.1rem solid #00b3b3;
  background:       rgba( 0,179,179, 0.15 );

} .guRu_OVERLAY.moDal .staGe .staGe_PARTICIPANT.other {

  order:            3;
  border:           0.1rem solid #268a8c;
  background:       rgba( 38,138,140, 0.15 );

} .guRu_OVERLAY.moDal .staGe .staGe_PARTICIPANT.family.abseNt {

  order:            11;
  border:           0.1rem solid #a91c19;
  background:       rgba( 169,28,25, 0.15 );

} .guRu_OVERLAY.moDal .staGe .staGe_PARTICIPANT.academics.abseNt {

  order:            12;
  border:           0.1rem solid #a91c19;
  background:       rgba( 169,28,25, 0.15 );

} .guRu_OVERLAY.moDal .staGe .staGe_PARTICIPANT.other.abseNt {

  order:            13;
  border:           0.1rem solid #a91c19;
  background:       rgba( 169,28,25, 0.15 );

} .guRu_OVERLAY.moDal .staGe .staGe_PARTICIPANT:hover {

  border:           0.1rem solid #000000;
  background:       rgba( 0,0,0, 0.15 );

} .guRu_OVERLAY.moDal .staGe .staGe_PARTICIPANT:active {

  border:           0.1rem solid #4d4d4d;
  background:       #737373;

} .guRu_OVERLAY.moDal .staGe .staGe_PARTICIPANT:active * {

  font-weight:  900 !important;
  color:        #fff!important;

} .guRu_OVERLAY video {

  max-width:      100%;
  max-height:     100%;
  border:         0.3rem solid #737373;

} .guRu_OVERLAY::after {

  display:                  block;
  content:                  "";
  position:                 absolute;
  top:                      0;
  left:                     0;
  width:                    100%;
  height:                   100%;
  background:               rgba( 0,0,0,0.2 );
  -webkit-backdrop-filter:  blur( 5px );
  backdrop-filter:          blur( 5px );
  pointer-events:           none;
  z-index:                  -100;

} .guRu_OVERLAY.async { 
  
  z-index:  1705 !important; 

} .guRu_OVERLAY.async::after { 
  
  z-index:  -101 !important; 

} .guRu_OVERLAY.info::after {

  background:               rgba( 38,138,140, 0.15 );
  -webkit-backdrop-filter:  blur( 7px );
  backdrop-filter:          blur( 7px );

} .guRu_OVERLAY.warning::after {

  background:               rgba( 95,34,170, 0.15 ); 
  -webkit-backdrop-filter:  blur( 7px );
  backdrop-filter:          blur( 7px );

} .guRu_OVERLAY.danger::after  {

  background:               rgba( 169,28,25, 0.15 ); 
  -webkit-backdrop-filter:  blur( 7px );
  backdrop-filter:          blur( 7px );

} .guRu_OVERLAY.success::after  {

  background:               rgba( 0,179,179, 0.15 ); 
  -webkit-backdrop-filter:  blur( 7px );
  backdrop-filter:          blur( 7px );

}.guRu_OVERLAY.transparent::after  {

  background:               transparent; 
  -webkit-backdrop-filter:  blur( 2px );
  backdrop-filter:          blur( 2px );

} .guRu_OVERLAY.selecTor::after {

  background:               rgba( 255,255,255, 0.1 ); 
  -webkit-backdrop-filter:  blur( 5px );
  backdrop-filter:          blur( 5px );

} .guRu_OVERLAY.block::after  { 

  background:               rgba( 0,0,0, 0.05 ); 
  -webkit-backdrop-filter:  blur( 7px );
  backdrop-filter:          blur( 7px );

} .guRu_OVERLAY.logout::after { 

  background:               rgba( 255,255,255, 0.2 );
  -webkit-backdrop-filter:  blur( 3px );
  backdrop-filter:          blur( 3px ); 

} .guRu_OVERLAY.overlaY_ALERT.alerT_SCRIPT .alerT_BACK {

  display:          flex;
  flex-direction:   row;
  justify-content:  flex-start;
  align-items:      flex-start;
  color:            #cccccc;
  background:       #4d4d4d;
  padding:          1.2rem;
  border:           0.1rem solid #737373;
  box-shadow:       0 1rem 3.5rem #000000;
  border-radius:    0.8rem;
  width:            120rem;
  max-width:        95%;

} .guRu_OVERLAY.overlaY_ALERT.alerT_SCRIPT .alerT_ICON { 

  font-size:        2.5rem; 
  margin:           0;

} .guRu_OVERLAY.overlaY_ALERT.alerT_SCRIPT a { 
  
  display:          none;
  margin:           0 0.5rem 0 0.5rem; 

} .guRu_OVERLAY.overlaY_ALERT.alerT_SCRIPT a * { 
  
  pointer-events:   none; 

} .guRu_OVERLAY.overlaY_ALERT.alerT_SCRIPT a i { 
  
  font-size:        2.5rem;
  filter:           grayscale( 45% );
  transition:       all .75s; 

} .guRu_OVERLAY.overlaY_ALERT.alerT_SCRIPT a:hover i {

  font-size:        3.5rem;
  filter:           grayscale( 0% );

} .guRu_OVERLAY.overlaY_ALERT.alerT_SCRIPT a:active i { 

  text-shadow:      0 0 0.1rem rgba( 255,255,255, 0.7 ),
                    0 0 0.2rem rgba( 0,0,0,  0.7 ),
                    0 0 0.3rem rgba( 255,255,255, 0.9 );  

} .guRu_OVERLAY.overlaY_ALERT.alerT_SCRIPT .alerT_BACK div {

  display:          block;
  resize:           none;
  overflow:         hidden;
  flex-grow:        2;
  font-family:      "Nunito Sans";
  font-size:        2.4rem; 
  min-height:       2.5rem;
  line-height:      2.5rem;
  padding:          0 1rem 0 1rem;
  outline:          0px solid transparent;
  text-shadow:      none;
  font-weight:      300;

} .guRu_OVERLAY.overlaY_ALERT.alerT_SCRIPT *[ contenteditable ] {

  white-space:      pre-line !important;

} .guRu_OVERLAY.overlaY_ALERT.alerT_SCRIPT *[ contenteditable ][ placeholder ]:empty:before {

  content:          attr( placeholder );
  font-weight:      300;
  color:            #737373;

} .guRu_OVERLAY.overlaY_SCHEDULE .alerT_BACK {

  display:          flex;
  flex-direction:   row;
  justify-content:  center;
  align-items:      center;
  color:            #cccccc;
  background:       #4d4d4d;
  padding:          1.2rem;
  border:           0.1rem solid #737373;
  box-shadow:       0 1rem 3.5rem #000000;
  border-radius:    0.8rem;
  width:            75rem;
  max-width:        95%;

} .guRu_OVERLAY.overlaY_SCHEDULE .alerT_ICON { 

  display:          inline-block;
  font-size:        2.5rem; 
  margin:           0 1rem 0 0;

} .guRu_OVERLAY.overlaY_SCHEDULE a { 

  display:          none;
  margin:           0 0 0 1rem !important; 

} .guRu_OVERLAY.overlaY_SCHEDULE a * { 

  pointer-events:   none; 

} .guRu_OVERLAY.overlaY_SCHEDULE a i { 

  font-size:        2.5rem;
  filter:           grayscale( 45% );
  transition:       all .75s; 

} .guRu_OVERLAY.overlaY_SCHEDULE .guRu_COLUMN { 

  margin: 0 0.2rem 0 0.2rem;
  flex-grow: 1;

} .guRu_OVERLAY .telegRam {  

  position:       absolute;
  top:            50%;
  left:           50%;
  transform:      translate( -50%, -50% );

  display:          flex;
  flex-direction:   column;
  justify-content:  center;
  align-items:      center;

  border-radius:  0.3rem;
  max-width:      90%;
  max-height:     90%;
  padding:        0.5rem;
  z-index:        1001; 

  padding: 0.2rem;

  pointer-events: none;

} .guRu_OVERLAY .telegRam .telegRam_CONTAINER {

  display:          flex;
  flex-direction:   column;
  justify-content:  center;
  align-items:      center;


  border-radius:  0.3rem;
  width:          80rem;
  height:         40rem;

  background:     rgba( 255,255,255, 0.95 );

  pointer-events: auto;

} .guRu_OVERLAY .telegRam {


  background:     rgba( 34, 158, 217, 0.4 );
  border:         0.1rem solid #229ed9;

} .guRu_OVERLAY .telegRam * {

  color:  #229ed9 !important;

} .guRu_OVERLAY .telegRam .telegRam_CONTAINER {

  border: 0.1rem dotted #229ed9;

} .guRu_OVERLAY .telegRam .telegRam_CONTAINER iframe {

  position:   relative    !important;
  background: transparent !important;

}



.guRu_OVERLAY .overlaY_ASYNC { 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.guRu_OVERLAY .overlaY_ASYNC .progress { height: 0.5rem;width: 30%;background:#cccccc; margin-top: 10rem;  }
.guRu_OVERLAY .overlaY_ASYNC .progress .bar { width: 1%;height: 0.5rem; }









.overlaY_ASYNC .closEr { position: absolute;top: 90%;left: 50%;transform: translate( -50%, -100% ); }
.overlaY_ASYNC .spiNer { position: absolute;top: 50%;left: 50%;transform: translate( -50%, -50% ); }
.overlaY_ASYNC .moodLe_LOGO { position: absolute;top: 50%;left: 50%;transform: translate( -50%, -50% );width: 5rem; }
.overlaY_ASYNC .classRoom_LOGO { position: absolute;top: 50%;left: 50%;transform: translate( -50%, -50% );width: 5rem; }
.overlaY_ASYNC .gooGle_LOGO { position: absolute;top: 50%;left: 50%;transform: translate( -50%, -50% );width: 2.5rem; }
.overlaY_ASYNC .vieWer_LOGO { position: absolute;top: 50%;left: 50%;transform: translate( -50%, -50% );width: 2.5rem; }


.guRu_ROW.guRu_toolBox { 
  
  justify-content:  center;
  align-items:      center;
  padding:          1rem 2rem 1rem 2rem;
  margin:           0.5rem;
  width:            calc( 100% - 1rem );
  border-radius:    0.3rem;
  border:           0.1rem solid #f2f2f2;

}

.guRu_ROW.guRu_toolBox.top:hover {

  border:           0.1rem dotted #737373;

}

.guRu_ROW.guRu_toolBox button,
.guRu_ROW.guRu_toolBox a { 
  
  margin: 0 0.1rem 0 0.1rem; 

}


.guRu_pusHer      { flex-grow: 2; }
.guRu_pusHer.min  { flex-grow: 1 !important; }


.guRu_DISABLED, .guRu_DISABLED * { 

  pointer-events:   none                          !important;
  color:            #cccccc   !important;
  border-color:     #cccccc   !important; 
  font-weight:      normal                        !important;
  box-shadow:       none                          !important;

} .guRu_DISABLED input::-moz-placeholder {
  
  color:            #cccccc   !important; 
  font-weight:      normal                        !important;

} .guRu_DISABLED input::-webkit-input-placeholder {
  
  color:            #cccccc   !important; 
  font-weight:      normal                        !important;

} .guRu_DISABLED input::-ms-placeholder { 
  
  color:            #cccccc   !important; 
  font-weight:      normal                        !important;

} .guRu_DISABLED textarea::-moz-placeholder {
  
  color:            #cccccc   !important; 
  font-weight:      normal                        !important;

} .guRu_DISABLED textarea::-webkit-input-placeholder { 
  
  color:            #cccccc   !important; 
  font-weight:      normal                        !important;

} .guRu_DISABLED textarea::-ms-placeholder { 
  
  color:            #cccccc   !important; 
  font-weight:      normal                        !important;

}

.guRu_BTN { 

  position:             relative;
  display:              inline-block;
  text-align:           center;
  vertical-align:       middle;
  -webkit-user-select:  none;
  -moz-user-select:     none;
  -ms-user-select:      none;
  user-select:          none;
  border-radius:        50%;
  border:               none;
  font-size:            2rem;
  width:                4rem;
  height:               4rem;
  cursor:               pointer; 

} .guRu_BTN.bTn_LG { 
  
  font-size:            2.5rem;
  width:                5rem;
  height:               5rem; 

} .guRu_BTN.bTn_XL { 
  
  font-size:            3rem;
  width:                6rem;
  height:               6rem; 

} .guRu_BTN.bTn_SQUARE { 
  
  font-size:            2.4rem;
  border-radius:        0; 

} .guRu_BTN.bTn_SQUARE.bTn_LG { 
  
  font-size:            2.9rem; 

} .guRu_BTN.bTn_SQUARE.bTn_XL { 
  
  font-size:            3.4rem; 

} .guRu_BTN:hover { 
  
  color:                #212529;
  text-decoration:      none; 

} .guRu_BTN:focus  { 
  
  outline: 0;
  box-shadow: 0 0 0 0.6rem #f2f2f2; 

} .guRu_BTN.guRu_DISABLED { 
  
  background:#cccccc !important;

} .guRu_BTN * { 
  
  pointer-events:       none !important; 

} 

.guRu_BTN span { 
  
  position:         absolute;
  top:              50%;
  left:             50%;
  transform:        translate( -50%, -50% );
  pointer-events:   none;
  font-size:        0.8em; 

} .guRu_BTN:hover span { 
  
  font-size:        0.7em; 

} .guRu_BTN:active span { 
  
  font-size:        0.6em; 

}

.guRu_BTN i { 

  position:         absolute;
  top:              50%;
  left:             50%;
  transform:        translate( -50%, -50% );
  pointer-events:   none;
  font-size:        1em; 

} .guRu_BTN:hover i { 
  
  font-size: 1em; 

} .guRu_BTN.guRu_DISABLED i { 
  
  color:#737373 !important; 

}

.guRu_BTN img { 

  position:   absolute;
  top:        50%;
  left:       50%;
  transform:  translate( -50%, -50% );
  object-fit: cover;
  width:      1.2em; 

} .guRu_BTN:hover img { 
  
  width:      1.4em; 

}

.bTn_HELP { 

  position:             relative;
  display:              inline-block;
  text-align:           center;
  vertical-align:       middle;
  -webkit-user-select:  none;
  -moz-user-select:     none;
  -ms-user-select:      none;
  user-select:          none;
  border-radius:        50%;
  border:               none;
  background:           transparent;
  -webkit-animation:    guRu 10s infinite,guRu_border 10s infinite;
  animation:            guRu 10s infinite,guRu_border 10s infinite;
  margin:               0.2rem;
  font-size:            3.5rem;
  width:                4rem;
  height:               4rem;
  cursor:               pointer; 

} .bTn_HELP i { 
  
  position:             absolute;
  top:                  50%;
  left:                 50%;
  transform:            translate( -50%, -50% );
  pointer-events:       none !important; 

} .bTn_HELP:hover { 
  
  color:                #ffffff;
  animation:            guRu_background 10s infinite;
  border:               none; 

} .bTn_HELP:focus { 
  
  animation:            none;
  box-shadow:           0 0 0 0.6rem #cccccc; 

} .bTn_HELP:active { 
  
  animation:            none;
  color:                #212529;
  background-color:     rgba( 38,138,140,3);
  border-color:         rgba( 38,138,140,5); 

}

.bTn_CLEAR { 
  
  position:             relative;
  display:              none;
  text-align:           center;
  vertical-align:       middle;
  -webkit-user-select:  none;
  -moz-user-select:     none;
  -ms-user-select:      none;
  user-select:          none;
  border-radius:        50%;
  border:               0.1rem solid #4d4d4d;
  color:                #ffffff;
  background:           #4d4d4d;
  margin:               0.2rem;
  font-size:            1.2rem;
  width:                2.4rem !important;
  height:               2.4rem !important;
  cursor:               pointer; 

} .bTn_CLEAR:hover { 
  
  color:                #ffffff;
  background-color:     #4d4d4d;
  border-color:         rgba( 0,0,0, 0.9 ); 

} .bTn_CLEAR:active  { 
  
  color:                #ffffff;
  background-color:     rgba( 0,0,0,0.9);
  border-color:         #000000; 

} .bTn_CLEAR:focus { 
  
  box-shadow:           0 0 0 0.6rem #cccccc; 

} .bTn_CLEAR i { 
  
  position:             absolute;
  top:                  50%;
  left:                 50%;
  transform:            translate( -50%, -50% );
  pointer-events:       none !important; 

}

.bTn_INFO { 
  
  color:                #ffffff !important;
  background-color:     #268a8c;
  border-color:         #268a8c; 

} .bTn_INFO:hover { 
  
  color:                #ffffff !important;
  background-color:     #268a8c;
  border-color:         #268a8c;
  filter:               brightness(110%); 

} .bTn_INFO:focus { 
  
  box-shadow:           0 0 0.6rem rgba( 0,0,0,0.4);
  filter:               brightness(115%); 

} .bTn_INFO:active {
  
  color:                #ffffff !important;
  background-color:     #268a8c !important;
  border-color:         #268a8c !important;
  box-shadow:           0 0 0.6rem rgba( 0,0,0,0.1) !important;
  filter:               brightness(120%); 

} .bTn_INFO i,.bTn_INFO span { 
  
  color:                #ffffff !important; 

}

.bTn_SUCCESS { 
  
  color:                #ffffff !important;
  background-color:     #00b3b3;
  border-color:         #00b3b3; 

} .bTn_SUCCESS:hover { 
  
  color:                #ffffff !important;
  background-color:     #00b3b3;
  border-color:         #00b3b3;
  filter:               brightness(90%); 

} .bTn_SUCCESS:focus { 
  
  box-shadow:           0 0 0.6rem rgba( 0,0,0,0.6);
  filter:               brightness(95%); 

} .bTn_SUCCESS:active { 
  
  color:                #ffffff !important;
  background-color:     #00b3b3 !important;
  border-color:         #00b3b3 !important;
  box-shadow:           0 0 0.6rem rgba( 0,0,0,0.3) !important;
  filter:               brightness(102%); 

} .bTn_SUCCESS i,.bTn_SUCCESS span { 
  
  color:                #ffffff !important; 

}

.bTn_WARNING { 
  
  color:                #ffffff !important;
  background-color:     #5f22aa;
  border-color:         #5f22aa; 

} .bTn_WARNING:hover { 
  
  color:                #ffffff !important;
  background-color:     #5f22aa;
  border-color:         #5f22aa;
  filter:               brightness(90%); 

} .bTn_WARNING:focus { 
  
  box-shadow:           0 0 0.6rem rgba( 0,0,0,0.6);
  filter:               brightness(95%); 

} .bTn_WARNING:active { 
  
  color:                #ffffff !important;
  background-color:     #5f22aa !important;
  border-color:         #5f22aa !important;
  box-shadow:           0 0 0.6rem rgba( 0,0,0,0.3) !important;
  filter:               brightness(102%); 

} .bTn_WARNING i,.bTn_WARNING span { 
  
  color:                #ffffff !important; 

}

.bTn_DANGER { 
  
  color:                #ffffff !important;
  background-color:     #a91c19;
  border-color:         #a91c19; 

} .bTn_DANGER:hover { 
  
  color:                #ffffff !important;
  background-color:     #a91c19;
  border-color:         #a91c19;
  filter:               brightness(90%); 

} .bTn_DANGER:focus { 
  
  box-shadow:           0 0 0.6rem rgba( 0,0,0,0.6);
  filter:               brightness(95%); 

} .bTn_DANGER:active { 
  
  color:                #ffffff !important;
  background-color:     #a91c19 !important;
  border-color:         #a91c19 !important;
  box-shadow:           0 0 0.6rem rgba( 0,0,0,0.3) !important;
  filter:               brightness(102%); 

} .bTn_DANGER i,.bTn_DANGER span { 
  
  color:                #ffffff !important; 

}

.bTn_LIGHT { 
  
  color:                #212529;
  background-color:     #f2f2f2;
  border-color:         #cccccc; 

} .bTn_LIGHT:hover { 
  
  color:                #212529;
  background-color:     #cccccc;
  border-color:         rgba( 38,138,140,0.3); 

} .bTn_LIGHT:focus { 
  
  box-shadow:           0 0 0 0.6rem #737373; 

} .bTn_LIGHT:active { 
  
  color:                #212529;
  color:                rgba( 0,0,0,0.5);
  border-color:         rgba( 0,0,0,0.5); 

} .bTn_LIGHT i,.bTn_LIGHT span { 
  
  color:                #000000 !important; 

}

.bTn_DARK { 
  
  color:                #ffffff;
  background-color:     #4d4d4d;
  border-color:         #333333; 

} .bTn_DARK:hover { 
  
  color:                #ffffff;
  background-color:     #333333;
  border-color:         rgba( 0,0,0,0.9); 

} .bTn_DARK:focus { 
  
  box-shadow:           0 0 0 0.6rem #cccccc; 

} .bTn_DARK:active { 
  
  color:                #ffffff;
  background-color:     rgba( 0,0,0,0.9);
  border-color:         #000000; 

} .bTn_DARK i,.bTn_DARK span { 
  
  color:                #ffffff !important; 

}

.bUtton_cLose { 
  
  position:             relative;
  display:              inline-block;
  text-align:           center;
  vertical-align:       middle;
  -webkit-user-select:  none;
  -moz-user-select:     none;
  -ms-user-select:      none;
  user-select:          none;
  border:               none;
  color:                #212529;
  background:           #f2f2f2;

  width:                4.5rem;
  height:               4.5rem; 

  cursor:               pointer; 

} .bUtton_cLose.absoluTe {

  position:             absolute;
  top:                  0.3rem;
  right:                0.3rem;

} .bUtton_cLose:hover { 
  
  color:                #a91c19;
  background:           rgba( 169,28,25, 0.05); 
  border:               0.1rem solid rgba( 169,28,25, 0.2);

} .bUtton_cLose:active  { 
  
  color:                rgba( 0,0,0,0.5);
  border-color:         rgba( 0,0,0,0.3); 

} .bUtton_cLose:focus { 
  
  box-shadow:           0 0 0 0.6rem #737373; 

} .bUtton_cLose i { 
  
  font-size:            6rem;
  position:             absolute;
  top:                  50%;
  left:                 50%;
  transform:            translate( -50%, -50% );
  pointer-events:       none !important; 

}

.fRame_cLose { 
  
  position:             relative;
  display:              inline-block;
  text-align:           center;
  vertical-align:       middle;
  -webkit-user-select:  none;
  -moz-user-select:     none;
  -ms-user-select:      none;
  user-select:          none;
  border:               none;
  color:                #212529;
  background:           #f2f2f2;

  width:                5rem;
  height:               5rem; 
  border-radius:        50%;

  cursor:               pointer;
  z-index:              1801;

} .fRame_cLose.absoluTe {

  position:             absolute;
  top:                  0.5rem;
  right:                0.5rem;

} .fRame_cLose:hover { 
  
  color:                #f2f2f2;
  background:           #a91c19; 
  border:               0.1rem solid #f2f2f2;

} .fRame_cLose:active  { 
  
  color:                #a91c19;
  background:           rgba( 169,28,25, 0.4); 
  border-color:         #a91c19; 

} .fRame_cLose:focus { 
  
  box-shadow:           0 0 0 0.6rem #737373; 

} .fRame_cLose i { 
  
  font-size:            4rem;
  position:             absolute;
  top:                  50%;
  left:                 50%;
  transform:            translate( -50%, -50% );
  pointer-events:       none !important; 

}

.bUtton_inTerview { 
  
  position:             relative;
  display:              inline-block;
  text-align:           center;
  vertical-align:       middle;
  -webkit-user-select:  none;
  -moz-user-select:     none;
  -ms-user-select:      none;
  user-select:          none;
  background:           transparent;

  color:                #ffffff;

  overflow:             hidden;
  white-space:          nowrap;
  display:              block;
  text-overflow:        ellipsis;

  cursor:               pointer; 

  font-size:            1.6rem;
  font-weight:          200;
  min-width:            5.5rem;
  padding:              1rem 0.5rem 1rem 0.5rem !important;
  margin:               0rem;

}  .bUtton_inTerview.selecTed { 
  
  pointer-events:       none;
  background-color:     transparent !important;

} .bUtton_inTerview:hover { 
  
  font-weight:          400;

  text-shadow:          0 0 0.2rem rgba( #ffffff, 0.7 ); 

} .bUtton_inTerview:focus { 
  
  box-shadow:           0 0 0.6rem rgba( 0,0,0,0.6);
  filter:               brightness(95%); 

} .bUtton_inTerview:active { 
  
  color:                #ffffff;
  box-shadow:           0 0 0.6rem rgba( 0,0,0,0.3);
  filter:               brightness(102%); 

} .bUtton_inTerview * { 
  
  pointer-events:       none;
  font-size:            1.6em;
  color:                #ffffff; 

} .bUtton_inTerview:hover * { 
  
  font-weight:          400;
  text-shadow:          0 0 0.2rem rgba( #ffffff, 0.7 ); 

} .bUtton_inTerview:active * { 
  
  color:                #ffffff;

} .bUtton_inTerview.dark { 

  background-color:     #4d4d4d;
  border:               0.15rem solid #4d4d4d;

}  .bUtton_inTerview.dark.selecTed { 

  color:                #4d4d4d;

} .bUtton_inTerview.dark:hover { 

  color:                #4d4d4d;
  background-color:     #cccccc;

} .bUtton_inTerview.dark:active { 

  background-color:     #cccccc;
  border-color:         #737373;

} .bUtton_inTerview.dark:hover * { 

  color:                #4d4d4d;

} .bUtton_inTerview.info { 

  background-color:     #268a8c;
  border:               0.15rem solid #268a8c;

}  .bUtton_inTerview.info.selecTed { 

  color:                #268a8c;

} .bUtton_inTerview.info:hover { 

  color:                #268a8c;
  background-color:     rgba( 38,138,140, 0.2 );

} .bUtton_inTerview.info:active { 

  background-color:     #268a8c;
  border-color:         #268a8c;

} .bUtton_inTerview.info:hover * { 

  color:                #268a8c;

} .bUtton_inTerview.success { 

  background-color:     #00b3b3;
  border:               0.15rem solid #00b3b3;

}  .bUtton_inTerview.success.selecTed { 
  
  color:                #00b3b3;

} .bUtton_inTerview.success:hover { 
  
  color:                #00b3b3;
  background-color:     rgba( 0,179,179, 0.2 );

} .bUtton_inTerview.success:active { 
  
  background-color:     #00b3b3;
  border-color:         #00b3b3;

} .bUtton_inTerview.success:hover * { 
  
  color:                #00b3b3;

} .bUtton_inTerview.warning { 

  background-color:     #5f22aa;
  border:               0.15rem solid #5f22aa;

}  .bUtton_inTerview.warning.selecTed { 

  color:                #5f22aa;

} .bUtton_inTerview.warning:hover { 

  color:                #5f22aa;
  background-color:     rgba( 95,34,170, 0.2 );

} .bUtton_inTerview.warning:active { 

  background-color:     #5f22aa;
  border-color:         #5f22aa;

} .bUtton_inTerview.warning:hover * { 

  color:                #5f22aa;

} .bUtton_inTerview.danger { 

  background-color:     #a91c19;
  border:               0.15rem solid #a91c19;

}  .bUtton_inTerview.danger.selecTed { 

  color:                #a91c19;

} .bUtton_inTerview.danger:hover { 

  color:                #a91c19;
  background-color:     rgba( 169,28,25, 0.2 );

} .bUtton_inTerview.danger:active { 

  background-color:     #a91c19;
  border-color:         #a91c19;

} .bUtton_inTerview.danger:hover * { 

  color:                #a91c19;

}

.guRu_ROW.guRu_INTERVIEW { 
  
  height:       100% !important;

} .guRu_COLUMN.inTerview_ITEM { 
  
  position:     relative;
  background:   #f2f2f2 !important;
  height:       calc( 100% - 0.2rem ) !important;
  margin:       0.1rem;
  padding:      5.2rem 0.5rem 0.5rem 0.5rem;

} .guRu_COLUMN.inTerview_ITEM.daY { 
  
  padding:      1rem;

} .inTerview_ITEM .inTerview_TAG { 
  
  position:     absolute;
  top:          0.5rem;
  right:        0.5rem;
  z-index:      10002;

} .inTerview_ITEM .inTerview_TAG:hover {

  font-weight:  900;

} .guRu_COLUMN.inTerview_ITEM.todaY { 
  
  background:   rgba( 255,255,255, 0.7 ) !important;

} .guRu_COLUMN.inTerview_ITEM.disabLed { 
  
  background:   rgba( 255,255,255, 0.3) !important;

} .inTerview_ITEM .inTerview_TARGET { 
  
  display:          flex;
  flex-direction:   column;
  justify-content:  flex-start;
  align-items:      flex-start;
  width:            100%;
  height:           100%;
  pointer-events:   none;

} .inTerview_ITEM .inTerview_TARGET .inTerview_CHILD { 
  
  position:         relative;
  width:            calc( 100% - 0.2rem );
  padding:          0.5rem 0.5rem 0.5rem 2rem;
  margin:           0.1rem;
  pointer-events:   auto;
  cursor:           pointer;

} .inTerview_ITEM .inTerview_TARGET .inTerview_CHILD:before {

  position:       absolute;
  top:            50%;
  left:           0;
  transform:      translate( -50%, -50% );
  
  font-family:    "Fa Font";
  font-weight:    900;

  content:        '\e122';
  font-size:      1rem;
  pointer-events: none;

} .inTerview_ITEM .inTerview_TARGET .inTerview_CHILD span {

  display:          block;
  text-overflow:    ellipsis;
  white-space:      nowrap;
  pointer-events:   none;
  overflow:         hidden;

} .inTerview_ITEM .inTerview_TARGET .inTerview_CHILD :nth-child( 1 ) {

  font-weight:    600;
  font-size:      0.9rem;  

} .inTerview_ITEM .inTerview_TARGET .inTerview_CHILD :nth-child( 2 ) {

  font-weight:    900;
  font-size:      1rem;  

} .inTerview_ITEM .inTerview_TARGET .inTerview_CHILD {

  color:      rgba( 204, 51, 0, 1 );
  background: rgba( 204, 51, 0, 0.1 );
  border:     0.15rem solid rgba( 204, 51, 0, 0.4 );

} .inTerview_ITEM .inTerview_TARGET .inTerview_CHILD:before {

  color:      rgba( 204, 51, 0, 1 );

} .inTerview_ITEM .inTerview_TARGET .inTerview_CHILD:hover {

  background: rgba( 204, 51, 0, 0.7 );
  border:     0.15rem solid rgba( 204, 51, 0, 1 );

} .inTerview_ITEM .inTerview_TARGET .inTerview_CHILD:active {

  background: rgba( 204, 51, 0, 1 );
  border:     0.15rem solid rgba( 204, 51, 0, 1 );

} .inTerview_ITEM .inTerview_TARGET .inTerview_CHILD:hover span {

  color:      #fff;

} .inTerview_ITEM .inTerview_TARGET .inTerview_CHILD:hover:before  {

  content:    '\f0da';
  color:      #fff;

} .guRu_SEVEN       { 
  
  width: 14.28% !important; 
  flex-grow: 1  !important;

} .guRu_SEVEN.tiNy  { 
  
  width:          5rem !important; 
  max-width:      5rem !important; 
  pointer-events: none;

} .guRu_SEVEN.tiNy .inTerview_TAG { 
  
  position:       absolute;
  top:            0.5rem;
  left:           50%;
  transform:      translate( -50%, 0% );
  pointer-events: auto;
  z-index:        10002;

} .guRu_SEVEN.tiNy i,
  .guRu_SEVEN.tiNy .teXt_H2.teXt_900 {

  display:      none;

} .guRu_SEVEN.tiNy a, 
  .guRu_SEVEN.tiNy span {

  text-orientation: mixed;
  writing-mode:     vertical-rl; 

} .inTerview_ITEM.tiNy .inTerview_TARGET { 
  
  justify-content:  center;
  align-items:      center;

} .inTerview_ITEM.tiNy .inTerview_TARGET .inTerview_CHILD { 
  
  padding:          1.8rem;
  margin-bottom:    0.5rem;
  pointer-events:   auto;
  cursor:           pointer;

} .inTerview_ITEM.tiNy .inTerview_TARGET .inTerview_CHILD:before {

  left:             50%;

} .inTerview_ITEM.tiNy .inTerview_TARGET .inTerview_CHILD * { 
  
  display:          none !important;

}

.inTerview_PREVIEW {

  position:         absolute;
  top:              50%;
  left:             50%;
  transform:        translate( -50%, -50% );

  display:          flex;
  flex-direction:   column;
  justify-content:  flex-start;
  align-items:      flex-start;

  width:            80rem;
  height:           auto;

  max-width:        98% !important;
  max-height:       90% !important;

  border:           0.3rem solid rgba( 204, 51, 0, 1 );
  border-radius:    1rem 1rem 0 0;
  background:       #fff;

} .inTerview_PREVIEW .inTerview_HEADER {

  display:          flex;
  flex-direction:   row;
  justify-content:  flex-start;
  align-items:      center;
  width:            100%;
  padding:          1rem;
  background:       rgba( 204, 51, 0, 1 );

} .inTerview_PREVIEW .inTerview_HEADER * {

  color:          #fff;
  pointer-events: none;

} .inTerview_PREVIEW .inTerview_HEADER.clickabLe {

  cursor:           pointer;

} .inTerview_PREVIEW .inTerview_HEADER.clickabLe:hover i {

  font-size: 2.4em;

} .inTerview_PREVIEW .inTerview_HEADER.clickabLe:active * {

  text-shadow:  0 0 0.1rem rgba( 255,255,255, 0.7 ),
                0 0 0.2rem rgba( 0,0,0, 0.7 ),
                0 0 0.3rem rgba( 255,255,255, 0.9 );

} .inTerview_PREVIEW .inTerview_BODY {

  display:          flex;
  flex-direction:   column;
  justify-content:  flex-start;
  align-items:      flex-start;
  width:            100%;
  padding:          1rem;
  background:       #fff;
  overflow-y:       auto;

} 

.inTerview_BOX { 
  
  position:         absolute;

  display:          flex;
  flex-direction:   row;
  justify-content:  center;
  align-items:      center;
  
  width:            100%;

  padding:          0.5rem;
  border:           0.1rem solid rgba( 0,0,0, 0.095 );
  z-index:          10001;

} .inTerview_BOX.deskTop {

  top:    0;
  left:   0;

} .inTerview_BOX.mobiLE {

  justify-content:  flex-start;
  top:              0;
  left:             0;

} .inTerview_BOX.dark {

  background: rgba( 0,0,0, 0.095 );

} .inTerview_BOX.info {

  background: rgba( 38,138,140, 0.095 );

} .inTerview_BOX.warning {

  background: rgba( 95,34,170, 0.095 );

} .inTerview_BOX.success {

  background: rgba( 0,179,179, 0.095 );

} .inTerview_BOX.danger {

  background: rgba( 169,28,25, 0.095 );

}

/****************** OLD VERSION */

.guRu_LINE { border-bottom: 0.09rem solid rgba( 0,0,0,0.095);width: 100%; }
.guRu_BREAK { flex-basis: 100%;height: 0; }
.guRu_SEPARATOR { width: 100%;height: 1rem; }
.guRu_SEPARATOR.medium { height: 0.3rem !important; }
.guRu_SEPARATOR.min { height: 0.1rem !important; }
.guRu_SEPARATOR.background { background:#4d4d4d;margin: 0.5rem 0 0.5rem 0; }


.guRu_SEPARATOR.background.info { background:#268a8c; }
.guRu_SEPARATOR.background.warning { background:#5f22aa; }
.guRu_SEPARATOR.background.success { background:#00b3b3; }
.guRu_SEPARATOR.background.danger { background:#a91c19; }



/****************  ********************/
img.guRu_VIEWER { object-fit: contain;display: block;border-radius: 50%;padding: 0.05rem;margin: 0 1rem 0 1rem;width: 6rem;height: 6rem; }


.guRu_VIEWER.info { border: 0.2rem solid #268a8c; }
.guRu_VIEWER.danger { border: 0.2rem solid #a91c19; }
.guRu_VIEWER.warning { border: 0.2rem solid #5f22aa; }
.guRu_VIEWER.success { border: 0.2rem solid #00b3b3; }
.guRu_VIEWER.dark { border: 0.2rem solid #4d4d4d; }


.guRu_VIEWER.vieWer_SQUARE { border-radius: 0; }
.guRu_VIEWER.vieWer_LOGO { border-radius: 0;border: none; }
.guRu_VIEWER.vieWer_POINTER { cursor: pointer; }
.guRu_VIEWER.vieWer_XXXL { width: 24rem;height: 24rem; }
.guRu_VIEWER.vieWer_XXL { width: 20rem;height: 20rem; }
.guRu_VIEWER.vieWer_XL { width: 12rem;height: 12rem; }
.guRu_VIEWER.vieWer_LG { width: 9rem;height: 9rem; }
.guRu_VIEWER.vieWer_MD { width: 4.5rem;height: 4.5rem; }
.guRu_VIEWER.vieWer_SM { width: 3rem;height: 3rem;border-width: 0.1rem !important; }
.guRu_VIEWER.vieWer_XS { width: 2.5rem;height: 2.5rem;border-width: 0.05rem !important; }
.guRu_VIEWER.vieWer_XXS { width: 2rem;height: 2rem;border-width: 0.03rem !important; }


.guRu_VIEWER.noborDer { border: none !important; }

.guRu_VIEWER.guRu_ICON { width: 2.5rem;height: 2.5rem;border: none !important; }
.guRu_VIEWER.guRu_ICON.normal { width: 5rem;height: 5rem;border: none !important; }


span.guRu_VIEWER { position: relative;display: block;border-radius: 50%;padding: 0.05rem;margin: 0 1rem 0 1rem;width: 6rem;height: 6rem; }
span.guRu_VIEWER i { position: absolute;top: 50%;left: 50%;transform: translate( -50%, -50% ); font-size: 4rem; } 

span.guRu_VIEWER.vieWer_POINTER:hover i { text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9) !important; }
span.guRu_VIEWER.vieWer_POINTER:active i { text-shadow:0 0 0.4rem rgba( 255,255,255,0.7),0 0 0.5rem rgba( 0,0,0,0.7),0 0 0.6rem rgba( 255,255,255,0.9) !important; }

span.guRu_VIEWER.vieWer_XXXL i { font-size: 18rem; }
span.guRu_VIEWER.vieWer_XXL i { font-size: 16rem; }
span.guRu_VIEWER.vieWer_XL i { font-size: 9rem; }
span.guRu_VIEWER.vieWer_LG i { font-size: 6.5rem; }
span.guRu_VIEWER.vieWer_MD i { font-size: 3rem; }
span.guRu_VIEWER.vieWer_SM i { font-size: 2rem; }
span.guRu_VIEWER.vieWer_XS i { font-size: 1.5rem; }
span.guRu_VIEWER.vieWer_XXS i { font-size: 1rem; }


.guRu_VIEWER * { pointer-events: none; }

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


/******** DASHBOARD ******/

.guRu_DASHBOARD { width: 100%;flex-grow: 2; overflow-x: hidden;overflow-y: auto;scroll-behavior: smooth; } 
.guRu_DASHBOARD .dashboarD_WIDGETS { display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;margin: 0 auto 0 auto;max-width: 120rem !important; height: 100%; }
.guRu_DASHBOARD .dashboarD_WIDGETS.document { flex-direction: row;align-items: flex-start;max-height: 100%;height: initial; }

.guRu_DASHBOARD .heaDer_IMG {  display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;align-items: flex-end;margin: 0 auto 0 auto; }
.guRu_DASHBOARD .heaDer_IMG img { filter: grayscale(40%); }

.guRu_FOOTER { position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0.2rem 0 0 0;width: 100%;height: 4rem;min-height: 4rem;padding: 0.5rem;color:#212529; }

.guRu_FOOTER div { display: flex;flex-direction:row;flex-wrap: nowrap;justify-content: flex-end;align-items: center;width: 100%; }
.guRu_FOOTER div * { font-size: 1rem;font-weight: 200;color:inherit; }
.guRu_FOOTER div a:hover { font-weight: 700; }
.guRu_FOOTER img { position: absolute;top: 0;left: 0;height: 100%; }

.guRu_CONTRACT { display: table-row;color:#737373;font-size:1.2rem;font-weight: 200;margin: 0 1rem 0 0.1rem;  }
.guRu_CONTRACT:hover { font-weight: 300;text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9); }

/******** OVERLAY ******/
 .guRu_DEMO {
  display: none;  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translate(-50%, 0%);
 }




  
.guRu_OVERLAY .overLay_IMG { 
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate( -50%, -50% );
  border: 0.3rem solid #000000;
  z-index: 1001; 
  max-width:100%;
  max-height:90%;



}


.guRu_OVERLAY.multiprint button
{

  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index:1002;
}

.guRu_OVERLAY.multiprint iframe 
{ 
  padding: 0;
  margin-top: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate( -50%, -50% );
  border: 0.3rem solid #000000;
  border-radius: 1rem;
  z-index: 1001; 
  max-width:100%;
  width:85mm;
  max-height:90%;
  height:90%;
}

 .guRu_OVERLAY.profile iframe 
{ 
  padding: 0;
  margin-top: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate( -50%, -50% );
  border: 0.3rem solid #000000;
  border-radius: 1rem;
  z-index: 1001; 
  max-width:100%;
  width:240mm;
  max-height:90%;
  height:90%;
}










.guRu_RELATIVE { position: relative; }


.guRu_OVERLAY.logout div {
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.guRu_OVERLAY.logout div i { margin: 3rem; }



.guRu_OVERLAY.block .progress { position: absolute;top: 50%;left: 50%;transform: translate( -50%, -50% );width: 70%;background:#cccccc;border: 0.05rem solid #000000;  }
.guRu_OVERLAY.block .progress .bar { width: 1%;height: 4rem;background:#268a8c; }
.guRu_OVERLAY.block .progress .status { position: absolute;top: -10; left: 0;transform: translate(0%, -100%); }



.guRu_OVERLAY.light::after { background:rgba( 255,255,255,0.7); }




.guRu_FILE
{
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
  margin: 0 0.3rem 0 0.3rem;
  padding: 0 0.5rem 0 0.5rem;
  cursor: pointer;
  min-height: 3.5rem;max-height: 5rem;
}
.guRu_FILE.active
{
  background:#cccccc;
  box-shadow:0 0 0.1rem rgba( 255,255,255,0.7);
  border-radius: 0.5rem;
}
.guRu_FILE * { pointer-events: none !important; }
.guRu_FILE i { font-size: 2.5rem !important; margin-right: 0.3rem; }
.guRu_FILE:hover { text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9) !important; }
.guRu_FILE:active { text-shadow:0 0 0.4rem rgba( 255,255,255,0.7),0 0 0.5rem rgba( 0,0,0,0.7),0 0 0.6rem rgba( 255,255,255,0.9) !important; }



.overLay_TOOLBOX
{
  position: absolute;top: 0px;left: 50%;transform: translate(-50%, -0%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;


  width: 100%;
  overflow: hidden;
  /*
  border-bottom: 0.045rem solid rgba( 255,255,255,0.4); 
  */
  padding: 0.4rem 1.5rem 0.4rem 1.5rem;
}
.overLay_TOOLBOX button { margin: 0.2rem; }
.overLay_TOOLBOX.expand { padding: 2rem 1.5rem 2rem 1.5rem; }

.guRu_OVERLAY .overlaY_DETACHED 
{ 
  position: relative;
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

  width: 120rem;
  max-height: 90%;
  padding: 2rem; 
  border-radius: 0.5rem;
  border: 0.1rem solid #4d4d4d;
  background:#ffffff;

  /*

  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1rem;
  background: rgba( 0,0,0,0.02);
  border: 0.1rem solid rgba( 0,0,0,0.045);

  */

}


.guRu_OVERLAY .overlaY_DETACHED .detacHed_TOP
{
  position: absolute;
  top: -0.5rem;
  left: 0;
  transform: translate(0%, -100%);

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  width: 100%;
  background: transparent;
  pointer-events: none;
}

.guRu_OVERLAY .overlaY_DETACHED .detacHed_BOTTOM
{
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  transform: translate(0%, 100%);

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  width: 100%;
  background: transparent;
  pointer-events: none;
}

.guRu_OVERLAY .overlaY_DETACHED .detacHed_TOP button,.guRu_OVERLAY .overlaY_DETACHED .detacHed_BOTTOM button { pointer-events: auto;margin-left: 0.2rem; }
.guRu_OVERLAY .overlaY_DETACHED .detacHed_TOP a,.guRu_OVERLAY .overlaY_DETACHED .detacHed_BOTTOM a { pointer-events: auto;margin: 0.2rem; }


.guRu_OVERLAY .overlaY_DETACHED.eva { 
  
  -webkit-backdrop-filter:  blur( 3px );
  backdrop-filter:          blur( 3px );
  background:               rgba( 255,255,255, 0.5 ); 
  border:                   0.1rem solid #cccccc;
  width:                    auto; 

}

.guRu_OVERLAY .overlaY_DETACHED.clear { background:transparent; border: 0;width: auto; }
.guRu_OVERLAY .overlaY_DETACHED.card { border: 0.1rem solid #4d4d4d;width: 120rem;border-radius: 0; }
.guRu_OVERLAY .overlaY_DETACHED.preview { width: 80rem; }

.guRu_OVERLAY .overlaY_DETACHED.info { border-color: #268a8c; }
.guRu_OVERLAY .overlaY_DETACHED.warning { border-color: #5f22aa; }
.guRu_OVERLAY .overlaY_DETACHED.success { border-color: #00b3b3; }
.guRu_OVERLAY .overlaY_DETACHED.danger { border-color: #a91c19; }

.guRu_OVERLAY .overlaY_DETACHED.card .guRu_ROW.card:hover a { text-shadow:0 0 0.1rem rgba( 0,0,0,0.7),0 0 0.2rem rgba( 255,255,255,0.7),0 0 0.3rem rgba( 0,0,0,0.9); }
.guRu_OVERLAY .overlaY_DETACHED.card a:hover { font-weight: 800; }
.guRu_OVERLAY .overlaY_DETACHED.card .guRu_ROW.guRu_CLICKABLE:hover span { text-shadow:0 0 0.1rem rgba( 0,0,0,0.7),0 0 0.2rem rgba( 255,255,255,0.7),0 0 0.3rem rgba( 0,0,0,0.9); }



.guRu_OVERLAY .guRu_PANEL { overflow: auto;-webkit-overflow-scrolling: touch; }
.guRu_OVERLAY .guRu_PANEL::-webkit-scrollbar { height: 0.2rem !important;width: 0.2rem !important; }
.guRu_OVERLAY .guRu_PANEL::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0.1rem rgba( 0,0,0,0.3) !important; }
.guRu_OVERLAY .guRu_PANEL::-webkit-scrollbar-thumb { background-color:#000000;outline: 0 !important; }



.guRu_OVERLAY.overlaY_ALERT {  z-index: 2500001; }
.guRu_OVERLAY.overlaY_ALERT.LIGHT {  background:rgba( 0,0,0,0.3) !important; }
.guRu_OVERLAY.overlaY_ALERT.INFO {  background:rgba( 38,138,140,0.5) !important; }.guRu_OVERLAY.overlaY_ALERT.INFO .alerT_BACK { background:rgba( 38,138,140,0.8); }.guRu_OVERLAY.overlaY_ALERT.INFO .alerT_BACK .alerT_ICON {  color:rgba( 38,138,140,0.8) !important; } 
.guRu_OVERLAY.overlaY_ALERT.WARNING { background:rgba( 95,34,170,0.5) !important; }.guRu_OVERLAY.overlaY_ALERT.WARNING .alerT_BACK {  background:rgba( 95,34,170,0.8); }.guRu_OVERLAY.overlaY_ALERT.WARNING .alerT_BACK .alerT_ICON {  color:rgba( 95,34,170,0.8) !important; }
.guRu_OVERLAY.overlaY_ALERT.DANGER {  background:rgba( 169,28,25,0.5) !important; }.guRu_OVERLAY.overlaY_ALERT.DANGER .alerT_BACK { background:rgba( 169,28,25,0.8); }.guRu_OVERLAY.overlaY_ALERT.DANGER .alerT_BACK .alerT_ICON {   color:rgba( 169,28,25,0.8) !important; }
.guRu_OVERLAY.overlaY_ALERT.SUCCESS { background:rgba( 0,179,179,0.5) !important; }.guRu_OVERLAY.overlaY_ALERT.SUCCESS .alerT_BACK {  background:rgba( 0,179,179,0.8); }.guRu_OVERLAY.overlaY_ALERT.SUCCESS .alerT_BACK .alerT_ICON {  color:rgba( 0,179,179,0.8) !important; }

.guRu_OVERLAY.overlaY_ALERT .alerT_BACK { width: 50rem;max-width: 99%;position: relative;display: flex;flex-direction:column;justify-content: center;align-items:center;box-shadow: 0 0 0.8rem #cccccc; }

.guRu_OVERLAY.overlaY_ALERT .alerT_BACK.oVerflow{ max-height: 95%; overflow: auto; }

.guRu_OVERLAY.overlaY_ALERT .alerT_FRONT { height: 100%;width: 100%;display: flex;flex-direction:column;justify-content: center;align-items:center;background:rgba( 255,255,255,.9);border: 0.1rem solid rgba( 0,0,0,0.15);text-align: center; }
.guRu_OVERLAY.overlaY_ALERT .alerT_ICON { font-size: 7.2rem;margin-bottom: 1rem; }
.guRu_OVERLAY.overlaY_ALERT .alerT_EMOJI { font-size: 5rem; }
.guRu_OVERLAY.overlaY_ALERT .alerT_CODE { font-weight: 800;white-space: normal;color:#4d4d4d;font-size: 2rem; }
.guRu_OVERLAY.overlaY_ALERT .alerT_MESSAGE { font-weight: 200;color:#4d4d4d;font-size: 1.4rem; }
.guRu_OVERLAY.overlaY_ALERT .alerT_MESSAGE small { font-size: 1rem; }
.guRu_OVERLAY.overlaY_ALERT .alerT_MESSAGE label { font-size: 1.6rem; }

.guRu_OVERLAY.overlaY_ALERT .alerT_OBJECT { font-weight: 400;white-space: normal;color:#4d4d4d;text-align: center;font-size: 1.2rem; }
.guRu_OVERLAY.overlaY_ALERT .alerT_INFO { font-weight: 100;white-space: normal;color:#4d4d4d;text-align: center;font-size: 1rem; }
.guRu_OVERLAY.overlaY_ALERT .alerT_BUTTONS { position: absolute;bottom:0;left:50%;transform: translate(-50%, 50%);display: flex;flex-direction:row;flex-wrap: nowrap;justify-content: center;align-items:center;width: 100%; }
.guRu_OVERLAY.overlaY_ALERT .alerT_BUTTONS button { margin: 0.1rem; }

.guRu_OVERLAY.overlaY_ALERT strong { font-weight: 800; }
.guRu_OVERLAY.overlaY_ALERT input { flex-grow: 2;width: 100%;outline: 0;font-weight: 200;border: 0.1rem solid rgba( 0,0,0,0.4);font-size: 1.6rem;padding: 0.6rem; }
.guRu_OVERLAY.overlaY_ALERT textarea { flex-grow: 2;width: 100%;outline: 0;height: 100%;font-weight: 200;resize: none;border: 0.1rem solid rgba( 0,0,0,0.4);font-size: 1.6rem;padding: 0.6rem;height: 9rem; }

.guRu_OVERLAY.overlaY_ALERT.alerT_POPUP { padding: 1rem 1rem;justify-content: flex-start;align-items: flex-end; }
.guRu_OVERLAY.overlaY_ALERT.alerT_POPUP .alerT_BACK  { display: flex;flex-direction:column;justify-content: center;align-items:center;padding: 0.2rem;width: 50rem;max-width: 100%;max-height: 80%;min-height: 10rem;box-shadow: 0 0 0.8rem #cccccc;overflow: auto;border-radius: 0.4rem 8rem 8rem 0.4rem; }
.guRu_OVERLAY.overlaY_ALERT.alerT_POPUP .alerT_FRONT { display: flex;flex-direction:column;justify-content: center;align-items:center;flex: 2;text-align: center;width: 100%;pointer-events: auto !important;background:rgba( 255,255,255,.9);border: 0.1rem solid rgba( 0,0,0,0.15);padding: 2rem 12rem 2rem 2rem;border-radius: 0.4rem 8rem 8rem 0.4rem; }
.guRu_OVERLAY.overlaY_ALERT.alerT_POPUP .alerT_ICON { position: absolute;top: 50%;right:0.4rem;transform: translate(0%, -50%); }


.guRu_OVERLAY.overlaY_ALERT.alerT_CONFIRM .alerT_BACK { border-radius: 0.4rem 0.4rem 0.4rem 4rem;padding: 0.2rem; }
.guRu_OVERLAY.overlaY_ALERT.alerT_CONFIRM .alerT_FRONT { min-height: 25rem; padding: 0 1rem 4rem 2rem; border-radius: 0.4rem 0.4rem 0.4rem 4rem; }


.guRu_OVERLAY.overlaY_ALERT.alerT_AD .alerT_BACK { position: absolute;top: 50%;left:50%;transform: translate( -50%, -50% );  }
.guRu_OVERLAY.overlaY_ALERT.alerT_AD .alerT_FRONT { padding: 2rem;  }
.guRu_OVERLAY.overlaY_ALERT.alerT_AD .alerT_ICON { font-size: 10.2rem; }
.guRu_OVERLAY.overlaY_ALERT.alerT_AD .alerT_CODE { font-size: 3.4rem; }
.guRu_OVERLAY.overlaY_ALERT.alerT_AD .alerT_MESSAGE { font-size: 1.6rem; }



.guRu_OVERLAY.overlaY_ALERT.alerT_PROMPT .alerT_BACK {
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  color:#cccccc;
  background:#4d4d4d;
  padding: 1.2rem;
  border: 0.1rem solid #737373;
  box-shadow:  0 1rem 3.5rem #000000;
  border-radius: 0.8rem;
  width: 75rem;
  max-width: 95%;
}
.guRu_OVERLAY.overlaY_ALERT.alerT_PROMPT .alerT_ICON 
{ 
  display: inline-block;
  font-size: 2.5rem; 
  margin: 0;
  min-width: 3.5rem;
  min-height:2.5rem;

}
.guRu_OVERLAY.overlaY_ALERT.alerT_PROMPT a { display:none;margin: 0 0.5rem 0 0.5rem; }
.guRu_OVERLAY.overlaY_ALERT.alerT_PROMPT a * { pointer-events: none; }
.guRu_OVERLAY.overlaY_ALERT.alerT_PROMPT a i { font-size: 2.5rem;filter: grayscale(45%);transition: all .75s; }
.guRu_OVERLAY.overlaY_ALERT.alerT_PROMPT a:hover  i
{ 
  font-size: 3.5rem;filter: grayscale(0%);
}
.guRu_OVERLAY.overlaY_ALERT.alerT_PROMPT a:active i { 
  text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9);  
}
.guRu_OVERLAY.overlaY_ALERT.alerT_PROMPT .alerT_BACK div:not(.guRu_ROW)
{

  display: block;
  resize: none;
  overflow: hidden;
  flex-grow: 2;
  font-family: "Nunito Sans";
  font-size: 2.4rem; 
  min-height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 1rem 0 1rem;
  outline: 0px solid transparent;
  text-shadow: none;
  font-weight: 300;

}
.guRu_OVERLAY .alerT_WRITER 
{ 


  display:      inline-block;
  font-family:  "Nunito Sans" !important;
  flex-grow:    2;
  border:       none !important;
  min-height:   2.5rem !important;
  line-height:  2.5rem !important;
  background:   transparent;
  color:        #cccccc;
  font-size:    2.4rem !important; 
  font-weight:  300;
  padding:      0;


}
.guRu_OVERLAY.overlaY_ALERT.alerT_PROMPT *[contenteditable][placeholder]:empty:before{
  content:attr(placeholder);
  font-weight: 300;
  color:#737373;
}


.guRu_OVERLAY.overlaY_ALERT.alerT_PROMPT a.alerT_COUNTRY { display: inline-block;font-size: 3rem; margin: 0 0.5rem 0 0.5rem; }
.guRu_OVERLAY.overlaY_ALERT.alerT_PROMPT a.alerT_COUNTRY:hover{ font-size: 3.2rem; }
.guRu_OVERLAY.overlaY_ALERT.alerT_PROMPT a.alerT_COUNTRY:active { text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9); }

.guRu_OVERLAY.overlaY_ALERT.alerT_AD { justify-content: flex-end;align-items: center; }
.guRu_OVERLAY.overlaY_ALERT.alerT_AD .alerT_BACK  { display: flex;flex-direction:column;justify-content: center;align-items:center;box-shadow: none;border: none;background:transparent; }
.guRu_OVERLAY.overlaY_ALERT.alerT_AD .alerT_FRONT { display: flex;flex-direction:column;justify-content: center;align-items:center;flex: 2;width: 100%;pointer-events: auto !important;box-shadow: none;border: none;background:transparent; }
.guRu_OVERLAY.overlaY_ALERT.alerT_AD .alerT_FRONT * { color:#ffffff; }
.guRu_OVERLAY.overlaY_ALERT.alerT_AD .alerT_ICON { position: absolute;top: 0;left:50%;transform: translate(-50%, -100%); }
.guRu_OVERLAY.overlaY_ALERT.alerT_AD .alerT_CODE { font-weight: 200; }
.guRu_OVERLAY.overlaY_ALERT.alerT_AD .alerT_MESSAGE { font-weight: 900; }




.guRu_OVERLAY .guRu_SELECTOR
{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  pointer-events: none; 
  max-width: 98%;
  border: none;

}

.guRu_OVERLAY .guRu_SELECTOR .selecTor_SPACE
{
  pointer-events: none; 
  margin: 0.5rem;
  background: transparent;
  border: none;
  width: 1rem;
}

.guRu_OVERLAY .guRu_SELECTOR .option
{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  pointer-events: auto; 
  margin: 0.5rem;
  padding: 1rem;

  background:rgba( 255,255,255,0.8);
  border: 0.05rem solid #4d4d4d;
  box-shadow: 0 0 0.8rem #cccccc;
  border-radius: 1rem;
  max-width: 20rem;
}

.guRu_OVERLAY .guRu_SELECTOR .option.banned {  cursor: default;}
.guRu_OVERLAY .guRu_SELECTOR .option * { pointer-events: none; }
.guRu_OVERLAY .guRu_SELECTOR .option * { color:#000000;max-width: 30rem }
.guRu_OVERLAY .guRu_SELECTOR .option:not(.banned):hover { background:rgba( 0,0,0,0.6) !important; }
.guRu_OVERLAY .guRu_SELECTOR .option:not(.banned):hover span { color:#ffffff !important; }


.guRu_OVERLAY .guRu_SELECTOR .option.info { background:#268a8c;border: 0.05rem solid #ffffff;box-shadow: 0 0 0.8rem #737373; }
.guRu_OVERLAY .guRu_SELECTOR .option.info * { color:rgba( 255,255,255,0.7) !important; }
.guRu_OVERLAY .guRu_SELECTOR .option.info:not(.banned):hover { background:#268a8c !important;border: 0.05rem solid #268a8c !important;box-shadow: 0 0 0.8rem #cccccc !important; }
.guRu_OVERLAY .guRu_SELECTOR .option.info:not(.banned):hover span { color:#ffffff !important; }

.guRu_OVERLAY .guRu_SELECTOR .option.warning { background:#5f22aa;border: 0.05rem solid #ffffff;box-shadow: 0 0 0.8rem #737373; }
.guRu_OVERLAY .guRu_SELECTOR .option.warning * { color:rgba( 255,255,255,0.7) !important; }
.guRu_OVERLAY .guRu_SELECTOR .option.warning:not(.banned):hover { background:#5f22aa !important;border: 0.05rem solid #5f22aa !important;box-shadow: 0 0 0.8rem #cccccc !important; }
.guRu_OVERLAY .guRu_SELECTOR .option.warning:not(.banned):hover span { color:#ffffff !important; }

.guRu_OVERLAY .guRu_SELECTOR .option.success { background:#00b3b3;border: 0.05rem solid #ffffff;box-shadow: 0 0 0.8rem #737373; }
.guRu_OVERLAY .guRu_SELECTOR .option.success * { color:rgba( 255,255,255,0.7) !important; }
.guRu_OVERLAY .guRu_SELECTOR .option.success:not(.banned):hover { background:#00b3b3 !important;border: 0.05rem solid #00b3b3 !important;box-shadow: 0 0 0.8rem #cccccc !important; }
.guRu_OVERLAY .guRu_SELECTOR .option.success:not(.banned):hover span { color:#ffffff !important; }

.guRu_OVERLAY .guRu_SELECTOR .option.danger { background:#a91c19;border: 0.05rem solid #ffffff;box-shadow: 0 0 0.8rem #737373; }
.guRu_OVERLAY .guRu_SELECTOR .option.danger * { color:rgba( 255,255,255,0.7) !important; }
.guRu_OVERLAY .guRu_SELECTOR .option.danger:not(.banned):hover { background:#a91c19 !important;border: 0.05rem solid #a91c19 !important;box-shadow: 0 0 0.8rem #cccccc !important; }
.guRu_OVERLAY .guRu_SELECTOR .option.danger:not(.banned):hover span { color:#ffffff !important; }











.guRu_OVERLAY .guRu_SELECTOR .option.attendance
{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  pointer-events: auto; 
  margin: 0.2rem;
  padding: 4rem;

  background:rgba( 255,255,255,0.2);
  border: none !important;
  box-shadow: 0 0 0.2rem #cccccc;
  border-radius: 1rem;
  max-width: 100% !important;
}


.guRu_OVERLAY .guRu_SELECTOR .option.selecTor_CHECK
{
  width: 10rem;
  height: 5rem;
  background:transparent;
  border: none;
  box-shadow: none;
}
.guRu_OVERLAY .guRu_SELECTOR .option.selecTor_CHECK span
{  
  font-size: 2rem;
}
.guRu_OVERLAY .guRu_SELECTOR .option.selecTor_CHECK i 
{  
  font-size: 5.2rem;
  color:rgba( 169,28,25,0.2);
}

.guRu_OVERLAY .guRu_SELECTOR .option.selecTor_CHECK:hover span
{
  color:#000000;
  font-size: 2.5rem;
  font-weight: 600;
  text-shadow: none;
}
.guRu_OVERLAY .guRu_SELECTOR .option.selecTor_CHECK:hover i 
{
  text-shadow: 0 0 0.1rem rgba( 0,0,0,0.1),0 0 0.2rem rgba( 255,255,255,0.2),0 0 0.3rem rgba( 0,0,0,0.3);
}


.guRu_OVERLAY .guRu_SELECTOR .family
{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  background:transparent;
  cursor: pointer;
  pointer-events: auto; 
  margin: 0.5rem;padding: 0.2rem;
}
.guRu_OVERLAY .guRu_SELECTOR .family * { pointer-events: none; }
.guRu_OVERLAY .guRu_SELECTOR .family img
{
  object-fit: contain;
  display: block;
  border-radius: 50%;
  padding: 0.1rem;
  border: 0.15rem solid #000000;
  width: 10rem;height: 10rem;
}

.guRu_OVERLAY .guRu_SELECTOR .family.danger img { border: 0.2rem solid #a91c19; }
.guRu_OVERLAY .guRu_SELECTOR .family.warning img { border: 0.2rem solid #5f22aa; }
.guRu_OVERLAY .guRu_SELECTOR .family.success img { border: 0.2rem solid #00b3b3; }

.guRu_OVERLAY .guRu_SELECTOR .family span
{
  color:#ffffff;
  text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9);
  text-align: center;
}

.guRu_OVERLAY .guRu_SELECTOR .family span:nth-child(1)  { font-weight: 900;font-size: 1.8rem; }
.guRu_OVERLAY .guRu_SELECTOR .family span:nth-child(3) { font-weight: 400;font-size: 1.6rem; }

.guRu_OVERLAY .guRu_SELECTOR .family span:last-child { font-weight: 200;font-size: 1rem; }
.guRu_OVERLAY .guRu_SELECTOR .family:hover img { border-width: 0.25rem; }
.guRu_OVERLAY .guRu_SELECTOR .family:hover span:first-child  { font-size: 1.6rem; }
.guRu_OVERLAY .guRu_SELECTOR .family:hover span { font-size: 1.6rem; }
.guRu_OVERLAY .guRu_SELECTOR .family:hover span:last-child { font-size: 1.2rem; }

.guRu_OVERLAY .guRu_PAYMENT_SELECTOR
{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background:#ffffff;
  max-width: 100%;
  padding: 1rem;width: 70rem;
}
.guRu_OVERLAY .guRu_PAYMENT_SELECTOR .guRu_ROW
{
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.2rem;
}

.guRu_OVERLAY .guRu_PAYMENT_SELECTOR .guRu_ROW div
{
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0.1rem;
  padding: 1rem;
}
.guRu_OVERLAY .guRu_PAYMENT_SELECTOR .guRu_ROW div a { margin: 0.5rem; }
.guRu_OVERLAY .guRu_PAYMENT_SELECTOR .guRu_ROW div:nth-child(1) { flex-grow: 3;background:rgba( 0,0,0,0.045);border: 0.1rem solid rgba( 0,0,0,0.15); }
.guRu_OVERLAY .guRu_PAYMENT_SELECTOR .guRu_ROW div:nth-child(2) { flex-grow: 1;background:rgba( 0,0,0,0.045);border: 0.1rem solid rgba( 0,0,0,0.15); }
.guRu_OVERLAY .guRu_PAYMENT_SELECTOR .guRu_ROW div:nth-child(3) { flex-grow: 0;align-self: flex-end; }
.guRu_OVERLAY .guRu_PAYMENT_SELECTOR .guRu_ROW div span 
{
  color:#000000;
  font-weight: 400;
  text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9);
  text-align: center;
  font-size: 1.6rem;
}








.guRu_WSEP { width: 0.1rem !important; }
.guRu_W2 { width: 2.5% !important; }
.guRu_W5 { width: 5% !important; }
.guRu_W7 { width: 7% !important; }
.guRu_W10 { width: 10% !important; }
.guRu_W15 { width: 15% !important; }
.guRu_W20 { width: 20% !important; }
.guRu_W25 { width: 25% !important; }
.guRu_W30 { width: 30% !important; }
.guRu_W35 { width: 35% !important; }
.guRu_W40 { width: 40% !important; }
.guRu_W45 { width: 45% !important; }
.guRu_W50 { width: 50% !important; }
.guRu_W55 { width: 55% !important; }
.guRu_W60 { width: 60% !important; }
.guRu_W65 { width: 65% !important; }
.guRu_W70 { width: 70% !important; }
.guRu_W75 { width: 75% !important; }
.guRu_W80 { width: 80% !important; }
.guRu_W85 { width: 85% !important; }
.guRu_W90 { width: 90% !important; }
.guRu_W95 { width: 95% !important; }
.guRu_W100 { width: 100% !important; }

.guRu_FIT { flex-grow: 1 !important; }
.guRu_FIT2 { flex-grow: 2 !important; }
.guRu_FIT3 { flex-grow: 3 !important; }
.guRu_FIT4 { flex-grow: 4 !important; }
.guRu_FIT5 { flex-grow: 5 !important; }

.guRu_miniMum { 
  
  min-width: 50rem !important; 
  max-width: 98% !important; 

}




 








.vieW_WHATSAPP { width: 70rem;max-width: 100%;background:#ffffff; padding: 2rem;border: 0.045rem solid rgba( 38,138,140,0.5);border-radius: 0.4rem;word-break: normal;white-space: pre-line; font-size: 1.5rem !important; }
.vieW_HTML { width: 70rem;max-width: 100%;background:#ffffff; padding: 2rem;border: 0.045rem solid rgba( 38,138,140,0.5);border-radius: 0.4rem; }
.vieW_HTML .hTml_CLICK
{ 
  position: relative !important;
  display: inline-block !important;
  margin: 1rem 0.5rem 1rem 0.5rem !important;
  padding: 1rem !important;
  max-width: 100% !important;
  max-height: 100% !important;
}



.vieW_HTML a * { pointer-events: auto !important; }
.vieW_HTML .hTml_CLICK::after 
{ 
  position: absolute;
  bottom: 0% !important;
  left: 50% !important;
  transform: translate(-50%, 0%) !important;
  content: "CLICK AQUÍ" !important;
  z-index: 100 !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  color:#000000 !important;
  text-shadow:0 0 0.6rem #ffffff,0 0 0.8rem rgba( 0,0,0,0.7),0 0 1.8rem #ffffff !important;
  pointer-events: none !important;
}

.editoR_EDITED
{
  all: initial;
  font-family: "Nunito Sans" !important;
  display: block;
  overflow: hidden !important;
  resize: none;
  width: 100% !important;
  max-width: 100% !important;
  height: 100%;
  max-height: 100%;
  background:transparent;
}

.editoR_EDITED::-webkit-scrollbar { height: 0.2rem !important;width: 0.2rem !important; } 



.guRu_WIDGET .editoR_EDITED

.guRu_WIDGET.widGet_SUPPORT .editoR_EDITED
{ 
  all: initial;
  font-family: "Nunito Sans" !important;
  display: block;
  resize: none;

  width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: transparent;
  border: 0;
  margin-top: 0.3rem;
  padding: 0.5rem;
  font-size: 1.4rem; 


}

.guRu_WIDGET.widGet_CLASSMODE .editoR_EDITED ,.guRu_OVERLAY.attendanCe_OVERLAY .editoR_EDITED 
{ 
  all: initial;
  font-family: "Nunito Sans" !important;
  display: block;
  resize: none;

  width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  background: transparent;
  border: 0;
  margin: 0.3rem 1.5rem 0rem 1.5rem;
  padding: 0;
  font-size: 1.4rem; 
}

.guRu_WIDGET.guRu_INBOX .editoR_EDITED 
{ 
  all: initial;
  font-family: "Nunito Sans" !important;
  display: block;
  resize: none;

  width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  background: transparent;
  border: 0;
  margin: 0.3rem 1.5rem 0rem 1.5rem;
  padding: 0;
  font-size: 1.6rem; 


  height: 100% !important;
  max-height: 100% !important;
}



.editoR_EDITED p,.editoR_EDITED div 
{
  font-family: "Nunito Sans" !important;
  display: block !important; 
  word-break: normal !important;
  white-space: pre-line !important;
  padding: 0 !important;
  margin: 0 !important;
}


.editoR_EDITED *:not(.textarea) { line-height: 1; }
.editoR_EDITED span:not(.textarea) { margin: 0px !important;padding: 0px !important;font-family: "Nunito Sans" !important; }
.editoR_EDITED a 
{ 
  all: unset !important;
  font-family: "Nunito Sans" !important;
  display: inline-block !important;
  color:#268a8c !important;
  cursor: pointer !important;

}
.editoR_EDITED a * { pointer-events: none !important; }

.editoR_EDITED  ul 
{ 
  display: block !important;
  list-style-type: circle;
  /*width: 100%;*/
  /*margin: 1rem 0 1rem 0;*/
}
.editoR_EDITED  ul li
{
  margin: 0.1rem;
  /*width: 100%;*/
  max-width: calc(100% - 0.2rem);
}
.editoR_EDITED img:not(.editoR_EXCLUDE)
{
  border: 0.045rem solid rgba( 38,138,140,0.5);
  object-fit: contain;
  max-width: 80%;
  max-height: 100%;
}
.guRu_AD
{
  max-width: 50rem;
  font-size: 1.2rem;
}


.guRu_AD .editoR_EDITED
{
  all: initial;
  font-family: "Nunito Sans" !important;
  display: block;
  overflow: hidden !important;
  resize: none;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  background:transparent;
}

.vieW_HTML .editoR_EDITED img:not(.editoR_EXCLUDE) ,
.guRu_AD .editoR_EDITED img:not(.editoR_EXCLUDE)
{
  border: 0.2rem solid #4d4d4d;
  padding: 0.1rem;
  margin: 0.1rem;
  object-fit: contain;
  max-width: 98%;
  max-height: 100%;
}

/************************************************************ NEW REM STYLE */

.guRu_SPIN i {

top: 25%;
left: 25%;
-webkit-animation: sPin 5s infinite;
        animation: sPin 5s infinite;
}
button.guRu_SPIN:hover i
{

top: 50%;
left: 50%;
transform: translate( -50%, -50% );
-webkit-animation: none;
        animation: none;
}


.guRu_BTN.inboX_POINTER i 
{
  animation: inboX 4.72s ease infinite;
  font-size: 1em;
}
@keyframes inboX {
  0% { transform: translate( -50%, -50% ) }
  
  1.78571% { transform:translate(-70%,-50%) }

  3.57143% { transform: translate( -50%, -50% ) }
  
  5.35714% { transform:translate(-70%,-50%) }

  7.14286% { transform: translate( -50%, -50% ) }
  
  8.92857% { transform:translate(-70%,-50%) }

  10.71429% { transform: translate( -50%, -50% ) }
  100% { transform: translate( -50%, -50% ) }

}

.guRu_BTN.inboX_POINTER:before
{ 

  font-family:    "Fa Font";
  font-weight:    900;

  content: "\2e";
  font-size: 5rem;
  color: #e6004c;
  text-shadow: none; 
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  z-index: 1001;
}


.teXt_PRE {
  white-space:      pre-line !important;
}



.teXt_RIGHT { text-align: right; }
.teXt_39 {font-family: "Bar Code 39";margin: 0.2rem 0 0.2rem 0; }

.teXt_H1.white,.teXt_H2.white,.teXt_H3.white,.teXt_H4.white,.teXt_H5.white,.teXt_H6.white,.teXt_H7.white,.white_COLOR { color:#ffffff !important; }

.teXt_H1.lighter,.teXt_H2.lighter,.teXt_H3.lighter,.teXt_H4.lighter,.teXt_H5.lighter,.teXt_H6.lighter,.teXt_H7.lighter,.lighter_COLOR { color:#f2f2f2 !important; }
.teXt_H1.light,.teXt_H2.light,.teXt_H3.light,.teXt_H4.light,.teXt_H5.light,.teXt_H6.light,.teXt_H7.light,.light_COLOR { color:#cccccc !important; }
.teXt_H1.medium,.teXt_H2.medium,.teXt_H3.medium,.teXt_H4.medium,.teXt_H5.medium,.teXt_H6.medium,.teXt_H7.medium,.medium_COLOR { color:#737373 !important; }
.teXt_H1.dark,.teXt_H2.dark,.teXt_H3.dark,.teXt_H4.dark,.teXt_H5.dark,.teXt_H6.dark,.teXt_H7.dark,.dark_COLOR { color:#4d4d4d !important; }


.teXt_H1.danger,.teXt_H2.danger,.teXt_H3.danger,.teXt_H4.danger,.teXt_H5.danger,.teXt_H6.danger,.teXt_H7.danger,.danger_COLOR { color:#a91c19 !important; }
.teXt_H1.info,.teXt_H2.info,.teXt_H3.info,.teXt_H4.info,.teXt_H5.info,.teXt_H6.info,.teXt_H7.info,.info_COLOR { color:#268a8c !important; }
.teXt_H1.success,.teXt_H2.success,.teXt_H3.success,.teXt_H4.success,.teXt_H5.success,.teXt_H6.success,.teXt_H7.success,.success_COLOR { color:#00b3b3 !important; }
.teXt_H1.warning,.teXt_H2.warning,.teXt_H3.warning,.teXt_H4.warning,.teXt_H5.warning,.teXt_H6.warning,.teXt_H7.warning,.warning_COLOR { color:#5f22aa !important; }



.youTube_COLOR { color:#ff0000 !important; }
.classRoom_COLOR { color:#EDA306 !important; }
.moodLe_COLOR { color:#f98012 !important; }

.whatSp_VIWED_COLOR { color:#34B7F1 !important; }
.whatSp_COLOR { color:#25D366 !important; }
.faCebook_COLOR { color:#3b5998 !important; }
.telegRam_COLOR { color:#229ed9 !important; }
.googLe_COLOR { color:#4285F4 !important; }
.iNstagram_COLOR { color:#833Ab4 !important; }


.exCel_COLOR { color:#1d6f42 !important; }
.woRd_COLOR { color:#005dA6 !important; }
.ppoiNt_COLOR { color:#d04423 !important; }
.pDf_COLOR { color:#f40f02 !important; }
.imaGe_COLOR { color:#009999 !important; } 
.enveLope_COLOR { color:#0000ff !important; }
.liNk_COLOR { color:#669999 !important; }



.guRu_WIDGET.guRu_LOGIN .teXt_H1 { font-size: 2.60rem !important; }
.guRu_WIDGET.guRu_LOGIN .teXt_H2 { font-size: 2.30rem !important; }
.guRu_WIDGET.guRu_LOGIN .teXt_H3 { font-size: 2.00rem !important; }
.guRu_WIDGET.guRu_LOGIN .teXt_H4 { font-size: 1.80rem !important; }
.guRu_WIDGET.guRu_LOGIN .teXt_H5 { font-size: 1.50rem !important; }
.guRu_WIDGET.guRu_LOGIN .teXt_H6 { font-size: 1.20rem !important; }
.guRu_WIDGET.guRu_LOGIN .teXt_H7 { font-size: 0.9rem !important; }
.guRu_WIDGET.guRu_LOGIN .guRu_LABELED:before { font-size: 1.5rem !important; }


.loGin_OPTIONS
{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 1rem;
  color:#268a8c;
}

.loGin_OPTIONS .guRu_COUNTRY { font-size:3rem; }

.loGin_OPTIONS input,.guRu_WIDGET.guRu_LOGIN input
{


  font-weight: 200 ;
  min-height: 4rem !important;
  height: 4rem !important;

  font-size:1.9rem !important;


  margin-top: 0.3rem;
  flex-grow: 2;
}


.loGin_OPTIONS span
{
  display: inline-block;
  flex-grow: 2;
  pointer-events: none;
}
.loGin_OPTIONS i
{
  display: inline-block;
  text-align: right;
  font-size: 2.5rem;
  margin: 0 0.8rem 0 0.8rem;
  pointer-events: none;
}

.loGin_OPTIONS.mail,.loGin_OPTIONS.mobile,.loGin_OPTIONS.telegram,.loGin_OPTIONS.password
{
  cursor: pointer;
}
.loGin_OPTIONS.mail:hover i,.loGin_OPTIONS.mobile:hover i,.loGin_OPTIONS.telegram:hover i,.loGin_OPTIONS.password:hover i
{
  font-size: 2.8rem;
  color:#a91c19;
}
.loGin_OPTIONS.mail:hover span,.loGin_OPTIONS.mobile:hover span,.loGin_OPTIONS.telegram:hover span,.loGin_OPTIONS.mobile:hover span
{
  font-size: 2em;
  font-weight: 600;
  color:#a91c19;
  text-shadow: none;
}

.loGin_OPTIONS.password:focus-within i
{
  font-size: 2.8rem;
  color:#a91c19;
}
.networKs
{
  position: absolute;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  background:rgba( 255,255,255,0.8);
  border: 0.1rem solid rgba( 0,0,0,0.095);
  border-radius: 0.5rem;
  transition: all 0.5s;
  font-size: 1rem;
  z-index: 10;
}
.networKs:hover { background:rgba( 255,255,255,1); }
.networKs a { margin: 0.5rem;display: flex;flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.networKs a * { pointer-events: none; }
.networKs a i {  text-align: center;display: inline-block;font-size: 2em;filter: grayscale(45%);transition: all .75s; width: 3rem;margin: 0.5rem }
.networKs a span { display: inline-block;font-size: 1.8em; font-weight: 600;filter: grayscale(45%);transition: all .75s; }
.networKs a:hover i { font-size: 2.6em;filter: grayscale(0%); }
.networKs a:hover span { filter: grayscale(0%); }
.networKs a:active span { font-weight: 600;text-shadow:0 0 0.5rem #229ed9; }
.networKs a:active i { text-shadow:0 0 0.5rem #229ed9 }















.winDow_OVERLAY 
{ 
  position:fixed;
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
  background:transparent;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index: 1701;
  height: 100%;
  width: 100%; 
  padding: 3% 5% 1% 5%;
}

.winDow_OVERLAY.expanded { padding: 3.5% 0.3rem 0.5% 0.3rem; }
.winDow_OVERLAY.growed { padding: 1rem; }
.winDow_OVERLAY.growed { padding: 1rem; }

.winDow_OVERLAY::after
{
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba( 0,0,0,0.3);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  pointer-events: none;
  z-index: -100;
}

.winDow_OVERLAY.icons { padding: 0.1rem; }
.winDow_OVERLAY.light::after { background:rgba( 255,255,255,0.7); }

.winDow_OVERLAY .winDow_TITLEBAR
{ 
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  width: 100%;
  padding: 0.2rem 1rem 0.2rem 1rem;
  background:rgba( 255,255,255,0.98);
  border-bottom: 0.045rem solid rgba( 0,0,0,0.1); 
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  margin-bottom: 0.05rem;
}

.winDow_OVERLAY .winDow_TITLEBAR.header
{

  justify-content: center;
  padding: 1rem;
  background:transparent;
  border-bottom: none; 
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-bottom: 0.05rem;
}
.winDow_OVERLAY .winDow_CONTAINER
{ 
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  
  overflow: hidden;
  border-bottom: 0.045rem solid rgba( 0,0,0,0.1); 
  width: 100% !important;
  height: 100% !important;
  background:#4d4d4d;
}



.winDow_OVERLAY .winDow_CONTAINER.scrollable { overflow-x: hidden;overflow-y: auto;}
.winDow_OVERLAY .winDow_CONTAINER.transparent { background:transparent;}






.winDow_OVERLAY .winDow_CONTAINER .iCon_ITEMS 
{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center; 
  align-content: flex-start;  
  width: 100%;
  background:transparent;
}
.winDow_OVERLAY .winDow_CONTAINER .iCon_ITEMS .iCon_ITEM 
{ 
  position: relative;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;   
  font-size: 1rem;
  margin: 1rem;
  padding: 1rem;
  flex: 1 0 calc(20% - 2rem);
  height: 10rem;
  max-width: calc(20% - 2rem);
  cursor: pointer;
  color:#4d4d4d;
}

.winDow_OVERLAY .winDow_CONTAINER .iCon_ITEMS .iCon_ITEM * { pointer-events: none; }
.winDow_OVERLAY .winDow_CONTAINER .iCon_ITEMS .iCon_ITEM span:first-child { display: block;font-size: 6em; }
.winDow_OVERLAY .winDow_CONTAINER .iCon_ITEMS .iCon_ITEM span:last-child { display: block;width: 100%;text-align: center; }
.winDow_OVERLAY .winDow_CONTAINER .iCon_ITEMS .iCon_ITEM:hover { color:#000000; }
.winDow_OVERLAY .winDow_CONTAINER .iCon_ITEMS .iCon_ITEM:hover span:first-child { text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9); }
.winDow_OVERLAY .winDow_CONTAINER .iCon_ITEMS .iCon_ITEM:hover span:last-child { font-weight: 900; }

.winDow_OVERLAY .winDow_CONTAINER .fiLe_IFRAME { width:100% ;height:100%; }
.winDow_OVERLAY .winDow_CONTAINER .fiLe_IMG { object-fit: contain;display: block;max-width: calc(100% - 2rem);max-height: calc(100% - 2rem);padding: 0.5rem;margin: 1rem;border: 0.1rem solid #000000; }



.winDow_OVERLAY .winDow_CONTAINER .fiLe_ZOOM { 
  
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;   
  overflow: hidden;
  width: 100%;
  height: 100%;
  cursor: pointer;
}


.winDow_OVERLAY .winDow_CONTAINER .fiLe_ZOOM .fiLe_IMG 
{ 
  pointer-events:  none;
}

.winDow_OVERLAY .winDow_CONTAINER .fiLe_ZOOM .fiLe_MAGNIFIER
{

  position: absolute;
  border: 1px solid #cccccc;
  max-width: 100%;
  pointer-events: none;
  background-repeat:no-repeat;
}

.winDow_OVERLAY .winDow_CONTAINER.preview { background:transparent;pointer-events: none; }
.winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYER 
{ 

  overflow: hidden;
  padding: 0.1rem;;
  height: 70%;
  flex-grow: 4;
  min-width: 55rem; 
  border: 0.4rem solid #000000; 
  border-radius: 0.4rem;
  pointer-events: auto !important;
  
}

.winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYLIST
{ 

  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background:transparent;
  overflow: auto !important;
  max-height: 100% !important;
  flex-grow: 1;
  width: 40rem;
  min-width: 40rem;

}
.winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYLIST .plaYlist_ITEMS { display:flex;flex-direction: column;width: 100%; height: 100%; }
.winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYLIST .plaYlist_ITEM
{

  display:flex;
  flex-direction: row;
  flex-wrap: wrap;

  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
  background:#ffffff; 
  border: 0.2rem solid #000000; 
  border-radius: 1rem;
  height: auto;
  width: 96%;
  margin: 0.5rem;
  padding: 1rem;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYLIST .plaYlist_ITEM * { pointer-events: none; }
.winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYLIST .plaYlist_ITEM.hidden { display: none; }
.winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYLIST .plaYlist_ITEM div 
{ 
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 2; 
  height: auto;
  cursor: default;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 15rem;
  padding: 1rem;
 
}
.winDow_OVERLAY .winDow_CONTAINER.preview .youtuBe_PLAYLIST .plaYlist_ITEM div { max-height: 100%; }

.winDow_OVERLAY .winDow_BORDER
{
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  overflow: hidden;
  width: 100% !important;
  height: 100% !important;
  border: 0.3rem solid #4d4d4d;border-radius: 1rem;padding: 0.5rem 0 0.5rem 0;
  background:#ffffff;

}
.winDow_OVERLAY.growed .winDow_BORDER { border-radius: 0;padding: 0;}


.winDow_OVERLAY .winDow_HEADER
{
  background:#ffffff;
  padding: 1rem 3rem 1rem 3rem !important;
  width: 100%;
}
.winDow_OVERLAY .winDow_PANEL
{
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background:#ffffff;
  overflow: hidden;
  width: 100% !important;
  margin: 0;
  padding: 0;
}
.winDow_OVERLAY .winDow_PANEL .winDow_CONTAINER.preview { pointer-events: auto; }
.winDow_OVERLAY .winDow_PANEL.explorer 
{
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  background:#4d4d4d;
  padding-top: 0.3rem;
  margin-top: 0.3rem;

}

.winDow_OVERLAY .winDow_PANEL.head { justify-content: center;align-items: center;padding: 0 0 0 0.5rem;min-height: 5rem;max-height: 5rem;background:#4d4d4d;color:#ffffff; }
.winDow_OVERLAY .winDow_PANEL.head .guRu_COLUMN.student { height: 100%;justify-content: center;align-items: center;}
.winDow_OVERLAY .winDow_PANEL.head .guRu_COLUMN.average { height: 100%;justify-content: center;align-items: center; }
.winDow_OVERLAY .winDow_PANEL.head .guRu_ROW { height: 100%;flex-wrap: nowrap;align-items: center; }

.winDow_OVERLAY .winDow_PANEL .guRu_COLUMN.student { min-width: 25rem;max-width: 25rem; }
.winDow_OVERLAY .winDow_PANEL .guRu_COLUMN.student span { white-space: nowrap !important; overflow: hidden !important;text-overflow: ellipsis !important; }
.winDow_OVERLAY .winDow_PANEL .guRu_COLUMN.average { min-width: 10rem;max-width: 10rem;justify-content: center;align-items: center;margin: 0; }

.winDow_OVERLAY .winDow_PANEL .winDow_NOTES { position: relative;border-left: 0.2rem solid #ffffff; min-width: 8rem;max-width: 8rem;min-height: 5rem;max-height: 5rem; }
.winDow_OVERLAY .winDow_PANEL .winDow_NOTES.obs { max-width: calc(100% - 8rem);width: auto; }

.winDow_OVERLAY .winDow_PANEL .winDow_NOTES:last-child { border-right: 0.2rem solid #ffffff;  }
.winDow_OVERLAY .winDow_PANEL .winDow_NOTES .guRu_COLUMN { min-height: 5rem;max-height: 5rem; }
.winDow_OVERLAY .winDow_PANEL.head .winDow_NOTES .noTes_HEAD { position: absolute;bottom: 0.1rem;left: 0.1rem; }


.winDow_OVERLAY .winDow_PANEL .winDow_NOTES.extend { min-width: 16rem;max-width: 16rem; }


.winDow_OVERLAY .winDow_PANEL .winDow_EDITABLE { min-width: 10rem;max-width: 10rem;}
.winDow_OVERLAY .winDow_PANEL .winDow_EDITABLE span[contenteditable] {
  position: absolute;top: 50%;left: 50%;transform: translate( -50%, -50% );
  display: block;
  overflow: hidden;
  resize: none;
  background:transparent;
  border: 0.15rem dotted rgba( 0,0,0,0.15);
  font-size: 1.6rem;
  width: calc(100% - 1rem);
  height: 3.5rem;
  line-height: 2.5rem;
  padding: 0.5rem;

}
.winDow_OVERLAY .winDow_PANEL .winDow_EDITABLE span[contenteditable]:focus 
{ 
  outline: 0 solid transparent;
  border: 0.1rem dashed #737373; 
}


.winDow_OVERLAY .winDow_PANEL .winDow_EDITABLE span.winDow_ERROR[contenteditable]
{
  background:rgba( 169,28,25,0.3);
}

.winDow_OVERLAY a { pointer-events: auto !important;margin: 0 0.5rem 0 0.5rem !important; }
.winDow_OVERLAY a * { pointer-events: none !important; }
.winDow_OVERLAY a i { font-size: 2rem !important; }
.winDow_OVERLAY a:hover { text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9) !important; }
.winDow_OVERLAY a:active i { text-shadow:0 0 0.4rem rgba( 255,255,255,0.7),0 0 0.5rem rgba( 0,0,0,0.7),0 0 0.6rem rgba( 255,255,255,0.9) !important; }

.winDow_OVERLAY .winDow_PANEL.body { width: 100% !important;flex-direction: row;padding: 0;margin: 0 0.5rem; }
.winDow_OVERLAY .winDow_SCROLL-y { width: 100%;display: block !important; overflow-y: auto; overflow-x: hidden;margin: 0;padding: 0;  }
.winDow_OVERLAY .winDow_PANEL .winDow_GRADES { width: 100%;display: inline-table; }




.winDow_OVERLAY .winDow_SCROLL-x { min-width: calc(100% - 35rem);max-width: calc(100% - 35rem);overflow-x: scroll;overflow-y: hidden;white-space: nowrap; }
.winDow_OVERLAY .winDow_SCROLL-x.hidden { min-width: calc(100% - 35rem);max-width: calc(100% - 35rem);overflow-x: hidden;overflow-y: hidden;white-space: nowrap; }

.winDow_OVERLAY .winDow_SCROLL-x.extend { min-width: calc(100% - 25rem);max-width: calc(100% - 25rem);overflow-x: scroll;overflow-y: hidden;white-space: nowrap; }
.winDow_OVERLAY .winDow_SCROLL-x.extend.hidden { min-width: calc(100% - 25rem);max-width: calc(100% - 25rem);overflow-x: hidden;overflow-y: hidden;white-space: nowrap; }

.winDow_OVERLAY .winDow_SCROLL-y::-webkit-scrollbar { height: 0.2rem !important;width: 0.4rem !important; } 
.winDow_OVERLAY .winDow_SCROLL-y::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0.1rem rgba( 0,0,0,0.3) !important;background:rgba( 255,255,255,0.1) !important; } 
.winDow_OVERLAY .winDow_SCROLL-y::-webkit-scrollbar-thumb { background-color:#4d4d4d !important; }

.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item { flex-wrap: nowrap;align-items: center; min-height: 5rem;max-height: 5rem; }
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item:nth-child(even) { background:transparent; }
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item:nth-child(odd) { background:rgba( 0,0,0,0.045); }

.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item .guRu_COLUMN.option
{
  min-height: 5rem;
  max-height: 5rem;
  cursor: pointer;
}
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item .guRu_COLUMN.option span 
{
  height: 2.5rem;
  width: 2.5rem;
  background:#f2f2f2;
  border: 0.05rem solid #4d4d4d;
  border-radius: 50%;
  display: inline-block;
}
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item .guRu_COLUMN.option.small span 
{
  height: 2rem;
  width: 2rem;
}
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item .guRu_COLUMN.option.guRu_REQUIRED span { background:rgba( 169,28,25,0.1);border: 0.05rem solid #a91c19; }
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item .guRu_COLUMN.option.guRu_SUGGESTED span { background:rgba( 95,34,170,0.1);border: 0.05rem solid #5f22aa; }
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item .guRu_COLUMN.option:hover span { background:#f2f2f2;border: 0.2rem solid #4d4d4d; }
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item .guRu_COLUMN.option.guRu_REQUIRED:hover span { background:rgba( 169,28,25,0.2);border: 0.2rem solid #a91c19; }
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item .guRu_COLUMN.option.guRu_SUGGESTED:hover span { background:rgba( 95,34,170,0.2);border: 0.2rem solid #5f22aa; }
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item .guRu_COLUMN.option.selected span{ background:#4d4d4d;border: 0.2rem solid #cccccc; }
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item .guRu_COLUMN.option.selected.guRu_REQUIRED span { background:rgba( 169,28,25,0.8);border: 0.2rem solid #a91c19; }
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item .guRu_COLUMN.option.selected.guRu_SUGGESTED span { background:rgba( 95,34,170,0.8);border: 0.2rem solid #5f22aa; }
.winDow_OVERLAY .winDow_PANEL .guRu_ROW.item .guRu_COLUMN.option * { pointer-events: none; }

.winDow_OVERLAY .winDow_PANEL .winDow_NOTES.disabled .guRu_COLUMN.option
{
  pointer-events: none !important;
}
.winDow_OVERLAY .winDow_PANEL .winDow_NOTES.disabled .guRu_COLUMN.option span
{
  background: rgba( 0,0,0,0.1) !important;
  border: 0.05rem solid rgba( 0,0,0,0.5) !important; 
}
.winDow_OVERLAY .winDow_PANEL .winDow_NOTES.disabled .guRu_COLUMN.option.selected span
{
  background: rgba( 0,0,0,0.5) !important;
  border: 0.05rem solid #000000 !important; 
}


/**************** guRu_MAPS ********************/
.guRu_MAPS.mapS_FLOATING { position: absolute;top: 5%;left: 50%;transform: translate(-50%, 0%);height: 90%;max-height: 90%;width: 90%;padding: 0.5rem;border-radius: 1rem; }
.guRu_MAPS.mapS_FLOATING .maPs_MAP { border-radius: 1rem; }
.guRu_MAPS { display: flex;flex-direction: column;justify-content: flex-start;align-items:flex-start;background: #ffffff;width: 100%;padding: 0.3rem;border-radius: 0;height: 35rem; }
.guRu_MAPS .maPs_MAP { width: 100%;height: 100%;box-shadow: 0 0 0.4rem 0.045rem #268a8c; }
.guRu_MAPS .mAp_TOOLBOX { display: flex;flex-direction: row;justify-content: flex-start;align-items:center;width: 100%;padding: 0 0.5rem 0.5rem 0.5rem; }
.guRu_MAPS .mAp_TOOLBOX  .mAp_LABEL { flex-grow: 2;font-weight: 100;text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9);text-align: right; }
.guRu_MAPS img { background: transparent !important; }
.guRu_MAPS .mAp_TOOLBOX button { margin: 0.2rem;  }
.guRu_MAPS .mAp_TOOLBOX  .mAp_LABEL { margin: 0.2rem;font-size: 1.6rem; }


/**************** guRu_MAPS ********************/





.prinTer_RECEIPT 
{ 
  position: relative;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  background:#ffffff;
  
  width: 79mm !important;
  max-width: 100% !important;
  padding: 0mm;
  margin: 1rem;

  border: 0.1rem solid #4d4d4d;
  box-shadow: 0 0 0.5rem rgba( 0,0,0,0.7);
  border-radius: 0;

 
} 
.prinTer_RECEIPT .teXt_H1 { font-size: 2.49em !important;font-weight: 200 !important; }
.prinTer_RECEIPT .teXt_H2 { font-size: 2.18em !important;font-weight: 200 !important; }
.prinTer_RECEIPT .teXt_H3 { font-size: 1.87em !important;font-weight: 200 !important; }
.prinTer_RECEIPT .teXt_H4 { font-size: 1.8em !important;font-weight: 200 !important; }
.prinTer_RECEIPT .teXt_H5 { font-size: 1.24em !important;font-weight: 200 !important; }
.prinTer_RECEIPT .teXt_H6 { font-size: 0.93em !important;font-weight: 200 !important; }
.prinTer_RECEIPT .teXt_H7 { font-size: 0.72em !important;font-weight: 200 !important; }
.prinTer_RECEIPT .teXt_39 {font-family: "Bar Code 39";font-size: 0.89em !important;margin: 0.2rem 0 0.2rem 0; }

.prinTer_RECEIPT .teXt_H1 label { font-size: 1.2em !important; }
.prinTer_RECEIPT .teXt_H2 label { font-size: 1.2em !important; }
.prinTer_RECEIPT .teXt_H3 label { font-size: 1.2em !important; }
.prinTer_RECEIPT .teXt_H4 label { font-size: 1.2em !important; }
.prinTer_RECEIPT .teXt_H5 label { font-size: 1.2em !important; }
.prinTer_RECEIPT .teXt_H6 label { font-size: 1.2em !important; }
.prinTer_RECEIPT .teXt_H7 label { font-size: 1.2em !important; }
.prinTer_RECEIPT .teXt_H1 small { font-size: 0.8em !important; }
.prinTer_RECEIPT .teXt_H2 small { font-size: 0.8em !important; }
.prinTer_RECEIPT .teXt_H3 small { font-size: 0.8em !important; }
.prinTer_RECEIPT .teXt_H4 small { font-size: 0.8em !important; }
.prinTer_RECEIPT .teXt_H5 small { font-size: 0.8em !important; }
.prinTer_RECEIPT .teXt_H6 small { font-size: 0.8em !important; }
.prinTer_RECEIPT .teXt_H7 small { font-size: 0.8em !important; }


.prinTer_RECEIPT .teXt_300 { font-weight: 300 !important; }
.prinTer_RECEIPT .teXt_400 { font-weight: 400 !important; }
.prinTer_RECEIPT .teXt_600 { font-weight: 600 !important; }
.prinTer_RECEIPT .teXt_700 { font-weight: 700 !important; }
.prinTer_RECEIPT .teXt_800 { font-weight: 800 !important; }
.prinTer_RECEIPT .teXt_900 { font-weight: 900 !important; }

.prinTer_A4 
{ 

  display: flex;
  flex-direction: column;
  background:#ffffff;
  
  padding: 3.7rem;
  margin: 1rem;

  border: 0.1rem solid #4d4d4d;
  box-shadow: 0 0 0.5rem rgba( 0,0,0,0.7);
  border-radius: 0.5rem;
  max-width: 100% !important;

 
} 

.guRu_PRINTER .teXt_H1 { font-size: 2.49em !important;font-weight: 200 !important; }
.guRu_PRINTER .teXt_H2 { font-size: 2.18em !important;font-weight: 200 !important; }
.guRu_PRINTER .teXt_H3 { font-size: 1.87em !important;font-weight: 200 !important; }
.guRu_PRINTER .teXt_H4 { font-size: 1.8em !important;font-weight: 200 !important; }
.guRu_PRINTER .teXt_H5 { font-size: 1.24em !important;font-weight: 200 !important; }
.guRu_PRINTER .teXt_H6 { font-size: 0.93em !important;font-weight: 200 !important; }
.guRu_PRINTER .teXt_H7 { font-size: 0.72em !important;font-weight: 200 !important; }


.guRu_PRINTER .teXt_H1 label { font-size: 1.2em !important; }
.guRu_PRINTER .teXt_H2 label { font-size: 1.2em !important; }
.guRu_PRINTER .teXt_H3 label { font-size: 1.2em !important; }
.guRu_PRINTER .teXt_H4 label { font-size: 1.2em !important; }
.guRu_PRINTER .teXt_H5 label { font-size: 1.2em !important; }
.guRu_PRINTER .teXt_H6 label { font-size: 1.2em !important; }
.guRu_PRINTER .teXt_H7 label { font-size: 1.2em !important; }
.guRu_PRINTER .teXt_H1 small { font-size: 0.8em !important; }
.guRu_PRINTER .teXt_H2 small { font-size: 0.8em !important; }
.guRu_PRINTER .teXt_H3 small { font-size: 0.8em !important; }
.guRu_PRINTER .teXt_H4 small { font-size: 0.8em !important; }
.guRu_PRINTER .teXt_H5 small { font-size: 0.8em !important; }
.guRu_PRINTER .teXt_H6 small { font-size: 0.8em !important; }
.guRu_PRINTER .teXt_H7 small { font-size: 0.8em !important; }
.guRu_PRINTER .teXt_300 { font-weight: 300 !important; }
.guRu_PRINTER .teXt_400 { font-weight: 400 !important; }
.guRu_PRINTER .teXt_600 { font-weight: 600 !important; }
.guRu_PRINTER .teXt_700 { font-weight: 700 !important; }
.guRu_PRINTER .teXt_800 { font-weight: 800 !important; }
.guRu_PRINTER .teXt_900 { font-weight: 900 !important; }

.edocumeNt_DEEP { background:#378b8e !important; }
.edocumeNt_LIGHT { background:#daeaea !important; }
.edocumeNt_NEXT:before
{
  content: "CONTINUA SIGUIENTE PÁGINA";
  font-weight: 400;

  text-align: center;
  font-size: 1rem;
  letter-spacing: 0.4rem;
  word-spacing: 0.1rem;
  color:#378b8e;
  text-shadow: #daeaea 0px 0.2rem 0.6rem;

  
}
.edocumeNt_LOG,.edocumeNt_PAYMENT
{ 

  display: flex;
  flex-direction: column;
  background:#ffffff;
  
  padding: 3.7rem;
  margin: 1rem 1rem 0 1rem;

  border: 0.1rem solid #cccccc;
  box-shadow: 0 0 0.1rem rgba( 0,0,0,0.7);
  border-radius: 0.5rem;
  max-width: 100% !important;
} 

.heLp_PLAYER
{ 
  float: left;
  position: absolute;

  display: flex;
  flex-direction: column;
  bottom: 10rem;
  right: 1rem;
  overflow: hidden;
  padding: 0.3rem;
  height: 70%;
  flex-grow: 4;

  border: 0.1rem solid #cccccc; 
  z-index: 2302;
  border-radius: 1rem;
  cursor: move;
  
}


.heLp_PLAYER .plaYer_TOOLBOX
{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  background:transparent;
  z-index: 2305;
  width: 100%; 

  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  min-height: 3rem;
  padding: 0.5rem 0 0.5rem 0.3rem;
}

.heLp_PLAYER .plaYer_TOOLBOX a { pointer-events: auto;margin: 0 0.5rem 0 0.5rem !important;cursor: pointer; }
.heLp_PLAYER .plaYer_TOOLBOX a * { pointer-events: none !important; }
.heLp_PLAYER .plaYer_TOOLBOX a i { font-size: 2.3rem !important; }
.heLp_PLAYER .plaYer_TOOLBOX a.heLp_CLOSE i { font-size: 3.5rem !important;margin-left: 0.2rem !important;color:#a91c19; }
.heLp_PLAYER .plaYer_TOOLBOX a:hover { text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9) !important; }
.heLp_PLAYER .plaYer_TOOLBOX a:active i { text-shadow:0 0 0.4rem rgba( 255,255,255,0.7),0 0 0.5rem rgba( 0,0,0,0.7),0 0 0.6rem rgba( 255,255,255,0.9) !important; }


.heLp_PLAYER .plaYer_YOUTUBE
{
  pointer-events: auto !important;
  height: 100%;
  width: 100%; 
  padding: 0.1rem;
  z-index: 2305;

  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  cursor: default;

}



.heLp_PLAYLIST 
{ 
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.5rem;
  z-index: 2303;
}
.heLp_PLAYLIST .heLp_ITEM
{

  display:flex;
  flex-direction: column;
  

  justify-content: center;
  align-items: center;
  overflow: hidden;
  background:#ffffff; 
  border: 0.1rem solid #4d4d4d; 
  border-radius: 0.4rem;
  height: auto;
  max-width: 15rem;
  margin: 0.1rem;
  padding: 0.5rem;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.heLp_PLAYLIST .heLp_ITEM.selected { background:#cccccc;pointer-events: none !important; }
.heLp_PLAYLIST .heLp_ITEM.selected span { font-weight: 200 !important;text-shadow: none !important; }
.heLp_PLAYLIST .heLp_ITEM:hover img { width: 3.7rem; }
.heLp_PLAYLIST .heLp_ITEM:hover span { font-weight: 900 !important;text-shadow: none !important; }


.heLp_PLAYLIST .heLp_ITEM.hidden { display: none; }
.heLp_PLAYLIST .heLp_ITEM img { width: 3.5rem; }
.heLp_PLAYER::after,.heLp_PLAYLIST::after
{
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba( 0,0,0,0.1);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  pointer-events: none;
  z-index: -1;
}

/**************** colors guRu_ERRORs warnings ********************/
.guRu_MAPS,.guRu_VIEWER,.guRu_LABELED ._SELECT_,.guRu_LABELED ._SEARCH_,.guRu_LABELED textarea,.guRu_LABELED input { border: 0.1rem solid rgba( 0,0,0,0.095); }
.guRu_MAPS.guRu_REQUIRED,.guRu_VIEWER.guRu_REQUIRED,.guRu_LABELED.guRu_REQUIRED ._SELECT_,.guRu_LABELED.guRu_REQUIRED ._SEARCH_,.guRu_LABELED.guRu_REQUIRED textarea,.guRu_LABELED.guRu_REQUIRED input:not(._SEARCH_ input):not(._SELECT_ input) { border: 0.045rem solid #a91c19;box-shadow: inset 0 0 0.2rem #a91c19;font-weight: 400; }
.guRu_LABELED.guRu_REQUIRED ._SELECT_ input,.guRu_LABELED.guRu_REQUIRED ._SEARCH_ input { font-weight: 400; }
.guRu_MAPS.guRu_SUGGESTED,.guRu_VIEWER.guRu_SUGGESTED,.guRu_LABELED.guRu_SUGGESTED ._SELECT_,.guRu_LABELED.guRu_SUGGESTED ._SEARCH_,.guRu_LABELED.guRu_SUGGESTED textarea,.guRu_LABELED.guRu_SUGGESTED input:not(._SEARCH_ input):not(._SELECT_ input) { border: 0.045rem solid #5f22aa;box-shadow: inset 0 0 0.2rem #5f22aa;font-weight: 300; }
.guRu_LABELED.guRu_SUGGESTED ._SELECT_ input,.guRu_LABELED.guRu_SUGGESTED ._SEARCH_ input { font-weight: 300; }
.guRu_LABELED.guRu_HIDDEN { display: none;  }
.guRu_LABELED.guRu_ERROR ._SELECT_ input,.guRu_LABELED.guRu_WARNING ._SELECT_ input,.guRu_LABELED.guRu_ERROR ._SEARCH_ input,.guRu_LABELED.guRu_WARNING ._SEARCH_ input { font-weight: 800; }
.guRu_LABELED.guRu_ERROR,.guRu_LABELED.guRu_WARNING { padding-right: 2.5rem; }
.guRu_LABELED.guRu_ERROR:after { font-family:"Fa Font Duotone";content: '\f071';position: absolute;top: 50%;right: 0.4rem;transform: translate(0%,-50%);color: #a91c19;font-size: 1.4rem; }
.guRu_LABELED.guRu_WARNING:after { font-family:"Fa Font Duotone";content: '\f071';position: absolute;top: 50%;right: 0.4rem;transform: translate(0%,-50%);color: #5f22aa;font-size: 1.4rem; }


.guRu_LABELED.guRu_ERROR  .findeR_ELEMENT,
.guRu_MAPS.guRu_ERROR, 
.guRu_VIEWER.guRu_ERROR, 
.guRu_LABELED.guRu_ERROR  ._SELECT_,
.guRu_LABELED.guRu_ERROR  ._SEARCH_,
.guRu_LABELED.guRu_ERROR textarea, 
.guRu_LABELED.guRu_ERROR  input:not(._SEARCH_ input):not(._SELECT_ input),
div.guRu_ERROR[contenteditable], 
input.guRu_ERROR,
.guRu_ERROR .guRu_EDITOR .editoR_EDITABLE { 
  
  box-shadow: inset 0 0 0.3rem #a91c19;
  border: 0.1rem solid #a91c19;
  background: rgba( 169,28,25,0.3);
  font-weight: 800; 

}

.guRu_LABELED.guRu_WARNING  .findeR_ELEMENT,
.guRu_MAPS.guRu_WARNING,
.guRu_VIEWER.guRu_WARNING,
.guRu_LABELED.guRu_WARNING ._SELECT_,
.guRu_LABELED.guRu_WARNING ._SEARCH_,
.guRu_LABELED.guRu_WARNING textarea,
.guRu_LABELED.guRu_WARNING input:not(._SEARCH_ input):not(._SELECT_ input),
div.guRu_WARNING[contenteditable], 
input.guRu_WARNING,
.guRu_WARNING .guRu_EDITOR .editoR_EDITABLE { 
  
  box-shadow: inset 0 0 0.3rem #5f22aa;
  border: 0.1rem solid #5f22aa;
  background: rgba( 95,34,170,0.3);
  font-weight: 800; 

}




/**************** colors guRu_ERRORs warnings ********************/



@media screen and (max-width: 567px) 
{
  html { font-size: 6.67px; }
  .guRu_OVERLAY .overlaY_DETACHED { max-width: 100% !important; }
  .guRu_OVERLAY iframe { width:100%; }

  .guRu_WIDGET.guRu_LOGIN { width: 95%; }
  .guRu_DASHBOARD .heaDer_IMG img { width: 100%; }
  .networKs
  {
    bottom: 0.1rem;
    left: 50%;
    transform: translate(-50%, 0%);
    flex-direction: row;
  }
  .winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYER { margin: 0; }
  .winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYLIST { max-width: 90%; }
  .edocumeNt_LOG,.edocumeNt_PAYMENT ,.prinTer_A4,.dashboarD_WIDGETS.document { width: calc(100% - 2rem) !important; }
  .hiddeN_SM { display: none !important; }

  .heLp_PLAYER { width: calc(100% - 2rem);height: 35%; }
}
@media screen and (min-width: 568px) and (max-width: 991px) 
{
  html { font-size: 7.78px; }
  .guRu_OVERLAY .overlaY_DETACHED { max-width: 95% !important; }
  .guRu_OVERLAY iframe { width:96%; }

  .guRu_WIDGET.guRu_LOGIN { width: 80rem; }
  .guRu_DASHBOARD .heaDer_IMG img { width: 100%;max-width: 60rem; }
  .networKs
  {
    top: 0.1rem;
    left: 50%;
    transform: translate(-50%, 0%);
    flex-direction: row;
  }
  .winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYER { margin: 1% 2% 1% 2%; }
  .winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYER.preview { margin: 0 1rem 0 1rem; }
  .winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYLIST { max-width: 40rem; }
  .edocumeNt_LOG,.edocumeNt_PAYMENT ,.prinTer_A4,.dashboarD_WIDGETS.document { width: 79.37rem !important; }
  .hiddeN_MD { display: none !important; }

  .heLp_PLAYER {  width: 65.8rem !important;height: 37rem !important;  }
  .heLp_PLAYER.square {  width: 65.8rem !important;height: 65.8rem !important;  }
  .heLp_PLAYER.compress {  width: 37rem !important;height: 37rem !important;  }
}

@media screen and (min-width: 992px) 
{
  html { font-size: 10px; }
  .guRu_OVERLAY .overlaY_DETACHED { max-width: 90% !important; }
  .guRu_OVERLAY iframe { width:90%; }


  .guRu_WIDGET.guRu_LOGIN { width: 70rem; }
  .guRu_DASHBOARD .heaDer_IMG img { width: 100%;max-width: 60rem; }
  .networKs
  {
    top: 50%;
    left: 0.1rem;
    transform: translate(0%, -50%);
    flex-direction: column;
  }
  .winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYER { margin: 1% 2% 1% 2%; }
  .winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYER.preview { margin: 0 1rem 0 1rem; }
  .winDow_OVERLAY .winDow_CONTAINER .youtuBe_PLAYLIST { max-width: 50rem; }
  .edocumeNt_LOG,.edocumeNt_PAYMENT,.prinTer_A4,.dashboarD_WIDGETS.document { width: 79.37rem !important; }

  .hiddeN_XL { display: none !important; }

  .heLp_PLAYER {  width: 65.8rem !important;height: 37rem !important;  }
  .heLp_PLAYER.square {  width: 65.8rem !important;height: 65.8rem !important;  }
  .heLp_PLAYER.compress {  width: 37rem !important;height: 37rem !important;  }
}




.gooGle-pulse {
  -webkit-animation: sPin 1s infinite steps(8),gooGle 10s infinite;
          animation: sPin 1s infinite steps(8),gooGle 10s infinite; }

.gooGle { animation: gooGle 20s infinite; }
.gooGle_background { animation: gooGle_background 10s infinite; }



.moodLe-pulse {
  -webkit-animation: sPin 1s infinite steps(8),moodLe 10s infinite;
          animation: sPin 1s infinite steps(8),moodLe 10s infinite; }

.moodLe { animation: moodLe 20s infinite; }
.moodLe_background { animation: moodLe_background 10s infinite; }

.guRu { animation: guRu 20s infinite; }
.guRu-pulse {
  -webkit-animation: sPin 1s infinite steps(8),guRu 10s infinite;
          animation: sPin 1s infinite steps(8),guRu 10s infinite; }
.guRu_background { animation: guRu_background 10s infinite; }


.bTn_gooGle 
{

  position: relative;
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid rgba( 0,0,0,0.095);
  cursor: pointer;
  padding: 0 20px 0 20px;
  background: rgba( 15, 157, 88, 0.5);
  border-radius: 20px;
  height: 41px;
  
  
}
.bTn_gooGle div {
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; 
  height: 100%;
}
.bTn_gooGle img { width: 16px;margin: 0 2px 0 4px;  }
.bTn_gooGle span { font-family: "Nunito Sans";text-align: center;font-weight: 600;font-size: 18px;color: #fff; /* animation: gooGle 10s infinite; */ }
.bTn_gooGle:hover { box-shadow:0 0 1px rgba( 0,0,0,0.7); }
.bTn_gooGle:hover span { font-weight: 300; }
.bTn_gooGle:focus, .bTn_gooGle.focus { box-shadow: 0 0 0 6px #cccccc; }
.bTn_gooGle:active { background-color:#f2f2f2;box-shadow:0 0 1px rgba( 0,0,0,0.7),0 0 0.20px rgba( 255,255,255,0.7),0 0 3px rgba( 0,0,0,0.9); }

.lOgin button,
.lOgin .e_TELEGRAM {

  margin: 0.5rem;

}

.guRu_STACK 
{
position: relative; 
  cursor: pointer;
}
.guRu_STACK * { pointer-events: none; }

.guRu_STACK.sync:hover img {
  opacity: 0.5;
}

.guRu_STACK.sync i {
  display: none;
  
}

.guRu_STACK.sync:hover i {
  display: initial;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate( -50%, -50% );
  font-size: 3rem;
  -webkit-animation: sPin 1s infinite steps(8),gooGle 10s infinite;
          animation: sPin 1s infinite steps(8),gooGle 10s infinite;
}



.guRu_STACK.unapproved
{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
  cursor: initial;
}
.guRu_STACK.unapproved i {
  font-size: 2.5rem;
  animation: guRu 20s infinite;
  margin-bottom: 0.5rem;
}


.guRu_STACK.expired 
{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
}


.guRu_STACK.expired i {


  font-size: 3.5rem;
  animation: guRu 20s infinite;
  margin-bottom: 0.5rem;
  opacity: 0.6;
}


.guRu_STACK.expired:hover i {
  opacity: 1;
  animation: none;
  text-shadow:0 0 0.1rem rgba( 0,0,0,0.7),0 0 0.2rem rgba( 255,255,255,0.7),0 0 0.3rem rgba( 0,0,0,0.9);
}


@keyframes moodLe {
  0%   { color:#f98012;}
  25%  { color:#9cbd50;}
  50%  { color:#005a75;}
  100% { color:#686566;}
}

@keyframes moodLe_background {
  0%   { background:#f98012;}
  25%  { background:#9cbd50;}
  50%  { background:#005a75;}
  100% { background:#686566;}
}

@keyframes gooGle {
  0%   { color:#4285F4;}
  25%  { color:#DB4437;}
  50%  { color:#F4B400;}
  100% { color:#0F9D58;}
}

@keyframes gooGle_background {
  0%   { background:#4285F4;}
  25%  { background:#DB4437;}
  50%  { background:#F4B400;}
  100% { background:#0F9D58;}
}

@-webkit-keyframes sPin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
}

@keyframes sPin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } 
}

@keyframes guRu {
  0%   { color:#a91c19; }
  25%  { color:#5f22aa; }
  50%  { color:#00b3b3; }
  100% { color:#268a8c; }
}

@keyframes guRu_background {
  0%   { background:#a91c19; }
  25%  { background:#5f22aa; }
  50%  { background:#00b3b3; }
  100% { background:#268a8c; }
}


@keyframes guRu_border {
  0%   { border-color:#a91c19; }
  25%  { border-color:#5f22aa; }
  50%  { border-color:#00b3b3; }
  100% { border-color:#268a8c; }
}








/* DEPRECATED */



/**************** guRu_SUPPORT.php ********************/
.guRu_CONTAINER.guRu_SUPPORT { justify-content: flex-start;align-items: flex-start;border-top: 0.2rem solid #cccccc;border-radius: 0;padding: 0.5rem 0.5rem 0 0.5rem !important;margin-bottom: 0.5rem !important;` }
.guRu_CONTAINER.guRu_SUPPORT .guRu_VIEWER { margin-right: 1rem; }
.guRu_CONTAINER.guRu_SUPPORT .guRu_COLUMN { justify-content: center;align-items: flex-start; }
.guRu_CONTAINER.guRu_SUPPORT .guRu_ROW { justify-content: flex-start;align-items: center; }

.guRu_ROW.guRu_SUPPORT_HEADER { background: #cccccc;padding: 0.5rem; }
.guRu_ROW.guRu_SUPPORT_HEADER i { font-size: 2rem;margin: 0 0.5rem 0 0.5rem; }
.guRu_ROW.guRu_SUPPORT_HEADER .guRu_COLUMN span:nth-child(1) { font-weight: 600;text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9);font-size: 1rem; }
.guRu_ROW.guRu_SUPPORT_HEADER .guRu_COLUMN span:nth-child(2) { font-weight: 200;font-size: 0.8rem; }
.guRu_ROW.guRu_SUPPORT_HEADER .guRu_COLUMN span:nth-child(3) { font-weight: 200;font-size: 0.8rem; }

.guRu_CONTAINER.guRu_SUPPORT.guRu_NORESPONSE { border-color: #a91c19; }
.guRu_CONTAINER.guRu_SUPPORT.guRu_NORESPONSE .guRu_ROW.guRu_SUPPORT_HEADER { background: #a91c19;color: #ffffff; }
.guRu_CONTAINER.guRu_SUPPORT.guRu_TORESPONSE { border-color: #5f22aa; }
.guRu_CONTAINER.guRu_SUPPORT.guRu_TORESPONSE .guRu_ROW.guRu_SUPPORT_HEADER { background: #5f22aa;color: #ffffff; }

.guRu_ROW.guRu_ATTENDANT { flex-wrap: nowrap;width: 100%; }
.guRu_ROW.guRu_ATTENDANT .guRu_COLUMN { flex-grow: 1 !important;margin: 1rem 0 1rem 0; }
.guRu_ROW.guRu_ATTENDANT .guRu_COLUMN .guRu_ROW { align-items: center !important;justify-content: flex-start !important;height: 1.8rem; }
.guRu_ROW.guRu_ATTENDANT .guRu_COLUMN .guRu_ROW a i { font-size: 1.8rem; }


.guRu_ROW.guRu_SUPPORT_PRIORITY { flex-grow: 0 !important;width: auto !important;}
.guRu_CONTAINER.guRu_SUPPORT a { margin: 0.2rem;color:rgba( 0,0,0,0.5); }
.guRu_CONTAINER.guRu_SUPPORT a:hover i { text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9); }
.guRu_CONTAINER.guRu_SUPPORT a:active i { color:rgba( 0,0,0,0.7);text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9); }
.guRu_CONTAINER.guRu_SUPPORT a i { pointer-events: none;font-size: 3.2rem; }
.guRu_CONTAINER.guRu_SUPPORT a.guRu_ACTIVE:nth-child(1) { color: #00b3b3 !important; }
.guRu_CONTAINER.guRu_SUPPORT a.guRu_ACTIVE:nth-child(2) { color: #5f22aa !important; }
.guRu_CONTAINER.guRu_SUPPORT a.guRu_ACTIVE:nth-child(3) { color: #a91c19 !important; }


.guRu_CONTAINER.guRu_SUPPORT .guRu_MESSAGE { font-weight: 300;word-break: normal;white-space: pre-line;width: 100%;font-size: 1.2rem; }
.guRu_CONTAINER.guRu_SUPPORT .suppoRt_FILE { object-fit: contain;display: block;padding: 0.1rem;border: 0.1rem solid rgba( 0,0,0,0.15);cursor: pointer;margin: 0.4rem 0 0.4rem 0;width: 7rem;height: 7rem; }

.guRu_COLUMN.guRu_MESSAGE_REPPLY { width: 100%;padding: 0 2rem 0 2rem;margin: 1rem 0 1rem 0; }
.guRu_COLUMN.guRu_MESSAGE_REPPLY .guRu_ROW { background: rgba( 0,0,0,0.04);padding: 0.5rem;margin-bottom: 1rem; }
.guRu_COLUMN.guRu_MESSAGE_REPPLY .icon { font-size: 1rem;margin-left: 1rem; }
.guRu_COLUMN.guRu_MESSAGE_REPPLY.guRu_PRIVATE { padding: 1rem;box-shadow:0 0 0.4rem rgba( 255,255,255,0.7);border-top: 0.065rem solid #268a8c;border-bottom: 0.065rem solid #268a8c;background: rgba( 38,138,140,0.045); }
.guRu_COLUMN.guRu_MESSAGE_REPPLY.guRu_PRIVATE .guRu_ROW { background: rgba( 38,138,140,0.9);color: #ffffff; }
.guRu_COLUMN.guRu_MESSAGE_REPPLY .guRu_COLUMN span:nth-child(1) { font-size: 1rem;font-weight: 600;text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9); }
.guRu_COLUMN.guRu_MESSAGE_REPPLY .guRu_COLUMN span:nth-child(2) { font-size: 0.9rem;font-weight: 200; }
.guRu_COLUMN.guRu_MESSAGE_REPPLY .guRu_MESSAGE { font-weight: 200;word-break: normal;white-space: pre-line;width: 100%;font-size: 1.2rem; }
.guRu_CONTAINER.guRu_SUPPORT .guRu_MESSAGE * { font-size: 1.2rem; }

.guRu_COLUMN.guRu_MESSAGE_REPPLY { width: 100%; }
.guRu_COLUMN.guRu_MESSAGE_REPPLY button { margin: 0.1rem; }

.guRu_ROW.guRu_SUPPORT_ALERT { width: auto;align-self: center;background: #5f22aa;color: #ffffff;cursor: pointer;margin-bottom: 0.5rem;padding: 1rem; }
.guRu_ROW.guRu_SUPPORT_ALERT * { pointer-events: none; }
.guRu_ROW.guRu_SUPPORT_ALERT span { font-weight: 200;text-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9);font-size: 1.6rem; }
.guRu_ROW.guRu_SUPPORT_ALERT:hover { background: rgba( 95,34,170,0.8); }
.guRu_ROW.guRu_SUPPORT_ALERT:hover span { font-weight: 400; }
.guRu_ROW.guRu_SUPPORT_ALERT:active { background: rgba( 95,34,170,0.7);box-shadow:0 0 0.1rem rgba( 255,255,255,0.7),0 0 0.2rem rgba( 0,0,0,0.7),0 0 0.3rem rgba( 255,255,255,0.9); }
/**************** guRu_SUPPORT.php ********************/


@media (max-width: 567px)  { ._HIDDEN_XXS { display: none !important; }}
@media (min-width: 568px) and (max-width: 767px) { ._HIDDEN_XS  { display: none !important; }}
@media (min-width: 768px) and (max-width: 991px)  { ._HIDDEN_SM  { display: none !important; }}
@media (min-width: 992px) and (max-width: 1199px) { ._HIDDEN_MD  { display: none !important; }}
@media (min-width: 1200px) { ._HIDDEN_XL {  display: none !important; }}
/* DEPRECATED */






/*******************************  PRINRABLE ELEMENTS */

@media print 
{ 

  @media screen and ( max-width: 567px ) {
      all: initial !important;
      font-size: 10px  !important; 
  
    .guRu_PRINTER {
      all: unset !important; 
      font-family: "Nunito Sans" !important;
      line-height: 1 !important;
      font-size: 10px !important;
      position: relative !important;
    }

  } @media screen and ( min-width: 568px ) and ( max-width: 991px ) {
      all: initial !important;
      font-size: 10px  !important; 
  
    .guRu_PRINTER {
      all: unset !important; 
      font-family: "Nunito Sans" !important;
      line-height: 1 !important;
      font-size: 10px !important;
      position: relative !important;
    }

  } @media screen and ( min-width: 992px ) {
      all: initial !important;
      font-size: 10px  !important; 
  
    .guRu_PRINTER {
      all: unset !important; 
      font-family: "Nunito Sans" !important;
      line-height: 1 !important;
      font-size: 10px !important;
      position: relative !important;
    }
  }

  /*
  .teXt_H1 { font-size: 10.54mm; }
  .teXt_H2 { font-size: 9.23mm; }
  .teXt_H3 { font-size: 7.92mm; }
  .teXt_H4 { font-size: 6.77mm; }
  .teXt_H5 { font-size: 5.25mm; }
  .teXt_H6 { font-size: 3.94mm; }
  .teXt_H7 { font-size: 3.05mm; }
  */

  .teXt_DARK {  text-shadow: none !important; } 
  .teXt_LIGHT { text-shadow: none !important; } 





  .guRu_PRINTER .prinTer_A4  
  { 
    display: block !important; 
    page-break-after: always !important;
    margin: 0 !important;
    padding: 10mm !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    width: 210mm !important;
    max-height: 295mm !important;

  }

  .guRu_PRINTER .prinTer_RECEIPT 
  { 
    display: block !important; 
    page-break-after: always !important;
    margin: 0 !important;
    padding: 0mm !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;


  }
  .guRu_PRINTER .prinTer_A4 *,
  .guRu_PRINTER .prinTer_A4 *:before,
  .guRu_PRINTER .prinTer_RECEIPT *,
  .guRu_PRINTER .prinTer_RECEIPT *:before { text-shadow: none !important; }
  .guRu_PRINTER .prinTer_RECEIPT * { background:initial !important; }
  .guRu_PRINTER .prinTer_RECEIPT * { color:#000000 !important; }

  input,textarea { border-width: 0.27mm;min-height: 7.97mm;height: 7.97mm;font-size:4.25mm;padding: 0 1.59mm 0 1.06mm; }
  
  .guRu_LINE { border-bottom-width: 0.24mm; }
  .guRu_SEPARATOR { height: 2.66mm; }
  .guRu_SEPARATOR.medium { height: 0.80mm !important; }
  .guRu_SEPARATOR.min { height: 0.27mm !important; }
  .guRu_SEPARATOR.background { margin: 1.33mm 0 1.33mm 0; }


  .teXt_39 {margin: 0.53mm 0 0.53mm 0; }

  img.guRu_VIEWER { padding: 0.13mm;margin: 0 2.66mm 0 2.66mm;width: 15.95mm;height: 15.95mm; }
  .guRu_VIEWER.info { border-width: 0.53mm; }
  .guRu_VIEWER.danger { border-width: 0.53mm; }
  .guRu_VIEWER.warning { border-width: 0.53mm; }
  .guRu_VIEWER.success { border-width: 0.53mm; }
  .guRu_VIEWER.dark { border-width: 0.53mm; }
  .guRu_VIEWER.vieWer_XXXL { width: 63.80mm;height: 63.80mm; }
  .guRu_VIEWER.vieWer_XXL { width: 53.16mm;height: 53.16mm; }
  .guRu_VIEWER.vieWer_XL { width: 31.9mm;height: 31.9mm; }
  .guRu_VIEWER.vieWer_LG { width: 23.92mm;height: 23.92mm; }
  .guRu_VIEWER.vieWer_MD { width: 11.96mm;height: 11.96mm; }
  .guRu_VIEWER.vieWer_SM { width: 7.97mm;height: 7.97mm;border-width: 0.27mm !important; }
  .guRu_VIEWER.vieWer_XS { width: 6.65mm;height: 6.65mm;border-width: 0.13mm !important; }
  .guRu_VIEWER.vieWer_XXS { width: 5.32mm;height: 5.32mm;border-width: 0.08mm !important; }
  .guRu_VIEWER.guRu_ICON { width: 6.65mm;height: 6.65mm; }
  .guRu_VIEWER.guRu_ICON.normal { width: 13.29mm;height: 13.29mm; }
  span.guRu_VIEWER { padding: 0.13mm;margin: 0 2.66mm 0 2.66mm;width: 15.95mm;height: 15.95mm; }
  span.guRu_VIEWER i { font-size: 15.95mm; } 
  span.guRu_VIEWER.vieWer_XXXL i { font-size: 63.80mm; }
  span.guRu_VIEWER.vieWer_XXL i { font-size: 53.16mm; }
  span.guRu_VIEWER.vieWer_XL i { font-size: 31.9mm; }
  span.guRu_VIEWER.vieWer_LG i { font-size: 23.92mm; }
  span.guRu_VIEWER.vieWer_MD i { font-size: 11.96mm; }
  span.guRu_VIEWER.vieWer_SM i { font-size: 7.97mm; }
  span.guRu_VIEWER.vieWer_XS i { font-size: 6.65mm; }


  /*
  span.guRu_VIEWER i { font-size: 16.93mm; } 
  span.guRu_VIEWER.vieWer_XXXL i { font-size: 76.2mm; }
  span.guRu_VIEWER.vieWer_XXL i { font-size: 67.73mm; }
  span.guRu_VIEWER.vieWer_XL i { font-size: 30.1mm; }
  span.guRu_VIEWER.vieWer_LG i { font-size: 27.52mm; }
  span.guRu_VIEWER.vieWer_MD i { font-size: 12.7mm; }
  span.guRu_VIEWER.vieWer_SM i { font-size: 8.5mm; }
  span.guRu_VIEWER.vieWer_XS i { font-size: 6.35mm; }
  span.guRu_VIEWER.vieWer_XXS i { font-size: 4.23mm; }
  */


  .guRu_BTN { font-size: 5.32mm;width: 10.63mm;height: 10.63mm; }
  .guRu_BTN.bTn_LG { font-size: 6.65mm;width: 13.29mm;height: 13.29mm; }
  .guRu_BTN.bTn_XL { font-size: 7.97mm;width: 15.95mm;height: 15.95mm; }
  .guRu_BTN.bTn_SQUARE { font-size: 6.38mm;border-radius: 0; }
  .guRu_BTN.bTn_SQUARE.bTn_LG { font-size: 7.71mm; }
  .guRu_BTN.bTn_SQUARE.bTn_XL { font-size: 9.04mm; }
  .guRu_BTN:focus, .guRu_BTN.focus { outline: 0;box-shadow: none !important; }
  .bTn_HELP { border-width: 0.27mm;margin: 0.53mm;font-size: 4.52mm;width: 9.04mm;height: 9.04mm; }
  .bTn_HELP:focus, .bTn_HELP.focus { animation:none;box-shadow: none !important; }
  .bTn_CLEAR { border-width: 0.27mm;margin: 0.53mm;font-size: 3.19mm;width: 6.38mm !important;height: 6.38mm !important; }
  .bTn_CLEAR:focus, .bTn_CLEAR.focus { box-shadow: none !important; }
  .bTn_INFO:focus ,.bTn_INFO.focus { box-shadow: none !important; }
  .bTn_SUCCESS:focus ,.bTn_SUCCESS.focus { box-shadow: none !important; }
  .bTn_WARNING:focus ,.bTn_WARNING.focus { box-shadow: none !important; }
  .bTn_DANGER:focus ,.bTn_DANGER.focus { box-shadow: none !important; }
  .bTn_LIGHT:focus, .bTn_LIGHT.focus { box-shadow: none !important; }
  .bTn_DARK:focus, .bTn_DARK.focus { box-shadow: none !important; }

}


/*******************************  PRINRABLE ELEMENTS */