#covr-virtualexhibitions-manageparticipant-root .MuiButtonBase-root,
#covr-virtualexhibitions-manageparticipant-root .MuiInputBase-root,
#covr-virtualexhibitions-manageparticipant-root .MuiFormLabel-root,
#covr-virtualexhibitions-manageparticipant-root .MuiExpansionPanel-root {
color: #FFFFFF;
}

#covr-virtualexhibitions-manageparticipant-root .MuiInput-underline:before {
border-bottom-color: #FFFFFF;
}

#covr-virtualexhibitions-manageparticipant-root .MuiExpansionPanelSummary-root {
padding:0;
}
.covr-virtualexhibitions-manageparticipant-savechanges-button {
border: .0625rem solid #fff !important;
padding: .5rem .9375rem !important;
width: 100% !important;
font-size: 1rem !important;
line-height: 1.125rem !important;
display: block !important;
align-items: center !important;
font-weight: 600 !important;
background-color: #fff !important;
color: #246B9A !important;
cursor: pointer !important;
text-align: center !important;
transition: .2s !important;
}
.profile-sidebar .jss1{position:unset !important}
.covr-virtualexhibitions-manageparticipant-jss14 .jss1 {
position: unset !important;
}
.covr-virtualexhibitions-manageparticipant-savechanges-profileschip,
.covr-virtualexhibitions-manageparticipant-savechanges-userprofileschip {
font-size: .875rem !important;
line-height: 1.125rem !important;
font-weight: 600 !important;
}

.navigation--top-nav--personal-nav {
width: 25rem;
height: 100%;
justify-content: flex-end;
text-align: center; }
.bc--blue {  /*HORNI LISTA */
background-color: #DB6D18; }

.headerimg { /*OBRAZEK V HLAVICCE*/
width: auto;
padding-right: 30px;
padding-left: 30px;
transition: all .2s ease-in-out;
}

.headerimg:hover { 
transform: scale(1.05);
}

main {  /*DEFAULTNI POZADI - ZDE URL BLUR POZADI NEBO BARVA, PROPISUJE SE NA VSECH SUBSTRANKACH*/
background-image: url("https://www.eventvirtual.eu/cmVirtualPortal/lib/CzechIn/PTCOG59//dist/assets/images/ptcog_4K2_v3_blur.jpg");
background-size:     cover;                      /* <------ */
background-repeat:   no-repeat;
background-position: center center;
}

#scrollable-auto-tab-1 {
  display: none !important;
} /* SCHOVANY BUTTON V GROUP CHAT */

.lobby-desktop__background__image__cont {  /*ODSAZENI LOBBY OBRAZKU*/
margin-top: 45px;

} 
/*------------ZDE ZACINA DEFINICE POP-UPS, JEJICH OBSAH SE DEFINUJE V INDEXU---------------*/
.overlay { 
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}

.popup {
margin-top: 6%;
margin-left: 10%;
margin-right: 10%;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 80%;
position: relative;
transition: all 5s ease-in-out;
}

.popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #06D85F;
}
.popup .content {
max-height: 30%;
overflow: auto;
}

/*------------ZDE KONCI DEFINICE POP-UPS, JEJICH OBSAH SE DEFINUJE V INDEXU---------------*/

.vchod:hover {  /*GRADIENT JE DEFINOVAN V SVG V INDEXU*/
  fill: url('#myGradient');
  opacity: 0.4;
  transition: all 0.5s ease-in-out;
}
.vchod {  /*PRO DEBUGGING  ZAPNOUT OPACITY, OZNACI CTVERCE PRO MAPPING VCHODU, PAK ZAS VYPNOUT*/
  fill: black;   
  opacity: 0.0;  
}
.media-body {
  width: auto;
}
#ipad_netw {   /*VYPINA NA DESKTOPU CUSTOM CLASSKU NA NETWORKING FIX NA IPADU*/
  display: none !important;
}
.navigation--side-nav a {
font-weight: 500 !important;
font-family: inherit;
}

.navigation--side-nav .navigation--side-nav--live-networking {
  background-color: #0D797A;
  color: #fff;
}

.exhibition-hall-cont .exhibition-hall-title {
  color: #246B9A;
  font-size: 2.25rem;
  line-height: 2.625rem; 
}
.navigation--side-nav a:hover { /*ZDE HOVER PRAVE LISTY */
  background-color: #B3221D !important;
  color: #fff;
}

/* ---------------ZDE ZACINAJI CSS NA HELP---------------- */

