/* Bloki Frontpage ************************************/
div.separator {background-image:none; border-bottom:1px solid #ccc; height:auto;	margin-bottom: 1em;}
div.separator div.separator-design>p{color: #aaa; margin-top: 2em; margin-bottom: 0 !important; font-size: 1.05em;}
div.block-separator {margin:5px 0}
div.items-scroll {overflow-y:scroll}
div.block-type-infoboxmanual, div.block-type-dynamic5items, div.block-type-dynamic2events, div.block-type-aktualnosci, div.block-type-malybaner {border-width:0px;/*border-width:1px; border-style:solid; border-color:#d4d4d4*/}


/* 1 InfoboxManual */
div.infobox-standard {height:349px; position:relative}
@media screen and (max-width: 767px) {
	div.infobox-standard {height:auto; padding-bottom: 40px;}
}
div.class-infobox div.header h2{
	font-weight:	700;
}
div.infobox-baner {height:169px}
div.malybaner1 {height:79px; position:relative}


/* 5 Items Dynamic*/
div.block-type-dynamic5items /*{height:529px;} 2 małe banery */ {height:709px;} /*1 maly baner*/
div.block-type-dynamic5items .block-content {border-top-style:solid; border-top-width:1px; padding:0 6px 6px 9px}
div.block-type-dynamic5items>div.block-content>h2 {border-left-width:0; border-left-style:solid; color:#2782b6; font-weight: 700; font-size:	1.4rem;}
div.block-type-dynamic5items div.block-content div.items {padding-right:9px}
div.block-type-dynamic5items h3 {margin-top:0.6em}

@media screen and (max-width: 991px) {
	div.block-type-dynamic5items{
		height: auto;
		min-height:	450px;
	}
	div.block-type-dynamic5items .block-content{
		padding-bottom:	15px;
	}
	div.scrollbar{
		height: auto;
		min-height:	400px;
	}
	.scrolled .viewport{
		height: auto !important;
		min-height:	400px;
	}
	.scrolled .viewport .overview{
		padding-bottom:	15px;
	}	
}


.scrolled { width: auto/*274px*/; clear: both}
.scrolled .viewport { /*height: 470px; 2 małe banery*/ height: 650px; /*1 maly baner;*/ overflow: hidden; position: relative }  
.scrolled .overview { list-style: none; position: absolute; left: 0; top: 0}
.scrolled .thumb .end, .scrolled .thumb { background-color: #b4a0aa; }
.scrolled .scrollbar { position: relative; float: right; width: 11px; }
.scrolled .track { background-color: #f7f5f6; /*height: 430px; 2 małe banery*/ height: 430px; /*1 maly baner*/ width:9px; position: relative; padding: 0 1px; }  
.scrolled .thumb { height: 20px; width: 9px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scrolled .thumb .end { overflow: hidden; height: 5px; width: 9px; }
.scrolled .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/*Aktualnosci Dynamic */
div.block-type-aktualnosci {}
div.block-type-aktualnosci div.tab-link{width:100%; margin-top: -22px; padding:0 10px 0 10px; text-align:center; font-size:0.8em; z-index:	99;}
div.block-type-aktualnosci div.tab-link a{position: relative; display: block; background-color: #b4a0aa; color: #ffffff; padding: 2px 0;  font-family:	'Lato', sans-serif; font-size: 0.87rem; text-transform: uppercase;}


/* Mainstory */
/*div.block-type-mainstory {width:960px; height:400px; position:relative}
div.block-type-mainstory div.mainstory-ramka {border:10px solid #f7f7f7; position:absolute; top:0; left:0; width:940px; height:380px; opacity:0.5; background-color: transparent}
div.block-type-mainstory div.trans-background {margin-top:-67px!important; margin-left:10px; font-size:1.2em}
div.block-type-mainstory div.trans-background, div.block-type-mainstory div.attribute-link {margin-top:-67px!important; margin-left:10px; font-size:1.2em; width:361px!important; height:30px}*/

/*Wersje kolorystyczne */
div.blok_sloneczny {border-color:rgb(254,213,66);}
div.blok_morelowy {border-color:rgb(234,124,90);}
div.blok_sliwkowy {border-color:rgb(150,95,119);}
div.blok_mietowy {border-color:rgb(106,186,156);}
div.blok_szafirowy  {border-color:rgb(120,150,207);}
div.blok_wrzosowy {border-color:rgb(180,160,170);}
div.blok_grafitowy {border-color:rgb(60,60,76);}
div.blok_mokka {border-color:rgb(100,90,90);}

/* Bloki frontpage: KONIEC */

/* Klasy *******************************************************************/
/* Frontpage */
div.class-frontpage h3 a, div.class-frontpage h4 a {color:#535548}


/*Infobox*/
  /*Block view*/
div.block-type-infoboxmanual div.class-infobox {border-top-style:solid; border-top-width:1px; padding:0 9px 6px 9px}
div.block-type-infoboxmanual div.class-infobox h2 {border-left-width:0; border-left-style:solid;}
div.block-type-infoboxmanual div.class-infobox p {text-align:left}
div.block-type-infoboxmanual div.class-infobox div.attribute-content h3 {}
div.block-type-infoboxmanual div.class-infobox div.attribute-content ul {margin-left:0}
/*div.block-type-infoboxmanual div.class-infobox div.attribute-content ul.infobox-glowna {position:absolute; bottom:2em}*/
div.block-type-infoboxmanual div.class-infobox div.more-link {position:absolute; bottom:0.6em; right:0.8em}
div.infobox-baner div.class-infobox div.more-link {position:static; display:none}
div.attribute-image img{
	/*width:	auto;*/
 }

/* Infobox z tłem */

div.block-type-infoboxmanual.infobox-tlo{
	margin-left:	-10px;
	margin-right:	-10px;
	background-position:	right center;
	background-size:	contain;
	background-repeat:	no-repeat;
}

div.block-type-infoboxmanual.infobox-tlo div.header{
	display:	none;
}

div.block-type-infoboxmanual.infobox-tlo div.class-infobox{
	color:	#3c3c4c;
	padding:	1.5rem 2.5rem;
	background-image:	url('../images/budynek_pw_grafitowy.png');
	border-top-width:	0px;
}

div.block-type-infoboxmanual.infobox-tlo div.class-infobox h2{
	font-size:	2.4rem;
	font-weight:	700;
	line-height:	1.4em;
	margin-bottom:	0.5em;
}

div.block-type-infoboxmanual.infobox-tlo div.class-infobox h3{
	font-size:	1.8rem;
	font-weight:	700;
	line-height:	1.4em;
	margin-bottom:	0.1em;
}

div.block-type-infoboxmanual.infobox-tlo div.class-infobox h4{
	font-size:	1.6rem;
	font-weight:	700;
	line-height:	1.4em;
	margin-bottom:	0.5em;
}

div.block-type-infoboxmanual.infobox-tlo div.class-infobox p{
	font-size:	1.2rem;
	font-weight:	500;
	line-height:	1.4em;
	margin-bottom:	1.2em;
}

div.block-type-infoboxmanual.infobox-tlo div.class-infobox li{
	font-size:	1.2rem;
	font-weight:	500;
	line-height:	1.4em;
	margin-bottom:	0.3em;
}
div.block-type-infoboxmanual.infobox-tlo div.class-infobox p:last-of-type{
	margin-bottom:	0.2em;
}

div.block-type-infoboxmanual.infobox-tlo.blok_sloneczny {background-color:rgb(254,213,66); text-shadow: 4px 4px 10px rgba(254,213,66,0.8), -4px -4px 10px rgba(254,213,66,0.8), -4px 4px 10px rgba(254,213,66,0.8), 4px -4px 10px rgba(254,213,66,0.8);}
div.block-type-infoboxmanual.infobox-tlo.blok_sloneczny div.class-infobox{background-color: rgba(254,213,66,0.4);}
div.block-type-infoboxmanual.infobox-tlo.blok_morelowy {background-color:rgb(234,124,90); text-shadow: 4px 4px 10px rgba(234,124,90,0.8), -4px -4px 10px rgba(234,124,90,0.8), -4px 4px 10px rgba(234,124,90,0.8), 4px -4px 10px rgba(234,124,90,0.8);}
div.block-type-infoboxmanual.infobox-tlo.blok_sliwkowy {background-color:rgb(150,95,119); text-shadow: 4px 4px 10px rgba(150,95,119,0.8), -4px -4px 10px rgba(150,95,119,0.8), -4px 4px 10px rgba(150,95,119,0.8), 4px -4px 10px rgba(150,95,119,0.8)}
div.block-type-infoboxmanual.infobox-tlo.blok_mietowy {background-color:rgb(106,186,156); text-shadow: 4px 4px 10px rgba(106,186,156,1), -4px -4px 10px rgba(106,186,156,1), -4px 4px 10px rgba(106,186,156,1), 4px -4px 10px rgba(106,186,156,1)}
div.block-type-infoboxmanual.infobox-tlo.blok_mietowy div.class-infobox{background-color: rgba(106,186,156,0.4);}
div.block-type-infoboxmanual.infobox-tlo.blok_szafirowy  {background-color:rgb(120,150,207); text-shadow: 4px 4px 10px rgba(120,150,207,1), -4px -4px 10px rgba(120,150,207,1), -4px 4px 10px rgba(120,150,207,1), 4px -4px 10px rgba(120,150,207,1);}
div.block-type-infoboxmanual.infobox-tlo.blok_szafirowy div.class-infobox{background-color: rgba(120,150,207,0.4);}
div.block-type-infoboxmanual.infobox-tlo.blok_wrzosowy {background-color:rgb(180,160,170); text-shadow: 4px 4px 10px rgba(180,160,170,1), -4px -4px 10px rgba(180,160,170,1), -4px 4px 10px rgba(180,160,170,1), 4px -4px 10px rgba(180,160,170,1);}
div.block-type-infoboxmanual.infobox-tlo.blok_wrzosowy div.class-infobox{background-color: rgba(180,160,170,0.4);}
div.block-type-infoboxmanual.infobox-tlo.blok_grafitowy {background-color:rgb(60,60,76); text-shadow: 4px 4px 10px rgba(60,60,76,1), -4px -4px 10px rgba(60,60,76,1), -4px 4px 10px rgba(60,60,76,1), 4px -4px 10px rgba(60,60,76,1);}
div.block-type-infoboxmanual.infobox-tlo.blok_grafitowy div.class-infobox{background-color: rgba(60,60,76,0.4);}
div.block-type-infoboxmanual.infobox-tlo.blok_mokka {background-color:rgb(100,90,90); text-shadow: 4px 4px 10px rgba(100,90,90,1), -4px -4px 10px rgba(100,90,90,1), -4px 4px 10px rgba(100,90,90,1), 4px -4px 10px rgba(100,90,90,1);}
div.block-type-infoboxmanual.infobox-tlo.blok_mokka div.class-infobox{background-color: rgba(100,90,90,0.4);}

div.block-type-infoboxmanual.tekst_bialy *{color:#f7f5f6;}
div.block-type-infoboxmanual.tekst_bialy ul li{background-image: url(../images/list-bullet-white.png);}
div.block-type-infoboxmanual.tekst_sloneczny *{color:rgb(254,213,66);}
div.block-type-infoboxmanual.tekst_sloneczny ul li{background-image: url(../images/list-bullet-sloneczny.png);}
div.block-type-infoboxmanual.tekst_morelowy *{color:rgb(234,124,90);}
div.block-type-infoboxmanual.tekst_morelowy ul li{background-image: url(../images/list-bullet-morelowy.png);}
div.block-type-infoboxmanual.tekst_sliwkowy *{color:rgb(150,95,119);}
div.block-type-infoboxmanual.tekst_sliwkowy ul li{background-image: url(../images/list-bullet-sliwkowy.png);}
div.block-type-infoboxmanual.tekst_mietowy *{color:rgb(106,186,156);}
div.block-type-infoboxmanual.tekst_mietowy ul li{background-image: url(../images/list-bullet-mietowy.png);}
div.block-type-infoboxmanual.tekst_szafirowy *{color:rgb(120,150,207);}
div.block-type-infoboxmanual.tekst_szafirowy ul li{background-image: url(../images/list-bullet-szafirowy.png);}
div.block-type-infoboxmanual.tekst_wrzosowy *{color:rgb(180,160,170);}
div.block-type-infoboxmanual.tekst_wrzosowy ul li{background-image: url(../images/list-bullet-wrzosowy.png);}
div.block-type-infoboxmanual.tekst_grafiitowy *{color:rgb(60,60,76);}
div.block-type-infoboxmanual.tekst_grafitowy ul li{background-image: url(../images/list-bullet-grafitowy.png);}
div.block-type-infoboxmanual.tekst_mokka *{color:rgb(100,90,90);}
div.block-type-infoboxmanual.tekst_mokka ul li{background-image: url(../images/list-bullet-mokka.png);}

div.block-type-infoboxmanual.infobox-tlo div.blok_niebieski {
	background-color: #7696cf;
	padding:	1em 0;
}

div.block-type-infoboxmanual.infobox-tlo div.blok_zielony{
	background-color: rgb(106,186,156);
	padding:	1em 0;
}

@media screen and (max-width: 767px){
	div.block-type-infoboxmanual.infobox-tlo div.class-infobox{
		background-position:	center center;
		background-size:	90% auto;
	}
}


/* Article */
div.class-article p { line-height:1.4em}
  /* Full */
div.class-article h1 {margin-bottom:0.3em}
div.content-view-full div.class-article div.attribute-byline {margin-bottom:2em}
div.content-view-full div.class-article div.attribute-short {margin-bottom:1em}
div.content-view-full div.class-article div.attribute-short p {font-weight:bold}
div.content-view-full div.class-article div.attribute-long p {margin-bottom:1em}
div.content-view-full div.attribute-image.attribute-image-wide{
	float: none;
	text-align: center;
	margin: 0 0 15px 0;
}

  /* Line */
div.content-view-line div.class-article {margin:1em 0 2em 0}
div.content-view-line div.class-article>h3 {font-size:1.4rem; line-height: 1.4; margin-bottom:0.3em; font-weight:700;}
div.content-view-line div.class-article>h3>a {color: #3c3c4c;}
div.content-view-line div.class-article div.attribute-short {margin-bottom:1em}
div.content-view-line div.class-article div.attribute-short p {margin:0.3em 0; font-weight:normal}
div.content-view-line div.class-article div.more {
    text-align: right;
}


/* Folder */
	/* Line */
	div.content-view-line div>h2>a {color: #3c3c4c;}
  /*Full pressroom**/
  div.pressroomform {margin:2.5em 0}
  /*Itemized subitems*/

/* box item */
div.box_item div.content-view-box_item {
	margin-bottom: 1em;
}
div.box_item div.content-view-box_item div.class-article, div.box_item div.content-view-box_item div.class-folder, div.box_item div.content-view-box_item div.class-link {
	margin-bottom: 0;
	margin-top: 0;
}
div.box_item div.content-view-box_item div.attribute-image {
	float: none;
	margin: 0;
}
div.box_item div.content-view-line h3{
	font-size:	1.3rem;
	line-height: 1.2em;
	font-weight: 500;
}
div.box_item div.content-view-line h3>a{
	color: #2782b6;
}

/* File */
div.content-view-line div.class-file div.attribute-file{background-color: transparent;}
div.content-view-line div.class-file div.attribute-file a, div.content-view-embed div.class-file div.content-body a{display: inline-block; padding-left:31px; line-height: 1.7em; background-position: left top; background-size: 22px auto; background-repeat: no-repeat;}
div.content-view-line .attribute-file, div.content-view-embed div.class-file div.content-body {margin:0.9em 0;}
.attribute-msword a, .attribute-vnd\.openxmlformats-officedocument\.wordprocessingml\.document a {background-image: url(../images/icons/word-icon.png);}
.attribute-vnd\.ms-excel a, .attribute-vnd\.openxmlformats-officedocument\.spreadsheetml\.sheet a {background-image: url(../images/icons/excel-icon.png);}

  /* Line */
  div.content-view-line div.class-file h2 {background:none; padding-bottom:0; margin-bottom:0.2em}


/* Akt prawny */
div.akt-prawny {clear:both; margin:0.6em 0 0.3em 0; overflow:auto;}
div.akt-prawny div {float:left;}
div.akt-prawny div.tytul {padding-left:2.2em}
div.akt-prawny div.numer {float:left; margin-right:-2em}

/* Custom tags */
div.ctag-zrodlo {font-size:0.8em; color:#888; font-style:italic}

/* Authority */
div.class-authority {clear:both; margin-bottom:35px; overflow:auto}
div.class-authority div.attribute-header h1 {margin:0 0 0.6em 0; padding-bottom: 0;}
div.class-authority div.attribute-image {float:right; margin:0.6em}
div.class-authority div.attribute-image.authority-image-left, div.class-authority div.attribute-image.authority-image-right{
	float: left;
	margin: 0 1.2em 1em 0;
}

/*Event calendar*/
  /*Program view*/
div.event-calendar-programview div.block div{margin:0.8em 0 1em 0}

div#ezagenda_calendar_right table.ezagenda_month_event{
	border:	none;
}

table.ezagenda_month_event td.ezagenda_month_info {
	vertical-align:	middle;
}

table.ezagenda_month_event td.ezagenda_month_label h2 {
	padding: 10px 5px 0 4px;
	font-size: 1em;
	font-weight: normal;
	width: 45px;
	height: 48px;
	margin: 8px 0;
	text-align: center;
	background-image: url('../images/event_card.png');
	font-size: 0.87rem;
	line-height: 1;
	border: none;
	color:	#3c3c4c;
}

 /* Event Konferencja */
 td.label {padding:0.2em 1em 0.2em 0.2em; vertical-align:top}
 td.wpis p {padding-top:0.2em; margin-top:0}

 /* Link */
div.class-link {margin-bottom:2.2em}
div.class-link h2 {margin-bottom:0.3em}
div.class-link p {margin:0}



/* image caption */

div.content-view-full div.attribute-image div.caption, div.content-view-full div.class-image div.attribute-caption{
	padding:	1px 6px;
}

div.content-view-full div.attribute-image.attribute-image-wide div.caption{
	max-width: 100%;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

div.content-view-full div.class-image div.attribute-caption{
	max-width:	100% !important;
}

div.content-view-full div.class-image div.attribute-caption p:last-child{
	margin-bottom: 0;
}
div.content-view-embed{
	margin-bottom: 1em;
}
div.object-right>div.content-view-embed, div.object-left>div.content-view-embed{
	margin-bottom: 0;
}
div.object-left, table.object-left{
	margin: 0.5em 0.5em 0.25em 0;
}
div.object-right, table.object-right{
	margin: 0.5em 0 0.25em 0.5em;
}

/* thumbnaile w galerii */

.content-view-full>.class-gallery>.content-view-children{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.content-view-full>.class-gallery>.content-view-children>.content-view-galleryline{
	margin: 0 1em 1em 1em;
	float: none;
}

.content-view-full>.class-gallery>.content-view-children>.content-view-galleryline .attribute-image img{
	margin: 0 auto;
}

.content-view-full>.class-gallery>.content-view-children>.content-view-galleryline .attribute-image{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 5px;
}


/* Pracownik, ob_str_org i fun_str_org */

div.content-view-line div.class-ob_str_org h1 {
    color: #3c3c4c;
    border-left: 3px solid #b4a0aa;
    padding: 10px 12px;
    background-color: #f7f5f6;
    font-weight: 600;
    display:inline-block;	
}

div.content-view-line div.class-fun_str_org h1 {
    color: #3c3c4c;
    border-left: none;
    padding: 4px 0px;
    background-color: transparent;
    font-weight: 600;
    font-size:20px;
    display:inline-block;
    margin-top: 0;
    margin-bottom: 3px;	
    line-height: 1.7em;
}

div.class-pracownik {
	margin-bottom:2em;
	margin-left:32px;
}

div.class-pracownik ul {
	margin-left: 0;
}

div.class-pracownik li {
	padding-left: 0;
	background-image: none;
}
div.class-pracownik i {
	font-size: 1.3rem;
	padding-right: 3px;
	width:25px;
	text-align:right;
}
div.class-pracownik h2 i {
	font-size: 1.5rem;
	padding-right: 3px;
	width:30px;
	text-align:right;
	margin-left:-38px;
}
div.class-pracownik i.fa-mobile {
	font-size: 1.8rem;
	padding-right: 3px;
}
div.class-pracownik i.fa-phone {
	font-size: 1.5rem;
	padding-right: 3px;
}
div.content-view-line div.class-pracownik h2 {
	margin-top: 0;
}
div.content-view-line div.class-pracownik h2 a {
    color: #3c3c4c;
    border-left: none;
    padding: 2px 2px;
    background-color: transparent;
    font-weight: 500;
    display:inline-block;	
}

div.content-view-full div.class-pracownik h2 a {
    color: #3c3c4c;
    border-left: none;
    padding: 2px 2px;
    background-color: transparent;
    font-weight: 500;
    display:inline-block;	
}

/*********************************/

div.content-view-line p.date {
    font-style: italic;
    color: #aaa;
}

/*********************************/
/* style do filmikow z youtube'a */
/*********************************/

div.video-container{
	position:	relative;
	/*padding-bottom:	56.25%;zalezne od aspect ratio, wyznaczane skryptem*/
	/*padding-top: 35px;*/
	height:	0;
	overflow:	hidden;
}
iframe.video{
	position:	absolute;
	top:	0;
	left:	0;
	width:	100%;
	height:	100%;
}

/****************/
/*	formularze  */
/****************/
div.user-register input[type=text]{
	max-width:	250px;
}
div.user-form {
    margin: 1em;
}

div.password-form label {
    margin-top: 0.5em;
}


/*****************************/
/* zmiany na urzadzeniach xs */
/*****************************/

@media screen and (max-width: 767px) {
	div.class-infobox, div.block-type-dynamic5items{
		margin-top:	10px;
	}
	div.block-type-infoboxmanual div.class-infobox div.more-link {
		bottom:	auto;
	}
	div.block-type-infoboxmanual{
		border-width:	0px;
	}
	div.block-type-infoboxmanual div.class-infobox{
		padding: 0;
	}
	div.block-type-dynamic5items{
		border-width:	0px;	
	}
	div.block-type-dynamic5items .block-content{
		padding:	0px;	
	}
	div.block-type-dynamic5items div.attribute-header h3{
		font-size:	1.2em;
	}
	
	div.infobox-baner {
	    height: auto;
	}
	div#sidemenu ul.menu-list li a, div#sidemenu ul.submenu-list li a {
		font-size:	1.0em;
	}
	div.content-view-full div.class-article div.attribute-long ul{
		margin:	0px 0px 1em 0.75em;
	}
	div.content-view-full div.class-article div.attribute-byline{
		margin-bottom:	20px;
	}
	div.content-view-full div.attribute-image{
/*		float:	none;
		width:	auto;
		margin-left:	0;
		margin-right:	0;*/
	}


	div.content-view-full div.attribute-image img{
		/*display:	block;
		margin-left:	auto;
		margin-right:	auto;
		min-width:	60%;
		max-width:	100%;
		height:	auto;*/
	}	
	div#main ul, div#main ol{
		margin-left:	0px;
	} 
	form label{
		white-space:	normal;
	}
}

@media screen and (max-width: 480px) {
	div.class-authority div.attribute-image.authority-image-left {
		float: none;
		margin: 0 0 0.8em 0
	}
}

/**************************/
/* nadpisane z bootstrapa */
/**************************/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

.container {
  padding-right: 10px;
  padding-left: 10px;
}