/*
NOTE: These overrides are only for styling inputs to be as per UDMS standards.
      Do not override positions of elements
*/

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* TOOLTIPS */
/* ------------------------------------------------------------------------------------------------------------------------------ */

/* Prevents content from overflowing the tooltip */
.tooltip-inner {
  max-width: fit-content;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* FORMS*/
/* ------------------------------------------------------------------------------------------------------------------------------ */

/* Style form-control inputs to be smaller with less padding */
.form-control {
    height: 27px;
    padding: 2px 5px;
    font-size: 11px;
}

/* Makes the outline of the focus state of inputs more subtle */
.form-control:focus {
    border-color: #eeeeee;
    box-shadow: 0 0 0 .1rem rgba(0, 123, 255, .25);
}

/* Change size of select to be UDMS size */
.custom-select {
    background : #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23333' stroke-width='1.5' d='M3 5l3 3 3-3'/%3E%3C/svg%3E") right .75rem center / 12px no-repeat;
    height     : 27px;
    padding    : 2px 5px;
    font-size  : 11px;
}

/* Change size of all labels to UDMS size */
label {
    font-size: 11px !important;
    margin: 0;
}

/* Change size of prepends to match input fields size */
.input-group-text {
    padding: 0 5px;
    font-size: 11px !important;
}

/* Add a little bit of space between form rows */
.form-row {
    margin-bottom: 10px;
}

/* Condenses inputs */
.form-group {
    margin-bottom: 0;
}

/* Change size of all checkboxes to UDMS size */
.custom-control-input.checkboxinput {
    height : 0.8rem !important;
    width  : 0.8rem !important;
}

/* Style legend as per UDMS Standards */
legend {
    background: var(--colour-light-gray);
    text-transform: uppercase;
    padding: 1px 5px !important;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: bold;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* BUTTON */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.btn {
    height    : 27px;
    font-size : 11px;
    padding   : 5px 16px;
    cursor    : pointer;
}

/* Only apply primary styles to buttons that don't have any other btn- color class */
/*.btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark):not(.btn-link):not([class*="btn-outline"]) {*/
.btn:not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark):not(.btn-link):not(.btn-green):not([class*="btn-outline"]) {
    color            : #fff;
    /*background-color : #548cce;*/
    /*border-color     : #007bff;*/

    background-color : #548CCEFF;
    border-color     : #548CCEFF;
}

/*.btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark):not(.btn-link):not([class*="btn-outline"]):hover {*/
.btn:not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark):not(.btn-link):not(.btn-green):not([class*="btn-outline"]):hover {
    color: #fff;
    /*background-color : #0069d9;*/
    /*border-color     : #0062cc;*/

    background-color : #548CCEFF;
    border-color     : #548CCEFF;
}

.btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark):not(.btn-link):not(.btn-green):not([class*="btn-outline"]):focus,
.btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-light):not(.btn-dark):not(.btn-link):not(.btn-green):not([class*="btn-outline"]).focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}