.tutorial {   /*HLAVNI BLOK */
  width: 80%;
  height: auto;
  background-color: white;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 2%;
  padding-bottom: 20px;
  
}   
.tutorial2 {  
width:70%;
height: auto;
background-color: white;
margin-left: 15%;
margin-right: 15%;
margin-top: 2%;
text-align: left;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 5%;
border-radius: 5px;
text-align: center;

}
.wrap_buttons {  /*WRAPPER NA TLACITKA, PRO VICE RAD POD SEBOU MOZNO DUPLIKOVAT, CLASS NECHAT TUHLE */
  width: 80%;
  height: 100px;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 1%;
  
}

.button_tutorial1:hover, .button_tutorial2:hover, .button_tutorial3:hover, 
.button_tutorial4:hover, .button_tutorial5:hover, .button_tutorial6:hover { /*HOVER VŠECH TLAČÍTEK, NUTNO DOPNIT PŘI PRIDÁNÍ */
  background-color: #1D2F37;
  transform: scale(1.05);
  
}

.button_tutorial1 { /*TLACITKO 1 */
  width: 30%;
  background-color: #4A488D;
  height: auto;
  float: left;
  margin-right: 5%; /*zde se nastavuje rozestup mezi tlacitky, vzdy nutne, aby width vsech tlacitek a marginu ve wrapperu daval dohromady 100%*/
  text-align: center;
  font-weight: bold;
  color: white;
  padding-top: 3%;
  padding-bottom: 3%;
  transition: all .2s ease-in-out;
  box-shadow: 0 0 1px rgba(0,0,0,.05);
  font-size: 150%;
  font-family: Montserrat;

}

.button_tutorial2 { /*TLACITKO 2 */
  width: 30%;
  background-color: #27284D;
  height: auto;
  float: left;
  text-align: center;
  font-weight: bold;
  color: white;
  padding-top: 3%;
  padding-bottom: 3%;
  transition: all .2s ease-in-out;
  box-shadow: 0 0 1px rgba(0,0,0,.05);
  font-size: 150%;
  font-family: Montserrat;
}


.button_tutorial3 { /*TLACITKO 3 */
  width: 30%;
  background-color: #FCB016;
  height: auto;
  float: left;
  margin-left: 5%; /*zde se nastavuje rozestup mezi tlacitky, vzdy nutne, aby width vsech tlacitek a marginu ve wrapperu daval dohromady 100%*/
  text-align: center;
  font-weight: bold;
  color: white;
  padding-top: 3%;
  padding-bottom: 3%;
  transition: all .2s ease-in-out;
  box-shadow: 0 0 1px rgba(0,0,0,.05);
  font-size: 150%;
  font-family: Montserrat;
}

.button_tutorial4 { /*TLACITKO 4 */
width: 30%;
background-color: #246B9A;
height: auto;
float: left;
text-align: center;
font-weight: bold;
color: white;
padding-top: 3%;
padding-bottom: 3%;
transition: all .2s ease-in-out;
box-shadow: 0 0 1px rgba(0,0,0,.05);
font-size: 150%;
font-family: Montserrat;
margin-right: 5%; /*zde se nastavuje rozestup mezi tlacitky, vzdy nutne, aby width vsech tlacitek a marginu ve wrapperu daval dohromady 100%*/
}

.button_tutorial5 { /*TLACITKO 5 */
  width: 30%;
  background-color: #B2BA67;
  height: auto;
  float: left;
  text-align: center;
  font-weight: bold;
  color: white;
  padding-top: 3%;
  padding-bottom: 3%;
  transition: all .2s ease-in-out;
  box-shadow: 0 0 1px rgba(0,0,0,.05);
  font-size: 150%;
  font-family: Montserrat;
}

.button_tutorial6 { /*TLACITKO 6 */
  width: 30%;
  background-color: #B2BA67;
  height: auto;
  float: left;
  text-align: center;
  font-weight: bold;
  color: white;
  padding-top: 3%;
  padding-bottom: 3%;
  transition: all .2s ease-in-out;
  box-shadow: 0 0 1px rgba(0,0,0,.05);
  font-size: 150%;
  font-family: Montserrat;
}

/* ---------------Networking hlavicka---------------- */
.MuiAppBar-colorPrimary {
  color: #fff;
  background-color: #0D797A !important;
}
.covr-virtualnetworkingplatform-pubnubchat-sidebar__notification {
  background-color: #71c5be !important;
}

/* ---------------ZDE KONCI CSS NA HELP---------------- 
.MuiCardContent-root:last-child {
  width: 80% !important;
  margin-left: 10% !important;
  margin-right: 10% !important;
}*/

