.backGroundColor{
    background-color: lightcyan;
}

.frameHeader{
    background-color: cyan;
    color: white;
    font-size: large;
    font-weight: bold;
}

html{
    height:100%;
    width:100%;
}

/*
body{
   

    background-image: linear-gradient(to right top, #ffffff, #f1f0fc, #e0e2fa, #cdd4f8, #b8c7f6, #b7c6f6, #b7c6f5, #b6c5f5, #cad1f5, #dcddf6, #ebeaf7, #f8f8f8);
    background-repeat:no-repeat;
    background-size: cover;
    


}
*/

.container .nav .nav-link{
    color:white !important;
}
.container .nav .nav-link:hover{
    color:black !important;
    /*    padding-bottom: 17px;*/
}

.container .nav .active{
    color:black !important;
    background-color: white;
    /*    padding-bottom: 17px;*/
    border:0px;
    margin:0px;
}
.card:hover{
    /*transform: scale(1.05);*/
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}
.appCard:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.cardsHeaderColor{
    background-color: #8E7AB5;

}
.cardsFooterColor{
    background-color: #88AB8E;
}

.cardMain{
    /*border-radius: 1rem;*/
    background-color: #e5d5ba;
    width: 100%;
    /*background-color: #E5FAFA;*/
}

.cardHeader{
    /*background-color: #D4F7E4;*/
    background-color: #AC907D;
    /*AC907D bc987e*/
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    color: #ffff;
    width: 100%;
}
.cardBackground{

    background-color: #AC907D;

}

.cardShadow{
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1), 0px 10px 25px rgba(0, 0, 0, 0.05), 0px 25px 25px rgba(0, 0, 0, 0.05), 0px 30px 25px rgba(0, 0, 0, 0.05);
}

.label{
    font-size: medium;
    color: #6F4E37;
    font-weight: bold;
    /*    display: inline-block;*/
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
}

.readOnlyFiled{
    background-color: lightgrey;
}

.icon-input-btn{
    display: inline-block;
    position: relative;
}
.icon-input-btn input[type="submit"]{
    padding-left: 2em;
}
.icon-input-btn input[type="reset"]{
    padding-left: 2em;
}
.icon-input-btn .bi{
    display: inline-block;
    position: absolute;
    left: 0.65em;
    top: 30%;
}

.mandatoryField{
    font-size: 18px;
}


.footerText{
    font-size: 10px;
}

.footerLine{
    font-size: 14px;
    font-family:Arial, Helvetica, sans-serif;
}

.divInput {
    background-color: #ffffff;
}

.myCapWord {

    text-transform: lowercase;
    text-transform: capitalize;
}

.readOnlyFiled{
    background-color: lightgrey;
}

.icon-input-btn{
    display: inline-block;
    position: relative;
}
.icon-input-btn input[type="submit"]{
    padding-left: 2em;
}
.icon-input-btn input[type="reset"]{
    padding-left: 2em;
}
.icon-input-btn .bi{
    display: inline-block;
    position: absolute;
    left: 0.65em;
    top: 30%;
}

.mandatoryField{
    font-size: 18px;
    padding: 0px;
    margin: 0px;
}

.outer-table {
    width: 100%;
    border-collapse: collapse;
}

.outer-table th {
    padding: 10px;
}

.outer-table .header-1 {
    background-color: #FFB3BA;  /*Pastel Red */
    color: #333;
}

.outer-table .header-2 {
    background-color: #FFDFBA;  /*Pastel Orange */
    color: #333;
}

.outer-table .header-3 {
    background-color: #FFFFBA;  /*Pastel Yellow */
    color: #333;
}

.outer-table .header-4 {
    background-color: #BAE1FF;  /*Pastel Blue */
    color: #333;
}

.nested-table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}

.nested-table th {
    padding: 8px;
}

.nested-1 th {
    background-color: #FFABAB;  /*Light Pastel Red */
}

.nested-1 tr:nth-child(even) {
    background-color: #FFE6E6;  /*Very Light Pastel Red */
}

.nested-2 th {
    background-color: #FFC3A0;  /*Light Pastel Orange */
}

.nested-2 tr:nth-child(even) {
    background-color: #FFE6D3;  /*Very Light Pastel Orange */
}

