/* reusable */
.fixed_bubbles {
    width: 100%;
}


/* custom */

.markbook_info p {
    margin-bottom: 0.5em;
}

.markbook .compact {
    font-weight: bold;
}

.markbook_info .sub_header{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 0.1em;
}

.markbook_info .ops_visualization{
    max-width: 17em;  
}

@media (min-width: 1200px) {
}


.content {
    padding: 0 3px;
}


.student_summary .current_classes .headed_box > .content {
    /* class inner contents are actually side by side */
    flex-direction: row;
}

.student_summary .current_classes .headed_box > .content .right {
    flex: 2 2 !important;
}

.student_summary .current_classes .headed_box > .content .charts {
    flex: 3 2;
    display: flex;
    flex-direction: column;
    max-height: 6em;
    min-height: 4em;
}

.student_summary .current_classes .charts .ops_visualization {
    flex: 2;
}

.student_summary .current_classes .charts .verticalItem {
    text-align: right;
}

.student_summary .left dt {
    background-color: #DDD;
    margin: 0.1em;
    padding: 0.1em;
    border-bottom: 1px solid #AAA;
}

.student_summary .left dd {
    padding-left: 0.45em;
}

.student_summary .profile_image.warn {
	border:2px orangered solid; 
}

.current_classes .content .class_list .verticalItem{
    min-width: 10em;
}

.current_classes .content .charts .verticalItem {
    font-size: 80% ;
}

@media (min-width: 1200px) {
    .student_summary .profile_image {
        max-width: 100%;
    }
    .student_summary > .left {
        /* prevent the student column being isolated in single column mode */
        /* media query needs to be synced with column-width, not linear though */
        -webkit-column-break-after: always;
    }
}

.markbook_gauge .gauge {
	width: 1.6em;
	border-radius: 1.2em;
}

.markbook_gauge table {
	background-color: transparent !important;
	border: 0 !important ;
	height: 100% ;
}
.markbook_gauge table tr {
	background-color: transparent !important;
}
.markbook_gauge table td {
	border: none ;
}
.markbook_gauge table tr.tall td {
	height: 1em ;
	min-height: 1em ;
}
.markbook_gauge table tr td:has(a) {
	padding-left: 0 ;
}
.markbook_gauge table tr td.gauge-arrow {
	width: 1.5em ;
	text-align: left ;
}

.markbook_gauge .gauge-arrow.arrowIn .arrow.left {
    border-right-color: #aaa ;
	margin: 0 ;
}

.student_summary .markbook_gauge .blue {
	background-color: #73B4E6;
}

.student_summary .markbook_gauge .green {
	background-color: #A9CD72;
}

.student_summary .markbook_gauge .orange {
	background-color: #E5B386;
}

/*#flx_messages, #flx_messages_info, #flx_messages_error, #flx_messages_warn, #flx_messages_success,
.flx_messages_info, .ops_page_static_info, .ops_page_warn, .ops_page_error, .ops_page_info {
	border-radius: 5px;
	padding:1em;
	padding-left:2.5em;
	background-repeat:no-repeat;
	background-position: 10px 50%;
	margin-bottom:1em;
	margin-right:1em;
}*/

#ops_Form__AppUpload .table-container_footer {width: fit-content;min-width:50rem;margin: auto auto 1rem auto}
#ops_Form__AppUpload .table-container > table {width: fit-content;min-width:50rem;margin: auto auto 1rem auto}
#ops_Form__AppUpload .table-container_footer table {border:none}
#ops_Form__AppUpload .datagrid-container .table-container_footer table tr{border:none}
#ops_Form__AppUpload .datagrid-container .table-container_footer > table tfoot tr {background-color: transparent}