/* ----------------- breadcrumbs  -----------------  */

.breadcrumb-button
{
    height: 34px;

    white-space: normal;
}

.breadcrumb-arrow
{
    padding-left: 8px;
    padding-right: 8px;
    color: #fff;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.breadcrumb-row
{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px; 
    font-size: 16px;
}

.displayArea {
    background-color: #f8f8f8;
}


.handson-primary {
    margin: 20px;
    border: #29225c solid 1px;
    display: -webkit-inline-box;
}

/* ----------------- stats  -----------------  */

.stats-number
{
    font-size: 38px;
    height: 64px !important;
}

.stats-icon
{
    padding-top: 12px;
}

.statpanel-val
{
    font-size: 30px;
}

/* ----------------- history  -----------------  */

.history-box-short 
{
    height: 180px !important;
}

.history-box-short .panel-body 
{
    height: 117px !important;
    overflow-y: scroll;
}

/* ----------------- document tabs -----------------  */


.documentstabs-row
{
    padding-bottom: 15px;
}


/* ----------------- document editing (names, description, admin, passwords ect) -----------------  */

/* ----------------- document search -----------------  */

.controls-seachbox
{
    padding-bottom: 15px;
}

.documentslist-stop-row
{
    padding-bottom: 15px;
}

/* ----------------- document rows -----------------  */

/* keep everything table related THIN reduce padding */

.documentslist-action-extra-dropdown /*padding around elipsis*/
{
    padding-left: 5px;
    padding-right: 5px;
}

.btn-support-row /* used for most ui elements in rows */
{
    padding: 0px 4px !important;
}

.select-support-row /* drop down selections are a pain */
{
    padding: 0px 4px !important;
    height: 22px
}

.select-support-row /* TWICE?  */
{
    padding: 0px 4px !important;
    height: 22px
}

/* this is the table heading*/
.text-support-header
{
    font-size: 14px;
    touch-action: none;
    border: 1px solid transparent;
    padding: 0px 4px !important;
}

.support-float-right /* stick buttons to right of rows */
{
    float: right !important; 
    margin: 0 !important; 
    padding: 0 !important;
}

/* ----------------- next page footer -----------------  */

.header-anchor {
    color: #fff;
}

.header-anchor:focus {
color: #fff
}

.header-anchor:hover {
color: #fff
}

.header-anchor:hover {
        color: #d4d4d4
}

.support-nextpage-footer-btn
{
    padding: 0 0;
}

.support-nextpage-footer-pagination
{
    padding: 0 0;
    margin: 0 0;
}



/* ----------------- random crap  -----------------  */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    width: 100%; 
}

.royal-logo {
    padding-bottom: 16px;
}

.modal-dialog-wide /* setting admin needs wide rows of names+emails */
{
    width: 1000px !important;
}

.progress
{
    margin-bottom: 0;
}

.div-fill
{
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0;
}

.small-square {
    min-width: 25px;
    min-height: 25px;
    border: 1px solid transparent;
    border-radius: 6px;
}

/* ----------------- import students table  -----------------  */

.import-buttons-row
{
    padding-bottom: 16px;
}

.import-table-row
{
    margin-left: -28px !important;
}

.import-cell-success
{
    background-color: #e9f7e3 !important;
}

.import-cell-warning
{
    background-color: #fff6e5 !important;
}

.import-cell-danger
{
    color: #a94442 !important;
    background-color: #f2dede !important;
    font-weight: bold !important;
}

/* ----------------- import students preview  -----------------  */

/* also used for preview delete / recover */

.import-preview-panel-body
{
    height: 350px;
    overflow-y: scroll;
}

.import-preview-info
{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}



/* ----------------- bootstrap changes -----------------  */

/* "welcome fellow radicals" */

.col-nopadding-horizontal
{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.col-nopadding-right
{
    padding-right: 0px !important;
}

.col-nopadding-left
{
    padding-left: 0px !important;
}

/* ----------------- sb-admin-2 style changes -----------------  */

#page-wrapper /* get rid of sidebar and stuff*/
{
    margin: 0 0 0 0 !important;
}

html {
    overflow-x: hidden;
    overflow-y: scroll; 
}

body /* make background grey */ {
    background-color: #29225c !important;
    height: 100%;

}

#wrapper {
    background-color: #f8f8f8 !important;
    width: 100%; 
}

#page-wrapper /* make background grey */
{
    background-color: #f8f8f8 !important;
}


.nav-tabs {
    border: 0px !important;
}

.title
{
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
}

.center-block {
    float: none !important
}

.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
    /* margin-left: auto; margin-right: auto; */
}

.title-cols
{
    margin: 0px !important;
    padding: 0px !important;
    border: 0px !important;
}

.page-header
{
    padding: 0px !important;
    border: 0px !important;
}

/* ----------------- depricated?  -----------------  */

.list-no-dots /* I'm currently removing this old style drop down */
{
    list-style: none
}

.search-stale
{
    background-color: darkgrey !important;
}

.horizontal-menu-item /* replaced by button groups i think*/
{
    display: inline;
}

#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
.show {
    visibility: visible !important; /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 3.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

.panel-course{
    box-shadow: 5px 6px 5px rgb(0 0 0 / 15%);
    border-radius: 10px;
    background-color: #F7F7F7;
    height: 250px;
    margin: 30px 25px 30px 25px;
    max-width: 170px;
    min-width: 130px;
}

.course-init-icon
{
    width: 35px;
    position: absolute;
    right: -20px;
    top: -15px;
    float: right;
}

.course-center
{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.course-readonly
{
    cursor: not-allowed;
    opacity: 50%;
}