/**
 * Eindsprint module for Craft CMS
 *
 * Eindsprint CSS
 *
 * @author    Gijs Boersma
 * @copyright Copyright (c) 2020 Gijs Boersma
 * @link      https://www.sonobe.nl
 * @package   EindsprintModule
 * @since     1.0.0
 */

/*#global-footer2, #announcements-btn, #edition-logo, #alerts {*/
/*    display: none !important;*/
/*    visibility: hidden !important;*/
/*}*/

.reduce-focus-visibility :focus-visible {
    box-shadow: none;
}

#adminActions {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.btn-eindsprint {
    background-color: #08bcc1;
    color: #fff !important;
}

#adminActions .btn {
    margin: 10px 0;
    width: 100%;
}

.noborder {
    border: 0px !important;
}

.nohover:hover, .nohover:hover td  {
    background: inherit !important;
}

.mapError {
    color: red;
}

#importDataCount {
    display: inline;
    padding-left: 15px;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.m-6 {
    margin: 6px !important;
}

.mb-6 {
    margin-bottom: 6px !important;
}

.mt-6 {
    margin-top: 6px !important;
}

.ml-6 {
    margin-left: 6px !important;
}

.m-12 {
    margin: 12px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mt-12 {
    margin-top: 12px !important;
}
.ml-12 {
    margin-left: 12px !important;
}

.mr-12 {
    margin-right: 12px !important;
}


.mb-15 {
    margin-bottom: 15px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.m-15 {
    margin: 15px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mt-25 {
    margin-top: 25px !important;
}
.ml-25 {
    margin-left: 25px !important;
}

.mr-12 {
    margin-right: 12px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.m-25 {
    margin: 25px !important;
}

/* Padding Left */
.pl-12 {
    padding-left: 12px !important;
}
.pl-24 {
    padding-left: 24px !important;
}

/* Padding Right */
.pr-12 {
    padding-right: 12px !important;
}
.pr-24 {
    padding-right: 24px !important;
}

/* Padding Top */
.pt-12 {
    padding-top: 12px !important;
}
.pt-24 {
    padding-top: 24px !important;
}

/* Padding Bottom */
.pb-12 {
    padding-bottom: 12px !important;
}
.pb-24 {
    padding-bottom: 24px !important;
}

/* Padding all */
.p-12 {
    padding: 12px !important;
}
.p-24 {
    padding: 24px !important;
}

.fs-11 {
    font-size: 11px;
}

.input input:read-only {
    border: 0 !important;
    font-style: italic;
}

.width-100 {
    width:100%;
}

.tablewidth-50 {
    width:50%;
}

*[data-eindsprintrelated] {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    color: #afaaaa;
}

.div-alert {
    background: red;
    color: #fff;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.bg-success {
    background-color: #9ac100 !important;
}

.color-red  {
    color: red !important;
}

.tableview div.spinner {
    width:100%;
}

.toggleSection {
    cursor: pointer;
    margin-bottom: -15px;
}

.tableSmall {
    font-size: 12px;
}

.icon-success {
    border-radius: 50%;
    background: #15d315;
    height: 25px;
    color: rgba(255,255,255,0.9);
    width: 25px;
    padding-top: 2px;
    font-size: 15px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
}

.trActive {
    background-color: #f3f7fc;
}

.text-center {
    text-align: center;
}

/* internal orders */
.orderProducts-empty {
    font-style: italic;
}
.orderProducts-max {
    color: red;
    font-size: 12px;
}

.orderDetails {
    display: none;
}

.orderDetails-open {
    display: block;
}

.tdZero {
    color: #dfdfdf;
}

.spanTotal {
    font-weight:bold;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    transform: translateX(-30%);
    display: inline-block;
    margin-top: -15px;
    border-radius: 8px;
}

.tablepane.hasTotals {
    margin-bottom: -24px;
}


.tableInactiveEntries * {
    /*font-style:italic;*/
    color: #d3d3d3 !important;
}

table td {
    vertical-align: top;
}

.toggleCourses {
    text-decoration: underline;
    cursor:pointer;
}

.ungroupedCoursesTrainers ul, .ungroupedCoursesStudents ul {
    list-style:disc;
    padding: 10px 20px;
}

*[data-action="elements/save-draft"] {
    display: none;
    visibility: hidden;
    position: fixed;
    right: -2000px
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

table.nopadding td:first-child {
    padding-left: 0 !important;
}

.vertical-top, tr.vertical-top td, table.vertical-top td {
    vertical-align: top;
}

.vertical-middle, tr.vertical-middle td, table.vertical-middle td {
    vertical-align: middle !important;
}

.vertical-bottom, tr.vertical-bottom td, table.vertical-bottom td {
    vertical-align: bottom !important;
}

.fw-bold {
    font-weight: bold;
}

.evaluationData ul {
    list-style: disc;
    padding: 10px 20px;
}

.subTabs {
    margin-top:-12px;
}

/*.formsubmit[data-action="elements/duplicate"] {*/
/*    position: absolute !important;*/
/*    top: -1000px !important;*/
/*    opacity: 0 !important;*/
/*    height: 0 !important;*/
/*    overflow: hidden !important ;*/

/*}*/

.subtable td {
    padding-top: 0 !important;
}

.pointer {
    cursor: pointer;
}

.position-absolute {
    position: absolute;
}

.position-absolute.right {
    right: 0;
}

.position-absolute.top {
    top: 0;
}

.position-absolute.left {
    left: 0;
}

.position-absolute.bottom {
    bottom: 0;
}

.position-absolute.right-12 {
    right: 12px;
}

.position-absolute.top-12 {
    top: 12px;
}

.position-absolute.bottom-12 {
    bottom: 12px;
}

.position-absolute.left-12 {
    left: 12px;
}

#sidebar-container ul li.heading   {
    background: var(--gray-050);
    border-radius: 12px;
    padding: 12px 12px 6px 12px;
    overflow: hidden;
}

.error {
    font-weight: bold;
}

.bg-error {
    background: red;
    color: #fff;
    padding: 0 3px;
}

.group-comment {
    width: 800px;
    padding: 24px 0;
    border-bottom: 1px solid #e2e2e2;
}

.group-comment-1 {
    padding-top: 0;
}

.opacity-25 {
    opacity: 0.25;
}

/* ordered flex */
.ordered-flex {
    display: flex;
    flex-direction: column;
}

.ordered-flex-2 {
    order: 2;
}

.ordered-flex-1 {
    order: 1;
}