@charset "utf-8";
/* CSS Document */

/********This css document is the only custom css document maintained by the softwre author. all others are specific***********/
/****************************to the bootstrap , sb admin 2 dashboard module etc***********************************************/

body{
    font-family: "Open Sans";
    color:#64D0FA;
}

html, body { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
}

#system_admin_client_list{
   font-size:12px;
}

.error{
 color:red !important;
 font-weight:normal;
 font:Verdana, Arial, Helvetica, sans-serif;
 size:10px;
 text-decoration:none;
}

#loader{
 border:2px solid gray;
 width:200px;
 height:60px;
 background:#5BC0DE;
 color:black !important;
 padding:20px;
 position:absolute;
 top:50%;
 left:50%;
 text-align:center;
 z-index:5000;
}

h3,h4,h5{
  margin-top:15px !important;
  margin-bottom:15px !important;
}

.flex_container {
  display: flex;
  flex-direction: column;
  background-color: white;
}


#page_header{
    position: fixed;
    top: 0;
    height: 15vh !important;
    padding:0px 0px;
    background: white;
    border: 0;
    /* border-bottom: 1px; */
    text-align: left;
    /* margin-left: 25vw; */
    opacity: 1;
    z-index: 1000;
    border-bottom:1px solid gold;
}


#page_content{
    height: 100%;
    min-height:100%;
}

#page_content > .row{
    height:100%;
}

.flex_container_div {
  /* note: height is managed in vh and vw unites while width is managed grids */    
  background-color: white;
  
  /*size*/
  height:75%;
  min-height:75%;
  margin-top:15%; 
  box-sizing: border-box;
  
  text-align: left;
  /*font-size: 16px;*/

  opacity: 0.5;
  border:0;
  
  overflow:auto;
  color:black !important;
  box-sizing: border-box;
}



#page_footer{
    position: fixed;
    bottom: 0;
    height: 10vh;
    padding: 0px 0px;
    background: white;
    border-top: 1px solid gold;
    /* border-bottom: 1px; */
    text-align: left;
    /* margin-left: 25vw; */
    opacity: 1;
    z-index: 1000;
    width: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    overflow:auto;
}






#logo{
    background:url('../images/logo.jpg');
    background-repeat:no-repeat;
    background-size:contain;
    height:10vh;
}
.row{
    margin-right:0;
    margin-left:0;
}

#page_header h2{
    font-weight:bold;
}    

#page_header > h2{
    margin:0 !important;
}

.progress-bar {
    line-height: 8vh;
    font-size: 4vh !important;
}



table { 
    border-collapse: collapse; 
    border-collapse:separate; 
    border-spacing:50px;    
} 


th{
    text-align:center !important;
    font-weight:bold !important;
}

td{
    text-align:center !important;
    font-weight:normal !important;
}

#tbl_review h3{
    font-weight:bold;
}


#alert{
   text-align:center;
   margin:100px;
}



.le_title{
    background:white;
    font-size: 16px;
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    color:black;
    font-weight:bold;

}

.le_green{
    background: #8dc63f;
    font-size: 15px;
    text-align: center;
    color: white;
    width: 50%;
    padding: 15px;
    margin-left: 25%;
    font-weight: bold;
}

.le_warning{
    background:#be1e2d;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    font-size: 25px;
    color:white;
}

.le_image{
    height:330px !important;
}



.pb_message{
    visibility:hidden;
    position:fixed;
    top:20vh;
    height:8vh;
    left:25vw;
    border:0;
    width:50vw; 
    text-align:center;
}

.progress{
    visibility:hidden;
    position:fixed;
    top:40vh;
    height:8vh;
    left:25vw;
    border:0;
    width:50vw;
}


.label-default {
    background-color: white !important;
    padding: 30px !important;
    border:0;
    color:black;
    font-weight:bold;
    font-size:250%;
    
}


