.row {
    display: flex;
    flex-wrap:wrap;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}

.btn {
    height: 32px !important;
    line-height: 32px;
    padding: 0 1rem 0 1rem;
}


.btn-white {
    background-color: white;
    color: black;
    border: 1px solid #D9D9D9;
}

    .btn-white:hover {
        background-color: #DEEBF7;
        border-color: #4472C4;
        color: #4472C4;
    }

.btn-light-blue {
    background-color: #D8DDE8;
    color: #4472C4;
    border: 1px solid #4472C4;
}

    .btn-light-blue:hover {
        background-color: #4472C4;
        color: #2F528F;
        border: 0.1rem solid #2F528F;
    }

.btn-light-gray {
    background-color: #F2F2F2;
    color: black;
    border: 1px solid #BFBFBF;
}

.btn-blue {
    background-color: #5B9BD5;
    color: white;
    border: 1px solid #2F528F;
}

    .btn-blue:hover {
        background-color: #4472C4;
        border-color: #4472C4;
        color:white
    }


.width150 {
    min-width: 150px;
    height: 26px;
}

.width100 {
    min-width: 100px;
    height: 26px;
}


i {
    margin-right: 0.4rem;
}

.modal-dialog {
    max-width: 80rem;
    margin-top:10rem;
}

    .modal-dialog .modal-content {
        max-height: 600px;
        overflow-y: hidden;
    }

        .modal-dialog .modal-content .modal-body {
            height: 100%;
            overflow-y: auto;
        }

.np {
    padding-left: 0;
    padding-right: 0;
}

.npl {
    padding-left:0;
}

.npr {
    padding-right:0;
}

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
}

.pointer {
    cursor:pointer;
}

.navigator li {
    cursor: pointer
}

    .navigator li a.active {
        color: black;
        text-decoration: none;
    }

.whole {
    padding: 0;
    display: inline-flex;
    height: 100%;
    overflow-y: hidden
}

.searchRow {
    display: inline-block;
}

    /*.searchRow label {
        margin-right: 3rem;
        margin-bottom: 1rem;
    }

    .searchRow input {
        margin-right: 3rem;
    }

    .searchRow button {
        margin-right: 3rem;
    }*/

.table tbody tr td {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    border: 0.1rem solid #ccc;
    padding-left: 0.8rem;
    font-size:1rem;
}

.table thead tr th {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    color: white;
    background-color: #44546A;
    font-size:1rem;
}

.modal-content .modal-header {
    background-color: #174C52;
    color: white;
}

.field-validation-error {
    color: red;
    font-size: 0.6rem;
    display: flex;
}

tbody tr td:last-child span:first-child {
    border-left: 0;
}


tbody tr td:last-child span {
    cursor: pointer;
    padding: 0 1rem 0 1rem;
    border-left: 1px solid black;
}

.mainDataBody {
    margin-top: 1rem;
    min-height: 70%;
}

#mainBody {
    background-color: white;
}

.pagination {
    margin-left: 1rem;
}

.pagination li {
    margin-right: 5px;
}

    .pagination li:last-child {
    margin-right:0;
    }

form .data-row {
    margin-bottom: 1rem;
}

.data-row {
    display: inline-flex;
}

.mb-10 {
margin-bottom:10px;
}

.zone {
    padding: 1rem;
    background-color: white;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border: 1px solid #D9D9D9;
    font-size: 1rem;
    margin-bottom: 1rem;
}