body{
    font-family: sans-serif;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: normal;
    margin: 0;
    padding: 0%;
}

.header{
    background-color: #003d7e;
    padding: 15px 0px 15px 0px;
    text-align: center;
}
.header-title{
    color: white;
}
.header-subtitle{
    color: #ffff00;
}
.sub-heading{
    color: #003d7e;
}

.table thead{
    background-color: #003d7e;
    color: white;
    text-align: center;
}

.cost-viewport {
    text-align: center;
    border-radius: 5px;
    background-color: #003d7e;
    /* border: 2px solid #003d7e; */
    padding: 30px;
    margin: 10px;
}

.cost-viewport h2{
    font-weight: bold;
    color: #ffff00;
    /* color: #003d7e; */
}

.cost-viewport p{
    color: #ffffff;
}

.irs--flat .irs-handle>i:first-child {
    width: 25px;
    background-color: #ffffff;
    border: 2px solid  #003d7e;
    border-radius: 3px;
}

.irs--flat .irs-handle>i:first-child:hover {
    width: 18px;
    background-color: #ffff00;
    border: 2px solid  #003d7e;
    border-radius: 3px;
}

.irs--flat .irs-bar {
    top: 25px;
    height: 12px;
    background-color: #003d7e;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    color: #ffff00;
    font-weight: bold;
    background-color: #003d7e; 
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    border-top-color: #003d7e;
}


table tbody th{
    min-width: 150px;
}

table tbody td{
    min-width: 100px;
}

.table-label{
    width: 300px
    /* width: auto */
}


.row2 {
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
.row2box {
    width: 25%;
    text-align: center;
    flex-direction: column;
    align-content: center;
    min-width: 200px;
    margin: auto;
    margin-top: 20px;
}
.row2box img {
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

.row2textbox label {
    display: inline;
    color: #0A50A1;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.comparision_link{
    cursor: pointer;
}
.comparision_link:hover{
    color: #ffff00;
}

/* Important part */
.modal-dialog{
    overflow-y: initial !important
}

.modal-header {
    padding-bottom: 1rem !important;
}

.modal-body{
    height: 85vh;
    overflow-y: auto;
}


@media (max-width:700px){
    label {
        display: inline-block;
        width: 48%;
    }
    .form-control {
        display: inline-block;
        width: 50%;
    }

    table tbody th{
        min-width: 150px;
        font-size:12px;
    }

    table tbody td{
        min-width: 70px;
        font-size:12px;
    }
    table .form-control{
        font-size:12px !important;
    }

    .table-label{
        width: 250px
    }
    thead th{
        font-size:14px
    }

}



/* Modal */
.modal-dialog-full-width {
    width: 90% !important;
    height: 80% !important;
    margin: auto !important;
    margin-top: 10px !important;
    padding: 0 !important;
    max-width:none !important;
}

.modal-content-full-width  {
    height: auto !important;
    min-height: 80% !important;
    border-radius: 0 !important;
    background-color: #ececec !important 
}

.modal-header-full-width  {
    border-bottom: 1px solid #9ea2a2 !important;
}

.modal-footer-full-width  {
    border-top: 1px solid #9ea2a2 !important;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }
}

.comparison-headingSub {
    color: #0a50a1;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
}

/* Highchart */

.highcharts-figure, .highcharts-data-table table {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    margin: 1em auto;
}


.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	/* border-collapse: collapse; */
	border: 1px solid #EBEBEB;
	/* margin: 10px auto; */
	text-align: center;
	width: 100%;
	/* max-width: 500px; */
}
.highcharts-data-table caption {
    /* padding: 1em 0; */
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    /* padding: 0.5em; */
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    /* padding: 0.5em; */
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

/* Preloader */

.preloader {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
position: absolute;
}

.preloader span {
position: absolute;
display: block;
bottom: 0;
width: 9px;
height: 5px;
border-radius: 5px;
background: rgba(0, 0, 0, 0.0);
-webkit-animation: preloader 2s infinite ease-in-out;
animation: preloader 2s infinite ease-in-out;
}

.preloader span:nth-child(2) {
left: 11px;
-webkit-animation-delay: 200ms;
animation-delay: 200ms;
}

.preloader span:nth-child(3) {
left: 22px;
-webkit-animation-delay: 400ms;
animation-delay: 400ms;
}

.preloader span:nth-child(4) {
left: 33px;
-webkit-animation-delay: 600ms;
animation-delay: 600ms;
}

.preloader span:nth-child(5) {
left: 44px;
-webkit-animation-delay: 800ms;
animation-delay: 800ms;
}

.preloader span:nth-child(6) {
left: 55px;
-webkit-animation-delay: 1000ms;
animation-delay: 1000ms;
}

@-webkit-keyframes preloader {
0% {
height: 5px;
-webkit-transform: translateY(0);
transform: translateY(0);
background: rgba(0, 0, 0, 0.1);
}
25% {
height: 30px;
-webkit-transform: translateY(15px);
transform: translateY(15px);
background: #003d7e;
}
50%, 100% {
height: 5px;
-webkit-transform: translateY(0);
transform: translateY(0);
background: rgba(0, 0, 0, 0.1);
}
}

@keyframes preloader {
0% {
height: 5px;
-webkit-transform: translateY(0);
transform: translateY(0);
background: rgba(0, 0, 0, 0.0);
}
25% {
height: 30px;
-webkit-transform: translateY(15px);
transform: translateY(15px);
background: #003d7e;
}
50%, 100% {
height: 5px;
-webkit-transform: translateY(0);
transform: translateY(0);
background: rgba(0, 0, 0, 0.0);
}
}