.content {
    background-color: rgb(153, 237, 252);
    height: 100%;
    overflow: hidden;
}
html, body {
    overscroll-behavior-x: none;
}

p2, .p2{
    font-size: 120%;
}

.mt5 {
    margin-top: 5%;
}

.text-center {
    text-align: center;
}


img{
    width: 20vh; 
    height: 20vh; 
    margin-top: 1rem;
    
}

.label_home {
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: larger;
}
.mybtn {
    width: 100%;
    height: 100%;
    background-color: inherit;
    border: none;
}
.shadow {
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, 0.28) !important;
}

.visibleBtn {
    /*min-width: 20%;*/
    height: 50px;
    background-color: inherit;
    border: none;
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, 0.28) !important;
    font-size: 140%;
    z-index: 2;
    margin-right: 15px !important
}

.overlayInput {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    opacity:0; 
    filter:alpha(opacity=0);
}
.overlayButton {
    height: 0px;
    width:0px;
    position: fixed;
    z-index: 2;
    opacity:0; 
    filter:alpha(opacity=0);
}


.dateAndTime{
    width: 100%;
    padding-top: 20px;
    padding-right: 40px;
    position: fixed;
    z-index: 1;
    left: 0;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 600px;
    text-align: center;
}

.modal-body {
    max-height: calc(100vh - 70px);
    overflow-y: auto;
}

th {
    padding-bottom: 20px;
}

td {
    padding-top: 10px;
    padding-bottom: 10px;
}
tr {
    border-bottom: 1px solid rgb(104, 104, 104);
}

tr:first-child {
    border-bottom: none;
}

tr:last-child {
    border-bottom: none;
}