@media screen and (prefers-color-scheme: light){


    body {
    background: #1c1c2c none repeat scroll 0 0;
    color: #fff;}

    h2  {
    background: #1c1c2c none repeat scroll 0 0;
    color: #fff;}

    h4  {
    /*background: #1c1c2c none repeat scroll 0 0;*/
    color: #fff;}

    p   {
    background: #1c1c2c none repeat scroll 0 0;
    color: #fff;}

    .panel-default {
    border-color: rgba(0, 0, 50, 0.80);
    }
    .panel {
        
        background-color: rgba(0, 0, 50, 0.80);
    }
     .check-title{
        background-color: rgba(0, 0, 50, 0.80); 
    }

    .color-black{
        color: #fff;
    }

    .overlay{
        background-color: rgba(0, 0, 50, 0.80); 
        color: #fff;
    }

    .text{
        background-color: transparent;  
        color: #fff;
    }

    .text1{
        background-color: transparent;  
        color: #fff;

    }
    .text2{
        background-color: transparent;  
        color: #fff;

    }
    .bg{
         background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }

    #app{
        background-color: rgba(0, 0, 50, 0.80); 
        color: #fff;
        margin: 0px 0px 0px 70%;
    }

    .yellowText{
        color: #fff;

    }
    .text-white{
        color: white;
    }
    .block-height-1{
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }

    .block-height-2{
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }
    
    .block-height-3{
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }

    #block-1{
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }

    #block-2{
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }

    #block-3{
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }


    .bgBlue1 {
        background: #1c1c2c none repeat scroll 0 0;
        border-bottom: 1px solid white;
    }
    .bgBlue2 {
        background: #1c1c2c none repeat scroll 0 0;
        border-bottom: 1px solid white;
    }

    .modalDialog > div {
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;

    }

    .blackText {
    background: #1c1c2c none repeat scroll 0 0;
        color: #fff;

    }

    .buttomRun{
        background-color: #1c1c2c;
        background-color: #33335b;  
        color: #fff;

    }

    #selectV{
        background-color: #1c1c2c;  
        color: #fff;
    }
    .inputWidth{
        background-color: #1c1c2c;  
        color: #fff;
    }

    #block-W-1, #block-W-2, #block-W-3, #app2, .inputWidth3, .inputWidth2, .inputWidth4{
        background-color: #1c1c2c;  
        color: #fff;
    }

     #app2 {
        margin: 0px 0px 0px 70%;
    }

    .prev, .next {
        color: #0c0;
    }   

    #block2-3, #block2-2,  #block2-1, #block3-1, #block2-3-2, #block2-2-2, #block2-1-2,  #compare, #backToSingleResult{
        background-color: #1c1c2c;  
        color: #fff;
    }

    #backToExperement, #backToExperement2{
        background-color: #33335b;  
        color: #fff;
    }

    .expirement_1st, .expirement_2nd, .expirement_3th{
        color: #fff;
    }

    .chart {
        border: 2px solid #1c1c2c;
    }

     #_ABSTRACT_RENDERER_ID_0 + rect, 
     #_ABSTRACT_RENDERER_ID_2 + rect, 
     #_ABSTRACT_RENDERER_ID_4 + rect, 
     #_ABSTRACT_RENDERER_ID_6 + rect,
     #_ABSTRACT_RENDERER_ID_8 + rect,
     #_ABSTRACT_RENDERER_ID_10 + rect,
     #_ABSTRACT_RENDERER_ID_12 + rect,
     #_ABSTRACT_RENDERER_ID_14 + rect,
     #_ABSTRACT_RENDERER_ID_16 + rect,
     #_ABSTRACT_RENDERER_ID_18 + rect,
     #_ABSTRACT_RENDERER_ID_20 + rect,
     #_ABSTRACT_RENDERER_ID_22 + rect,
     #_ABSTRACT_RENDERER_ID_24 + rect,
     #_ABSTRACT_RENDERER_ID_26 + rect,
     #_ABSTRACT_RENDERER_ID_28 + rect,
     #_ABSTRACT_RENDERER_ID_30 + rect,
     
     #_ABSTRACT_RENDERER_ID_32 + rect,
     #_ABSTRACT_RENDERER_ID_34 + rect,
     #_ABSTRACT_RENDERER_ID_36 + rect,
     #_ABSTRACT_RENDERER_ID_38 + rect,
     #_ABSTRACT_RENDERER_ID_40 + rect,
     #_ABSTRACT_RENDERER_ID_42 + rect,
     #_ABSTRACT_RENDERER_ID_44 + rect,
     #_ABSTRACT_RENDERER_ID_46 + rect,
     #_ABSTRACT_RENDERER_ID_48 + rect,
     #_ABSTRACT_RENDERER_ID_50 + rect,
     #_ABSTRACT_RENDERER_ID_52 + rect,
     #_ABSTRACT_RENDERER_ID_54 + rect,
     #_ABSTRACT_RENDERER_ID_56 + rect,
     #_ABSTRACT_RENDERER_ID_58 + rect,
     #_ABSTRACT_RENDERER_ID_60 + rect,
     #_ABSTRACT_RENDERER_ID_62 + rect
     {
        fill:rgb(22,22,44);
    }


