.calculator-box{

    max-width:700px;
    margin:20px auto;
    padding:20px;

    background:#fff;

    border:2px solid #53C7FD;

    border-radius:12px;

    box-shadow:0 3px 12px rgba(0,0,0,.10);
}

.calculator-box label{

    display:block;
	    font-size:16px;

    margin-top:12px;

    font-weight:bold;

    color:#003366;
}

.report-heading{

    text-align:center;

    padding:12px;

    margin:15px auto;

    font-size:22px;

    font-weight:bold;

    color:#ffffff;

    background:#006699;

    border-radius:10px;

    box-shadow:0 4px 12px rgba(0,0,0,.15);

    letter-spacing:1px;
}



.calculator-box input,
.calculator-box select{

    width:100%;
    height:45px;

    padding:8px 12px;

    border:1px solid #b5c7d8;

    border-radius:6px;

    font-size:16px;

    background:#fff;

    box-sizing:border-box;
}

.calculator-box input:focus,
.calculator-box select:focus{

    border-color:#0BA0E5;

    outline:none;

    box-shadow:0 0 5px rgba(11,160,229,.3);
}








.btn-area{

    margin-top:20px;

    text-align:center;
}

.btn-calc,
.btn-print{

    padding:10px 25px;

    border:none;

    border-radius:8px;

    cursor:pointer;

    color:#fff;

    font-weight:bold;

    margin:5px;
}

.btn-calc{
    background:#0BA0E5;
}

.btn-print{
    background:#008000;
}

.summary-box{

    margin:10px auto;

    max-width:700px;

    padding:10px;
	font-size:16px;

    border:2px solid #53C7FD;

    border-radius:10px;

    background:#F7FCFF;
}



.emi-table{

    width:100%;

    border-collapse:collapse;

    margin-top:20px;

    font-size:16px;

    box-shadow:0 4px 12px rgba(0,0,0,.12);
}

.emi-table th{

    background:#0BA0E5;

    color:#fff;

    padding:10px;

    border:1px solid #ddd;
}

.emi-table td{

    padding:8px;

    border:1px solid #ddd;

    text-align:right;
}

.emi-table td:first-child{

    text-align:center;
}

.emi-table tr:nth-child(even){

    background:#F7FCFF;
}

.emi-table tr:hover{

    background:#FFF8DC;
}

.print-header{

    text-align:center;

    margin-bottom:20px;
}

.print-header img{

    width:100%;

    max-width:847px;

    height:auto;
}

.print-header h2{

    color:#003366;
}

@media(max-width:768px){

    .emi-table{
        font-size:11px;
    }

    .calculator-box{
        margin:10px;
    }
}

@media print{

    nav,
    footer,
    .footer-main,
    #sidebar_container,
    .menu-toggle,
    .calculator-box,
    #grass,
	#logo-main,
	#portal-heading,
    #sun{
        display:none !important;
    }
	img[alt="sunshine"]{
   display:none !important;
}
	

    #summary,
    #schedule{
        display:block !important;
        visibility:visible !important;
    }

    .emi-table{
        width:100%;
        border-collapse:collapse;
        font-size:11px;
    }

    .emi-table th,
    .emi-table td{
        border:1px solid #000;
        padding:4px;
    }

    .emi-table thead{
        display:table-header-group;
    }

    .emi-table tr{
        page-break-inside:avoid;
    }

    body{
        background:#fff !important;
    }
	
	 #printLogo{
        display:block !important;
        text-align:center;
        margin-bottom:20px;
        page-break-after:avoid !important;
        page-break-inside:avoid !important;
        break-inside:avoid !important;
    }

    #printLogo img{
        display:block;
        width:100%;
        max-width:847px;
        height:auto;
        margin:0 auto 10px auto;
    }

    #summary{
        page-break-before:auto;
        page-break-inside:avoid;
    }
	 .summary-box{
        font-size:16px;
        line-height:1.2;
    }

	 header{
        display:block !important;
    }

    nav,
    footer,
    .footer-main,
    .calculator-box,
    .menu-toggle{
        display:none !important;
    }
#logo-main{
        width:100% !important;
        text-align:center;
        margin:0 !important;
        padding:0 !important;
    }
    #logo-main img{
        width:100% !important;
        max-width:750px !important;
        height:auto !important;
        object-fit:contain;
        display:block;
        margin:0 auto;
    }

    header{
        page-break-inside:avoid !important;
        break-inside:avoid !important;
    }

	 #printHeader{
        display:block !important;
        width:100%;
        margin-bottom:15px;
    }

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

    .logo-col{
        width:100%;
		max-width:847px;
		height:auto;
        text-align:center;
        vertical-align:middle;
    }

    .logo-col img{
		 width:100%;
		max-width:847px;
        height:auto;
    }

    .title-col{
        text-align:center;
        vertical-align:middle;
    }

    .title-col h2{
        margin:0;
        font-size:18px;
        font-weight:bold;
        color:#000;
    }

    .title-col h3{
        margin:4px 0;
        font-size:16px;
        color:#000;
    }

    .title-col h4{
        margin:4px 0;
        font-size:15px;
        color:#000;
    }

    #printHeader hr{
        border:1px solid #000;
        margin-top:10px;
    }


}

#printHeader{
    display:none;
}

#printLogo{
    display:none;
}

@media screen and (max-width:769px){

    #schedule{
        overflow-x:auto;
    }

    .emi-table{
        min-width:750px;
    }
}