.vscomp-search-clear {
    text-align: center !important;
    margin-top: 10px !important;
}

.vscomp-toggle-button {
    border-radius: 5px !important;
}

.btn-nav {
    font-weight: bold;
    color: #fff;
    height: 30px;
    margin-bottom: 3px;
    margin-left: 5px;
}


.content-container.hide-subnavbar > .content-inner-container {
    margin-top: 0;
}

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: -16px !important;
    margin-right: -12px !important;
    border-style: inset;
    border-width: 0.4px;
    border-color: lightgray;
}
.items-grid-container .backgrid td {
    padding-left: 0.5px;
    padding-right: 0.5px;
    border-right: 0.5px solid #DDD;
    border-left: 0.5px solid #DDD;
}

.items-grid-container .backgrid tr th {
    min-width: 55px;
}

.location {
    min-width: 70px !important;
    padding-left: 0.5px;
    padding-right: 0.5px;
}

.localTimestamp {
    min-width: 70px !important;
    padding-left: 0.5px;
    padding-right: 0.5px;
}

.info {
    width: 50px !important;
    padding-left: 0.5px;
    padding-right: 0.5px;
}

.backgrid thead th {
    color: #354e58 !important;
}

th a {
    color: #354e58 !important;
    font-size: 15px !important;
}

.items-grid-container .backgrid td {
    font-size: 15px !important;
}

th {
    border: 1px solid #4292b5;
}

.vscomp-toggle-button {
    display: block !important;
    text-align: center;
}

.vscomp-value {
    font-weight: bold !important;
    color: #354e58 !important;
}

.vscomp-search-input {
    height: 30px !important;
    width: 100% !important;
}

.container-fluid.content-inner-container {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 4px;
}




.backgrid th, .backgrid td {
    padding: 4px 0px !important;
}

.autocomplete {
    margin-left: 32px !important;
}

.navigation-button {
    margin-right: 2.5px;
    margin-left: 2.5px;
}


.warning {
    background-color: #ffff0094 !important;
    color: #000000 !important;
    font-weight: bold;
}

.ok {
    background-color: #6dc76dd4 !important;
    color: #000000 !important;
    font-weight: bold;
}

.no-editable {
    background-color: #eeeeee !important;
    color: #000000 !important;
    font-weight: bold;
}




.danger {
    background-color: #ff0000d4 !important;
    color: #FFFFFF !important;
    font-weight: bold;
}


#dateModal {
    cursor: pointer;
    width: 75px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    margin-left: -3px;
}

#timeModal {
    cursor: pointer;
    width: 75px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    margin-left: -3px;
}


.timestamp {
    cursor: pointer;
}

.modal-body {
    position: relative;
    overflow-y: auto;
    /*min-height: 170px;*/
    padding: 15px;
}

.highlight {
    background-color: yellow;
}

.modalComments {
    width: 65% !important;
    margin-left: -30% !important;
    /*max-height:40% !important;*/
}

.user {
    width: 15% !important;
}

.datetime {
    width: 15% !important;
}

.items-modal-grid-container .backgrid td {
    padding-left: 0.5px;
    padding-right: 0.5px;
    font-size: 11px;
    border-right: 0.5px solid #DDD;
    border-left: 0.5px solid #DDD;
}

.items-modal-grid-container .backgrid td, .backgrid th {
    width: 0px !important;
}
