/* @override 
	http://localhost:8888/admin-propa/za-propa/lib/css/main.css
*/

/* @group .clearfix */


/* slightly enhanced, universal clearfix hack */ 
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; } 

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

* a img{
	border: 0;
}

* a:focus{
	outline: 0;
}


/* @end */

/* @group Layout  */

html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#fff; 
font-family: 'HelveticaNeueLTStd47LtCn';
font-size: 15px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}

#content {position:absolute; z-index:5; top:78px; bottom:36px; left:280px; right:0; background:url(../img/bg-contenttop-gradient.png) repeat-x; #fff;}

* html #content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:100px solid #fff; border-bottom:36px solid #fff; border-left:200px solid #fff;}


#head {
	position:absolute; margin:0; top:0; left:0; display:block; 
	width:100%; height: 63px;
	background:  url(../img/bg-header-gradient.png) repeat-x;
	background-position:top left;
	z-index:5; overflow:hidden; color:#fff;
	padding-top: 15px;}

#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:36px; z-index:5; overflow:hidden; padding-left: 6px;
}

#left {position:absolute; left:0; top:78px; bottom:36px; width:280px; background:  url(../img/bg-menu-gradient.png); background-position:top center;
	z-index:4; background-repeat:repeat-x, 	overflow-x: hidden;
	overflow-y: auto;	}
	

* html #left {height:100%; top:0; bottom:0; border-top:100px solid #fff; border-bottom:50px solid #fff; color:#fff;}

#main{
	overflow-x: hidden;
	overflow-y: auto;
}

#content p { text-align: justify;}
.bold {font-size:1.2em; font-weight:bold;}

#left dd {display:none;}
a.nav, a.nav:visited {margin-left:50px; display:block; width:100px; height:25px; background:#aaa; color:#eee; border:1px solid #000; text-decoration:none; text-align:center; line-height:25px;}
a.nav:hover {background:#000; color:#fff;}

/* @end */

/* @group typos */

body{
	font-family: 'HelveticaNeueLTStd47LtCn';
	font-size: 15px;
}

h1, h2, h3, h4, p{
	font-family: 'HelveticaNeueLTStd57Condensed';
	color: #929292;
	font-weight: normal;
}

h1{
	color: #929292;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 4px;
	margin-top: 10px;
}

h2{
	font-size: 26px;
	/*text-transform: lowercase;	*/
	color: #cfcbcb;
	font-weight: normal;
	font-family: 'HelveticaNeueLTStd47LtCn';
	padding:0;
	margin:0;
}

h3{
	font-size: 14px;
	text-transform: uppercase;	
}
h3.maj { font-size:17px; margin-top:0; }
a{
	text-decoration: none;
}

/* @end */

/* @group head */

#head h1, #head .mainMenu{
	margin-left: 13px;
/*
	width: 947px;
*/
}

#head .pattern{
	height:63px;
	width: 6px;
	position: absolute;
}


#head a{
	font-size: 26px;
	line-height: 26px;
	color: #a8a7a7;
	margin-right: 37px ;
}

#head a:hover, #head a.active{
	color: #1c7daf;
}

#head a.last{
	padding: 0;
}

#head a.home{
	font-size: 16px;
}

#head a.lang { float:right; font-size:20px; text-transform:lowercase; } 
/* @end */

/* @group left */

#left dt{
	margin-left: 16px;
	height: 22px;
	width: 238px;
}

a.managePages{
	margin-bottom: 15px;
	margin-left: 15px;
	display: block;
	height: 17px;
	width: 17px;
}

#left dt a{
	text-transform: uppercase;
	font-size: 15px;
	
	color: #a8a7a7;
	display:block;
}

#left dt:hover a, #left dt a.active{
	color: #1c7daf;
}

#left dt .actions{
	display: none;
	float: right;
	position:relative;
	top:-17px;
}

#left dt:hover .actions {
	display: block;
}

#left dt:hover .actions a{
	display: block;
	height: 17px;
	width: 17px;
	float: left;

}	

