* {
	padding: 0;
	margin: 0;
}
/* scrollbar custom css */
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	border-radius: 10px;
}
/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: #ccd3e5;
	border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #a2adc8;
}
/*End here*/

@font-face {
	font-family: "FiraSans-Black";
	src: url("../css/fonts/FiraSans-Black.ttf") format("truetype");
	font-style: normal;
}
@font-face {
	font-family: "FiraSans-Bold";
	src: url("../css/fonts/FiraSans-Bold.ttf") format("truetype");
	font-style: normal;
}
@font-face {
	font-family: "FiraSans-Light";
	src: url("../css/fonts/FiraSans-Light.ttf") format("truetype");
	font-style: normal;
}
@font-face {
	font-family: "FiraSans-Regular";
	src: url("../css/fonts/FiraSans-Regular.ttf") format("truetype");
	font-style: normal;
}
@font-face {
	font-family: "FiraSans-Thin";
	src: url("../css/fonts/FiraSans-Thin.ttf") format("truetype");
	font-style: normal;
}
html,
body {
	font-family: "FiraSans-Regular";
	font-size: 16px;
}
.font-bold {
	font-family: "FiraSans-Bold";
}
#welcome-page {
	width: 100%;
	height: 600px;
	background: url(../images/welcome-banner.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.container-fluid {
	padding-left: 4rem;
	padding-right: 4rem;
}
.btn-white:hover,
.btn-green:hover,
.btn-red:hover {
	background: transparent;
}
.btn-light-dark:hover,
.btn-light:hover,
.btn-red:hover {
	background: #121839;
	border: solid 1px #121839;
}
.btn-green {
	background: #46cd1f;
	border: solid 1px #46cd1f;
}

.btn-light-dark {
	background: #afacad;
	border: solid 1px #afacad;
	color: #ffffff;
}

/* .btn-red {
	background: #d61b28;
	border: solid 1px #d61b28;
} */
/*Sooraj Code*/
.btn-red {
	background: #541e5d;
	border: solid 1px #541e5d;
}
/*Sooraj Code*/
.left-content {
	bottom: 24%;
	width: 41%;
}
.lightblue-bg {
	background: #eff4ff !important;
}
.quotes {
	font-size: 40px;
	color: #46cd1f;
}
.testimony-section {
	min-height: 200px;
}
.carousel-indicators [data-bs-target] {
	background-color: #707070;
}
.carousel-indicators .active {
	background-color: #000f78;
}
#objectiveModal .modal-dialog {
	max-width: 100%;
	background-image: url(../images/objectivemodal-bg.jpg);
	height: 100%;
	background-size: cover;
	background-position: center;
}
footer {
	z-index: 0;
	padding-left: 280px !important;
}
#objectiveModal .btn-close {
	position: fixed;
	right: 20px;
	top: 20px;
	cursor: pointer;
	z-index: 9;
}
.listhyphen li {
	list-style: none;
	position: relative;
}
.listhyphen li:before {
	content: "";
	width: 20px;
	height: 1px;
	background: #000000;
	position: absolute;
	left: -29px;
	top: 10px;
	color: #000000;
}
.page-title {
	font-size: 45px;
	position: relative;
	color: #121839;
}
.page-title:before {
	content: "";
	position: absolute;
	left: -23%;
	top: 42%;
	width: 100%;
	max-width: 20%;
	background: #121839;
	height: 5px;
}
.page-titlewhite:before {
	background: #ffffff;
}
.page-description {
	color: #121839;
}
.rightbg-patch {
	background: url(../images/login-bg.jpg);
	width: 100%;
	height: 100vh;
	background-size: cover;
	position: relative;
	background-position: right;
}
#login-page .logo {
	position: absolute;
	top: 2%;
	left: 5%;
}

/*header css*/
.nav-side-menu {
	overflow: auto;
	font-size: 12px;
	font-weight: 200;
	background-color: #e8e8e8;
	position: fixed;
	top: 0px;
	width: 260px;
	height: 100%;
	color: #e1ffff;
	z-index: 1;
}
.nav-side-menu .brand {
	background-color: #ffffff;
	line-height: 50px;
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 5px;
}
.nav-side-menu .toggle-btn {
	display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
	list-style: none;
	padding: 2px 15px;
	margin: 0px;
	line-height: 35px;
	cursor: pointer;
	font-size: 16px;
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
	font-family: FontAwesome;
	content: "\f078";
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
	background-color: #ffffff;
	border-radius: 45px;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
	color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
	color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
	background-color: #181c20;
	border: none;
	line-height: 28px;
	border-bottom: 1px solid #23282e;
	margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
	background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
	font-family: FontAwesome;
	content: "\f105";
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}
.nav-side-menu li {
	margin-bottom: 5px;
}
.nav-side-menu li a {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 5px 0;
}
.nav-side-menu li a i {
	padding-left: 10px;
	width: 20px;
	padding-right: 25px;
	font-size: 16px;
}
.nav-side-menu li a:hover {
	/* background: linear-gradient(45deg, #efecec, rgb(31 53 205 / 20%));
    border-radius: 45px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; */
	color: #1f35cd;
}
.nav-side-menu ul .active a,
.nav-side-menu li .active a {
	color: #1f35cd;
}

