:root {
	--bs-body-font-family: 'Lato', sans-serif;
	--bs-body-color: #000;
	--bs-body-color-rgb: 0, 0, 0;
	--bs-body-bg: #efefef;
	--bs-body-bg-rgb: 239, 239, 239;
	--bs-form-control-bg: #fff;
	--gl-card-height: 400px;
}

@media (max-width: 575.98px) {
	:root {
		--gl-card-height: auto;
	}
}

p:last-child {
	margin-bottom: 0;
}

.gl-wrapper {
	padding: 40px;
	/*background-color: #efefef;
	min-height: 100vh;*/
}

@media (max-width: 1399.98px) {
	.gl-wrapper {
		padding: 30px 12px;
	}
}

@media (max-width: 1199.98px) {
	.gl-wrapper {
		padding: 30px 40px;
	}
}

@media (max-width: 575.98px) {
	.gl-wrapper {
		padding: 20px 10px;
	}
}

.gl-card {
	overflow: hidden;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.07);
}

.gl-card-body {
	padding: 40px;
}

@media (max-width: 1399.98px) {
	.gl-card-body {
		padding: 30px;
	}
}

@media (max-width: 575.98px) {
	.gl-card-body {
		padding: 30px 20px;
	}
}

.gl-goal-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gl-progress-item:not(:last-child) {
	margin-bottom: 16px;
}

.gl-progress-title {
	font-size: 12px;
	font-weight: 600;
}

.gl-progress-title span {
	color: #D7D7D7;
}

.gl-progress-value {
	font-size: 12px;
	font-weight: 600;
	color: #8D8D8D;
}

.gl-progress-item .progress {
	--bs-progress-height: 8px;
	margin-top: 8px;
}

.gl-progress-item-1 .progress {
	--bs-progress-bg: #F5E9FF;
	--bs-progress-bar-bg: #BB7AF0;
}

.gl-progress-item-2 .progress {
	--bs-progress-bg: #FFE9E2;
	--bs-progress-bar-bg: #FB9678;
}

.gl-progress-item-3 .progress {
	--bs-progress-bg: #DCFDFF;
	--bs-progress-bar-bg: #7AEAF0;
}

.gl-main-title {
	font-size: 24px;
	font-weight: 900;
	line-height: 32px;
	margin-bottom: 1.25rem;
}

.gl-card-day {
	height: var(--gl-card-height);
	overflow-y: scroll;
}

.gl-card-header {
	margin-bottom: 20px;
}

.gl-card-date {
	font-size: 16px;
	font-weight: 600;
}

.gl-card-date-info span {
	font-size: 14px;
	font-weight: 700;
}

.gl-card-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

.gl-card-subtitle {
	font-size: 12px;
	font-weight: 300;
	color: #5E5E5E;
}

.gl-card-text {
	font-size: 12px;
	color: #000;
}

.gl-calendar {
	border-radius: 12px;
	background-color: #FFE6DF;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.07);
}

.gl-calendar .gl-card-title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	color: #FB9678;
	margin-bottom: 20px;
}

.gl-calendar-value {
	position: relative;
	margin: 0 4px;
	width: 50px;
	height: 70px;
	background-color: #fff;
	border-radius: 4px;
	font-size: 48px;
	font-weight: 600;
	line-height: 70px;
	color: #FB9678;
	text-align: center;
}

.gl-calendar-value::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
}

.gl-card-row {
	display: flex;
}

.gl-card-row:not(:last-child) {
	margin-bottom: 12px;
}

.gl-card-row-col-left {
	margin-right: 20px;
	width: 50px;
}

.gl-card-row-col-right {
	width: 100%;
}

.gl-card-section:not(:last-child) {
	margin-bottom: 25px;
}

.gl-card-done {
	--gl-card-status-icon: url('../img/icon_done.svg');
	background-color: #f6fff7;
}

.gl-card-not {
	--gl-card-status-icon: url('../img/icon_not.svg');
	background-color: #fff6f6;
}

.gl-card-process {
	--gl-card-status-icon: url('../img/icon_process.svg');
	background-color: #fff;
}

.gl-card-status-progress {
	line-height: 1.1;
	text-align: right;
}

.gl-card-status {
	min-width: 12px;
	width: 12px;
	height: auto;
	margin-right: 15px;
	background-image: var(--gl-card-status-icon);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.gl-btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #FB9678;
	--bs-btn-border-color: #FB9678;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0b5ed7;
	--bs-btn-hover-border-color: #0a58ca;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a58ca;
	--bs-btn-active-border-color: #0a53be;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #FFDFD6;
	--bs-btn-disabled-border-color: #FFDFD6;
}

.gl-btn-md {
	padding: 10px 20px 8px;
	--bs-btn-font-size: 12px;
	--bs-btn-border-radius: 4px;
}

/* -------------------- 
--- Navbar
-------------------- */

.gl-menu {
	padding-right: 24px;
	padding-left: 24px;
}

