/*
Theme Name: rd-fast
Author: Robert Dorosz
Author URI: https://www.facebook.com/robert.dorosz.9/
Description: Szybki i responsywny szablon. 
Version: 1.0
License: GNU General Public License and Flothemes general license
License URI: Licensing/README_License.txt
Tags: A charming, fun design for powerful, creative women.
*/
	
	:root
	{
	    --baseColor: #e7e7e7;
	    --darkBase: #3E5F76;
	    --green: #C1CBB2;
	    --white: #fff;
			--black: #000;
	    --blue: #51D6FF;
	}
	html
	{
		border: none;
		margin-top: none;
		scroll-behavior: smooth;
		scrollbar-color: var(--baseColor) #6a93b070;
		scrollbar-width: thin;
	}
	select
	{
		scrollbar-width: thin;
	}
	input[type="submit"] {
		background-color: #252525;
		color: #fff;
		padding: 5px 10px;
		border: none;
		cursor: pointer;
		font-size: 14px;
	}
		#sidebar a {
			color: #000;
		}
	input[type="submit"]:hover {
		background-color: #005177;
	}
	::-webkit-scrollbar
	{
		width: 0.5em;
		border: 4px solid transparent;
		border-radius: 8px;
	}
	::-webkit-scrollbar-track
	{
		border: 4px solid transparent;
		border-radius: 8px;
		background-color: #6a93b070;
	}
	::-webkit-scrollbar-thumb
	{
		border: 4px solid transparent;
		border-radius: 8px;
		background-color: var(--baseColor);
	}
	.scroller::-webkit-scrollbar
	{
		width: 0.5em;
		border: 4px solid transparent;
		border-radius: 8px;
	}
	.scroller::-webkit-scrollbar-track
	{
		border: 4px solid transparent;
		border-radius: 8px;
		background-color: #6a93b070;
	}
	.scroller::-webkit-scrollbar-thumb
	{
		border: 4px solid transparent;
		border-radius: 8px;
		background-color: var(--baseColor);
	}
	@font-face
	{
		font-family: "Lato-Light";
		src: url("styles/fonts/lato/Lato-Light.eot");
		src: url("styles/fonts/lato/Lato-Light.woff") format("woff");
		src: url("styles/fonts/lato/Lato-Light.woff2") format("woff2");
		src: url("styles/fonts/lato/Lato-Light.ttf") format("ttf"),
		url("styles/fonts/lato/Lato-Light.otf") format("opentype"),
		url("styles/fonts/lato/Lato-Light.svg") format("svg");
	}
	.menu-menu-pl-container, .mobile-menu-icon { display: none; }
	body
	{
		top: 0;
		height: 100%;
		margin: 0;
		padding: 0;
		font-family: "Lato-Light", sans-serif;
		font-weight: 400;
		font-size: 14px;
		background-color: #F4F7F9;
	}
	table
	{
		animation-duration: 300ms;
		animation-timing-function: linear;
		width: 100%;
		height: 100%;
		border-style: solid 3px;
		border-spacing: 2px 6px;
		text-align: center;
		background-color: var(--baseColor);
		backdrop-filter: blur(15px);
	}
	.leftTr, .leftTh, .leftTd
	{
		text-align: left;
	}
	table tr td
	{
		color: var(--black);
		border-style: 3px solid black;
		background-color: #b0bfcb59;
		font-size: 1rem;
		border-radius: 3px;
		padding: 4px;
	}
	table tr { transition: 300ms; }
	table tr:hover td
	{
		transition: 300ms;
		background-color: var(--green);
		cursor:default;
	}
	table tr:hover td.asText
	{
		transition: none;
		background-color: #b0bfcb59;
	}
	.customButton
	{
		color: var(--baseColor);
		background-color: var(--white);
		border: 2px solid rgba(0, 0, 0, 0);
		padding: 5px 5px;
		font-size: 18px;
		margin: 2px;
		transition: 0.5s;
	}
	.customButton:hover
	{
		box-shadow: 1px 1px 3px var(--darkBase);
		color: var(--white);
		background-color: var(--green);
		transition: 0.5s;
	}
		.errorMessage {
			animation-name: messageKeyFrames;
			animation-duration: 1s;
			text-align: center;
			display: block;
			font-size: 18px;
			background-color: #e83933;
			color: var(--white);
			/* font-weight: bold; */
			padding: 0.3rem;
		}
	.wydwkalen {
		width: 100%;
		padding: 10px 0px;
		float: left;
		max-width: 100%;
		margin: 10px 0px;
		position: relative;
		display: block;
		border-bottom: solid 1px #fff;
	}
		.positiveMessage {
			animation-name: messageKeyFrames;
			animation-duration: 1s;
			text-align: center;
			display: block;
			font-size: 18px;
			color: white;
			background-color: green;
			/* font-weight: bold; */
			padding: 0.3rem;
		}
