@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);
html {
    font: normal 14px/1.4 "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #fff;
}
* { box-sizing: border-box; }

h1 {
	display:inline-block;
	box-sizing: border-box;
	position:relative;
	width:100%;
	line-height:64px;
	text-align:center;
	margin:auto;
	margin-top: 3px;
	margin-bottom: 6px;
}
html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background: #30459f;
	background: -moz-radial-gradient(center, ellipse cover,  #30459f 0%, #212d69 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #30459f 0%,#212d69 100%);
	background: radial-gradient(ellipse at center,  #30459f 0%,#212d69 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30459f', endColorstr='#212d69',GradientType=1 );
}
a { background-color: transparent; }
a:active,
a:hover { outline: 0; }
a {
    color: #2498e3;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    color: #ef8c1a;
    text-decoration: none;
}
img {
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
.page-containerib {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
	z-index:9999999!important;
}
.page-header-wrapper,
.page-content-wrapper,
.page-footer-wrapper {
    box-sizing: border-box;
    display: table-row;
}
.page-content-wrapper { height: 100%; }
.page-content {
    box-sizing: border-box;
    margin: auto;
    padding: 0;
}
.page-footer {
    box-sizing: border-box;
    padding: 0px;
    text-align: center;
    color: #fff;/*
    border-top: 1px solid #fff;
    background: #3a3a3a;*/
    font-size: 14px;
    line-height: 28px;
}
.page-footer a,
.page-footer a:hover {
    text-decoration: none;
}
.company-logo img { 
	height: 50px;
	margin: auto;
}
.page-info-wrapper { margin-bottom: 5px; }
#dashboard {
	background-color:#3a3a3a;
	color:#fff;
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	width:230px;
	padding:0px;
	font-family:Calibri, sans-serif;
	font-size:10pt;
	box-sizing:border-box;
	box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.66);
	z-index:99;
	border-radius:6px;
}
div#dashboard ul {
list-style:none;
}
div#dashboard ul li {
	margin:0!important;
}
div#dashboard li::before {
  content: ""!important; /* Insert content that looks like bullets */
  padding-right: 0px!important;
}
.clickable {
display:block;
position:relative;
border:1px solid #3a3a3a;
width:100%;
box-sizing:border-box;
padding:2px;
background-color:#EF8C1A;
color:#3a3a3a!important;
border-radius:5px;
margin-bottom:2px;
}
.pull-right {
	display:inline-block;
	position:relative;
	height:12pt;
	width:24px;
	float:right;
}
.glyphicon {
	display:block;
	position:relative;
	width:18px;
	height:12px;
	text-decoration:none;
	font-style:normal;
	font-family: 'Courier New', monospace;
	font-weight:700;
}
.glyphicon-chevron-down::before {
	content:'[+]';
	height: 12px;
	text-decoration:none;
	font-style:normal;
	font-family: 'Courier New', monospace;
	font-weight:700;
}
.glyphicon-chevron-up::before {
	content:'[-]';
	height: 12px;
	text-decoration:none;
	font-style:normal;
	font-family: 'Courier New', monospace;
	font-weight:700;
}
.collapsein{
    display: none;
}
#dashboard a, #dashboard a:visited{color:#02864D;}
#dashboard a:hover{color:#fff;}
.greenBack {
	background-color:#b6ffa5;
	color:#000000!important;
}
.redBack {
	background-color:#ffa5a5;
	color:#000000!important;
}
.yellowBack {
	background-color:#ffffa5;
	color:#000000!important;
}
.blueBack {
	background-color:#a5b0ff;
	color:#000000!important;
}
.presscon, .presscon a {
	display:inline-block;
	position:relative;
	width:58px;
	height:48px;
	text-decoration:none;
	outline:none;
	margin:auto;
	box-sizing:border-box;
    background-color:rgba(58,58,58,100);
    background-repeat: no-repeat;
    background-position: center;
  	background-size: 48px 32px;
	border-radius:5px;
	border:2px solid #EF8C1A;
}
#mecha:hover, #forge:hover, #hydro:hover  {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.66);
}
#hydro {
	background-image: url(../excel/HYDROEX/hydro.svg);
	box-shadow: 0px 3px 3px rgba(0,0,0,0.66);
	cursor:pointer;
	margin-left:5px;
	float:left;
}
#mecha {
	background-image: url(../excel/HYDROEX/mecha.svg);
	box-shadow: 0px 3px 3px rgba(0,0,0,0.66);
	cursor:pointer;
}
#forge {
	background-image: url(../excel/HYDROEX/forge.svg);
	box-shadow: 0px 3px 3px rgba(0,0,0,0.66);
	cursor:pointer;
	margin-right:5px;
	float:right;
}