.nested-3 th {
    background-color: #FF677D;  /*Light Pastel Pink */
}

.nested-3 tr:nth-child(even) {
    background-color: #FFB2C4;  /*Very Light Pastel Pink */
}

.nested-4 th {
    background-color: #D0E6FF;  /*Light Pastel Blue */
}

.nested-4 tr:nth-child(even) {
    background-color: #E6F2FF;  /*Very Light Pastel Blue */
}


table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1px;
}

th, td {
    padding: 0px;
    margin: 0px;
    text-align: left;
    border: 1px solid #ccc;
    /*font-size: 12px;*/
}

.outer-table-hdr {
    background: linear-gradient(to right, #99ccff, #b3e0ff) !important;
    color: #333 !important;
}

.nested-tab-hdr-level-1 {
    background: linear-gradient(to right, #6699ff, #99ccff) !important;
    color: #fff !important;
}

.nested-tab-hdr-level-2 {
    background: linear-gradient(to right, #3366ff, #6699ff) !important;
    color: #fff !important;
}

.nested-tab-hdr-level-3 {
    background: linear-gradient(to right, #0033cc, #3366ff) !important;
    color: #fff !important;
}

.nested-tab-hdr-level-4 {
    background: linear-gradient(to right, #001f99, #0033cc) !important;
    color: #fff !important;
}

.outer-tab-row {
    background-color: #e6f2ff !important;
}

.nested-tab-row-level-1 {
    background-color: #cce0ff !important;
}

.nested-tab-row-level-2 {
    background-color: #b3ccff !important;
}

.nested-tab-row-level-3 {
    background-color: #99b3ff !important;
}

.nested-tab-row-level-4 {
    background-color: #8099ff !important;
}


.nested-table {
    margin-top: 10px !important;
}
/* Table 1 */
.table-outer thead {
    background-color: #E6E6FA; /* Lavender */
}
.table-outer tr:nth-child(odd) {
    background-color: #FFDDCC; /* Pale Pink */
}
.table-outer tr:nth-child(even) {
    background-color: #CCFFDD; /* Mint Green */
}

/* Table 2 */
.table-nested-1 thead {
    background-color: #FFE5B4; /* Peach */
}
.table-nested-1 tr:nth-child(odd) {
    background-color: #F8C8DC; /* Light Coral */
}
.table-nested-1 tr:nth-child(even) {
    background-color: #FFFACD; /* Pale Yellow */
}

/* Table 3 */
.table-nested-2 thead {
    background-color: #C6E2FF; /* Baby Blue */
}
.table-nested-2 tr:nth-child(odd) {
    background-color: #B0E0E6; /* Powder Blue */
}
.table-nested-2 tr:nth-child(even) {
    background-color: #F5F5DC; /* Beige */
}

/* Table 4 */
.table-nested-3 thead {
    background-color: #F4E1D2; /* Pale Lilac */
}
.table-nested-3 tr:nth-child(odd) {
    background-color: #DFFFD9; /* Pale Mint */
}
.table-nested-3 tr:nth-child(even) {
    background-color: #FFD1DC; /* Light Blush */
}

/* Outer Table Header Gradient */
.outer-table-header {
    background: linear-gradient(to right, #a8e5f9, #b5f0c5);
    color: #333;
}

/* Nested Table Header Gradients */
.nested-table-header-level-1 {
    background: linear-gradient(to right, #d8bfff, #f8a0f0);
    color: #333;
}

.nested-table-header-level-2 {
    background: linear-gradient(to right, #ffddb3, #f0eaa0);
    color: #333;
}

.nested-table-header-level-3 {
    background: linear-gradient(to right, #f7b9b4, #ffcec7);
    color: #333;
}
.nested-table-header-level-4 {
    background: linear-gradient(to right, #c0ffb3, #b3ffd7);
    color: #333;
}

/* Row Background Colors */
.outer-table-row {
    background-color: #eafaf7 !important;
}

.nested-table-row-level-1 {
    background-color: #f6e5fc !important;
}

.nested-table-row-level-2 {
    background-color: #fff4d9 !important;
}

.nested-table-row-level-3 {
    background-color: #ffebe7 !important;
}
.nested-table-row-level-4 {
    background-color: #eaffea !important;
}