input,
select,
textarea {
	min-width: 80px;
	min-height: 24px;
	padding: 5px 0.5rem;
	text-align: center;
	color: var(--darkBase);
	font-size: 12px;
	background-color: var(--white);
	border: 2px solid rgba(255, 255, 255, 0);
	margin: 2px;
	transition: 0.3s;
	transform-origin: left;
}
	input:hover, select:hover, textarea:hover
	{
		color: var(--white);
		background-color: var(--green);
		transition: 0.3s;
		cursor: pointer;
	}
	input:disabled, select:disabled, textarea:disabled
	{
		opacity: 0.5;
		pointer-events: none;
	}
	textarea {
		text-align: left;
		font-size: 16px;
		width: 95%;
	}
	.edytuj-zadanie table tr:hover td {
		background-color: #82a3ba !important;
	}
	.edytuj-zadanie textarea:hover {
		background-color: #f4f2f3 !important;
	}
	.wnioski li a {
		font-size: 1rem;
		padding: 8px 20px;
		line-height: 1rem;
		margin: 0px;
	}
	.wnioski {
		margin-bottom: 10px;
	}
	option
	{
		text-align: center;
		background-color: whitesmoke;
		color: var(--darkBase);
	}
		input:focus,
		select:focus,
		.customButton:focus,
		textarea:focus {
			color: var(--black);
			background-color: var(--white);
			border: 2px solid var(--baseColor);
			transition: 0.3s;
		}
	option:hover
	{
		background-color: var(--green);
		color: var(--white);
	}
	.testOptionDayOff
	{
		background-color: #94B1C6;
		color:white;
	}
	.testOptionWorkingDay
	{
		background-color: var(--darkBase);
		color: white;
	}
	.testOptionToday
	{
		background-color: #6A6EB0;
		color: white;
	}
	.holidayOption
	{
		background-color: #6AB0A9;
		color: var(--white);
	}
	.newContent
	{
		top: 0;
		transition: 300ms;
		margin: 1% 5% 1% 5%;
		width: 90%;
		align-content: center;
		animation-duration: 150ms;
		animation-name: contentKeyFrames;
		animation-timing-function: ease-in-out;
		transform-origin: top center;
	}
	@keyframes tableKeyFrames
	{
		from { opacity: 0;}
		to { opacity: 1; }
	}
	@keyframes contentKeyFrames
	{
		from { transform: scaleY(0); }
		to { transform: scaleY(1); }
	}
	@keyframes messageKeyFrames
	{
		from { opacity: 0; }
		to { opacity: 1; }
	}
	form { display: inline; }
	a, a:visited
	{
		text-decoration-color: var(--white);
		transition-timing-function: linear;
		font-style: italic oblique;
		color: var(--white);
		font-weight: 900;
		padding: 5px 5px;
		margin: 5px;
		border: 1px solid rgba(0, 0, 0, 0);
		border-radius: 8px;
		transition: 150ms;
		cursor: pointer;
	}
	a:hover
	{
		transition: 150ms;
		transform-origin:bottom;
		background-color: var(--white);
		cursor: pointer;
	}
	.sidebar
	{
		top: 0;
		border: none;
		height: 100%;
		align-content: center;
		float: left;
		position: fixed;
		width: 0;
		text-align: center;
		background-color: var(--baseColor);
		transition: 200ms;
		overflow: hidden;
		white-space: nowrap;
		transition-timing-function: linear;
	}
		#navImg:hover {
			cursor: pointer;
		}
	.sidebar table
	{
		line-height: 40px;
		border-collapse: separate;
		height: auto;
	}
	.sidebar table tr th
	{
		margin: 0;
		padding: 0;
	}
	.sidebar.active
	{
		transition-timing-function: linear;
		transition: 200ms;
		width: 100%;
	}
	.sidebar a, .sidebar img, .sidebar .dropdownMenu
	{
		margin: 0;
		display: inline-block;
		margin-right: auto;
		margin-left: auto;
		text-decoration: none;
		font-size: 18px;
		min-width: 15%;
	}
	.sidebar img {
		user-select: none;
		-webkit-user-drag: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 150px;
		margin-bottom: 20px;
		min-width: 150px;
	}
	.porownawczy td {
		font-size: 0.8rem;
		min-width: 80px;
	}
	.porownawczy input, .porownawczy input select, .porownawczy input textarea {
		min-width: 66px;
		min-height: 27px;
		padding: 5px 5px;
		text-align: center;
		color: var(--baseColor);
		font-size: 12px;
		background-color: var(--white);
		border: 2px solid rgba(255, 255, 255, 0);
		border-radius: 6px;
		margin: 2px;
		transition: 0.3s;
		transform-origin: left;
	}
	.sidebar button
	{
		min-width: 15%;
		display: inline-block;
	}
	.sidebar a:hover { cursor: pointer; }
	ul
	{
		font-weight: 900;
		margin: 0;
		padding: 0;
		list-style-type: none;
		justify-content: center;
		align-items: center;
	}
	.dropdownMenu
	{
		transition-timing-function: linear;
		font-style: italic oblique;
		color: var(--white);
		background-color: var(--baseColor);
		font-weight: 900;
		border: 1px solid rgba(0, 0, 0, 0);
		border-radius: 8px;
		margin: 0;
		padding: 0;
		transition: 150ms;
		cursor: pointer;
		font-family: "Lato-Light", sans-serif;
		font-weight: 600;
		font-size: 18px;
		padding: 5px 0px;
	}
	.dropdownMenu:hover
	{
		box-shadow: 1px 1px 3px black;
		transition: 150ms;
		transform-origin:bottom;
		background-color: var(--green);
		cursor: pointer;
	}
	.dropdownMenuContent
	{
		transform: scaleY(0);
		transition: 300ms;
		background-color: var(--darkBase);
		border: 1px solid rgba(0, 0, 0, 0);
		border-radius: 8px;
		animation: dropdownKeyFramesDown 300ms ease-in-out forwards;
		transform-origin: top center;
		justify-content: center;
		align-items: center;
		height: 0px;
		position: relative;
		text-align: center;
		right: 0px;
		left: 0px;
	}
	.dropdownMenuItems a
	{
		word-wrap: break-word;
		overflow-wrap: break-word;
		display: inline-block;
		white-space: normal;
	}
	.dropdownMenuContent.active
	{
		transform: scaleY(1);
		animation: dropdownKeyFramesUp 300ms ease-in-out forwards;
		transform-origin: top center;
		background-color: var(--darkBase);
		height: auto;
	}
	@keyframes dropdownKeyFramesUp
	{
		from
		{
			visibility:hidden;
			transform: scaleY(0);
			opacity: 0;
			max-height: 0;
		}
		to
		{
			visibility: visible;
			transform:  scaleY(1);
			opacity: 1;
			max-height: 100%;
		}
	}
	@keyframes dropdownKeyFramesDown
	{
		from
		{
			visibility: visible;
			transform:  scaleY(1);
			opacity: 1;
			max-height: 100%;
		}
		to
		{
			max-height: 0%;
			visibility: hidden;
			transform:  scaleY(0);
			opacity: 0;
		}
	}
	.taskRadio
	{
		min-width: 30px;
		min-height: 30px;
		padding: 5px;
		margin: 5px;
		vertical-align: middle;
		display:inline-block;
	}
	.navBtn
	{
		margin-top: 1%;
		position:fixed;
		min-width: 60px;
		min-height: 60px;
		text-align: center;
		color: var(--white);
		font-size: 18px;
		background-color: var(--baseColor);
		border: 2px solid rgba(255, 255, 255, 0);
		transition: 200ms;
		margin-left: 0.3%;
	}