.main-section {
	margin-left: 260px;
	padding: 22px 40px;
	min-height: 94vh;
}
@media (max-width: 767px) {
	.nav-side-menu {
		position: relative;
		width: 100%;
		margin-bottom: 10px;
	}
	.nav-side-menu .toggle-btn {
		display: block;
		cursor: pointer;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 10 !important;
		padding: 3px;
		background-color: #ffffff;
		color: #000;
		width: 40px;
		text-align: center;
	}
	.brand {
		text-align: left !important;
		font-size: 22px;
		padding-left: 20px;
		line-height: 50px !important;
	}
	.main-section {
		margin-left: 0;
	}
	footer {
		padding-left: 0 !important;
	}
	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate {
		margin: 10px 0;
	}
}
@media (min-width: 767px) {
	.nav-side-menu .menu-list .menu-content {
		display: block;
	}
}

.searchbox::placeholder {
	opacity: 0.2;
	font-style: italic;
}
.progress {
	height: 5px;
}
.filter-section .dropdown-item:focus,
.filter-section .dropdown-item:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
#myTab .nav-link.active {
	color: #1f35cd !important;
	border-bottom: solid 3px #1f35cd !important;
}
/* #dashboard-page .box {
	background: #d61b28;
} */
/*Sooraj Code*/
#dashboard-page .box {
	background: #121839;
}
.box:hover .count {
	color: #1f35cd;
}
/*Sooraj Code*/
#dashboard-page .box-grey {
	background: #f7f8ff;
}
/* .box:hover .count {
	color: #1f35cd;
} */
.box:hover {
	color: #ffffff;
}
.box:hover .fas.fa-chalkboard-teacher {
	color: rgba(0, 0, 0, 0.4);
}
.box-grey .count {
	color: #1f35cd;
}
.box-grey:hover,
.box-grey:hover .count {
	color: #ffffff;
}

.text-blue {
	color: #1f35cd;
}
.bg-green {
	background: #46cd1f;
}
.text-lightgrey {
	color: rgba(0, 0, 0, 0.4);
}
.bg-lightgreen {
	background: #e9ffe1;
}
.bg-lightblue {
	background: #eef3ff;
}
.text-green {
	color: #46cd1f;
}
.border-text:before {
	content: "";
	position: absolute;
	left: -120px;
	top: 36px;
	width: 50%;
	height: 0;
	border-bottom: solid 1px #c3bbbb;
}
.border-text:after {
	content: "";
	position: absolute;
	right: -120px;
	top: 36px;
	width: 50%;
	height: 0;
	border-bottom: solid 1px #c3bbbb;
}
.form-control:focus {
	box-shadow: none;
}

/*timeline connect inner css*/
#connect-inner-page .line-bg:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 0px;
	border-left: dotted 1px;
	z-index: -1;
}
#connect-inner-page .status-circle {
	width: 15px;
	height: 15px;
}

