/********************************************************************************
* Author: Klemen Olaj
* Description: CSS for SSRS - Stanovanjski sklad Republike Slovenije, javni sklad
* Date modified: 29.09.2017
* Version: 1.0
*********************************************************************************/

@import url('fonts.css');
@import url('select2.min.css');

/*
==============================================
Normalize 
==============================================*/
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover,button:focus,input:focus,select:focus,textarea:focus{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;height:auto;vertical-align:top}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}body,html{height:100%}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important}::-webkit-input-placeholder{color:#7D7D7D}:-moz-placeholder{color:#7D7D7D}::-moz-placeholder{color:#7D7D7D}:-ms-input-placeholder{color:#7D7D7D;} input:-webkit-autofill {color:#7D7D7D; -webkit-text-fill-color:#7D7D7D;}

*,
*:before,
*:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

/*
==============================================
Page width 
==============================================*/
.row { width: 100%; margin: 0 auto; max-width: 1170px; padding:0 15px;}
.row:after { content: ""; display: table; clear: both; }

@media (max-width:960px){
	.row {max-width: 780px;}
}
@media (max-width:780px){
	.row {padding:0 10px;}
}

/*
==============================================
Defaults
==============================================*/
* {-webkit-overflow-scrolling: touch;}
html {overflow-x: hidden;}
body {font-family: 'Helvetica Neue'; font-size:14px; color:#7d7d7d; line-height:1.4; min-width:320px; overflow-y:hidden; overflow-x:hidden;}

h1,h2,h3,h4,h5 {font-family: 'Helvetica Neue Bold'; color:#5C5C5C; font-weight:normal;}

strong {font-family: 'Helvetica Neue Bold'; font-weight:normal;}

h1 {line-height:1.2;}
h2 {line-height:1;}
h3 {line-height:1.2;}

a {color:#7D7D7D; text-decoration: none;}
a:hover {text-decoration: underline;}

a[href^="mailto:"],
a.link {color:#86B445; text-decoration: underline;}
a.link:hover {text-decoration: none;}

hr {border:none; height:2px; background: #BEBEBE; margin:40px 0;}
hr:last-child {margin-bottom:0;}

p.introText {font-family: 'Helvetica Neue Bold'; font-size:20px; color:#5C5C5C; max-width:950px;}
p:empty {display: none;}

@media (max-width:960px){
	hr {margin:25px 0;}
	p.introText {font-size:16px;}
}

date {color:#86B445; font-family: 'Helvetica Neue Bold'; font-size:12px; display: block;}
date + h3.title {margin-top:3px;}

table {width:100%;}
table td {border-bottom:solid 2px #bebebe; padding:5px;}
table td:first-child {padding-left:0; color:#7D7D7D;}

.mobile {display: none;}
.desktop {display: block;}

@media (max-width:960px){
	.mobile {display: block;}
	.desktop {display: none;}
}

/*
==============================================
Content loaders 
==============================================*/
._pageLoader { position: fixed; width: 100%; height: 100%; left:0; top:0; z-index:9999; background: rgba(0,0,0,0.8); -webkit-transition:350ms opacity ease; -o-transition:350ms opacity ease; transition:350ms opacity ease;}
._pageLoader--image { position: fixed; left: 50%; top: 50%; width:60px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; padding: 5px; border-radius: 50%;}

body.loaded {overflow-y:auto;}
body.loaded ._pageLoader {opacity:0;}

/*
==============================================
Page scrollbars
==============================================
*/
::-webkit-scrollbar              { background: #DEDEDE; width:5px; height:5px;}
::-webkit-scrollbar-thumb        { background: #86B445; }

/*
==============================================
Grids 
==============================================*/
.blockGrid {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -ms-flex-wrap:wrap; flex-wrap:wrap; width:calc(100% + 25px); margin-left:-25px;}
.blockGrid [data-columns="4"] {}

.blockGrid--100 {width:calc(100% - 25px); margin-left:25px;}
.blockGrid--50 {width:calc(50% - 25px); margin-left:25px;}
.blockGrid--50.column {margin-bottom:25px;}
.blockGrid--33 {width:calc(33.333% - 25px); margin-left:25px;}
.blockGrid--25 {width:calc(25% - 25px); margin-left:25px;}
.blockGrid--20 {width:calc(20% - 25px); margin-left:25px;}


@media (max-width:960px){
	.blockGrid.defaultBG {width:100%; margin:0;}
	.blockGrid.defaultBG > .blockGrid--50 {width:100%; margin:0;}
	.blockGrid.defaultBG > .blockGrid--50 + .blockGrid--50 {margin-top:15px;}
}

/*
==============================================
Buttons / Inputs
==============================================*/
.button {display:inline-block; vertical-align: middle; height:48px; /*font-family: 'Helvetica Neue Bold';*/ font-family: 'Arimo', sans-serif; font-weight:bold; letter-spacing:0.3px; font-size:16px; line-height:1; color:#fff; padding:3px 20px 3px 20px; border:none; background: #86B445; text-align: left; border-radius: 3px; position: relative; -webkit-transition:all 250ms ease-in-out; -o-transition:all 250ms ease-in-out; transition:all 250ms ease-in-out;}
.button span {vertical-align: middle;}
.button i[class^="icon-"] {margin:0 22px 0 0; font-size:13px;}
.button span + i[class^="icon-"] {margin:0; position: absolute; right:20px; top:50%; -webkit-transform:TranslateY(-50%); -ms-transform:TranslateY(-50%); transform:TranslateY(-50%);}
.button:hover {background: #5C5C5C; text-decoration: none;}

.button--dark {color:#fff; background: #5C5C5C;}
.button--dark:hover,
.button--dark.active {background: #86B445;}

.button--blank {border:solid 2px #fff; background: transparent;}
.button--blank:hover {background: #fff; color:#86B445;}

.button--reversed {background: #fff; border:solid 2px #86B445; color:#86B445;}
.button--reversed:hover {background: #86B445;color:#fff;}

.button--small {font-size:13px; line-height:15px; border-radius:0; padding:8px 25px; height:auto; letter-spacing:0;}
.button--small i[class^="icon-"] {font-size:10px; margin:0 10px 0 -10px;}
.button--small span + i[class^="icon-"] {margin:0 0 0 10px; }

.button--icon {padding-right:45px;}

.button--social {border:solid 2px #bebebe; padding:5px; height:30px; width:100%; max-width:145px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:13px;}
.button--social span {-webkit-transition:color 250ms ease-in-out;-o-transition:color 250ms ease-in-out;transition:color 250ms ease-in-out;}
.button--social i {font-size:9px; color:#bebebe; -webkit-transition:color 250ms ease-in-out; -o-transition:color 250ms ease-in-out; transition:color 250ms ease-in-out;}
.button--social i.icon-pin {font-size:14px;}
.button--social i.icon-share {font-size:12px;}
.button--social i.icon-share + span {color:#7d7d7d;}
.button--social > i:first-child {width:14px; text-align: center; margin-right:8px;}
.button--social + .button--social {margin-top:10px;}
.button--social .social-list {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; line-height: 1; margin-left:8px;}
.button--social .social-list i {font-size:16px; margin:0 2px;}
.button--social .social-list a:hover {text-decoration: none;}
.button--social .social-list a:hover i {color:#86B445;}

.button--social:hover {text-decoration: none;}
.button--social:hover span {color:#86B445;}

a.read-more-link {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#86B445;}
a.read-more-link span {width:calc(100% - 24px); padding-left:10px; font-size:13px; white-space:nowrap;}
a.read-more-link i {border:solid 2px #86B445; color:#86B445; width:24px; height:24px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:6px; vertical-align: middle; -webkit-transition:background 250ms ease-in-out, color 250ms ease-in-out; -o-transition:background 250ms ease-in-out, color 250ms ease-in-out; transition:background 250ms ease-in-out, color 250ms ease-in-out;}
a.read-more-link i.icon-arrow-right {font-size:10px;}
a.read-more-link:hover {text-decoration: none;}
a.read-more-link:hover i {background: #86B445; color:#fff;}

input:not([type="radio"]):not([type="checkbox"]),
textarea,
select {width:100%; padding:5px 10px; height:48px; border:solid 2px #BEBEBE; background: #fff; color:#7D7D7D; border-radius: 3px;}

textarea {resize:none; height:160px; vertical-align: top;}

/* Select2 */
.select2-container,
.select2-container--default .select2-selection--single {outline:none!important;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {color:#7D7D7D;}

.select2-container {width:100%!important;}
.select2-container .select2-selection--single {height:48px; border:solid 2px #BEBEBE; background: #fff; border-radius: 3px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:46px; color:#7d7d7d; padding:0 40px 0 15px;}

.select2-container--default .select2-selection--single .select2-selection__arrow {width:14px; height:8px; top:50%; right:20px; margin-top:-4px; border:none; background: url(../images/icon-arrow-down.png) no-repeat center;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}

.select2-dropdown {border-radius:0 0 3px 3px; border:solid 2px #BEBEBE;}
.select2-results__option[aria-selected] {padding:6px 10px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background: #EFEFEF; color:#7d7d7d;}
.select2-container--default .select2-results__option[aria-selected=true] {background: #86B445; color:#fff;}

.select--type2 + .select2-container .select2-selection--single {height:34px;}
.select--type2 + .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:32px; padding:0 35px 0 10px;}
.select--type2 + .select2-container--default .select2-selection--single .select2-selection__arrow {right:16px; background-image: url(../images/icon-arrow-down-gray.png);}

@media (max-width:480px){
	.button:not(.button--small) {font-size:14px;}
}

/* Input with icon */
.inputCnt {position: relative;}
.inputCnt--icon {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:40px; height:18px; border-right:solid 1px #BEBEBE; text-align: center; position: absolute; left:0; top:50%; margin-top:-9px;}
.inputCnt--icon i {font-size:10px; color:#BEBEBE;}
.inputCnt--icon i.icon-password {font-size: 14px;}
.inputCnt input {padding-left:55px!important;}

/* Custom checkbox */
.checkboxContainer {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-wrap:Wrap; flex-wrap:Wrap;}
.checkboxContainer .checkbox {margin-right:30px;}
.checkbox {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
.checkbox--icon {width:15px; height:15px; border:solid 1px #BEBEBE; background: #fff; border-radius:4px; font-size:7px; color:#fff; padding-left:1px; margin-top:2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.checkbox--icon:before {opacity:0;}
.checkbox--label {width:calc(100% - 15px); padding-left:8px;}
.checkbox--input {display: none;}
.checkbox--input:checked + .checkbox--icon {color:#86B445;}
.checkbox--input:checked + .checkbox--icon:before {opacity:1;}

.checkboxWr .wpcf7-list-item-label.checkbox--label {display:none;}
.checkboxWr .wpcf7-not-valid-tip {display:none!important;}

/*
==============================================
Titles
==============================================*/
h1.title {font-size:50px; margin:25px 0 40px; line-height: 0.9;}
h2.title {font-size:27px; margin:25px 0 40px; line-height:1.2;}
h3.title {font-size:18px; margin:40px 0 30px;}

.title--normal {font-family: 'Helvetica Neue'; font-weight:normal;}

h2.title + h2.title.title--normal {margin:-37px 0 32px;}

h2.title + p {margin-top:-10px;}
h3.title + p {margin-top:-15px;}

date.date + h2.title {margin-top:5px;}

@media (max-width:960px){
	h1.title {font-size:38px; margin-bottom: 25px;}
	h2.title {font-size:22px; margin:25px 0; line-height:1.1;}
}
@media (max-width:680px){
	h1.title {font-size:30px;}
}

.mobileTableContainer {overflow:auto; padding:0 0 5px;}

.form--row {position: relative;}
.form--row + .form--row {margin-top:8px;}

/*
==============================================
SUBMISSION
==============================================*/
.submissionHeader {background: #fff; -webkit-box-shadow: 0px 13px 10px rgba(0,0,0,.1); box-shadow: 0px 9px 10px rgba(0,0,0,.1); position: relative; z-index: 5;}
.submissionFooter {margin-top:40px; margin-bottom:15px;}

.submissionHeader .submissionBG--left {border-right:solid 1px #5C5C5C; -ms-flex-item-align:stretch; align-self:stretch;}
.submissionHeader .submissionBG--right {padding-top:15px;}


.blockGrid.submissionBG {-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end; width:100%; margin:0;}
		  .submissionBG--left {width:265px; padding:20px 15px;}
		  .submissionBG--right {width:calc(100% - 265px); padding-left:25px; padding-bottom:15px;}

.blockGrid.submissionTitleUserBG {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; width:100%; margin:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

.submissionHeader--title {font-size:27px; color:#5c5c5c; line-height: 1.15; height:100%; margin:0; }
.submissionHeader--title span {color:#86B445;}

.submission--dashboard {background: #fff; padding:40px 25px 25px; max-width:600px; min-height: 600px;}
.submission--dashboard ul li + li {margin-top:7px;}

.section--submissionContent .blockGrid.submissionBG {background: #fff; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; padding-bottom:25px;}
.section--submissionContent .submissionBG--left {background: #fff; padding-top:60px; position: relative; z-index:3;}
.section--submissionContent .submissionBG--left:before {content:""; position: absolute; left:0; top:0; width:calc(100% + 5px); height:60px; background: #fff;}
.section--submissionContent .submissionBG--right {padding-top:60px; border-left:solid 2px #BEBEBE; padding-bottom:0;}

.section--submissionContent .submissionBG--left ul {list-style:none; margin:7px 0 0; padding:0;}
.section--submissionContent .submissionBG--left ul li {position: relative; padding-left:20px;}
.section--submissionContent .submissionBG--left ul li i.icon-arrow-right {position: absolute; left:0; top:6px; font-size:10px; color:#BEBEBE;}
.section--submissionContent .submissionBG--left ul li + li {margin-top:10px;}
.section--submissionContent .submissionBG--left ul li.active,
.section--submissionContent .submissionBG--left ul li.active a,
.section--submissionContent .submissionBG--left ul li.active i.icon-arrow-right,
.section--submissionContent .submissionBG--left ul li:hover,
.section--submissionContent .submissionBG--left ul li:hover a,
.section--submissionContent .submissionBG--left ul li:hover i.icon-arrow-right {color:#86B445;}

.submissionHeader--userNavigation {padding-right:5px;}
.submissionHeader--userNavigation ul {list-style:none; margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; font-family: 'Helvetica Neue Bold'; color:#9D9D9D; font-size:13px;}
.submissionHeader--userNavigation ul li {position: relative;}
.submissionHeader--userNavigation ul li + li {margin-left:15px; padding-left:15px;}
.submissionHeader--userNavigation ul li + li:before {content:""; position: absolute; left:0; top:0; width:2px; height:100%; background: #9D9D9D;}
.submissionHeader--userNavigation a {color:#9D9D9D; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-transition:color 250ms ease-in-out; -o-transition:color 250ms ease-in-out; transition:color 250ms ease-in-out;}
.submissionHeader--userNavigation a i {font-size:20px; color:#BEBEBE; width:20px;}
.submissionHeader--userNavigation a i + span {padding-left:10px; max-width:230px; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden;}
.submissionHeader--userNavigation a:hover {text-decoration: none; color:#86B445;}

.submissionHeader--navigation {text-align:right; margin-top:20px;}
.submissionHeader--navigation .button {padding:8px;}

.loginForm {background: #fff; max-width:605px; margin:130px 0 80px -25px; text-align: center; padding:40px 40px 50px;}
.loginForm h2.title {margin-top:0;}
.loginForm .form {max-width:350px; margin:50px auto 0; text-align:left;}
.loginForm .form input, .loginForm .button {border-width:1px;}
.loginForm .form .button {width:100%; text-align: center;}
.loginForm .form--row + .form--row {margin-top:10px;}

.submission--main {background: #fff; padding:45px 25px 25px; min-height:600px;}
.submissionBG table th {text-align:left; font-weight:normal; color:#9D9D9D; font-size:14px; padding:0 5px 10px;}
.submissionBG table th i {vertical-align: middle; font-size:16px;}
.submissionBG table th i.icon-calendar {position: relative; top:-1px;}
.submissionBG table th i.icon-menu {font-size:12px;}
.submissionBG table th i + span {margin-left:8px;}
.submissionBG table th:first-child {padding-left:0;}
.submissionBG ul.list li + li {margin-top:10px;}

.submission--main input {border-width:1px!important;}
.submission--main h4 {font-size:14px; margin:10px 0 12px; color:#7d7d7d;}
.submission--main hr {margin:20px 0;}
.submission--main hr + h2.title {margin-top:55px;}
.submission--main .form {margin:0 0 30px}

.blockGrid.izjavaActionsBG {width:100%; margin:0; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}

.blockGrid.prijavaFormBG {width:100%; margin:0;}
.blockGrid.prijavaFormBG > div:first-child {width:calc(100% - 190px); padding-right:10px;}
.blockGrid.prijavaFormBG > div:last-child {width:190px;}
.blockGrid.prijavaFormBG.reversed > div:first-child {width:190px; padding-right:0;}
.blockGrid.prijavaFormBG.reversed > div:last-child {width:calc(100% - 190px); padding-left:10px;}

.fileUpload .button + span {vertical-align: middle; margin-left:5px;}

@media (max-width:1100px){
	.blockGrid.submissionBG > div:empty {display: none;}	
	
	.submissionBG--left {width:100%;}
	.submissionBG--right {width:100%; padding:0; margin-top:15px;}
	
	.loginForm {margin:0 auto; padding:20px;}
	.loginForm h2.title {margin:10px 0 15px;}	
	.loginForm .form {margin:0 auto;}
		
	.section--submissionContent > .row {padding:0;}
	
	.submissionHeader {padding:15px 0;}
	.submissionHeader .submissionBG--right {margin:0; padding-top:0;}
	.submissionHeader .submissionBG--left {display: none;}
	
	.blockGrid.submissionTitleUserBG .blockGrid--item {width:100%;}
	.submissionHeader--title {text-align: center; font-size:17px;}
	.submissionHeader--title br:not(.dh) {display: none;}
	
	.submissionHeader--navigationContainer {min-height:0; margin-top:15px;}
	.submissionHeader--navigation {text-align: center;}
	.submissionHeader--userNavigation ul {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.submissionHeader--userNavigation ul li {margin:2px;}
	
	.submissionFooter {text-align: center; margin-top:20px; font-size:12px;}
	
	.submissionHeader + .row {padding:0;}
	.submission--dashboard {margin:0 auto;}
	
	.submissionBG--right {margin-top:0;}
	
	.section--submissionContent .blockGrid.submissionBG,
	.submission--dashboard {padding:20px 20px 30px;}
	.submission--dashboard {min-height:0;}
	
	.submission--main > div {max-width:none!important;}
	
	.section--submissionContent .submissionBG--right {border:none; padding:0; margin-top:35px;}
	.section--submissionContent .submissionBG--left {padding:0; margin-top:15px;}
	.section--submissionContent .submissionBG--left:before {display: none;}
	
	.section--submissionContent h2.title + h2.title.title--normal {margin:-10px 0 20px; font-size:20px;}
	
	.submission--dashboard h2.title {font-size:25px;  margin: 15px 0 30px;}
}
@media (max-width:960px){
	.submission--main hr + h2.title {margin-top:25px;}
}
@media (max-width:520px){
	.fileUpload .button + span {display: block; margin:8px 0 0;}
}
@media (max-width:480px){
	.loginForm {padding:20px 10px 20px;}
	
	.blockGrid.prijavaFormBG {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	.blockGrid.prijavaFormBG > div {width:100%!important; padding:0!important;}
	.blockGrid.prijavaFormBG > div + div {margin-top:8px;}
}
@media (max-width:360px){	
	.section--submissionContent .blockGrid.submissionBG {padding:10px;}
}