/*
Theme Name: Pso Child
Description: Pso Child
Template: pso
*/

@media only screen and (max-width: 479px) {

}


@media print { 
 /* All your print styles go here */
	#header {margin-top:-255px;}
	div#av-layout-grid-3.av-layout-grid-container.entry-content-wrapper.main_color.av-flex-cells.avia-builder-el-10.el_after_av_layout_row.el_before_av_layout_row.submenu-not-first.container_wrap.fullsize {display: none;}
	#fiche-imprimable {display:none;}
	div.av-subheading.av-subheading_below {display: none;}
	#top label, #top select {font-size: 0.8em!important;}
	.avia-desc-col {font-size: 11px;}
	td {font-size: 11px;}
}

/*IE10+11 Custom Style Sheet*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*#wp-compear-tool-draganddrop img  {display: none;}*/
    span.data-spec-order-1.image-field img  {max-width: 75%;}
}

span.language_flag {text-transform: uppercase;}

@media only screen and (max-width: 990px) {
#header_meta .sub_menu {
  display:block !important;
  padding-left: 0px !important;
}
}

.compare-col7 {
	display: flex;
	align-items: center;
}

.dragged{
	cursor:grabbing;
}

.compare-problemts-title {
	background-color: #deddd5;
	text-align: center;
	padding: 20px 0 10px 0;
}

.page-id-2  #after_section_1 .av-content-full.alpha.units {
	padding-top: 0;
}

.page-id-2 #after_section_1 .container {
	padding: 0;
	max-width: 100%;
}

.compare-data-wrapper,
.compare-drag-drop{
	max-width: 1300px;
	margin: 0 auto;
}

.compare-data-wrapper {
	display: flex;
	flex-flow: wrap;
}

.compare-data-titles {
	width: 25%;
	background-color: #f4f4f4;
	border-left: 4px solid #deddd5;
	border-right: 4px solid #deddd5;
	box-sizing: border-box;
}

.compare-data-titles div {
	padding: 5px 10px;
	border-bottom: 1px solid #dedede;
	font-weight: bold;
	font-size: 9pt;
}

.drop-zone {
	width: 25%;
	border-right: 4px solid #deddd5;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: wrap;
}

.drop-zone span {
	padding: 20px;
	border-radius: 12px;
	border: 4px dashed #dedede;
	font-size: 18px;
	color: #999;
	text-align:center;
}

.compare-drag-drop {
	background: #DEDDD4;
	padding: 10px 15px;
	box-sizing: border-box;
	flex-flow: wrap;
	display: flex;	
}

.compare-drag-drop-item {
	width: 11.8%;
	margin: 0 5px 5px 0;
	background-color: #fff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;	
}

.compare-drag-drop-item .compare-drag-drop-img img {
	max-width: 100%;
	padding: 5px;
	box-sizing: border-box;
	cursor: grab;
	display: block;
}

.drop-zone.active div {
	padding: 5px 10px;
	border-bottom: 1px solid #dedede;
	font-size: 9pt;
}

.drop-zone.active {
	display:block;
}

.drop-zone.active .temp-title {
	display: none;
}

.compare-wrapper-item {
	margin-bottom: 50px;
}

.layout-grid {
	display: flex;
	justify-content: space-between;
}

.layout-grid div{
	width:25%;
	height:12px;
}

.layout-grid div:first-child{
	background-color: #00aec7;
}

.layout-grid div:last-child{
	background-color: #bebca9 !important;
}

.layout-grid div:nth-child(2n){
	background-color: #f4364c;
}

.layout-grid div:nth-child(3n){
	background-color: #003b5c;
}

#moleculre-top-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px 0;
	background: linear-gradient(90deg, rgba(255,255,255,0.921988863904937) 50%, rgba(235,235,229,1) 50%);
}

#molecule-top-row-logo {
	width: 50%;
	text-align: center;
}

#molecule-top-row-info {
	width: 50%;
	background: #ebebe5;
	padding: 30px;
	box-sizing: border-box;
}

#molecule-top-row-info div span {
	font-weight: bold;
	color: #003b5c;
}

#files.layout-grid div {
	padding: 10px 5px;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height:150px;
	height:auto;
}

.compare-drag-drop-item.dropped-item{
	opacity:0.5;
}

#files.layout-grid a {
	color: #fff;
	font-size: 1.5em;
	padding: 20px;
	box-sizing: border-box;
	display: block;
}


.file-type-1 a:hover{
	background:#009bba;
	border-radius:5px;
}

.file-type-2 a:hover{
	background:#dd0b43;
	border-radius:5px;
}

.file-type-3 a:hover{
	background:#00537c;
	border-radius:5px;
}

.file-type-4 a:hover{
	background:#a5a393;
	border-radius:5px;
}

#files.layout-grid a span {
	position: relative;
	top: 3px;
}

#files.layout-grid a:hover{
	text-decoration: none !important;
}

#files.layout-grid a{
	transition:all 0.25s linear;
}

.moleculre-col-data p,
.moleculre-col-data ul{
	margin:0;
}

.moleculre-col-data ul li ul {
	padding: 5px 0 0 20px;
}

.molecule-row {
	display: flex;
	background: rgba(235,235,229,1);
}

.molecule-row:nth-child(2n){
	background:#fff;
}

.molecule-row:nth-child(2n) .moleculre-col-data,
.molecule-row:nth-child(2n) .moleculre-col-data ul li{
	color:#00aec7;	
}

.moleculre-col-title {
	width: 25%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 5px;
	text-transform: uppercase;
	color: #003b5c;
}

.moleculre-col-data {
	padding: 9px 20px;
	border-bottom: 1px solid #ccc;
	width: 75%;
}

.molecule-row .moleculre-col-data ul li{
	list-style:disc;
	color:#444;
}



.molecule-row .moleculre-col-data{
	color:#444;	
}


.moleculre-col-data img {
	max-width: 400px;
}

#molecule-top-row-logo img {
	max-width: 90%;
	max-height:160px;
}

.compare-data-titles div.spec-hovered,
.drop-zone div.spec-hovered{
	background:#fff;
	box-shadow:0 0 6px rgba(0,0,0,0.4);
}

.drop-zone {
	background: #FAFBF8;
}

.moleculre-col-data img {
	max-height: 200px;
}

@media only screen and (max-width: 767px) {
	.page-id-2 #after_section_1 .container {
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.compare-data-titles div {
		padding: 2px 4px;
		font-size: 5pt;
		line-height: 13px;
	}

	.drop-zone span {
		padding: 5px;
		border-radius: 7px;
		border: 3px dashed #dedede;
		font-size: 11px;
	}	
	
	.drop-zone.active div {
		padding: 5px;
		font-size: 5pt;
		line-height: 12px;
	}	
	
	#molecule-top-row-logo {
		width: 100%;
		text-align: center;
	}	

	#moleculre-top-row {
		flex-direction: column;
		background: none;
	}	
	
	#molecule-top-row-logo img {
		max-width: 400px;
	}	
	
	#molecule-top-row-info {
		width: 100%;
		text-align: center;
	}
	
	#moleculre-top-row {
		padding: 40px 0 0 0;
	}	
	
	#files.layout-grid {
		flex-direction: column;
	}	

	#files.layout-grid div {
		width: 100%;
	}	
	
	.moleculre-col-data img {
		max-width: 200px;
	}	
	
	.moleculre-col-title {
		width: 30%;
		font-size: 10px;
		padding: 9px 5px;
	}	
	
	.moleculre-col-data {
		width: 70%;
	}
}