@import url('https://fonts.googleapis.com/css?family=Montserrat&subset=cyrillic-ext');

body {
	font-family: 'Montserrat', sans-serif;
	background-color:#d1d1d1; 
	margin:auto; padding:0;
    text-align: center;
    overflow-x: hidden;
	}
textarea{background-color:#e4e4e4; }
h1,h2,h3{margin:2px;}

input[type=button]{
  cursor: pointer;
}
input[type=submit]{
  cursor: pointer;
}

tr:hover{
  background-color: rgb(241, 236, 236);
}

.pageTitle{float:left; padding-left:30px; padding-top:4px;}
.pageTitle h1{margin:0;}

.frmLogin{
    display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     min-height: 10vh;       
   }

   .frmEntry{
    display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     min-height: 90vh;       
   }


.btnBig{
    border:black 2px solid;
    width:190px; height:140px;
    border-radius: 4px;
    font-size:24px;
    cursor: pointer;
}

/*work page elements*/
#workList{
  width:350px;
  border-right:2px dotted #9B9B9B;
  text-align: left;
  float:left;
}
#workEditor{
  float:left;
}


.working{background:url('/img/wait.gif') no-repeat right center; background-size: 18px 18px;}	
.copyright{font-size:0.7vw; color:#9B9B9B; position: fixed;
    bottom: 0;
    right: 0;
}

/*jquery styling*/
.ui-menu .ui-menu-item a{
  text-align: left;
}

/*warning*/
@keyframes blinker {  
    50% { opacity: 0.0; }
  }
  .warning{
      color:#ff0000;
      animation: blinker 1s linear infinite;
      font-size:10px;
  }
  
  .mandatory{
      color:#ff0000;
      font-size:22px;
  }
.grecaptcha-badge { 
   top:0px !important; 
}

@media screen and (min-width: 1400px) {
    body { width: 1470px; }
  }
@media screen and (min-width: 1600px) {
    body { width: 1270px; }
  }
@media screen and (min-width: 1900px) {
    body { width: 1070px; }
  }