body{background: url(images/bg.jpg) repeat;}
button{color:white;font-size:18px;margin:5px;}
li, ul{list-style:none;margin:0;padding:0;}
p.info{ margin: 1.5em 0; font-size: 1.5em; }
.saldo, .userid, .username{display:block;font-weight:bold;font-size:1.5em;text-align:center;}
.saldo, .userid{font-weight:lighter;}
#polling img{width:100%;}
.ui-dialog{z-index: 99999;left: 5%;width: 90% !important;height: 90% !important;top: 5%;}
.ui-dialog .ui-dialog-content{width:100% !important;}
.ui-dialog{overflow-y: auto; overflow-x: hidden;  }
.payMethodSelect .method-button{width: auto;height: auto;margin: 10px;cursor: pointer;padding: 13px;color: white;font-weight: normal;}
.col-sm-12.first{background:#e3e3e3;border-bottom:1px solid gray;}
td.remov, .platnosc.paid, .platnosc.unpaid{text-align:center;color:white;}
.unpaid .status, td.rem, td.remov, .platnosc.unpaid{background:#7e0000;text-align:center;}
td.add{background:#1D2F45;text-align:center;padding:10px;}
td.add a{color:white;}
#contacts table td{height:45px !important;}
#contacts table td select, #contacts table td input{height: 100%;min-width: 220px;border: 1px solid #dfdfdf;box-shadow: none !important;}
#contacts table td input{min-width: 300px;}
td.rem a, td.remov a, .platnosc.unpaid a{color:white;text-align: center;}
td.add, td.rem a, td.remov a, .platnosc.unpaid a{text-decoration:none;}
.payMethodSelect .method-button{width:auto !important;}
.paid .status, .platnosc.paid{background:#139b0c;text-align:center;}
.paid .status span{color:white !important}
td.read{color:#3f3f3f;font-weight:bold;}
#signal, #ipAddress{text-align:center;font-size:1.0em;}
#signal span, #ipAddress span{font-size:1.5em;font-weight:lighter;}
td.unread{color:#50a73e;font-weight:bold;}
.table-striped>tbody>tr:nth-of-type(odd).paid .status, .table-striped>tbody>tr:nth-of-type(odd) .platnosc.paid{background:#0e8608;}
.table-striped>tbody>tr:nth-of-type(odd).unpaid .status, .table-striped>tbody>tr:nth-of-type(odd) td.remov, .table-striped>tbody>tr:nth-of-type(odd) .platnosc.unpaid{background:#5c0000;}
.unpaid .status span{color:white !important;}
#extend > span{padding:15px 0;display: block;}
.fr{margin:10px;display:block;color:white;}
.table-striped>tbody tr:hover{background:#dfdfdf;}
.col-sm-12.first p{margin-bottom:0;}
.smallerone{font-size:1.2em;font-weight:lighter;}
.biggerone{font-size:2em;font-weight:lighter;} 
.slogan{color:white;font-size:1.3em;padding:0.9em;text-align:center;}
.loginfluid{background: rgba(0, 0, 0, 0.6);max-width:651px;margin:77px auto auto auto;text-align:center;}
.loginfluid img{width:50%;height:auto;margin-top:15px;}
.nav-sidebar > li{text-align:center;border-bottom:1px solid #22211f;}
.nav-sidebar > li > a{padding-right: 20px;padding-left: 20px;color:#e8e8e8;}
label{font-weight:normal !important;color:white;}
.listing .filters.scrolled{height:150px;}
.listing .filters .switcher{cursor: pointer;position: absolute;display: block;bottom: 0;right: 0;left: 0;text-align: center;width: 100%;font-size: 18px !important;padding: 4px 0 !important;background:#1D2F45;height:auto;}
.listing .filters{padding-bottom:60px !important;}
.listing .filters .switcher a{color:white;}
.recoopis{color:#dfdfdf;margin:10px 0;font-size:10px;font-size:12px;}
.formItemValidationError, .errors{color: white;border: 1px solid red;width: 50%;margin: auto;margin-top: 17px;padding-top: 10px;text-transform: uppercase;}
.formItemValidationError, .errors{color: white;text-align: center;padding-bottom: 10px;font-weight: bold;background:#7E0000;border:none !important;}
.recoopis a{color:#dfdfdf;text-decoration:underline;}
.pollForm li{list-style:none;display:inline;margin:5px;}
.copyright{color:white;font-size:0.8em;padding:1.2em;}
.sub-header{padding-bottom: 10px;border-bottom: 1px solid #eee;}
.navbar-fixed-top{border: 0;background:url(images/topbg.jpg) repeat;box-shadow: 0 0 10px gray;}
.ui-dialog .ui-dialog-titlebar-close{background:url(images/ex.png) no-repeat !important;right:-4px !important;top:-4px !important;width:57px !important;height:102px !important;z-index:999;}
.ui-dialog .ui-dialog-titlebar-close:focus{border: none;box-shadow: none;outline: none;}
.batton, #fin .ui-btn{background:url(images/topbg.jpg) repeat-x;color:white;padding:10px;font-size:1.6em;border:none;min-width:100%;}
.question input[type="text"]{width:400px;min-height:30px;border:none;background:none;}
.sidebar{display: block;width: 225px;}
.navbar-fixed-top{border: 0;box-shadow: 0 0 10px grey;z-index: 5000;position: fixed;top: 0;width: 100%;}
#globalMessages{margin-top:100px;z-index: 99999;color: black;}
#globalMessages .result-message{color: black; width: 50%; margin: 17px auto 17px auto; padding: 10px;text-transform: uppercase;}
.erroredQuestion{background:#fdd3d3;}
#content h1{background:#1D2F45;color:white;text-align:center;font-size:1.8em;padding:10px 0;}
label{font-weight: normal !important;color: black;display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;}
.payTypes .type input{float: none !important;margin: 0 0 12px 0 !important;width: 100% !important;position: relative;top: 6px;}
.payTypes .type.enabled{margin:19px 0;}
.payTypes .type.enabled img{position:relative;left:-8px;}
input{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px !important;line-height: 1.42857143;color: #555 !important;background-color: #fff !important;background-image: none !important;border: 1px solid #ccc !important;border-radius: 4px !important;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;}
input[type="checkbox"], input[type="radio"]{width: auto !important;float: left;height: 10px;margin-right: 10px;}
select[name="pgr_perpage"]{margin: 25px 0;height: 32px;min-width: 86px;}
.button-action{color:white !important;background: #286090 !important;box-shadow: 0 0 10px #175679 inset !important;cursor: pointer !important;color: #FFFFFF !important;padding: 8px;width: 100%;height:auto !important;font-size: 18px !important;border: none !important;margin:10px 0;}
.label{color:black;}
.borde .label{display: block;width: 100%;text-align: left;padding-left: 0;font-size: 1.0em;font-weight: bold;margin-top: 11px;}
#ques5 .quesOption label{background:#c2c2c2;border:none;}
.borde{border-bottom:1px solid gray;margin-top:5px !important;padding-bottom:5px;font-size:20px;text-align:left !important;}
.borde b{font-size:0.7em;font-weight:lighter;}
.borde li{text-align:left !important}
.no-bor{border:none !important;}
#signal{color:white;font-size:1.5em;}
#submitBtn, .icon-action.labeled, .actions, button, .button{color:white !important;text-align:center;background:#1D2F45 !important;border: medium none;color: white;cursor: pointer;font-size: 1.2em;margin-top: 5px;padding: 5px;}
#submitBtn{width:50%;margin:auto;display:block;}
.icon-action.labeled, .actions{font-size:1.0em;}
.button:focus, .button:hover{color:white;text-decoration:none;}
#passRecoveryRequest{margin:72px auto auto auto !important;display: block;float: none;padding:10px;}
.signal0{background:#c20000;}
.signal1{background:#c20000;}
.signal2{background:#d83f00;}
.signal3{background:#ee7e00;}
.signal4{background:#ffb900;}
.signal5{background:#ffe900;color:black !important;}
.signal6{background:#f5f600;color:black !important;}
.signal7{background:#ccf200;color:black !important;}
.signal8{background:#90d900;}
.signal9{background:#58bc00;}
.signal10{background:#1a9d00;}
#signal b{font-weight:lighter !important;}
#signal span{font-size:0.8em;}
@media (max-width: 1080px){
.pollForm li{float:left;list-style: none;width:49%;display:block;margin:5px 0;margin:1px;}
.pollForm li label{width:100%;}
.pollForm .question{font-size:1.6em;}
#ques5 li{width: 100% !important;border:none;background:#c2c2c2;}
#ques5 li label{border:none;}
}
.ui-accountbar{background:url(images/userbg.jpg) repeat-x; box-shadow: 0 0 10px gray;float: right;left: 225px;padding: 0;position: fixed;top: 61px;width: calc(100% - 225px);z-index: 9999;}
.ui-border{border:1px solid #b5b5b5;margin:7px 0.5%;}
.ui-border ul{margin:0;padding-left:0;}
.ui-border ul, .ui-border ul li{display: block;text-align:center;}
.ui-bor{width:49%;margin:7px 0.5%;}
.col-md-3.ui-border{width:24%;}
.col-md-4.ui-border{width:32.33%;}
.col-md-6.ui-border{width:49%;}
.ui-border-head{background:url(images/topbg.jpg) repeat-x;color: white;font-size: 1.2em;padding: 7px 0;text-align: center;text-transform: uppercase;}
.main{padding:60px 20px 20px 20px;width:calc(100% - 225px);margin-left:225px;margin-top:10px;}
@media (max-width: 1505px){
#transferBox, #pakiet{width:100%;}
}
@media (max-width: 815px){
	.colle, .colra{width:100%;}
	#passRecoveryRequest{margin:26px auto auto auto !important;display: block;float: none;padding:10px;}
	#submitBtn{width:99%;margin:auto;}
}
@media (max-width: 768px){
	.container{padding:0;}
	.columnhid{display:none;}
	.ui-border, .sidebar{padding:0;}
	#extend > span{padding:0;display: block;}
.fr{margin:10px;display:block;color:white;}
.row{margin:0;}
#allek{display:block;overflow:hidden;}
.fr{display: block;width: 100%;margin: 10px 0;color: white;font-weight: bold;font-size: 1.4em;height: auto;padding: 10px 0;}
#monthsSelector{width:100%;margin:1em 0;padding:10px 0;}
.contract{width: 100%;display: block;text-align: center;font-size: 1.5em;font-weight:normal;}
.ui-accountbar, .navbar-fixed-top, .sidebar, .main{position:relative !important;top:0 !important;margin-top:0 !important;margin-bottom:0 !important;}
.container-fluid, .main{padding-top:0 !important;margin:0 !important;padding:0 !important;} 
.collapse.in{top:20px;position:relative;}
.ui-bor, .col-md-3.ui-border, .col-md-6.ui-border{width:100%;}
.navbar-toggle{background: none !IMPORTANT;border: 1px solid gray;height: 43px;float: none;display: block;margin:0px auto 10px auto;top:12px;}
.nav-sidebar > li > a{padding-right: 20px;padding-left: 20px;color: black;}
.navbar-toggle .icon-bar{display: block;width: 47px;height: 2px;border-radius: 1px;background: black;margin-bottom: 8px;}
.main{margin-top:70px;}
.sidebar{width:100% !important;top:117px;position:relative;}
.ui-accountbar{width:100%;position:fixed;left:0;z-index:9999;top:76px;}
.ui-border{border:1px solid #b5b5b5;margin:7px 0.5%;width:100%;}
.main{padding:60px 20px 20px 20px;width:100% !important;margin-left:0px;}
.recoopis a{border:1px solid white;padding:10px 0;width:100%;display:block;font-size:1.5em;}
.result-message{width:80%;}
.loginfluid{width:100%;}
.loginfluid img{width:66%;margin:1em 0;} 
.question input[type="text"]{width:100%;min-height:50px;}
.pollForm li{list-style: none;width:100%;display:block;margin:5px 0;}
.pollForm li label{width:100%;}
.pollForm .question{font-size:1.6em;}
.copyright{display:none;}
.slogan{padding:0.1em;}
.logo{margin-bottom:0 !important;padding-bottom:0px !important;}
}
@media (min-width: 768px){

.copyright{text-align:right;}
.sidebar{position: fixed;top: 51px;bottom: 0;left: 0;z-index: 1000;display: block;padding: 20px;overflow-x: hidden;overflow-y: auto;border-right: 1px solid #eee;background:url(images/sidebarbg.jpg) no-repeat;}
}
.logo{padding:10px;margin:auto;text-align:center;}
.nav-sidebar{margin-right: -21px;margin-bottom: 20px;margin-left: -20px;}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus{color: #fff;background-color: rgba(0, 0, 0, 0.6);}
.nav-sidebar > li a:hover{background:rgba(0, 0, 0, 0.2);}

@media (min-width: 768px){
.logo{width:150px !important;}
.slogan{text-align:left !important;}
.main{padding: 10px;}
}
.main .page-header{margin-top: 0;}
.placeholders{margin-bottom: 30px;text-align: center;}
.placeholders h4{margin-bottom: 0;}
.placeholder{margin-bottom: 20px;}
#LoginPanelBox{width:100%;}
#LoginPanelBox .checkbox label, .radio label {
    min-height: 20px !important;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    background: none;
    width: 100%;color:white !important;
}

.submitBtn, #LoginPanelBox input.btn{background:#2e6da4 !important;color:white !important;border:none !important;}
#LoginPanelBox input[type="checkbox"]{width:auto;float:right;position:relative;height:auto;margin-left:1px;}
#LoginPanelBox .checkbox span{float:right;}
.placeholder img{display: inline-block;border-radius: 50%;}
.form-signin{max-width: 330px;padding: 15px;margin: 0 auto;}
.form-signin .form-signin-heading, .form-signin .checkbox{margin-bottom: 10px;}
.form-signin .checkbox{font-weight: normal;}
.form-signin .form-control{position: relative;height: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 10px;font-size: 16px;}
.form-signin .form-control:focus{z-index: 2;}
.form-signin input[type="text"]{  margin-bottom: 10px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;color:white;background:none;}
.form-signin input[type="password"]{margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;color:gray !important;background:none;}


.approvals form input[type="checkbox"]{width: 1.5em !important; height: 1.5em !important; display:block;}
.approvals .form-field:after{clear: both; display: block; content:' ';}
.approvals .form-item{padding-bottom: 2em;}
.approvals .form-item .errors{position:relative; top:-3em; }
.approvals .description{font-size: 9pt;}