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

textarea {
    resize: none;
}

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;
}

#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;
}

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

.backgrid thead th {
    color: #46b2e0 !important;
    font-size: 12px;
}

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

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

.twenty-percent{
    width: 20% !important;
}

.ten-percent{
    width: 10% !important;
}

.five-percent {
    width: 5% !important;
}

.fifty-percent{
    width: 50% !important;
}

.forty-percent{
    width: 40% !important;
}