body {
    font-family: Times, serif;
    line-height: 1;
    color: black;
    background: white;
    font-size: 21px;
}

.top {
    padding: 10px 0 3px;
    margin: 0 auto;
    background: white;
    1visibility: hidden;
}

.top span {
    text-decoration: underline;
    color: black;
}

#show_text,
#show_essay,
#show_ege {
    display: inline;
    height: 24px;
    font: 81% Times, serif;
    padding-top: 4px;
    cursor: pointer;
}

#show_text {
    background: url('../images/icon_text.gif') left top no-repeat;
    padding-left: 34px;
    margin-left: 64px;
}

#show_essay {
    background: url('../images/icon_essay.gif') left top no-repeat;
    padding-left: 47px;
    margin-left: 64px;
}

#show_ege {
    background: url('../images/icon_ege.gif') left top no-repeat;
    padding-left: 34px;
    margin-left: 0;
}

.frame_narrow,
.text_narrow,
.duplicate,
.top,
.showme_thetext {
    margin: 0 auto;
    max-width: 1190px;
}

.top {
    padding-left: 45px;
    padding-right: 45px;
}

.frame_narrow,
.text_narrow,
.duplicate,
.showme_thetext {
    padding: 0 45px;
}

.frame_narrow .highlights.duplicate {
    padding-left: 0;
    padding-right: 45px;
}

.step_name,
.step_description,
.work_header,
.work_description,
.work_next {}

.step_name {
    font: bold 186% PTSerif, Times, serif;
    margin-top: 33px;
    line-height: 1;
}

.step_description {
    font: bold 119% PTSerif, Times, serif;
    margin-top: 10px;
    /*padding-right:70px;*/
}

.work_headers {
    margin-top: 20px;
    margin-bottom: 40px;
    font: 110% PTSerif, Times, serif;
    /*padding-right:70px;*/
}

.work_header {
    margin-right: 0px;
    line-height: 1.4;
    display: inline-block;
    padding: 0;
}

.work_header.shadowed a {
    text-decoration: underline;
}

.registration .work_header.shadowed a {
    color: #aaa;
}

.work_header.shadowed,
.work_header:not(.shadowed)::after {
    color: #aaa;
}

.work_headers .work_header::after {
    content: ' > ';
    color: #bbb;
}

.work_headers .work_header:last-child::after {
    content: '';
}

.work_description,
.work_next {
    font: 100% Times, serif;
    line-height: 1.2;
    display: block;
    position: static;
    margin-top: 20px;
}


/*.work_description, .work_next { font: 23px Times, serif; line-height:1.2; background: white; display:block;position:static; margin-top: 20px; }*/

.work_description p,
ol {
    padding: 8px 0 5px;
}

b {
    font-weight: bold;
}

i {
    font-style: italic;
}

bi {
    font-weight: bold;
    font-style: italic;
}

p.duplicate {
    padding-right: 45px;
    font-size: 100%;
}

.work_description .highlights {
    margin-top: 30px;
    margin-bottom: 25px;
}

.pintop_background {
    top: 0;
}

.duplicate,
.pintop_background,
.pinbottom_background {
    position: fixed;
    margin: 0;
    z-index: 10;
}