@media (max-width: 1399.98px) {
	.gl-menu {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (max-width: 420.98px) {
	.gl-menu {
		padding-right: 0;
		padding-left: 0;
	}
}

.gl-menu-header {
	padding-top: 65px;
	padding-bottom: 50px;
}

@media (max-width: 1399.98px) {
	.gl-menu-header {
		padding-top: 44px;
		padding-bottom: 40px;
	}
}

@media (max-width: 991.98px) {
	.gl-menu-header {
		padding-top: 0;
		padding-bottom: 30px;
	}
}

.gl-user-avatar {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.gl-user-name {
	margin-top: 8px;
	font-size: 16px;
	font-weight: 700;
}

.gl-menu-footer {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 50px;
}

@media (max-width: 991.98px) {
	.gl-menu-footer {
		margin-bottom: 20px;
	}
}

.navbar-nav.nav-pills {
	--bs-nav-pills-border-radius: 0.375rem;
	--bs-nav-pills-link-active-color: #BB7AF0;
	--bs-nav-pills-link-active-bg: #FCF8FF;
}

nav.navbar {
	background-color: #fff;
}

@media (min-width: 992px) {
	body {
		padding-left: 284px;
	}

	nav.navbar {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		width: 284px;
		overflow-y: auto;
		overflow-x: hidden;
		display: block;
		box-shadow: 2px 0px 12px rgba(0, 0, 0, 0.07);
	}

	nav.navbar > .container-fluid {
		flex-direction: column;
		padding: 0;
	}

	nav.navbar .navbar-nav {
		flex-direction: column;
		width: 100%;
	}
}

.gl-navbar-calendar-title {
	margin-right: 10px;
	font-size: 12px;
	font-weight: 300;
	color: #A3A3A3;
}

.gl-navbar-calendar-value {
	position: relative;
	width: 16px;
	height: 24px;
	background: #fb9678;
	border-radius: 4px;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: #fff;
	text-align: center;
	margin: 0 1px;
}

.gl-navbar-calendar-value::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fb9678;
}

.offcanvas {
	--bs-offcanvas-bg: #fff;
}

@media (min-width: 992px) {
	.navbar-expand-lg .offcanvas {
		width: 100% !important;
	}
}

.navbar {
	--bs-navbar-color: #404040;
	--bs-navbar-hover-color: #BB7AF0;
	--bs-navbar-disabled-color: #C6C6C6;
	--bs-navbar-active-color: #BB7AF0;
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 9h24M4 15h24M4 21h24'/%3e%3c/svg%3e");
	--bs-navbar-toggler-border-color: transparent;
	--bs-navbar-toggler-focus-width: 0;
}

.navbar .nav-link {
	margin-bottom: 16px;
	padding: 10px;
}

@media (max-width: 420.98px) {
	.navbar .nav-link {
		margin-bottom: 5px;
	}
}

.navbar .nav-link svg {
	margin-right: 16px;
	margin-top: -4px;
	width: 24px;
	height: 24px;
	pointer-events: none;
	transition: stroke 0.5s;
}

.navbar .nav-link.active svg:not(.gl-svg-fill) {
	stroke: var(--bs-navbar-active-color);
}

.navbar .nav-link.active svg.gl-svg-fill {
	fill: var(--bs-navbar-active-color);
}

.navbar .nav-link svg:not(.gl-svg-fill) {
	stroke: var(--bs-navbar-color);
}

.navbar .nav-link svg.gl-svg-fill {
	fill: var(--bs-navbar-color);
}

.navbar .nav-link:hover svg:not(.gl-svg-fill) {
	stroke: var(--bs-navbar-hover-color);
}

.navbar .nav-link:hover svg.gl-svg-fill {
	fill: var(--bs-navbar-hover-color);
}

.navbar .nav-link.disabled svg:not(.gl-svg-fill) {
	stroke: var(--bs-navbar-disabled-color);
}

.navbar .nav-link.disabled svg.gl-svg-fill {
	fill: var(--bs-navbar-disabled-color);
}

@media (max-width: 420.98px) {
	.offcanvas {
		--bs-offcanvas-width: 300px;
	}
}

/* -------------------- 
--- Slider
-------------------- */

.gl-slider-wrapper {
	margin-left: -5px;
	margin-right: -5px;
}

.swiper {
	width: 100%;
	height: 100%;
	padding-top: 50px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

.swiper-slide {
	height: auto;
}

.swiper-button-next,
.swiper-button-prev {
	top: 0;
	width: 26px;
	height: 32px;
	margin-top: 0;
	background-color: #BB7AF0;
	color: #fff;
	border-radius: 3px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 14px;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: auto;
	right: 45px;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: 5px;
}

@media (max-width: 575.98px) {
	.swiper {
		padding-top: 0;
	}

	.swiper-button-next,
	.swiper-button-prev {
		top: 34px;
		background-color: transparent;
		color: #000;
	}

	.swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		left: 36px;
		right: auto;
	}

	.swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		right: 36px;
	}
}

/* -------------------- 
--- Form
-------------------- */

.gl-form-row {
	margin-bottom: 20px;
}

.form-label {
	font-size: 12px;
	font-weight: 500;
	color: #5E5E5E;
}

.form-check-label {
	font-size: 12px;
	font-weight: 800;
}

.gl-range-num {
	font-size: 10px;
	padding-left: 5px;
	padding-right: 1px;
	color: #afafaf;
}

.form-control {
	border: 1px solid #989898;
	border-radius: 12px;
}

.form-range:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(251, 150, 120, 0.25);
}