#mylearning-inner .icon-group,
#mylearning-inner .line-bg,
#mylearning-inner .timelinestart {
	position: relative;
	max-width: 141px;
	width: 100%;
}
.icon-group:after {
	content: "";
	width: 50%;
	position: absolute;
	right: 0;
	top: 78%;
	border-bottom: dotted 2px;
	z-index: -1;
}
.line-bg:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	border-left: solid 2px;
	z-index: -1;
}
.line-bg-dotted:before {
	border-left: dotted 2px;
}
.status-circle {
	width: 35px;
	height: 35px;
	line-height: 34px;
	animation: ripple-anim 1.5s infinite;
	box-shadow: 0px 0px 11px 2px rgb(0 0 0 / 40%);
}
@keyframes ripple-anim {
	0% {
		-moz-box-shadow: 0 0 0 0 rgb(86 82 80 / 24%);
		box-shadow: 0 0 0 0 rgb(86 82 80 / 24%);
	}
	70% {
		-moz-box-shadow: 0 0 0 15px rgba(255, 153, 0, 0);
		box-shadow: 0 0 0 15px rgba(255, 153, 0, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 153, 0, 0);
		box-shadow: 0 0 0 0 rgba(255, 153, 0, 0);
	}
}
.flag-icon {
	max-width: 141px;
	width: 100%;
}
.outline-circle {
	position: relative;
	max-width: 169px;
	width: 100%;
}
.outline-circle:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -9px;
	width: 15px;
	height: 15px;
	border: solid 2px #1687bf;
	border-radius: 50%;
	background: #fff;
}
.card,
.box-grey,
.box,
.boxshadow {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.boxshadow:hover,
.card:hover,
.box-grey:hover,
.box:hover {
	transform: translateY(calc(0 / 5));
	box-shadow: 0 5px 10px rgb(30 32 37 / 12%);
	background: #fff3f3;
}
.hover-bgnone:hover {
	background: #46cd1f;
}
.blacktextopacity {
	color: rgba(0, 0, 0, 0.4);
}
.whitetextopacity {
	color: rgba(255, 255, 255, 0.4);
}
.bg-lightblue {
	background: #eff4ff;
}
#mylearning-inner .carousel-control-prev-icon,
#mylearning-inner .carousel-control-next-icon {
	background-image: none;
	width: 45px;
	height: 30px;
	background: #ffffff;
	line-height: 20px;
	padding: 6px;
	font-size: 20px;
}
#mylearning-inner .carousel-control-prev-icon:hover,
#mylearning-inner .carousel-control-next-icon:hover {
	color: #ffffff;
}
#mylearning-inner .carousel-control-prev,
#mylearning-inner .carousel-control-next {
	width: 45px;
	height: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#mylearning-inner .carousel-control-prev {
	left: 5%;
}
#mylearning-inner .carousel-control-next {
	right: 5%;
}
#mylearning-inner .carousel-indicators [data-bs-target] {
	width: 10px;
	height: 10px;
	border: solid 1px;
	border-radius: 50%;
}
#mylearning-inner .carousel-indicators [data-bs-target] {
	background-color: #ffffff;
}
#mylearning-inner .carousel-indicators .active {
	background-color: #46cd1f;
	border: solid 1px #46cd1f;
}
#videoModal.modal {
	background: rgba(255, 255, 255, 0.5);
}
#videoModal .btn-close {
	top: 10px;
	right: 10px;
	background-size: 40%;
	z-index: 9;
}
.disabled {
	opacity: 0.7;
	pointer-events: none;
}

.support-table th {
	border-bottom-color: #cccccc !important;
}
.open-border {
	border-left: solid 3px #eb5626;
}
.close-border {
	border-left: solid 3px #46cd1f;
}
.support-table td,
.support-table th,
#organization_ticket td,
#organization_ticket th {
	padding: 0.7rem 0.5rem;
}
.bg-lightpurple {
	background: #dfe5fd;
}
.tablehover:hover {
	background: #fff3f3;
}
.notification .far {
	font-size: 22px;
}
.notification .badge {
	top: -3px;
	left: 24px;
	background: #eb5626;
	min-width: 18px;
	min-height: 18px;
}

.badge-pulse-animation {
	animation: timing-pulse 1.5s infinite;
	box-shadow: 0px 0px 11px 2px rgb(0 0 0 / 40%);
}

.notificationCount {
	font-size: 11px;
}

.support-inner table,
tbody,
tr,
td {
	border: 0;
}
.notify-dropdown {
	height: 300px;
	overflow-y: scroll;
}
.notify-footer {
	position: fixed;
	bottom: 0;
	height: 30px;
	background: #ffffff;
}

table.dataTable thead th {
	background: transparent !important;
	white-space: nowrap;
}

table.dataTable thead span.sort-icon {
	display: inline-block;
	padding-left: 5px;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	top: 3px;
	position: relative;
}