#navigation_bar_menu > ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#navigation_bar_menu > ul > li{
  display: inline-block !important;
  zoom:1;
  display:inline !important; /* this fix is needed for IE7- */   
  display: block;
  color:#f49f35;
  text-align: center;
  padding:1vh 1vh;
  text-decoration: none;
  cursor:pointer;
  font-weight:bold;
}



.btn-success{
    background-color:#64D0FA !important;
}

.form-control{
    font-size:22px;
    height:62px;
}

input[type=radio] {
    width: 25px;
    height: 25px;
}

.radio-inline{
  font-size:22px;
  display: inline-block;
  margin-left: 10px;
  padding: 0;
  /* vertical-align: middle; */
  vertical-align: baseline; 
  font-weight:normal;
  
}

.radio-single{
  margin-left:10px;
  font-size:22px;
  font-weight: normal;
  vertical-align: super;
  font-weight:normal;  
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

.label-checkbox{
  margin-left:0;
  font-size:22px;
  font-weight: normal;
  vertical-align: baseline;
  font-weight:normal;      
}

h2{
    margin-left:15px;
}

#ler_logo{ /*ler=life expectancy report*/
    height:120px;
    width:120px;
    background: url('../images/logo.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#header_text_part{
    height: 5vh;
    text-align: left;
}

.ler_review_data_wrap > div > div > h4{
    font-weight:bold;
    color:black;
}

#ler_warnings_wrapper{
    margin-bottom:50px;
}

#ler_warnings_wrapper > div > div img{
    border-radius: 50%;
    border:5px solid #F5A035;
}

#ler_warnings_wrapper > div > div p{
    font-size:20px !important;
}

.ler_review_dada_img_wrap{
    height:290px;
}

div#le_report_data_review_wrap > div h1{
    font-size:60px;
}

#seperator{
    height: 7px;
    background: #edaa0c;
    border: 0;
    margin: 17px 0;
}

#ler_result_before_warning{
    margin:50px 0;
    text-align:center;
}





/* background images */
.bg_ethnicity{
    background:white url("../images/Ethincity.jpg") no-repeat center right;    
}
.bg_age{
    background:white url("../images/Age.jpg") no-repeat center right;
}
.bg_height{
    background:white url("../images/Hieght.jpg") no-repeat center right;
}
.bg_weight{
    background:white url("../images/Weight.jpg") no-repeat center right;
}
.bg_education{
    background:white url("../images/Education.jpg") no-repeat center right;
}
.bg_family_history{
    background:white url("../images/Family Tree.jpg") no-repeat center right;
}
.bg_retirement{
    background:white url("../images/Retired.jpg") no-repeat center right;
}
.bg_smoking{
    background:white url("../images/Smoking.jpg") no-repeat center right;
}
.bg_alcholic{
    background:white url("../images/Alocoholic.jpg") no-repeat center right;
}
.bg_exercise{
    background:white url("../images/Excercise.jpg") no-repeat center right;
}
.bg_drugs{
    background:white url("../images/Drigs.jpg") no-repeat center right;
}
.bg_conditions{
    background:white url("../images/Health.jpg") no-repeat center right;
}
.bg_stress{
    background:white url("../images/Stress.jpg") no-repeat center right;
}


#hidden_section_id, #hidden_next_section_id, #hidden_previous_section_id {
    display:none;
}

/* paddings of each flex_div_container*/
.flex_container_div#section1{
    padding-top:20%;
}

.flex_container_div#section2{
    padding-top:25%;
}

.flex_container_div#section3, .flex_container_div#section4, .flex_container_div#section5{
    padding-top:25%;
}

.flex_container_div#section6{
    padding-top:30%;    
}

.flex_container_div#section7{
    padding-top:30%;    
}

.flex_container_div#section8, .flex_container_div#section9, .flex_container_div#section10{
    padding-top:30%;
}

.flex_container_div#section11, .flex_container_div#section13, .flex_container_div#section15{
    padding-top:20%;
}