.navBtn.active {
	margin-left: 95%;
	transition: 200ms;
	border: solid 1px #979797;
}
	.newContent.active
	{
		pointer-events: none;
		opacity: 0;
		filter: blur(3px);
	}
	.navImg
	{
		display: block;
		width: 48px;
		height: 48px;
		margin-left: auto;
		margin-right: auto;
		background: url(/wp-content/themes/mgn-fast/icons/menu_icon.png) no-repeat;
		transition: 200ms linear;
	}
	.navImg.active
	{
		transition: 200ms linear;
		rotate: -180deg;
		background: url(/wp-content/themes/mgn-fast/icons/arrow_icon.png) no-repeat;
	}
	.loader
	{
	  width: 250px;
	  height: 50px;
	  line-height: 50px;
	  text-align: center;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  font-size: 1vw;
	  transform: translate(-50%,-50%);
	  font-family: helvetica, arial, sans-serif;
	  text-transform: uppercase;
	  color: var(--baseColor);
	  background: var(--white);
	  font-weight: 900;
	  letter-spacing: 0.2em;
	}
	.loader::before, .loader::after
	{
	    content: "";
	    display: block;
	    background: var(--baseColor);
	    width: 15px;
	    height: 15px;
	    position: absolute;
	    animation: load .7s infinite alternate ease-in-out;
	}
	.loader::before
	{
	    top: 0;
	}
	.loader::after
	{
	    bottom: 0;
	}
	@keyframes load
	{
		0% { left: 0; height: 30px; width: 15px }
		50% { height: 8px; width: 40px }
		100% { left: 235px; height: 30px; width: 15px}
	}
	.loader-wrapper
	{
		display: block;
		position:absolute;
		left: 0;
		top: 0;
		background-color: var(--white);
		width: 100vw;
		height: 100%;
		opacity: 1;
	}
	.loader-wrapper.active
	{
		transition: 200ms;
		opacity: 0;
		pointer-events: none;
	}
	.taskSelect
	{
		min-width: 30px;
		min-height: 30px;
		padding: 5px;
		margin: 5px;
		vertical-align: middle;
		display:inline-block;
	}
	.newEvent
	{
		background-color: #D74E09;
	}
	td input
	{
        word-wrap: break-word;
        white-space: normal;
	}
	td
	{
		word-wrap: break-word;
        white-space: normal;
	}
