*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

	font-family: 'Roboto', sans-serif;
	
	font-size: 15px;

}

table
{
    border-collapse: separate !important;
}

thead tr:nth-child(1) th:nth-child(2) {
    font-size: 30px;
}
thead tr:nth-child(1) th:nth-child(3) {
    font-size: 20px;
}

.cell-gap{
    border: none !important;
    background: transparent !important;
}

td.text-xxl-end.fw-700.pe-2 {
    width: 50% !important;
}

@media (min-width: 1401px){
.w-xl-60 {
    width: 80% !important;
}
}


.container-fluid, .container-fluid.second-main-section{
	width: 92vw !important;
	margin-left: auto;
	margin-rigt: auto;
}

.container-fluid{
	margin-bottom: 100px;
}

.section-divider {
    border-top: 1px solid #DEE2E6;
}

table#monthly-management-costs thead tr:nth-child(1) th:not(:first-child) {
    background: black;
    color: white;
}


tbody tr td *, tbody tr td {
	font-size: 15px;
}

header{
	border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
	margin-bottom: 50px;
}
header .row.m-0 {
    width: 92vw;
    margin: auto !important;
	padding: 10px 0px 10px 0px; 
	
}




.fw-500{

    font-weight: 500;

}

.fw-600{

    font-weight: 600;

}

.fw-700{

    font-weight: 700;

}

.bg-yellow{

    background-color: #FFF2CC;

}

.bg-red{

    background-color: #F4CCCD;

}

.bg-green{

    background-color: #D9EAD3;
	height: 100%;
	

}

.second-main-section{

    margin-top: 100px;

    margin-bottom: 100px;

}

input.form-control:focus{

    box-shadow: none;

}

input.form-control.bg-green:focus,  input.form-control.bg-green:disabled{

    background-color: #D9EAD3;

    border-color: #dee2e6;

}

input.form-control.bg-red:focus, input.form-control.bg-red:disabled{

    background-color: #F4CCCD;

    border-color: #dee2e6;

}

input.form-control.bg-yellow:focus, input.form-control.bg-yellow:disabled{

    background-color: #FFF2CC;

    border-color: #dee2e6;

}

.data-section {
	margin-top: 50px;
}

.data-section tbody tr:nth-child(odd) td {
    background: #f9f9f9;
}


.data-section table tr td, .data-section table tr th{

    white-space: nowrap!important

}

.data-section table tr th{

    border: none;

}

.data-section table tr td:first-child{

    width: 310px;

}

.data-section table tr {

    border: 0px solid transparent;

}

.data-section table tr td{

    border: 1px solid #dee2e6;

}

.data-section table tr:first-child td{

    border-top: 1px solid #dee2e6 !important;

}

.form-control{

    margin: 4px 0px;

}

.fs-32{

    font-size: 32px;

}





.th-center th{

    text-align: center;

}

.td-end td:not(:first-child){

    text-align: end;

}

header{

	position: sticky;

    top: 0;

    background: #fff;

    z-index: 3;

}



@media (min-width: 1401px) {

    .w-xl-60{

        width: 60%;

    }

}



@media (max-width: 767px){

    .second-main-section{

        margin-top: 100px;

    }

}



@media (max-width: 575px){

    .logo img{

        width: 50%;

        margin-bottom: 5px;

        margin-top: 10px;

    }

}



@media (min-width: 575px){

    table th:first-child, table td:first-child {

        position:sticky;

        left: -1px;

        z-index:2;

    }

}

.first-main-section table#monthly-management-costs tbody tr:nth-child(1) td:last-child, .first-main-section table#monthly-management-costs tbody tr:nth-child(2) td:last-child, .first-main-section table#monthly-management-costs tbody tr:nth-child(3) td:last-child {
    background: #cbcbcb !important;
}

.border.text-center {
  vertical-align: middle;
}

