ul{
    list-style-type:none;
}

.community{
    float:right;
}

.fullbox{
    background: #F8F8F8;
}

.agree:before{
    margin-top:9px;
}

.fullbox span{
    font-size:16px;
}

.salary select.style{
    width:345px;
}

select.style{
    background-size: 30px 82px;
    width:auto;
    margin:0px;
    font-size:18px;
    padding-right:29px;
}

select.style:hover{
    background-position: right -42px;
}

select.style > option {
    text-align: left;
    padding-left: 10px;
}

.btn-2{
    width:225px!important;
}

.btn-position>div>button:nth-of-type(1){
    background:white!important;
    color:rgb(44,44,44);
    border-color: rgb(204,204,204);
}

.btn-position>div>button:nth-of-type(2){
    padding-left:8px;
    padding-right:8px;
    margin-left:-4px!important;
}

.btn-position ul{
    right:29px;
    left:auto;
}

.btn-position>div{
    float:right;
}

.sky-form .row.contract-type {
    margin-bottom:60px;
}

.btn-red {
    background-color: #FC5242;
}

.btn-red:hover {
    background-color: #BB1102;
}

.salary>div{
    margin-bottom:60px;
    padding: 0px 15px;
}

.contract-type button,#sedlak_calculator_save, .contract-type button,#submit{
    font-size:19px;
}

.salary button,.salary input,.salary span,.insurance button{
    font-size:18px!important;
}

.insurance label {
    font-weight: normal;
}

.sky-form {
    border: 0;
}

.salary .sky-form .input input{
    text-align:center;
    padding-left:0px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
}

.sky-form .radio input + i:after{
    height:10px;
    width:10px;
    background:rgb(255,121,0);
}

.sky-form a{
    color:white;
}

.sky-form input.disabled {
    background: #F0F0F0;
}

.salary-price .input input{
    float:left;
    text-align:center;
    width:66.666%;
}

.salary-price .input span:after{
    content: "PLN*";
    margin-left:10px;
    font-size:16px;
    font-weight:400;
    color:#666;
}

.salary-year {
    display:table;
}
.salary-year label {
    font-weight: normal;
    color: #666666;
}

.salary-year span{
    display:table-cell;
    vertical-align:middle;
    padding-right: 10px;
    text-align: right;
    width: 60%;
}

.salary-year select.style{
    width: 95%;
    display: table-cell;
}

.insurance select.style {
    width: 100px;
    display: table-cell;
}
.insurance .select-container {
    float: left;
    margin-left: 15px;
}

.salary-year>div:first-of-type{
    text-align:right;
    padding-right:15px;
    margin-top:6px;
    display:table-cell;
    vertical-align:middle
}

.sky-form .radio i, .sky-form .checkbox i{
    width:22px;
    height:22px;
    margin-top:-4px;
}

.sky-form .checkbox input + i:after{
    font-size:14px;
    line-height:22px;
    height:22px;
    width:22px;
    top:-2px;
    left:-1px;
    color: rgb(255, 121, 0);
}

.sky-form .radio input:checked + i, .sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i,.sky-form .input:hover input,
.sky-form .select:hover select, .sky-form .textarea:hover textarea,
.sky-form .radio:hover i, .sky-form .checkbox:hover i,
.sky-form .toggle:hover i, .sky-form .ui-slider-handle:hover,
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i {
    border-color: rgb(255,121,0);
}

.insurance{
    padding-top:10px;
    display:table;
}

.ppk-percent {
    display: none;
}

.dictionary{
    margin-top:30px;
}
.dictionary{
    margin-bottom:20px;
}
.options > div {
    padding: 0 !important;
}
.hidden-obj, .trimestre, .insurance .row, .options > div.hidden-obj {
    display: none;
}

.options .checkbox{
    display:inline;
}

.months{
    margin-bottom:15px;
}

.trimestre,.insurance .row,.options div{
    display:table;
}