.pintop_background,
.pinbottom_background {
    background-color: white;
    display: none;
    width: 100%;
    border-radius: 0 0 30px 30px;
    padding-bottom: 4px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.pinbottom_background {
    background-color: white;
    top: ;
    bottom: 0;
    display: none;
    width: 100%;
    border-radius: 0px 0px 0 0;
    padding-bottom: 4px;
    padding-top: 0px;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.refresh_pin_top {
    width: 90%;
    padding-right: 45px;
}

.pin_top textarea {
    width: 100%;
}

.duplicate textarea {
    pa1dding-right: 45px;
}

input#topic_out,
input#problem_out,
input#attitude_out {
    font: 143% Times, serif;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

.notice {
    background: url('../images/icon_notice.gif') left top no-repeat;
    padding: 0 0 0 31px;
    font: 90% Times, serif;
    color: #555;
    margin-top: 12px;
}

.notice_expand_link {
    color: #0086ff;
    border-bottom: 1px dashed #0086ff;
    font-size: 90%;
    cursor: pointer;
}

.notice_expand {
    display: none;
}

.howto {
    background: url('../images/icon_howto.gif') left center no-repeat;
    padding: 0 0 0 31px;
    height: 26px;
    font: 95% Times, serif;
    color: #0086ff;
    margin: 12px 0 19px;
}

.howto span,
.klishe_link,
.criterion,
.expand_klishe {
    border-bottom: 1px dashed #0086ff;
    cursor: pointer;
}

.howto span {
    font-weight: bold;
}

.klishe_link,
.expand_klishe {
    color: #0086ff;
}

.criterion {
    color: #0086ff;
}

.klishe_inside {
    color: #aaa;
    -webkit-user-select: none;
}

.klishe_inside .klishe,
.klishe_inside bi,
.klishe_inside b,
.klishe_inside i,
.klishe_inside span {
    color: black;
}

.klishe_instructions ul li {
    line-height: 1.2;
    margin-bottom: 3px;
}

.klishe_instructions ul li::before {
    content: '– ';
    color: black;
}

.howto_instructions,
.klishe_instructions {
    background: url('../images/icon_howto.gif') left top no-repeat;
    font: 90% Times, serif;
    margin-bottom: 25px;
    padding-left: 31px;
}

.kkk.klishe_instructions {
    background: none;
}

.howto_instructions {
    margin-top: 15px;
}

.howto_instructions p {
    margin-top: 30px;
}

.work_description table {
    border: 1px solid #737373;
    margin-top: 10px;
}

.work_description th,
.work_description td {
    border: 1px solid #737373;
}

.work_description th {
    font-weight: bold;
    padding: 8px;
    background: #eee;
    vertical-align: middle;
}

.work_description td {
    padding: 5px 15px;
}

.klishe_instructions td {
    padding: 4px 15px 15px;
}

.hint_countwords {
    display: block;
    font-size: 70%;
}


/*.klishe_instructions { color: #999; }
.klishe_instructions b, .klishe_instructions th, .klishe_instructions bi { font-weight:normal; color:#000; }
*/

.textarea_header {
    font: bold 100% Times, serif;
    margin-top: 15px;
}

.frame_text {
    padding: 25px 0;
    background: #f5efdc;
    border-radius: 30px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.text {
    font: 95% Georgia, serif;
    line-height: 1.5;
    text-align: justify;
    display: block;
}

.text p {
    text-indent: 35px;
}

@keyframes word_bkg_animation {
    from {
        background-color: #f5efdc;
    }
    to {
        background-color: #c9bf9a;
    }
}

@keyframes word_hard_bkg_animation {
    from {
        background-color: #e2d7ad;
    }
    to {
        background-color: #c9bf9a;
    }
}

.text span.definition {
    display: none;
}

.text .author {
    display: none;
}


/*.step1_1 .text span:hover:not(.definition) { cursor:pointer; background-color: #c9bf9a; animation-name: word_bkg_animation; animation-duration:0.5s;} */

.step1_1 .text span.hard {
    background-color: #e2d7ad;;
}

.step1_1 .text span.hard:hover:not(.expanded) {
    animation-name: word_hard_bkg_animation;
    animation-duration: 0.5s;
    background-color: #c9bf9a;
}

.step1_1 .text span.hard:hover {
    cursor: pointer;
}

.step1_1 .text span.hard.expanded {
    background-color: #c9bf9a;
}

.step1_1 .text span.definition {
    display: none;
    position: absolute;
    b1order: 1px solid white;
    max-width: 400px;
    font: 18px Times, sans-serif;
    background: #f5eac9;
    border-radius: 10px;
    text-indent: 0px;
    padding: 5px 15px 5px 10px;
    text-align: left;
    margin: 0 auto;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.8);
    cursor: pointer;
}


/*.step1_1 .text span.hard:hover + span.definition { display:block;}*/

.step1_1 .text span.definition::before {
    content: 'x';
    font: 20px Arial, serif;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -15px;
    margin-top: -15px;
    background: #c9bf9a;
    border-radius: 35px;
    width: 30px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.7);
    cursor: pointer;
}

.step1_1 .text .author,
.show_author .text .author,
.text .author {
    display: block;
    margin-top: 10px;
    font-style: italic;
    font-size: 80%;
}

.whatis_problem {
    font-weight: bold;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 10px;
}

.whatis_attitude {
    font-weight: bold;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 10px;
}

.whatis_note {
    font-weight: bold;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 10px;
}

.whatis_argument {
    font-weight: bold;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 10px;
}

.whatis_conclusion {
    font-weight: bold;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 10px;
}

.highlights {
    padding-top: 9px;
    padding-bottom: 1px;
}

.highlights div {
    margin-bottom: 10px;
    line-height: 0.9;
}

.highlights div span {
    font: 90% Times, serif;
    padding: 3px 8px;
    border-radius: 9px;
    white-space: pre-wrap;
}

.highlights.inline div {
    display: inline-block;
    margin-right: 15px;
}

.highlights.theme span,
.whatis_theme,
.ministep.theme {
    background: #ffbe79;
}

.highlights.problem span,
.whatis_problem,
.ministep.problem,
.assignment .highlight.step1d {
    background: #ffa382;
}

.highlights.attitude span,
.whatis_attitude,
.ministep.attitude,
.assignment .highlight.step2d {
    background: #aedd94;
}

.highlights.note span,
.whatis_note,
.ministep.note,
.assignment .highlight.step3d {
    background: #90e2f2;
}

.whatis_argument,
.ministep.arguments,
.assignment .highlight.step4d {
    background: #f1ed66;
}

.whatis_conclusion,
.ministep.conclusion {
    background: #e89df6;
}

textarea.theme,
input.theme {
    background: #ffe39c;
}

textarea.problem,
input.problem {
    background: #ffd7b2;
}

textarea.attitude,
input.attitude {
    background: #d8ffbd;
}

textarea.note,
input.note {
    background: #cbf4ff;
}

textarea.argument,
input.argument {
    background: #ffffb9;
}

textarea.conclusion,
input.conclusion {
    background: #ffcdff;
}

body.theme .user_selection_true,
.example_user_selection {
    border-bottom: 2px solid #ffbe79;
}

body.problem .user_selection_true {
    border-bottom: 2px solid #ffa382;
}

body.attitude .user_selection_true {
    border-bottom: 2px solid #aebd74;
}

body.note .user_selection_true {
    border-bottom: 2px solid #90e2f2;
}

.essay_here {
    margin-top: 13px;
    margin-bottom: 3px;
    line-height: 25px;
    font-style: italic;
}

.essay_here + .work_input {
    margin-top: 3px;
}

.recompile_essay {
    margin-left: 300px;
    float:right;
    color: #0086ff;
    border-bottom: 1px dashed #0086ff;
    cursor: pointer;
    opacity: 0.3;
}

td.highlights {
    margin: 0;
    padding: 10px 20px 0;
}

#note_marks_choose {
    margin-top: 40px;
}

