* {
  padding: 0;
  margin: 0;
}
body{
  background-color: #f0f2f2;
  font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  font-size:62.5%;
}
form{
  padding: 10px;
  height: 540px;
}
input, select, textarea{
  border: 1px solid #E6E9E9;
  font-weight: bold;
}
fieldset{
  border: 0;
}
#titre{
  font-weight: bold;
  font-size: 1.2em;
}
.title{
  display: block;
  background-color: #e5e9e9;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 5px;
}
#p_bouton{
  text-align: right;
  margin-top: 20px;
  padding: 10px;
}
#bouton_soumettre{
  display:block;
  margin:20px auto;
}
#bouton, #bouton_soumettre{
  padding: 5px;
  background-color:#1C4851;
  border:1px solid #89A3A8;
  color:#E5E9E9;
}
#bouton:hover, #bouton_soumettre:hover{
  background-color:#E5E9E9;
  border:1px solid #89A3A8;
  color:#1C4851;
  cursor: pointer;
}
.textbold{
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 5px;
}
#contenulogin form{
  padding: 0;
  height: auto;
}
#contenu, #contenulogin{
  background-color: #fff;
  width: 800px;
  margin: 0 auto;
  border-right: 1px solid #1c4851;
  border-left: 1px solid #1c4851;
}
#entete{
 display: block;
 position: relative;
 top: 0;
 left: 0;
 height: 93px;
 width: 100%;
 background: #fff url(forminscrs.img?ww_c=FOND_ENTETE_NEW) repeat 0 0;
}
#txt_titre1{
  color: #1c4851;
  font-size: 1.9em;
  font-weight: bold;
  position: relative;
  top: 20px;
}
#titre_entete{
color: #1c4851;
  font-size: 1.9em;
  font-weight: bold;
  position: absolute;
  top: 20px;
  left: 180px;
}
legend, #creation{
  display: block;
  font-weight:bold;
  padding:10px;
}
#formlist{
  font-weight:bold;
}
#imgstage{
  float: left;
}
#piedpage{
  color: #fff;
  background-color: #1b4851;
  font-size: 0.9em;
  text-align:center;
}
#piedpage a{
  color: #fff;
}
#piedpage a:hover{
  color: #89a3a8;
}
a         {cursor:pointer; }
a:active  {FONT-WEIGHT: bold; COLOR: #003366; TEXT-DECORATION: none;}
a:link    {FONT-WEIGHT: bold; COLOR: #003366; TEXT-DECORATION: none;}
a:visited {FONT-WEIGHT: bold; COLOR: #003366; TEXT-DECORATION: none;}
a:hover   {FONT-WEIGHT: bold; COLOR: #336699; TEXT-DECORATION: none;}

ul{
  padding: 5px;
  height: 220px;
}
li{
  margin-left: 35px;
}


#error {
  position : relative;
  background-color : transparent;
  margin : 0.5em;
  font-weight : bold;
  text-align : center;
  color : #ff0000;
}



#entete_login {
  height: 93px;
  border: 0px;
  background: #fff url(logins.img?ww_c=FOND_BANDEAU) repeat-x 0 0;
}

#logo{
  height: 79px;
  width: 172px;
  background: transparent url(forminscrs.img?ww_c=LOGO_EPFL_PORTAIL) no-repeat 0 0;
  top: 0px;
  left: 0px;
  float: left;
}


#connexion {
  
  background-color : #89a3a8;
  color : #ffffff;
  border : 1px solid #fff;
  width : 70%;

  padding-top: 1.4em;
}

#bande_sup{
  background: transparent url(forminscrs.img?ww_c=SILHOUETE_LOGIN) no-repeat 90% bottom;
 
  height: 120px;
  width: 64%;
 
  border-bottom: 1.2em solid #1c4851;
}

.champ_texte{
  border: 1px solid #e6e9e9;
  height : 1.4em;
  width : 10em;
  float: right;
  margin-right: 4em;
}

.champ_texte:focus{
  border: 1px solid #1d4851;
}

#bouton_ok{
  height: 2.2em;
}

#bouton_submit{
  border : 0;
  background : transparent url(forminscrs.img?ww_c=BOUTON_LOGIN) no-repeat right 9px;
  height : 2em;
  width : 30px;
  font-size: 1.1em;
  font-weight:bold;
  color : #ffffff;
  text-align: left;
  position: relative;
  cursor: pointer;
  float: right;
  margin-right: 6px;
}


#messages {
  position : relative;
  top : 10em;
  left : 5em;
  border : 0;
  background-color : #e6e9e9;
  padding: 2em;
  width: 50%;
}  