.trimestre span,.trimestre label,.insurance div,.insurance span,.options div>span,insurance span,.options div>label{
    display:table-cell;
    vertical-align:middle;
}


.options div>span{
    width: 420px;
}

.checkbox-cell {
    display: table-cell!important;
    width: 420px;
}


.options div > span > label, .insurance > span > label {
    font-weight: normal;
    color: #666666;
}

.label label {
    font-weight: normal;
    color: #666666;
    font-size:16px;
}

.options div{
    padding:10px 0px;
}


.trimestre span{
    width:100px;
}

.trimestre label.input{
    width:150px;
    padding:5px 0px;
}

.months1 .trimestre label.input{
    width:80px;
}

.trimestre span:last-of-type{
    padding-left:15px;
}

button#sedlak_calculator_save, .contract-type button,#submit{
    background: rgb(255,121,0);
    color:white;
    margin:0px auto;
    display:block;
    min-width:170px;
    margin-top:15px;
}

.container .details a{
    margin-top:5px;
}

.container .details{
    text-align:center;
}
.container .details span.contract-type {
    font-size: 15px;
}

.dictionary{
    font-size:14px;
}

.dictionary>div>div:first-of-type li{
    padding-bottom:12px;
}

.legend{
    margin-top:20px;
}

.legend span{
    font-size:13px;
}

.legend span:first-of-type{
    margin-right:30px;
}

.count-salary{
    padding-top:30px;
    padding-bottom:30px;
    margin: 30px auto;
    margin-top:0px;
}

.count-salary .details span{
    display:block;
    font-weight: normal!important;
}

.count-salary>div>div span:first-of-type{
    font-size:20px;
    font-weight:bold;
    display:block;
}

.summary{
    padding-top:30px;
    padding-bottom:20px;
}

.summary img,.summary table{
    margin-top:20px;
    margin-bottom:15px;
}

.summary table{
    width:100%;
}

.summary table .btd{
    background: rgb(255,229, 208);
}

.summary table .btd1{
    background: rgb(195, 208, 227);
}

.summary table:nth-of-type(2n+1) tr td{
    padding-left:15px;
    padding-right:13px;
}

.table.employer-cost tr td:nth-of-type(7) {
    max-width: 150px;
}

.summary table tr td:nth-of-type(2){
    text-align:right;
}

.summary .detail table tr td:first-of-type{
    text-align:left;
    font-size: 14px;
}
.summary .detail table tr td:nth-child(2) {
    min-width: 80px;
}

.summary .detail table tr td {
    text-align:center;
    padding:10px 13px;
}
.summary table thead {
    font-size: 14px;
}

.summary .detail table thead tr,.summary .detail table tr:last-of-type,.summary .detail table tr td:last-of-type,.summary .detail table tr td:nth-of-type(2){
    font-weight:bold;
}

.summary .detail table tr:nth-of-type(n+3) td:nth-of-type(2),.summary .detail table tr:last-of-type,.summary .detail table  tr:nth-of-type(n+3) td:last-of-type,
.summary .detail table tr:nth-of-type(1) td:nth-of-type(2),.summary .detail table tr:nth-of-type(1) td:last-of-type{
    background: rgb(255, 248, 242);
}

.summary .detail table tr:last-of-type td:nth-of-type(2),.summary .detail table tr:last-of-type td:last-of-type{
    background: rgb(255, 229, 208);
}


.summary .detail table tr td{
    border: 1px rgb(244,244,244) solid;
}

.summary .detail table tr td:first-of-type{
    border-left:none;
}

.summary .detail table tr td:last-of-type{
    border-right:none;
}

.summary .detail table tr:nth-of-type(n + 3) td{
    white-space: nowrap;
}
.link-button.employer {
    color: #194993;
    font-size: 18px;
    width: 250px;
    text-align: right;
}
.link-button.worker {
    font-size: 18px;
    width: 250px;
    text-align: right;
}

