/*
@font-face {
  font-family: 'AudiowideL';
  src:  url('fonts/Audiowide-Regular.woff2') format('woff2'),
        url('fonts/Audiowide-Regular.woff') format('woff'),
       url('fonts/Audiowide-Regular.ttf') format('truetype');
}
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


:root {
	--color-brand: #0776DE;
    --color-brand-light: #5AAEFF;
    --color-label: #5D5D5D;
    --color-secondary: #5D5D5D;
	--bg-ok: #F2FFED;
	--bg-warning: #ffffff;
	--bg-info:#EDF6FF;
	--bg-danger: #FFF8ED;
}

html,body {  margin: 0;  padding: 0;  height: 100%;}
body{
	background-color:#FAFDFF;
	font-family:'Open Sans';

}

.container{
	height: 100%;
}

.mrent-container {
  position: relative;
  height: 100%;
  width:100%;
}

.mrent-centered {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;  
  max-height: 100%; 
  overflow-y: visible;
  overflow: visible;
  margin:auto ;  
}

.audiowide-regular {
  font-family: "Audiowide", sans-serif;
  font-weight: 400;
  font-style: normal;
}


table.trx{font-size:11px;border-collapse:collapse;width:100%;}
table.trx th{border:1px solid gray;padding:2px;background:darkgray;color:white;}
table.trx td{border:1px solid gray;padding:2px;}
table.trx td.pln{text-align:right;}
table.trx tr:hover td{background:lightgreen;}

.--hidden{display:none !important;}
.disabled{cursor:not-allowed;}

.reg-label{margin-top:auto;margin-left:25px !important;margin-bottom:auto;margin-top:2px;}

.border-mrent{border: 1px solid var(--color-brand) !important;}
.background-mrent-agent{background: var(--color-brand) !important;}
.background-mrent-tenant{background: var(--color-brand) !important;}
.border-mrent-agent{border: 1px solid var(--color-brand) !important;}

.idd-round-bottom {
	border-bottom-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
	border-color: var(--color-brand-light) !important;
}
.idd-round-top {
	border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
}


.card-mrent {
	min-height:620px;
	border-radius: 15px;	
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important ;
}
.form-control-agent{
	border-color: var(--color-brand);
	
}	
.form-control-agent:focus {
	border-color: var(--color-brand);
	box-shadow: 0 0 0 0.2rem rgba(7,118,222, 0.25);
} 

select.form-control-agent{ 
    
}

input.form-control-agent {
	min-height:45px;	
}
select.form-control-agent {
	min-height:45px;	
	background-image: url('dropdown.svg');
	background-size: 20px 20px;
}



#report_button_box{margin-top:50px !important;margin-bottom:10px;}
#report_button_box .box{min-height:10px;}
#report_button_box .tobottom{margin-top:auto !important;}


.custom-tooltip-agent{
	--bs-tooltip-bg: var(--color-brand-light);		
	background:var(--color-brand-light);
	border-radius:10px;		
	
}


.custom-tooltip-agent .tooltip-inner{
	white-space: normal; 
	min-width:300px;max-width:305px;
	
}

.custom-tooltip-agent .tooltip-arrow::before {
  border-width: 10px 10px 0 10px; 
  border-top-color: #343a40;     
  margin-left: 0px;             
}

.custom-tooltip-agent .tooltip-arrow {
  left: -20% !important; 
}


a.mrent-agent{color:var(--color-brand);text-decoration:underline;font-weight:normal;}
a.mrent-agent:hover{text-decoration:underline;}

a.mrent-tenant{color:var(--color-brand);text-decoration:none;font-weight:bold;}
a.mrent-tenant:hover{text-decoration:underline;}

.card-header-mrent-agent{border:none !important;background: white!important;font-weight:bold;color:var(--color-brand);}
.card-header-mrent-tenant{border:none !important;background: white!important;font-weight:bold;color:var(--color-brand)}

.btn-mrent-agent{
	border:var(--color-brand) !important;background: var(--color-brand) !important;
	display: inline-block; 
    max-width: 100%; 
    word-wrap: break-word; 
    word-break: break-word; 
    white-space: normal;
	text-transform:uppercase;
	border-radius:0.5rem;
	font-weight:600;
}
.btn-mrent-agent:hover{
	background-color:var(--color-brand-light) !important;	
}

.btn-mrent-agent-white{
	border:1px solid var(--color-brand) !important;
	background: white !important;
	color: var(--color-brand);	
	max-width: 100%; 
    word-wrap: break-word; 
    word-break: break-word; 
    white-space: normal;
	text-transform:uppercase;
	border-radius:0.5rem;
	font-weight:600;
}

.btn-mrent-agent-white:hover{
	background-color:var(--color-brand-light) !important;
	color:white;
}

.btn-mrent-agent-white.disabled{
	color:var(--color-brand-light);
}

.btn-mrent-agent-light{
	border:1px solid var(--color-brand-light) !important;
	background: var(--color-brand-light) !important;
	color: white;	
	max-width: 100%; 
    word-wrap: break-word; 
    word-break: break-word; 
    white-space: normal;
	text-transform:uppercase;
	border-radius:0.5rem;
	font-weight:600;
}

.btn-mrent-tenant{
	border:var(--color-brand) !important;background: var(--color-brand) !important;
	display: inline-block; 
    max-width: 100%; 
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal; 
}

.btn-mrent-agent .btn-icon{
	display: inline-block;
	transition: transform 0.3s ease;
}
	
.btn-mrent-agent:hover .btn-icon{
	transform: rotate(180deg);
  /*transform: translateX(-5px);
  color:var(--color-brand);
  */
}

