.badge-demographic{
    min-width:50px!important;
    max-width:100px!important;
    padding:5px!important;
    margin-right:5px!important;
}

.badge-suspension {
    min-width: 75px !important;
    max-width: 100px !important;
    padding: 5px !important;
    margin-top: 5px !important;
    margin-right: 5px !important;
    font-size: 90% !important;
}

.carousel-caption-news {
    position: absolute;
    top: 15%;
    left: 15%;
    right: 15%;
    padding: 10px;
    opacity: .875;
}

a.knowledge-row-container{
    text-decoration:none!important;
}

    a.knowledge-row-container .row {
        border: solid 1px #efefef !important;
        border-left: none !important;
        margin-bottom: .5rem !important;
        padding-top: 5px;
        padding-bottom: 10px;
    }

        a.knowledge-row-container .row:hover {
            border: solid 1px black !important;
            border-left: none !important;
        }

.time-worked {
    width: 65px !important;
    padding: 6px !important;
}

.phoneAreaCode, .phonePrefix {
    max-width: 45px !important;
    text-align: center;
}

.phoneNumber {
    max-width: 60px !important;
    text-align: center;
}

.phoneAreaCode {
    max-width: 45px;
    text-align: center;
}

.popover-body {
    max-height: 300px;
    overflow-y: auto;
    white-space: pre-wrap;
}

.pop {
    padding: 0px !important;
    vertical-align: top !important;
}

.nav-item .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu > li:hover > .submenu {
    display: block !important;
}