table.dataTable thead .sorting span {
	background: url("../images/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc span {
	background: url("../images/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc span {
	background: url("../images/sort_desc.png") no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled span {
	background: url("http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_asc_disabled.png")
		no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled span {
	background: url("http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_desc_disabled.png")
		no-repeat center right;
}

table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_desc_disabled:before {
	content: "";
	display: none;
}

table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_desc_disabled:after {
	content: "";
	display: none;
}

.course-close-btn {
	position: absolute;
	top: -12px;
	right: -12px;
	font-size: 10px;
	z-index: 999;
}

/* .course-close-btn-icon{
    font-size: 10px;
    color: red !important;
    padding: 5px;
    background-color: #ffffff;
} */

@keyframes timing-pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgb(235 86 38 / 60%);
		box-shadow: 0 0 0 0 rgb(235 86 38 / 60%);
	}
	70% {
		-moz-box-shadow: 0 0 0 15px rgba(255, 153, 0, 0);
		box-shadow: 0 0 0 15px rgba(255, 153, 0, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 153, 0, 0);
		box-shadow: 0 0 0 0 rgba(255, 153, 0, 0);
	}
}
.pagination .page-item {
	margin: 5px;
}
.pagination .page-item .page-link {
	border-radius: 50%;
	color: #000000;
	padding: 4px 12px;
}
.pagination .page-link.active {
	background: #000000;
	color: #ffffff;
}
/*animation delay css*/
.fa-heart,
.fa-star,
.fa-trophy,
.fa-ribbon,
.fa-share-alt,
.fa-award,
.fa-clock {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.fa-heart:hover {
	color: red;
	filter: drop-shadow(0px 1px 5px rgb(255 0 0 / 0.4));
	transform: scale(1.3);
}

.fa-star:hover,
.fa-ribbon:hover,
.fa-trophy:hover,
.fa-share-alt:hover,
.fa-award:hover,
.fa-clock:hover {
	transform: translateY(calc(-1.5rem / 5));
	color: #eb5626;
}
#support-inner .card:hover {
	transform: none;
}
.wel-icon {
	background: #121839;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	padding: 9px;
	transition: all 0.8s ease;
	margin: auto;
	background-position: 0px;
	background-size: 200px;
}
/* .wel-icon:hover {
    background: linear-gradient(200deg, #46cd1f, #666a64);
    box-shadow: 2px 2px 10px rgb(0 0 0 / 40%);
    background-position: -136px;
    transition: all 0.3s ease;
} */
.dashboard-countbox {
	display: block;
	position: relative;
	background-color: #f2f8f9;
	z-index: 0;
	overflow: hidden;
}
.dashboard-countbox:before {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: -31px;
	right: -23px;
	/*background: #d61b28;*/
	background: #121839; /*Sooraj Code*/
	height: 32px;
	width: 32px;
	border-radius: 32px;
	transform: scale(1);
	transform-origin: 50% 50%;
	transition: transform 2.5s ease-out;
}
.dashboard-countbox:hover:before {
	transform: scale(100);
}
.dashboard-countbox:hover,
.dashboard-countbox:hover .text-blue,
.dashboard-countbox:hover .blacktextopacity {
	color: #ffffff;
}
.dashboard-countboxblue:before,
#dashboard-page .box:hover {
	background: #eff4ff;
}
.dashboard-countboxblue:hover p,
.dashboard-countboxblue:hover h1,
.dashboard-countboxblue:hover,
.dashboard-countboxblue:hover .whitetextopacity {
	color: rgba(0, 0, 0);
}
.btn-light-dark,
.btn-light,
.btn-green,
.btn-red,
.btn-outline-dark,
.btn-preview {
	z-index: 1;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.btn-light-dark:before,
.btn-light:before,
.btn-green:before,
.btn-red:before .btn-outline-dark:before,
.btn-preview:before {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background: #000000;
	transition: all 0.5s ease;
}
.btn-light-dark:before,
.btn-light:hover:before,
.btn-green:hover:before,
.btn-red:hover:before,
.btn-outline-dark:hover:before,
.btn-preview:hover:before {
	left: 0;
	width: 100%;
}
.btn-light:hover {
	color: #ffffff;
}

.btn-light-dark:hover {
	color: #ffffff;
}

/* .btn-outline-dark:hover {
	background-color: transparent;
} */
.img-box,
.card-img {
	overflow: hidden;
}
.img-box:hover img,
.card-img:hover img {
	/*    transform: scale(1.1);
    transition: all 1s ease;*/
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.img-box img,
.card-img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
}
#connect-inner-page .bg-lightgreen:hover,
#connect-inner-page .bg-lightblue:hover,
#connect-inner-page .bg-primary:hover {
	background: transparent;
	outline: solid 1px;
	box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
}
#dashboard-page .table td {
	padding: 0.5rem 0.7rem 0.5rem 0.7rem;
}
#mylearning-inner .rightinfo:hover {
	box-shadow: 0 5px 10px rgb(30 32 37 / 12%);
}
/* organization css */
#organization_ticket tr,
#organization_ticket th,
#organization_course tr,
#organization_course th,
#manage-user tr,
#manage-user th,
#admin-category th,
#admin-category tr,
#admin-course tr,
#admin-course th,
#admin-user tr,
#admin-user th,
#admin-forum tr,
#admin-forum th,
#admin-vltsession tr,
#admin-vltsession th,
#admin-voucher tr,
#admin-voucher th,
#admin-organization tr,
#admin-organization th,
#admin-ticket tr,
#admin-ticket th,
#admin-extlearn th,
#admin-extlearn tr,
#admin-extlearningmaterial tr,
#admin-extlearningmaterial th,
#admin-faq tr,
#admin-faq th,
#admin-manageorg tr,
#admin-manageorg th,
#admin-courseenroll tr,
#admin-courseenroll th,
#admin-scorm th,
#admin-scorm tr {
	border: 0;
	padding: 0.7rem 0.5rem;
}