.rotating-icon {
  animation: transform-icon 2s infinite linear;
  display: inline-block;
}

@keyframes transform-icon {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.btn-mrent-tenant .btn-icon{
	display: inline-block;
	transition: transform 0.3s ease;
}
.btn-mrent-tenant:hover .btn-icon{	
  transform: rotate(90deg); /*translateX(-5px) */
  /*color:var(--color-brand);*/
}

.mycheckbox-agent {
	margin-left:0px;
	border-color: var(--color-brand);
	cursor:pointer;
}

.mycheckbox-agent:checked {	
	background-color: var(--color-brand);        
}

.mycheckbox-agent:focus {
	border-color: var(--color-brand);
	box-shadow: 0 0 0 0.2rem rgba(7,118,222, 0.25);
} 

.mycheckbox-tenant {
	margin-left:0px;
	border-color: var(--color-brand);
	cursor:pointer;
}

.mycheckbox-tenant:checked {	
	background-color: var(--color-brand);        
}

.mycheckbox-tenant:focus {
	border-color: var(--color-brand);
	box-shadow: 0 0 0 0.2rem rgba(237, 0, 229, 0.25);
} 

.flower-top{
	width:300px;
	height:300px;
	position:absolute;
	left:-100px;
	top:-150px;
	z-index:-100;
	background-color: rgba(7,118,222, 0.05);
	overflow:hidden;
}

.flower-bottom{
	width:200px;
	height:300px;
	position:absolute;
	right:-100px;
	bottom:-50px;
	z-index:-100;
	background-color: rgba(7,118,222, 0.05);
	overflow:hidden;
}


i.imr{color:var(--color-brand);}
span.smr{color:var(--color-brand);font-weight:normal;}


#step1_href0_box.disabled button.disabled{background:silver !important;}
#chartContainer {position:relative;margin-bottom:80px;}
#chartContainer .rent-axis-y-title {
	position: absolute;
    top: 0px;
    left: 5px;            
    font-size: 14px;
    font-weight: normal;
	z-index:100;
}
#chartContainer_rent {width:100%;height:500px; position:relative;top:20px;margin-bottom:20px;}

.chart-title{display:block;color:black;padding-top:10px;padding-bottom:10px;position:relative;text-align:left;}
.chart-descr{display:block;color:blue;font-size:14px;padding-top:10px;padding-bottom:10px;}

