.cke_editable {
	background: white!important;
}

.auth-fluid-pages {
	overflow: hidden;
}

.row {
	margin: 0px!important;
}

.boxed {
    padding: 5rem !important;
    padding-top: 1rem !important;
}

.parners-image-container {
	justify-content: center;
	align-items: center;
}

.parners-image-container img {
	max-width: 12.5%;
    width: fit-content;
    max-height: 90px;
}

.carousel-caption {
    right: 0;
    bottom: 0;
    left: 0!important;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cstm-training-material-table td {
    vertical-align: middle;
    text-align: center;
}

.bg-white {
	background: white;
}

.training-material-parent {
	border: 1px solid #00000040;
	background-color: white;
	box-shadow: 0 0 6px -3px black;
	-moz-box-shadow:0 0 6px -3px black;
	-webkit-box-shadow:0 0 6px -3px black;
    overflow: hidden;
}

.training-material-content {
	transition: .2s;
	display: flex;
	flex-direction: row;
	flex: 1;
	width: 100%;
	aspect-ratio: 2;
}

.training-material-border-top {
	border-top: 1px solid #00000040;
}

.training-material-pagination-button {
	width: 100%;
    height: 15px;
    background: #ababab;
    border-right: 1px solid #e2e2e2;
}

.training-material-pagination-button.active {
    background: #2A7B9B;
	background: linear-gradient(0deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 177, 1) 50%, rgba(83, 237, 232, 1) 100%);
}

.cstm-button {
	transition: .15s;
	padding: 5px 15px;
    border: 1px solid;
    border-radius: 5px;
    color: #ede6a5;
}

.cstm-button:hover {
	transition: .15s;
    color: #fff;
}

.navbar-boxed {
	padding: 5.5rem !important;
	padding-top: 0!important;
	padding-bottom: 0!important;
}

.search-result-parent {
	position: absolute;
    right: 0;
    min-width: 210px;
    max-width: 400px;
}

.search-item .row {
	transition: .15s;
	padding-top: 6px;
	padding-bottom: 6px;
}

.search-item:hover .row {
	transition: .15s;
	background-color: #0000000f;
}

#global-topbar {
	height: fit-content;
	position: relative;
	top: -1px;
	left: 0;
	z-index: 89;
	background: #313131;
}

.selected-language-item {
	color: #4a5056;
    font-weight: 400;
    font-size: 14px;
    background: #ffffff;
    border-radius: 5px;
    padding: 4px 15px;
    border: 1px solid #9c9c9c;
    width: 100%;
}

.topbar-menu .selected-language-item {
	border: 0;
}

.custom-dd {
	margin-top: 10px;
    border: 1px solid #b3b3b3;
    border-radius: 5px;
    width: 100%;
    max-width: 100%;
}

.dd-list .dd-item .dd-handle {
	padding: 16px 47px;
	padding-left: 16px;
    border: 1px solid #00000026;
    font-weight: 400;
    background: white;
    position: relative;
    margin-top: 16px;
}

.dd-cstm-handle {
	position: absolute;
    right: 13px;
    top: 12px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #00000063;
    border-radius: 100%;
    cursor: move;
}

.delete-dd-item {
	position: absolute;
    right: 13px;
    top: 56px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f1556c;
    border-radius: 100%;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    list-style: none;
    padding: 10px 10px;
}


.dd-item.sortable-ghost {
	border: 1px dashed gray;
	border-radius: 5px;
	opacity: .5;
}

.cstm-global-topbar .navbar-brand img {
	background: white;
    border-radius: 100%;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    aspect-ratio: 1;
}

.cstm-global-topbar {
	transition: .5s;
	height: 170px;
}

table.dataTable tbody tr.even td, table.dataTable tbody td {
	vertical-align: middle;
}

.global-topbar .menu .menu-item .menu-link {
	color: #ede6a5;
}

.global-topbar .menu .menu-item.menuitem-active>.menu-link {
	color: #ffffff !important;
}

.cstm-global-topbar.is-sticky  {
	transition: .5s;
	height: 80px;
	box-shadow: 0px -4px 9px 0px black;
}

.side-text-parent {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
}

[data-bs-ride] {
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-bs-ride] img {
	width: 100%;
	object-fit: cover;
}

.side-text {
	width: 360px;
	position: absolute;
   	transform: rotate(-90deg);
}

.row-reverse {
	display: flex;
    flex-direction: row-reverse;
}

@media screen and (max-width: 992px) {
	.boxed {
	    padding: 0rem !important;
	    padding-top: 1rem !important;
	}

	.navbar-boxed {
		padding: 0rem !important;
		padding-top: 0!important;
		padding-bottom: 0!important;
	}
}

.cstm-global-topbar .navbar-brand img {
	height: 100%;
  	aspect-ratio: 1;
  	width: auto;
 	max-width: 140px;
}

.container-fluid.global-page {
	min-height: calc(100vh - 436px);
    max-height: calc(100vh - 436px);
}


.menu.horizontal {
	flex-direction: row;
	margin: 0px;
	max-width: 100%!important;
}

.topbar-menu-items {
	width: fit-content;
    position: relative;
    padding: 14px;
    height: 100%;
}

