﻿/*label {
    font-weight: normal !important;
}*/
body {
    padding: 0 !important
}

video {
    max-width: 100% !important;
    height: auto !important;
}

a:link {
    text-decoration: none !important;
}

.ui-jqdialog { width:400px !important; left:35% !important
}

/*.modal-backdrop {
    display: none
}*/

.modal-header > .close {
    display: none
}

.fixed-encounterpanel {
    min-height: 10px;
    max-height: 420px;
    /*overflow-y: scroll;*/
}
.fixed-encounterpanelnoscroll {
    min-height: 10px;
    max-height: 420px;
    
}


.well {padding:8px;
}

    h3{
    color: #1991c9 !important
}

div.logolocation {
   padding-top:20px; 
   padding-left:15px;
   display:block;
}

#signincolor {
    color: #656565 !important;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
}

.col-nopadding {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.row-nomargin {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 2px;
    margin-bottom: 2px;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 28px;
    max-width:100%;
    min-width: 55px;
    padding: 0px;
}
.row-m-t {
    padding-top: 3px;
}

.btn-lightgray {
    font-weight:bold;
    color: #333;
    background-color: #fdfbfb;
    border-color: #ccc;
}

    .btn-lightgray:focus,
    .btn-lightgray.focus {
        font-weight: bold;
        color: #333;
        background-color: #fdfbfb;
        border-color: #8c8c8c;
    }

    .btn-lightgray:hover {
        color: #333;
        font-weight: bold;
        background-color: #ddd8d8;
        border-color: #adadad;
    }

    .btn-lightgray:active,
    .btn-lightgray.active,
    .open > .dropdown-toggle.btn-lightgray {
        color: #333;
        font-weight: bold;
        background-color: #fdfbfb;
        border-color: #adadad;
    }

        .btn-lightgray:active:hover,
        .btn-lightgray.active:hover,
        .open > .dropdown-toggle.btn-lightgray:hover,
        .btn-lightgray:active:focus,
        .btn-lightgray.active:focus,
        .open > .dropdown-toggle.btn-lightgray:focus,
        .btn-lightgray:active.focus,
        .btn-lightgray.active.focus,
        .open > .dropdown-toggle.btn-lightgray.focus {
            color: #333;
            font-weight: bold;
            background-color: #fdfbfb;
            border-color: #8c8c8c;
        }

.btn-lightgray:active,
.btn-lightgray.active,
.open > .dropdown-toggle.btn-lightgray {
    background-image: none;
}

.btn-lightgray.disabled:hover,
.btn-lightgray[disabled]:hover,
fieldset[disabled] .btn-lightgray:hover,
.btn-lightgray.disabled:focus,
.btn-lightgray[disabled]:focus,
fieldset[disabled] .btn-lightgray:focus,
.btn-lightgray.disabled.focus,
.btn-lightgray[disabled].focus,
fieldset[disabled] .btn-lightgray.focus {
    background-color: #fff;
    border-color: #ccc;
}

    .btn-lightgray .badge {
        color: #fff;
        font-weight: bold;
        background-color: #fdfbfb;
    }






.btn-gray {
    font-weight: bold;
    color: #333;
    background-color: #8c8c8c;
    border-color: #ccc;
}

    .btn-gray:focus,
    .btn-gray.focus {
        font-weight: bold;
        color: #333;
        background-color: #8c8c8c;
        border-color: #8c8c8c;
    }

    .btn-gray:hover {
        color: #333;
        font-weight: bold;
        background-color: #8c8c8c;
        border-color: #adadad;
    }

    .btn-gray:active,
    .btn-gray.active,
    .open > .dropdown-toggle.btn-gray {
        color: #333;
        font-weight: bold;
        background-color: #8c8c8c;
        border-color: #adadad;
    }

        .btn-gray:active:hover,
        .btn-gray.active:hover,
        .open > .dropdown-toggle.btn-gray:hover,
        .btn-gray:active:focus,
        .btn-gray.active:focus,
        .open > .dropdown-toggle.btn-gray:focus,
        .btn-gray:active.focus,
        .btn-gray.active.focus,
        .open > .dropdown-toggle.btn-gray.focus {
            color: #333;
            font-weight: bold;
            background-color: #8c8c8c;
            border-color: #8c8c8c;
        }

    .btn-gray:active,
    .btn-gray.active,
    .open > .dropdown-toggle.btn-gray {
        background-image: none;
    }

    .btn-gray.disabled:hover,
    .btn-gray[disabled]:hover,
    fieldset[disabled] .btn-gray:hover,
    .btn-gray.disabled:focus,
    .btn-gray[disabled]:focus,
    fieldset[disabled] .btn-gray:focus,
    .btn-gray.disabled.focus,
    .btn-gray[disabled].focus,
    fieldset[disabled] .btn-gray.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-gray .badge {
        color: #fff;
        font-weight: bold;
        background-color: #8c8c8c;
    }



.noanchorstyle {
    color: #333;
    text-decoration: none;
}

    .noanchorstyle:hover,
    .noanchorstyle:focus {
        color: #333;
        text-decoration: underline;
    }

    .noanchorstyle:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

/*.gray-header {
    border-collapse: separate;
    border-spacing: 0px 0px;
}*/

    .gray-header thead th {
        background-color: #efefef;
    
    }

/*.gray-header thead {
    border-color: white;
    border-width: 1px;
}*/

.small-padding {
    padding-right: 2px;
    padding-left: 2px;
}

.align-middle {
    vertical-align: middle !important;
}
.align-top {
    vertical-align: top !important;
}
.align-bottom {
    vertical-align: bottom !important;
}
.bordered-bottom {
    border-bottom: solid 1px black; 
}
.smallmargin-bottom {
    margin-bottom: 5px;
}

.smallmargin-top {
    margin-top: 5px;
}

.spinner {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../../../Images/spin2.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .spinner {
        display: block;
    }


.fullwidth .select2-container {
    width: 125% !important;
}

body .select2-container{
    max-width:inherit !important;
}

.checkbox-big{
    margin-top:5px !important;
    height:15px;
    width:15px;
}

.SelectedRow {
    color: #1991c9 !important;
}

/*.gray-header {
    color: #1991c9 !important;
    background-color: grey;*/
.fieldset-margin .form-group {
    margin-bottom: 15px !important;
}

.labelfor-required:after {
    content: "* :";
    font-weight: bold;
    /*color: red;*/
}

.labelfor:after {
    content: ":";
    font-weight: bold;
    /*color: red;*/
}

.right50percent{
    float: right;
    width: 50% !important;
}

.left50percent {
    float: left;
    width: 50% !important;
}

.select2-selection--multiple {
    font-size: 9pt;
    border: 1px solid #dde6e9 !important;
    min-height: auto !important;
}

.select2-search__field{
    min-width:70px !important;
}

.w-50 {
    width: 50% !important;
}
.w-20 {
    width: 20% !important;
}

.w-30 {
    width: 30% !important;
}

.monitortable {
    overflow-y: auto;
    max-height: 390px;
}

    .monitortable thead th {
        position: sticky;
        top: 0;
    }

/* Just common table stuff. Really. */
.monitortable table {
    border-collapse: collapse;
    width: 100%;
}

    .monitortable th, td {
    }

    .monitortable th {
        background: #FFFFFF;
    }


    .monitortable {
        
    }


    .monitortable thead th {
        border-bottom: solid 1px black !important;
        vertical-align: bottom !important;
        padding-bottom: 0px !important;
        padding-top: 2px !important;
        color: #232735 !important;
        box-shadow: inset 1px 1px #FFFFFF, 0 1px #232735;
    }

    .monitortable tbody tr td {
        vertical-align: top !important;
        /*border: solid 0px white !important;*/
        font-weight: normal;
        font-size: 14px;
    }

    .monitortable tbody tr td .row{
        padding-left:0px;
        margin-left:0px;
    }



@media (min-width: 768px) {
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }
}

.valign-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
}

.valign-top {
    position: absolute;
    left: 0;
    top: 0;
}

.nobold label {
    font-weight:400 !important
}

.bg-danger2 {
    background-color: #fbcece !important;
    border-top: 1px solid #f7a4a4 !important; 

}
.bg-warning2 {
    background-color: #FFEEBA !important;
    border-top: 1px solid #FFDF7E !important;
}

.btn-sms, .btn-sms:hover, .btn-sms:active {
    background-color: #74C2E1;
    color: white;
}

.select2-results__options[aria-multiselectable="true"] li {
    padding-left: 30px;
    position: relative
}

.select2-results__options[aria-multiselectable="true"] li:before {
    position: absolute;
    left: 8px;
    opacity: .6;
    top: 6px;
    font-family: "FontAwesome";
    content: "\f0c8";
}

.select2-results__options[aria-multiselectable="true"] li[aria-selected="true"]:before {
    content: "\f14a";
}
