:root{
	--margin-30: 30px;
	--margin-40: 40px;
	--margin-60: 60px;
	
	--horiz-50: 50px;
	--horiz-60: 60px;
	
	--color-blue: #219bd8;
	--color-grey: #94b1c1;
	--color-lgrey: #cfdee6;
	--color-llgrey: #e7eef2;
	
	--font-30: 30px;
	
	--logo: 200px;
	
	--radius: 50px;
	
	@media only screen and (max-width: 640px){
		--horiz-50: 40px;
		--horiz-60: 40px;
	}
	
	@media only screen and (max-width: 440px){
		--margin-30: 20px;
		--margin-40: 30px;
		--margin-60: 30px;
	
		--horiz-50: 20px;
		--horiz-60: 20px;
		
		--font-30: 26px;
		
		--logo: 160px;
		
		--radius: 20px;
	}
}

body{overflow-y:auto;}

.hid{display:none;}
.hic{position:absolute;height:1px;width:1px;border:0;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);}

span.svg{display:inline-block;display:inline-flex;position:relative;height:1em;width:1em;align-self:center;}
span.svg svg{position:relative;top:0.125em;height:1em;width:1em;}
svg:not(:root){overflow:hidden;}

.page,.page-single{position:relative;}
.page{isolation:isolate;background-image:url(/webpanel/cti/bg.jpg);background-position:0 100%;background-repeat:no-repeat;background-size:cover;}

.container{max-width:none;padding-left:var(--horiz-50);padding-right:var(--horiz-50);}
.container .row{flex-flow:column nowrap;margin:0;}