.menu.horizontal .menu-text {
	padding-left: 0px!important;
	font-size: 16px!important;
	font-weight: 500;
	/*color: #ede6a5;*/
}

.menu.vertical .menu-text {
    padding-left: 0px !important;
    font-size: 16px !important;
    font-weight: 500;
    /* color: #ede6a5; */
}

.navbar-hamburger {
    border: none;
    color: var(--ct-topbar-item-color);
    width: 60px;
    height: var(--ct-topbar-height);
    background-color: transparent;
    font-size: 24px;
    cursor: pointer;
    z-index: 1;
    position: relative;
}

.cstm-image-picker-parent {
	display: flex;
    border: 1px solid #0000001c;
    border-radius: 5px;
    -webkit-box-shadow: var(--ct-box-shadow-sm);
    box-shadow: var(--ct-box-shadow-sm);
    overflow: hidden;
}

.cstm-image-picker-img-parent {
	width: 110px;
    height: 110px;
}


.full-width-full-height {
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
}

.training-material-full-screen a {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #00000060;
	border-radius: 5px;
}

.object-fit-cover {
	object-fit: cover;
}

.cstm-image-picker-img-placeholder {
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    border-right: 1px solid #00000014;
    background: #00000005;
}

.cstm-image-picker-info-parent {
	display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    margin-left: 15px;
}

.media-image-item {
	transition: .15s;
	width: calc(100% / 6 - 10px);
    aspect-ratio: 1;
    border: 2px solid #0000007d;
    border-radius: 10px;
    overflow: hidden;
}

.media-image-active {
	transition: .15s;
	position: relative;
    border: 2px solid blue;
}

#wrapper {
	background-repeat: round;
}

.media-image-active::after {
	transition: .15s;
    position: absolute;
    width: 40px;
    height: 40px;
    background: #37a937;
    border: 1px solid #68ff68;
    border-radius: 100%;
    text-align: center;
    content: "✓";
    color: white;
    padding-top: 3px;
    font-weight: bolder;
    font-size: 24px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
}

@media screen and (max-width: 992px) {
	.media-image-item {
		width: calc(100% / 3 - 10px);
	}
}

@media screen and (max-width: 450px) {
	.media-image-item {
		width: calc(100% / 1 - 10px);
	}
}

.media-picker-preview-parent {
	height: 100%;
    border-radius: 10px;
    box-shadow: var(--ct-box-shadow);
    padding: 20px;
}

.media-selectable-images {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.scrollable-content {
	overflow: auto;
	min-height: calc(100vh - var(--ct-topbar-height));
    max-height: calc(100vh - var(--ct-topbar-height));
}

.select2-container .select2-selection {
  overflow: hidden;
}


.border-radius-circle {
	aspect-ratio: 1;
	border-radius: 100%;
}

.absolute-right-bottom {
	position: absolute;
	right: 0;
	bottom: 0;
}

.filter-item {
	height: fit-content;
}

.breadcrumb-item>a {
    color: var(--ct-primary);
}

.app-menu {
	--ct-leftbar-condensed-height: 100vh;
}

.refresh-button {
	padding: 5px;
    margin: 0;
    font-size: 18px;
}

.spinner-custom-text {
	width: 360px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 30px 0 0 -180px;
    font-size: 18px;
}

.logo-box .logo-lg {
    height: 40px;
}

.logo-box .logo-sm {
    height: 34px;
}

.hidden {
	display: none!important;
}

.invalid-tooltip {
	position: relative;
}

.valid-tooltip {
	position: relative;
}

.justify-content-space-between {
	justify-content: space-between;
}

.justify-content-flex-end {
	justify-content: flex-end;
}

.display-flex {
	display: flex;
}

.width-fit-content {
	width: fit-content!important;
}

.w-75 {
	width: 75%;
}

.w-25 {
	width: 25%;
}

.h-6 {
	height: 1.5rem;
} 

.w-6 {
	width: 1.5rem;
} 


.h-10 {
	height: 2.5rem;
} 

.w-10 {
	width: 2.5rem;
} 

.h-4 {
	height: 1rem;
} 

.w-4 {
	width: 1rem;
} 

.mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.ml-0 {
	margin-left: 0!important;
}

.ml-2 {
	margin-left: .5rem;
}

.mr-4 {
	margin-right: 1rem;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.text-align-left {
	text-align: left;
}

.text-align-center {
	text-align: center;
}

.border-r {
	border-right-width: 1px;
}

.border-l {
	border-left-width: 1px;
}

.duration-5ms {
	animation-duration: .25s;
}

.duration-50ms {
	animation-duration: .50s;
}

.animate__animated.animate__delay-15ms {
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}

.-mt-1 {
	margin-top: -1rem!important;
}


.full-width {
	width: 100%;
} 

.flex-direction-column {
	flex-direction: column;
}

.center-align {
	display: flex;
	justify-content: center;
	align-items: center;
}

.swal2-popup .swal2-content, .swal2-popup .swal2-html-container {
    margin-top: 0rem!important;
}

.capitalize {
	text-transform: capitalize;
}

.cstm-btn-rounded {
	transition: .15s;
	border-radius: 100%;
    width: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    border: 1px solid;
}

.cstm-btn-rounded:hover {
	transition: .15s;
	background-color: #ebebeb;
}