.block-8-1{
  
  background-color: #1c1c2c;
  
}

.block-8-2{
  
  background-color: #1c1c2c;
  
}



.block-8-all{
background-color: #1c1c2c;
border: 1px solid #ccc;

}

.block-pub-1{
  padding: 5px 15px;
background-color: #1c1c2c;
border: 1px solid #ccc;
border-radius: 5px;
}

.block-pub-2{
padding: 15px 30px 15px 40px;
background-color: #1c1c2c;
border: 1px solid #ccc;
border-radius: 5px;
}
}


@media (prefers-color-scheme: dark) {


	body {
    background: #1c1c2c none repeat scroll 0 0;
    color: #fff;}

    h2	{
    background: #1c1c2c none repeat scroll 0 0;
    color: #fff;}

    h4	{
    /*background: #1c1c2c none repeat scroll 0 0;*/
    color: #fff;}

    p	{
    background: #1c1c2c none repeat scroll 0 0;
    color: #fff;}

    .panel-default {
    border-color: rgba(0, 0, 50, 0.80);
	}
	.panel {
	    
	    background-color: rgba(0, 0, 50, 0.80);
	}
     .check-title{
    	background-color: rgba(0, 0, 50, 0.80);	
    }

    .color-black{
    	color: #fff;
    }

    .overlay{
    	background-color: rgba(0, 0, 50, 0.80);	
    	color: #fff;
    }

    .text{
    	background-color: transparent;	
    	color: #fff;
    }

    .text1{
    	background-color: transparent;	
    	color: #fff;

    }
    .text2{
    	background-color: transparent;	
    	color: #fff;

    }
    .bg{
    	 background: #1c1c2c none repeat scroll 0 0;
    	color: #fff;
    }

    #app{
    	background-color: rgba(0, 0, 50, 0.80);	
    	color: #fff;
    }

    .yellowText{
	   	color: #fff;

    }

    .block-height-1{
    	background: #1c1c2c none repeat scroll 0 0;
    	color: #fff;
    }

    .block-height-2{
    	background: #1c1c2c none repeat scroll 0 0;
    	color: #fff;
    }
    
    .block-height-3{
    	background: #1c1c2c none repeat scroll 0 0;
    	color: #fff;
    }

    #block-1{
    	background: #1c1c2c none repeat scroll 0 0;
    	color: #fff;
    }

    #block-2{
    	background: #1c1c2c none repeat scroll 0 0;
    	color: #fff;
    }

	#block-3{
    	background: #1c1c2c none repeat scroll 0 0;
    	color: #fff;
    }


    .bgBlue1 {
    	background: #1c1c2c none repeat scroll 0 0;
    	border-bottom: 1px solid white;
    }
    .bgBlue2 {
    	background: #1c1c2c none repeat scroll 0 0;
    	border-bottom: 1px solid white;
    }

    .modalDialog > div {
    	background: #1c1c2c none repeat scroll 0 0;
    	color: #fff;

    }

    .blackText {
    background: #1c1c2c none repeat scroll 0 0;
    	color: #fff;

	}

	.buttomRun{
		background-color: #1c1c2c;
        background-color: #33335b;	
    	color: #fff;

	}

	#selectV{
		background-color: #1c1c2c;	
    	color: #fff;
	}
	.inputWidth{
		background-color: #1c1c2c;	
    	color: #fff;
	}

	#block-W-1, #block-W-2, #block-W-3, #app2, .inputWidth3, .inputWidth2, .inputWidth4 {
		background-color: #1c1c2c;	
    	color: #fff;
	}

    .prev, .next {
        color: #0c0;
    }	

    #block2-3, #block2-2,  #block2-1, #block3-1, #block2-3-2, #block2-2-2, #block2-1-2, #backToExperement, #compare, #backToSingleResult{
        background-color: #1c1c2c;  
        color: #fff;
    }
      #backToExperement, #backToExperement2{
        background-color: #33335b;  
        color: #fff;
    }


    .expirement_1st, .expirement_2nd, .expirement_3th{
        color: #fff;
    }

    .chart {
        border: 2px solid #1c1c2c;
    }

     #_ABSTRACT_RENDERER_ID_0 + rect, 
     #_ABSTRACT_RENDERER_ID_2 + rect, 
     #_ABSTRACT_RENDERER_ID_4 + rect, 
     #_ABSTRACT_RENDERER_ID_6 + rect,
     #_ABSTRACT_RENDERER_ID_8 + rect,
     #_ABSTRACT_RENDERER_ID_10 + rect,
     #_ABSTRACT_RENDERER_ID_12 + rect,
     #_ABSTRACT_RENDERER_ID_14 + rect,
     #_ABSTRACT_RENDERER_ID_16 + rect,
     #_ABSTRACT_RENDERER_ID_18 + rect,
     #_ABSTRACT_RENDERER_ID_20 + rect,
     #_ABSTRACT_RENDERER_ID_22 + rect,
     #_ABSTRACT_RENDERER_ID_24 + rect,
     #_ABSTRACT_RENDERER_ID_26 + rect,
     #_ABSTRACT_RENDERER_ID_28 + rect,
     #_ABSTRACT_RENDERER_ID_30 + rect,
     
     #_ABSTRACT_RENDERER_ID_32 + rect,
     #_ABSTRACT_RENDERER_ID_34 + rect,
     #_ABSTRACT_RENDERER_ID_36 + rect,
     #_ABSTRACT_RENDERER_ID_38 + rect,
     #_ABSTRACT_RENDERER_ID_40 + rect,
     #_ABSTRACT_RENDERER_ID_42 + rect,
     #_ABSTRACT_RENDERER_ID_44 + rect,
     #_ABSTRACT_RENDERER_ID_46 + rect,
     #_ABSTRACT_RENDERER_ID_48 + rect,
     #_ABSTRACT_RENDERER_ID_50 + rect,
     #_ABSTRACT_RENDERER_ID_52 + rect,
     #_ABSTRACT_RENDERER_ID_54 + rect,
     #_ABSTRACT_RENDERER_ID_56 + rect,
     #_ABSTRACT_RENDERER_ID_58 + rect,
     #_ABSTRACT_RENDERER_ID_60 + rect,
     #_ABSTRACT_RENDERER_ID_62 + rect
     {
        fill:rgb(22,22,44);
    }


    .block-8-1{
      
      background-color: #1c1c2c;
      
    }

    .block-8-2{
      
      background-color: #1c1c2c;
      
    }



    .block-8-all{
    background-color: #1c1c2c;
    border: 1px solid #ccc;

    }

    .block-pub-1{
      padding: 5px 15px;
    background-color: #1c1c2c;
    border: 1px solid #ccc;
    border-radius: 5px;
    }

    .block-pub-2{
    padding: 15px 30px 15px 40px;
    background-color: #1c1c2c;
    border: 1px solid #ccc;
    border-radius: 5px;
}
}


