::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: inherit !important;
    opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: inherit !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: inherit !important;
}

select.nothing-selected {
    color: inherit !important;
}

a[href]:focus,
[data-toggle="collapse"]:focus {
    outline: 1px dotted #005da3;
}

h2 .dmsl-text {
    font-weight: 700 !important;
}

[type="radio"] + label:before,
[type="radio"] + input + label:before,
[type="checkbox"] + label:before,
[type="checkbox"] + input + label:before,
.form-control.no-border {
    border-color: #999;
}

@media screen and (max-width: 1920px) {
    .dms-main-image {
        background-size: contain;
        background-position: center top;
    }
}

/* TODO: Move to SASS for all events to use too */
.dmsl-collapse-icon:before {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome'; /* essential for enabling glyphicon */
    content: "\f068"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
}

.dmsl-collapse-icon.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\f067"; /* adjust as needed, taken from bootstrap.css */
}

.dmsl-person {
    display: grid;
    grid-auto-rows: 1fr;
    padding-left: 10px;
    padding-right: 10px;
}
.dmsl-card {
    height: 100%;
    border: none;
}
    .dmsl-card .card-body {
        padding: 10px;
    }

/* Modal updates - might want these site wide? */
.modal-dialog {
    max-width: 90%;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 1200px;
    }
}

.modal-content {
    border: none;
    border-radius: 0;
}
.modal-header {
    border-radius: 0;
}
    .modal-header .close {
        background: url(/content/images/icons/close.png) no-repeat;
        border: none;
        cursor: pointer;
        text-indent: -9999px;
        height: 82px;
        width: 82px;
    }

.modal-body {
    padding: 1.5rem 3rem 3rem;
}

.modal .box-label {
    left: 1rem;
    width: 310px;
}

.tabs-horizontal li {
    min-width:18%;
}