/* ---------------CSS NA SPONZORY---------------- */
.sponzori_wrap {
margin-top: 6%;
margin-left: 10%;
margin-right: 10%;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 80%;
position: relative;
transition: all 5s ease-in-out;
min-height: 1600px;
}
.sponzori_wrap2 {
  margin-top: 2%;
  margin-left: 10%;
  margin-right: 10%;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 80%;
  position: relative;
  transition: all 5s ease-in-out;
  min-height: 1700px;
  }
.sponzori_wrap h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
  }

  .sponzori_wrap .content {
  max-height: 30%;
  overflow: auto;
  }
  .sponzor_div { 
    width:33%;
    height: auto;
    float: left;
    text-align: center;
    padding-bottom: 5%;

  }
  .sponzor_div_2 { 
    width:25%;
    float: left;
    height: auto;
    text-align: center;

  }
  .sponzor_div_3 { 
    width:50%;
    float: left;
    height: auto;
    text-align: center;

  }

  .sponsorimg {   /*CLASS PRO SPONZORSKY OBRAZEK V PRIPADE ZE NENI VYSTAVA*/
    transition: all .2s ease-in-out;
    width: 90%;
    }
    .sponsorimg:hover {   /*HOVER OBRAZKU VYSE*/
    transform: scale(1.1);
    }

  .logos_wrap {
    width: 100%;
    min-height: 130px;
  }
  .content_spo {
    width:80%;
    margin-left:10%;
    margin-right:10%;
    height:auto;
    padding: 2%;
  }

  .center-text {
    width:40%;
    float:left;
    margin-left:-3%;

  }
  .switch-on-text-mobile {
    display: none;
  }
  @media only screen and (max-device-width: 1000px) {
  .sponzor_div, .sponzor_div_2, .sponzor_div_3 {
    float: none;
    margin: 10%;
    width: auto;
    }
  .switch-off-text-mobile {
    display: none;
  }
  
  .switch-on-text-mobile {
    display: inline;
    width: 100%;
  }

  .center-text {
    width: 100%;
    margin-left: 0px;

  }
}

  hr.rounded {
    border-top: 2px solid rgb(224, 224, 224);
    border-radius: 2px;
    margin-top: 5%;
  }
/* ---------------ZDE ZACINA CSS NA BAG---------------- */
.bag_img {
  transition: all .2s ease-in-out;
  width: 90%;
}
.bag_img:hover {
transform: scale(1.02);
}
.logos_wrap_bag {
  width: 100%;
  min-height: 400px;
}
.heading_bag {
  font-size: 150%;
  text-align: center;
  font-family: Montserrat;
}
/* ---------------ZDE KONCI CSS NA BAG---------------- */

/* ---------------ZDE KONCI CSS NA SPONZORY---------------- */


.lobby-mobile {  /*mobilni menu barva overlaye - nyni transparent*/
background-color: rgba(0,0,0,0) !important;

}

.navigation--side-nav nav {   /*mobilni menu */
height: 100%;
background-color: white !important;
max-height: 51rem;
}
/*mobilni zobrazeni overide*/
@media only screen and (max-device-width: 600px){
.wrap_buttons { /*wrap tlacitek help - mobilni zobrazeni */
width: 100%;
height: auto;
margin-left: 0;
margin-right: 0;
margin-top: 0px;
padding-bottom: 0px;

}
.tutorial { /*HLAVNI BLOK */
width: 100%;
height: auto;
background-color: #CBE5F8;
margin-left: 0%;
margin-right: 0%;
}  
.button_tutorial2 {
float: none;
margin: 2%;
width: auto;
margin-left: 25%;
margin-right: 25%;
}
.button_tutorial1 {
float: none;
margin: 2%;
width: auto;
margin-left: 25%;
margin-right: 25%;
}
.button_tutorial3 {
float: none;
margin: 2%;
width: auto;
margin-left: 25%;
margin-right: 25%;
}
.button_tutorial4 {
  float: none;
  margin: 2%;
  width: auto;
  margin-left: 25%;
  margin-right: 25%;
  }
.button_tutorial5 {
  float: none;
  margin: 2%;
  width: auto;
  margin-left: 25%;
  margin-right: 25%;
  }

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container-survey iframe {
  border: 0;
  height: 900pix;
  left: 0;
  position: absolute;
  top: 0;
  width: 80%;
}

.row2 {
  padding-bottom: 30px;
}


}
@media only screen and (max-device-width: 1100px) and (min-device-width: 601px) {

.button_tutorial1, .button_tutorial2, .button_tutorial3, .button_tutorial4, .button_tutorial5, .button_tutorial6 {
font-size: 100%;
}


}