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

/* solar trading styling */
	 .trading_icon {
	    height:200px;
	    width:200px; 
	 }
	  .inline_display	 {
	 display: inline-block;
	 padding-left:3.5%;
	 width:18%; 
	 }
	 
	 .hideContent {
    overflow: hidden;
    line-height: 4em;
    height: 4em;
}
	.whiteTextColor{
	 color:white;
	} 
 .solar_credit_div{
 display:none;
  padding-top:4%; 
  border:1px solid white; 
  background:#2b2b2e;
 }
 
 .sell_table{
 padding-bottom:8%; padding-top:6%; padding-left:7%;
 }
 .solar_point_div{
 display:none; 
 padding-left:1%; padding-top:4%; width:60%; border:1px solid black; background:#2b2b2e;
 }
 
 
  
 .trade_label_padding{
 padding-left:3%; 
 padding-top:2%; 
 padding-bottom:4%;
 }
 
 .trade_chart1{
 display:inline-block;
  padding-left:2%; 
  padding-bottom:2%;
 }
 
 .trade_chart2{
 height:370px;
  width:100%;
 }
 
 .p_font{
	font-size:20px;
}

 .button_width{
 width:100px;
 }
 .etc_trading{
 height: calc(100% - 66px);
 height : -moz-calc(100% - 66px);
 height : -webkit-calc(100% - 66px);
 height : -o-calc(100% - 66px);
 height : -ms-calc(100% - 66px);
  
 overflow-y: scroll;
 background-color:#2c2c2e;
 }

 .trading_label	 {
    display: inline-block;
    color:white;
    font-family: "Noto Sans KR";
    width:18%; 
    text-align:center;
    float:center;
 }

.title_P{
	 font-size:20px;
	 background-color: #0d0d0d;
	 height:30px;
	 padding-left:7%;
	 padding-top:5%;
	 padding-bottom:5%;
	} 

/*Pagination*/
.pagination{
	padding-left:0%;
}
.pagination li {
  color: white;
  float: left;
  padding:8px 16px;
  text-decoration: none;
  transition: background-color .3s;
}

.pagination li.active {
  background-color: dodgerblue;
  color: white;
}

