.spoilerhead a{
	color:#FFF;	
}
.spoilerhead.add a{ color:#FFF;	}
.spoilerbody { margin: 5px; }
.qgrid { width:100%;}

.qfield_item{ margin:10px 5px 15px 5px; }
.f_quizmanager{ margin:15px 5px;}
.quest_title{ width:100%; color:#FFF; background:#6092C9; padding:8px; display: inline-block; width:100%;}/*#5F87A0*/
.quest_body{ width:70%; float:left; vertical-align: middle; margin:15px 10px; display: inline-block;}
.answer_body{ width:27%; float:left; vertical-align: middle; margin:15px 0px;line-height:100%; height:auto; display: inline-block; width:100%;}

.quiz_container { display:none; }
.quiz_container .field{ margin-bottom: 0px;display: inline-block;width: 100%;}
.quiz_container .field textarea{ height: 105px; width: 100%;}
.confirm_button { float:right; }

.quiz_stats {
    position: absolute;
    right:30px;
    width:170px;
}
.quiz_card {
    padding:12px;
    border: #d7d8da solid 1px!important;
    margin-bottom:20px;
    background: rgba(147, 168, 182, 0.1);
    display: inline-block;
    width: 100%;
    vertical-align: top;
}/*#DFF6FF*/


.quiz_card h1 { margin:0px; padding:0px; line-height:32px;}

.quiz_card .photo{
    float:left!important;
    margin:0 15px 15px 0!important;
}
.quiz_card .photo img{ width: 80px; height: 80px;}

.card-fields{
    float:left;
    width:calc(100% - 265px);
    padding:5px;
}
.card-title { font-size: 24px; line-height: 28px; margin: 0px; padding: 0px;}
.card-winner{ margin-top:8px; color: #111; font-size: 12px;}
.quiz_stop { font-size: 24px; text-align: center;}

.quiz_result { display:table; width:100%;}
.quiz_results{ width:100%; }
.quiz_results th{ width:100%; color:#FFF; background:#341F1E; padding:8px; text-align:left; }/*#5F87A0*/
.quiz_results td{ padding:7px;}
.quiz_rating_widget span{ float:left;font-size:15px;text-align: center;}
.quiz_rating_widget div{ float:right;margin-bottom:3px;}

.quiz_rating_widget .arrow *::before{
    display:inline-block;
    vertical-align:top;
    margin:0;
}

.quiz_rating_widget .rating_widget .arrow{
    margin:0;
    width:auto;
}
.quiz_rating_widget .rating_widget .arrow span{
    /*width:100%;*/
}

.quiz_rating_widget .rating_widget .arrow.down{
    margin-left:5px;
}
.quiz_rating_widget .rating_widget .arrow.up{
    margin-right:5px;
}
.quiz_result_widget{
    line-height: 15px;
    font-size: 12px;
    color: #111;
    clear:both;
}

.quiz_stats .results_block{
    clear:both;
}

.quiz_stats .results_block a,
.quiz_stats .results_block span{
    float:right;
}
.quiz_left_stat,
.quiz_right_stat{
    width:100%;
}
.voters_title { width:100%; border-bottom:#6092C9 solid 2px; color:#6092C9;}
.quiz_notice{ line-height:25px; font-size:18px; }

.error_title{ font-size:18px; color:#980C0F; border-bottom:#AA1C1F solid 2px; line-height:45px; margin-bottom:7px;}
.error_text { font-size:14px; line-height:26px; }
.notice_title{ font-size:24px; color: #6092C9; border-bottom:#6092C9 solid 2px; line-height:45px; margin-bottom:7px; margin-top: 7px;}/*#30A49F*/
.notice_text { font-size:14px; line-height:26px; }

.quiz_list_panel{text-align:center; display:table; padding:6px 0px;}
.quiz_button, .quiz_button_inactive, .quiz_start { padding:7px 15px; background:#6092C9; color:#FFF; border-radius:7px; text-decoration:none; font-size:16px; cursor:pointer; text-align:center; min-width:170px;}
.quiz_button:hover, .quiz_start:hover{ background: #6092C9; color:#FFF; }
.quiz_button_inactive {background:#999;}

.quiz_small_button { padding:4px 8px; background:#6092C9; color:#FFF; border-radius:7px; text-decoration:none; font-size:14px; cursor:pointer; text-align:center;}
.quiz_small_button:hover{ background:#6092C9; color:#FFF; }
.morebuttons { margin-top: 8px;}

.balls { font-size: 24px; margin: 10px 0px 10px 0px;}
.quiz_center{ margin:15px; text-align:center; }
.quiz_caption { font-size:16px; line-height:26px;}
.qcaption { font-size:16px; margin-bottom: 10px;}
.lasury { background: #5886B8;}/*#30A49F;*/
.gray { background: #999; }
.gray:hover{ background: #999; }

.quiz_auto { float:right; line-height:15px; vertical-align:top; margin-top:-8px;color:#FFF;}
.quiz_auto_label{ color:#FFF; }
.quiz_start_block{ margin:10px 0px;}

.quiz_grades{text-align:center;}
.quiz_grades div{display:inline; margin:4px;}
.quiz_grades div span{ vertical-align: top;}
.quiz_grades div img{ padding-top:0px;}

.voters_pagebar{ width:100%; text-align:center;}
.stat_caption { font-size:14px; line-height:30px;}
.stat_caption span{ color:#555; margin-right:7px; padding-left:7px; }

.quest_body .quest{ font-size: 16px; margin-bottom: 10px;}
.quest_body span{ font-weight: bold;}

.quiz_half_block{ float:left; width:50%;}	
.quiz_reset{clear: both; float:none; margin-bottom:15px;}
.qtitle{background: linear-gradient(to right, #CED6DC, #34495E); color:#111; padding-left:10px}

.need_mod{ color: #DC143C;}

.answer-perfect { float: right;}
.answer-perfect input { width: 50px;}

.mod_title{ font-weight: bold; margin-bottom: 4px; max-width: 250px;}
.mod_notice{ font-size: 12px; font-style: italic; max-width: 250px;}
.question{ line-height: 32px; font-size: 16px; float: left; padding-left: 5px;}

.qcomments_button{ display: block;
    float: right;
    font-size: 12px;
    background: url("/templates/default/images/icons/comment.png") no-repeat;
    padding-left: 20px;
    cursor: pointer;
}
.qcomments{
    display: none;

}
.link_icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("./images/link-icon.png");
}
	
.summary_title{ font-size:24px; text-align:left; color:#58697A; padding:6px 15px;}

/* ------------- Контейнер с адаптивными блоками------------- */
.summary {
    margin: 1.5em 0;
    padding: 0;
    column-gap: 1.5em; /* Общее расстояние между колонками */
    font-size: .85em;
    -moz-column-gap: 1.5em; /* Расстояние между колонками для Firefox */
    -webkit-column-gap: 1.5em; /* Расстояние между колонками  для Safari, Chrome и iOS */
}
 
/* Элементы в виде плиток с содержанием */
.summary .item {
	height:auto;
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box; /* Изменения алгоритма расчета ширины и высоты элемента.*/
    -moz-box-sizing: border-box; /* Для Firefox */ 
    -webkit-box-sizing: border-box; /* Для Safari, Chrome, iOS иAndroid */ 
    box-shadow: 2px 2px 4px 0 #ccc; /* Внешняя тень плиток */
}
 
/* Стили картинок, видое и фреймов внутри адаптивных плиток */
.summary img, iframe {
max-width: 100%;
height: auto;
display: block;
}
 
/* Стили ссылок внутри плиток */
.summary .item a {
text-decoration: none;
color: #359CC6;
margin: 0 10px;
}
 
/* Стили ссылок при наведении */
.summary  .item a:hover {
color: #E88F00;    
border-bottom: 1px dotted #9F1D35;
}
 
/* Медиа-запросы для различных размеров адаптивного макета */
@media only screen and (min-width: 600px) {
    .summary {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}
 
@media only screen and (min-width: 1100px) {
    .summary {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
 
@media only screen and (min-width: 1400px) {
    .summary {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1280px) {
    .wrapper {
        width: 1260px;
    }
}


@media (max-width: 700px){
    .quiz_stats {
        position: relative;
        right: auto;
        width: 100%;
        clear: both;
        padding-top: 15px;
    }

    .card-fields{
        width: calc(100% - 95px);
    }
    .quiz_left_stat,
    .quiz_right_stat{
        width:50%;
        float:left;
    }
    .quiz_left_stat a,
    .quiz_left_stat span{
        padding-right:10px;
    }
}

@media (max-width: 440px){
    .quiz_card .photo{
        float:none!important;
        margin:0 0 15px 0!important;
        box-shadow:none!important;
    }
    .quiz_card .photo img{
        margin: 0 auto;
        border-radius: 5px;
    }

    .card-fields {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 380px){
    .quiz_left_stat,
    .quiz_right_stat{
        width:100%;
    }

    .quiz_left_stat a,
    .quiz_left_stat span{
        padding-right:0;
    }
}