#left dt .actions a:hover img, .singleAction:hover img{
	display: none;
}

#left dt .active {
	display: block;
}

/* @end */

/* @group foot */
#foot .wrap{
	border-top: 1px solid #cbcbcb;
	width: 100%;
	position: relative;
	padding-top: 10px;
}

#foot .leftpart{
	float: left;
	padding-left: 9px;
}

#foot .rightpart{
	text-align: right;
	position: absolute;
	right: 16px;
}

#foot #copyright{
	color: #8c8c8c
}

/* @end */

/* @group form */

form {
	margin: 0;
	padding: 0;
}
dd, dt, dl{
	margin: 0;
	padding: 0;
}
input{
	font-family: 'HelveticaNeueLTStd47LtCn';
	border: 1px solid #929292;
	font-size: 14px;
	color:#8f8f8f;
	outline: none;
}

#content input.empty{
	color: #929292;
}

#content input:focus{
	border: 1px solid #1c7daf;
	outline: none;
}

#content input.button:focus{
	border: 0;
}

#content input.button{
	border: 0;
	background: transparent;
	font-size: 19px;
	color: #929292;
}

#content input.button:hover, #content input#button_save, #content input#save {
	border: 0;
	background: transparent;
	font-size: 19px;
	color: #1c7daf;
}

#content dd .tooltipComment span{
	display: inline-block;
	margin-left: 10px;
}

.optgroup input, .checkboxContainer input{
	border:0;
}

/* @end */

/* @group content */

#content #main h2, #content #main h3, #content #main p {
	margin-left: 20px;
}

#content #main .ui-tabs ul li a{
	color:#a8a7a7;
}

#content #main .ui-tabs ul li.ui-state-active a{
	color:#ffffff;
}

#content #main .ui-tabs ul li.ui-state-hover a{
	color:#ffffff;
}




.ui-tabs{
	border:0;
}

.ui-tabs-panel{
	border:0;
}

#content #main .ui-tabs-panel h3{
	margin-left:0;
	border-bottom:1px solid #929292;
	width:657px;
	font-weight: bold;
}

#foregroundBorder{
	z-index: 20;
	position: fixed;
	top: 78px;
	left: 279px;
	width: 5px;
	bottom: 36px;
}

#foregroundBorder .top{
	height: 70px;
	width: 5px;
	background: url(../img/gradient-top.png) transparent;
}

#foregroundBorder .middle{
	position: absolute;
	top: 70px;
	bottom: 70px;
	width: 5px;
	background: url(../img/gradient-center.png) transparent;
}

#foregroundBorder .bottom{
	position: absolute;
	bottom: 0;
	height: 70px;
	width: 5px;
	background: url(../img/gradient-bottom.png) transparent;
}

#main {
	height: 100%;
/*
	overflow: hidden;
*/
}



#main .sectionHeader{
	z-index: 10;
	
	margin: 0;
	width: 100%;
}

#main .sectionHeader .container{
	width: 680px;
}


#main .sectionHeader h2{
	float: left;
}

#main .sectionHeader .actions{
	padding-left:25px;
	padding-right: 10px;
	float: left;
	height: 60px;

}

#main .sectionHeader .actions a, #main .sectionHeader .actions span.spacer{
	display: block;
	float: left;
	margin: 22px 2px;
	width:17px;
	height: 17px;
}

#main .sectionHeader .actions span.spacer{
	margin-left: 5px;
}

p.divide{
	margin: 0;
	padding: 0;
	height:1px;
	border-top: 1px solid #cbcbcb;
}
/* @end */

/* @group notifications */

