.titleDivStr {
margin-bottom: 40px;
cursor: pointer;
}
.loguj{

}
.rejestruj{

}

.addFileText{

}


.titleDivStr .showAddFile{
display: inline-block;
width: 40px;
height: 40px;
background-color: red;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
position: relative;
background-color: #70C05D;
border-radius: 6px;
}

.titleDivStr .showAddFile::after {
width: 100%;
height: 100%;
content: "\e095";
font-family: "Glyphicons Halflings";
position: absolute;
right: 0px;
top: 0%;
transition: all 0.5s ease-out 0s;
box-sizing: border-box;
text-align: center;
/*transform: rotate(90deg);*/
color: #FFFFFF;
line-height: 40px;
}

.titleDivStr.showTitle .showAddFile::after {
transform: rotate(90deg);
}

.zamowDiv{
display: table;
width: 100%;
}
.zamowDiv .rowZamow{
display: table-row;
}

.zamowDiv .rowZamow.disableRow{
display: none;
}

.zamowDiv .rowZamow>div{
display: table-cell;
padding: 10px 0px;

vertical-align: middle;
}
.zamowDiv .rowZamow>div.txtCell{
width: 20%;
text-align: right;
padding-right: 20px; 
}
.zamowDiv .rowZamow>div.valCell{

}

.zamowDiv .rowZamow>div.valCell .divOpt{
padding: 0px 0px 10px 0px;
}
.zamowDiv .rowZamow>div.valCell .divOpt .txtOpt{
margin-left: 10px;
}

.zamowDiv .cenaRow>div{
border: none;
}


.zamowDiv .rowZamow input{
border: 1px solid #dee5e7;
border-radius: 3px;
box-sizing: border-box;
padding: 10px 5px;
width: 50%;
color: #647883;
font-size: 14px;
border-radius:6px;
}    

.zamowDiv .rowZamow input.co{
width: 20%;
}

.zamowDiv .rowZamow input.disabled{
background-color: #EFEFEF;
}


.zamowDiv .rowZamow input:focus{
border-color:#1d934a;
box-shadow:0px 0px 3px #1d934a;
}

.zamowDiv .rowZamow textarea{
border: 1px solid #d0d4d7;
border-radius: 3px;
box-sizing: border-box;
padding: 10px 5px;
width: 50%;
}
.zamowDiv .rowZamow textarea:focus{
border-color:#1d934a;
box-shadow:0px 0px 3px #1d934a;
}


.zamowDiv .rowZamow .unit{
margin-left: 10px;
}

.zamowDiv .rowZamow>div.valCell .cena{
display: inline-block;
margin-right: 40px;
}
.zamowDiv .rowZamow>div.valCell .cena{
display: inline-block;
margin-right: 40px;
}
.zamowDiv .rowZamow>div.valCell .cena .cenaSpanSzt,.zamowDiv .rowZamow>div.valCell .cena .cenaSpan{
font-size: 30px;
color: #6aba57;
margin-left: 10px;
display: inline-block;
vertical-align: inherit;
}


input[type="checkbox"].styled,input[type="radio"].styled{
box-sizing: border-box;
display: none;
padding: 0;
}

/*-----------------------------------------------------------------------*/
input[type="checkbox"].styled + label{
 cursor: pointer;
display: inline-block;
font-size: 14px;
position: relative;
box-sizing:border-box;
vertical-align: middle;
border: 1px solid #CCCCCC;
width: 18px;
height: 18px;
background-color: #FFFFFF;
text-align: center;
line-height: 15px;
border-radius:4px;
}
input[type="checkbox"].styled + label:before{
    right: 0;
    font-family: "Glyphicons Halflings";
    color: #50a63c;
}
input[type="checkbox"].styled:checked + label:before{
    content: "\e013";
    /*content: "\e001";*/
}
/*-----------------------------------------------------------------------*/ 


input[type="radio"].styled + label{
 cursor: pointer;
display: inline-block;
font-size: 14px;
position: relative;
box-sizing:border-box;
vertical-align: middle;
margin-right: 20px;
margin-left: 5px;
margin-bottom:6px;
border: 1px solid #CCCCCC;
width: 18px;
height: 18px;
background-color: #FFFFFF;
text-align: center;
line-height: 15px;
border-radius:50%;
}
input[type="radio"].styled + label:before{
content: "";
position: absolute;
top:0px;
bottom: 0px;
right: 0px;
left: 0px;
width: 60%;
height: 60%;
border-radius:50%;
margin: auto;

}
input[type="radio"].styled:checked + label:before{
background-color: #50a63c;
}

/*----------------------------------------------------------------*/