#messages ul { padding:0px; margin:1px; margin-left:5px; }
#messages ul li {list-style-type : none;}
#messages ul li h1 { font-weight:bold; font-size:1em; color:#990033;}
#messages ul li h2 { font-weight:bold; font-size:1em; color:#990033;}
#messages ul li p { clear:both; margin:5px; }
#messages ul li a { clear:both; }

#cadre label{
  color: #5c71a2;
  float: left;
  width: 310px;
  text-align:right;
}
.sexe{
  margin-left: 5px;
  vertical-align: top;
}
input{
  width:13em;
  margin:0 0 0 5px;
  padding:1px 2px;
  margin-bottom: 4px;
  background-color: #fff;
  border: 1px solid #5c71a2;
  color: #333;
  font-weight: bold;
}

textarea{
  background-color: #fff;
  border: 1px solid #5c71a2;
  color: #333;
  font-weight: bold;
  margin:0 0 0 5px;
  padding:1px 2px;
  margin-bottom: 4px;
}

#erreur{
	color:#ff0000;
	border:2px solid #ff0000;
	padding: 5px;
}

#cadre{
  padding: 10px;
  margin: auto;
}


.check{
  display: none;
}
#info{
  font-weight: bold;
  font-size: 1.2em;
  text-align:center;
}
.petit{
  width: 1em;
  border: 0;
  background-color: transparent;
}
.coche, .croix{
  padding: 0 0 0 10px;
}
ul#erreurs{
  margin: 10px;
  display: block;
  height: auto;
}
ul#erreurs li{
  color: #ff5555;
  list-style-type:disc;  
}
.erreur{
  border: 1px solid #ff5555;
  background-color: #fff1f1;
}

