.iceBackground {
    background-image: url('../img/iceBg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100vw;
}

.saveButton {
    display: flex;
    justify-content: flex-end;
    border-radius: 2;
}

.iceBgBody {
    background-image: url('../img/iceBg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.paperBgColor {
    background-color: rgb(204, 236, 255) !important;
}

.loginBanner {
    background: rgb(51, 75, 143) !important;
    background: radial-gradient(circle, rgba(51, 75, 143, 1) 0%, rgba(18, 27, 85, 1) 50%, rgba(7, 18, 54, 1) 100%) !important;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.HeaderBanner {
    background: rgb(51, 75, 143) !important;
    background: radial-gradient(circle, rgba(8, 27, 79, 1) 100%, rgba(18, 27, 85, 1) 50%, rgba(7, 18, 54, 1) 100%) !important;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginMobileBanner {
    background: rgb(255, 255, 255) !important;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(243, 245, 255, 1) 53%, rgba(0, 30, 127, 1) 84%, rgba(0, 30, 127, 1) 100%) !important;
}

.loginIpadBanner {
    background: rgb(255, 255, 255) !important;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(243, 245, 255, 1) 43%, rgba(0, 30, 127, 1) 84%, rgba(0, 30, 127, 1) 100%) !important;
}

.text-header {
    font-size: 14px !important;
    color: gray;
    display: flex;
    align-items: center;
}

.text-car-user {
    font-size: 18px !important;
    color: #0b1a4a;
    display: flex;
    align-items: center;
    font-weight: bold !important;
}

.text-ice-header {
    font-size: 24px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold !important;
}

.text-ice-header-sm {
    font-size: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold !important;
}

.text-ice {
    font-size: 18px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold !important;
}

.text-amount-ice {
    font-size: 18px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-Tap {
    font-size: 18px !important;
    font-weight: bold !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.text-Table {
    font-size: 18px !important;
    font-weight: bold !important;
    margin-left: auto;
    margin-right: auto;
}

.text-center-ice-list {
    font-size: 16px !important;
    color: #0b1a4a;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold !important;
}

.text-center-sum-list {
    font-size: 16px !important;
    color: #311b92;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold !important;
}

.text-head-ice-list {
    font-size: 16px !important;
    color: gray;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.text-link-ice-list {
    font-size: 16px !important;
    font-weight: bold;
    color: #2a3eb1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.text-ice-list {
    font-size: 16px !important;
    color: #2a3eb1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold !important;

}

.text-ice-list-center {
    font-size: 16px !important;
    color: #2a3eb1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold !important;

}

.text-chip-ice-list {
    font-size: 14px !important;
    color: #0b1a4a;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold !important;
}

.card-action-area {
    height: 300px;
    background-color: #f5f4ff !important;
}

.text-card {
    font-size: 18px !important;
    display: flex;
    align-items: center;
    font-weight: bold !important;
}

.text-card-tel {
    font-size: 16px !important;
    color: gray;
    display: flex;
    align-items: center;
}

.vertical {

    font-size: 16;
    writing-mode: vertical-rl;
    transform: rotate(180deg);

}

.table-width {
    width: 200 !important;
    margin: auto;
}

.text-summary-head {
    font-size: 16px !important;
    color: #0b1a4a;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold !important;
}

.text-summary-out {
    font-size: 16px !important;
    color: #4caf50;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-summary-in {
    font-size: 16px !important;
    color: #f44336;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-action-text {
    background-color: #f5f4ff !important;
    font-size: 16px !important;
    color: #0b1a4a;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    cursor: pointer;
}

.text-title-header {
    color: white;
    font-size: 18px !important;
}

.head-ice-record {
    font-size: 16px !important;
    color: #0b1a4a;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px !important;
}

.ListItemText-primary {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    padding: 5px;
    font-size: 18px !important;
    /* font-weight: bold !important; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #0b1a4a;
}

.ListItemText-secondary-title {
    font-size: 18px !important;
    /* font-weight: bold !important; */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #0b1a4a;
}

.ListItemText-secondary {
    font-size: 18px !important;
    font-weight: bold !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #0b1a4a;
}

.card-action-nolink {
    background-color: #f5f4ff !important;
    font-size: 16px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

.layer-header-table-sub {
    background: linear-gradient(0deg, rgba(11,15,55,1) 0%, rgba(15,42,116,1) 100%);
}

.layer-header-table-sub-second {
    background: linear-gradient(0deg, rgba(15,42,116,1) 0%, rgba(11,15,55,1) 100%);
}

.layer-header-table-sub-third {
    background: linear-gradient(0deg, rgba(11,15,55,1) 0% , rgba(15,42,116,1) 50%, rgba(11,15,55,1) 100%);
}