.chart-analyze{display:block;color:black;background:#FBF3E7;min-height:100px;padding:20px;text-align:left;}
.chart-analyze p.title{font-weight:bold;color:#D6AF76;margin-bottom:5px;}

.chart-summary{display:block;color:black;background:var(--bg-info);min-height:100px;padding:20px;margin-top:40px;text-align:left;}
.chart-summary p.title{font-weight:bold;color:var(--color-brand);margin-bottom:5px;}

.chart-summary-hard-stats{color:black;background:#f8d7da;padding:10px;margin:20px; text-align:left;}
.chart-summary-hard-stats ul {margin-bottom:0;}
.bg-stats-ok{background: var(--bg-ok);}
.bg-stats-error{background-color: var(--bg-danger);}


.logo {  
  background-image: url('novalid.svg'); 
  background-size: 20px;
  background-position: center 5px;
  background-repeat: no-repeat;
}

.bg-stats-ok .logo{
	background-image: url('valid.svg'); 
}

.bg-stats-error .logo{
	background-image: url('novalid.svg'); 
}

.ul-mr{
	padding-left:1px !important;	
	margin: 0 0 5px;
	padding: 0 0 5px 15px !important;
}

.ul-mr li{
	padding-left:1px;	
}

.ul-ident-1{
	padding-left:1rem !important;	
	margin: 0 0 5px;
	padding: 0 0 5px 15px !important;
}
.ul-ident-1 li{
	padding-left:1px;	
}

.ul-ident-2{
	padding-left:1rem !important;	
	margin: 0 0 5px;
	padding: 0 0 0px 15px !important;
}
.ul-ident-2 li{
	padding-left:1px;	
}

.s-ident{font-weight:bold;}
.s-iban{color:var(--color-brand)}

.img-logo-small{height:86px;padding-right:10px;}
.small-logo-title{font-weight:bold;text-align:left;color:var(--color-brand);height:100%;padding-left:20px;font-size:36px;}
.small-logo-subtitle{text-align:left;color:gray;padding-left:20px;font-size:11px;}
.small-logo-date{text-align:left;color:gray;padding-left:20px;font-size:16px;font-weight:bold;}
.small-logo-date img{margin-right:5px;margin-bottom:3px;}

.canvasjs-chart-credit{display:none;}
 
.p-big{font-size:18px;font-weight:bold;}
 
.flag-selected{filter:grayscale(0%)}
.flag-unselected{filter:grayscale(100%)}

.button-tip{color:red;font-size:12px;}
.button-tip-wait{color:var(--color-brand);font-size:12px;}
.tip-icon{color:var(--color-brand)}

#langSwitch{position:fixed;bottom:1px;right:120px;z-index:1000;}
#langSwitch button{min-width:120px;}
#langSwitch .dropdown-menu {min-width:120px !important;}
#langSwitch .dropdown-toggle::after {
    display: none !important;
}
#langSwitch .dropdown-arrow {
    transition: transform 0.3s ease-in-out;
}
#langSwitch .show .dropdown-arrow {
    transform: rotate(180deg);
}
.env-nfo{position:absolute;background:var(--color-brand);left:0;top:0;color:white;padding:5px 10px;z-index:9999;}

#statusBoxProgress{margin:auto;}
#statusBoxProgress .progress-value{color: var(--color-brand);}
#statusBoxProgress sup{top:0px;font-size:1em;}

.circle-loader {
	position: relative;
	width: 200px;
	height: 200px;
	margin:auto;
}

   .circle-loader svg {
      position: absolute;
      top: 0;
      left: 0;
    }

    .circle-bg,
    .circle-progress {
      fill: none;
      stroke-width: 20px;
    }

    .circle-bg {
      stroke: #d3eaff;
    }
	
	.circle-bg-gray{
		fill: none;
		stroke-width: 35px;
		stroke:#FAFAFA;
	}
	
    .circle-progress {
      stroke: #007bff;
      stroke-linecap: round;
      transition: stroke-dashoffset 0.3s ease;
    }

    .circle-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 30px;
      font-weight: bold;
      color: #007bff;
	  font-family: 'Open Sans';
    }

.orbit {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  animation: spin 3s linear infinite;
  transform-origin: 100px 100px; /* środek SVG */
}

.orbit-arc {
  fill: none;
  stroke: #007bff;
  stroke-width: 5;
  stroke-linecap: round;
}

@keyframes spin {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
	



#progress-container {
    position: relative;
    width: 200px;
    height: 200px;	
	margin:auto;
	
}
#statusBoxProgress_spinner{
	top: 25px;
	left:25px;
    position: absolute;
    width: 150px;
    height: 150px;
	/*color: #0053A1 !important;*/
	color: var(--color-brand) !important;
}

.slow-spinner {
  animation-duration: 2s !important;
}

.spinner-color-plokey{ color: var(--color-brand) !important;}