/*
@media (prefers-color-scheme: light) {


	body {
    background: #fff none repeat scroll 0 0;
    color: #000;
	}

    h2	{
    background: #fff none repeat scroll 0 0;
    color: #000;
	}

    h4	{
    background: #fff none repeat scroll 0 0;
    color: #000;}

    p	{
    background: #fff none repeat scroll 0 0;
    color: #000;}

    .panel-default {
    background: #fff none repeat scroll 0 0;
	}
	.panel {
	    
	   background: #fff none repeat scroll 0 0;
	}
     .check-title{
    	background: #fff none repeat scroll 0 0;	
    }

    .color-black{
    	color: #000;
    }

    .overlay{
    	background: #fff none repeat scroll 0 0;	
    	color: #000;
    }

    .text{
    	background-color: transparent;	
    	color: #000;
    }

    .text1{
    	background-color: transparent;	
    	color: #000;

    }
    .text2{
    	background-color: transparent;	
    	color: #000;

    }
    .bg{
    	background: #fff none repeat scroll 0 0;
    	color: #000;
    }

    #app{
    	background: #fff none repeat scroll 0 0;
    	color: #000;
    }

    .yellowText{
	   	color: #000;

    }

    .block-height-1{
    	background: #fff none repeat scroll 0 0;
    	color: #000;
    }

    .block-height-2{
    	background: #fff none repeat scroll 0 0;
    	color: #000;
    }
    
    .block-height-3{
    	background: #fff none repeat scroll 0 0;
    	color: #000;
    }

    #block-1{
    	background: #fff none repeat scroll 0 0;
    	color: #000;
    }

    #block-2{
    	background: #fff none repeat scroll 0 0;
    	color: #000;
    }

	#block-3{
    	background: #fff none repeat scroll 0 0;
    	color: #000;
    }


    .bgBlue1 {
    	background: #fff none repeat scroll 0 0;
    	color: #000;
    	border-bottom: 1px solid black;
    }
    .bgBlue2 {
    	background: #fff none repeat scroll 0 0;
    	color: #000;
    	border-bottom: 1px solid black;
    }

    .modalDialog > div {
    	background: #fff none repeat scroll 0 0;
    	color: #000;

    }

    .blackText {
    background: #fff none repeat scroll 0 0;
    	color: #000;

	}

	.buttomRun{
		background: #ccc none repeat scroll 0 0;
    	color: #000;

	}

	#selectV{
		background: #ccc none repeat scroll 0 0;
    	color: #000;
	}
	.inputWidth{
		background: #fff none repeat scroll 0 0;
    	color: #000;
	}

}
*/