.notifications strong { font-weight:normal; color:#1c7daf; }

/* @end */


/* @group scrollbars */

/*#left .viewport { width: 254px; top: 0; bottom: 20px; overflow: hidden; position: absolute; }*/

/*#left { width: 280px; clear: both; margin: 20px 0 10px; }*/
/*
.tsb .viewport {  top: 0; bottom: 20px; overflow: hidden; position: absolute; }
.tsb .overview { list-style: none; position: absolute; left: 0; top: 0; 
padding: 30px 0;}

.tsb .thumb .end,
.tsb .thumb { 	background: url(../img/themes/blue/bg-gradient.gif) #0f6097;
				background-repeat: repeat-x; 
				background-position: top; }
.tsb .scrollbar { position: relative; float: right; width: 7px; margin-right: 10px; margin-top: 10px; z-index: 10;}
.tsb .track { background-color: #f0f0f0; width:7px; position: relative; border: 1px #cbcbcb solid; }
.tsb .thumb { height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.tsb .thumb .end { overflow: hidden; height: 2px; width: 7px; }
.tsb .disable{ display: none; }

.tsb#left .viewport{
	width: 254px;
}

.tsb#home .viewport{
	width: 100%;
}

fieldset.tsb .viewport{
	width: 100%;
}
*/


.ctnrAbs{
	width: 100%;
	position: absolute;
	top: 60px;
	bottom: 60px;
	padding: 0;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	overflow-x: hidden;
	overflow-y: auto;
}

/*
.scrollTable{
	overflow-x: hidden;
	overflow-y: scroll;
}
*/



/*
fieldset.tsb .scrollbar { margin-top: 10px;}

.realList .tsb{
	z-index: 1;
}
*/

.realList .title{
	z-index: 2;
}
/*

.realList .tsb .viewport{
	width: 100%;
	position: absolute;
	top: 30px;
}

.realList .tsb .overview{
	width: 100%;
	padding: 0;
}
.realList .tsb .scrollbar {  z-index: 10;}

fieldset.tsb .track{
	top: 0;
	bottom: 90px;
}

.tsb .overview{
	width: 680px;
}

.tsb.body.ui-widget-content .viewport { overflow: hidden; position: relative; }
.tsb.body.ui-widget-content .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 100%;}
.tsb.body.ui-widget-content .scrollbar { position: absolute; width: 7px;  right: 21px; z-index: 10;}


*/

/*
form .t_fixed_header_main_wrapper .overview{
	width: 100%;
}
*/

/* @end */




/* @group login */

#centeredContent{
	position: absolute;
	top: 40%;
	background: white;
	width: 100%;
}

#centeredContent .subContent{
	width: 440px;
	margin: auto;
	text-align: left;
}

#centeredContent form{
	margin-top: 20px;
}

#centeredContent form input.text, #centeredContent form input.password{
	font-size: 20px;
	width: 178px;
	margin-right: 12px;
	padding: 0px 7px;
}

#centeredContent form dl{
	float: left;
}

#centeredContent form dl dt{
	display: none;
}

#centeredContent form .button{
	margin:4px 0;
}

/* @end */

/* @group edit forms */

#main .sectionHeader h2{
	margin: 0;
	line-height: 60px;
}

#main .sectionHeader h2 a{
	color: #a8a7a7;
}

#main .sectionHeader h2 a:hover{
	color: #1c7daf;
}


#main .sectionHeader #search{
	margin: 21px 0;
	font-size: 14px;
	float:right;
	padding:2px;

}

form.mainEditor{
	
}

form.mainEditor dd a.button{
	position: relative;
	top: 4px;
	left: 4px;
	display: inline-block;
	width: 17px;
	height: 17px;
}

form.mainEditor a.button:hover img{
	display: none;
}


form.mainEditor input.text, form.mainEditor textarea, form.mainEditor select, form.mainEditor option{
	color: #929292;
	font-family: 'HelveticaNeueLTStd47LtCn';
	font-size: 15px;
	padding-left:4px;
}

form.mainEditor select.multiple{
	min-height:160px;
	width: 375px;
}

form.mainEditor input.text:focus{
	font-size: 15px;
}

form.mainEditor input.text, form.mainEditor textarea, form.mainEditor select, form.mainEditor .ui-widget:not(.ui-tabs){
	width: 652px;
}	

