/*=================================================================================================*/
/*  RESPONSIVE OVERRIDES 480px                                                                     */
/*=================================================================================================*/


@media (max-width: 480px) {

/* top logo, banner */

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

header#main-header .banner .container .row-fluid {
    display: block!important;
}

header#main-header .banner .container .row-fluid .span4 {
    margin-bottom: 15px;
}

header#main-header .brand img {
    height: 30px;
}

header#main-header .brand::after {
    font-weight: bold;
    line-height: 1em;
}

.welcome-area, .welcome-area .welcome-block {
    float: none;
}



/* sidebar, main content */

.grid-sidebar {
    display: grid;
    grid-template-columns: minmax(100%, auto) minmax(0, auto);
}

#sidebar-toggle {
    padding: 6px 0;
}

#content {
    padding: 0;
    overflow: hidden;
}

.inner-content {
    border: none;
    border-radius: 0;
}

.grid-sidebar #sidebar-toggle::before {
    display: inline-block;
    content: "Close Sidebar";
    font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
    line-height: 26px;
    color: #2F5D7C;
    letter-spacing: 1px;
}

.inner-content > h1 {
    margin: 0 0 15px;
    font-size: 1.5em;
}

.breadcrumb {
    margin-bottom: 15px;
}

/* footer */

#main-footer {
    padding: 0 20px;
}

/* lists */

.nav-tabs {
    margin: 20px 0;
    width: 100%;
    clear: both;
}

.events-list-controls .nav-tabs {
    margin: 0 0 10px;
    width: auto;
    clear: none;
}

#target-reports-button {
    float: none;
}

#target-reports-button + #form_index_tabs {
    display: flex;
    flex-direction: column;
}

/* forms */

.form-horizontal .controls {
    margin-left: 0;
}

.form-horizontal select, select:not(#ctype_id) {
    width: 100%;
}

label, input, button, select, textarea {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
}

.entrada-search-widget .search-filter-item {
    padding-top: 10px!important;
}

.entrada-search-widget .search-target-label {
    margin-left: 25px!important;
}

/* tables */

table {
    table-layout: fixed;
}

table.item-table.horizontal-multiple-choice-single,
table.item-table.horizontal-multiple-choice-multiple,
table.item-table.vertical-multiple-choice-single,
table.item-table.vertical-multiple-choice-multiple,
table.item-table.selectbox-single,
table.item-table.selectbox-multiple {
    table-layout: auto;
}

table.tableList, table.DataTable {
    width: auto!important;
}

table td, table th {
    word-wrap:  break-word;
}

/* calendars */

.dhx_cal_tab.month_tab,
.dhx_cal_tab.year_tab,
.dhx_cal_tab.dhx_minical_icon,
.dhx_cal_today_button {
    display: none;
}

.dhx_cal_tab.week_tab {
    border-radius: 0 5px 5px 0;
}

.qtip {
    min-width: 0!important;
    max-width: 100%!important;
}
/*=================================================================================================*/
/*  CBME DASHBOARD                                                                                 */
/*=================================================================================================*/
.page-module-dashboard #cbme-progress > .row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    flex-shrink: 1;
    flex-grow: 1;
    justify-content:right;
}
.page-module-dashboard #cbme-progress > .row > a{
    float: none;
    margin: 2px 0;
    width: 100%;
    max-width: 100%;
}
/*=================================================================================================*/
/*  PUBLIC PAGES                                                                                    */
/*=================================================================================================*/

/* dashboard (includes cbme dashboard) */

#calendar-ics-btn {
    display: none;
}

.previous-notices {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 20px;
}

.cbme-nav-tabs .trends {
    display: none!important;
}

#stage-container h2 {
    letter-spacing: -2px;
}

#cbme-filters {
    display: none;
}

.list-card-item-wrap {
    margin: 15px 0!important;
}

.list-card-title {
    white-space: normal;
    width: auto!important;
}

.stage-container > .list-set-item-status {
    padding: 15px 13px;
}

.list-card {
    margin: 0;
}

.list-card-footer {
    display: block;
}

.epa-container .list-set-item-epa:first-child {
    padding: 10px 10px 80px;
}

.list-set-item-epa-description-cell {
    min-width: 110px;
    padding: 15px 0;
}

.list-set-item-epa-description {
    min-width: 100px;
    white-space: normal!important;
    margin-bottom: 36px;
}

.assessment-details-container {
    padding-bottom: 80px;
}

.epa-container .stage-footer {
    height: 80px;
}

.assessment-tasks li {
    width: 100%!important;
}

label[for=dlength], #dlength {
    text-align: left;
    display: block;
}


/* courses */
.page-module-courses.page-section-index .inner-content > .row-fluid > div,
.page-module-courses.page-section-index .inner-content > .row-fluid > form {
    float: none!important;
}
.page-module-courses.page-section-index #course-quick-select {
    width: 100%;
}

.page-module-courses.page-section-index .curriculum-layout {
    margin: 0;
}

/* search */

.page-module-curriculum.page-section-index #search-form .controls > * {
    margin-bottom: 10px!important;
}
.page-module-curriculum.page-section-index #search-form .controls .btn-group:nth-child(1) {
    display: none;
}
.page-module-curriculum.page-section-index #search-form > .control-group:nth-child(n) .btn-group {
    margin: 0;
}

