body {
}

:root {
    --newBlue: #005680;
    --darkBlue: #00496C;
    --lightBlue: #00B5F1;
    --textBlue: #003047;
    --bkgdGrey: #f5f4f9;
    --selectBlue: #8cd8fc;
}

.lightBlue {
    background-color: var(--lightBlue) !important;
}

.selectBlue {
    background-color: var(--selectBlue) !important;
}

.centerVertical {
    display: flex;
    /*align-items: center;*/
    justify-content: center;
}

.whiteRoundDiv {
    margin: 20px 0;
    background-color: white;
    padding: 20px;
    border-radius: 15px;
    width: 300px;
}

.roundDiv {
    display: flex;
    align-items: center;
    margin: 20px 0;
    padding: 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bolder;
    height: 4rem;
}

.selectedDiv {
    border: #062d54 3px solid;
}

.whiteRoundDiv input[type=text] {
    padding: 0 5px;
    height: 35px;
    background-color: white !important;
}

.whiteRoundDiv i{
    margin: 0 10px;
    cursor: pointer;
}

.slow-expand {
    transition: height 0.5s ease 0s;
}


.itemList .form-group {
    margin: 10px 0;
}

.itemList label {
    margin: 0;
}

::placeholder {
    color: #062d54;
    font-weight: 600;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #062d54;
    font-weight: 600;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #062d54;
    font-weight: 600;
}

.activeDiv {
    background-color: #d0f3d5;
}

.form-control {
    max-width: unset;
}

::placeholder {
    color: #05294d91 !important;
    opacity: 1; /* Firefox */
    font-weight: 600 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #05294d91 !important;
    font-weight: 600 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #05294d91 !important;
    font-weight: 600 !important;
}

.pointerDiv:hover {
    cursor: pointer;
}

.fixedTable {
    table-layout: fixed;
}

.fixedTd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.centeredContent {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 800px) {
    .btn {
        min-width: 50px;
    }
}