.flex_container_div#section12{
    padding-top:5%;
}

.flex_container_div#section14{
    padding-top:10%;
}

.flex_container_div#section16{
    padding-top:50%;
}


#section11 img{
    width:180px;
}

#navigation_bar_menu{
    margin-bottom:10px;
}



#result_page_logo{
    width:300px;
    border:0;
}













@media only screen and (max-width: 992px) {
	.flex_container_div{ 
		opacity:1;
	}
	
	
	
	/* paddings of each flex_div_container*/
    .flex_container_div#section1{
        padding-top:65%;
    }	
	
    .flex_container_div#section2{
        padding-top:15%;
    }	
	
    .flex_container_div#section3, .flex_container_div#section4, .flex_container_div#section5, .flex_container_div#section6{
        padding-top:60%;
    }	
	
    .flex_container_div#section7{
        padding-top:20%;
    }	
    
    .flex_container_div#section8{
         padding-top:40%;
    }
	
    .flex_container_div#section9, .flex_container_div#section10{
        padding-top:30%;
    }	
	
    .flex_container_div#section11{
        padding-top:20%;
    }
    
    .flex_container_div#section12{
        padding-top:10%;
    }	
	
    .flex_container_div#section13{
        padding-top:40%;
    }	
    
    .flex_container_div#section14{
        padding-top:15%;
    }   
    
    .flex_container_div#section15{
        padding-top:15%;
    }   	
	
    .flex_container_div#section16{
        padding-top:60%;
    }   	
	
    #section11 img{
        display:none;
    }	
	
	
	#navigation_bar_menu{
	    /*display:none;*/
	}
	
	.no_img{ /* hide images in mobile */
	  display:none;
	}
	
	#page_header{
	    height:20vh;
	}
	

	#page_header h3{
	    /*display:none;*/
	}	
	
	h3, h4, h5{
	    margin-top:0;
	    margin-bottom:0;
	}
	
	h3, .h3{
	    font-size:18px;
	}
	

    /* background images - mostly not shown in mobile */
    .bg_ethnicity, .bg_age, .bg_height, .bg_weight, .bg_education, .bg_family_history, .bg_retirement, .bg_smoking, .bg_alcholic, .bg_exercise, .bg_drugs, .bg_conditions, .bg_stress{
    	background-image: none;
    }  
    
    
    #header_text_part{
        /*display:none;*/
    }
    
    #logo{ 
     height:14vh; /*1px for header gold border left*/
    }

    #page_footer{
        /*display:none;*/
    }
    
    
    .radio-single, .radio-inline{
        font-size:16px;
    }


    input[type=radio] {
        width: 18px;
        height: 18px;
        border: 2px solid black !important;
    } 
    
    h2{
        font-size:18px;
        font-weight:bold;
    }
 
    #page_content{
        padding:1;    
    } 
    
    #navigation_bar_menu{
        display:none;
    }
    
    #page_footer {
        line-height:0;
        text-align:center !important;
        padding-top:10px;
    }
    
    .radio label{
        padding-left:0;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
        padding-left:10px !important;
        padding-right:0px !important;
    } 
    
    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox]{
        margin-left:-10px;
    }
    
    #alert{
       margin:100px 10px;   
    }
    
    #result_page_logo{
        width:300px;
        border:0;
    }
    

    .ler_review_dada_img_wrap img {
        width: 50% !important;
    }    

    .ler_review_dada_img_wrap {
        height: 210px;
        overflow: scroll;
        margin-bottom: 0px;
    }
    
    .ler_review_data_wrap_single_item {
        height: 330px;
        margin-bottom: 80px;
        overflow: auto;
    }  
    

    .ler_review_dada_img_wrap{
        height:180px;        
    }
    
    #alert h1{
        font-size:50px !important;
    }

    #alert h2{
        font-size:30px !important;
    }

}