.li_page{
	 background-color: dodgerblue;
  color: white;
}
.pagination li:hover:not(.active) {background-color: #ddd;}

.tradingtable,.tradingtable td, .tradingtable th {
    text-align : center;
    font-size:18px;
    border-collapse: collapse;
}
.tradingtable td, .tradingtable th{
	 padding-top:2%;
	 padding-bottom:2%;
	 /* padding:2%;*/
	 border: 1px solid white;
	 width:10% ; 
}

.tradingtable{
	/*display:none;*/
   /*margin: 0 auto;
	/*padding:5% ;*/
	align: center;
}
.tran_table,.tran_table td, .tran_table th {
    text-align : center;
    font-size:18px;
    border-collapse: collapse;
     border: 1px solid white;
     padding:12px;
}
.tran_table{
	 padding-top:5%;}

.hide{
	display:none;
}

.unhide{
	display:block;
}

 .active{
  	background-color: black;
  	color: white;
 }

 .hide_me{ 
	display: none;
 }
 
 .buyDivStyle{
	 height:600px; overflow-y: scroll; background:#2b2b2e;display: none;
 }

.p_info1{
  	padding-left:40%;
  	padding-top:20%;
  	font-size:20px;
  	display:none; 
}

/* ESS Styling*/
	.required-field::after{
    content: "*";
    color: red;
    }
	
	.essInfo1 table {
	  border: 1px solid white;
	  border-collapse: collapse;
	}
	.essInfo1 th {
	  border: 1px solid white;
	  border-collapse: collapse;
	}
	.essInfo1 td {
	  border: 1px solid white;
	  border-collapse: collapse;
	}
	
	.essInfo1 th, .essInfo1 td {
	  padding: 5px;
	  text-align: center;    
	}
	
	.button1 {
	  display: inline-block;
	  padding: 5px 50px;
	  font-size: 16px;
	  cursor: pointer;
	  text-align: center;
	  text-decoration: none;
	  outline: none;
	  color: #fff;
	  background-color: #4CAF50;
	  border: none;
	  border-radius: 0px;
	}
	
	.button1:hover {background-color: #3e8e41}
	
	.button1:active {
	  background-color: #3e8e41;
	  box-shadow: 0 5px #666;
	  transform: translateY(4px);
	}
	
	.divBgcolor{
		background:#2b2b2e;
	}
	
	.essTextStyling{
		color:#FFFAF0;
	}
	
	.paddingBetweenRows	{
	 padding-left: 120px;
	}
			 
	#myProgress {
	  width: 30%;
	  background-color: #ddd;
	  z-Index:9999;
	  position:absolute; 
	  top:30%; 
	  left:35%;
	}
	
	#myBar {
	  width: 0%;
	  height: 30px;
	  background-color: #4CAF50;
	  text-align: center;
	  line-height: 30px;
	  color: white;
	}
		 
	#myProgress {
	  width: 30%;
	  background-color: #ddd;
	  z-Index:9999;
	  position:absolute; 
	  top:30%; 
	  left:35%;
	}
	
	#myBar {
	  width: 0%;
	  height: 30px;
	  background-color: #4CAF50;
	  text-align: center;
	  line-height: 30px;
	  color: white;
	}
	
	#myBackground {
		  display:none;
		  background: rgba(0, 0, 0, 0.4);
		  z-Index:9999;
	}
	
	.textStyling
	 {
	    color:#FFFAF0;
	    font-size : 15px;
	    font-family: "Noto Sans KR";
	    text-overflow: ellipsis;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    -moz-white-space: nowrap;
	    -webkit-white-space: nowrap;
	    -ms-white-space: nowrap;
	    overflow: hidden;
	 }
			
	.roundedCorner input[type="text"]{
   		 background:#d9d9d9;
	     border-radius:40px;
	     foreground:#FFFAF0;
	     font-weight:bold;
	     color:	#000000;
	     font-family: "Noto Sans KR";
	     height:30px;
	     text:20px;
	     font-size:13px;
	     text-align:center !important;
	}
			
	.gallery 
	 {
	     width:220px;
	     height:220px;
	     position: relative;
		 padding: 0;
		 margin: 0;
		 text-align: center;
	 }
	
	.gallery-image
	 {
		cursor:pointer;
		position: relative;
		display: block;
	 }
	
	.gallery-text
	 {
		position: absolute;
		top: 0; right: 0;
		bottom: 0; left: 0;
		width: 100%;
		height:100%; 
		text-align: center;
		background-color: rgba(0,0,0,0.8);
		opacity: 0;
		-webkit-transition: opacity 0.6s;
		-moz-transition: opacity 0.6s;
		-ms-transition: opacity 0.6s;
		transition: opacity 0.6s;
	    vertical-align:middle;
	    line-height:200px;
	 }
	
	.gallery-text:hover {
		 opacity: 1;      
	 }
	
	 .gallery-text h4,
	 .gallery-text h5
	 {
		 color: white;
		 display: inline-table;
	     vertical-align:middle;
	     horizontal-align:middle;
	     line-height:100%;    
	     font-size:30px;        
	 }	
	 		
	.aParent div {
	    float: left;
	    clear: none; 
	 }
	
	.fixed_header{
	    width: 95%;
	    table-layout: fixed;
	    border-collapse: collapse;
	}
	
	.fixed_header tbody{
	  display:block  ;
	  width:100% ;
	  overflow-y: auto  ;
	  height: 300px  ;
	}
	
	.fixed_header thead tfoot{
	  display:block ;
	  width: 90% ;
	  overflow-y: auto ;
	}
	
	.fixed_header tfoot  tr,
	.fixed_header thead  tr{
	   display: block ;
	}
	
	.fixed_header thead,
	.fixed_header tfoot  {
	  background: #343436;
	  color:#fff;
	}
	
	.fixed_header th  td{
	  padding:5px ;
	  text-align: center;
	  color: white ;
	}
	
	.fixed_header td {
	  padding:5px ;
	  text-align: center ;
	  color: white ;
	}
	.fixed_header th
	{
	  border: 1px solid white ;
	  text-align:center ;
	  min-width: 165px ;
	/*  max-width: 160px ;*/
	}
		
	.fixed_header table, .fixed_header td	{
	  border: 1px solid white ;
	  min-width: 155px ;
	  max-width: 156px ;
	  text-align:center ;
	}
	
	.fixed_header-container:hover .fixed_header-scroll {
	  opacity: 1 ;
	}
		
	.lineColor hr	{
		border:0.5px solid white;
	}
	
	.bullet-styling ul {
	  list-style: none;
	}

	.bullet-styling ul li::before {
  		content: "\2022";
  		color: white;
   		font-size: 22px  ; 
     	color:white;
      	height:30px; 
  		font-weight: bold;
  		display: inline-block; 
 		width: 1em;
  		margin-left: -1em;
	}
			 
	.bullet-styling li	{
		 font-size: 22px  ; 
	   	 color: red;
	     color:white;
	     height:30px; 
	     font-weight: bold;
	}

	.tableFixHead {
  		overflow-y: auto;
  		height: 200px;
	}
/*
.tableFixHead table {
  border-collapse: collapse;
  width: 100%;
  color: white;
  table-layout: fixed;

}

.tableFixHead th,
.tableFixHead td {
  padding: 8px 16px;
   color: white;
   table-layout: fixed;
    width: 100px;
}

.tableFixHead th {
  position: sticky;
  top: 0;
  background: black;
  color: white;
  table-layout: fixed;
}

.tableFixHead tfoot  {
  position: sticky;
  top: 0;
  background: black;
  color: white;
  table-layout: fixed;
}
	
	table.scroll {
    width: 95%;
    border-spacing: 0;
    border: 1px solid white;
    color:white;
    text-align:center;
    padding:5px;
}

table.scroll th,
table.scroll td,
table.scroll tr,
table.scroll thead,
table.scroll tfoot,
table.scroll tbody { display: block; }

table.scroll tfoot tr ,
table.scroll thead tr {
   
    width: 97%;
  
 
    width: -webkit-calc(100% - 16px);
    width:    -moz-calc(100% - 16px);
    width:         calc(100% - 16px);
}

table.scroll tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

table.scroll tbody {
    height: 100px auto ;
    overflow-y: auto ;
    overflow-x: hidden;
}

table.scroll tfoot td,
table.scroll tbody td,
table.scroll thead th {
    width: 10%;
    float: left;
    border-right: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    text-align:center;
    padding:5px;
}
*/