.chart-tip-title{color:var(--color-brand);font-size:14px;width:100%;text-align:center;margin-bottom:3px;padding-top:2px;padding-bottom:2px;z-index:9999999;font-weight:bold;text-transform: capitalize;}
.chart-tip-arrow {
    display: block;    
    width: 30px;
    height: auto;    
	z-index:9999999;	
	position:absolute;
	bottom:-10px;	
	left:50px;
}
.status_error{color:red;border:1px solid red; background:#f8d7da;padding:10px;border-radius:10px;}

label span{color:var(--color-brand)}
.tophead {/*background-color:#E6F1FB;*/border-radius: 15px 15px 0 0;}


/*modyfikacje wyglądu formularza*/
.form-control.is-valid, .was-validated .form-control:valid{
	border-color:#5CCA32;
	background-image: url(valid.svg);
}	

.form-control.is-valid:focus, .was-validated .form-control:valid:focus{
	border-color: #5CCA32;
	box-shadow: 0 0 0 .25rem rgba(#5CCA32,.25)
}

.form-control.is-invalid, .was-validated .form-control:invalid{
	border-color: #FFA32A;
	background-image: url(novalid.svg);
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{
	border-color: #FFA32A;
	box-shadow: 0 0 0 .25rem rgba(#FFA32A,.25)
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
	background-color: #5CCA32;
}	

.form-check-input.is-invalid, .was-validated .form-check-input:invalid{
	border-color: #FFA32A;
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked{
	background-color:var(--color-brand);
	color:white;
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{
	color:black;	
}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label{
	color:black;	
}

.invalid-feedback{
	color:#FFA32A;	
}	 
.valid-feedback{
	color:#5CCA32;	
}	 

.form-check-input{
	width:1.25em;
	height:1.25em;
}

.form-group label{margin-bottom:0.25rem}


/*alerty*/
.alert-plokey{
	padding:10px;margin:20px;
	font-size:0.9rem;
}
.alert-danger-plokey{
	background-color: var(--bg-danger) !important;
}
.alert-info-plokey{
	background-color: var(--bg-info) !important;
}
img.alert {width:24px;margin:0;padding:0}

.li-mrent{}
.li-mrent img{width:24px;height:24px;}
.li-mrent img.small{width:18px;height:18px;}
.li-mrent span{color:var(--color-brand)}
.page-foot{font-size:13px; color:gray;width:100%;text-align:center;margin-top:20px;margin-bottom:20px;}
.page-foot a{font-size:16px;font-weight:700;word-wrap: normal;}
.page-foot span{font-size:1rem;color:black;}
.page-foot img.link{margin-right:5px;}
	 
.step-init-header h1{color:var(--color-brand);font-size:20px;padding-bottom:10px;text-decoration:underline}	 
.step-init-header h2{font-size:18px;padding-bottom:10px;}	 
.step-init-header img{width:20px;height:20px;margin-bottom:4px;}
	 
	 
img.drop-down{
	transform: rotate(180deg);
	transition: transform 0.6s ease;
	transform-style: preserve-3d;
 }	

.btn.disabled:hover, 
.btn:disabled:hover,
button[disabled=disabled]:hover, 
button:disabled:hover{
	pointer-events: auto !important;
	cursor: not-allowed !important
}

.modal-footer {
      padding: 0;
}

.modal-footer .b-left{
	border-radius: 0px 0px 0px 8px !important;
	border-right: 1px solid lightgray;
	height:75px;
}
.modal-footer .b-right{
	border-radius: 0px 0px 8px 0px !important;
	color:var(--color-brand);
	font-weight:700;
	height:75px;
}	
.modal-footer .b-right:hover{
	background:var(--color-brand-light);
	color:white;
}	


.modal-footer .btn-light.focus, 
.modal-footer .btn-light:focus {
    box-shadow: none;
}

#modalButtWait{text-transform:uppercase;}

#variant_info_top{font-weight:bold;text-transform:uppercase;}	
#variant_info_top span{color:var(--color-brand)}	

/*wykres*/	
#chartContainer_canvas{}
#chartBox{width:100%;height:700px;border:1px solid blue;margin:auto;padding:20px;}
#chart_titleY {text-align: left;font-weight: normal;position:relative;top:2px;left:0px;font-size:14px;}	
#chartReset{position:relative;top:20px;left:500px;z-index:400;}	

	
	
/*korekty styli dla konkretnych rozdzielczości*/
@media (max-width: 767.98px) {

	.mrent-centered {  
		top: 10px;    
		transform: translateY(0) translateX(0);
		left: 0;		
	}	
	.flower-bottom{
		display:none;
	}
	#report_button_box .box{margin-bottom:10px;}
	.img-logo-small{height:50px;padding-right:10px;}
	.small-logo-title{font-size:1.25em;padding-left:0px;}
	.small-logo-subtitle{padding-left:0px;}	
	.small-logo-date{padding-left:0px;}	
	.card-body{padding:10px !important;}	
	.mrent-container{min-height:1500px;}
	#langSwitch{right:3px;}
	
	.page-foot span{display:none;}
}