.highlight
{
    color: antiquewhite;
}

.footer-bar
{
    background-color: #6d98be;
}

.modal-buttonbar {
    padding: 5px;
    margin-bottom: 10px;
    text-align: right;
    border-bottom: 0px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.hidden-element
{
    display: none!important;
}

.bootbox.modal {z-index: 99999 !important;}

.scroll-dialog
{
    overflow-y: initial !important
}

.scroll-dialog-body
{
    overflow-y: auto;
    height: 800px;
    max-height: calc(100vh - 200px);
}

.modal-dialog.full-screen {
    position:fixed;
/*width:auto;  // uncomment to make the width based on the left/right attributes.*/
    margin:auto;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
}

.modal-dialog.full-screen .modal-content {
    position:absolute;
    left:10px;
    right:10px;
    top:10px;
    bottom:10px;
}

.modal-dialog.full-screen .modal-content .modal-header {
    height:50px;
}

.modal-dialog.full-screen .modal-content .modal-body {
    overflow-y: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    margin-top: 55px;
    margin-bottom: 80px;
}

.modal-dialog.full-screen .modal-content .modal-footer {
    height:40px;
position:absolute;
    bottom:0;
    left:0;
    right:0;
}

.modal-content.contrast-color
{
    background-color: #fafafa;
}

.form-control
{
    margin-bottom: 4px;
}

.js-example-responsive
{
  width: 100% !important;
    margin-bottom: 4px;
}

.mrow{
    margin-bottom:4px;
}

label
{
    margin-bottom: unset;
}


/* match select2 with bootstrap select height */

.select2-container .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px) !important;
    margin-bottom: 4px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + 0.75rem + 2px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + 0.75rem + 2px) !important;
}

.icon-green
{
    color: #7cb342!important;
}

.icon-yellow
{
    color: #ffc913!important;
}

.icon-red
{
    color: #ff5325!important;
}

.icon-purple
{
    color: #d725ff !important;
}

.icon-grey
{
    color: #e8e8e8!important;
}

.icon-blue
{
    color: #5b62e8!important;
}

.blink {
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

@keyframes blinker {
    from { opacity: 1; }
    to { opacity: 0; }
}

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

/* basic positioning */
.legend { list-style: none; }
.legend li { float: left; margin-right: 10px; }
.legend span { width: 12px; height: 12px; margin: 2px; }

.note
{
    font-size: small;
    color: #0b97c4;
}

.beta-icon
{
    width:60px;
}

.beta-title
{
    position: absolute;
    top: 0;
    /*left: 10px;*/
    right: 0;
    color: white;
    font-size: 25px;
}

.beta-panel
{
    position: relative;
    display: inline-block;
    width: 100px;
}


.modal-wide
{
    max-width: 90vw;
}

@media (min-width: 1000px) {
    .modal-wide {
        max-width: 90vw;
    }
}

@media (min-width: 1200px) {
    .modal-wide {
        max-width: 80vw;
    }
}

@media (min-width: 1400px) {
    .modal-wide {
        max-width: 70vw;
    }
}

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

.modal-footer.shaded
{
    background-color: #f1f0f0;
    padding: 3px;
}

.modal-header.shaded
{
    background-color: #f1f0f0;
    padding: 10px;
}

body {
    overflow: hidden!important;
}

.logfont
{
    font-size: 12px!important;
    font-family: 'Courier Prime', monospace;!important;
    background-color: white!important;
}