@charset "utf-8";


@font-face {
	font-family: 'Poppins';
	src: url("../fonts/Poppins-Regular.ttf");
}
@font-face {
	font-family: 'Poppins-Medium';
	src: url("../fonts/Poppins-Medium.ttf");
}
@font-face {
	font-family: 'Poppins-SemiBold';
	src: url("../fonts/Poppins-SemiBold.ttf");
}
@font-face {
	font-family: 'Poppins-Bold';
	src: url("../fonts/Poppins-Bold.ttf");
}


:root {
	--font_family: "Poppins", Sans-serif;
	--font_family_medium: "Poppins-Medium", Sans-serif;
	--font_family_semibold: "Poppins-SemiBold", Sans-serif;
	--font_family_bold: "Poppins-Bold", Sans-serif;
	--font_color: #454545;
	--link_color: #379db0;

	--form_element_border: #dcdcdc;
	--form_element_focus_bgcolor: #f1fbf5;
	--form_element_focus_border: #54ca88;

	--form_check_bgcolor: #6dadb9;
}


*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body,
input,
select,
option,
optgroup,
textarea,
button {
	font-family: var(--font_family), sans-serif;
	color: var(--font_color);
	letter-spacing: 0.2px;
}
body {
	font-size: 96%;
	background-color: #f4f6fa;
}
input,
select,
option,
optgroup,
textarea,
button {
	font-size: 1em;
	border: 1px solid var(--form_element_border);
	outline: none;
}
input[type="checkbox"],
input[type="radio"] {
	border: none;
}
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #999999;
	font-size: 0.95em;
}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
	color: #999999;
	font-size: 0.95em;
}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #999999;
	font-size: 0.95em;
}
input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
	color: #999999;
	font-size: 0.95em;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
	color: #999999;
	font-size: 0.95em;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	appearance: none;
}
input[type=number] {
    -moz-appearance:textfield;
}


img {
	max-width: 100%;
	border: none;
}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
	display: none;
}

a {
	color: var(--link_color);
}


.error {
	margin-top: 4px;
	color: #ff0000;
	font-size: 14px;
	display: none;
}
.error.show {
	display: block;
}
.error::before {
	margin-right: 6px;
	content: '\f06a';
	font-family: 'Font Awesome 6 Pro';
}

.is-selected .pika-button,
.has-event .pika-button {
    background-color: #b39c75;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    background-color: #c4b294;
}

.is-today .pika-button {
    color: #379db0;
}


.input-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.input-file + label {
    display: inline-block;
}
.input-file + label svg {
    height: 1em;
    vertical-align: middle;
    fill: #666666;
    margin-top: -0.25em;
    margin-right: 0.25em;
}
.input-file + label {
	background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}
.input-file + label.highlight {
    border-color: #ff0000;
}
.input-file + label span,
.input-file + label strong {
    padding: 4px 15px;
}
.input-file + label span {
    width: 140px;
	display: inline-block;
   	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
	font-size: 0.9em;
}
.input-file + label strong {
   	height: auto;
    color: #666666;
    background-color: #e9e9e9;
    display: inline-block;
	font-size: 0.9em;
	font-weight: 500;
}
.input-file:focus + label strong,
.input-file.has-focus + label strong,
.input-file + label:hover strong {
    background-color: #cccccc;
	color: #333333;
}

.swal-overlay--show-modal .swal-modal {
	border-radius: 4px;
}
.swal-icon {
    margin: 10px auto 15px;
    transform: scale(0.9);
}
.swal-title {
	color: #555555;
}
.swal-text {
	color: #666666;
	line-height: 22px;
}
.swal-modal.text-center .swal-text {
	text-align: center;
}
.swal-footer {
	margin-bottom: 10px;
}
.swal-button {
	border-radius: 4px;
	font-weight: 500;
	font-family: var(--font_family_medium);
}
/*.swal-button:not(.swal-button--cancel) {
	background-color: #559fad;
}*/
.swal-button:not(.swal-button--cancel):hover {
	background-color: #3d91a1;
}
.swal-button.swal-button--danger:not([disabled]):hover {
    background-color: #df4740;
}
.swal-button.skip {
	background-color: #379db0;
}
.swal-button.skip:not([disabled]):hover {
    background-color: #0c768a;
}
.swal-button.skip:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #86bbc5;
}

.swal-button.submit {
	background-color: #5eac89;
}
.swal-button.submit:hover, 
.swal-button.submit:focus {
	background-color: #4da47d !important;
}

.swal-button.approve {
	background-color: #5eac89;
}
.swal-button.approve:hover, 
.swal-button.approve:focus {
	background-color: #4b8a6e !important;
}

.swal-button.reject {
	background-color: #e84141;
}
.swal-button.reject:hover, 
.swal-button.reject:focus {
	background-color: #c93131 !important;
}