form.mainEditor table select{
	width: 100%;
}	

form.mainEditor .ui-widget p{
	color: #fff;
}

form.mainEditor .realList .ui-widget  {
	margin: 0;
	width: auto;

}

select{
	height:32px;
	line-height: 32px;
}

span.customStyleSelectBox { 
	font-family: 'HelveticaNeueLTStd47LtCn';
	border: 1px solid #929292;
	font-size: 15px;
	background-color: #fff; color:#7c7c7c; padding:2px 4px; 
	height: 17px;
}

form.mainEditor textarea{
	height:160px;
	width:651px;
}

form.mainEditor fieldset{
	border: 0;
	padding: 0;
	margin: 0;
	margin-left: 20px;
	margin-top:10px;
	padding-bottom:10px;

}

form.mainEditor dl{
	margin-bottom: 20px;
}

form.mainEditor.view dl.textarea dd, form.mainEditor.view dl.inputContainer dd {
	font-family: 'HelveticaNeueLTStd47LtCn';
	font-size: 14px;
	color:#8f8f8f;
	outline: none;
	padding:5px;
	padding-left: 0;
}


#content #main form.mainEditor.view dl.textarea dd p{
	margin:0;
}

form.mainEditor .text{
	color: #8f8f8f;
}

form.mainEditor dt{
	margin-bottom: 2px;
}
form.mainEditor label{
	color: #626262;
}

form.mainEditor .previewerContainer label, form.mainEditor .uploaderContainer dt label{
    display:block; /* or inline-block */
    width: 100%; 
    padding: 7px 0; 
    text-align:left;    
    color:#626262;
	font-family: 'HelveticaNeueLTStd57Condensed';
    font-size: 15px;
    padding-left: 30px;
}

form.mainEditor .previewerContainer label, form.mainEditor .uploaderContainer.image dt label{
    background: url(../img/themes/blue/ico-picture.png) left no-repeat;
}

form.mainEditor .uploaderContainer.file dt label{
    background: url(../img/themes/blue/ico-doc.png) left no-repeat;
}


form.mainEditor .previewerContainer dd{
    padding-left: 30px;
}

form.mainEditor .externalEditable .actionAdd:hover {
	text-indent: 10000px;
	width: 17px;
	height: 17px;
	display: inline-block;
	background: url("../img/themes/blue/ico-add-over.png");
}

form.mainEditor .externalEditable .actionDelete{
	margin-left:3px;
	position:relative;
	top:3px;
}

form.mainEditor .externalEditable .actionDelete:hover {
	text-indent: 10000px;
	width: 17px;
	height: 17px;
	display: inline-block;
	background: url("../img/themes/blue/ico-delete-over.png");
}

form.mainEditor .externalEditable ul{
	list-style-type: none;
	margin-left:0;
	padding-left:0;
}

form.mainEditor .externalEditable ul li{
	margin-bottom:3px;
}

form.mainEditor .externalEditable li.model{
	display:none;
}

form.mainEditor .externalEditable input.placeholder{
	color:#a9a9ab;
}

form.mainEditor .externalEditable select, form.mainEditor .externalEditable input{
	margin-left:5px;
	margin-bottom:5px;
}

form.mainEditor .externalEditable.half select, form.mainEditor .externalEditable.half input{
	width:321px; margin-left:5px;
}

form.mainEditor .externalEditable.third select, form.mainEditor .externalEditable.third input{
	width:211px; margin-left:4px;
}

form.mainEditor .externalEditable.quarter select, form.mainEditor .externalEditable.quarter input{
	width:155px; margin-left:4px;
}

form.mainEditor .externalEditable.fifth select, form.mainEditor .externalEditable.fifth input{
	width:122px; margin-left:4px;
}

form.mainEditor #bottomButtonContainer{
	bottom: 0;
	margin: 0;
	height: 60px;
	position: absolute;
}

/* @end */

/* @group Table */

