@charset "utf-8";
/* CSS Document */
html {
  height: 100%;
  box-sizing: border-box;
}
body, td, th, input,textarea,pre {
    /*font-family: Lato, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.2px;
	
}
body
{	
    width: calc(100%);	
	/*margin: 20px;*/
	padding: 0px;
	margin-left: 20px;
  position: relative;
  margin: 0px;
  padding-bottom: 150px;
  min-height: 100%;
	height: 100%;
	color: #464748;
       
}
#pra_o{display: inline-block;}
.prze_szort{
	height: 100;
	overflow: hidden;
}
.hidden{
	display: none;
}
input {
  border-radius: 0;

}
.grid-zad-deadline img{
	height:18px;
	vertical-align: text-top;
}

input[type="search"] {
  -webkit-appearance: none;
}
pre{
	margin-top: 5px;
	margin-bottom: 5px;
}
/*.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #333;
  color: white;
  text-align: left;
  padding-left: 15px;
}*/

*,
*:before,
*:after {
  box-sizing: inherit;
}
/*
.footer {
    background-color: #333;
    color: white;
	clear: both;
/*	height: 200px;
	margin-top: -200px;
    
    position: relative;
    height: 50px;
    margin-top: -23px;
    padding-left: 15px;
    left: -20px;
    bottom: 0;
    width: calc(100% + 25px);
    padding-top: 11px;
}*/
.footer {
    background-color: #333;
    color: white;
    clear: both;
    position: relative;
    height: 260px;
    /* margin-top: -23px; */
    padding-left: 15px;
    /* left: -20px; */
    bottom: 0;
    width: calc(100% + 0px);
    padding-top: 20px;
}

