.grid-r {display:grid;justify-content: right;align-items: center}
.grid-l {display:grid;justify-content: left;align-items: center}
.grid-c {display:grid;justify-content: center;align-items: center}
.grid-m {display:grid;align-content:center}
.grid-2 {display:grid;grid-template-columns: 1fr 1fr; justify-content: flex-start;align-items: flex-start}
.grid-nav {display:grid;grid-template-columns: 20% 80%; align-items: flex-start; justify-content: space-around}
.grid-gap-1 {grid-gap:10px}
.grid-gap-2 {grid-gap:20px}
.grid-gap-3 {grid-gap:30px}
.flex {display:flex}
.grid {display:grid}
.bb {border-bottom:1px solid var(--grey);}
.bbo {border-bottom:1px solid var(--orange);}
.bt {border-top:1px solid var(--grey);} 
.br {border-right:1px solid var(--grey);} 
.mb-1 {margin-bottom:1rem}
.ml-1 {margin-left:1rem !important}
.ml-2 {margin-left:2rem}
.mb-2 {margin-bottom:2rem}
.mr-2 {margin-right:2rem}
.mr-1 {margin-right:1rem}
.mb-3 {margin-bottom:3rem}
.mb-4 {margin-bottom:4rem}
.mb-5 {margin-bottom:5rem}
.mt-0 {margin-top:0rem !important}
.mt-1 {margin-top:1rem}
.mt-2 {margin-top:2rem}
.mt-3 {margin-top:3rem}
.mt-4 {margin-top:4rem}
.mt-5 {margin-top:5rem}
.pb-1 {padding-bottom:1rem}
.pb-2 {padding-bottom:2rem}
.pt-1 {padding-top:1rem}
.pl-1 {padding-left:1rem}
.pl-2 {padding-left:2rem}
.pt-2 {padding-top:2rem}
.pr-1 {padding-right:1rem}
.pr-2 {padding-right:2rem}
.p1 {padding:1rem;}
.p2 {padding:2rem;}
.small-text {font-size: 0.8rem;color: var(--dark-grey);}
.disabled {background-color:grey !important}
.text-bold {font-weight:bold}
.dark-grey-box {background-color:var(--grey); color:white;border-radius:10px; padding:20px; }
.hide {display:none}
.hide-f {display:none !important}
.text-center {text-align: center}
.text-left {text-align: left}
.text-right {text-align: right}
.pr {position: relative}
.oh {overflow: hidden}
.lh-2 {line-height:200%}
.w100 {width:100% !important} /* NEW */
.w50 {width:50% } /* NEW */
.w60 {width:60% } /* NEW */
.w70 {width:70% } /* NEW */
.db {display:block}
.dib {display:inline-block}
.btn-container-right {position: relative;text-align:right }
.text-medium {font-size:0.8rem}   /* NEW */
.ar {position:relative; margin-right:0;margin-left:auto} /*  NEW  */
.al {position:relative; text-align: left} /*  NEW  */
.link-text {text-decoration:none;font-size:0.8rem;color:var(--green);font-weight: bold}
.link-text:hover {color:var(--dark-grey);text-decoration:underline;}
.auto-rows {grid-auto-rows: 1fr;align-items: unset}
.h100 {height:100%;}
.grid-cb {display:grid; grid-template-columns: 20% 80%; justify-content: center;align-items: center}
.disabledBtn {background-color:grey !important}
.text-info {font-size:0.8rem;color:var(--grey)}
.margin-auto {margin:0 auto}
.showMob {display:none}	


input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;  margin: 0;}
input[type=number] {  -moz-appearance: textfield;}
.modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:9;}
.close-button {position:absolute;right:0;margin:20px;width: 1.5rem;line-height: 1.5rem;text-align: center;cursor: pointer;border-radius: 0.25rem;background-color: #cecece;z-index:10;top:0}
.close-button:hover {background-color: darkgray;}
.show-modal {opacity: 1;visibility: visible;transform: scale(1.0);transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;z-index:999}
.modal-content {width:30%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: white;border-radius: 0.5rem;display:block;}
.modal-text   {text-align:center;background-color:white;border-radius: 0.5rem;}
.modal-text .text  {text-align:center;padding:10px;color:black}
.modal-text .title {font-size:2rem; font-weight: 700;padding:10px;color:black}
.modal input {width:80%; display:block; border:1px solid #cecece; padding:5px; margin:30px 0}
.modal .msg-modal {text-align: left; padding:50px 20px 20px 20px;}
.modal .msg-modal .temat_wiadomosci {margin-bottom:20px}
.modal .info {background-color:#B5F8BE;color:black;padding:5px;display: block;margin-bottom:20px}
.modal .tc {margin-bottom:30px}

@media screen and  (max-width : 720px) {
	.showMob {display:block}	
}