﻿.backgroundBox {
    background-color: Rgb(241,242,242);
    width: 650px;
    height: 170px;
    border: solid 2px Rgb(137,156,189);
    padding: 5px;
}

.InputBoxElement {
    border: 1px solid Rgb(167,203,143) !important;
    background-color: white !important;
    margin: 5px !important;
}

.BtnStyle {
    color: white !important;
    background-color: Rgb(166,166,166) !important;
    width: 120px;
    height: 30px;
    margin-top: 20px;
}

.gridContainer{
    display:grid;
    grid-template-columns: auto 30%;
    align-items: center;
}

.gridInnerContainer {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
}

.pinStyle {
    color: red;
    font-size: 20px;
    font-weight: bold;
    margin: 50px;
}

.btnLayout {
    float: right;
}

.BirthdateHint {
    float: left;
    margin-top: 20px;
    max-width: 350px;
    color: red;
    font-weight: bold;
}

.input-row-margin{
    margin: 5px;
}

.requiredFields{
    margin: 5px;
    color:red;
}

.requiredValidatorsRow{
    display:grid;
    grid-row-gap: 5px;
}

.overFlowAuto {
    overflow: auto;
    margin: 5px;
    margin-top:50px;
}

.absolute{
    /*position: absolute;
    margin-top: -30px*/
}

.rowStyle {
    top: 0px;
}

.tableBtnStyle {
    background-color: Rgb(166,166,166) !important;
    width: 120px;
    height: 25px;
    color: white !important;
    margin: 5px;
}

table {
    width:100%;
    border-spacing: 0px;
}

th {
    border-left: 1px solid lightgray;
    border-bottom: 2px solid lightgray;
}
    th:first-child {
        border-left: 0px;
    }

    th:last-child {
        border-right: 0px;
    }

tr {
   text-align:center;
}

td {
    min-width: 120px;
    border-left: 1px solid lightgray;
}
td:first-child {
    border-left: 0px;
}

td:last-child {
        border-right: 0px;
    }