/* assessment and evaluation */

.page-module-assessments #select-assessor-btn,
.page-module-assessments #search-assessment-tools,
.page-module-assessments #select-epa-btn {
    width: 100%;
}

.page-module-assessments .epa-help {
    position: absolute;
    top: -25px;
    left: 85px;
}

.page-module-assessments .assessment-type-description {
    width: 100%;
}

.page-module-assessments .user-list-card li {
    width: 100%;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.page-module-assessments .card-child-divider {
    border: none!important;
    display: block;
}

.page-module-assessments #form_index_tabs {
    clear: both;
}


.page-module-assessments #search-bar,
#assessment_tasks_filter_container,
#feedback_filters_form .input-append,
#feedback_filters_form input {
    display: none;
}

#assessment-learner-container #generate-pdf {
    display: block;
}

#assessment-learner-container .control-group {
    float: none;
}

label[for=learner-curriculum-period-select],
#learner-curriculum-period-select {
    display: block;
    margin: 5px 0;
}

#change-faculty-card-visibility {
    display: block;
    margin: 5px 0!important;
}

.user-list-card, #targets-pending-grid, #targets-inprogress-grid, #targets-complete-grid {
    margin: 0!important;
}

.page-module-assessments.page-section-index #assessor-card,
.page-module-assessments.page-section-index #target-card {
    width: 100%;
}

.page-module-assessments.page-section-index #assessor-card::after {
    display: none;
}

.rubric-table tbody, .rubric-table tr, .rubric-table td {
    box-sizing: border-box;
    display: block;
    width: 100% !important;
    padding: 0;
    border: 0;
}

.rubric-title th {
    display: block;
}

.rubric-title .pull-left {
    float: none!important;
}

tr.rubric-title th ,
tr.rubric-response-input td {
    border: none!important;
    padding: 0 10px;
}

tr.rubric-comment td {
    border-left: none!important;
    border-right: none!important;
}

tr.rubric-comment td .comment-label {
    margin: 10px 0!important;
}

.rubric-table tbody td:nth-child(2) {
    padding-top: 10px;
}

.rubric-table tbody td:last-child {
    padding-bottom: 10px;
}

tr.rubric-response-input td:first-child {
    border-top: 1px solid #d9dee2!important;
    border-bottom: 1px solid #d9dee2!important;
    padding: 10px;
}

.rubric-table thead th {
    background-color: #d7e0e7;
}

#assessment-form .submit-buttons {
    float: none;
}

#assessment-form .submit-buttons * {
    display: block!important;
    margin: 5px auto 0;
}

#assessment-tool-form-preview input[type=radio] + .btn,
#assessment-form input[type=radio] + .btn {
    position: relative;
    font-size: 16px;
    padding: 12px;
    padding-left: 2rem;
}
#assessment-tool-form-preview input[type=radio] + .btn:before,
#assessment-form input[type=radio] + .btn:before {
    left: 0.25rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.horizontal-response-input td {
    display: block;
    width: auto;
}

#assessment-tool-form-preview input[type=radio]:checked + .btn,
#assessment-form input[type=radio]:checked + .btn,
#assessment-tool-form-preview input[type=radio]:checked + .rubric-response-text .btn,
#assessment-form input[type=radio]:checked + .rubric-response-text .btn {
    background-color: darkgreen;
    color: #fff;
}
input[type="radio"] + .rubric-response-text .btn::before,
input[type="radio"] + .btn::before {
    content: "\f00c";
    padding: 0.25rem;
    font: normal normal normal 14px/1 FontAwesome;
    opacity: 0;
}

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

#assessment-form select.select2-hidden-accessible {
    border: 1px solid #ecf0f3 !important;
    clip: initial !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 7px!important;
    position: static !important;
    width: 100% !important;
    text-transform: capitalize;
    font-size: 16px;
}

#assessment-form #assessment-selectors:empty {
    display: none;
}

#assessment-form .select2, #assessment-form .select2-results, #assessment-form .select2-search,
#assessment-form .select2-search--dropdown, #assessment-form .select2-dropdown, #assessment-form .select2-container {
    display: none !important;
}

/* assessment preview */

#assessment-tool-form-preview .selected-response::before {
    display: none;
}

#assessment-tool-form-preview .rubric-response-input td label {
    display: block;
}


.preview-dialog-container .preview-dialog-container .ui-dialog-titlebar {
    background-image: linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0, 0, 0, 0) 100%)!important;
}

#assessment-tool-form-preview {
    margin: 100px auto 10px!important;
    min-width: 85%!important;
}

.preview-dialog-container .ui-dialog-titlebar {
    padding: 0 15px!important;
}

.preview-dialog-container a.ui-dialog-titlebar-close {
    margin-right: 15px!important;
    margin-top: -34px!important;
    background-color: #333!important;
}


/*=================================================================================================*/
/*  ADMIN PAGES                                                                                    */
/*=================================================================================================*/

/* profile */

#profile-image-container {
    position: relative!important;
    clear: both;
    float: none;
    margin-bottom: 20px;
}

}