.summary .detail.employer tr:nth-of-type(2) td,.summary .detail.employer tr:nth-of-type(n+3) td:nth-of-type(3),.summary .detail.employer tr:nth-of-type(n+3)  td:nth-of-type(4),
.summary .detail.employer tr:nth-of-type(n+3)  td:nth-of-type(5),.summary .detail.employer tr:nth-of-type(n+3)  td:nth-of-type(7),.summary .detail.employer tr:nth-of-type(n+3)  td:nth-of-type(8){
    border-left:none;
    border-right:none;
}

.summary .detail.worker tr:nth-of-type(2) td,.summary .detail.worker tr:nth-of-type(n+3) td:nth-of-type(3),.summary .detail.worker tr:nth-of-type(n+3)  td:nth-of-type(4),
.summary .detail.worker tr:nth-of-type(n+3)  td:nth-of-type(5),.summary .detail.worker tr:nth-of-type(n+3)  td:nth-of-type(6){
    border-left:none;
    border-right:none;
}

.summary .detail.employer tr:nth-of-type(2) td:nth-of-type(4){
    min-width:140px;
}

.summary .detail table tr:first-of-type,.summary .detail table tr:nth-of-type(3){
    border-top:2px #dfdfdf solid;
}

.summary .detail table td{
    padding:0px 10px;
    vertical-align:middle;
}

.summary .detail table tr:last-of-type{
    border-bottom:2px #dfdfdf solid;
}



.summary .detail .title{
    text-align:center;
    font-weight:bold;
    display:block;
    font-size:18px;
}

.summary .detail table{
    margin-top:15px;
}

.show-detail{
    cursor:pointer;
}

.summary .detail{
    display:none;
    padding-bottom:30px;
}

.calculate-agin {
    margin: 55px 0;
}
.people{
    padding-top:30px;
    padding-bottom:30px;
    margin-bottom:30px;
    text-align:center;
}
.people .container {
    padding: 30px 0;
}

.people .title{
    display:inline-block;
}

.people .title img, .people .title i{
    float:left;
    margin: 0px 10px;
}

.people .title i {
    font-size: 18px;
    color: #999999;
}

.people .title span:first-of-type{
    float:left;
    margin-top:-3px;
}

.people .title span:nth-of-type(2){
    float:left;
    margin-top:-2px;
}

.people p.description, .people p.description1 {
    font-size: 18px;
}
.people p.description1 {
    margin: 25px 0px 4px 0px;
}
.people p.description {
    margin: 0px 0px 25px 0px;
}

.people .count table td{
    background-size:contain!important;
    width:33px;
    height:76px;
}

.people .count table td:nth-of-type(2n+1){
    background: url('../img/people-mang.png') no-repeat;

}

.people .count table td:nth-of-type(2n+1).red{
    background: url('../img/people-manr.png') no-repeat;
}


.people .count table td:nth-of-type(2n){
    background: url('../img/people-womang.png') no-repeat;
}

.people .count table td:nth-of-type(2n).red{
    background: url('../img/people-womanr.png') no-repeat;
}

.sky-form .radio, .sky-form .checkbox{
    display:inline;
    padding-right:5px;
}

#sedlak_calculator_businessExpenses .radio {
    width: 50px;
}
#sedlak_calculator_businessExpenses {
    width: 165px;
    display: block;
}

.mandate-models {

}
#sedlak_calculator_mandateModels > label {
    display: block;
    margin: 15px 0;
}

.contract-type-select {
    display: none;
    width: 100%;
    margin-bottom: 45px;
}
.contract-type-select > span.label {
    display: none;
}
.contract-type-select select {
    width: 95%;
    margin: 0 auto;
}
#sedlak_calculator_businessExpenses {
    margin-left: -27px;
}

.sky-form .input input.error {
    border: 1px solid #ff0000;
    background-color: #fff0f0;
}

.sky-form .checkbox input.disabled + i::after {
    color: #dadada;
}