.col-login{max-width:550px;border:1px solid transparent;background-color:#fff;padding:var(--margin-40) var(--horiz-60) var(--margin-60) var(--horiz-60);border-radius:var(--radius);box-shadow:0 0 30px rgba(0,0,0,.1);}
.col-login .text-center{margin-bottom:var(--margin-30) !important;}
.col-login .text-center img[src*="logo"]{
	width:var(--logo);
	@media (forced-colors: active) {
		filter:brightness(100);
	}
}
.col-login .card{border:0;border-top:1px solid var(--color-llgrey);margin-bottom:0;border-radius:0;box-shadow:none;}
.col-login .card-body{padding:var(--margin-30) 0 0 0 !important;}
.col-login .card-title{font-size:var(--font-30);line-height:1;text-align:center;}
.col-login .form-group{position:relative;}
.col-login .form-label{position:relative;font-size:12px;font-weight:400;text-transform:uppercase;}
.col-login .form-label:before{content:'';position:absolute;top:39px;left:20px;z-index:2;height:24px;width:24px;background-repeat:no-repeat;background-size:cover;}
.col-login .form-label[for=inputEmail]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'48\' height=\'48\' viewBox=\'0 0 48 48\'%3E%3Cpath fill=\'%2394b1c1\' d=\'M4.364 15.1l18.386 12.871c0.742 0.513 1.735 0.537 2.503 0l18.384-12.871v21.991c0 0.593-0.24 1.137-0.644 1.538s-0.945 0.644-1.538 0.644h-34.909c-0.593 0-1.137-0.24-1.538-0.644s-0.644-0.945-0.644-1.538zM0 10.872c0 0.022 0 0.044 0 0.065v26.153c0 1.807 0.742 3.445 1.92 4.625s2.819 1.92 4.625 1.92h34.909c1.807 0 3.445-0.742 4.625-1.92s1.92-2.819 1.92-4.625v-26.156c0-0.022 0-0.044 0-0.065-0.011-1.791-0.748-3.415-1.92-4.586-1.18-1.178-2.819-1.92-4.625-1.92h-34.909c-1.807 0-3.445 0.742-4.625 1.92-1.172 1.172-1.909 2.795-1.92 4.588zM43.405 9.936l-19.405 13.582-19.405-13.582c0.105-0.209 0.244-0.399 0.41-0.565 0.404-0.404 0.947-0.644 1.54-0.644h34.909c0.593 0 1.137 0.24 1.538 0.644 0.166 0.166 0.305 0.358 0.41 0.565z\'/%3E%3C/svg%3E");}
.col-login .form-label[for=inputPassword]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'48\' height=\'48\' viewBox=\'0 0 48 48\'%3E%3Cpath fill=\'%2394b1c1\' d=\'M8.727 24h30.545c0.602 0 1.145 0.242 1.543 0.639s0.639 0.94 0.639 1.543v15.273c0 0.602-0.242 1.145-0.639 1.543s-0.94 0.639-1.543 0.639h-30.545c-0.602 0-1.145-0.242-1.543-0.639s-0.639-0.94-0.639-1.543v-15.273c0-0.602 0.242-1.145 0.639-1.543s0.94-0.639 1.543-0.639zM37.091 19.636v-6.545c0-3.615-1.468-6.89-3.833-9.257s-5.642-3.833-9.257-3.833-6.89 1.468-9.257 3.833-3.833 5.642-3.833 9.257v6.545h-2.182c-1.807 0-3.447 0.735-4.628 1.918s-1.918 2.821-1.918 4.628v15.273c0 1.807 0.735 3.447 1.918 4.628s2.821 1.918 4.628 1.918h30.545c1.807 0 3.447-0.735 4.628-1.918s1.918-2.821 1.918-4.628v-15.273c0-1.807-0.735-3.447-1.918-4.628s-2.821-1.918-4.628-1.918zM15.273 19.636v-6.545c0-2.411 0.975-4.588 2.557-6.17s3.759-2.557 6.17-2.557 4.588 0.975 6.17 2.557 2.557 3.759 2.557 6.17v6.545z\'/%3E%3C/svg%3E");}
.col-login input.form-control{height:55px;border-color:var(--color-lgrey);font-size:18px;padding:0 20px 0 60px;border-radius:10px;}
.col-login input.form-control:focus{border-color:var(--color-blue);box-shadow:none;}
.col-login input.form-control:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;}
.col-login .custom-checkbox .custom-control-label{cursor:pointer;}
.col-login .custom-checkbox .custom-control-label:before{box-shadow:none;}
.col-login .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before{background-color:var(--color-blue);border-color:var(--color-blue);}
.col-login .form-footer .btn{width:100%;min-height:55px;background-color:var(--color-blue);border-color:var(--color-blue);font-size:20px;border-radius:10px;}
.col-login .alert{margin-top:1rem;margin-bottom:0;}

.help{margin-bottom:1rem;text-align:center;}
.help .btn{display:inline-flex;gap:0 10px;align-items:center;min-height:55px;border:1px solid rgba(255,255,255,.5);font-size:17px;font-weight:400;color:#fff;line-height:1;letter-spacing:0;padding:5px 20px;text-align:left;border-radius:10px;}
.help .btn .svg:first-child{font-size:24px;margin-right:5px;}
.help .btn .svg:last-child{font-size:8px;}
.help .btn .svg svg{top:auto;}
.help .btn:hover{background-color:var(--color-blue);border-color:var(--color-blue);color:#fff;text-decoration:none;}

#inputPassword{padding-right:45px;}
/*.toggle__password{position:absolute;bottom:0;right:0;min-width:55px;font-size:20px;padding:0;line-height:53px;border-radius:10px;box-shadow:none !important;}
.toggle__password.show path{display:none;}
.toggle__password.show path.hid{display:inline;}*/

@media only screen and (min-width: 1400px){
	.page:before,.page:after{position:fixed;left:5%;z-index:-1;font-weight:300;color:#fff;white-space:nowrap;text-shadow:1px 1px rgba(0,0,0,.5);}
	.page:before{content:'Pozosta\0144my w kontakcie.';bottom:calc(5% + 70px);font-size:18px;}
	.page:after{content:'Gdziekolwiek jeste\015Bmy.';bottom:5%;font-size:52px;}
	
	.help{position:absolute;top:5%;right:5%;}
}