/*base theme*/

    body {
    background: #1c1c2c none repeat scroll 0 0;
    color: #fff;}

    .apps-margin{
      margin-bottom: 30px;
    }

    h1  {
    /*background: #1c1c2c none repeat scroll 0 0;*/
    
    font-size: 42px;
    }

    h4  {
    /*background: #1c1c2c none repeat scroll 0 0;*/
    color: #fff;}

    p   {
    background: #1c1c2c none repeat scroll 0 0;
    color: #fff;}

    .panel-default {
    border-color: rgba(0, 0, 50, 0.80);
    }
    .panel {
        
        background-color: rgba(0, 0, 50, 0.80);
    }
     .check-title{
        background-color: rgba(0, 0, 50, 0.80); 
    }

    .color-black{
        color: #fff;
    }

    .overlay{
        background-color: rgba(0, 0, 50, 0.80); 
        color: #fff;
    }

    .text{
        background-color: transparent;  
        color: #fff;
    }

    .text1{
        background-color: transparent;  
        color: #fff;

    }
    .text2{
        background-color: transparent;  
        color: #fff;

    }
    .bg{
         background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }

    #app{
        background-color: rgba(0, 0, 50, 0.80); 
        color: #fff;
    }

    .yellowText{
        color: #fff;

    }
    .text-white{
        color: white;
    }
    .block-height-1{
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }

    .block-height-2{
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }
    
    .block-height-3{
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }

    #block-1{
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }

    #block-2{
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }

    #block-3{
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;
    }


    .bgBlue1 {
        background: #1c1c2c none repeat scroll 0 0;
        border-bottom: 1px solid white;
    }
    .bgBlue2 {
        background: #1c1c2c none repeat scroll 0 0;
        border-bottom: 1px solid white;
    }

    .modalDialog > div {
        background: #1c1c2c none repeat scroll 0 0;
        color: #fff;

    }

    .blackText {
    background: #1c1c2c none repeat scroll 0 0;
        color: #fff;

    }

    .buttomRun{
        background-color: #1c1c2c;
        background-color: #33335b;  
        color: #fff;

    }

    #selectV{
        background-color: #1c1c2c;  
        color: #fff;
    }
    .inputWidth{
        background-color: #1c1c2c;  
        color: #fff;
    }

    #block-W-1, #block-W-2, #block-W-3, #app2, .inputWidth3, .inputWidth2, .inputWidth4 {
        background-color: #1c1c2c;  
        color: #fff;
    }

    .prev, .next {
        color: #0c0;
    }   

    #block2-3, #block2-2,  #block2-1, #block3-1, #block2-3-2, #block2-2-2, #block2-1-2{
        background-color: #1c1c2c;  
        color: #fff;

    }

      #backToExperement, #backToExperement2, #compare, #backToSingleResult{
        background-color: #33335b;  
        color: #fff;
        font-weight: 300;
    }

    .expirement_1st, .expirement_2nd, .expirement_3th{
        color: #fff;
    }

    .chart {
        border: 2px solid #1c1c2c;
    }

     #_ABSTRACT_RENDERER_ID_0 + rect, 
     #_ABSTRACT_RENDERER_ID_2 + rect, 
     #_ABSTRACT_RENDERER_ID_4 + rect, 
     #_ABSTRACT_RENDERER_ID_6 + rect,
     #_ABSTRACT_RENDERER_ID_8 + rect,
     #_ABSTRACT_RENDERER_ID_10 + rect,
     #_ABSTRACT_RENDERER_ID_12 + rect,
     #_ABSTRACT_RENDERER_ID_14 + rect,
     #_ABSTRACT_RENDERER_ID_16 + rect,
     #_ABSTRACT_RENDERER_ID_18 + rect,
     #_ABSTRACT_RENDERER_ID_20 + rect,
     #_ABSTRACT_RENDERER_ID_22 + rect,
     #_ABSTRACT_RENDERER_ID_24 + rect,
     #_ABSTRACT_RENDERER_ID_26 + rect,
     #_ABSTRACT_RENDERER_ID_28 + rect,
     #_ABSTRACT_RENDERER_ID_30 + rect,
     
     #_ABSTRACT_RENDERER_ID_32 + rect,
     #_ABSTRACT_RENDERER_ID_34 + rect,
     #_ABSTRACT_RENDERER_ID_36 + rect,
     #_ABSTRACT_RENDERER_ID_38 + rect,
     #_ABSTRACT_RENDERER_ID_40 + rect,
     #_ABSTRACT_RENDERER_ID_42 + rect,
     #_ABSTRACT_RENDERER_ID_44 + rect,
     #_ABSTRACT_RENDERER_ID_46 + rect,
     #_ABSTRACT_RENDERER_ID_48 + rect,
     #_ABSTRACT_RENDERER_ID_50 + rect,
     #_ABSTRACT_RENDERER_ID_52 + rect,
     #_ABSTRACT_RENDERER_ID_54 + rect,
     #_ABSTRACT_RENDERER_ID_56 + rect,
     #_ABSTRACT_RENDERER_ID_58 + rect,
     #_ABSTRACT_RENDERER_ID_60 + rect,
     #_ABSTRACT_RENDERER_ID_62 + rect
     {
        fill:rgb(22,22,44);
    }


