@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,400&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

html,
body {
  height: 100%;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal; 
  background:#fff; 
  background: var(--background, #F6F6F6);
}
header {
  background:#fff; 
}

h1 {
font-family: "Helvetica Neue";
font-size: 24px;
color: var(--Color, #3E3E3F);
font-style: normal;
font-weight: 500;
line-height: 120%; /* 28.8px */
}

p {
  color: var(--Color-2, #5E5C5A);
font-family: "Helvetica Neue";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
}

div.p {
  color: var(--Color-2, #5E5C5A);
font-family: "Helvetica Neue";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
}

a {
  color: var(--Dark-blue, #3A6994);
  font-family: "Helvetica Neue";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  }
 
.form-signin {
  max-width: 330px;
  padding: 1rem;
}
.bluebgr {
  
color: #234463;
  background:#D6E8F9;
  color:#2A4C6A;
  text-align: center;
  padding-top:10px;
  padding-bottom: 10px;
}
.btn-primary {
border-radius: 30px;
background: var(--Color-3, #DF4939);
color: var(--Gray-White, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
border:1px solid  var(--Color-3, #DF4939);
}

.btn-primary:hover {
  background: #fff;
  color:#3E3E3F;
  border:1px solid  var(--Color-3, #C64E1B);
  cursor: pointer;
}

.btn-showserachbox {
  width:34px;
  height: 26px;
  border-radius: 3.2px;
  border: 1px solid var(--Dark-blue, #3A6994);
  background: #fff url(../img/search3.svg) center center no-repeat;
}
.btn-showserachbox:hover {
  border:1px solid  var(--Color-3, #C64E1B);
  background: #fff url(../img/search3.svg) center center no-repeat;

}
#worth {
  font-weight: bold;
}

.btn-adddoc {
  border-radius: 30px;
  color: var(--Gray-White, #FFF);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  max-width: 214px; 
  line-height: 150%; /* 30px */
background: #DF4939 url(../img/plus.svg) left 20px center no-repeat;
padding-left: 40px;
width:100%;
line-height: 150%; 
text-wrap: nowrap;
border:1px solid  var(--Color-3, #DF4939);
}

.btn-adddoc:hover {
  background: #C64E1B url(../img/plus.svg) left 20px center no-repeat;
  color:#fff;
  border:1px solid  var(--Color-3, #C64E1B);
  cursor: pointer !important;
}

.btn-adddoc.disabled {
  background: rgba(223, 73, 57, 0.65) url(../img/next.svg) left 13px center no-repeat;
color:#fff;
border:2px solid transparent;
}

.btn-adddoc2 {
  border-radius: 30px;
  color: var(--Gray-White, #FFF);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  max-width: 285px; 
  line-height: 150%; /* 30px */
background: #DF4939 url(../img/plus.svg) left 20px center no-repeat;
padding-left: 40px;
width:100%;
line-height: 150%; 
text-wrap: nowrap;
border:1px solid  var(--Color-3, #DF4939);
}

.btn-adddoc2:hover {
  background: #fff url(../img/plus_h.svg) left 20px center no-repeat;
  color:#3E3E3F;
  border:1px solid  var(--Color-3, #DF4939);
  cursor: pointer !important;
}

.opcjainfo {
border-radius: 4px;
padding: 10px 20px;
display: inline-block;
  background: #D6E8F9 url(../img/info.svg) left 20px center no-repeat;
color: #234463;
font-size: 15px;
padding-left: 50px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 24px */
}

.btn-downloadbig {
  border-radius: 30px;
  color: var(--Gray-White, #FFF);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  text-align: left;
  max-width: 225px; 
  line-height: 150%; /* 30px */
background: #DF4939 url(../img/docdownload.svg) left 20px center no-repeat;
padding-left: 50px;
width:100%;
line-height: 150%; 
text-wrap: nowrap;
border:1px solid  var(--Color-3, #DF4939);
} 

.btn-downloadbig:hover {
  background: #fff url(../img/docdownload_h.svg) left 20px center no-repeat;
  color:#3E3E3F;
  border:1px solid  var(--Color-3, #DF4939);
  cursor: pointer !important;
}

.btn-downloadsmall{
  border-radius: 30px;
  color: var(--Color, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 150%; /* 30px */
  background: #DF4939 url(../img/docdownload.svg) left 13px center no-repeat;
padding-left: 40px;
line-height: 150%; 
text-wrap: nowrap;
border: 2px solid #DF4939;
}
 
.btn-downloadsmall:hover {
  background: #C64E1B url(../img/docdownload.svg) left 13px center no-repeat;
  color:#fff;
  border:2px solid  var(--Color-3, #C64E1B);
  cursor: pointer !important;
  
}




.btn-addnewcontact {
  border-radius: 30px;
  color: var(--Gray-White, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 150%; /* 30px */
background: #DF4939 url(../img/plus.svg) left 13px center no-repeat;
padding-left: 37px;
line-height: 150%; 
text-wrap: nowrap;
border:1px solid  var(--Color-3, #DF4939);
}

.btn-addnewcontact:hover {
  background: #C64E1B url(../img/plus.svg) left 13px center no-repeat;
  color:#fff;
  border:1px solid  var(--Color-3, #C64E1B);
  cursor: pointer !important;
}

.btn-kupteraz {

padding: 8px 16px;
 

  border-radius: 30px;
  color: #3E3E3F;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 150%; /* 30px */
background: #fff ;
 
line-height: 120%; /* 30px */
text-wrap: nowrap;
border:1px solid  var(--Color-3, #DF4939);
}

.btn-kupteraz:hover {
  background: #C64E1B ;
  color:#fff;
  border:1px solid  var(--Color-3, #C64E1B);
  cursor: pointer !important;
}


.btn-kupteraz2 {

padding: 8px 16px;
 

  border-radius: 30px;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 150%; /* 30px */
background: #DF4939 ;
 
line-height: 120%; /* 30px */
text-wrap: nowrap;
border:1px solid  var(--Color-3, #DF4939);
}

.btn-kupteraz2:hover {
  background: #C64E1B ;
  color:#fff;
  border:1px solid  var(--Color-3, #C64E1B);
  cursor: pointer !important;
}

.btn-addnewcontact2 {
  border-radius: 30px;
  color: #3E3E3F;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 150%; /* 30px */
background: #fff url(../img/plusgrey.svg) left 13px center no-repeat;
padding-left: 37px;
line-height: 150%; 
text-wrap: nowrap;
border:1px solid  var(--Color-3, #DF4939);
}

.btn-addnewcontact2:hover {
  background: #C64E1B url(../img/pluswhite.svg) left 13px center no-repeat;
  color:#fff;
  border:1px solid  var(--Color-3, #C64E1B);
  cursor: pointer !important;
}


.btn-buysignatures {
  border-radius: 30px;
  color: var(--Gray-White, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 150%; /* 30px */
background: #DF4939 url(../img/kup.svg) left 13px center no-repeat;
padding-left: 37px;
line-height: 150%; 
text-wrap: nowrap;
border:1px solid  var(--Color-3, #DF4939);
}

.btn-buysignatures:hover {
  background: #C64E1B url(../img/kup.svg) left 13px center no-repeat;
  color:#fff;
  border:1px solid  var(--Color-3, #C64E1B);
  cursor: pointer !important;
}


.btn-addnew-big, .btn-save-big {
  border-radius: 30px;
  color: var(--Gray-White, #FFF);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 30px */
  text-align: center;
background: #DF4939 url(../img/plus2.svg) left 18px center no-repeat;
padding-left: 45px;
padding-right: 25px;
text-wrap: nowrap;
border:1px solid  var(--Color-3, #DF4939);
}

.btn-addnew-big:hover,.btn-save-big:hover  {
  background: #C64E1B url(../img/plus2.svg) left 18px center no-repeat;
  color:#fff;
  border:1px solid  var(--Color-3, #C64E1B);
  cursor: pointer !important;
}

.btn-save-big {
background: #DF4939 url(../img/zapisz.svg) left 18px center no-repeat;
}

.btn-save-big:hover  {
  background: #C64E1B url(../img/zapisz.svg) left 18px center no-repeat;
  color:#fff;
}
#mainbg {
  height: 100%;
}
.btn-big {
  border-radius: 30px;
  color: var(--Gray-White, #FFF);
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 30px */
  text-align: center;
background: #DF4939;
padding-left: 25px;
padding-right: 25px;
text-wrap: nowrap;
border:1px solid  var(--Color-3, #DF4939);
}

.btn-big:hover  {
  background: #C64E1B ;
  color:#fff;
  border:1px solid  var(--Color-3, #C64E1B);
  cursor: pointer !important;
}


.btn-cancel {
  border-radius: 30px;
  color: var(--Color, #3E3E3F);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 150%; /* 30px */
background: #fff  url(../img/cancel.svg) left 13px center no-repeat;
padding-left: 40px;
line-height: 150%; 
text-wrap: nowrap;
border: 2px solid var(--Dark-blue, #3A6994);
}

.btn-cancel:hover {
  background: #2A4C6A url(../img/cancel2.svg) left 13px center no-repeat;
  color:#fff;
  border:2px solid  var(--Color-3, #2A4C6A);
  cursor: pointer !important;
}
.btn-cancel.disabled, .btn-cancel:disabled {
  background: #839EC1 url(../img/cancel2.svg) left 13px center no-repeat;
  color:#fff;
  border:2px solid transparent;
  }



.btn-dodajmnie {
  border-radius: 30px;
  color: var(--Color, #3E3E3F);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 150%; /* 30px */
background: #fff url(../img/plusczarny.svg) left 13px center no-repeat;
padding-left: 40px;
line-height: 150%; 
text-wrap: nowrap;
border: 2px solid var(--Dark-blue, #3A6994);
}

.btn-dodajmnie:hover {
  background: #fff url(../img/plusczarny.svg) left 13px center no-repeat;
  color:#3E3E3F;
  border:2px solid  var(--Color-3, #DF4939);
  cursor: pointer !important;
}

.btn-info, .btn-info:focus, .btn-info:active {
  border-radius: 30px;
  color: var(--Color, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 150%; /* 30px */
background: #3A6994;
padding-left: 15px;
line-height: 150%; 
text-wrap: nowrap;
border: 2px solid var(--Dark-blue, #3A6994);
}
.btn-info:hover {
  background: #2A4C6A ;
  color:#fff;
  border:2px solid  var(--Color-3, #2A4C6A);
  cursor: pointer !important;
}


.btn-prev {
  border-radius: 30px;
  color: var(--Color, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 150%; /* 30px */
background: #3A6994 url(../img/prev.svg) left 13px center no-repeat;
padding-left: 40px;
line-height: 150%; 
text-wrap: nowrap;
border: 2px solid var(--Dark-blue, #3A6994);
}

.btn-prev:hover {
  background: #2A4C6A url(../img/prev.svg) left 13px center no-repeat;
  color:#fff;
  border:2px solid  var(--Color-3, #2A4C6A);
  cursor: pointer !important;
}
.btn-prev.disabled, .btn-prev:disabled {
  background: #839EC1  url(../img/prev.svg) left 13px center no-repeat;
  color:#fff;
  border:2px solid transparent;
  }

.btn-next {
  border-radius: 30px;
  color: var(--Color, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 150%; /* 30px */
background: #DF4939 url(../img/next.svg) left 13px center no-repeat;
padding-left: 40px;
line-height: 150%; 
text-wrap: nowrap;
border: 2px solid #DF4939;
}

.btn-next:hover {
  background: #C64E1B url(../img/next.svg) left 13px center no-repeat;
  color:#fff;
  border:2px solid  var(--Color-3, #C64E1B);
  cursor: pointer !important;
  
}
.btn-next.disabled, .btn-next:disabled {
background: rgba(223, 73, 57, 0.65) url(../img/next.svg) left 13px center no-repeat;
color:#fff;
border:2px solid transparent;
}



.btn-next2 {
  border-radius: 30px;
  color: var(--Color, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 150%; /* 30px */
background: #DF4939 url(../img/next.svg) left 13px center no-repeat;
padding-left: 40px;
line-height: 150%; 
text-wrap: nowrap;
border: 2px solid #DF4939;
}

.btn-next2:hover {
  background: #C64E1B url(../img/next.svg) left 13px center no-repeat;
  color:#fff;
  border:2px solid  var(--Color-3, #C64E1B);
  cursor: pointer !important;
  
}
.btn-next2.disabled, .btn-next2:disabled {
background: rgba(223, 73, 57, 0.65) url(../img/next.svg) left 13px center no-repeat;
color:#fff;
border:2px solid transparent;
}
#step-3 .bghalfwhite{
  min-height: 90vh;
}

.btn-deleteaccount {
  border-radius: 30px;
  color: var(--Color, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 150%; /* 30px */
background: #DF4939 url(../img/deletewhite.svg) left 13px center no-repeat;
padding-left: 40px;
line-height: 150%; 
text-wrap: nowrap;
border: 2px solid #DF4939;
}

.btn-deleteaccount:hover {
  background: #3A6994 url(../img/deletewhite.svg) left 13px center no-repeat;
  color:#fff;
  border:2px solid  var(--Color-3, #3A6994);
  cursor: pointer !important;
  
}
.btn-savework {
  border-radius: 30px;
  color: var(--Color, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 150%; /* 30px */
background: #3A6994 url(../img/savework.svg) left 13px center no-repeat;
padding-left: 40px;
line-height: 150%; 
text-wrap: nowrap;
border: 2px solid var(--Dark-blue, #3A6994);
}

.btn-savework:hover {
  background: #2A4C6A url(../img/savework.svg) left 13px center no-repeat;
  color:#fff;
  border:2px solid  var(--Color-3, #2A4C6A);
  cursor: pointer !important;
}

.btn-savework.disabled, .btn-savework:disabled {
  background: #839EC1 url(../img/savework.svg) left 13px center no-repeat;
  color:#fff;
  border: 2px solid transparent;
 
  }
 

.btn-logout {
  border-radius: 30px;
  color: var(--Color, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 150%; /* 30px */
background: #3A6994 url(../img/logout.svg) left 13px center no-repeat;
padding-left: 40px;
line-height: 150%; 
text-wrap: nowrap;
border: 2px solid var(--Dark-blue, #3A6994);
}

.btn-logout:hover {
  background: #2A4C6A url(../img/logout.svg) left 13px center no-repeat;
  color:#fff;
  border:2px solid  var(--Color-3, #2A4C6A);
  cursor: pointer !important;
}

.btn-blueback {
  border-radius: 30px;
  color: var(--Color, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 150%; /* 30px */
background: #3A6994 url(../img/whiteback.svg) left 13px center no-repeat;
padding-left: 40px;
line-height: 150%; 
text-wrap: nowrap;
border: 2px solid var(--Dark-blue, #3A6994);
}

.btn-blueback:hover {
  background: #2A4C6A url(../img/whiteback.svg) left 13px center no-repeat;
  color:#fff;
  border:2px solid  var(--Color-3, #2A4C6A);
  cursor: pointer !important;
}

.btn-dodajnxt {
  border-radius: 30px;
  color: var(--Color, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 150%; /* 30px */
background: #3A6994 url(../img/pluswhite.svg) left 13px center no-repeat;
padding-left: 40px;
line-height: 150%; 
text-wrap: nowrap;
border: 2px solid var(--Dark-blue, #3A6994);
}

.btn-dodajnxt:hover {
  background: #2A4C6A url(../img/pluswhite.svg) left 13px center no-repeat;
  color:#fff;
  border:2px solid  var(--Color-3, #2A4C6A);
  cursor: pointer !important;
}

.btn-docsign {
  border-radius: 30px;
  color: var(--Gray-White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
background: #3A6994 url(../img/docsign.svg) left 12px center no-repeat;
padding-left: 35px;
text-wrap: nowrap;
padding-top:4px;
padding-bottom: 4px;
border:1px solid  var(--Color-3, #839EC1);
}

.btn-docsign:hover {
  background: #2A4C6A url(../img/docsign.svg) left 12px center no-repeat;
  color: var(--Gray-White, #FFF);
  border:1px solid  var(--Color-3, #2A4C6A);
  cursor: pointer !important;
}

.btn-docdownload {
  border-radius: 30px;
  color: var(--Gray-White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
background: #3A6994 url(../img/docdownload.svg) left 12px center no-repeat;
padding-left: 35px;
text-wrap: nowrap;
padding-top:4px;
padding-bottom: 4px;
border:1px solid  var(--Color-3, #839EC1);
}

.btn-docdownload:hover {
  background: #2A4C6A url(../img/docdownload.svg) left 12px center no-repeat;
  color: var(--Gray-White, #FFF);
  border:1px solid  var(--Color-3, #2A4C6A);
  cursor: pointer !important;
}

.btn-docsendagain {
  border-radius: 30px;
  color: var(--Gray-White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
background: #3A6994 url(../img/docsendagain.svg) left 12px center no-repeat;
padding-left: 35px;
text-wrap: nowrap;
padding-top:4px;
padding-bottom: 4px;
border:1px solid  var(--Color-3, #839EC1);
}

.btn-docsendagain:hover {
  background: #2A4C6A url(../img/docsendagain.svg) left 12px center no-repeat;
  color: var(--Gray-White, #FFF);
  border:1px solid  var(--Color-3, #2A4C6A);
  cursor: pointer !important;
}

.btn-docdelete, .btn-docdeleteperm {
  border-radius: 30px;
  color: var(--Gray-White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
background: #3A6994 url(../img/docdelete.svg) left 12px center no-repeat;
padding-left: 35px;
text-wrap: nowrap;
padding-top:4px;
padding-bottom: 4px;
border:1px solid  var(--Color-3, #839EC1);
}

.btn-docdelete:hover, .btn-docdeleteperm:hover {
  background: #2A4C6A url(../img/docdelete.svg) left 12px center no-repeat;
  color: var(--Gray-White, #FFF);
  border:1px solid  var(--Color-3, #2A4C6A);
  cursor: pointer !important;
}
.bghalfwhitecont {
  background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(248, 249, 250,1) 50%);
}


.bghalfwhite {
  background:#fff;
  height:100%;position: relative;
  padding-right: 80px;;  height:150%;
  
} 

.bghalfwhite::before {
  background:#fff;
  content: ' ';
  position:absolute;
left:-70%;
top:0;
display: block;
width:70%;
  height:100%;
}

.docsel {
  margin-right: 1.3em;
 top:-1px;
 position: relative;
  
}
.docselall {
  margin-right: 1.3em;
 top:-1px;
 position: relative;
  
}



.stalabel-yellow {
  border-radius: 10px;
background: #FFEFDB;
color: var(--s-robocze, #9C5A04);
text-align: center;
padding:1px 9px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.stalabel-blue {
  border-radius: 10px;
  background:#DDEBF8;
  color: var(--s-czekajce, #234463);
text-align: center;
padding:1px 9px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.stalabel-red {
  border-radius: 10px;
  background: #FEE2DF;
  color: var(--s-odrzucone, #841B10);
text-align: center;
padding:1px 9px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.stalabel-green {
  border-radius: 10px;
  background: rgba(218, 245, 237, 0.60);
color: var(--s-podpisane, #006536);
text-align: center;
padding:1px 9px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.stalabel-green-trans {
  display: inline;
  color: #198807;
  text-align: right;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.stalabel-red-trans {
  display: inline;
  color: #721c24;
  text-align: right;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.stalabel-green-sub {
  display: inline;
  border-radius: 10px;
  background: rgba(0, 101, 54, 0.20);
  color: var(--s-podpisane, #006536);
text-align: center;
padding:2px 9px;
padding-top:1px;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 24px */
}
.stalabel-green-sub2 {
  display: inline;
  border-radius: 10px;
  background:  url(../img/checkgreen.svg)   left center no-repeat;
  color: var(--s-podpisane, #006536);
text-align: center;
padding:2px 9px;
padding-top:1px;
font-size: 14px;
font-style: normal;
padding-left: 24px;
font-weight: 300;
line-height: 150%; /* 24px */
}


.stalabel-red-sub {
  display: inline;
  border-radius: 10px;
  background: #FEE2DF;
  color: var(--s-odrzucone, #841B10);
text-align: center;
padding:2px 9px;
padding-top:1px;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 24px */
}


.toast-header .btn-close {
opacity: 0.5;;
}
.toast-header .btn-close:hover {
  opacity: 1;
  }

.toast-header {
  border-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.toast {
  z-index: 9999;
}
.toasttop {

  margin-top:120px
}
.toastinfo {
  border-radius: 4px;
  border: 0px solid var(--Components-Toasts-Border, rgba(0, 0, 0, 0.10));
  background: var(--Theme-Info, #0DCAF0);
  
  /* Components/Toasts/Shadow */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
}

.toastsuccess {
  border-radius: 4px;
  border: 0px solid var(--Components-Toasts-Border, rgba(0, 0, 0, 0.10));
background: var(--Theme-Success, #198754);

  
  /* Components/Toasts/Shadow */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
}

.toastdanger {
  border-radius: 4px;
  border: 0px solid var(--Components-Toasts-Border, rgba(0, 0, 0, 0.10));
background: #721c24;

  
  /* Components/Toasts/Shadow */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
}

.toastinfo .toast-body, .toastsuccess .toast-body, .toastdanger .toast-body {
  color: var(--Gray-White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.toastinfo .toast-body {
  color: var(--Gray-White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

#uploadArea.disabled {
  pointer-events: none; 
  opacity: 0.5;         
  background-color: #f0f0f0; 
}

.btn.btndis.disabled, .btn.btndis:disabled, fieldset:disabled .btn.btndis {
  background-color: var(--Ligt-grey, #CED4DA) !important;
  color:#fff !important;
  border:2px solid   var(--Ligt-grey, #CED4DA) !important;
}

.btn-check:checked + .btn,
.btn:first-child:active,
:not(.btn-check) + .btn:active  {
  color: #fff !important; 
  background-color: #2A4C6A !important;
  border-color: #2A4C6A !important;
  box-shadow: none !important;
  outline: none !important;
}

.btn-badge {
  border-radius: 20px;
  border: 1px solid var(--background, #F6F6F6);
  background: var(--White, #FFF);
  color: var(--Color, #3E3E3F);
 
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
text-align: left;
padding-left: 10px;padding-right: 8px;
width:100%; 
max-width: 214px; 
line-height: 150%; 
 margin-bottom: 8px;;
}

.btn-badge:hover {
  background: #fff ;
  color:#3E3E3F;
  border:1px solid  var(--Color-3, #3A6994);
  cursor: pointer;
}

.btn-badge.active {
 /* border:1px solid  var(--Color-3, #3A6994);
  background: var(--Hover, #E9F0F7);*/

  border: 1px solid var(--background, #F6F6F6);
background: var(--Hover, #E9F0F7);
}

.btn-podpisy,.btn-platforma {
  padding: 8px 16px;
justify-content: center;
align-items: center;
border-radius: 30px;
border:1px solid #fff;
background: none;
color: var(--Color, #fff);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 30px */
}

.btn-platforma:hover, .btn-podpisy:hover {
  background: #C64E1B;
  color:#fff; 
  border:1px solid #C64E1B;
}


.btn-platforma.active, .btn-podpisy.active {
  padding: 8px 16px;
justify-content: center;
align-items: center;
border-radius: 30px;
border:1px solid #fff;
background: var(--White, #FFF);
color: var(--Color, #3E3E3F);
font-size: 18px;
font-style: normal;
 
line-height: 120%; /* 30px */
}



.cenniktop {
  background: var(--Color, #3E3E3F);
  min-height: 70px;
    width:100%;
}


@media (min-width: 980px) { 
.cenniktoppt {
  margin-top:70px;
}
.cenniktop {

    position: fixed ;  

}

}


.cenniktop h1 {
  color:#fff !important;
  line-height: 70px;;
}
.btn-myaccount {
  border-radius: 20px;
  border: 1px solid var(--background, #F6F6F6);
  background: var(--White, #FFF);
  color: var(--Color, #3E3E3F);
 
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
text-align: left;
padding-left: 10px;padding-right: 8px;
width:100%; 
max-width: 214px; 
line-height: 150%; 
 margin-bottom: 8px;;
}
 
.btn-myaccount:hover {
  background: #fff ;
  color:#3E3E3F;
  border:1px solid  var(--Color-3, #3A6994);
  cursor: pointer;
}

.btn-myaccount.active {
  border: 1px solid var(--background, #F6F6F6);
  background: var(--Hover, #E9F0F7);
}



.btn-serach {
  border: 1px solid var(--Dark-blue, #3A6994);
  background: #fff url(../img/serach2.svg)   center center no-repeat;
  min-width: 38px;;
}

.btn-serach:hover,.btn-serach:active ,.btn-serach:focus{
  border: 1px solid var(--Color-3, #DF4939);
  background: #fff url(../img/serach2.svg)   center center no-repeat !important;
  min-width: 38px;;
}

.yesnocol {
  padding-left: 30px;
  padding-right: 30px;
}

.yesnocol label {
  padding-top:5px;
  padding-bottom: 5px;
}

.yesnocol label input {
margin-right: 5px;
}

.whitebgr {
  border-radius: 10px;
  background: var(--White, #FFF);
  margin-top:1em;
  padding:20px;
  border:0;
  color: var(--Grey, #5E5C5A);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

#notificationsSection .list-group-item, #consentsSection  .list-group-item{
  border-radius: 10px;
  background: var(--White, #FFF);
  margin-bottom: 13px;
  padding:20px;
  border:0;
  color: var(--Grey, #5E5C5A);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
#notificationsSection .list-group-item strong, #consentsSection .list-group-item strong {
  color: var(--Grey, #5E5C5A);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  display: block;
  margin-bottom: 1em;
}

.badge {
  color: var(--Color-2, #5E5C5A);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  min-width:24px;
  height:24px;
  padding:0;
  position: relative;
  border-radius: 30px;
}

.serachbox {
  max-width: 250px;;
}
.serachboxdocs {
  max-width: 250px;;
}

.serachboxdocs2 {
  max-width: 100%;;
}
.badge-default {
background: #E9ECEB;
}
 
.badge-yellow {
  color: #D27905;
  background: #FFEFDB;
}

.badge-blue {
  color: #3A6994;
  background: #DDEBF8;
}

.badge-red {
  color: #DF4939;
  background: #FEE2DF;
}

.badge-green {
  color: #1B9A72;
  background: #DAF5ED;
}
 
.navbar-toggler {
  border:0;
}
.navbar-toggler-icon {
 
  }
  .navbar-toggler-icon {
     
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  }
  .touchscroll {
    display: flex; 
    flex-wrap: nowrap; 
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch; 
    gap: 10px; 
}
 
.touchscroll::-webkit-scrollbar {
    display: none;
}

.touchscroll .btn {
    white-space: nowrap; 
    flex-shrink: 0; 
}
.todaydate {
  color: var(--Grey, #5E5C5A);
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 19.2px */
}
.serachboxdocscont {
    min-width: 200px; 
    flex-shrink: 0;
}
.mensep {
  padding-left: 0;
  margin-top:4.3em;
  margin-bottom: 0.9em;
  color: #9E9D9C;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 12px */
text-transform: uppercase;
}
.mensep img {
  position: relative;
  top:-2px;;
 margin-right: 8px;;
}

.whiteinfobox {
  background:#fff;
  margin-top:50px;
  margin-bottom: 110px;
}

.icbell {
background-image: url(../img/bell.svg);
background-repeat:no-repeat;
background-position:left 12px center ;
}
.icbook {
  background-image: url(../img/book.svg);
  background-repeat:no-repeat;
  background-position:left 12px center ;
  }


.btn-powiadomienia {
  border-radius: 30px;
  background-color:#839EC1;
  border: 1px solid var(--Dark-blue, #839EC1);
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 21px */
  padding:4px 12px;
  padding-left: 38px;
}
.btn-powiadomienia.active, .btn-powiadomienia:hover, .btn-powiadomienia:active,  .btn-powiadomienia:focus {
  background-color:#486992 !important;
  color:#fff!important;
  border: 1px solid var(--Dark-blue, #486992)!important;
}

.cennikplat1 {
  background:#FBFCFC;   border-radius: 0px 0px 15px 15px;
 margin-bottom: 1em;
}
.bgwhite {
  background:#fff;
}
.headercennikplat1 {
  text-align: center;
  padding:20px 10px;
  color: var(--Dark-black, #3E3E3F);
text-align: center;
  font-family: "Lato", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 800; 
line-height: normal;
letter-spacing: 1.68px;
 
  border-radius: 15px 15px 0px 0px;
  background: #E8F1F2;
}
.cennikplat2 {
  background:#FBFBFB;
   border-radius: 0px 0px 15px 15px;
   margin-bottom: 1em;
}
 
.cennikplat3 {
  background:#FCFBFB;
   border-radius: 0px 0px 15px 15px;
   margin-bottom: 1em;
}
.form-check-input {
  border-color: #3A6994 !important; 
}
 
.headercennikplat2 {
  border-radius: 15px 15px 0px 0px;
  background: #E8EBF1;
    text-align: center;
  padding:20px 10px;
  color: var(--Dark-black, #3E3E3F);
text-align: center;
  font-family: "Lato", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 800; 
line-height: normal;
letter-spacing: 1.68px;
 
  border-radius: 15px 15px 0px 0px;
}


.headercennikplat3 {
  border-radius: 15px 15px 0px 0px;
  background: #F6F1F2;
    text-align: center;
  padding:20px 10px;
  color: var(--Dark-black, #3E3E3F);
text-align: center;
  font-family: "Lato", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 800; 
line-height: normal;
letter-spacing: 1.68px;
 
  border-radius: 15px 15px 0px 0px;
}

.headercennikplat3plakt {
  background:#C19BA3;
  color:#fff;
  text-align: center;
color: var(--White, #FFF);
text-align: center;
 font-size: 16px;
font-style: normal;
font-weight: 400;
padding:4px 10px;
line-height: 150%; /* 24px */
}

.headercennikplat3plakt2 {
  background:#FBFCFC;  
}

.headercennikplat3plakt3 {
background: #6B989C;
color: var(--background, #F6F6F6);
text-align: center;
 
font-size: 14px;
font-style: normal;
font-weight: 700;
padding:5px 10px;
}




.headercennikplat4 {
  border-radius: 15px 15px 0px 0px;
  background: #F1F1F8;
    text-align: center;
  padding:20px 10px;
  color: var(--Dark-black, #3E3E3F);
text-align: center;
  font-family: "Lato", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 800; 
line-height: normal;
letter-spacing: 1.68px;
 
  border-radius: 15px 15px 0px 0px;
}

.headercennikplat4plakt {
  background:#B7B8DC;
  color:#fff;
  text-align: center;
color: var(--White, #FFF);
text-align: center;
 font-size: 16px;
font-style: normal;
font-weight: 400;
padding:4px 10px;
line-height: 150%; /* 24px */
}

.headercennikplat4plakt2 {
  background:#FBFCFC;  
}

.headercennikplat4plakt3 {
background: #6B989C;
color: var(--background, #F6F6F6);
text-align: center;
 
font-size: 14px;
font-style: normal;
font-weight: 700;
padding:5px 10px;
}


.quantityinput {
  width:90px;
  padding-top:7px;
  padding-bottom: 7px;
}
.quantityinputsends {
  width:90px;
  padding-top:7px;
  padding-bottom: 7px;
}
.btn-plan {
  border-radius: 30px;
  background-color:#fff;
  border: 1px solid var(--Dark-blue, #3E3E3F);
  color: #3E3E3F;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  padding:4px 12px;
  
}
.btn-plan.active {
  background-color:#3E3E3F !important;
  color:#fff!important;
  border: 1px solid var(--Dark-blue, #3E3E3F)!important;
}

 .btn-plan:hover, .btn-plan:active,  .btn-plan:focus {
  background: #C64E1B;
  color:#fff; 
  border:1px solid #C64E1B;
}#pakietyqes {
  display: none;;
}

.cennikplat1 p, .cennikplat2 p, .cennikplat3 p {
color: var(--Grey, #5E5C5A);
text-align: center;
 padding-left:10px;
 padding-right: 10px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}

.cenaplat1, .cenaplat2, .cenaplat3, .cenaplat4, .cenaplat5 , .cenaplat6, .cenaplat7 {
  color: var(--Color, #3E3E3F);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
}
.cenaplat3 {
  font-size: 14px;
  font-weight: 500;
}
.cenaplat5 {
  font-size: 14px;
  font-weight: 500;
}

.cenaplat7 {
  font-size: 14px;
  font-weight: 500;
}

.disabled-block {
  z-index: 0;
  pointer-events: none;       
  opacity: 0.8;              
  filter: grayscale(100%)  /*blur(0.5px);   */
}
.cennikplat1 span, .cennikplat2 span, .cennikplat3 span {
color: var(--Grey, #5E5C5A);
text-align: center;
width: 100%;
display: block;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
}

.aktualnyplan {
  background: #6B989C;
  color: var(--background, #F6F6F6);
text-align: center;
 
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
}

.hrcen {
   height: 1px;
    color: #CED4DA;
    background: #CED4DA;
    font-size: 0;
    border: 0;
}
.cennagl {
color: var(--Grey, #5E5C5A);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.6px;
text-transform: uppercase;
margin-bottom: 1em;
}


.check-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.check-list li {
  display: flex;
    background: url(../img/check2.svg) top 3px left no-repeat;
  align-items: center;
  padding-left: 30px;
  margin-bottom: 14px;
  font-size: 16px;
  color: var(--Grey, #5E5C5A);
 
font-style: normal;
font-weight: 400;
line-height: 21px;
}


.check-list2 {
  list-style: none;
  padding: 0;
  margin: 0;  
  text-align: center; 
 
}

.check-list2 li {
  display: inline-flex; 
 flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(../img/check2.svg) no-repeat left top 3px; 
  background-size: 20px 20px; 
  padding-left: 30px; 
  margin-bottom: 14px;
  font-size: 16px;
  color: var(--Grey, #5E5C5A);
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.btn-secondary {
  border-radius: 30px;
  background:none;
  border: 2px solid var(--Dark-blue, #3A6994);
  color:#3e3e3F; 
  padding-left:30px;
  padding-right: 30px;
}

.btnsradio .btn-secondary {
  padding-left:15px;
  padding-right: 15px;
}

.btn-user {
  border:0;
  background:none;
  color: var(--Color, #3E3E3F);
font-family: "Helvetica Neue";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
text-align: left;
 padding-right: 30px;
 position: relative;
}

.btn-user.dropdown-toggle::after {
  right:0;position: absolute;
 
vertical-align: 1.255em;
border-top: 0.5em solid;
border-color: var(--Color, #3E3E3F);
border-right: .5em solid transparent;
border-bottom: 0;
border-left: .5em solid transparent;
}
.flex-fixed-width-item {
  flex: 0 0 315px;
}

.navbar-brand {
  
}

.sidebar {
  background: var(--White, #FFF);
 
 
padding-right: 20px;
padding-bottom: 30px;
}
 

@media (min-width: 980px) and (max-width: 1199.98px) { 
  .sidebar {
  min-width: auto;;
  padding-right: 5px;
}

 
}

.mlmw {
  max-width: 250px;
}
.form-signin .form-floating:focus-within {
  z-index: 2;
}

.mmenu {
color: var(--Color, #3E3E3F);
font-family: "Helvetica Neue";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
border-bottom:3px solid #fff;
text-align: center;
padding-left: 15px !important;
padding-right: 15px !important;
text-decoration: none;
padding-bottom: 13px;
margin-right: 5px;;
 
}

.mmenu.mmenured {
  color: var(--Color-3, #DF4939);
}

.mainbg {
  background: var(--background, #F6F6F6);
 
}

.mainbgwithnavbarbot {
  height: calc(100vh - 100px) !important;
  
}
.mmenu.active, .mmenu:hover {
  border-bottom:3px solid #3E3E3F;
}

.form-label {
  padding-top:5px;
}


.form-check-label {
  color: var(--Color, #3E3E3F);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 150% */
padding-top:4px; max-width: 100%;
}

.form-check-label a {
  color: var(--Dark-blue, #3A6994);
 
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}
.form-signin input[type="email"] {
  margin-bottom: 10px;
  border-radius: 4px;
 
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-radius: 4px;
}
.form-signin input[type="text"] {
  margin-bottom: 10px;
  border-radius: 4px;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}


 ::-webkit-input-placeholder:not(.form-floating) { 
  color: #BABABA !important;
}

::-moz-placeholder:not(.form-floating) {  
  color: #BABABA!important;
}

 :-ms-input-placeholder:not(.form-floating) {  
  color: #BABABA!important;
}

:-moz-placeholder:not(.form-floating) {  
  color: #BABABA!important;
}
.full-height-row {
  min-height: 100vh;
  display: flex;
}
 
.full-height-row > div {
  display: flex;
  flex-direction: column;
}
.signinbg {
  background: url(../img/intro.jpg) center right no-repeat;
  background-size: cover;
  min-height: 100vh; 
 
 
}

.personic {
  background: url(../img/person-fill.svg) left center no-repeat;
width:32px;
height: 12px;
display: inline-block ;
}
.person3 {
  background: url(../img/person3.svg) left center no-repeat;
  padding-left: 25px;
}
.btn-showdoc {
  background: #fff url(../img/showic.svg) center center no-repeat;
  height:34px;
  width:34px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 1px solid var(--Ligt-grey, #CED4DA);
  margin-left:5px;
  margin-right:5px;
}
 
.btn-showdoc:hover {
  border: 1px solid var(--Ligt-grey, #CED4DA);
  background: var(--Hover, #E9F0F7) url(../img/showic.svg) center center no-repeat;
}
.btn-downloadic {
  background: #fff url(../img/downloadic.svg) center center no-repeat;
  height:34px;
  width:34px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 1px solid var(--Ligt-grey, #CED4DA);
  margin-left:5px;
  margin-right:5px;
}
 
.btn-downloadic:hover {
  border: 1px solid var(--Ligt-grey, #CED4DA);
  background: var(--Hover, #E9F0F7) url(../img/downloadic.svg) center center no-repeat;
}

.btn-edit {
  background: #fff url(../img/edit.svg) center center no-repeat;
  height:34px;
  width:34px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 1px solid var(--Ligt-grey, #CED4DA);
  margin-left:5px;
  margin-right:5px;
}
 
.btn-edit:hover {
  border: 1px solid var(--Ligt-grey, #CED4DA);
  background: var(--Hover, #E9F0F7) url(../img/edit.svg) center center no-repeat;
}

.btn-delete {
  background: #fff url(../img/trash.svg) center center no-repeat;
  height:34px;
  width:34px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 1px solid var(--Ligt-grey, #CED4DA);  margin-left:3px;
  margin-left:5px;
  margin-right:5px;
}
 
.btn-delete:hover {
  border: 1px solid var(--Ligt-grey, #CED4DA);
  background: var(--Hover, #E9F0F7) url(../img/trash.svg) center center no-repeat;
}


.btn-add-ic {
  border-radius: 30px;
  color: var(--Color, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  line-height: 100%; /* 30px */
background: #3A6994 url(../img/pluswhite.svg) left 7px center no-repeat;
padding-left: 30px;
line-height: 150%; 
text-wrap: nowrap;
border: 1px solid var(--Dark-blue, #3A6994);
}

.btn-add-ic:hover {
  background: #2A4C6A url(../img/pluswhite.svg) left 7px center no-repeat;
  color:#fff;
  border:1px solid  var(--Color-3, #2A4C6A);
  cursor: pointer !important;
}



.btn-del-ic {
  background: #fff  url(../img/trash3-2.svg) center center no-repeat;
  height:34px;
  width:34px;

  justify-content: center;
  align-items: center;
  border-radius: 30px;
border: 1px solid #CED4DA;
  margin-left:5px;
  margin-right:5px;
}
 
.btn-del-ic:hover {

  background: var(--Hover, #E9F0F7) url(../img/trash3-2.svg) center center no-repeat;
}

.deletebtn {
  display: none;;
}
.deletebtn span {
  color: var(--Grey, #5E5C5A);
 
font-size: 16px;
font-style: normal;
font-weight: 400;
}
.contact-list {
  border-radius: 10px;
  background: var(--White, #FFF);
  margin-bottom: 1em;
  padding:1.5em 1.1em;
  border:1px solid #fff;
  color: var(--Grey, #5E5C5A);
font-size: 16px;
font-style: normal;
font-weight: 400;

  }
  .contact-list {
    line-height: 34px
  }

  .contact-list a {

    color: var(--Grey, #5E5C5A);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px
    } 

    .contact-list:hover {
      border:1px solid #3A6994;
    }

  .contact-list.contpodpisany {
  border: 1px solid var(--Ligt-grey, #E9F4E7);  
  background: #D5EAD1 !important;
}
 
.crp {
  cursor: pointer;
}
    #addnextcontact  #contact-list-cont {
      overflow-y: scroll;
  max-height: 370px;
  padding:0 1em  !important
    }
    #addnextcontact .contact-list {
      border-radius: 10px;
      background: #F7F8F9;
      margin-bottom: 1em;
      padding:1em 1.1em;
      color: var(--Grey, #5E5C5A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    
      }
      #addnextcontact .contact-list {
        line-height: 34px
      }
    
      #addnextcontact .contact-list a {
    
        color: var(--Grey, #5E5C5A);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 34px
        }

        

    .documentsset-list {
      border-radius: 10px;
      background: var(--White, #FFF);
      margin-bottom: 0.5em;
      padding:1em 1.1em;
      color: var(--Grey, #5E5C5A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    border:1px solid #FFF;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
      }
      .documentsset-list.selected {
background:#E9F0F7;   border:1px solid #E9F0F7;
      }
      
      .documentsset-list:hover {
       border:1px solid #3A6994;
      }

      .documentsset-list.highlight {
        border-color: #DF4939;
        transition: border-color 0.5s ease;
      }


      .documentsset-list {
        line-height: 34px
      }
    
      .documentsset-list a {
    
        color: var(--Grey, #5E5C5A);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
 
        }


        .documentsset-list-header {
          border-radius: 10px;
          background:  none;
          margin-bottom: 0.5em;
          padding:0.5em 1.1em;
          color: var(--Grey, #5E5C5A);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        border:0;
        -webkit-transition: all ease-in-out .15s;
        -o-transition: all ease-in-out .15s;
        transition: all ease-in-out .15s;
          }
          
          .documentsset-list-header {
            line-height: 17px
          }
        
          .documentsset-list-header a {
        
            color: var(--Grey, #5E5C5A);
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
     
            }
    .modal-content {
      color: #5E5C5A;
      background: #FFF;
      border: 0;
      border-radius:0;
      outline: 0;
      }
      .modal {
       padding:2em;
      }
      .modal-header {
        border:0;
        padding:2em;
        padding-bottom: 0.5em;
      }

.btn-close {
--bs-btn-close-opacity: 0.8;
--bs-btn-close-hover-opacity: 0.55;
}

.modal-title {
color: var(--Grey, #5E5C5A);
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 400;
padding-bottom: 40px;
line-height: 120%; /* 28.8px */
}
.modal-header {
  padding-bottom: 20px;
}


.steps-indicator {
  border: 1px solid var(--Ligt-grey, #CED4DA);
  background:#fff;
}


.step-list {
  margin-bottom: 0;
  list-style-type: none;
}

.step-list .step-item {
  color: var(--Color-2, #5E5C5A);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

.step-item.active {
  color: var(--Color, #3E3E3F);
  font-weight: 700;
}

 .magt70 {
  margin-top:40px;
 }

.roundbadge {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 30px;
  background: var(--Ligt-grey, #CED4DA);
  width:30px;
  height: 30px;;
  color: var(--Grey_light, #F8F9FA);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
margin-right: 7px;;
}

.step-item.active .roundbadge {
  background: var(--Color-3, #DF4939) !important;
}

.step-item.done .roundbadge {
  background: #3A6994;
}



h2.grey {
  color: var(--Grey, #5E5C5A);
text-align: center;
 
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 28.8px */
}

.grey2 {
  color: var(--Body-Text-Body-Color, #212529);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.grey3 {
  color: var(--Gray-600, #6C757D);
  text-align: center;
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
}
.greybox {
  border-radius: 2px;
border: 1px solid var(--Gray-500, #ADB5BD);
background: var(--Grey_light, #F8F9FA);
}

.mt125 {
  margin-top:25px
}
.mt80 {
  margin-top:80px
}

.navbarbottom {
  border-top: 1px solid var(--Ligt-grey, #CED4DA);
background: var(--White, #FFF);
padding-top:17px;
padding-bottom: 17px;
}


.progressBar {
  width: 200px;
  height: 22px;
  border: 1px solid #ddd;
  border-radius: 5px; 
  overflow: hidden;
  display:inline-block;
  margin:0px 10px 5px 5px;
  vertical-align:top; 
}

.progressBar div {
  height: 100%;
  color: #fff;
  text-align: right;
  line-height: 22px; /* same as #progressBar height if we want text middle aligned */
  width: 0;
  background-color: #0ba1b5; border-radius: 3px; 
}
.statusbar
{
  position: relative;
  border-radius: 10px;
  background: #F2F4F6;
  min-height:25px;
  width:100%;
  padding:20px 20px 20px 20px;
  vertical-align:middle;
 margin-bottom: 1em;;
}

.filename
{
  background:  url(../img/pdf-small.svg) left center no-repeat;
  vertical-align:middle;
  color: var(--Grey, #5E5C5A);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  padding-left: 43px;
  line-height: 150%; /* 24px */
display:inline-block;
vertical-align:middle;
word-break: break-all;
max-width:90%;


}
.starfill
{ 
  background:  url(../img/star-fill.svg) left center no-repeat;
  vertical-align:middle;
  color: var(--Grey, #5E5C5A);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  padding-left: 30px;
  line-height: 150%; /* 24px */
 text-decoration: none;
vertical-align:middle;
 
}

.filenamedoclist a
{
  word-break: break-all;
  background:  url(../img/pdf-small.svg) left center no-repeat;
  vertical-align:middle;
  color: var(--Grey, #5E5C5A);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  padding-left: 35px; display: block;
  line-height: 150%; /* 24px */
 text-decoration: none; 
 
 vertical-align:middle;
 
}
.filenamedoclist a:hover {

}
.deletefil{
  width:30px;
  height: 30px;;
  background:  url(../img/trash.svg) center center no-repeat;
  font-size:13px;font-weight:normal;
  padding:4px 15px;
  cursor:pointer;
  vertical-align:middle;
 margin-top:auto;
 position: absolute;
    right: 20px; 
    top: 50%; 
    transform: translateY(-50%); 
  }
  .deletefil:hover{
opacity: 0.7;;
  }
.abort{
  background-color:#A8352F;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;display:inline-block;
  color:#fff;
  font-family:arial;font-size:13px;font-weight:normal;
  padding:4px 15px;
  cursor:pointer;
  vertical-align:top
  }
 
  .pdfobject-container { height: 572px;   width:100%; border-radius: 4px;
    background: #FFF;  overflow-y: hidden !important;
    overflow-x: hidden!important;  background:#fff;}

 #pdfview   iframe {
      overflow-y: hidden !important;
      overflow-x: hidden!important;
      background:#fff;
    }
    #pdfview  {
      margin-bottom: 15px;
    }
.padbot100 {
  padding-bottom: 75px;
}
 
.marginbottom100 {
  margin-bottom: 100px;
}

.pdf-controls-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.page-info {
  
}

.nav-buttons button {
  
}
 
h3 {
color: var(--Color, #3E3E3F);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 24px */
}

#pdfview {
  overflow-y: hidden !important;
  overflow-x: hidden!important;

}
 
.docselect {
  color: var(--Grey, #5E5C5A);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
padding-top:20px;
padding-bottom: 20px;  
border:0;
/*background: #fff url(../img/pdf-small.svg) left 20px center no-repeat;*/
}

.signer {
  border-radius: 10px;
background: var(--White, #FFF);
}
.signer2 {
  border-radius: 10px;
  border: 1px solid var(--Ligt-grey, #CED4DA);  
background: var(--White, #FFF);
padding:1rem;
padding-top: 1.3rem!important;
padding-bottom: 1.3rem!important;
}

.contpodpisany {
  border: 1px solid var(--Ligt-grey, #E9F4E7);  
  background: #D5EAD1;
}
 
.contodrzucony {
  border: 1px solid #FEE2DF;  
  background: #FEE2DF;
}

.badgepodpis {
background: #198754 url(../img/podpisany.svg) left 8px center no-repeat;
border-radius: 10px;
color: var(--Theme-Light, #F8F9FA);
padding:4px 8px;
padding-left:30px;
font-size: 14px;
font-style: normal;
margin-top:4px;
text-transform: lowercase;;
font-weight: 400;
line-height: 150%; /* 21px */
}

.badgeoczekujacy {
 background: #DDEBF8 url(../img/clock-history.svg) left 8px center no-repeat;
  border-radius: 10px;
  color: var(--s-czekajce, #234463);
  padding:4px 8px;
  padding-left:30px;
  font-size: 14px;
  font-style: normal;
  margin-top:4px;
  text-transform: lowercase;;
  font-weight: 400;
  line-height: 150%; /* 21px */
  }

  
.s-name {
  color: var(--Gray-600, #6C757D);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  margin-bottom: 0.5em;
}

.odrzucenietxt {
  color: var(--Gray-600, #6C757D);
}

.badgepodpisodrzucony {
   background: #841B10 url(../img/odrzucony.svg) left 8px center no-repeat;
  border-radius: 10px;
  color: var(--Theme-Light, #F8F9FA);
  padding:4px 8px;
 background-size:12px;
  padding-left:30px;
  font-size: 14px;
  font-style: normal;
  margin-top:4px;
  text-transform: lowercase;;
  font-weight: 400;
  line-height: 150%; /* 21px */
  }
.s-email a {
  color: var(--Gray-600, #6C757D);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  text-decoration: none;
}

.s-email2 a {
  color: var(--Gray-600, #6C757D);
 
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */  text-decoration: none;
}
.s-radio {
color: var(--Color-2, #5E5C5A);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
text-align: left;
}

.form-check-input:checked {
  background-color: #3A6994;
  border-color: #3A6994;
  }

.podglad {

}
  
.info-circle-fill {
  display: inline-block;
  width:15px;
  margin-left:8px;
  height: 14px;
  background: url(../img/info-circle-fill.svg) center center no-repeat;

}
.reddot {
  color:red;
}
.overlay-blur-pro {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3); /* białe półprzezroczyste tło */
  backdrop-filter: blur(1px); /* rozmycie tła */
  -webkit-backdrop-filter: blur(1px); /* dla Safari */
  z-index: 10; /* upewnij się, że nakładka jest nad treścią */
}
.person-small {
  display: block;
  width:18px;
  height: 18px;;
  background:  url(../img/person-small.svg) center center no-repeat;
}

.custom-tooltip .tooltip-inner {
  background-color: #3E3E3F; /* Twój wybrany kolor */
  color: #fff; /* Opcjonalnie zmień kolor tekstu */
  color: var(--Gray-White, #FFF);
 text-align: left;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
} 

.step-content .form-check-label {
  color: var(--Color, #5E5C5A);
font-size: 16px;
font-style: normal;
font-weight: 400;
padding-top:0;
line-height: 150%; /* 24px */
}
.dropdowndocks {
color: var(--Color, #3E3E3F);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
#dpdockdrop {
  background: #F6F6F6;
  border:0;
  border-radius:0;
  padding:15px;
  padding-left: 0;
  max-width: 245px;;
 }



 #dpdockdrop::before {
  content: ' ';
  position:absolute;
  background: #F6F6F6;
  width:15px;
  height: 100%;
  left:-15px; 
 }
 #dpdockmenucont {
  display: none;
}
#dpdockmenu {
  position:relative;
  margin-right: 40px;;
}
 #dpdockmenu::after {
  background:  url(../img/chevron-down.svg) center center no-repeat;
  content: ' ';
  position:absolute;
  display: inline-block;
  width:40px;
  height:25px;
  right:-40px; overflow: hidden ; 
  white-space: nowrap;
}
.podglad {
  position: relative;
border-radius: 10px;
border: 1px solid #D9D9D9;
background: var(--White, #FFF);
padding:1.3em;
color: var(--Color-2, #5E5C5A);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
}

.basketrow {
  color: var(--Grey, #5E5C5A);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.basketrowwhite {
  border-radius: 10px;
  margin-top:0.8rem;
background: var(--White, #FFF);
 padding-top:0.8rem;
 padding-bottom: 0.8rem;
 
}
.basketrowwhite p {
  color: var(--Grey, #5E5C5A);
 
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
  margin-bottom: 0;
}

.btn-docsign:disabled, .btn-docdownload:disabled, .btn-docsendagain:disabled, .btn-docdelete:disabled, .btn-docdeleteperm:disabled {
  background-color:#839EC1; /*839EC1*/    
  color:#fff;
  border:1px solid  var(--Color-3, #E9F0F7);
  opacity: 1;
  }

  #addcontact {
    z-index: 1056; /* Higher than the default modal z-index (1055) */
}

#addcontact .modal-backdrop {
    z-index: 1055; /* Ensure backdrop stays behind the second modal */
}

.navbarbottom {
 
}

.pdfobject-container, .pdfobject {
  z-index: 1 !important;
  position: relative;
}

@media (min-width:1400px) AND (max-width:1620px) {
   
  .sidebar {
    min-width: auto;;
    padding-right: 5px;
    padding-left: 2rem!important;
  }
 
 
}
 

 

/*mobile*/
@media (max-width:980px) {

 
  .bghalfwhite {
  background:#fff;
  height:100%;position: relative;
  padding-right: 15px;;  
  
} 

#step-3 .bghalfwhite {
  min-height: 100%;
}

 .step-list .step-item {
text-align: center;
  font-size: 12px;
 
}
.step-list {
  padding-left: 5px;
}

.step-item .roundbadge {
display: block;
margin-left: auto;
margin-right: auto;
}
.step-item.active {
  color: var(--Color, #3E3E3F);
  font-weight: 700;
}

.toasttop {
  margin-top:inherit
}

.navbarbottom .btn {
  text-indent: -9999px; 
  overflow: hidden; 
  white-space: nowrap;
  padding-left: 28px;
}

}


@media (min-width:576px) {


.modal-dialog {
  max-width: 670px;
  margin-right: auto;
  margin-left: auto;

  }

  #addnextcontact .modal-dialog {
    max-width: 1400px;
    height: 500px; 
    max-height: 500px; 
  }
     
  #addnextcontact .modal-dialog  .modal-content {
    height: 100%; 
}

/*
#editcontact .modal-dialog {
  max-width: 670px;
  height: 500px;
  max-height: 500px;
  }
*/
  
  .modal-body {
    padding:10px 120px 60px 120px;
  }

   
}


@media (max-width:768px) {
.check-list2 {
 
  padding-left:0px;
  padding-right: 0px;;
}
  .yesnocol {
    min-width: 70px;
    padding-left: 10px;
    padding-right: 0px;
  }
  
  .mmenu { 
    margin-left:auto !important
  }


.whiteinfobox {
  background:#fff;
  margin-top:50px;
  margin-bottom: 50px;
}
}


@media (max-width:600px) {

  .navbar-brand {
   
    min-width: 150px;
  }

  .mmenu {    
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-right: 3px;;
     margin-top:5px;
    }
 
    .mmenu {
      padding-bottom: 5px;       
      }

}

@media (max-width:460px) {
.pokaz {
  display: none;
}
.dodaktmenu {
  display: none !important;
}
 
}