select.styled {
-webkit-appearance:none;
-moz-appearance:none;	
border: none;
box-sizing: border-box;
cursor: pointer;
position: relative;
color: #868889;
font-size: 14px;
max-width: 100%;
padding: 4px 40px 4px 5px;
border: 1px solid #dee5e7;
z-index: 1;
background-color: transparent;
transition: all 0.5s ease-out 0s;
width: 50%;
background-color: #FFFFFF;
color:#647883;
border-radius:6px;
height: 40px;
position: relative;
}


select.styled option{
font-size: 14px;
padding: 5px 5px 5px 10px;
border-bottom: 1px dashed #dee5e7;
background-color: #FFFFFF;
}

select.styled + label {
position:absolute;
height:40px;
box-sizing:border-box;
display: inline-block;
background-color: #FFFFFF;
z-index: 1;
pointer-events: none;
}


select.styled + label:after { 
width: 40px;
height: 100%;
content:"\e095";
font-family: "Glyphicons Halflings";
position: absolute;
right: 0px;
top:0%;
margin-top: 0px;
transition: all 0.5s ease-out 0s;
background-color: #70C05D;
box-sizing:border-box;
text-align: center;
padding: 9px 0px 0px 0px;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
color: #FFFFFF;
border-radius: 6px 6px 0 0;
}




select.styled:hover + label:after {
background-color: #EEEEEE;
transition: all 0.5s ease-out 0s;
color: #70C05D;
}

/*-------------------------------------------------------------*/

.parentAlert .topAlert .divTitle {
font-size: 14px;
font-weight: 400;
}
.parentAlert .topAlert .divClose:before {
display: none;
}
.parentAlert .trescAlert .spTxt {
font-size: 18px;
}

.addFileProject{
margin-top: 30px;
}
.addFileProject .titleDivStr2{
font-size: 14px;
}
.addFileProject .addFile{
text-align: left;
padding-top: 20px;
}
.addFileProject .addFile.userCreator{
display: none;
}
.addFileProject .addFileBox,.addFileProject .addCreator,.addFileProject .addFileBox,.addFileProject .createCreator {
color: #FFFFFF;
display: inline-block;
font-size: 18px;
text-decoration: none;
background-color: #6DBA5F;
border-radius:6px;
padding: 15px 20px;
border: 1px solid #6DBA5F;
transition: all 0.5s ease-out 0s;
cursor: pointer;
font-weight: bold;
}
.addFileProject .addFileBox:before,.addFileProject .addCreator:before,.addFileProject .createCreator:before {
content: "";
width: 25px;
height: 24px;
display: inline-block;
margin-right: 10px;
transition: all 0.5s ease-out 0s;
vertical-align: middle;
transition: all 0.5s ease-out 0s;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAABHNCSVQICAgIfAhkiAAAAX9JREFUSEvt1UFSwjAUBuD/RfdyAz2CN7Bu6rjSC1Dq1ilDvQHeoA6M64IXYGtZWG6gN8ATqFuRPCdApp2ElnTYOXbZvuTre8lLCA2eKAsSAvUAeTPwn1LXoeQaGD0HKRF1inh3yAmxAU25QTuRasAdqkXKAANfAH8S6JjB7wC1CDhaU/UZVSImIEHeAWQC0BnAsyVELMC5C7QV2QY8+ulrNwtyjQz8sXebhacukIUU2xRQJVIZKEAVxUTUOxfIQvREJlCF2BDPVJbl1rCQ1Z+xvD6UIk0u03k5eFsm+rseJ0lMdOb6284t7IrUNfUfQrrTdswsriTozqylWYK6NbFj2yFD9AjygbpZh1UAM98PL8b9uto2Q4qe+keshqtbv0bliqahR1LGSxL9JpukEeJ6i5pHEEVZMF/fEciH/ui8yURVsfFL2Fou+GOza0dkHOs5iPN9IZIUgnCiLzRS6s+C58Xlsy9RHr8+kVdn1wr6lgkInirdvgwzvwGY6Ob+BRWmRbHOugpAAAAAAElFTkSuQmCC') 50% 50% no-repeat;
filter:brightness(0%) invert(100%);
}
.addFileProject .addFileBox:hover:before,.addFileProject .addCreator:hover:before,.addFileProject .createCreator:hover:before {
filter:brightness(100%) invert(0%);
}


.addFileProject .createCreator{
background-color: #dbbb47;
border-color: #dbbb47;
}
.addFileProject .createCreator:before {
content: "\e142";
background: none;
font-family: "Glyphicons Halflings";
font-size: 27px;
}