.form-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(251, 150, 120, 0.25);
}

.form-range::-webkit-slider-thumb {
	background-color: #fff;
	border: 0.25rem solid #fb9678;
}

.form-range::-webkit-slider-thumb:active {
	background-color: #fff;
}

.form-range::-webkit-slider-runnable-track {
	background: linear-gradient(90deg, #ed3a21 0%, #f8c925 25%, #fbf226 50%, #cce81f 75%, #19bb05 100%);
}

.form-range::-moz-range-thumb {
	background-color: #fff;
	border: 0.25rem solid #fb9678;
}

.form-range::-moz-range-thumb:active {
	background-color: #fff;
}

.form-range::-moz-range-track {
	background: linear-gradient(90deg, #ed3a21 0%, #f8c925 25%, #fbf226 50%, #cce81f 75%, #19bb05 100%);
}

.form-check-input {
	width: 22px;
	height: 22px;
	margin-top: 1px;
	background-size: 70%;
	border: 1px solid #989898;
}

.form-check-input[type=radio] {
	border-radius: 3px;
}

.form-check-input:focus {
	box-shadow: none;
}

.form-check-input:checked {
	background-color: transparent;
}

.gl-form-check-input-yes.form-check-input:checked[type=radio] {
	--bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300b700' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z'/%3E%3C/svg%3E");
	border-color: #bdfdc3;
	background-color: #e2ffe5;
}

.gl-form-check-input-no.form-check-input:checked[type=radio] {
	--bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' stroke='%23ec0000' fill='%23ec0000' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E");
	border-color: #ffd8d8;
	background-color: #fff6f6;
}

.form-check-label {
	padding-left: 10px;
}

.form-check-inline {
	margin-right: 25px;
}

/* -------------------- 
--- Modal
-------------------- */

.gl-modal-title {
	text-align: center;
	font-size: 20px;
	font-weight: 800;
}

.modal {
	--bs-modal-width: 400px;
	--bs-modal-padding: 2.5rem;
	--bs-modal-margin: 2.5rem;
	--bs-modal-bg: #fff;
	--bs-modal-border-width: 0;
	--bs-modal-border-radius: 12px;
}

.modal-backdrop {
	--bs-backdrop-bg: rgba(187, 122, 240);
	--bs-backdrop-opacity: 0.6;
}

.gl-modal-close .btn-close {
	display: block;
	margin-top: calc(-1 * (var(--bs-modal-padding) + 10px));
	margin-right: calc(-1 * (var(--bs-modal-padding) + 40px));
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	--bs-btn-close-opacity: 0.75;
	--bs-btn-close-hover-opacity: 1;
	--bs-btn-close-focus-shadow: none;
}

@media (max-width: 575.98px) {
	.modal {
		--bs-modal-padding: 1.5rem;
		--bs-modal-margin: 1.5rem;
	}

	.gl-modal-close .btn-close {
		margin-top: calc(-1 * (var(--bs-modal-padding) - 10px));
		margin-right: calc(-1 * (var(--bs-modal-padding) /2));
		--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
		--bs-btn-close-opacity: 0.45;
	}
}

/* --------------------
-- Scrollbar
----------------------- 
*/

::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

::-webkit-scrollbar-thumb {
	background: #BB7AF0;
	border-radius: 4px;
}

::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 4px;
}

.gl-card-day::-webkit-scrollbar {
	width: 4px;
}

.gl-card-day::-webkit-scrollbar-track {
	border-radius: 4px;
	margin-top: 14px;
	margin-bottom: 14px;
	background: transparent;
}

.gl-card-day::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: #BB7AF0;
}


/* --------------------
-- Patch Modal
----------------------- 
*/

@supports (-webkit-hyphens:none) {

	@media (max-width: 575.98px) {
		.modal-backdrop {
			--bs-backdrop-opacity: 1;
		}

		.modal {
			--bs-modal-margin: 0.25rem;
		}

		.modal-content {
			min-height: calc(100vh - 0.5rem);
		}
	}
}

@supports (-webkit-hyphens:none) {
	.modal.show {
		position: static !important;
		/*overflow-y: scroll;*/
		-webkit-overflow-scrolling: touch !important;
		background: url("../img/bg.png") no-repeat;
		background-color: #a536ff94;
		background-size: cover;
		min-height: 100vh;
	}

	.modal-content {
		z-index: 99999;
	}

	body.modal-open .wrap-under-body {
		display: none;
	}

	.modal-dialog {
		position: static;
		height: auto !important;
	}

	body.modal-open {
		overflow: unset !important;
	}

	.modal-backdrop.show {
		display: none !important;
	}

	body.modal-open {
		padding-left: 0;
	}

	.modal.show#gl_task_add .modal-content {
		min-height: 290px !important;
	}
}