.col-sqz {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

    .col-sqz .form-control {
        padding: 0px !important;
    }

.scrollToTop {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: none;
}

.btn-dev, .btn-demo {
    position: fixed;
    right: 15px;
    bottom: 15px;
}

.policyNote {
    font-size: .9em;
    color: red;
}

.simpleSection {
    border: solid 1px #dcdcdc;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 5px;
}

    .simpleSection row {
        margin-bottom: 10px;
    }

    .simpleSection label {
        font-weight: bold;
    }

.text-underline {
    text-decoration: underline;
}

.maxheight-125 {
    max-height: 125px;
    overflow-y: auto;
}

.maxheight-250 {
    max-height: 250px;
    overflow-y: auto;
}

.maxheight-320 {
    max-height: 320px;
    overflow-y: auto;
}

.data-pager-number {
    padding: 12px;
}

.collapseFiltersValue, .collapseInstitutionFiltersValue, .collapseAssessmentValue {
    font-size: .8em !important;
}

.form-group label {
    font-weight: bold !important;
    color: #555555 !important;
}

.form-control-label {
    border: 0px;
    background-color: inherit !important;
}

.form-control-label-block {
    border: 0px;
    background-color: inherit !important;
    display: block;
}

.form-control-small-text {
    font-size: .85rem;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.form-control-wrap {
    height: auto !important;
}

.minwidth-120 {
    min-width: 120px !important;
}

.minwidth-200 {
    min-width: 200px !important;
}

.maxwidth-300 {
    max-width: 300px !important;
}

.maxwidth-250 {
    max-width: 250px !important;
}

.maxwidth-150 {
    max-width: 150px !important;
}

.width-100 {
    width: 100px !important;
}

.scrollable-details {
    display: inline-block;
    max-height: 150px !important;
    overflow-y: auto;
}

.discipline-reason {
    display: inline-block;
    max-width: 300px !important;
}

.discipline-name {
    display: inline-block;
    min-width: 120px !important;
}

.squeezeContainer .col-md-1,
.squeezeContainer .col-md-2,
.squeezeContainer .col-md-3,
.squeezeContainer .col-md-4,
.squeezeContainer .col-md-5,
.squeezeContainer .col-md-6,
.squeezeContainer .col-md-7,
.squeezeContainer .col-md-8,
.squeezeContainer .col-md-9,
.squeezeContainer .col-md-10,
.squeezeContainer .col-md-11,
.squeezeContainer .col-md-12 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.squeezeContainer .text-small {
    font-size: .8em;
}

.cb-small label {
    font-size: .8em;
    padding-left: 5px;
}

.label-container-lg{
    max-width:560px!important;
}

input.di {
    max-width: 120px;
}

.link-dark {
    color: white;
}

    .link-dark:hover {
        color: #007bff;
        text-decoration: underline;
    }

.not-clickable {
    cursor: default;
    text-decoration: none;
    opacity: .5;
}

    .not-clickable:active, .not-clickable-lb {
        pointer-events: none;
    }

.ui-datepicker {
    position: absolute;
    padding: 1rem !important;
    width: 18rem !important;
}

.ui_tpicker_second_label,
.ui_tpicker_second,
.ui_tpicker_millisec_label,
.ui_tpicker_millisec,
.ui_tpicker_microsec_label,
.ui_tpicker_microsec,
.ui_tpicker_timezone_label,
.ui_tpicker_timezone {
    display: none;
}

.btn-webp {
    background-image: url('../Images/website-to-pdf.png');
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
}

.btn-ytp {
    background-image: url('../Images/youtube-icon.png');
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.small input {
    font-size: 90%;
}

.mime-type-icon-sm {
    max-height: 24px;
    max-width: 24px;
    margin-right: 10px;
}

.btn-gdp {
    background-image: url('../Images/google-drive-icon.png');
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.bs-ms-container {
    width: 100% !important;
    position: relative !important;
    border: solid 1px #dcdcdc;
}

    .bs-ms-container .btn-group {
        width: 100% !important;
        text-align: left !important;
    }

    .bs-ms-container .btn-default {
        color: black !important;
        background-color: white !important;
        width: 100% !important;
        /*min-width: 150px !important;*/
    }

.bs-ms-container-280 {
    max-width: 280px !important;
}

.bs-ms-container-560 {
    max-width: 560px !important;
}

.bs-ms-container-disabled {
    background-color: #e9ecef !important;
    opacity: 1 !important;
}

    .bs-ms-container-disabled .btn-default {
        background-color: #e9ecef !important;
        opacity: 1 !important;
        width: 100% !important;
    }

.multiselect-container {
    width: 100% !important;
    max-height: 300px;
    overflow-y: scroll;
}

    .multiselect-container > li {
        margin-left: -30px !important;
        font-size: .8em !important;
    }

.header-row {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.panel-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.listview-row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.inline-block {
    display: inline-block;
}

.playlistContainer {
    max-height: 800px;
    overflow-y: auto;
}

.snug {
    padding: .25em !important;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.profile-photo {
    max-height: 30px;
    max-width: 30px;
    margin-left: 10px;
}

.profile-photo-sm {
    max-height: 25px;
    max-width: 25px;
}

.profile-photo-lg {
    max-height: 60px;
    max-width: 60px;
}

.media-box {
    width: 128px;
    text-align: center;
}

img.resource-img {
    width: 90%;
}

.modal-content {
    padding: 15px;
}

.modal-dv {
    padding: 15px;
}

/* Spacing between checkbox and label */
.form-check label {
    margin-left: 5px;
    margin-bottom: 0px;
}

/* Auto-insert a space between the feather icons and the text following them */
.btn svg {
    margin-right: 7px;
}

.btn-notext svg {
    margin-right: 0px !important;
}

.feather-xs {
    width: 12px;
    height: 12px;
}

.feather-sm {
    width: 16px;
    height: 16px;
}

.feather-lg {
    width: 32px;
    height: 32px;
}

.feather-xl {
    width: 48px;
    height: 48px;
}

.feather-pr {
    margin-right: 7px;
}

.d-none {
    display: none;
}

.fs80 {
    font-size: .8rem;
}

.fs70 {
    font-size: .7rem;
}

.fs60 {
    font-size: .6rem;
}

.fs50 {
    font-size: .5rem;
}

.page-overlay {
    background-color: #EFEFEF;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0px;
    left: 0px;
    opacity: .5; /* in FireFox */
    filter: alpha(opacity=50); /* in IE */
}

.gvr-muted {
    background-color: #cbcbcb !important;
}

.gv-no-bottom {
    margin-bottom: 0px;
}

.col-md-8-split {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.prt-5{
    position: relative;
    top: 5rem;
}

.cb-label-space label {
    padding-left: 7px;
}

.cb-label-space input {
    margin-top: 1.5rem;
}