/* prevent the drop down icon going onto a new line for the top bar language link */
.top-bar-language-nav-link {
    min-width: 65px;
}

/* bootstrap model showing two scroll bars */
html {
    overflow: visible;
}

/* main sidebar not under model */
.modal {
    z-index: 1110;
}
input.deletearrows::-webkit-outer-spin-button,
input.deletearrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.deletearrows {
    -moz-appearance: textfield;
}



.form-group.required .col-form-label:after {
    color: #d00;
    content: "*";
    position: absolute;
    margin-left: 3px;
}

.nav-user-menu .user-image {
    width: 20px;
    margin-right: 4px;
    margin-top: -4px;
}

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

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.5em;
}

div.dataTables_wrapper div.dataTables_length {
    padding-top: 0.3em;
}

@media (min-width: 768px) {
    .form-lable-right .col-form-label {
        text-align: right;
        padding-right: 25px;
    }
}

.form-control:disabled {
}

.datepicker[readonly], .datetimepicker[readonly] {
    background-color: #fff;
}

.form-control:disabled {
    background-color: #e9ecef
}

.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year, .flatpickr-day {
    font-weight: normal;
}

pre {
    display: block;
    padding: 10px;
    margin: 0;
    font-size: 12px;
    word-break: break-all;
    word-wrap: break-word;
    color: #212121;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.modal-body {
    padding: .5rem 1rem
}

.modal-toolbar {
    display: block;
    padding: 0px 0px 15px;
    text-align: right;
}

    .modal-toolbar .btn {
        margin-right: 10px;
    }

.table-info-details th {
    text-align: right;
    width: 30%;
}

.table-info-details td, .table-info-details th {
    padding: .1rem 1rem;
}

@media (max-width: 768px) {
    .table-info-details th {
        padding-right: .5rem;
        width: 40%;
    }
}

.hide {
    display: none;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    background-image: none;
}

.form-group-sm {
    margin-bottom: .5rem;
}

    .form-group-sm.required .col-form-label:after {
        color: #d00;
        content: "*";
        position: absolute;
        margin-left: 3px;
    }

.case-list-search-drop {
    display: block;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.btncapital-letter {
    text-transform: uppercase;
    font-size: 11pt
}

.ol-popup {
    position: absolute;
    background-color: white;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #f00b4f;
    bottom: 20px;
    left: -50px;
    min-width: 180px;
}

.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ol-popup:after {
    border-top-color: #f00b4f;
    border-width: 10px;
    margin-bottom: 25px;
    left: 48px;
    margin-left: -10px;
}

.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.popup-content {
    font-size: 13px;
    font-family: "Helvetica";
    margin-top: 12px;
    margin-left: -10px;
    height: 15px;
    line-height: 15px;
    font-weight: bold
}