.dialog{
	display: none;
}

.list .ui-widget-content.ui-corner-all{
	border: 0; padding: 0; margin: 0;
}

.list .ui-widget .ui-widget-content{
	border: 0; 
}
form fieldset.realList{
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #cbcbcb;
	top: 60px;
	bottom: 60px;

}

form .realList .title{
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #efefef;
	border-bottom: 1px solid #cbcbcb;
	z-index:10;
}

.realList ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

form.fieldList{
	width: 100%;
}

div.t_fixed_header table{
	border-collapse: separate;
}

div.t_fixed_header.ui .ui-sortable:not(.ui-sortable-disabled)  td{
	cursor: move;
}

div.t_fixed_header.ui .headtable tr.title th, div.title span{
	background-color: #efefef;
	color: #626262;
	font-family: 'HelveticaNeueLTStd57Condensed';
	text-transform: uppercase;
	font-weight: normal;
	text-align: left;
	padding: 7px 0;
	border: 0;
	border-bottom: 1px solid #cbcbcb;
	position:relative;
}



div.t_fixed_header.ui .headtable th span.ui-resize{
	border:3px solid #efefef;
	background-color: gray;
	width:1px;
	margin:-10px 0;
	padding:0;
	z-index: 100;
	position: relative;
	right:0;
	top:0;
	height:30px; 
}


div.t_fixed_header.ui .headtable th.position span.ui-resize, div.t_fixed_header.ui .headtable th.elementfree span.ui-resize, div.t_fixed_header.ui .headtable th.last span.ui-resize{
	display: none;
}


.realList div.title span{
	border-bottom: 0;
}
.realList span{
	display: inline-block;
	margin: 0;

}


.realList span.element{
	height:29px;
	float:left;
	padding-bottom: 10px;
}


.realList ul li {
	padding-top: 20px;
	width: 100%;
	z-index: 1;
	display: block;
}

.realList ul li .text{
	height: 23px;
}

.realList span input.text, .realList span select{
	width: auto;
}

.realList span dl{
	width: auto;
	float: left;
}

.realList .actionAdd, .mainEditor .actionAdd{
	margin-top: 6px;
	margin-left: 5px;
	display: inline-block;
	height: 17px;
	width: 17px;
}

.actionBack{
	margin:22px 10px 22px 0;
	height:auto;
}

div.t_fixed_header.ui .body tr td, .realList li{
	color: #8f8f8f;
	line-height: 17px;
	border: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-top:1px;
	font-size:15px;
}


div.t_fixed_header.ui .body tr td:first-letter{
	/* text-transform:uppercase; */
}


div.t_fixed_header.ui .body tr.odd td, .realList li.odd {
	border: 0;
	border-top: 1px solid #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
	background: #f7f7f7;
}



div.t_fixed_header.ui td.first, div.t_fixed_header.ui .headtable tr.title th.first ,  .realList span.first{
	padding-left: 20px;
	width:20px;
}


div.t_fixed_header.ui td.position, div.t_fixed_header.ui .headtable tr.title th.position{
	width: 60px;
}

div.t_fixed_header.ui td.middle, div.t_fixed_header.ui .headtable tr.title th.middle{
	padding-left: 5px;
	width: 150px;

}




div.t_fixed_header.ui td middle img, div.t_fixed_header.ui td span.emptyImage, div.t_fixed_header.ui td postload{
	border: 1px solid transparent;
	max-width: 50px;
	height: 50px;
	display: block;
}

