/* Style the tab *//*

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

*/
/* Style the buttons inside the tab *//*

.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

*/
/* Change background color of buttons on hover *//*

.tab button:hover {
  background-color: #ddd;
}

*/
/* Create an active/current tablink class *//*

.tab button.active {
  background-color: #ccc;
}

*/
/* Style the tab content *//*

.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}*/

                * {
                box-sizing: border-box;
                }

                .row {
                margin-left:-5px;
                margin-right:-5px;
                }

                .column {
                float: left;
                width: 25%;
                padding: 5px;
                margin-left: 1%;
                }
                .column1 {
                float: left;
                width: 73%;
                padding: 5px;
                }

                /* Clearfix (clear floats) */
                .row::after {
                content: "";
                clear: both;
                display: table;
                }

                table {
                border-collapse: collapse;
                border-spacing: 0;
                width: 100%;
                border: 1px solid #ddd;
                }

                th, td {
                text-align: left;
                padding: 16px;
                }

                .tr1{
                font-size: 1em; background-color: #116534; color: #FFFFFF;
                }

                tr1{
                font-size: 1em; background-color: #116534; color: #FFFFFF;
                }
                tr:nth-child(even) {
                background-color: #f2f2f2;
                }


                /* Responsive layout - makes the two columns stack on top of each other instead of next to each other on
                screens that are smaller than 600 px */
                @media screen and (max-width: 600px) {
                .column {
                width: 100%;
                }
                .column1 {
                width: 100%;
                }
                }

                .form-control {
                display: flex !important;
                width: 100%;
                height: calc(1.5em + 0.75rem + 2px);
                padding: 0.375rem 0.75rem;
                /* font-size: 1rem; */
                /* font-weight: 400; */
                /* line-height: 1.5; */
                /* color: #495057; */
                /* background-color: #FFFFFF; */
                /* background-clip: padding-box; */
                /* border: 1px solid #CED4DA; */
                /* border-radius: 0.25rem; */
                /* transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */
                }
                .fee_structure_table {
                border-collapse: collapse;
                width: 30%;
                margin-left: 3%;
                }

                .fee_structure_table th,
                .fee_structure_table td {
                border: 1px solid #dddddd;
                text-align: left;
                padding: 8px;
                }

                .fee_structure_table th {
                font-family: 'Source Sans Pro';
                }

                .fee_structure_table tr:nth-child(even) {
                background-color: #f2f2f2;
                }

                .form-control {
                display: flex !important;
                width: 100%;
                height: calc(1.5em + 0.75rem + 2px);
                padding: 0.375rem 0.75rem;

                }
                .hideRow {
                display: none;
                }
                .dropdown {
                display: inline-block;
                margin-right: 10px;
                }

                .dropdown select {
                padding: 5px;
                border: 1px solid #ccc;
                border-radius: 3px;
                outline: none;
                }

                .clearfix:after {
                content: "";
                display: table;
                clear: both;
                }

                .oe_login_buttons {
                margin-top: 20px;
                }

                .oe_login_buttons button {
                background-color: #7c7bad;
                border-color: #7C7BAD;
                width: 80px;
                padding: 5px;
                color: white;
                border-radius: 3px;
                cursor: pointer;
                }
                #nodatamsg {
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background-color: #ffffff;
                border: 1px solid #ccc;
                padding: 20px;
                border-radius: 5px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                z-index: 9999;
                }
.offsetHeight {
    height: 100px; /* Or any other height value */
}