/*=================================================================================================*/
/*  RESPONSIVE OVERRIDES 980px                                                                     */
/*=================================================================================================*/
/**
 * - minor overrides to make the standard skin a little more responsive for mobile devices
*/

@media (max-width: 979px) {

/*=================================================================================================*/
/*  BASICS   (elements, common styles)                                                             */
/*=================================================================================================*/

html, body {
    padding-left: 0;
    padding-right: 0;
}

/*=================================================================================================*/
/*  MAIN CONSOLE  (top bar, sidebar)                                                               */
/*=================================================================================================*/

/* top logo, banner */

header#main-header {
    min-width: auto;
}

header#main-header .banner {
    padding: 14px 20px;
}

/* navbar */

.navbar .nav {
    margin-left: -10px;
}

.navbar-inner {
    padding: 0 20px;
}

.navbar .nav > li > a {
    margin: 0 10px;
}

/* sidebar, main content */

.grid-sidebar {
    display: grid;
    grid-template-columns: minmax(200px, 260px) minmax(260px, auto);
}

.grid-no-sidebar {
    display: grid;
    grid-template-columns: 0 minmax(auto, 1fr);
}

#content {
    padding: 30px 20px 0;
    overflow: hidden;
}


#sidebar {
    padding: 30px 20px 0;
}

.grid-no-sidebar #sidebar {
    box-shadow: none;
}

#sidebar-toggle {
    margin: -30px -20px 15px;
}

.grid-no-sidebar #sidebar-toggle {
    margin-right: -12px;
    border-radius: 0 20px 20px 0;
    padding: 6px 0;
}

/* forms */


.entrada-search-widget .absolute-position {
    position: relative!important;
    top: 2px!important;
}

/*=================================================================================================*/
/*  PUBLIC PAGES                                                                                    */
/*=================================================================================================*/

/* assessments */


.preview-dialog-container .form-text-container,
#assessment-form .form-text-container {
    margin: 20px 0;
    background: #f4f7fa;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #d9dee2;
}

.horizontal-multiple-choice-single tr.horizontal-response-label,
.assessment-horizontal-choice-item input[type="radio"], .rubric-table input[type="radio"],
.rubric-descriptors {
    display: none!important;
}

#page table:not(.rubric-table) .item-response-view td {
    xdisplay: block;
    xwidth: 100%;
    xtext-align: left;
    xpadding: 0 15px 15px 15px;
    xbox-sizing: border-box;
}

#page table:not(.rubric-table) .item-response-view td label {
    display: block;
}

#page table:not(.rubric-table) .item-response-view td label span {
    text-align: left;
}

input[type="radio"]:checked + .btn {
    background: #d7e0e7;
}

input[type="radio"] + .rubric-response-text .btn::after,
input[type="radio"] + .btn::after {
    content: "\f00c";
    padding: 0.25rem;
    font: normal normal normal 14px/1 FontAwesome;
    opacity: 0;
}

input[type="radio"]:checked + .rubric-response-text .btn::after,
input[type="radio"]:checked + .btn::after {
    opacity: 1;
}

}