/*
	.leftTable
	{
		width: fit-content;
		block-size: fit-content;
	} */
	.leftTable td
	{
		text-align: left;
	}
	.leftTable td input[type='time'], .leftTable td input[type='date'], .leftTable td select
	{
		min-width: 300px;
	}
	.breakable
	{
		word-wrap: break-word;
        white-space: normal;
	}
	.container {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
		display: flow-root;
	}
	.ru-30 {
		width: 30%;
	}
	.ru-30 textarea, .ru-20 textarea  {
		min-height: 0px !important;
		padding: 15px 7px 0px 7px;
	}
	.naglowek-ru th {
		font-size: 1.1rem;
	}
	#dzial {
		min-height: 52px;
		padding-top: 12px;
	}
	.button-out {
		float: right;
		margin: 15px;
	}
	.button-out input {
		border: solid 1px;
	}
	.customButton.ahref a {
		color: #6a93b0;
		font-weight: normal;
	}
	.ahref a:hover {
		box-shadow: none !important;
		text-decoration: unset;
		color: #fff;
		background-color: transparent;
	}
	.customButton.ahref {
		border: solid 1px;
		border-radius: 6px;
	}
	.customButton.ahref:hover a {
		color: #fff;
		text-decoration: none;
	}
	#menu-admin li a {
		font-size: 15px;
	}
	#numerPrel, #numerPrel input {
		max-width: 100px;
	}
	.kwota input, .kwota {
		max-width: 110px;
	}
	#menu-admin li a {
		font-size: 0.86rem;
		line-height: 2.3rem;
	}
.lacznie.plan-pracy tr th {
	text-align: right;
	padding-right: 2rem;
}