.work_input {
    margin-top: 20px;
}

.work_input input,
.work_description input {
    font: 143% Times, serif;
    padding: 3px 16px 5px;
    border: 1px solid black;
    width: 60%;
    min-width: 700px;
}

.work_input .highlights div span {
    cursor: pointer;
}

.work_input textarea {
    font: 143% Times, serif;
    line-height: 40px;
    padding: 9px 16px 5px;
    width: 100%;
    height: 100px;
    min-width: 700px;
    margin-top: 10px;
}

.work_input textarea:not(.unfinished) {
    border: 2px solid black;
    bord1er-top: 30px solid #f7cec2;
    background-image: url('../images/bkg-egeblank40px.png');
}

.work_input textarea.finish:not(.unfinished) {
    border: 3px solid #f89a50;
}

.work_input textarea.unfinished {
    border: 2px solid #737373;
}

.work_input textarea[disabled].unfinished {
    border: 2px solid #ccc;
}

#problem_out {
    min-height: 40px;
}

#problem_in {
    height: 40px;
}

.test_description {
    font: 125% PTSerif, Times, serif;
    width: 90%;
    margin: 30px auto 10px;
}

.test_description.duplicate {
    padding: 0 45px;
    width: 80%;
}

.test_input,
.expert-check-answer {
    text-align: center;
    width: 230px;
    margin: 10px auto;
}

#test_yes,
#test_no,
#test_prev,
#expert-yes,
#expert-no {
    display: inline-block;
    font: bold 143% PTSerif, Times, serif;
    padding: 4px 20px;
    text-decoration: underline;
    color: #0086ff;
    cursor: pointer;
    margin: 0 0;
}

#test_prev {
    margin-left: 0px;
    padding-left: 0;
    font: 80% Times, serif;
    display: none;
}

#test_yes,
.switch #test_no {
    float: left;
}

#test_no,
.switch #test_yes {
    float: right;
}

