/*@import https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css;*/
@font-face{
  font-family: "somo";
  src: url('/css/fonts/josefin/JosefinSans-Regular.ttf');
}
@font-face{
  font-family: "somoLight";
  src: url('/css/fonts/josefin/JosefinSans-Light.ttf');
}
@font-face{
  font-family: "somoBold";
  src: url('/css/fonts/josefin/JosefinSans-Bold.ttf');
}
@font-face{
  font-family: "somoHead";
  src: url('/css/fonts/edo.ttf');
}
@font-face{
  font-family: "quicksand";
  src: url('/css/fonts/Quicksand/Quicksand-VariableFont_wght.ttf');
}
*{
  box-sizing: border-box; 
  scroll-behavior: smooth; 
  transition: all 300ms;
}
*:focus{
  border-style: solid; 
  border-width: 1px 0px; 
  border-top-color: #ffffff; 
  border-bottom-color: #000000;
}
body{
  padding: 0px; 
  margin: 0px; 
  font-family: quicksand, sans-serif;
  background: #00a5a2; 
  color: #000000; 
  font-size: 1em;
}

body main{
  display: flex;
  align-items: stretch;
  background: #ffffff;
}
body main sidebar{
  width: 14%;
  min-width: 300px;
  background: #00a5a2;
}
body main section.blaballab{
  background-color: #ffffff;
  padding: 5px 3% 3%;
  flex-grow: 1;
  min-height: 91vh;
  max-width: 980px;
  margin: auto;
}
body main section.login-page{
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0;
/*  background: url('/img/som.jpeg') no-repeat center center fixed;*/
  background: url('/img/bg2.jpg') no-repeat center center;
  background-size: cover;
  max-width: initial;
}

header div.Introduction .whitelogo{
  display: flex; 
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;     
  padding: 5px;
} 
header div.Introduction .whitelogo img{
  width: 210px;
  height: 40px; 
  cursor: pointer; 
  object-fit: contain;
}

header div.Introduction .whitelogo h1 {
  font-size: 2em;
  text-align: center;
  color: #ffffff;
  margin: 0px;
} 
header div.Introduction .whitelogo:hover{
  color: #eaac10;
}

main section nav.t-nav{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0px;
  padding: 10px 2%;
  background: #ffffff;
  box-shadow: 0px 1px 7px #00a5a2;
  border-radius: 0px 0px 10px 10px;
  z-index: 1;
}
main section nav.t-nav .select2.select2-container{
  min-width: 49%;
}
main section nav.t-nav a.lout{
  color: #00a5a2;
  font-size: 1.2em;
}


main section div#judging_criteria{
  display: none;
}

main section div#judging_criteria form.assignform, main section div#judging_criteria div.assignform { 
  display: flex;  
  flex-wrap: wrap;
  margin: 42px auto;
}
main section div#judging_criteria div.assignform.texts{
  display: flex;
}
main section div#judging_criteria .assignform label {
  flex-grow: 1;
  margin: 14px 5px;
  font: 600 1.2em somoLight, sans-serif;
}
main section div#judging_criteria .assignform label.full {
  width: 100%;
}
main section div#judging_criteria .assignform label.full.judge {
  box-shadow: 0 10px 10px #808080;
  border-radius: 7px;
  padding: 14px;
  margin: 42px auto;
  background: #ffffff;
  overflow: auto;
}
main section div#judging_criteria .assignform label.full.judge h2{
  margin: 10px 0px;
}
main section div#judging_criteria .assignform label.full.judge h2 i.required{
  color: #ff0000;
}
main section div#judging_criteria .assignform label.full.judge p{
  margin: 10px 0px;
}
main section div#judging_criteria .assignform label input, main section div#judging_criteria div.assignform.texts label p{ 
  padding: 9px; 
  margin: 2px 0px;
  border: 1px solid #cccccc; 
  border-radius: 4px;
  display: block;
  width: 100%;
  min-width: 180px;
  max-width: 98%;
  background-color: #ffffff;
  color: #000000;
  font:500 0.9em quicksand, sans-serif;
}
main section div#judging_criteria .assignform label textarea{
  padding: 9px; 
  border: 1px solid #cccccc; 
  border-radius: 4px;
  display: block;
  width: 100%;
  max-width: 99%;
  background-color: #ffffff;
  color: #000000;
}
main section div#judging_criteria .assignform label.full.judge textarea{
  font: 400 0.9em quicksand, sans-serif;
}
main section div#judging_criteria .assignform.textareas label textarea{
  font: 500 0.9em quicksand, sans-serif;
}
main section div#judging_criteria .assignform.view label input{ 
  border: none; 
  border-bottom: 3px solid #cccccc; 
  background-color: transparent;
  font: 300 1em quicksand, sans-serif;
}
main section div#judging_criteria .assignform.view label textarea{
  border: 1px solid #cccccc;
  background-color: #fefefe;
  font: 300 1em quicksand, sans-serif;
}
main section div#judging_criteria .assignform label a{ 
  padding: 9px; 
  border: 1px solid #cccccc; 
  border-radius: 4px;
  display: block;
  width: 100%;
  max-width: 98%;
  color: #007aff;
}
main section div#judging_criteria .assignform label div a{ 
  padding: 3px 9px; 
  border: none; 
}
main section div#judging_criteria .assignform label.full div.ratings{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 14px 0px;
}
main section div#judging_criteria .assignform label.full div.ratings i.fa{
  font-size: 2em;
  cursor: pointer;
  padding: 3px;
  border-radius: 50%;
  color: #cc6328;
}
main section div#judging_criteria .assignform label.full div.ratings i.fa-circle-check{
  color: #00a5a2;
}
main section div#judging_criteria .assignform label.full div.ratings i.fa:hover{
  background: #ffffff;
}
main section div#judging_criteria .assignform label.full div.ratings span.rtBars{
  margin: 12px 0px;
  padding: 5px 10px;
  background: #cc6328;
  background: #00a5a2;
  transform: scaleX(1.5);
  opacity: 0;
}
main section div#judging_criteria .assignform label.full div.ratings span.rtBars.ibar{
  opacity: 1;
}
main section div#judging_criteria button{
  margin: auto; 
  padding:10px;
  width: 210px;
  max-width: 91%;
  border-radius: 4px;
  background: #e47537;
  color: #000000;
  background: #00a5a2;
  color: #ffffff;
  border: none;
  font: 600 1.2em somoLight, sans-serif;
  cursor: pointer;
}
main section div#judging_criteria .assignform button:hover{
  box-shadow: 2px 2px 7px rgba(0,0,0,0.3);
  color: #ffffff;
}

main section div.no-user-selected{
  display: flex;
  flex-direction: column;
  align-items: center;
}
main section div.no-user-selected p{
  margin: 49px 1%;
}

main section div.no-user-selected i{
  font-size: 4em;
  color: #00a5a2;
}

main section div.load-elmtn{
/*  display: flex;*/
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.9);
  cursor: wait;
  color: #ffffff;
  font-size: 3em;
}


@media (max-width: 600px) {
  header div.Introduction .whitelogo img{
    width: 100px;
  }
  header div.Introduction .whitelogo h1 {
    font-size: 1em;
}