/**** /content/css/test.css ****/
@CHARSET "UTF-8";
.test-q-list .one-q { margin: 20px 0; padding: 0; position: relative; }
.test-q-list .one-q.wrong { background: #fbd5d5; }
.test-q-list .one-q.right { background: #A7DBB3; }
.test-q-list .one-q h3 { padding: 20px; position: relative; }
.test-q-list .one-q .an-list { padding: 0 20px 20px; }
.test-q-list .one-q .acts { border-top: dashed 1px #ddd; min-height: 59px; box-sizing: border-box; padding: 14px 20px 14px; }
.test-q-list .one-q .res { font-size: 20px; line-height: 28px; color: #035603; }
.test-q-list .one-q.wrong .res { font-size: 20px; line-height: 28px; color: #bb0b0b; }
.test-q-list .one-q .one-an { padding: 4px 4px 4px 38px; cursor: pointer; position: relative; }
.test-q-list .one-q .one-an:hover { background: #eee; }
.test-q-list .one-q .block-wrap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; filter: alpha(opacity=0); background: rgba(0,0,0,0.2); }
.test-q-list .one-q .check { position: absolute; width: 16px; height: 16px; display: inline-block; border: solid 2px #419adf; border-radius: 3px; left: 4px; }
.test-q-list .one-an.selected .check { background: #419adf; }
.test-q-list .one-an.selected .check:before { content: ""; display: inline-block; vertical-align: middle; width: 9px; height: 7px; border-bottom-width: 3px; border-bottom-style: solid; border-left-width: 3px; border-left-style: solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 2px; top: 1px; color: #fff; }
.test-q-list .one-q .check.selected:before { color: #fff; }
.test-result .res-details { padding: 20px; }
.test-result .res-details h3 { background: #419adf; color: #fff; padding: 10px; font-size: 18px; }
.test-result .res-amount,
.test-result .per-amount { font-size: 17px; margin: 20px 0; text-align: center; }
.test-result .res-amount span,
.test-result .per-amount span { font-size: 24px; display: inline-block; margin-left: 20px; background: #ddd; padding: 12px; }
.test-result .socials { float: right; margin-top: 0; }
.test-result .repeat-test { padding: 4px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; margin: 8px 10px 0 0; display: inline-block; background: #eee; float: left; }
.test-result .repeat-test:hover { color: #fff; background: #419adf; }
.test-result .acts { margin-top: 30px; }
.one-test .diary-desc img { float: left; margin-right: 36px; display: block; max-height: 200px; border-radius: 50%; display: block; max-width: 115px; }
.one-test .usefull { background: #eaf4fd; padding: 20px !important; margin-top: 20px; border-radius: 3px; }
@media screen and (max-width: 510px) { .one-test .diary-desc img { float: none; margin: 0 auto 10px auto; }
}