.addFileProject .createCreator:hover:before {
color: #dbbb47;
}

.addFileProject .createCreator:hover {
background-color: #FFFFFF;
color: #dbbb47;
}

.addFileProject .addFileBox:hover{
color: #70c05d;
background-color: #FFFFFF;
}
.addFileProject .addFileBox:hover:before{
color: #70c05d;
}
.addFileProject .addCreator{
background-color: #3ca7df;
border-color: #3ca7df;
}

.addFileProject .addCreator:hover{
color: #0d7db7;
background-color: #FFFFFF;
}

.addFileProject .addCreator:before {
content: "\e136";
}
.addFileProject .addCreator:hover:before {
color: #0d7db7;
}

.contentBoxImg{
padding: 20px 0px;
}

.contentBoxImg .divImg {
border-bottom: 1px dashed #cccccc;
display: table;
height: 50px;
table-layout: fixed;
width: 100%;
}
.contentBoxImg .divImg:last-child{
border-bottom: none;
}

.contentBoxImg .divImg > div.opisDiv {
box-sizing: border-box;
padding: 10px;
vertical-align: bottom;
}
.contentBoxImg .divImg > div {
display: table-cell;
}
.contentBoxImg .divImg > div.opisDiv .txtOpis {
}
.contentBoxImg .divImg > div.opisDiv .txtOpis > span.aDelete:before {
color: #d86d6d;
content: "\e020";
display: inline-block;
font-family: "Glyphicons Halflings";
font-size: 21px;
margin-right: 10px;
transition: all 0.5s ease-out 0s;
vertical-align: middle;
}
.contentBoxImg .divImg > div.opisDiv .txtOpis > span.aDelete {
color: #d86d6d;
cursor: pointer;
display: inline-block;
float: right;
}
.contentBoxImg .divImg > div.opisDiv .txtOpis > span {
margin-right: 20px;
}

.contentBoxImg .divImg > div.opisDiv .txtOpis > span.nameFile{
display: inline-block;
width: 50%;
overflow: hidden;
vertical-align: top;
}

.contentBoxImg .divImg > div.opisDiv .txtOpis .sp1 {
font-weight: bold;
margin-right: 5px;
}

.contentBoxImg .divImg > div.opisDiv .infoTxt {
margin-bottom: 10px;
}

.progress {
background-color: #e5e5e5;
display: block;
margin-top: 27px;
width: 100%;
}

.progress p {
background-color: #5aca67;
display: block;
height: 7px;
width: 1px;
}

.zamowSend{
border-top: 1px dashed #cccccc;
margin-top: 30px;
padding-top: 30px;
text-align: right;
}



.zamowSend .zamowSpan{
color: #FFFFFF;
display: inline-block;
font-size: 18px;
text-decoration: none;
background-color: #C9441F;
border-radius:6px;
padding: 15px 20px;
border: 1px solid #C9441F;
transition: all 0.5s ease-out 0s;
cursor: pointer;
font-weight: bold;
}
.zamowSend .zamowSpan:before {
content: "";
width: 28px;
height: 24px;
display: inline-block;
margin-right: 10px;
transition: all 0.5s ease-out 0s;
vertical-align: middle;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAABHNCSVQICAgIfAhkiAAAAuBJREFUSEutlsFW2kAUhv+bpLgUd57TluATiIsauiqWdC19AvUJik9QfQLxCQpPUF03qXRVsQvTJ2iI7TnuiktoktszwcExBIIeWYXMzXxz//vPnaFe/WUDROtQfkTR6eaXP576Luv5e221rOlLlyA+tpzgIC9ejFPPNjkdyAy/6vbX8ib4Yb+oxdDPAHyznH4tL34MTDLUmkrwm2SAwo28LB8FTK/q3C6dEGibmY+rbqAuZCqBJwFevH25y5r2aRFZnwSYGMFY+iXSicPh2uvutZ/IDm2HCcVEbsaAtPCQmIqyhoWQGkM9PgJROauWGtjbdIJ9yhrs1U0PhHUG71edoNWzzS6ApLbyx+BTHXFLAjVEB7fPM72jIdrKBJ7bpSaBjgB4ltPfuHj3vMKsN9SZ4nDUNgyjrLp0/N1YBWVlZRDtiP+W06dMYJascoKeXToAs2e5VyfpGt4ubDsORx1RCvHNeb3UIqIPQpGqEzQygSIwLat4d1krF0cG/03qGMd7pLEvMyQKmxwbZyAUZSnGQNMnginiN79etWcC5crSm1q6WEzGzG0i2hWOTqQUpmLuFCKtudH1B+OMjUsRWwhpRbybCcwKlrKq0Pv14o7lBrvyXVrORJmZlsqQQ42dgvJ92Kyy5ADvFzy9uAk0AzbLeHOBqqxEUWZzjv7Fq/oz7XpKKdYaDGqC8dNy+xU5PheYyGKbAwDL86SfN6Y6NreGia3vmsBjmDdxOKzIPbkQ8DGUed/kSjrtTDLB8C036KQnlrcHZgyWIq0j9l06ZmFgr15qy54oN33VDfYme25aeq8Q0lYauhDwzuJ8KO4uST8FfZTHlzQXg7uiX8oeK9uZmuVCwEmT5vi9aNq315LP4rh55fwWR5dwM8tbguy5aYc+yDRJEwaWGSyuIA0Gbqpuf3LYTiRnnDBQIcJK2qEPAgpZySi0wFQBscfhqKnaXWQ11GMhdYMIvjiQZfaqpP8BseDSkxhELN8AAAAASUVORK5CYII=') 50% 50% no-repeat;
filter:brightness(0%) invert(100%);
}
.zamowSend .zamowSpan:hover{
color: #C9441F;
background-color: #FFFFFF;
}
.zamowSend .zamowSpan:hover::before{
filter:brightness(100%) invert(0%);
}



