/*  DOPLNUJICI CSS STYLY  */


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open Sans:ital,wght@0,300..800;1,300..800&display=swap&effect=shadow-multiple|3d');
//@import url('https://fonts.googleapis.com/css2?family=OpenSans:ital,wght@0,300..800;1,300..800&display=swap&effect=shadow-multiple|3d');
//@import url('https://fonts.googleapis.com/css2?family=Tangerine');

/* RUZNE ZAKLADNI PRVKY */                                            




//a {color: rgb(208, 168, 65);}
a:hover  {color:red;}

#obsah a {
  text-decoration:underline;  
}


body {
   //font-size: 1.05rem; 
   //font-family: "Montserrat", sans-serif;
   //font-family: "Oswald", sans-serif;   
   //font-family: sans-serif;
   //font-family: "Inter", sans-serif;
    font-family: "Roboto", sans-serif;
   //font-family: "Lato", sans-serif;
   //font-family: "OpenSans", sans-serif;
   //font-family: 'Tangerine', sans-serif;
   //font-family: "Quicksand", sans-serif;
  // font-family: "Open Sans", sans-serif;   
   font-weight: 300;
   background-color:white;
//   color: rgb(44,55,156);
//   color: rgba(0,0,130,1);   
}


main {
   background-color:white;
//   color: rgb(44,55,156);   
//   color: rgba(0,0,130,1);   
}

#obsah {
   padding: 5px;
   margin-top: 8ex;
}

/*
@media screen and (min-width: 72em) {
   
  main {
   background-color:red;
   margin: auto;
  } 
   
  #obsah {
   max-width: 72 em;
   background-color:yellow;
   margin: auto;
  } 
}

*/

@media only screen and (min-width: 1441px) {           

  /* Styles for extra-large screens */ 

    .grid-x > .xxlarge-6 {
            width: 50%;
     }
  
    .grid-x > .xxlarge-7 {
                  width: 58.33333%; }  
  
     .grid-x > .xxlarge-3 {
                  width: 25%; }
  
    .grid-x >.xxlarge-offset-2 {
                   margin-left: 16.66667%; }  

     .grid-x >.xxlarge-offset-1 {
                   margin-left: 8.33333%; }      
     
} 

#conf_name h1 {
   font-size: 2.375rem;
   margin-left: 10px; 
   color: rgba(0,0,130,1); 
   color: rgba(60,70,185,1);  
   font-weight:600; 
   text-shadow: 4px 4px 4px #ccc;
}

#conf_name h2{
   font-size: 1.575rem;
   margin-left: 10px;
   color: rgba(0,0,130,1);
   font-weight:600;   
    text-shadow: 3px 3px 3px #ccc;  
}


div.callout {
    color: rgba(0,0,0,1);    
}


div.mujbox {
    background-color:rgb(248,252,255);
    color: rgba(0,0,0,1);   
    border: rgba(0,0,130,1) .1em solid; 
    margin: 5ex 1ex 5ex 1ex;
    border-radius: 5px 5px 2.5px 2.5px;
    padding: 0px;    
}

div.loginbox {
    background-color:rgb(234,238,255);
    color: rgba(0,0,130,1);   
    border: rgba(0,0,130,1) .1em solid; 
//    border-radius: 10px 10px 5px 5px;
    padding: 0px;    
    margin: 0 auto; 
    float: none; 
    margin-top:5ex;
    margin-bottom: 10ex;
}

div.loginbox  h2 {
      background-color:rgba(60,70,185,1);  
//      background: linear-gradient(180deg, rgba(0,0,130,1) 0%,  rgba(35,35,165,1) 50%, rgba(60,70,185,1) 100%);
      color: white;
//      border-radius: 10px 10px 0px 0px;  
      text-align:center;
      padding: 3px; 
      //font-size: 1.1875rem;  
      font-size: 1.55rem; 
}


div.mujbox_obsah  {
    margin:1.5ex;
}


div.mujbox h2 {
      background-color:rgba(60,70,185,1);  
//      background: linear-gradient(180deg, rgba(0,0,130,1) 0%,  rgba(35,35,165,1) 50%, rgba(60,70,185,1) 100%);
      color: white;
//      border-radius: 10px 10px 0px 0px;  
    border-radius: 5px 5px 0px 0px;
      text-align:center;
      padding: 3px; 
      //font-size: 1.1875rem;  
      font-size: 1.55rem; 
}

div.form-kontejner,  div.form-kontejner div.gid-x {
 padding: 0px;
 margin: 0px;
}

.subform, .subform div.muj_box{
 padding: 0px;
 margin: 0px;
 margin-bottom: 2ex;
}



#formRegistrace, #formRegistrace  {
  padding: 0px;
  margin: 0px;
}

.subform  h3 {
      background-color:rgba(160,170,225,1);  
      background-color:white;
//      background: linear-gradient(180deg, rgba(50,50,170,1) 0%,  rgba(80,80,200,1) 50%, rgba(100,110,225,1) 100%);
//      color: white;
//      border-radius: 8px 8px 0px 0px;  
      text-align:center;
      padding: 2px; 
      //font-size: 1.1875rem;  
      font-size: 1.25rem; 
}