.recommendation {
    width: 90%;
    margin: 10px auto 10px;
}

.work_input.duplicate {
    margin: 0;
    padding: 0;
}

.test_description.upper {
    margin: 7px auto 10px;
    font-size: 125%;
}

.upper.duplicate {
    font-size: 125%;
    margin-bottom: 10px;
}

.hint_countwords {
    display: block;
    margin-top: 10px;
}

.upper .hint_countwords {
    display: none;
}

.work_next {
    margin-top: 35px;
}

.work_next a,
.vilka a {
    text-decoration: underline;
    font-weight: bold;
    dfont: bold 23px PTSerif, Times, serif;
    color: #0086ff;
}

a {
    color: #0086ff;
}

.vilka {
    line-height: 1.3;
}

.you_will_not_go {
    display: none;
    margin-top: 8px;
    color: red;
}

.bottom {
    margin-top: 50px;
}

.bottom::before {
    content: '';
    font-family: PTSerif, Times, serif;
    font-weight: bold;
}

.bottom::after {
    content: '';
    font-family: PTSerif, Times, serif;
}

.fixed {
    position: fixed;
}

ol {
    list-style-type: decimal;
    margin-left: 25px;
}

ol li {
    margin-top: 2px;
}

.criteria_table {
    font-size: 90%;
}

.criteria_table td,
.criteria_table th {
    padding: 3px 15px;
}

.chapter_row th {
    font-weight: bold;
    font-style: italic;
    padding: 4px 15px;
}

.chapter_row th+th {
    text-align: left;
    padding-left: 5px;
}

.criterion_row td:first-of-type {
    font-weight: bold;
    text-align: center;
}

.criterion_row td+td {
    font-weight: bold;
    padding-left: 5px;
}

.criteria_table .score {
    text-align: center;
}

.times_onload {
    font-family: Times, serif;
}

.times_onload.step_name {
    font-size: 205%;
}

.times_onload.step_description {
    font-size: 135%;
}

.times_onload.work_headers {
    font-size: 120%;
    margin-top: 15px;
    margin-bottom: 40px;
}

.times_onload.work_headers + .work_description {
    margin-top: 0px;
}

.registration h1.times_onload.reg1 {
    margin-bottom:16px;
}

.registration h1.times_onload.optionreg + .options {
    margin-top:36px;
}

.registration .work_headers.times_onload.optionreg {
    margin-bottom:37px;
}

.registration .work_headers.times_onload.reg2 {
    margin-bottom:35px;
}

.registration h1.times_onload.reg2 {
    margin-bottom:18px;
}

.choose h1.times_onload + div {
    margin-top:16px;
}



.mininavigation {
    display: block;
    float: right;
    margin: 0px 50px 10px 20px;
    font: 14px PTSerif, Times, serif;
}

.mininavigation .linktomain {

}

.mininavigation .header_nav {
    margin-bottom: 3px;
    font: italic 16px PTSerif, Times, serif;
    1padding-left: 16px;
    text-align:center;
}

.timer_nav {
    margin-top: 10px;
    margin-bottom: 5px;
    font: 20px PTSerif, Times, serif;
    text-align: left;
}

.timer_nav .minutes {
    font-weight: bold;
}

.mininavigation .framen, .welcome .framen, .conclusion .framen {
    background: white;
    border: 2px solid #434343;
    border-radius: 3px;
}

.welcome .framen, .conclusion .framen {
    font-size:95%;
    margin:20px;
    width:80%;
}

.mininavigation .ministep {
    margin: 3px;
    padding: 2px 10px;
    border-radius: 2px;
}
.welcome .ministep, .conclusion .ministep {
    margin: 4px;
    padding: 3px 10px;
    border-radius: 2px;
}

.mininavigation .ministep span,
.mininavigation .tagline {
    1display: none;
}

.mininavigation .ministep a {
    color: #002e94;
}

.mininavigation .framen + .ministep {
    padding-left: 12px;
}

ol .mininavigation {
    position: relative;
}

.mininavigation .ministep a.disabled_link {
    cursor: default;
    text-decoration: none;
    color: black;
}

.mininavigation .ministep a.active_link {
    font-weight: bold;
    color: black;
}

.mininavigation .ministep a.active_link span {
    font-weight: bold;
    color: black;
}

.assignment {
    display: block;
    width: 54%;
    text-align: justify;
    text-indent: 35px;
    float: left;
    padding: 10px 20px;
    margin-right: 30px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
}