img.calendar-img-button { border: none; cursor: pointer; vertical-align: middle; opacity:0.20; filter:alpha(opacity=20); -moz-opacity:0.20 }
img.calendar-img-button:hover { border: none; cursor: pointer; vertical-align: middle; opacity:1; filter:alpha(opacity=100); -moz-opacity:1 }
div.calendar-div-container { position: absolute; border: 1px solid #000; background-color: #f0f0f0; width: 210px; padding: 2px; font-size: 10px; cursor: default; z-index: 29; }
div.calendar-div-container ul { list-style-type: none; margin: 0; padding: 0; text-align: center; height: auto;}
div.calendar-div-container li { float: left; }
div.calendar-div-container div.datepickerdiv { position: relative; }
div.calendar-div-container div.monthpickerdiv, div.calendar-div-container div.yearpickerdiv { position: absolute; top: 0; left: 0; visibility: hidden; }
div.calendar-div-container div.panelright { position: absolute; top: 0; right: 0; width: 41px; padding: 0; margin: 0; }
div.calendar-div-container img.selectnow { margin-right: 20px; }
div.calendar-div-container img.closecalendar { vertical-align: top; }
div.calendar-div-container a, div.calendar-div-container a:hover { text-decoration: none; color: #000; }
div.calendar-div-container a.month { display: block; width: 60px; text-align: center; }
div.calendar-div-container table { font-size: 10px; margin-left: auto; margin-right: auto; clear: both; width: 100%; }
div.calendar-div-container th { border: 1px solid #444; background-color: #CFCFCF; text-align: center; width: 23px; }
div.calendar-div-container td { border: 1px solid #444; text-align: center; cursor: pointer; background-color: #FFF; }
div.calendar-div-container td.inactive, div.calendar-div-container td.inactive:hover { background-color: #f0f0f0; border: 1px solid #CFCFCF; color: #f0f0f0; cursor: default; }
div.calendar-div-container td.today { background-color: #B3FF99; }
div.calendar-div-container td.selected { background-color: #FF99B3; }
div.calendar-div-container td.we { background-color: #99B3FF; }
div.calendar-div-container td:hover, div.calendar-div-container td.today:hover, div.calendar-div-container td.we:hover { background-color: #FFE699; }
div.calendar-div-container img { border: none; cursor: pointer; vertical-align: text-bottom; }








// Version : 24.06.2021 - 0001

.pwcheck {
  position: relative;
  display: inline-block;
  margin-bottom: 0.5rem;
  background-color: white;
  z-index: 8990;

  &.invalide {
    input.pwcheck {
      border: 1px solid @alert;
      color: @alert-ultra-dark;
    }

    &:after {
      content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxwYXRoIGQ9Ik0zNy4zMiwxLjI2TDI1LDEzLjU4LDEyLjY4LDEuMjZhNC4yOSw0LjI5LDAsMCwwLTYuMDcsMEwxLjI2LDYuNjFhNC4yOSw0LjI5LDAsMCwwLDAsNi4wN0wxMy41OCwyNSwxLjI2LDM3LjMyYTQuMjksNC4yOSwwLDAsMCwwLDYuMDdsNS4zNSw1LjM1YTQuMjksNC4yOSwwLDAsMCw2LjA3LDBMMjUsMzYuNDIsMzcuMzIsNDguNzRhNC4yOSw0LjI5LDAsMCwwLDYuMDcsMGw1LjM1LTUuMzVhNC4yOSw0LjI5LDAsMCwwLDAtNi4wN0wzNi40MiwyNSw0OC43NCwxMi42OGE0LjI5LDQuMjksMCwwLDAsMC02LjA3TDQzLjM5LDEuMjZBNC4yOSw0LjI5LDAsMCwwLDM3LjMyLDEuMjZaIiBzdHlsZT0iZmlsbDojZjA0MTI0Ii8+PC9zdmc+');
      position: absolute;
      right: 0.5rem;
    	top: 0.4rem;
      z-index: 9100;
    }
  }

  &.valide {
    input.pwcheck {
      border: 1px solid @success;
      color: @success-ultra-dark;
    }

    &:after {
      content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxwYXRoIGQ9Ik00OS4xNywxMS4zNEw0NC40OCw2LjY1YTIuODIsMi44MiwwLDAsMC00LDBMMTkuMTcsMjgsOS41LDE4LjMyYTIuODIsMi44MiwwLDAsMC00LDBMMC44MywyM2EyLjgyLDIuODIsMCwwLDAsMCw0bDkuNjYsOS42Niw2LjY4LDYuNjhhMi44MiwyLjgyLDAsMCwwLDQsMGw2LjY4LTYuNjhoMEw0OS4xNywxNS4zM0EyLjgyLDIuODIsMCwwLDAsNDkuMTcsMTEuMzRaIiBzdHlsZT0iZmlsbDojNDNBQzZBIi8+PC9zdmc+');
      position: absolute;
      right: 0.5rem;
    	top: 0.4rem;
      z-index: 9100;
    }
  }
  
  .strength-lvl {
    position:absolute;
    display: block;
    left: 0px;
    width: 0px;
    background: @alert;

    &.infield {
      top: 0px;
      bottom: 0px;
      left: 0px;
      margin: 1px;
      opacity: 0.5;
      z-index: 8995;
    }

    &.bottom {
      bottom: -3px;
      height: 3px;
      z-index: 9001;
    }
    
    &.weak {
    	background: @alert;
    }
    
    &.medium {
      background: @warning;
    }
    
    &.strong {
      background: @success;
    }
  }

  input.pwcheck {
    outline: none;
    margin: 0;
    background-color: transparent;
    z-index: 9000;
  }

  // Interface
  .interface-wrapper {
    position: absolute;
    display: block;
    top: 0;
    left: 100%;
    height: 100%;
    
    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      height: 100%;
      white-space: nowrap;

      li {
        display: inline-block;
        margin-left: 0;
        margin: 0;

        &.interface-btn {
          width: 22px;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center center;
          opacity: 0.5;
          cursor: pointer;
          transition: all 300ms ease-out;

          &:hover {
            opacity: 1;
          }
        }

        &.show-pwd {
          background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ5LjY3LDIzLjY5bC0wLjIxLS4zOEEyNy42NSwyNy42NSwwLDAsMCwyNSw5LjA4LDI3LjY1LDI3LjY1LDAsMCwwLC41NCwyMy4zMWwtMC4yMS4zOGEyLjc0LDIuNzQsMCwwLDAsMCwyLjYybDAuMjEsMC4zOEEyNy42NSwyNy42NSwwLDAsMCwyNSw0MC45MiwyNy42NSwyNy42NSwwLDAsMCw0OS40NiwyNi42OWwwLjIxLS4zOEEyLjc0LDIuNzQsMCwwLDAsNDkuNjcsMjMuNjlaTTI1LDEzLjI1YTEuMjYsMS4yNiwwLDEsMSwwLDIuNTNBNi4yNCw2LjI0LDAsMCwwLDE4Ljc2LDIyYTEuMjYsMS4yNiwwLDAsMS0yLjUzLDBBOC43OCw4Ljc4LDAsMCwxLDI1LDEzLjI1Wm0wLDI0LjEzQTI0LjE3LDI0LjE3LDAsMCwxLDMuNjUsMjUsMjMuNTksMjMuNTksMCwwLDEsMTQuNDksMTQuOTJhMTIuMzcsMTIuMzcsMCwxLDAsMjEsMEEyMy41OSwyMy41OSwwLDAsMSw0Ni4zNSwyNSwyNC4xNywyNC4xNywwLDAsMSwyNSwzNy4zOFoiIHN0eWxlPSJmaWxsOiM2NjY2NjYiLz48L3N2Zz4=');
          
          &.pw-visible {
            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTMzLjc3LDIyLjJhMS4yNiwxLjI2LDAsMSwxLTIuNTMsMEE2LjI0LDYuMjQsMCwwLDAsMjUsMTZhMS4yNiwxLjI2LDAsMSwxLDAtMi41M0E4Ljc4LDguNzgsMCwwLDEsMzMuNzcsMjIuMlptMTUuOSwxLjY3LTAuMjEtLjM4QTI3LjY1LDI3LjY1LDAsMCwwLDI1LDkuMjVhMjksMjksMCwwLDAtNS4xOC40N0wxNi4yLDNhMC43NSwwLjc1LDAsMCwwLTEtLjNMMTEuNzksNC41NWEwLjc1LDAuNzUsMCwwLDAtLjMsMWwzLjA1LDUuNjVhMjcuMDksMjcuMDksMCwwLDAtMTQsMTIuMjdsLTAuMjEuMzhhMi43NCwyLjc0LDAsMCwwLDAsMi42MmwwLjIxLDAuMzhhMjYuNzksMjYuNzksMCwwLDAsOC42NSw5LjQ4LDAuMzcsMC4zNywwLDAsMCwuNTItMC40OUwzLjY1LDI1LjE4YTIwLjksMjAuOSwwLDAsMSwyLjItMy4yM2w5LjQ0LDE3LjQ3QTI4LjQ0LDI4LjQ0LDAsMCwwLDIwLDQwLjY3TDguNDMsMTkuMjJhMjguNjgsMjguNjgsMCwwLDEsMi4yMS0xLjg0bDEyLjgsMjMuNjhxMC43OCwwLDEuNTYsMGMwLjgzLDAsMS42NSwwLDIuNDYtLjExTDEzLjYzLDE1LjQxYTI3LjMxLDI3LjMxLDAsMCwxLDIuNS0xLjI2TDMzLjg3LDQ3YTAuNzUsMC43NSwwLDAsMCwxLC4zbDMuMzktMS44M2EwLjc1LDAuNzUsMCwwLDAsLjMtMWwtMi45MS01LjM4QTI3LjA4LDI3LjA4LDAsMCwwLDQ5LjQ2LDI2Ljg3bDAuMjEtLjM4QTIuNzQsMi43NCwwLDAsMCw0OS42NywyMy44N1pNMzQsMzUuOTFsLTIuMTUtNGExMi4zNywxMi4zNywwLDAsMCwzLjY5LTE2Ljg1QTIzLjU5LDIzLjU5LDAsMCwxLDQ2LjM1LDI1LjE4LDIzLjcsMjMuNywwLDAsMSwzNCwzNS45MVoiIHN0eWxlPSJmaWxsOiM2NjY2NjYiLz48L3N2Zz4=');
          }
        }

        &.generate-pwd {
          background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ5LDkuOEw5LjQsNDkuNDRhMS45MSwxLjkxLDAsMCwxLTIuNywwTDAuNTksNDMuMzNhMS45MSwxLjkxLDAsMCwxLDAtMi43TDQwLjIzLDFhMS45MSwxLjkxLDAsMCwxLDIuNywwTDQ5LDcuMUExLjkxLDEuOTEsMCwwLDEsNDksOS44Wk00MS41NSw1LjE2bC05LjA3LDkuMDcsMy4zMywzLjMzLDkuMDctOS4wN1pNMjQuNjQsOS4zOWwtNi0xLjgtMS44LTYtMS44LDYtNiwxLjgsNiwxLjgsMS44LDYsMS44LTZabS0xNC01LjhMNy44MywyLjc2LDcsMCw2LjE3LDIuNzZsLTIuNzYuODNMNi4xNyw0LjQzLDcsNy4xOSw3LjgzLDQuNDNabTE5LjcyLDAtMi43Ni0uODNMMjYuNzIsMCwyNS44OCwyLjc2bC0yLjc2LjgzLDIuNzYsMC44MywwLjgzLDIuNzYsMC44My0yLjc2Wk01MCwyMy4yMWwtMi43Ni0uODMtMC44My0yLjc2LTAuODMsMi43Ni0yLjc2LjgzTDQ1LjU0LDI0bDAuODMsMi43Nkw0Ny4yLDI0WiIgc3R5bGU9ImZpbGw6IzY2NjY2NiIvPjwvc3ZnPg==');
        }

        &#pwcheck-requirement {
          opacity: 1;
          position: relative;

          .pw-requirement {
            position: absolute;
            padding: 0.5rem;
            background-color: #e6f9ff;
            border: 1px solid #95e5ff;
            color: @info;
            left: 0.5rem;
            display: none;

            &:after, &:before {
              right: 100%;
              top: 50%;
              border: solid transparent;
              content: " ";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none;
            }
            
            &:after {
              border-color: rgba(230, 249, 255, 0);
              border-right-color: #e6f9ff;
              border-width: 6px;
              margin-top: -6px;
            }
            &:before {
              border-color: rgba(149, 229, 255, 0);
              border-right-color: #95e5ff;
              border-width: 7px;
              margin-top: -7px;
            }

            ul {
              list-style-type: disc;
              margin-left: 0;
              white-space: initial;

              li {
                white-space: nowrap;
                margin-left: 0;
                width: 100%;
              }
            }
          }
        }
      }
    }
  }
}

.pwcheck-compare {
  position: relative;
  display: inline-block;
  margin-bottom: 0.5rem;
  background-color: white;
  z-index: 8990;

  &.invalide {
    input.pwcheck-compare {
      border: 1px solid @alert;
      color: @alert-ultra-dark;
    }

    &:after {
      content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxwYXRoIGQ9Ik0zNy4zMiwxLjI2TDI1LDEzLjU4LDEyLjY4LDEuMjZhNC4yOSw0LjI5LDAsMCwwLTYuMDcsMEwxLjI2LDYuNjFhNC4yOSw0LjI5LDAsMCwwLDAsNi4wN0wxMy41OCwyNSwxLjI2LDM3LjMyYTQuMjksNC4yOSwwLDAsMCwwLDYuMDdsNS4zNSw1LjM1YTQuMjksNC4yOSwwLDAsMCw2LjA3LDBMMjUsMzYuNDIsMzcuMzIsNDguNzRhNC4yOSw0LjI5LDAsMCwwLDYuMDcsMGw1LjM1LTUuMzVhNC4yOSw0LjI5LDAsMCwwLDAtNi4wN0wzNi40MiwyNSw0OC43NCwxMi42OGE0LjI5LDQuMjksMCwwLDAsMC02LjA3TDQzLjM5LDEuMjZBNC4yOSw0LjI5LDAsMCwwLDM3LjMyLDEuMjZaIiBzdHlsZT0iZmlsbDojZjA0MTI0Ii8+PC9zdmc+');
      position: absolute;
      right: 0.5rem;
      top: 0.4rem;
      z-index: 9100;
    }
  }

  &.valide {
    input.pwcheck-compare {
      border: 1px solid @success;
      color: @success-ultra-dark;
    }

    &:after {
      content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxwYXRoIGQ9Ik00OS4xNywxMS4zNEw0NC40OCw2LjY1YTIuODIsMi44MiwwLDAsMC00LDBMMTkuMTcsMjgsOS41LDE4LjMyYTIuODIsMi44MiwwLDAsMC00LDBMMC44MywyM2EyLjgyLDIuODIsMCwwLDAsMCw0bDkuNjYsOS42Niw2LjY4LDYuNjhhMi44MiwyLjgyLDAsMCwwLDQsMGw2LjY4LTYuNjhoMEw0OS4xNywxNS4zM0EyLjgyLDIuODIsMCwwLDAsNDkuMTcsMTEuMzRaIiBzdHlsZT0iZmlsbDojNDNBQzZBIi8+PC9zdmc+');
      position: absolute;
      right: 0.5rem;
      top: 0.4rem;
      z-index: 9100;
    }
  }

  input.pwcheck-compare {
    outline: none;
    margin: 0;
    background-color: transparent;
    z-index: 9000;
  }
}

.completed {
  color: @gray-light!important;
}

#info {
  background-color: #b7b9c4;
  border: 1px solid #9b9ca3;
  padding: 0.6rem 1rem;
  margin-right: 1rem;
  color: #3c3f4d;
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
  .select-locked();
}


.show-block {
  display: block!important;
}
.show-inline-block {
  display: inline-block !important;
}
.show-inline {
  display: inline!important;
}
.show-flex {
  display: flex!important;
}
.show-grid {
  display: grid!important;
}
.show-table {
  display: table!important;
}
.show-table-cell {
  display: table-cell !important;
}
.show-table-row {
  display: table-row !important;
}
.show-reset {
  display: initial!important;
}
.show-visibility {
  visibility: visible!important;
}
.hide-none {
  display: none!important;
}
.hide-hidden {
  visibility: hidden!important;
}