div.mujformbox {
    background-color:rgb(234,238,255);
    color: rgba(0,0,130,1);   
    border: rgba(0,0,130,1) .1em solid; 
    margin: 5ex 0ex 5ex 0ex;
    //border-radius: 10px 10px 5px 5px;
    padding: 0px;    
}


div.mujformbox_obsah  {
    margin:0 ex;
    padding: 0ex; 
}


div.mujformbox h2 {
      background-color:rgba(60,70,185,1);  
      //background: linear-gradient(180deg, rgba(0,0,130,1) 0%,  rgba(35,35,165,1) 50%, rgba(60,70,185,1) 100%);
      color: white;
      //border-radius: 10px 10px 0px 0px;  
      text-align:center;
      padding: 3px; 
      //font-size: 1.1875rem;  
      font-size: 1.55rem; 
}





#nadpis {
   color:  rgba(60,70,185,1);
   background-color: white;
   font-weight:800;
}


/* MENU */

@media screen and (max-width: 39.9375em) {

  .no-js .top-bar {
    display: none;  
  }
  
  .menu2 li{
     padding-left:3ex ;
  }
}
 
@media print, screen and (min-width: 40em) {

  .no-js .title-bar {
    display: none;
  }
   
  .top-bar {
      background-color:rgba(60,70,185,1);  
      //background: linear-gradient(180deg, rgba(0,0,130,1) 0%,  rgba(35,35,165,1) 50%, rgba(60,70,185,1) 100%);
  }   
  

   #vypln_pod_logo{
        font-weight:800;
        font-size: 150%;
        float:left;
        margin-right: 3ex;
        color:  white;
   }   

}



@media print, screen and (max-width: 52em) {

  #vypln_pod_logo{
    display: none;
  }

}




[data-sticky] {
  width: 100%;
}

.sticky-container {
  z-index: 25;
}

.top-bar {
  //background-color:rgba(35,35,235,1); 
  background-color:rgba(60,70,185,1);
  color: white;
  width: 100%;
  border-bottom: 3px solid white;
  font-weight: 500;
}  


.title-bar {
  border-bottom: 3px solid white;
//  background-color: rgba(70,70,255,1); 
//  background: linear-gradient(180deg, rgba(0,0,200,1) 0%,  rgba(35,35,235,1) 50%, rgba(70,70,255,1) 100%);    
  background-color:rgba(60,70,185,1);  
//  background: linear-gradient(180deg, rgba(0,0,100,1) 0%,  rgba(35,35,145,1) 50%, rgba(60,70,185,1) 100%);

} 

.top-bar *, #menu-menu1, #iconmenu {
  background-color:transparent; 
}  

.menu2  li{
    background-color:rgba(60,70,185,1);
    //border-radius: 5px 5px 5px 5px; 
}
    
.top-bar a {
  font-size: 105%;
  color: rgb(218,218,100);

}


.top-bar a:hover {
  background-color:rgba(80,90,205,1);
  color: rgb(255,255,0);   
}

 

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)  > a::after{
    border-color: white transparent transparent;        important!
}


.dropdown.menu > li.is-active > a {
  color: rgb(255,255,0);   
} 


#menu {
  color: rgb(218,218,100);
}


/*
#menu-menu1 li:not(.has-form) a:not(.button):hover {
  //background-color: rgb(255,255,100);
  //olor:  rgba(15,15,15,1); 
  //color: rgb(255,255,0);
  color: rgb(255,255,0);    
}
*/

/*
#menu-menu1 li:not(.has-form) a:not(.button) {
  //color: rgb(255,255,153);
   color: rgb(255,255,0); 
}
*.

.title-logo-small img{
  width: 4.5ex;
}
 
.title-logo-medium {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 30;
  margin-left: 1ex;
  margin-top: 1ex;
  width:12ex;
  max-width: 10%;
}
 
  


/* FORMULARE PRO REGISTRACI */



#registrovat, #login, #upravit, #uploadabstract {
    margin: 5px 5px;
    color:rgb(255,255,100);
    background-color:rgb(44,55,156);
    font-size: 120%;
    font-weight: bold;
    border: 2px solid black;      
    background-color:rgba(60,70,185,1);  
    //background: linear-gradient(180deg, rgba(0,0,130,1) 0%,  rgba(35,35,165,1) 50%, rgba(60,70,185,1) 100%);
    //border-radius: 8px 8px 8px 8px;      
}

#registrovat:hover, #login:hover {
    background-color: rgb(255,255,100);
    //background: linear-gradient(180deg, rgba(255,255,190,1) 0%,  rgba(255,255,150,1) 50%, rgba(255,255,100,1) 100%);
    color:rgb(44,55,156);
}

form div {
      padding: 5px 5px;
}

form label {
    color: rgba(35,35,235,1);
    font-size: 120%;
}

.error{
    color: red;
    font-size: 95%;
}