.kkk .assignment {
    float: none;
    margin-top: 15px;
}

.assignment p {
    padding: 0;
}

.cols {
    float: left;
    display: block-inline;
    text-align: center;
    width: 33%;
    font: 20px PTSerif, serif;
}

.cols img {
    width: 80%;
    border: 1px solid gray;
    1box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.cols.blanks img {
    width: 46%;
    margin: 0 5%;
}

.criteria_table {
    width: 60%;
}

.steps_description {
    display: none;
    width: 38%;
    margin-left: 62%;
}

.steps_description p {}

.steps_description ul li {
    margin-top: 15px;
    font: 19px PTSerif, serif;
    display: none;
}

.login,
.login_recovery {
    display: block;
    position: absolute;
    padding: 20px;
    background: white;
    text-align: center;
    font-size: 120%;
}

.login input,
.login_recovery input,
.registration input {
    border: 2px solid black;
    padding: 2px 4px;
    display: block;
    margin: 4px 0;
}
.registration input.disabled {
    border-color: rgba(0,0,0,0);
    background: rgba(0,0,0,0);
}

.login button,
.login_recovery button {
    display: block;
}

.registration {
    margin-top: 20px;
}

.registration h1 {
    margin-bottom: 20px;
}

.registration td {
    padding: 4px;
    vertical-align: middle;
    text-align: right;
}

.registration td[colspan] {
    text-align: left;
}

.registration input[type=radio],
.registration input[type=checkbox] {
    display: inline-block;
    font-size: 50px;
}

td.persdata {
    padding-top: 10px;
}

.registration label {
    padding-left: 10px;
}

.registration input[type=radio] {
    margin-left: 60px;
}

input[type=submit],
input[type=button] {
    border: 2px solid black;
    border-radius:8px;
    margin-left: 0px;
    padding: 6px 30px;
    box-shadow: inset -2px -4px 5px rgba(0, 0, 0, .2);
    background-color: #a0e8ff;
    cursor: pointer;
}

input[type=submit]:hover,
input[type=button]:hover {
    box-shadow: inset -2px -4px 5px rgba(0, 0, 0, .125);
}

input[type=submit]:active {
    box-shadow: inset 3px 5px 5px rgba(0, 0, 0, .125);
}

.registration #patronymic_row {
    display: none;
    margin-bottom: 10px;
}

.payment p {
    margin-top: 20px;
}

.payment input[type=radio] {
    margin-left: 30px;
}

.payment label {
    margin-left: 5px;
}

.prepagestop,
.registration,
.payment,
.choose,
.profile {
    padding-left: 10%;
    padding-right: 10%;
}


.choose .work_next {
    line-height: 33px;
    margin-bottom: 5px;
}

.choose .work_next a {
    font-size: 120%;
}

.prepagestop {
    width: 100%;
    min-height: 160px;
    background: #1b1714 url(../img/first-screen.jpg) center 20% no-repeat;
    background-size: cover;
}

.prepagestop h1 {
    display: block;
    position: absolute;
    color: #ffffff;
    font: 65px/57px PTSerif, Times, serif;
    margin: 0;
    top: 48px;
    margin-bottom: 30px;
}

.prepagestop h1 a {
    color: #fff;
    text-decoration: none;
}

.prepagestop .name {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    color: white;
    font-family: PTSerif, Times, serif;
    text-align: right;
}

.prepagestop .name #nickname {
    font-size: 27px;
    display: block;
}

.prepagestop .name .profile_link {
    font-size: 20px;
    margin-top: 5px;
    display: block;
    color: white;
}


.prepagestop .name .profile_link a {
    color: white;
}

.prepagestop .name .option {

}


a.profile_link:visited {
    color: white;
}

.klishe_instructions1 {
    padding-left: 30px;
    padding-top: 15px;
}

.klishe_instructions1.faded {
    /*    background:url('../images/icon_notice.gif') left 8px no-repeat; padding: 0 0 0 31px;*/
    display: block;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.klishe_instructions1 ol {
    padding-left:15px;
}
.klishe_instructions1 ol li {
    margin-bottom:20px;

}

.klishe_instructions1 ol li .colorer, .colorer {
    color: red;
    font-style:italic;
}



.expand_klishe_container {
    margin: 5px 0 35px 31px;
}

.klishe_instructions1.faded + .expand_klishe_container {
    margin-top: -7px;
}

.expand_klishe {
    display:inline-block;
    padding-top: 10px;
    font-size: 18px;
}

.klishe_instructions1.faded::after {
    background: transparent;
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 80%);
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 80%);
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 80%);
    background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 80%);
    background: linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 80%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.profile {
    margin-top: 30px;
}