.btnAction{background-color:#4C6AB6;border:0;padding:10px 40px;color:#FFF;border:#F0F0F0 1px solid; border-radius:4px;cursor:pointer;}
.btnActionL{
	background-color:#EF8C1A;
	padding:10px 43px;
	color:#3a3a3a;
	cursor:pointer;
	outline:none;
	box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.66);
	z-index:999;
}
.turn:hover {
	background-color:#EF8C1A!important;
	color:#fff!important;
}
.turn:hover a {
	color:#fff!important;
}
.loginback {
	color:#ffffff!important;
	width:100%;
	height:100%;
	color:#ffffff!important;
	font-size:18pt;
	font-family:Calibri, sans-serif;
}
.logText {
	color:#EF8C1A!important;
	width:100%;
	font-size:18pt;
	line-height:20pt;
	text-align:center;
	font-family:Calibri, sans-serif;
}
::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}
@media (min-width: 480px) {
    .links > li { width: 33.33%; }
}
@media (min-width: 768px) {
    .page-content,
    .page-footer {
        padding-right: 10px;
        padding-left: 10px;
    }
    .links > li { width: 33.33%; }
    .product-info-wrapper .col {
        width: 50%;
    }
}
/* IBUILD */
.ibuild-logo {
/*display:block;
position:inline-block;
width:96px;
height:64px;*/
z-index:999;
/*float:left;*/
}
/* H1-H3 */
H1 {
	color:#ef8c1a;
}
H2 {
	color:#ef8c1a;
}
H3 {	
	color:#ef8c1a;
}
.wrapper {
	padding: 5px;
	/*max-width: 1480px;*/
	width: 98%;
	margin: 0 auto;
}
.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 3px 0;
}

.column {
	flex: 1;
	/*border: 1px solid #fff;*/
	border-radius: 5px;
	margin: 5px;
	padding: 5px;
	background-color:#3a3a3a;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.50); 
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.50);
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

footer {
	padding: 0;
}


@media screen and (max-width: 1250px) {
  .columns .column {
		margin-bottom: 5px;
		flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
	
}
@media screen and (max-width: 820px) {
	.columns .column {
		flex-basis: 100%;
		margin: 0 0 6px 0;
	}

}
ul {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin: 0;
}

li {
  padding-left: 0px;
}

li::before {
  content: " "; /* Insert content that looks like bullets */
  padding-right: 5px;
 /* color: #ef8c1a; /* Or a color you prefer */
}
.orange {
  color: #ef8c1a; /* Or a color you prefer */
  font-size:14px;
}
.ibuild_model_ehw, .ibuild_model_hd2, .ibuild_model_hp1 {
	display:block;
	position:relative;
	width:86px;
	height:86px;
	float: left;
	margin-top:-9px;
	margin-left:-9px;
    background-color:rgba(0,0,0,0);
    background-repeat: no-repeat;
    background-position: center;
  	background-size: 86px 86px;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.50); 
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.50);
}
.ibuild_model_ehw {
    background-image: url(/images/IBUILD_EHW.png);
}
.ibuild_model_hd2 {
    background-image: url(/images/IBUILD_HD2.png);
}
.ibuild_model_hp1 {
    background-image: url(/images/IBUILD_HP1.png);
}
.iclose {
    display: block;
  	position: absolute;
    background-color:rgba(0,0,0,0);
    background-repeat: no-repeat;
    background-position: center;
  	background-size: 32px 32px;
    background-image: url(/images/closeIbuild.svg);
    height: 32px;
    width: 32px;
    top: 3px;
    right: 3px;
}

.kc-bg {
background: #505050 !important;
}