div.t_fixed_header.ui .body tr.hover:last-child td { border-top:1px solid #1c7daf; border-bottom:1px solid #1c7daf;}

div.t_fixed_header.ui .body tbody tr.hover:first-child td{
	border-top-color: transparent;
}

div.t_fixed_header.ui .body tbody.disabled tr.hover:first-child td{
	border-top-color: #1c7daf;
}

div.t_fixed_header.ui .body tr.hover td, .realList li.hover{
	background-color: #f0f0f0;
	color: #1c7daf;
	border-color: #1c7daf;
}


.actions a.button{
	display: none;
}

.actions a{
	float: left;
	margin-left: 4px;
	width:17px;
	height: 17px;
}

.actions a:hover img, .actions a.selected img{
	display: none;
}

.ui-multiselect {
	color:#929292;
	border:1px solid #929292;
}

div.t_fixed_header.ui tr.hover td img{
	border-color: #1c7daf;
}

.hover td a.button, li.hover  .actions a.button{
	display: block;
}

.hover td a.button img{
	border: none;
}

.hover td.clickable{
	cursor: pointer;
}
tr.clickable{
	cursor: pointer;
}

.sortable{
	-moz-opacity:0; filter:alpha(opacity=0); opacity:0;

}

.realList .sortable{
	-moz-opacity:1; filter:alpha(opacity=1); opacity:1;

}

.sortable.disabled td {
	color: #cccccc;
}

div.t_fixed_header.ui .body .sortable.disabled td.position{
	color: transparent;
}


div.t_fixed_header.ui .body tr.exportMe td {
	border: 0;
	border-color: #709d74;
	background: rgba(112,158,116,0.54);
}

div.t_fixed_header.ui .body tr.exportMe.hover td {
	border: 0;
	border-color: #709d74;
	background: rgba(134,172,137,0.68);
}

#bottomButtonContainer{
	position: relative;
	background-color: #fff;
	height: 60px;
	width: 680px;
}

#bottomButtonContainer input.button{
	float: right;
	padding-right: 0;
	text-transform: lowercase;
	cursor: pointer;
}

#manage_fieldsPageForm .text{
	height:19px;
}

#manage_fieldsPageForm .splitLangThird .text{
	width:383px;
}

.moreInfos{
	margin-left: 41px;
}


.moreInfos dd textarea{
	height: 80px;
}

.moreInfos div.validationBlock {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #929292;
	width: 395px;
}

.moreInfos div.validationBlock .actionAdd{
	position: relative;
	top: 4px;
}

.moreInfos div.validationBlock div.ruleItem .actionDelete{
	position: absolute;
	top: 7px;
	right: -20px;
	display: inline-block;
	width: 17px;
	height: 17px;
}

.moreInfos div.validationBlock div.ruleItem{
	margin:0;
	padding: 0;
	position:relative;

}

.moreInfos div.validationBlock dd select, .moreInfos div.validationBlock .select {
	width: 150px;
	float: left;
	margin-right: 10px;	
}

.moreInfos div.validationBlock dl.select{
	margin-bottom: 2px;
}

.moreInfos div.validationBlock dd .text {
	width: 223px;
	margin-top: 2px;
	float: left;
}





.specListContainer .specListLine dl{
	margin: 0;	float: left;
}

.specListLine{
	margin-bottom: 10px;
}

.specListLine dl input.text, .specListLine dl select{
	width: auto;
}

.specListLine dl select{
	width: 100px;
}

.specListLine dl.checkboxContainer {
	width: 130px;
}

.specListLine dl.checkBoxContainer input {
	float: left;
	margin-right: 10px;
}

.specListContainer .specListLine dl .text.hexaField {
	width: 30px;
	margin-top: 2px;
	margin-right: 10px;
	height: 23px;
	float: left;
	text-transform: uppercase;
}

.specListLine a.tooltipComment{
	display: inline-block;
/*
	background-color:#aaa;
*/
	padding: 2px;
	margin-top: 4px;
	margin-left: 5px;
}

/* @group My Group */

.inputContainer table td.name{
width:200px;
}

.inputContainer table th{
	padding:5px 0;
	vertical-align: middle;
}

.inputContainer table td{
/*
	border-top:1px solid black;
*/
	padding:5px 0;
	vertical-align: middle;
}

.inputContainer table td dl{margin-bottom: 0;}

/* @end */


/* @end */

/* multiselect */ 
.ui-multiselect-checkboxes li.active0{
	  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}