#admin-category td,
#organization_ticket td,
#organization_course td,
#manage-user td,
#admin-course td,
#admin-user td,
#admin-forum td,
#admin-vltsession td,
#admin-organization td,
#admin-ticket td,
#admin-extlearn td,
#admin-extlearningmaterial td,
#admin-faq td,
#admin-manageorg td,
#admin-courseenroll td,
#admin-scorm td {
	border-top: solid 1px #dee2e6;
}
.pagination .page-item.active .page-link {
	background-color: #000000;
	color: #ffffff;
	border-color: #000000;
}

.dataTables_wrapper .dataTables_filter input {
	padding: 5px 55px 5px 15px;
	border: 0;
	border-bottom: 1px solid #dee2e6;
	border-radius: 0;
}
.dataTables_filter label:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f002";
	position: absolute;
	right: 15px;
	top: 1px;
}
div.dataTables_wrapper div.dataTables_filter label {
	position: relative;
}
.dataTables_wrapper .dataTables_filter input::placeholder {
	color: rgba(0, 0, 0, 0.2);
	font-style: italic;
	font-size: 16px;
}
.status-text {
	position: absolute;
	top: 18px;
	font-weight: 600;
	left: 30px;
}
.live-completed {
	border: solid 1px red !important;
}
.fa-signal-stream:before {
	content: "\f8dd";
}
.seperator-line {
	width: 2px;
	height: 50px;
	background: #e9ecef;
}
.st-inner td {
	padding: 0 10px !important;
}
/* end organization css */
@keyframes timing-pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgb(235 86 38 / 60%);
		box-shadow: 0 0 0 0 rgb(235 86 38 / 60%);
	}
	70% {
		-moz-box-shadow: 0 0 0 15px rgba(255, 153, 0, 0);
		box-shadow: 0 0 0 15px rgba(255, 153, 0, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 153, 0, 0);
		box-shadow: 0 0 0 0 rgba(255, 153, 0, 0);
	}
}
.pagination .page-item {
	margin: 5px;
}
.pagination .page-item .page-link {
	border-radius: 50%;
	color: #000000;
	padding: 4px 12px;
}
.pagination .page-link.active {
	background: #000000;
	color: #ffffff;
}
/* .dropdown::after{
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
} */
.dropdown.collapsed::after {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 0;
}
#organization_ticket th {
	border-bottom-color: #cccccc !important;
}
.support-table .dropdown:after {
	content: "";
	width: 0;
	height: 0;
	display: none;
}
.action-dropdown .dropdown-menu {
	min-width: 6rem;
	text-align: center;
}
@media screen and (min-device-width: 992px) and (max-device-width: 1250px) {
	#mylearning-inner .icon-group,
	#mylearning-inner .line-bg,
	#mylearning-inner .timelinestart {
		max-width: 113px;
	}
	.outline-circle {
		max-width: 120px;
	}
	.flag-icon {
		max-width: 113px;
	}
}
@media screen and (max-width: 991px) {
	#mylearning-inner .icon-group,
	#mylearning-inner .line-bg,
	#mylearning-inner .flag-icon,
	#mylearning-inner .timelinestart {
		max-width: 100%;
	}
	.outline-circle {
		max-width: 98%;
	}
	.icon-group:after {
		display: none;
	}
	.left-content {
		position: relative;
		width: 85%;
	}
	.container-fluid {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	#objectiveModal .modal-dialog {
		background-color: #c7cbd6;
		background-image: none;
		height: auto;
	}
}
@media (max-width: 700px) {
	.dataTables_filter label {
		margin: 10px 0;
	}
	.dataTables_filter .btn {
		margin: 5px 0;
	}
}