.profile h1 {
    margin-bottom: 40px;
}

.profile p {
    margin-top: 10px;
    margin-left: 40px;
}

.profile .work_next {
    margin-top: 5px;
}

.profile .work_next_nav {
    margin: 40px 0;
}

#prepagesbottom {
    font: 17px "PTSansRegular", Arial, sans-serif;
    display: block;
    position: absolute;
    text-align:right;
}

#prepagesbottom a.question {
    display: inline-block;
    margin-right: 50px;
}







#yourname,
#print_content {
    padding: 10px 50px 20px 50px;
    font: 25px/35px PTSerif, Times, serif;
}

.showme_thetext span {
    font: bold 22px PTSerif, Times, serif;
    color: #0086ff;
    border-bottom: 1px dashed #0086ff;
    cursor: pointer;
}

.hided_text {
    display: none;
    margin-top: -10px;
}

.addon-text {
    display: none;
}

.registration table {}

.registration table td.error {
    padding-left: 30px;
    text-align: left;
    color: red;
    visibility: hidden;
    line-height:24px;
}

.registration #submit:disabled {
    opacity: 0.5;
    cursor: default;
}

.welcome .klishe_instructions {
    margin-top: 100px;
    background-position: left 7px;
}

.problem .showme_thetext {
    margin-top: 0px;
}

.print_content {
    display: none;
}

.print_content h1,
.print_content h2,
#essay_text {
    padding-left: 45px;
}

#essay_text p {
    text-align: justify;
    text-indent: 35px;
    margin-top: 10px;
}

@media print {
    .print_content h1,
    .print_content h2,
    #essay_text {
        padding-left: 45px;
    }
    #essay_text p {
        text-align: justify;
        text-indent: 35px;
        margin-top: 10px;
    }
}

textarea.finish.print:not(.unfinished) {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    padding-top: 20px;
}

textarea.finish.print:not(.unfinished):disabled {
    color: black;
}

.options {
    display:block;
    margin:40px auto;
}

.options .option {
    display:block;
    width:450px;
    float:left;
}

.options .first-option {
    margin-right:80px;
}

.options .option:hover {
}

.options .option .unit {
    padding:10px 20px;
    font:24px PTSerif, Times, serif;
}

.options .option .unit.similar {
    background: #eee;
}

.options .option .unit.header {
    font-size:170%;
    font-weight:normal;
    text-align:center;
    background:none;
    padding-bottom:20px;
    font-family:PTSerif;
    letter-spacing:0px;
}

.options .option .unit.cost {
    font-size:130%;
    font-weight:bold;
    background: #eee;
}

.options .option .unit.pay1 {
    background: #95e7a7;
}
.options .option .unit.free {
    background: #ffbaa5;
}

.unit.similar,
.unit.free,
.unit.pay1,
.unit.cost {
    border:1px solid gray;
    border-top:none;
}

.unit.header {
    border-bottom:1px solid gray;
}
.options .option .unit.pay1 {
    background: #95e7a7;
}

.options .option .unit.button {
    margin-top: 20px;
}

.options .option .unit.button input {
    margin:0 auto;
}


a.done:after, .done:after {
    font-family: 'Times';
    content: '\a0\2713\a0';
    text-decoration:none;
}

a.done, .done {
    text-decoration:line-through;
}

.pay_submit {
    display: block;
    margin-top: 20px;
    float:left;
}

.pay_safe_text {
    display: inline-block;
    color: #666;
    font: italic 16px PTSerif, Times, serif;
    margin:15px 0 0 25px;

}

.payment_notification_panel {
    background: transparent;
    background: -moz-linear-gradient(bottom, rgba(255, 255, 0, 0.1) 0%, rgba(255, 255, 0, 0.2) 80%);
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 0, 0.1) 0%, rgba(255, 255, 0, 0.2) 80%);
    background: -o-linear-gradient(bottom, rgba(255, 255, 0, 0.1) 0%, rgba(255, 255, 0, 0.2) 80%);
    background: -ms-linear-gradient(bottom, rgba(255, 255, 0, 0.1) 0%, rgba(255, 255, 0, 0.2) 80%);
    background: linear-gradient(bottom, rgba(255, 255, 0, 0.1) 0%, rgba(255, 255, 0, 0.2) 80%);
    border-radius:0 0 8px 8px;
    box-shadow:0 0 2px rgba(0,0,0,0.5);
    padding:15px 30px 10px;
    margin-bottom:40px;
    line-height:110%;
    z-index:100;
}
.payment_notification_panel p {
    margin-bottom:7px;
}