.email_OK {
    font-size: 120%;
    margin: 5px 5px;
    font-size: 120%;
    width:100%;    
}

.chyba {
    font-size: 110%;
//    margin: 5px 5px;
    color:red;
    font-size: 120%;  
    width:100%; 
}

.chyba2 {
    font-size: 115%;
//    margin: 5px 5px;
    color: rgb(240,100,100);
    font-size: 120%; 
    width:100%;   
}


/*  PATICKA STRANKY */
footer {
    padding:1ex;
//    background-color:rgba(35,35,35,1);   
//    background: linear-gradient(180deg, rgba(45,45,45,1) 0%, rgba(25,25,25,1) 100%);
    background-color:rgba(99,99,99,1);   
    //background: linear-gradient(180deg, rgba(145,145,145,1) 0%, rgba(99,99,99,1) 100%);
    color:white;
    border-top: 2px white solid;
    font-size: 90%;
}    


footer a {
 color: rgb(255,245,170);
}

footer a:hover {
 color: rgb(235,225,50);
 //background-color:rgba(129,129,129,1);   
}

.paticka-titulek {
   font-size: 130%;
   font-weight: 600;
    margin:0ex 4ex;
}





#paticka_text {
    padding-top: 25px;    
    float:right;
}


#copyrightKMA {
  margin: 2ex 0ex;
  padding-top:2ex;
  padding-left:2ex;
  border-top: 2px rgb(150,150,150) solid;
}

#paticka-kontakt {
  margin: 2ex 0ex;
  padding-top:2ex;
  border-top: 2px rgb(150,150,150) solid;
  clear:both;
}  
#paticka-kontakt span{
  padding-left: 2.5ex;
  display: inline-block;
}

.callout {
  border: 0px white solid;
}


 .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color:   rgb(255,255,100) transparent transparent;    important!    
}    


.form-nop {
  width: 100%;
  //background-color: rgba(120, 130, 245, 1);
  background-color:rgba(60,70,185,0.8);  
  padding: 20px;
  color: #fefefe;
  margin:auto;
  margin-bottom: 6ex;
  margin-top: 6ex;
}

.form-nop .columns.row {
  display: block;
}

.form-nop h3, .form-nop label {
  color: #fefefe;
}

.form-nop input, .form-nop select {
  color: #8a8a8a;
}

.form-nop input::-webkit-input-placeholder {
  color: #8a8a8a;
}

.form-nop input:-ms-input-placeholder {
  color: #8a8a8a;
}

.form-nop input::placeholder {
  color: #8a8a8a;
}


.form-nop a{
  color: yellow;
}


.form-nop a:hover{
  font-weight: 600;
}


fieldset {
  border: 2px white solid; 
  margin: 1ex;
  padding: 1ex;
  margin-bottom: 5ex;
  border-radius: 3px 3px 3px 3px;  
}


legend {
  color: white;
  padding: 5px 10px;
  font-size: 130%;
  font-weight: 600;
  margin: auto
  
}


#form-register { 
  max-width: 1000px;
}


#form-login { 
  max-width: 600px;
  margin-top: 10ex;
  margin-bottom: 10ex;
}

#reg-button {
  margin:auto;
  padding: 1ex 2ex;
  font-size: 140%;
  color: yellow;
  background-color:rgba(60,70,185,1); 
  border-radius: 10px 10px 10px 10px;  
  text-align:center;  
}


#login-button {
  margin:auto;
  padding: 1ex 2ex;
  font-size: 140%;
  color: yellow;
  background-color:rgba(60,70,185,1); 
  border-radius: 10px 10px 10px 10px;  
  text-align:center;  
}

#registration_form_agreeTerms {
  height: 25px;
  width: 25px;
  //display: inline;
}


#agree_term_container legend{
  //display: inline;
}


/* When the checkbox is checked, add a blue background */
#agree_term_container input:checked ~ #registration_form_agreeTerms {
  //background-color: yellow;
}

#profile-menu {
  font-size: 100%;
  margin-top: 4ex;
  margin-bottom: 2ex;
}

#profile-menu li {
  border: 1px solid rgba(60,70,185,1);
  background-color:rgba(60,70,185,0.8); 
}


#profile-menu li a {
  color: yellow;
  text-decoration: none;
}

li#active{
  border: 1px solid rgba(60,70,185,1);
  border-bottom: 0px;
  background-color:white;
  font-weight: 600; 
}

li#active a{
  color: rgba(60,70,185,1);  
}

.alert{
//   border: 1px solid; rgb(0,150,0)
   width: 100%;
   margin-top:2ex;
   margin-bottom: 2ex;
   padding: 2ex;
   text-align: center;
   font-size: 110%;
}


.alert-success {
  border: 1px solid rgb(0,150,0);
  background-color:rgba(0,150,0,0.1);
  color:green;
}


.no_abstract_alert {
   color: red;
}


label.required:after {
    content: " (required)";
    color: rgba(185,50,0,1);
    //font-size: 90%;
    
}


.help-text {
  color: rgb(255,180,50);
}