.divTlo {
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1001;
}
.scrollTlo{
display:inline-block;
position: fixed;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);

}

.inScrollTlo{
color:#FFFFFF;
font-size: 35px;
font-weight: 500;
position: relative;
}
.inScrollTlo:after{
content:"\e030";
font-family: "Glyphicons Halflings";
display: inline-block;
color: #FFFFFF;
font-size: 57px;
top: -65px;
left: 34%;
position: absolute;
animation: 2s linear 0s normal none infinite running fa-spin;
}

@keyframes fa-spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}


.addSystemFile.disFileSys{
display: none;
}

.divCreator{

}
.divCreator .divC{
display: inline-block;
padding: 5px;
box-sizing:border-box;
width: 16.66%;
}
.divCreator .divC .spanCr{
display: inline-block;
text-align: center;
box-sizing:border-box;
box-shadow:1px 1px 6px 0px rgba(0,0,0,0.2);
position: relative;
}
.divCreator .divC .spanCr:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px;
background-color: rgba(0,0,0,0.1);
}



.divCreator .divC .spanCr .spanImgCr{
display: block;	
margin-bottom: 5px;
}

.divCreator .divC .spanCr .imgCr{
display: block;
width: 100%;
height: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity:0.17;
}
.divCreator .divC .spanCr.spanCrOk .imgCr{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity:1;
}
.divCreator .divC .spanCr.spanCrOk{
cursor: pointer;
}

.divCreator .divC .spanCr .nameCr{
display: block;
margin-bottom: 1px;
font-weight: 300;
font-size: 15px;
}
.divCreator .divC .spanCr .wymiarCr{
display: block;
font-weight: 300;
font-size: 13px;
margin-bottom: 5px;
}
/*
.parentRamka{
height: 50%;
}
.parentRamka .divTrescP{
height: 100%;
overflow: auto;
}
*/
.parentRamka.absRamka {
position: fixed;
top:0px !important;

}
.parentRamka{
max-width: 100%;
transition: all 0.5s ease-out 0s;
}

.absRamka{
height: 100%;
}
.parentRamka .divTrescP {
height: calc(100% - 92px);
overflow: auto;
}


@media screen and (max-width:690px){
.addFileProject .addFileBox,.addFileProject .addCreator{font-size: 17px;}
.divCreator .divC{width: 20%;}
}

@media screen and (max-width:590px){
select.styled{width: 95%;}	
}

@media screen and (max-width:580px){
.addFileProject .addFileBox,.addFileProject .addCreator{display: block;margin-bottom: 10px;}
.addFileProject .addCreator{float: none;}
.divCreator .divC{width: 25%;}
}
@media screen and (max-width:470px){
.divCreator .divC{width: 33.33333%;}
}

@media screen and (max-width:460px){
.zamowDiv .rowZamow > div.txtCell{padding-right: 8px;font-size: 13px;}
.zamowDiv .cenaRow > div{display: block;}
.zamowDiv .rowZamow > div.valCell .cena{margin-right: 0px;display: block;}
.zamowDiv .cenaRow > div.txtCell{width: 100%;}
.zamowDiv .rowZamow.cenaRow,.zamowDiv{display: block;}
.zamowDiv .cenaRow > div.valCell{text-align: right;padding-right: 20px;}
select.styled{font-size: 11px;}		
}