.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10;
}

.payment label img {
    vertical-align: middle;
    margin-left:10px;
}

.expert-check-question {
    padding: 20px;
    margin:20px 40px;
    background: transparent;
    background: -moz-linear-gradient(bottom, rgba(0,0,0, 0.05) 0%, rgba(0, 0, 0, 0) 80%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0, 0.05) 0%, rgba(0, 0, 0, 0) 80%);
    background: -o-linear-gradient(bottom, rgba(0,0,0, 0.05) 0%, rgba(0, 0, 0, 0) 80%);
    background: -ms-linear-gradient(bottom, rgba(0,0,0, 0.05) 0%, rgba(0, 0, 0, 0) 80%);
    background: linear-gradient(bottom, rgba(0,0,0, 0.05) 0%, rgba(0, 0, 0, 0) 80%);
    border-radius:15px;
    border:2px solid gray;    
    display:block;
    line-height:120%;
    text-align:left;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.primary.button {
    background-image: -moz-linear-gradient( 90deg, rgb(0, 120, 222) 0%, rgb(24, 103, 183) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0, 120, 222) 0%, rgb(24, 103, 183) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0, 120, 222) 0%, rgb(24, 103, 183) 100%);
    color: white;
    border: none;
    padding: 10px 30px;
}

.primary.button:hover,
.primary.button.waiting {
    background-image: -moz-linear-gradient( 90deg, rgb(0, 120, 222) 0%, rgb(0, 69, 144) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0, 120, 222) 0%, rgb(0, 69, 144) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0, 120, 222) 0%, rgb(0, 69, 144) 100%);
}


.struktura {
    font-style: italic;
    font-weight: bold;
    color: #444 !important;
    font-size: 90%;
}
.struktura:before {
    content: "[";
}
.struktura:after {
    content: "]";
}


table.k3_decomposition {
    border-collapse: collapse;
    border-spacing: 0;
    width:70%;
    margin-left:5%;
    margin-top:20px;
}
table.k3_decomposition td {
    border: 1px solid #111;
    padding: 3px 5px;
}
table.k3_decomposition td.allow {
    background-color: #78ff84;
}
table.k3_decomposition td.disallow {
    text-decoration: line-through;
    color:#666;
}
table.k3_decomposition td.minus.disallow {
    background-color: #f16b6b;
}
table.k3_decomposition td.italic {
    /*font-style:italic;*/
    background-color1: #ffb6b6;
}
table.k3_decomposition td.plus {
}

table.k3_decomposition.showe td.num1, table.k3_decomposition.showe tr.vmesto_th td:not(:first-child) {
border-left-width:2px;
}


ul.ill {
    margin-left:17%;
}

ul.ill li {
    display: inline-block;
    width:83px;
    padding-right:10px;
    padding-left:10px;
    cursor: pointer;
    color: #0086ff;
}
ul.ill li span {
    border-bottom: 1px dashed #0086ff;
}

ul.ill li:hover span {
    font-weight:bold;
}

ul.ill li.lithis span {
    /*font-weight: bold;*/
}

.k3_decomposition td.plus {
    background-color: #c1ffc2;
}
.k3_decomposition td.minus {
    background-color: #ffd4ce;
}
.k3_decomposition td.plus, .k3_decomposition td.minus {
    display:none;
}
.k3_decomposition.showe td.plus, .k3_decomposition.showe td.minus {
    display:table-cell;
}
.k3_decomposition td.plus.thisnum {
    background-color: #78ff84;
}
.k3_decomposition td.minus.thisnum {
    background-color: #f16b6b;
}

#h_example1, #h_ill1, #h_link, #h_example2, #h_ill2, #h_analyze {
    font-weight: bold;
}

tr.vmesto_th td, .k3_decomposition.showe td.plus, .k3_decomposition.showe td.minus {
    text-align:center;
}
tr.vmesto_th td {
    font-weight:bold;
}