.grid-zad{border: 2px solid #464748;    margin-bottom: 0px;}
.grid-zad-tytul {
	font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #464748;
    padding: 15px;
}
.grid-zad-deadline{display: inline-block; float: right;}
.grid-zad-wartosc{       display: inline-block;
    font-weight: bold;
    font-size: 18px;
    width: 60px;
    color: #ffdf52;}
.grid-zad-zgloszen{display: inline-block;}
.grid-zad-dol{ padding: 10px 15px 10px 15px;
    background: #656666;
    color: #fff;
	overflow: overlay;
}
	


.non_select{  
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.lay0 {
    width: calc(100% - 0px);
    /* margin: 20px 20px 20px 20px; */
    padding: 20px 20px 120px 20px;
    min-height: 100%;
	
}
h1, h2, h3, h4 {
    /* letter-spacing: 0.3px;
    font-family: 'Rubik', sans-serif; */
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin: 0px;
    margin-top: 5px;
    /* margin-bottom: 10px; */
    height: 25px;
}
h2{
	margin-top: 15px;
}
h1{
	font-size: 26px;
}
hr{
	 border-top: 1px dashed #464748;
	border-bottom: none;
	width: 100%;
}
hr {
    border-top: 2px solid #464748;
    border-bottom: none;
    /* width: calc(100% + 20px); */
    position: relative;
    left: -20px;
    width: calc(100% + 40px);
    margin-bottom: 15px;
}
.info {
    font-style: italic;
    font-size: 12px;
    margin-left: 20px;
}
.info2 {
    font-style: italic;
    font-size: 14px;
    border-left: none !important;
    border-right: none !important;
    
}
a:link {
	color: #464748;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #464748;
}
a:hover {
	text-decoration: underline;
	color: #464748;
}
a:active {
	text-decoration: none;
	color: #464748;
}

.top-container {
    display: grid;
    /* grid-template-columns: auto auto auto; */
    grid-template-columns: auto 100px 100px;
    padding: 0px;
    margin-bottom: 20px;
    border: 2px solid #464748;
    width: calc(100% - 4px);
}
.top-item {
  padding: 10px;
grid-column-end: span 2;
}
.top-zaloguj {
    padding: 10px;
    text-align: right;
    border-left: 2px solid #464748;
	padding-top: 5px;
}
.okruszki {
    padding-bottom: 10px;
    padding-left: 0px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 100;
}

.naglowki {
    padding-bottom: 10px;
    padding-left: 0px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 100;
    margin-top: 40px;
    font-weight: bold;
	display: inline-block;
}
.grid-ed-design{    
	display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0;
    padding: 0px;
    margin-top: 20px;
/*    margin-bottom: 40px;
    margin-right: 20px;*/
/*    height: calc(100% - 100px);*/
    width: 100%;
}

.grid2 {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0;
    padding: 0px;
  /*  margin-top: 20px;
    margin-bottom: 40px;*/
    margin-right: 20px;
    height: calc(100% - 100px);
    width: 100%;
    justify-content: center;
    align-content: center;
}
.dodaj-top{
	grid-column: span 2;
}

.low-item {
    padding: 5px;
    border-top: 2px solid #464748;
    padding-left: 10px;
}
.low-item2 {
    padding: 5px;
    border-top: 2px solid #464748;
    padding-left: 10px;
	border-left: 2px solid #464748;
}

.marka-logo{
	max-width: 140px;
	margin-bottom: 20px;
}

.grid4{
	display: grid;
    grid-template-columns: 23% 23% 23% 23%;
	row-gap: 20px;
    column-gap: 2%;
    padding: 0px;
	justify-content: center;  
	align-content: center;
	margin:0px;
	
}
.grid_zadania{
	margin-top: 0px;
}
.grid5{
	display: grid;
    grid-template-columns: 19% 19% 19% 19% 19%;
	grid-gap:1%;
    padding: 0px;
	justify-content: center;  
	align-content: center;
/*	margin-top:20px;
	margin-bottom: 40px;*/
	margin-right: 20px;
}
.grid6{
	display: grid;
    grid-template-columns: 15.5% 15.5% 15.5% 15.5% 15.5% 15.5%;
	row-gap: 10px;
    column-gap: 1.16667%;
    padding: 0px;
	/*justify-content: center;  
	align-content: center;*/
	/*margin-top:10px;
	margin-bottom: 80px;*/
	margin-right: 20px;
}
.grid8{
	display: grid;
    grid-template-columns: 11% 11% 11% 11% 11% 11% 11% 11% ;
	grid-gap:1.5%;
    padding: 0px;
	justify-content: center;  
	align-content: center;
/*	margin-top:20px;
	margin-bottom: 40px;*/
	margin-right: 20px;
}
.grid-ed-konto {
    display: grid;
    grid-template-columns: 220px auto 380px;
    grid-gap: 0;
    /* padding: 10px; */
}
.profilowe{
	position: relative;
    top: -120px;
    left: 180px;
	width: 220px;
}
.portfolio {
  /*  position: relative;
    top: -80px;*/
}
.grid-ed-marka {
    display: grid;
    grid-template-columns: 140px auto 300px;
    grid-gap: 0;
    /* padding: 10px; */
}
.grid-tw-konto-dash {
    display: grid;
    grid-template-columns:  auto 160px;
    grid-gap: 0;
    /* padding: 10px; */
}
.grid-dash-zadania  {
    display: grid;
    grid-template-columns:  140px auto;
    grid-gap: 0;
    /* padding: 10px; */
}
.dash-marka{padding-bottom: 20px;
    padding-right: 20px;}
.grid-ed-zadanie {
    display: grid;
    /* grid-template-columns: 9% 69% 19%; */
    grid-template-columns: 50% 30% 20%;
    grid-gap: 0px;
    padding: 0px;
    /* margin-right: 20px; */
    margin-left: 0px;
    border: 2px solid;
}
.grid-ed-zadanie-opis {
       padding: 20px;
    padding-top: 10px;
    border-right: 2px solid #464748;
    grid-column-end: span 2;
    border-bottom: 2px solid #464748;
    padding-bottom: 0px;
    /* padding-bottom: 20px; */
    /* padding: 20px; */
}
.grid-ed-opis, .specka{
    padding: 15px 20px 30px 20px;
    border-right: 2px solid #464748;
	overflow-x: hidden;
	overflow-y: visible;
}

.dodaj-top{
	height: 40px;
}

.grid-marka {
  padding: 0px;
	/*border: solid #0001 1px;*/
	text-align: center;
}
.grid-marka2 {
  padding: 0px;
	border: solid #fff0 1px;
	text-align: center;
}

.minilogo{
	width:140px;
}

.marka-logo img{
	width: 100%;
	
	vertical-align: middle;
}
.marka-opis{
	    border: 2px solid #464748;
    padding: 5px;
	padding-left: 0px;
}
.marka-opis input {
    text-align: center;
    border: none;
    font-size: 14px;
    /* min-width: 150px; */
    width: 136px;
    margin-bottom: 0px;
    margin: 0px;
    padding: 0px;
}
.grid-marka-opis {
    padding-left: 20px;
    padding-top: 10px;
    border: 2px solid #464748;
    margin-left: 20px;
    padding-bottom: 20px;
	padding-right: 20px;
   /* border-left: none;*/
}
.grid-marka-adres{
	padding-left: 20px;
    padding-top: 10px;
    border: 2px solid #464748;2px solid #464748;
    padding-right: 20px;
    padding-bottom: 20px;
    border-left: none;
}

.ed-opis{
	width: calc(100% - 20px);
    min-height: 180px;
    border: solid 1px #0001;
	border: none;
}
.ed-adres{
	width: calc(100% - 20px);
    min-height: 55px;
    border: none;
}


.ed-opis2{
	width: calc(100% - 20px);
    min-height: 80px;
    border: solid 1px #0001;
}

.ed-opis3 {
    width: calc(100%);
    height: calc(100% - 100px);
    min-height: 80px;
    border: none;
    margin-bottom: 40px;
}
.ed-tytul {
    width: calc(100% + 35px);
    min-height: 30px;
    border: none;
    /* font-family: 'Rubik', sans-serif; */
    font-weight: 700;
    font-size: 26px;
    padding: 0px;
    /* margin-top: 0px; */
    position: relative;
    top: -3px;
    letter-spacing: 0px;
}
.z-tytul {
    width: calc(100% - 20px);
    min-height: 30px;
    /* font-family: 'Rubik', sans-serif; */
    font-weight: 700;
    margin-top: 0px;
    font-size: 26px;
    letter-spacing: 0px;
    line-height: 30px;
    margin-bottom: 15px;
}
.z-tytul-ed {
    margin-bottom: 9px;
}
.button-zapisz-zmiany{
 background-color: #fff;
    padding: 10px;
    border: 1px solid #000;
}
.button-black{
 	background-color: #0003;
    padding: 5px;
    border: 1px solid #0004;
	color: #000;
	margin-right: 11px;
}

.zapisz-zmiany{
	float: right;
	visibility: hidden;
}




.grid-ed-projekty {
    display: grid;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: auto 120px 90px 100px;
    padding: 0px;
	/* padding-right: 10px; */
    /* border-left: 2px solid #464748; */
    /* border-bottom: 2px solid #464748; */
}
.grid-ed-projekty div {
    border: 2px solid #464748;
    border-top: none;
    border-right: none;
    /* border-bottom: none; */
    padding: 10px;
}

.grid-noborder{border: none;}

.col2{
	background-color: #0001;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ed-projekt a{
	
}
.glos-button{
	border: 2px solid #08f;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    margin: 10px 0px 0px 0px;
	/*cursor: pointer;*/
}
.glos-button a:active, .glos-button a:focus {
	border: 2px solid #08f;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    margin: 10px 0px 0px 0px;
	/*cursor: pointer;*/
}

.glos-button a:hover {
	border: 2px solid #08f;
	background-color: #08f;
	color: #fff;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    margin: 10px 0px 0px 0px;
	/*cursor: pointer;*/
}

.kwotowe {
    border: none;
    width: 37px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-bottom: 2px solid #464748;2px solid #464748;
    font-weight: 700;
}
.imienne {
    border: none;
    width: calc(100% - 10px);
    margin-right: 5px;
    margin-bottom: 5px;
    border-bottom: 2px dashed #000;
    font-weight: 700;
}
.haslowe {
    border: none;
    width: calc(100% - 50px);
    margin-right: 5px;
    margin-bottom: 5px;
    border-bottom: 2px dashed #000;
    font-weight: 700;
}
.imienne_noedit {
    border: none;
    width: calc(100% - 10px);
    margin-right: 5px;
    margin-bottom: 5px;
    /* border-bottom: 2px dashed #000; */
    font-weight: 700;
    padding-bottom: 10px;
}
		
.haslo_show {
    /* float: right; */
    padding-right: 10px;
    width: 36px;
    display: inline-block;
    margin-left: 5px;
}
.haslo_show2{
	float: right; 
  /*  padding-right: 10px;*/
    width: 36px;
    display: inline-block;
    margin-left: 5px;
}
.cennikowe{
	float: right;
	text-align: right;
}
.cena_top{
	/*width: 91%;
	position: relative;
	top: -10px;*/
}
input[type="checkbox" ] {
	margin-bottom: 10px;
}
#pkt_op{
	display: inline;
}
#pln_o{
	position: relative;
	top:-5px;
}
.dodform {
    width: 70%;
    float: left;
}
.grid-design {
	padding: 0px;
	border: solid #fff0 1px;
}
.grid-design-long{
	grid-column: span 2;
}
.dodaj{
/*	background-color: #FFEF1633;*/
	text-align: center;
}

.grid-design-img img{
	width: 100%;
	vertical-align: middle;
	

}
.zoom_in{
	cursor: zoom-in;
}
.wybrany-lista{display: inline-block;}
.wybrany-lista-top {
    background: #000;
    color: #ff0;
    padding: 5px;
}
.wybrany-lista-top img {
    vertical-align: middle;
    width: 20px;
    margin-right: 5px;
    position: relative;
    top: -3px;
}
.grid-design-opis {
    border: 2px solid #464748;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 13px;
    overflow: hidden;
/*	background: #fffc;*/
}

.ed-grid-design-opis {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 40px;
    margin-right: 0px;
    height: calc(100% - 0px);
    width: 100%;
    /* justify-content: center; */
    /* align-content: center; */
}
.edytowalne {
    border: 2px solid #464748;
    padding-left: 0px;
  /*  margin-top: 1px;
    margin-bottom: 1px;*/
}
.ed-com{
	    border-right: 2px solid #464748;
    height: 100%;
}
.ed-p-cel {
    padding: 10px 20px 0px 20px;
    height: calc(100% - 9px);
}
.grid-design-yt{
	width: 100%;
	height: calc(100% - 30px);
	position: relative;
}

.layer0{
	/*
	filter: blur(4px);
	z-index: 0;
	*/
}

.grid-design-img {
    position: relative;
    border: none;
   /* border-bottom: 0px;
	max-height: 360px;*/
    overflow: hidden;
}
.usun-button{
padding-bottom: 10px;
	width: 115px;
	cursor: no-drop;
	}
.ed-p-des-img{
	 border: none;
	max-height: unset;
}
.usun{
	position: absolute;
  	top: 5px;
  	right: 5px;
	cursor: -webkit-grab; cursor: grab;
	
}
.zgloszenie-status{
	float: right;
}
.zprawej{
	float: right;
	padding-right: 3px;
}
.port-deadline{
	font-size: 12px;
    font-weight: normal;
   
}
.ico {
    vertical-align: sub;
    height: 18px;
    margin-right: 4px;
}
.usun-video{
    float: right;
    margin-top: 5px;
	cursor: -webkit-grab; cursor: grab;
}
.usun img, .usun-video img{
	width: 20px;
}


.layer1 {
    z-index: 1;
    position: fixed;
    top: 100px;
    left: 100px;
    margin-right: 100px;
    margin-bottom: 100px;
    background: #fffffff8;
    border: 2px solid #464748;
    width: calc(100% - 300px);
    height: calc(100% - 300px);
    /* visibility: hidden; */
    display: none;
    padding: 20px;
    filter: drop-shadow(0px 0px 50px #0002);
}

.lay0{
/*	filter: blur(4px);
	background: #0001;
	z-index: 0;*/
}
.x{
	float: right;
	position: absolute;
	right: -22px;
	top: -22px;
	
}
.x img{
	width: 44px;
	
}

.upload_box{
	width: 100%;
	height: calc(100% - 50px);
	background-color: #0001;
}

.dodaj_zadanie{
/*float: right;text-align: right;padding-right: 12px;*/
}
.dodaj_zadanie {
    float: right;
    text-align: left;
    padding-right: 10px;
    width: 187px;
    margin-right: 0px;
    border: 2px solid #464748;
    font-size: 14px;
   /* font-weight: 600; */
    line-height: 23px;
    padding-top: 6px;
    background-color: #ffd000;
    text-align: center;
	 text-transform: uppercase;
}

.przeslij_design {
      float: right;
    text-align: left;
    padding-right: 10px;
    width: 148px;
    margin-right: 0px;
    border: 2px solid #464748;
    font-size: 14px;
    /* font-weight: 600; */
    line-height: 23px;
    padding-top: 6px;
    background-color: #ffd000;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0px;
    text-transform: uppercase;
    margin-left: 20px;
}

.lp{
	font-weight: bold;
    font-size: 20px;
	/*display: none;*/
	/*border-left: 2px solid #000 !important;*/
}
.ed-projekt{font-size: 16px;font-weight: bold;}
.ed-status{
	float: right;
}

.ed-status {
    float: right;
    border-left: 2px solid #464748;
    padding-left: 10px;
    position: relative;
    top: -10px;
    right: -20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-bottom: 2px solid;
    /* width: calc(100% + 20px); */
}

.upload_okno{
	width: 100%;
	height: 100%;
}

.dropzone {
    height: 100%;
}
.aktywne {
	background: #6cf;
}
.hrl{
	    width: calc(100% + 40px);
	margin-bottom: 15px;
}
.hrl2{
	margin-top: 15px;
}
.zad-top-prawa {
    padding: 20px;
    padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #464748;
}
.grid-ed-prawa {
    padding: 10px 20px 0px 20px;
}

.selektowa{
	border: none;
    border-bottom: 2px solid #464748;
    padding-bottom: 3px;
    font-weight: 700;
}


.datowy {
    border: none;
    border-bottom: 2px solid #464748;
    padding-bottom: 1px;
    margin-bottom: 5px;
}

.logowanie {
   border: 2px solid #464748;
	padding: 20px;
}

.logowanie-okno {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.logowanie-pole{
	 border-radius: 0;
	 -webkit-appearance: none;
}
.grid-prawy-obraz {
    background-image: url(../_g/vecteezy_work-from-home_illustrationaa0920b.jpg);
    background-position: center center;
    background-color: #af8c86;
    background-repeat-y: no-repeat;
    background-size: cover;
    /*  height: 100%;*/
    min-height: 200px;
}
.user-profil {
    width: 200px;
    display: inline-block;
	margin-right: 20px;
}
.user-img {
	float: left;
	display: inline-block;
	width: 100%;
}
.user-img img{
	width: 160px;
	border-radius: 100%;
}
.user-info {
    padding: 10px;
   /* border: 2px solid #464748;*/
    border-bottom: none;
    padding-bottom: 0px;
    padding-top: 5px;
    overflow: hidden;
}
.user-status {
   /* border: 2px solid #464748;*/
    padding: 10px;
    border-top: none;
    padding-top: 2px;
    font-weight: 700;
    padding-bottom: 5px;
}

.user-opis {
    padding: 20px;
    padding-top: 10px;
 /*   border: 2px solid #464748;*/
}
.user-opcje {
 /*  border: 2px solid #464748;*/
    border-left: none;
    padding: 20px;
    padding-top: 10px;
}
.zmienhaslo {
    background: #000;
    color: #fff;
    padding: 5px 10px 5px 10px;
    margin-top: 10px;
 /*   border: 2px solid #464748;*/
}

.obserwuj {
    display: inline-block;
    height: 20px;
    /* background: #f003; */
    margin-right: 10px;
	padding-bottom: 10px;
}
.podejmij {
    display: inline-block;
    height: 20px;
    /* background: #0f03; */
}
.zad-top-prawa{
	
}
.zad-top-prawa img{
	height: 24px;
	vertical-align:middle;
	margin-right: 5px;
}

.grid-ed-zadanie-all{
	display: grid;
    grid-template-columns: 160px auto;
}

.login{
	width: 255px;
}


.pia{
	grid-template-columns: auto auto;
	
}
.apia{border: none;}


.first_top{
    grid-column-end: span 3;
}
.last-top{
	display: none;
}


.logo-ksgk {
    display: inline-block;
    padding-right: 10px;
    font-size: 36px;
    font-weight: bold;
    padding-top: 3px;
}

.logo-ksgk2 {   
    font-size: 28px;
  
}

.zadania-data {
	border-right: 2px solid #000 !important;
}
.markowy {
    width: 120px;
    display: inline-block;
}
.zad-podpiety {
    display: inline-block;
	    padding-top: 15px;
	
}
.zad-marka{
	width: 100px;
}

.wycofaj {
    /* cursor: url(../_g/cursor-delete2.png), auto; */
    cursor: pointer;
    float: right;
    position: relative;
    bottom: -20px;
}
.d_s_1 , .d_s_2 , .d_s_3 {
	cursor: pointer;
}

.ico-widok {
    /* width: 27px !important; */
    height: 14px;
    vertical-align: middle;
    margin-right: 3px;
    position: relative;
    top: -2px;
}

.col_a{
	border-color: green;
}
.col_p{
	border-color: orange;
}
.col_n{
	border-color: red;
}

.col_u{
	border-color: #0003;
}
.opis-statusu{
margin-bottom: 15px;
}

.profilowka{
	width: 24px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    border-radius: 100%;
}

.hr-norm{    
	width: 100%;
    left: 0px;
}



.coment {
    min-width: 280px;
    max-width: 700px;
  /*  border: 2px solid #0000;*/
    padding-bottom: 20px;
}
.coment-lewa {
    display: inline-block;
    width: 60px;
    float: left;
}

.comet-prawa {
    display: inline-block;
    width: calc(100% - 70px);
}
.coment_img{}
.coment_img img {
    width: 50px;
	border-radius:100%;
}
.coment_username {
    text-decoration: underline;
    font-weight: bold;
    display: inline-block;
}
.coment_data{  display: inline-block;font-size: 10px; position: relative;top:-3px;}
.coment_tresc{}

.coment_nazwa{
    border: 2px solid #464748;
    padding: 5px;
    font-weight: bold;
	font-size: 16px;
}

.add_dialog {
    width: calc(100% - 0px);
    padding: 10px 10px 5px 10px;
    margin-top: 5px;
    border: 2px solid #464748;
    min-height: 50px;
    max-height: 300px;
}
.add_dialog_send {
	float: right;
    margin: 12px 0px 10px 10px;
    padding: 7px 20px 7px 20px;
    background-color: #fff;
    border: 2px solid #464748;
}


.coment_tools {
    display: inline-block;
    float: right;
    margin-left: 20px;	

}
.coment_tools_tworca{
	 display: inline-block;
	  margin-left: 20px;	
}
.coment_tools2{
	
}

.foot-logo{
padding-top: 20px;	
}
.foot-ksgk{
	margin-bottom: 10px;
}
.footer a {
	color: #f8f8f8;
}

@media screen and (max-width:780px){
	/*body{
	    width: calc(100% - 20px);
		margin: 10px;
	}*/
	
.zad-top-prawa {
    display: none;
}
	
	.grid-ed-projekty {
       grid-template-columns: auto auto auto;
}
	.info-zadanie{
		display: none;
	}
	
.grid2{
	
    grid-template-columns: 100%;
	grid-gap:0;
    margin-right:0px;
}	
.grid4{
	
    grid-template-columns: 48% 48%;
	row-gap: 20px;
    column-gap: 4%;
    margin-right:0px;
}
.grid5, .grid6, .grid8{
	
    grid-template-columns: 48% 48%;
	row-gap: 20px;
    column-gap: 4%;
    margin-right:0px;
}
.grid-ed-zadanie-all {
    display: grid;
    grid-template-columns: auto;
}	
	
.grid-dash-zadania{
	grid-template-columns: 100%;
	grid-gap:0;
    margin-right:0px;
}
	
.grid-ed-design {
    grid-template-columns: auto;
}
.ed-grid-design-opis {
    grid-template-columns: auto;
}
.ed-com {
    border-right: none;
	}
.dash-marka {
    max-width: 140px;
	padding-bottom: 0px;
	padding-top: 20px;
}
	.stopka{
		display: none;
	}	
.marka-opis {
    display: none;
}
	.grid-ed-marka{ /* edycja marki */
	display: grid;
    grid-template-columns: 100%;
	grid-row-gap:10px;
	grid-column-gap: 20px;
    padding: 0px;
}
.ed-opis {
    min-height: 40px;
    height: 100px !important;
}
.grid-ed-zadanie, .grid-ed-konto {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 1%;
    padding: 0px;
    margin-bottom: 20px;
    /* height: 106%; */
    padding-bottom: 20px;
}

.ed-tytul,.ed-opis,.ed-opis2,.ed-opis3{
	width: 100%;
	height: calc(100% - 20px);
}

	
	.layer1{
	
	z-index: 1;
	position: fixed;
	top:30px;
	left:30px;


	width: calc(100% - 100px);
	height: calc(100% - 100px);
/*	visibility: hidden;*/
	display:none;
	padding: 20px;
	filter: drop-shadow(0px 0px 50px #0002);
}
	
	.grid-marka-opis {
    margin-left: 0px;
    min-height: 150px;
}
	
	.grid-marka-adres {
		border-left: 2px solid #464748;
	}
	.dodaj_zadanie {
    float: none;
		margin-left: auto;
    margin-right: auto;
	}
	.ed-projekt {
        grid-column-end: span 3;
  /*  border-right: 2px solid #000 !important;
    border-top: 2px solid #000 !important;*/
	}
	.wycofaj {

    bottom: 16px;
}
    /* cursor: url(../_g/cursor-delete2.png), auto; 

    bottom: 0px;*/
	
	.zadania-liczniki {
    /*grid-column-end: span 2;*/
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-right: none !important;
}

	.zadania-data {
	/*	border-right: none !important;*/
    padding-top: 5px !important;
    padding-bottom: 10px !important;
		
	}
	.marka-logo-marka img {
    width: 100%;
    vertical-align: middle;
	}
	.grid-ed-zadanie-opis {
    grid-column-end: span 1 !important;
	}
	.grid-ed-opis, .specka, .grid-ed-zadanie-opis {
		border-right: none;
	}
	.specka {
    border-top: 2px solid #464748;
    border-bottom: 2px solid #464748;
	}
	.grid-ed-prawa{
	   position: relative;
    	top: -10px;
	}
	.grid6{
		margin-bottom: 50px;
	    position: relative;
    top: 20px;
	
	}
	.naglowki{
	margin-top: 10px;
		padding-bottom: 10px;
	}
	.user-opcje {
    border: 2px solid #464748;
	}
}
.more_info{
	position: relative;
	top: 100px;
}





/* ------------------- radio */

h1 {
  color: hsla(215, 5%, 10%, 1);
  margin-bottom: 2rem;
}
section {
  display: flex;
  flex-flow: row wrap;
}
section > div {
  flex: 1;
  padding: 0.5rem;
}
.wybor input[type="radio"] {
  display: none;
  &:not(:disabled) ~ label {
    cursor: pointer;
  }
  &:disabled ~ label {
    color: hsla(150, 5%, 75%, 1);
    border-color: hsla(150, 5%, 75%, 1);
    box-shadow: none;
    cursor: not-allowed;
  }
}



.wybor label {
    min-height: 30px;
    display: block;
    background: white;
    border: 2px solid hsla(150, 75%, 50%, 1);
    border-radius: 0px;
    padding: 7px 10px 20px 10px;
    /* padding: 1rem; */
    margin-bottom: 1rem;
    /* margin: 1rem; */
    text-align: center;
    /* box-shadow: 0px 3px 10px -2px hsl(150deg 5% 65% / 50%); */
    position: relative;
    margin: 0px 0px 10px 0px;
    padding: 5px 0px 6px 0px;
}
.wybor input[type="radio"]:checked + label {
  background: hsla(150, 75%, 50%, 1);
  color: hsla(215, 0%, 100%, 1);
  /*box-shadow: 0px 0px 20px hsla(150, 100%, 50%, 0.75);*/
  &::after {
	  display: none;
    color: hsla(215, 5%, 25%, 1);
    font-family: FontAwesome;
    border: 2px solid hsla(150, 75%, 45%, 1);
    content: "\f00c";
    font-size: 24px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 0;
    background: white;
    /*box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);*/
  }
}
.wybor input[type="radio"]#control_01:checked + label {
  background: red;
  border-color: red;
}
.wybor input[type="radio"]#control_02:checked + label {
  background: orange;
  border-color: orange;
}
.wybor input[type="radio"]#control_03:checked + label {
  background: green;
  border-color: green;
}

.wybor input[type="radio"]#control_01 + label {
 
  border-color: red;
}
.wybor input[type="radio"]#control_02 + label {
  
  border-color: orange;
}
.wybor input[type="radio"]#control_03 + label {
  
  border-color: green;
}