.block-8-1{
  
  background: rgba(0,0,0,0.0);
  
}

.block-8-1 > p{
   background: rgba(0,0,0,0.0); 
}

.block-8-2{
  
  background-color: #1c1c2c;
  
}



.block-8-all{
background-color: #1c1c2c;
border: 1px solid #ccc;

}

.block-8-all:hover {
    background-color: rgba(0, 0, 120, 1.00);
}


.hrefModalPDF,
.hrefModalPDF:link,
.hrefModalPDF:active,
.hrefModalPDF:hover,
.hrefModalPDF:visited
{
    text-decoration: none;
}


.block-pub-1{
  padding: 5px 15px;
background-color: #1c1c2c;
border: 1px solid #ccc;
border-radius: 5px;
}

.block-pub-2{
padding: 15px 30px 15px 40px;
background-color: #1c1c2c;
border: 1px solid #ccc;
border-radius: 5px;
}



@media (max-width: 450px) {
.section-headline h2 {
    font-size: 21px;
  }

  h1, h2{
        font-size: 21px;
      }
  }

@media screen and (max-width: 1200px){
    #app, #app2{
     margin: 0px 0px  0px 5%;
    }
}

 @media screen and (max-width: 767px){
    #app, #app2{
        margin: 0px 0px  0px 0%;
    }
 }