h1 {color: darkblue;}
h2 {margin-top: 8px !important;}
.grammarTable {border-style: solid; border-color: green; border-width: 1px; margin-left: 5%;}
.grammarTable tr td {border-style: solid; border-color: green; border-width: 1px; background-color: lightcyan; padding: 1px 3px 1px 6px; 
                     font-size: 18px;}
.grey {background-color: #ddeedd !important;}
.nobottom {border-bottom: none !important;}
.notop {border-top: none !important;}
.brown-font {color: brown;}
.green-font {color: green;}
.line-through {text-decoration: line-through;}
.underline {text-decoration: underline;}
.col-50perc {width: 50% !important;}     
.t-align {text-align: center !important;}   
    
.irregularTable tr td {background-color: linen;font-size: 18px;}
.irregularTableLetter {background-color: lightcyan !important;color: green;font-size: 20px;}
.irregularTableTitle {color: green;font-size: 22px;font-weight: bold;}
.example {font-size: 17px;padding-left: 30px;color: brown;cursor:default;}
.example td {padding-left: 30px;}
.subtitle {font-size: 18px;color: darkblue;padding-top: 4px;cursor: default;}
.subtitle a {font-size: 18px;color: darkblue;padding-top: 4px;}
.comment {font-size: 17px;color: #020000;font-style: italic;margin-left: 8px;cursor:default;}
.comment a {font-size: 17px;color: darkblue;font-style: italic;margin-left: 8px;}
.selWord {color: darkblue;font-weight: bold;}
.remember {color: green;font-weight: bold;}
.explanation {font-size: 16px;color: black;font-style: normal;line-height: 95%; display: block;}
.back {width: 100%;}
        
ul li {line-height:30px;margin:0;}
ul {list-style: none;margin: 0;padding: 0;}
li {background-position: 0 1px;background-repeat: no-repeat;cursor: pointer;}  
li a {color: blue;text-decoration: none;}
li.treeTheme {font-size: 16px;padding: 0;}
li.treeTheme a {font-size: 16px;padding: 0 0 0 10px;color: #0f4c7c;}
li.treeSubject {font-size: 15px;padding-left: 10px;}
li.treeSubject a {font-size: 15px;padding-left: 10px;color: #005000;background-color: #fffafa;}
.introTheme {font-size: 18px;padding: 0;cursor: default;margin-top: 8px;font-weight: bold;color: #0f5c6c;}
.introTheme div {color: #000060;font-size: 16px;padding: 0;font-weight: normal !important;}

.bigButtonRight {font-size:18px;border-style:solid;border-width:2px; border-radius:8px;border-color:blue;padding:3px;float:right;
                 margin-right: 40px;color: darkblue;}
.exerciseButton {font-size: 14px;border-style: solid;border-width: 2px;border-radius: 8px;border-color: blue;padding:3px;margin-left:6px;
                 display: inline-flex;margin-top:5px !important;}
.nodisplay {display: none;}
.mixed-verbs {border-style: solid;border-color: green; border-width: 1px; background-color: lightcyan; padding: 3px;}

.exerciseTit {font-size: 18px;font-weight: bold;}
.exerciseSubTit {font-size: 17px;font-style: italic;}
.exerciseText {font-size: 16px;white-space: pre-wrap;}
.exerciseText tr td:nth-child(1){background: lightskyblue;padding-top: 5px;padding-bottom: 5px;padding-left: 5px;width: 50%;}	
.exerciseText tr td:nth-child(2) {background: lightgreen;padding-top: 5px;padding-bottom: 5px;padding-left: 5px;width: 50%;}
.exerciseAnswers {font-size: 15px;font-weight: bold;}

#desk {width: 550px;display: inline-block;}
#container{width:1060px;margin:0px auto;padding:0;position:relative;}
.confirmation {background-color: lightgoldenrodyellow;padding: 6px;border-style: solid; border-color:chocolate; border-radius: 3px; border-width: 1px;}
.confirmation button {margin: 0px 30px 10px 80px;}

.cat-title {color: #0f4c7c;font-size: 20px;margin-left: 20px;text-decoration: none  !important;}
.cat-title a {text-decoration: none  !important;}
.cat-title div:hover {color: #ee4923; text-decoration: none  !important;}
.exeTop {float:right;}

@media only screen 
and (min-width : 320px) 
and (max-width : 414px) {
    .comment {margin-left: 0px;}
    .example {padding-left: 3px;}
    h1, h2 {margin-left: 0px;width: 260px;}
	table, thead, tbody, th, td, tr {display: block;}
	.i-nahozhu { margin-top: -30px;}
    .substance { margin-top: 10px;}
    .grammarTable tr td { width: 100% !important;}
}

@media only screen 
and (min-width : 414px) 
and (max-width : 480px) {
    .comment {margin-left: 3px;}
    .example {padding-left: 5px;}
    h1, h2 {margin-left: 3px;width: 260px;}
	.i-nahozhu { margin-top: -30px;}
    .substance { margin-top: 10px;}
	table, thead, tbody, th, td, tr {display: block;}
    .grammarTable tr td { width: 100% !important;}
}
      
@media only screen 
and (min-width : 480px) 
and (max-width : 568px) {
    .comment {margin-left: 5px;}
    h1, h2 {margin-left: 5px;width: 350px;}
	table, thead, tbody, th, td, tr {display: block;}
	table, thead, tbody, th, td, tr {display: block;}
    .grammarTable tr td { width: 100% !important;}
}
      
@media only screen 
and (min-width : 568px) 
and (max-width : 760px) {
    .comment {margin-left: 5px;}
    h1, h2 {margin-left: 5px;width: 440px;}
}
      
@media only screen 
and (min-width : 760px) 
and (max-width : 920px) {
    .comment {margin-left: 5px;}
    h1, h2 {margin-left: 5px;width: 550px;}
}



.modal {
    display: none;
    position: absolute;
    width: 100%;
    height: 1000%;
    top: -20px;
    left: 0;
    background-color: rgba(0,0,0,0.4);
	z-index: 101;
}
.modal-content {
    position: absolute;
    z-index: 1;
    margin: auto;
    left: 0;
    right: 0;
    top: 200px;
    width: 650px;
    background: #EEFFFF;
    border: 1px solid black;
    border-radius: 8px;
    box-shadow: rgb(0, 0, 0) 5px 5px 5px;
    padding: 3px;
}

.modalRegistration-content {
    position: absolute;
    z-index: 1;
    margin: auto;
    left: 0;
    right: 0;
    top: 200px;
    width: 710px;
    height: 330px;
    background: #EEFFFF;
    border: 1px solid black;
    border-radius: 8px;
    box-shadow: rgb(0, 0, 0) 5px 5px 5px;
    padding: 3px;
}

.cancelButton
{ text-align: right; background-color: transparent; width: 25px; height: 25px; color: #053364 !important; font-size: 14px; 
    font-weight: bold !important; border-style: none; margin-top: -6px;
    }
.cancelButton:hover, .cancelButton:focus 
{ color: #000 !important; text-decoration: none; cursor: pointer !important; background-color: transparent !important; 
  }
.subtitle1 { float:right; font-weight: bold; font-size: 14px; color: #053364; }
.loginInput {
    width: 100px;
    -webkit-appearance: textfield;
    -webkit-rtl-ordering: logical;
    background-color: white !important;
}
#btnRegistration, #btnEnter {color: #053364 !important; font-weight: bold !important; font-size: 14px !important;}
#btnRegistration:hover, #btnRegistration:focus, #btnEnter:hover, #btnEnter:focus {color: #000 !important; background-color: transparent !important;}
.errorReg {padding-left:5px; font-size: 12px;font-weight: bold;  color: red;}
#rooms { padding-left: 50px; font-weight: bold; font-size: 14px; color: #053364; }