@media only screen and (max-width: 700px) {
  section {
    flex-direction: column;
  }
}







.d_s_a input[type="radio"]:checked + label {
    background: #000;
}
.edck :checked + label {
    background: #000;
}
.ds_1 :checked + label{
	background: #800;
}
.d_s_2 :checked + label{
	background: #880;
}
.d_s_3 :checked + label{
	background: #080;
}

.stopka {
    width: calc(100% - 62px);
    height: 50px;
    background: #fff;
    color: #000;
    padding: 20px 0px 10px 20px;
    position: absolute;
    left: 20px;
    bottom: 0px;
    border: 2px solid #464748;
}






/* CSS */
.button-59 {
  align-items: center;
  background-color: #fff;
  border: 2px solid #464748;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  fill: #000;
  font-family: Inter,sans-serif;
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  letter-spacing: -.8px;
  line-height: 24px;
  min-width: 140px;
  outline: 0;
  padding: 0 17px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
margin-bottom: 20px;
}

.button-59:focus {
  color: #171e29;
}

.button-59:hover {
  border-color: #06f;
	background: #06f;
  color: #fff;
  fill: #06f;
  text-decoration: none;
	
}

.button-59:active {
  border-color: #06f;
  color: #06f;
  fill: #06f;
}
.wybrany {
    padding: 10px 0px 10px 0px;
    background: #ff01;
    font-weight: bold;
}
.wybrany img {
    width: 20px;
    vertical-align: middle;
    position: relative;
    top: -4px;
    margin-right: 3px;
}
@media (min-width: 768px) {
  .button-59 {
    min-width: 170px;
  }
}

.design-autor{padding: 5px 5px 5px 0px;}
.ukryte{
	opacity: 0.5;
}
.hideshow{
	display: inline-block;
}
.portfolio-tools {
    display: inline-block;
    margin-left: 20px;
    padding: 3px 10px 3px 10px;
}


.komunikat {
    margin-top: 0px;
    color: #d24d77;
    margin-bottom: 10px;
}
.formularz input, .formularz select .formularz textarea {
    font-size: 16px;
    letter-spacing: 0.3px;
    border: 1px solid #ccc;
}

.logowanie-pole {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #0005;
    height: 25px;
    padding-left: 5px !important;
    -webkit-appearance: none;
	width: calc(100% - 50px);
}
.pasw-pole {
    width: calc(100% - 80px);
    max-width: 170px;
}
#zaloguj2, #zaloguj {
    border: 1px solid #000f;
    background-color: #000;
    color: #fff;
    height: 40px;
    max-width: 160px;
	 text-align: center;
	cursor: pointer;
}
.gwiazdka{
	font-size: 12px;
	font-style: italic;
}
@media (max-width: 500px) {
.logowanie-pole {
	 width: calc(100% + 10px);
}
.pasw-pole {
	 width: calc(100% - 60px);
    max-width: 120px;
}
}