.salary-price .error-empty {
    width: 100%;
    display: none;
    float: left;
    color: #fa0a00;
    font-weight: normal;
}

.sky-form .row.mandate-info {
    font-size: 20px;
    margin-bottom: 20px;
}
.accident-container {
    display: table;
}
.accident-container > div {
    display: table-cell;
}
.accident-container > div > span {
    padding-left: 0;
}
.sky-form .accident-container > label {
    display: table-cell;
    vertical-align: middle;
}
.sky-form .accident-container > label.percentTag {
    font-size: 19px;
    padding-left: 3px;
    font-weight: normal;
    color: #666666;
}

.sky-form .accident-container > label input {
    width: 50px;
}

.pie-chart {
    width: 100%;
    margin-top: 15px;
}
.pie-chart .chart {
    width: 40%;
    margin: 0 auto;
}
.pie-chart .data {
    clear: both;
}

.pie-chart .data ul {
    margin: 0 auto;
    text-align: left;
    width: 55%;
}
.pie-chart .data ul li {
    position: relative;
}
.pie-chart .data ul li span {

}
.pie-chart .data ul li .marker {
    width: 15px;
    height: 15px;
    position: absolute;
    margin-left: -20px;
    margin-top: 5px;
}
.pie-chart .data ul li span {
    font-size: 14px;
}
.marker.m1 {
    background: #F54C18;
}
.marker.m2 {
    background: #202946;
}
.marker.m3 {
    background: #EFBE24;
}
.marker.m4 {
    background: #545454;
}
.marker.m5 {
    background: #bababa;
}
.marker.m6 {
    background: #FC8353;
}
.marker.m7 {
    background: #7B5E92;
}
.marker.m8 {
    background: #9C634D;
}

@media (max-width : 1200px) {
    .salary-type>button:first-of-type{
        width:260px
    }
    .salary-price .input input{
        width:80%;
        margin-left: 2.5%;
    }
    .trimestre label.input{
        width:100px;
    }
    .salary-type select.style {
        width: 95%;
        margin: 0 auto;
    }
    .salary > div {
        margin-bottom: 20px;
    }
    .options div > span, .checkbox-cell {
        width: 290px;
    }
}

@media (min-width : 992px){
    .stick{
        position:fixed;
        z-index:1000;
        top:0px;
        width:100%;
    }
}

@media (max-width : 991px){
    .container .details{text-align:left;}
    .legend span{display:block;}
    .salary-year {
        clear: both;
    }

    .pie-chart .chart {
        margin: 0 60px 0 0;
        float: left;
        width: 25%;
    }
    .pie-chart .data {
        float: left;
        clear: none;
    }
    .pie-chart .data ul {
        width: 100%;
    }
}

@media only screen and (max-device-width: 736px), screen and (max-width: 736px) {
    .link-button.fright {
        float: none !important;
    }
    .earnings-pie {
        display: none;
    }

    .people .count table td{
        width:14px;
        height:35px;
    }
    .trimestre span{
        width:90px;
    }

    .trimestre label.input{
        width:85px;
        padding:5px 0px;
    }
    .salary-year span {
        text-align: center;
    }

    .salary-year select.style {

    }

    .btn-u-lg, a.btn-u-lg{padding:7px;}
    .people .title img{margin:0px 5px;}
    span.bread{margin-top:20px;}
    .salary-year span,.options span{ padding-right:10px; }

    .contract-type-select {
        display: block;
    }
    .contract-type {
        display: none;
    }

    .salary > div {
        margin-bottom: 45px;
    }

    .sky-form .fgsp-cost .checkbox {
        display: table-cell;
        vertical-align: middle;
    }

    .fgsp-cost > div > span.visible-xs-inline {
        width: 90%;
    }

    .options div>span.force-table-cell {
        display: table-cell !important;
    }
}

@media (min-device-width : 768px){
	.mobile-baner{display:none!important;}
}

@media (max-device-width : 768px){
	.mobile-baner{display:block!important;}
}