/* Departments page */
#page-departments .custom-modal.show {
	padding-right: 0 !important;	
}

#page-departments .custom-modal .modal-content .modal-body .form-control:focus {
	box-shadow: unset;
	border: 1px solid #edf0f2;
}

#page-departments .page__container .custom-select:focus {
	box-shadow: unset;
	border: 1px solid #edf0f2;
}

#page-departments .page__container .row .col-sm-12 td {
	text-transform: capitalize;
}

#page-departments .page__container .dataTables_wrapper .dataTables_length select {
	margin: 0 5px;
}

#page-departments .page__container .dataTables_wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

#page-departments .modal .modal-body .custom-control-label::before {
	box-shadow: unset;
}

/* Designation page */
#page-designations .page__container .dataTables_wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

#page-designations .page__container .dataTables_wrapper .dataTables_length select {
	margin: 0 5px;	
}

#page-designations .page__container .dataTables_wrapper .dataTables_length select:focus {
	box-shadow: unset;
	border: 1px solid #edf0f2;
}

#page-designations .custom-modal.show {
	padding-right: 0 !important;	
}

#page-designations .custom-modal .modal-content .modal-body .form-control:focus {
	box-shadow: unset;
	border: 1px solid #edf0f2;
}

#page-designations .page__container .custom-select:focus {
	box-shadow: unset;
	border: 1px solid #edf0f2;
}

#page-designations .custom-modal .modal-content .modal-body .select2-container .select2-selection:focus {
	box-shadow: unset !important;
	border: 1px solid #edf0f2;
}

#page-designations .custom-modal .modal-content .select2-container .select2-search__field:focus {
	box-shadow: unset !important;
	border: 1px solid #edf0f2;
}

#page-designations .modal .modal-body .custom-control-label::before {
	box-shadow: unset;
}

#page-designations .page__container .dataTables_wrapper .table tbody td {
	text-transform: capitalize;
}

/* Task board page */
#page-project-view .mdk-drawer-layout__content.page-content{
	position: relative;
	min-height: 1px;
	height: 100%;
}

#page-project-view .container.page__container .row .col-auto i.fa-chess-board {
	border: 1px solid #FB821F;
}

#page-project-view.display-list .container.page__container .row .col-auto i.fa-chess-board {
	border: unset;
}

#page-project-view.display-list .container.page__container .row .col-auto i.fa-list {
	border: 1px solid #FB821F;
}

#page-project-view .container.page__container .row .col-auto i.fa-chess-board:before {
	content: "\F0CE";
}

#page-project-view .container.page__container .row .col-auto {
	display: flex;
	column-gap: 10px;
	align-items: center;	
}

#page-project-view.display-list .container.page__container .kanban-board .card-body {
	padding: 0;
}

#page-project-view.display-list .container.page__container .kanban-board {
	border: unset;
}

#page-project-view.display-list .container.page__container .kanban-board .card-body .kanban-cont {
	flex-direction: column;
	/*row-gap: 25px;*/
	overflow: hidden;
	overflow-y: auto;
}

#page-project-view.display-list .container.page__container .kanban-board .card-body .kanban-cont .kanban-list {
	background-color: unset;
	width: 100%;
	margin: 0;
}

#page-project-view.display-list .container.page__container .kanban-board .card-body .kanban-cont .kanban-list > .kanban-header {
	background-color: unset;
	border: 1px solid #e3e3e3;
	border-left: unset;
	border-right: unset;
	cursor: pointer;
	border-top: 1px solid white;
	padding: 8px 15px;
}

#page-project-view.display-list .container.page__container .kanban-board .card-body .kanban-cont .kanban-list:first-child { 
	border-top: 1px solid #e3e3e3;
}

#page-project-view.display-list .container.page__container .kanban-board .card-body .kanban-cont .kanban-list > .kanban-header > .status-title:before {
	content: '\F0DA';
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	font-size: 15px;
	color: gray;
}

#page-project-view.display-list .container.page__container .kanban-list.active-list > .kanban-header > .status-title:before {
	font-size: 7px;
 	transform: rotate(90deg);
}

#page-project-view.display-list .container.page__container .kanban-list > .kanban-header > .status-title {
	color: rgba(0,0,0,.8);
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: normal;
	text-transform: capitalize;
	padding: 0 3px;
	border: 1px solid white;
	display: flex;
	align-items: center;
	column-gap: 10px;
}	

#page-project-view.display-list .container.page__container .kanban-list > .kanban-header:hover > .status-title {
	border: 1px solid rgba(0,0,0,.3);	
	transition: all 0.3s ease;
}

#page-project-view.display-list .container.page__container .kanban-list > .kanban-wrap {
	padding: 0;
	max-height: unset;
	overflow: hidden;
}

#page-project-view.display-list .container.page__container .kanban-list .kanban-wrap {
	display: none;
}

#page-project-view.display-list .container.page__container .kanban-list.active-list .kanban-wrap {
	display: block;
}

#page-project-view.display-list .container.page__container .kanban-list > .kanban-wrap > .card {
	border-left: unset;
	border-right: unset;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 0;
	border-top: 1px solid white;
	padding: 0 20px 0 20px;
}

#page-project-view.display-list .container.page__container .kanban-list > .kanban-wrap > .card:hover {
	background-color: #f9f8f8;
	border: 1px solid rgba(0,0,0,.3);
	border-left: unset;
	transition: all 0.3s ease;
}

#page-project-view.display-list .container.page__container .kanban-board .card-body .kanban-cont .kanban-list .kanban-header:hover {
	background-color: #f9f8f8;
	border: 1px solid rgba(0,0,0,.3);
	border-left: unset;
	transition: all 0.3s ease;
}

#page-project-view.display-list .container.page__container .kanban-list > .kanban-header .dropdown.kanban-action {
	display: flex;
	column-gap: 10px;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-header {
	display: flex;
	justify-content: space-between;
	/*width: calc(100% - 135px);*/
	padding: 8px 15px;
	column-gap: 5px;
	width: 70%;
	border-right: 1px solid #e3e3e3;
	align-items: center;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-header .wrapper {
	display: flex;
	flex-direction: row;
	/*width: calc(100% - 15% - 5px);*/
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-header .task-hover-icon {
	display: flex;
	gap: 5px;
	width: 15%;
	justify-content: end;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-header .task-hover-icon .kanban-task-action {
	opacity: 0;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-header:hover .task-hover-icon .kanban-task-action {
	opacity: 1;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-header .status-title {
	display: flex;
	align-items: center;
	column-gap: 5px;
}

#page-project-view.display-list .container.page__container .kanban-list .kanban-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-body {
	padding: 0;
	font-size: 13px;
	width: calc(100% - 70%);
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-body .kanban-footer .task-info-cont {
	display: flex;
	/*width: calc(100% - 33.33%);*/
	width: 33.33%;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-body .kanban-footer .task-info-cont .date {
	width: 50%;
	padding: 10px 8px;
	border-right: 1px solid #e3e3e3;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-body .kanban-footer .task-info-cont .priority-task {
	width: calc(100% - 50%);
	padding: 10px 8px;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-body .task-users {
	height: 24px;
	width: 24px;
	display: block;
	margin: 0;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-body .task-users .task-avatar {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-header a {
	color: rgba(0,0,0,.8);
	font-weight: 300;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: normal;
	text-transform: capitalize;
	padding: 0 3px;
	border: 1px solid white;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-header i.fa-angle-right {
	-webkit-text-stroke: 1px white;
	padding-left: 5px;
	font-size: 15px;	
	display: none;
	cursor: pointer;
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-header:hover i.fa-angle-right {
	display: inline-flex;
	align-self: center;	
}

#page-project-view .container.page__container .kanban-list .task-board-header i.fa-angle-right {
	display: none;	
}

#page-project-view.display-list .container.page__container .kanban-list .task-board-header .dropdown .dropdown-menu {
	display: none;
}

#page-project-view.display-list .container.page__container .kanban-list > .kanban-wrap > .card:hover .task-board-header a {
	border: 1px solid rgba(0,0,0,.3);
	transition: all 0.3s ease;
}

#page-project-view.display-list .container.page__container .kanban-list > .kanban-wrap > .card:hover .task-board-header .dropdown-toggle {
	border: unset;	
}

#page-project-view.display-list .container.page__container .kanban-list > .kanban-header .kanban-action > a {
	width: 18px;
	height: 18px;
}

#page-project-view.display-list .container.page__container .kanban-list > .kanban-header .kanban-action .material-icons {
	font-size: 12px;
}

#page-project-view.display-list .container.page__container .fa-angle-down::before {
	content: "\F2ED";
	color: rgba(0, 0, 0, 0.3);
}

#page-project-view.display-list .container.page__container .kanban-list > .kanban-wrap > .card:hover .task-board-header .dropdown-toggle:hover {
	border: unset;
}

#page-project-view .task-container.display-task {
	display: flex;
	/*position: relative;*/
}

#page-project-view .task-container.display-task .task-detail .page-section.border-bottom-2 .page__container {
	padding: 0 20px !important;
}

#page-project-view .task-container.display-task .task-detail .page-section.border-bottom-2 .page__container .row {
	flex-direction: column;
}

#page-project-view .task-container.display-task .task-detail .page-section.border-bottom-2 .page__container .row .col-md-8 .card .row {
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 10px;
}

#page-project-view .task-container.display-task .task-detail .page-section.border-bottom-2 .page__container .row .col-md-8 .card .row .imagecard {
	flex: unset;
    max-width: unset;
    width: calc(33.33% - 10px * 2/3);
}

#page-project-view .task-container.display-task .task-detail .page-section.border-bottom-2 .page__container .row.col-md-12 {
	flex-direction: row;
}

#page-project-view .task-container .task-detail .page__container .row .col-md-8 {
	flex: 0 0 100%;
	max-width: 100%;
	order: 2;
}

#page-project-view .task-container .task-detail .page__container .row .col-md-4 {
	flex: 0 0 100%;
	max-width: 100%;
	order: 1;
}

#page-project-view .task-detail:empty {
	display: none;
}

#page-project-view.display-list .task-container {
	display: flex;
	transition: all 0.5s ease;
	/*position: relative;*/
}

#page-project-view .task-container .content-wrapper { 
	width: 100%;
}

#page-project-view .task-container.display-task .content-wrapper {
	display: flex;
	flex-direction: column;
	/*width: 45%;*/
	width: 60%;
	transition: all 0.3s ease;
}

#page-project-view .task-container.display-task .page-section {
	width: 100%;
	transition: all 0.3s ease;
}

#page-project-view .task-container .page-section {
	width: 100%;	
}

#page-project-view .task-container.display-task .task-detail {
	/*width: calc(40% + 145px);*/
	width: calc(40% + 270px);
	/*width: calc(55% + 150px);*/
}

#page-project-view .task-container.display-task .task-detail {
	/*height: unset;*/
	transition-duration: 300ms;
    transform: translateX(0); 
    box-shadow: 0px 1px 3px gray;
    /*position: relative;*/
    position: absolute;
	/*top: -116px;*/
	top: 82px;
	right: 0;
	/*margin-bottom: -116px;*/
	background-color: rgb(255, 255, 255);
	/*height: 100%;*/
	height: calc(100% - 165px);
	z-index: 9999;
	overflow-y: auto;
	overflow-x: hidden;
}

#page-project-view.display-list .task-container.display-task .container.page__container .kanban-list .task-board-body {
	display: none;
}

#page-project-view .task-container .task-detail .page-section {
	width: 100%;
	/*padding-bottom: 116px;*/
}	

#page-project-view .task-container .task-detail .page__container .assign-info .avatar {
	width: 25px;
	height: 25px;
}

#page-project-view .task-container .task-detail .page__container .duedate-info .task-date .icon-40pt {
	font-size: 25px !important;
}

#page-project-view .task-container .task-detail {
	display: none;
	transform: translateX(100%);
}

#page-project-view .task-detail { 
	display: none;
}

#page-project-view .task-container .task-detail .page__container .flex h4:focus,
#page-project-view .task-container .task-detail .page__container .flex h4:hover {
	border: unset;
}

#page-project-view .task-container .task-detail .page__container .row .d-flex a.avatar {
	width: 25px;
	height: 25px;
}

#page-project-view .task-container .task-detail .page__container .row .col-md-4 .card .list-group .list-group-item {
	padding: 10px;
}

#page-project-view .task-container .task-detail .page__container .row .form-group .text-break:focus {
	border: unset;
}

#page-project-view .task-container.display-task .task-detail .page__container .d-flex .flex {
	width: calc(100% - 40px);
}

#page-project-view .task-container .task-detail .container i {
	cursor: pointer;
}

#page-project-view .task-container .task-detail .container .icons {
	display: flex;
	gap: 5px;
	align-items: center;
	margin-top: 5px;
	width: 40px;
}

#page-project-view .task-container .task-detail .container .icons .material-icons { 
	font-size: 21px;	
}

#page-project-view .task-container .kanban-list > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-footer {
	align-items: center;
	justify-content: unset;
	gap: 5px;
}

#page-project-view.display-list .task-container .kanban-list > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-footer {
	justify-content: end;
	/*align-items: center;*/
	margin-top: 0;
}

#page-project-view.display-list .task-container .kanban-list > .kanban-wrap > .card > .kanban-box > .task-board-body > .kanban-footer .users {
	/*width: 16.67%;	*/
	width: 33.33%;
	/*padding: 0 8px;*/
	padding: 10px 8px;
	border-right: 1px solid #e3e3e3;
	height: unset;
}

#page-project-view.display-list .task-container.display-task .container.page__container .kanban-list .task-board-header {
	width: 100%;
}

#page-project-view .task-container .task-detail .page__container .row .form-group.mb-32pt {
	/*border: 1px solid #e9edf2;*/
}

#page-project-view .task-container .task-detail .page__container .row.col-md-12 {
	gap: 10px;
	align-items: center;
}

#page-project-view .task-container .task-detail .page__container .row.col-md-12 .d-flex .mr-16pt {
	margin-right: 0 !important;
}	

#page-project-view .task-container .task-detail .page__container .row.col-md-12 .assign-div .remove-icon {
	margin-right: 0 !important;
}

#page-project-view .task-container .task-detail .page__container .row.col-md-12 .btn-group {
	/*max-height: 40px;*/
	display: flex;
  	flex-direction: column;
}

#page-project-view .task-container .task-detail .page__container .row.col-md-12 .btn-group {
	/*max-height: 40px;*/
	display: flex;
  	flex-direction: column;
  	padding: 9px 25px 9px 9px;
  	border: 1px solid transparent;
  	gap: 2px;
}

#page-project-view .task-container .task-detail .page__container .row.col-md-12 .buttons {
	display: flex;
	gap: 45px;
	margin-left: 30px;
	align-items: center;
}

#page-project-view .task-container .task-detail .page__container .row.col-md-12 .buttons a {
	display: flex;
	flex-direction: column;
	width: unset;
}

#page-project-view .task-container .task-detail .page__container .row.col-md-12 .buttons .inner {
	/*line-height: 16px;*/
	color: rgba(39,44,51,.5);
	line-height: 1.2;
	font-size: .8125rem;
	font-weight: 400;
	text-align: left;
	/*font-family: 'Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol';*/
}

#page-project-view .task-container.display-task .task-detail .page-section.border-bottom-2 .page__container .flex #tasktitle {
	text-align: left;
}

#page-project-view .task-container.display-task .task-detail .page__container .card .list-group-item {
	align-items: center;
}

#page-project-view .task-container.display-task .task-detail .page__container .card .list-group-item .d-flex {
	align-items: center !important;
	gap: 10px;
}

#page-project-view .task-container .task-detail .page__container .row .col-md-4 .card .list-group .list-group-item.hide-on-desktop {
	display: none !important;
}

#page-project-view .task-container .task-detail .show > .btn-outline-warning.dropdown-toggle { 
	background: unset;
	border: unset;
}

#page-project-view .task-container .task-detail .show > .btn-outline-warning.dropdown-toggle:hover { 
	background: unset;
	border: unset;
}

#page-project-view .task-container .task-detail .buttons .btn-group .btn {
	border: unset;
	background-color: unset;
}

#page-project-view .task-container .task-detail .buttons .btn-group .btn:focus {
	box-shadow: unset;	
	background-color: unset;
}

#page-project-view .task-container .task-detail .buttons .btn-group .btn:active {
	box-shadow: unset;
	background-color: unset;
}

#page-project-view .task-container .task-detail .buttons .btn-group .btn:hover {
	background-color: unset;
	border: unset;
	/*color:inherit;*/
	color: rgba(39,44,51,1);
}

#page-project-view .task-container .task-detail .buttons .btn-group .btn.btn-outline-success,
#page-project-view .task-container .task-detail .buttons .btn-group .btn.btn-outline-warning,
#page-project-view .task-container .task-detail .buttons .btn-group .btn.btn-outline-danger {
	color: rgba(39,44,51,0.5);
}

#page-project-view .task-container .task-detail .buttons .btn-group .btn:hover::after {
	/*color: #303840;*/
}

#page-project-view .task-container .task-detail .buttons .priority {
	/*padding: 9px;*/
	/*border: 1px solid transparent;*/
	/*align-items: center;*/
	column-gap: 8px;
	flex-direction: column;
	justify-content: center;
}

#page-project-view .task-container .task-detail .buttons .d-flex .btn-group:hover {
	/*border-color: #e3e3e3;*/
	cursor: pointer;
	border: 1px solid #e3e3e3;
  	border-radius: 10px;
  	/*padding: 10px;*/
}

#page-project-view .task-container .task-detail .buttons .priority .btn-group .btn {
	display: flex;
	/*flex-direction: column-reverse;*/
	padding: 0;
	column-gap: 5px;
	text-transform: unset;
	justify-content: flex-start;
	line-height: 14px;
}

/*#page-project-view .task-container .task-detail .buttons .btn-group .btn.btn-outline-success strong,
#page-project-view .task-container .task-detail .buttons .btn-group .btn.btn-outline-warning strong,
#page-project-view .task-container .task-detail .buttons .btn-group .btn.btn-outline-danger strong {
	font-size: 1rem;
	color: #303840;
	line-height: 16px;
}*/

#page-project-view .task-container .task-detail .buttons strong {
	/*color: rgba(39,44,51,.5);
	line-height: 1.5;
	font-size: .8125rem;
	font-weight: 400;*/
	font-size: 1rem;
	color: #272c33;
	line-height: 16px;
}

#page-project-view .task-container .task-detail .buttons .status .btn-group .btn {
	/*color: inherit;*/
	color: rgba(39,44,51,0.5);
	padding: unset;
	/*padding: 9px;
	border: 1px solid transparent;*/
	display: flex;
	column-gap: 5px;
	text-transform: unset;
	line-height: 14px;
}

#page-project-view .task-container .task-detail .buttons .status .btn-group:hover {
	border: 1px solid #e3e3e3;
  	border-radius: 10px;
}


/*#page-project-view .task-container .task-detail .buttons .status {
	padding: 9px;
	border: 1px solid transparent;
}*/

#page-project-view .task-container .task-detail .buttons .status .btn-group .btn:focus {
	box-shadow: unset !important;
	background-color: unset !important;
}

#page-project-view .task-container .task-detail .buttons .status .show > .btn-outline-primary.dropdown-toggle { 
	background-color: unset;	
	box-shadow: unset;
}

#page-project-view .task-container .task-detail .buttons .dropdown-menu.show {
	left: -9px !important; 
}

#page-project-view .task-container .task-detail .buttons .show > .btn-outline-success.dropdown-toggle {
	background-color: unset;	
	box-shadow: unset;
}

#page-project-view .task-container .task-detail .page__container .row.col-md-12 .btn-group .btn::after {
	position: absolute;
	right: -18px;
	top: -3px;
	color: rgba(39,44,51,1);
}

#page-project-view .task-container .task-detail .page__container .btn-group .show > .btn-outline-danger.dropdown-toggle {
	box-shadow: unset;
	background-color: unset;	
}

#page-project-view .task-container .task-detail .page__container #duedate {
	margin-right: 0 !important;
}

/* Manage Courses page */
#page-courses .page__container .course_card {
	gap: 20px;
	margin: 0 0 20px;
}
#page-courses .page__container .course_card .card-group-row__col {
	padding: 0;
	width: calc(25% - 20px * 3/4);
	flex: unset;
	max-width: unset;
}

#page-courses .page__container .course_card .card-group-row__col .card {
	padding: 0;
	margin-bottom: 0;
}

#page-courses .page__container .course_card .card .card-img-top {
	/*background-size: 100% !important;*/
	background-repeat: no-repeat;
}

#page-courses .page__container .course_card .card .card-title {
	margin-bottom: 10px;
	text-transform: capitalize;
}

#page-courses .popover .popover-body .media {
	gap: 10px;
}

#page-courses .popover .popover-body .media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#page-courses .popover .popover-body .media-body {
	gap: 5px;
}

#page-courses .popover .popover-body .media-body .card-title {
	text-transform: capitalize;	
}

#page-courses .btn-outline-primary:focus {
	border-color: unset;
	background-color: unset;
	color: #fb821f;
}

/* Create courses page */
#page-create-courses .page__container .custom-file-input:focus ~ .custom-file-label {
	border: 1px solid #edf0f2 !important;
	box-shadow: inset 0 1px 1px rgba(39,44,51,.075);
}

/* Course View page */
#page-course-view .page__container .row.col-md-12 .page-num-container {
	margin-bottom: 0;
}

#page-course-view .page__container .row.m-0 .row .media .media-body .mb-0 {
	margin-bottom: 3px !important;
}

#page-course-view {
	padding-right: 0 !important;
}

/* Create lesson page */
#page-lesson .page__container .page-section .row .col-sm-12 {
	margin-bottom: 0 !important;
}

/* Lesson view page */
#page-lesson-view .page__container .lesson_cnt .form-group.mt-3 {
	margin-top: 25px !important;
}

/* Quize page */
#page-quiz {
	padding-right: 0 !important;
}

#page-quiz .custom-modal {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#page-quiz .page__container .course_card {
	display: flex;
	gap: 20px;
	margin: 0 0 20px;
}

#page-quiz .page__container .course_card .card-group-row__col {
	padding: 0;
	flex: unset;
    max-width: unset;
    width: calc(25% - 20px * 3/4);
}

#page-quiz .page__container .course_card .card-group-row__col .card {
	margin-bottom: 0;	
}

#page-quiz .page__container .course_card .card-group-row__col .card .card-body .card-title {
	margin-bottom: 5px;
}

#page-quiz .page__container .course_card .card-group-row__col .card .card-img-top {
	background-repeat: no-repeat;
}

#page-quiz .popover .popover-body .media-left.mr-12pt {
	margin-right: 0 !important;
	margin-bottom: 10px;
}

#page-quiz .popover .popover-body img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#page-quiz .popover .popover-body .media {
	flex-direction: column;
}

#page-quiz .popover .popover-body .media-body .card-title {
	margin-bottom: 5px !important;
}

/* Training page */
#page-trainings .page__container .table-responsive .media-body p {
	margin-bottom: 5px !important;
}

#page-trainings {
	padding-right: 0 !important;
}

#page-trainings #add_training {
	padding-right: 0 !important;
}

#page-trainings #edit_training {
	padding-right: 0 !important;
}

#page-trainings .page__container .table-responsive table tbody tr td:nth-child(2),
#page-trainings .page__container .table-responsive table tbody tr td:nth-child(3),
#page-trainings .page__container .table-responsive table tbody tr td:nth-child(4) {
	text-transform: capitalize;
}

/* Course view page */
#page-course-view .page__container .row.col-md-12 {
	gap: 10px;
}

#page-course-view .page__container .navbar-nav button.btn-outline-primary:focus {
	box-shadow: inset 0 1px 1px rgb(39 44 51 / 8%), 0 0 0 0 #fb821f !important;
}

#page-course-view .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: unset;
}

#page-course-view .custom-checkbox .custom-control-label::before {
	border: 1px solid #FB821F;
}

#page-course-view .page__container #exp {
	margin-top: 20px;
}

/* Assigned courses page */
#page-assigned-courses .page__container .card .card-body .card-title {
	margin-bottom: 10px;
	text-transform: capitalize;
}

#page-assigned-courses .popover .popover-body .media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#page-assigned-courses .popover .popover-body .row {
	flex-direction: column;
	gap: 10px;
	align-items: unset !important;
}

#page-assigned-courses .popover .popover-body .row .col.text-right {
	text-align: left !important;
}

#page-quiz .page__container .row .col-auto .btn-outline-primary.btn-add:focus:hover {
	background-color: #FB821F;
  	border-color: #FB821F;
  	color: #fff;
}

#page-quiz .page__container .col-auto .btn-outline-primary:focus {
	color: #FB821F;
}

#page-assigned-courses .page__container .row {
	gap: 20px;
	margin: 0;
}

#page-assigned-courses .page__container .row .col-md-6 {
	padding: 0;
	margin: 0;
	width: calc(25% - 20px * 3/4);
	flex: unset;
    max-width: unset;
}

#page-assigned-courses .page__container .row .col-md-6 .card {
	margin-bottom: 0;
}

#page-assigned-courses .page__container .assigned_course_card .card-body .card-title i {
	margin-right: 8px !important;
}

/* Assigned course view page */
#page-assigned-course-view .page-section .page__container .accordion__item .accordion__menu-link i {
	margin-right: 7px !important;
}

#page-assigned-course-view .page-section .page__container .d-flex .flex .row {
	align-items: center;
}

#page-assigned-course-view .page__container .row .btn-outline-primary:focus {
	color: #FB821F;
}

#page-assigned-course-view .page__container .row .btn-outline-primary:active {
    color: #ffffff;
}

#page-assigned-course-view .page__container .row .col-auto .btn-outline-primary:hover {
	background-color: #FB821F;
  	border-color: #FB821F;
  	color: #fff;
}

#page-assigned-course-view .page-section .page__container .accordion__menu .adjust-view-image p:last-child {
	margin-bottom: 0;
}

/* Course lesson view page */
#page-course-lesson-view .page-section .page__container .col-lg-4 .page-nav i {
	margin-right: 7px !important;
}

#page-course-lesson-view .lesson_cnt .btn-outline-primary:focus {
	color: #FB821F;
}

#page-course-lesson-view .lesson_cnt .btn-outline-primary:active {
    color: #ffffff;
}

#page-course-lesson-view .lesson_cnt .page__container .row .col-lg-4.page-nav {
	overflow: hidden;
	max-height: unset;
}

input:-internal-autofill-selected {
	-webkit-box-shadow: 0 0 0 22px #ffffff inset !important;
	-webkit-text-fill-color: #272c33;
    caret-color: #272c33 !important;
}

textarea:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 100px #ffffff inset !important;
	-webkit-text-fill-color: #272c33;
    caret-color: #272c33 !important;
}

#page-timesheets .table-responsive .dt-button-collection {
	pointer-events: none;
}

#page-timesheets .table-responsive .dt-button-collection button.btn {
	pointer-events: auto;
}

.iti__flag-container .iti__country-list {
	width: 350px;
	white-space: unset;
}

/* Trainers page */
#page-trainers #edit_trainer {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Training type page */ 
#page-training-types .page__container .table-responsive table tbody tr td:nth-child(2) {
	text-transform: capitalize;
}

#page-training-types #edit_trainingtype,
#page-training-types #add_trainingtype {
	padding-right: 0 !important;
}

/* Clients page */
#page-clients .row.card-group-row {
	display: flex;
	gap: 20px;
	margin: 0 0 20px 0;
}

#page-clients .row .card-group-row__col {
	padding: 0;
	margin: 0;
	width: calc(25% - 20px * 3/4);
	flex: unset;
    max-width: unset;
}

#page-clients .row .card-group-row__col .card {
	margin-bottom: 0;
}

#page-clients .row .card-group-row__col .card .flex-grow a.p-relative { 
	display: block;	
}

#page-clients .page__container .flex-md-column .filterreset.btn {
	border-radius: 0 0.5rem 0.5rem 0 !important;
}

#page-clients #add_client,
#page-clients #edit_client {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/* Clients show page */
#page-clients-show .page__container .card-body .col-lg-4 .profile-info-left {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#page-clients-show #update_client {
	padding-left: 0 !important;
}

#page-clients-show .page__container .card-body .col-lg-4 .profile-info-left small.text-muted {
	text-transform: capitalize;
}

#page-clients-show .page__container .card-body .profile-basic .profile-img a {
	display: block;
	line-height: 0;
}

#page-clients-show .page__container .card-body .profile-basic .col-md-12 .col-lg-5.col-md-6 .personal-info .d-flex .flex {
	text-align: right !important;
}

#page-clients-list .page__container .table-responsive .col-sm-12 tbody td:nth-child(2) {
	text-transform: capitalize;
}

#page-clients-list .page__container .table-responsive .media-body .d-flex .flex {
	gap: 5px;
}

#page-clients-list .page__container .card .d-flex .filterreset {
	border-radius: 0 0.5rem 0.5rem 0 !important;
}

#page-clients-show #cropImagePop {
	padding-left: unset !important; 
}

/* Employee attendances page */
#page-employee-attendances .page__container .table-responsive tbody small.js-lists-values-budget {
	text-transform: capitalize;
}

#page-employee-attendances #punch_in_or_start_shift {
	padding-right: 0 !important;
}

#page-employee-attendances #view_employee-attendance {
	padding-right: 0 !important;
}

#page-employee-attendances .page__container .card-header {
	gap: 5px;
	display: flex;
	flex-direction: column;
	border-radius: 0.5rem 0.5rem 0 0;
}

#page-employee-attendances .page__container .card {
	border-radius: 0.5rem;
}

#page-employee-attendances .page__container .card .card-form__body {
	border-radius: 0.5rem;
}

#page-employee-attendances .page__container .row .col-md-4 .card .card-body .mb-4pt {
	margin-bottom: .55rem !important;
}

/* Employee leaves page */
#page-employee-leaves .page__container .flex-md-column .filterreset.btn {
	border-radius: 0 0.5rem 0.5rem 0 !important;
}

#page-employee-leaves .page__container .filter-drop .row .daterangepicker {
	top: 80px !important;
}

#page-employee-leaves #edit_leave,
#page-employee-leaves #add_leave {
	padding-right: 0 !important;
}

#page-employee-leaves .modal-content .daterangepicker {
	right: unset !important;
	top: 221px !important;
}

/* Manage leaves page */
#page-leaves .page__container .table-responsive tbody .media-body .flex-column {
	gap: 3px;
}

#page-leaves .page__container .filter-drop .daterangepicker {
	top: 81px !important;
}

#page-leaves #status_leave {
	padding-right: 0 !important;
}

#page-leaves .table-responsive .show .btn-outline-success {
	color: #ffffff;
}

#page-leaves .table-responsive .btn-outline-success:active {
	color: #ffffff;
}

/* Leaves types page */
#page-leave-types #add_leavetype {
	padding-right: 0 !important;
}

#page-leave-types .page__container tbody td:nth-child(2) {
	text-transform: capitalize;
}

#page-leave-types #edit_leavetype {
	padding-right: 0 !important;
}

#page-leave-types .modal-content .modal-body input {
	text-transform: capitalize;
}

/* Employee leaves page */
#page-employee-leaves #edit_leave .modal-content input {
	text-transform: capitalize;
}

/* Attendance page */
#page-attendances .page__container .table-responsive tbody .media-body .flex {
	gap: 3px;
}

#page-attendances #view_attendance {
	padding-right: 0px !important;
}

#page-attendances .modal-content #attendance-view .punch-det {
	gap: 5px;
	display: flex;
	flex-direction: column;
}

#page-attendances .modal-content #attendance-view .page-nav__menu {
	gap: 5px;
}

#page-attendances .modal-content #attendance-view .card-body .page-nav-attendance {
	max-height: unset;
}

#page-attendances .page__container .table-responsive .text-danger:hover,
#page-attendances .page__container .table-responsive .text-danger:focus {
	color: #d9534f !important;
}

#page-attendances .page__container .card .filterreset {
	border-radius: 0 0.5rem 0.5rem 0 !important;
}

#page-attendances .page__container .card .filterreset:focus {
	box-shadow: unset;	
}

#page-attendances .page__container .card .attendancesearch:focus {
	box-shadow: unset;
}

#page-attendances .page__container .table-responsive tbody .media-body .js-lists-values-email {
	text-transform: capitalize;
}

/* Knowledgebase topics page */
#page-knowledgebase-topics .page__container .table-responsive td:nth-child(2) {
	text-transform: capitalize;
}

#page-knowledgebase-topics .page__container .mb-24pt {
	margin-right: 0 !important; 
}

#page-knowledgebase-topics {
	padding-right: 0 !important;
}

#page-knowledgebase-topics #add_topic.modal {
	padding-right: 0!important;
}

#page-knowledgebase-topics #edit_topic {
	padding-right: 0 !important;
}

#page-knowledgebase-topics #add_topic .modal-content .form-group .form-control {
	text-transform: capitalize;
	border: 1px solid #edf0f2;
}

#page-knowledgebase-topics #edit_topic .modal-content .form-group .form-control {
	text-transform: capitalize;
}

#page-knowledgebase-topics .page__container .row .col-auto .btn-outline-primary {
	box-shadow: unset !important;
}

/* Knowledgebase categories page */
#page-knowledgebase-categories .page__container .mb-24pt {
	margin-right: 0 !important;
}

#page-knowledgebase-categories #edit_category .form-group .form-control {
	text-transform: capitalize;
}

#page-knowledgebase-categories #add_category .form-group .form-control {
	text-transform: capitalize;
	border: 1px solid #edf0f2;
}

#page-knowledgebase-categories .page__container .btn-outline-primary:focus {
	box-shadow: unset !important;
}

#page-knowledgebase-categories .page__container .table-responsive tbody td:nth-child(2) {
	text-transform: capitalize;
}

/* Knowledgebase articles page */
#page-knowledgebase-articles .page__container .btn-outline-primary:focus {
	box-shadow: unset !important;
}

#page-knowledgebase-articles .page__container .table-responsive tbody td:nth-child(2) {
	text-transform: capitalize;
}

#page-knowledgebase-articles .page__container .flex .mb-24pt {
	margin-right: 0 !important;
}

#page-knowledgebase-articles .page__container .table-responsive .col-sm-12 .custom-select {
	margin: 0 5px;
}

/* Create article page */
#page-create-article .page__container .col-md-8 .submit-section {
	display: flex;
	gap: 10px;
}

#page-create-article .page__container .col-md-8 .submit-section a {
	display: block;
}

#page-create-article .page__container .row .form-group .form-control:focus {
	border: 1px solid #edf0f2;
	text-transform: capitalize;
}

/* Edit article page */
#page-edit-articles .page__container .mb-24pt {
	margin-right: 0 !important;
}

#page-edit-articles .page__container .article-form .form-control {
	text-transform: capitalize;
}

#page-edit-articles .page__container .submit-section {
	display: flex;;
	gap: 10px;
}

#page-edit-articles .page__container .submit-section a {
	display: block;
}

/* Knowledgebase page */
#page-knowledgebase .page__container .card.stack::after {
	box-shadow: unset;
	left: unset;
	right: unset;
}

#page-knowledgebase .page__container .row {
	margin: 0 0 20px 0 !important;
	gap: 25px;
}

#page-knowledgebase .page__container .row .col-md-6 {
	padding: 0;
 	margin: 0;
 	width: calc(33.33% - 25px * 3/4);
 	flex: unset;
    max-width: unset;
}

#page-knowledgebase .page__container .row .col-md-6 .card {
	margin: 0;
}

#page-knowledgebase .page__container .card.stack .card-header .card-title {
	margin-bottom: 5px;
}

#page-knowledgebase .page__container .card .list-group .list-group-item strong {
	text-transform: capitalize;
}

#page-knowledgebase .page__container .card .list-group .btn-outline-primary:focus {
	box-shadow: unset!important;
}

#page-knowledgebase .page__container .flex .mb-24pt {
	margin-right: 0 !important;
}

#page-knowledgebase .page__container .search-form {
	margin-bottom: 25px !important;
}

#page-knowledgebase .page__container .search-form #knowledgebasesearch:focus {
	box-shadow: unset !important;
}

#page-knowledgebase .page__container .search-form #knowledgebasesearch:active {
	box-shadow: unset;	
}

#page-knowledgebase .page__container .card.stack .list-group-item .text-primary {
	font-size: 16px;
}

/* Knowledgebase view page */
#page-knowledgebase-view .page__container .row {
	gap: 20px;
	margin: 0;
}

#page-knowledgebase-view .page__container .row .col-md-8 {
	padding: 0;
	margin: 0;
	flex: unset;
    max-width: unset;
    width: calc(100% - 33.33% - 20px);
}

#page-knowledgebase-view .page__container .row .col-md-4 {
	padding: 0;
	margin: 0;
	flex: unset;
    max-width: unset;
    width: 33.33%;
}

#page-knowledgebase-view .page__container .row .col-md-8 .chip-outline-secondary {
	font-size: 14px;
	font-weight: 500;
}

#page-knowledgebase-view .page__container .flex .mb-24pt {
	margin-right: 0 !important;
}

#page-knowledgebase-view .page__container .row .col-md-8 div.text-break {
	text-align: unset !important;	
}

#page-knowledgebase-view .page__container .row .col-md-8 div.text-break > *:not(h3) {
	text-align: justify !important;
}

/* Knowledgebase topic view page */
#page-knowledgebase-topic-view .page__container .col-md-8 .card.stack::after {
	content: unset;
}

#page-knowledgebase-topic-view .page__container .flex .mb-24pt {
	margin-right: unset !important;
}

#page-knowledgebase-topic-view .page__container .row {
	margin: 0;
	padding: 0;
	gap: 20px;
}

#page-knowledgebase-topic-view .page__container .row .col-md-8 {
	margin: 0;
	padding: 0;
	flex: unset;
    max-width: unset;
    width: calc(100% - 33.33% - 20px);
}

#page-knowledgebase-topic-view .page__container .row .col-md-4 {
	width: 33.33%;
	flex: unset;
    max-width: unset;
    margin: 0;
	padding: 0;
}

#page-knowledgebase-topic-view .page__container .row .col-md-8 .card.stack .card-title {
	margin-bottom: 5px;
}

#page-knowledgebase-topic-view .page__container .col-md-4 span a {
	text-transform: capitalize;
}

/* Knowledgebase category view page */
#page-knowledgebase-category-view .page__container .card::after {
	content: unset;
}

#page-knowledgebase-category-view .page__container .flex .mb-24pt {
	margin-right: unset !important;
}

#page-knowledgebase-category-view .page__container .row .col-md-8 .card-title {
	margin-bottom: 5px;
}

#page-knowledgebase-category-view .page__container .list-group .list-group-item strong {
	text-transform: capitalize;
}

#page-knowledgebase-category-view .page__container .row {
	margin: 0;
	padding: 0;
	gap: 20px;
}

#page-knowledgebase-category-view .page__container .row .col-md-8 {
	padding: 0;
	margin: 0;
	flex: unset;
	max-width: unset;
	width: calc(100% - 33.33% - 20px);
}

#page-knowledgebase-category-view .page__container .row .col-md-4 {
	padding: 0;
	margin: 0;
	flex: unset;
	max-width: unset;
	width: 33.33%;
}

#page-knowledgebase-category-view .page__container .col-md-4 .chart-legend-item a:hover {
	color: unset;
}

#page-knowledgebase-category-view .page__container .col-md-4 .chart-legend-item a {
	text-transform: capitalize;
}

#page-knowledgebase-view .page-section.border-bottom-2 {
	border-bottom: unset !important;
}

/* Theme settings page */
#page-theme-settings .page__container .flex .mb-24pt {
	margin-right: 0 !important;
}

#page-theme-settings .page__container .settings-cont .form-group {
	padding: 0;
	margin: 0 0 20px 0;
	gap: 20px;
}

#page-theme-settings .page__container .settings-cont .form-group .col-lg-3 {
	margin: 0;
	padding: 0;
	flex: unset;
    max-width: unset;
    width: 25%;
}

#page-theme-settings .page__container .settings-cont .form-group .col-lg-9 {
	margin: 0;
	padding: 0;
	flex: unset;
    max-width: unset;
    width: calc(100% - 25% - 20px);
}

#page-theme-settings .page__container .settings-cont .form-group .col-lg-7 {
	flex: unset;
    max-width: unset;
    padding: 0;
    margin: 0;
    width: calc(100% - 9% - 40px - 25%);
}

#page-theme-settings .page__container .settings-cont .form-group .col-lg-2 { 
	padding: 0;
	margin: 0;
	flex: unset;
    max-width: unset;
    width: 9%;
}

#page-theme-settings .page__container .settings-cont .form-group.row .custom-file-input {
	box-shadow: unset;
}

#page-theme-settings .page__container .settings-cont .custom-file .custom-file-label::after {
	cursor: pointer;
}

#page-theme-settings .page__container .custom-file-input:focus ~ .custom-file-label {
	box-shadow: inset 0 1px 1px rgba(39,44,51,.075) !important;
	border: 1px solid #edf0f2;
}

#page-theme-settings .page__container .settings-image img {
	width: 40px;
	height: 40px;
}

/* Company settings page */
#page-company-settings .page__container .flex .mb-24pt {
	margin-right: 0 !important;
}

#page-company-settings .page__container .col-sm-6 {
	flex: unset;
    max-width: unset;
    padding: 0;
	margin: 0;
	width: calc(50% - 10px);
}

#page-company-settings .page__container .row {
	margin: 0;
	gap: 20px;
}

/* Payroll settings page */
#page-payroll-settings .page__container .flex .mb-24pt {
	margin-right: 0 !important;
}

/* Roles page */
#page-roles .flex .mb-24pt {
	margin-right: 0 !important;
}

#page-roles .page__container .col-auto .btn-outline-primary {
	gap: 3px;
}

#page-roles .page__container .col-auto .btn-outline-primary:focus {
	box-shadow: unset !important;
}	

#page-roles .page__container tbody td:nth-child(2) {
	text-transform: capitalize;
}

#page-roles .row .col-sm-6 .form-group .form-control {
	text-transform: capitalize;
}

#page-roles .row .col-sm-6 .form-group .form-control:focus {
	border: 1px solid #edf0f2;
	box-shadow: inset 0 1px 1px rgba(39,44,51,.075);
}

#page-roles #add_role.modal.custom-modal {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

#page-roles #add_role .custom-control-input:focus ~ .custom-control-label:before {
	box-shadow: unset;
	border-color: #FB821F;
}

#page-roles #add_role .modal-content tbody .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: unset !important;
	border-color: #FB821F;
}

#page-roles #add_role .modal-content tbody .custom-control-input:active ~ .custom-control-label::before {
	border-color: #FB821F;
	border: 1px solid #FB821F;
}

#page-roles #edit_role .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	box-shadow: unset;
	border-color: #FB821F;
}

#page-roles #edit_role .custom-control-input:focus ~ .custom-control-label::before { 
	box-shadow: unset;
}

#page-roles #edit_role .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	border-color: #FB821F;
	border: 1px solid #FB821F;
}

#page-roles #edit_role {
	padding-right: 0 !important;
}

#page-roles #add_role .modal-content .form-group,
#page-roles #edit_role .modal-content .form-group {
	margin-bottom: 20px;
}

#page-roles .page__container .table-responsive .custom-select {
	margin: 0 5px;
}

/* Activity logs page */
#page-activity-logs .page__container .flex .mb-24pt {
	margin-right: 0px !important;
}

#page-activity-logs .custom-select {
	margin: 0 5px;
}

/* Payrolls page */
#page-payrolls .page__container .flex .mb-24pt {
	margin-right: 0 !important;
}

#page-payrolls .page__container .card .table-responsive tr td:first-child {
	text-transform: capitalize;
}

#page-payrolls .page__container .page-header .btn-outline-secondary {
	border-radius: 6px;
}

#page-payrolls .page__container .page-header .btn-outline-secondary:focus {
	box-shadow: unset;
}

/* Payrolls details page */
#page-payrolls-details .page__container .mb-1 {
	margin-bottom: 20px !important;
}

#page-payrolls-details .page__container .card-header {
	border-radius: 0.5rem;
}

#page-payrolls-details .page__container .row .col-md-12.card {
	padding-left: unset !important;
}

#page-payrolls-details #payroll_calculation {
	padding-right: 0 !important;
}	

#page-payrolls-details #payroll_calculation .modal-content .row.col-md-12 .col-sm-6 {
	margin-bottom: 10px;
}

#page-payrolls-details .page__container .table-responsive small.view_calculation {
	line-height: 20px !important;
}

#page-payrolls-details .page__container .flex .mb-24pt {
	margin-right: unset !important;
}

#page-payrolls-details .page__container .table-responsive .media .media-body strong.js-lists-values-name,
#page-payrolls-details .page__container .table-responsive .media .media-body small.js-lists-values-email {
	text-transform: capitalize;
}

#page-payrolls-details .page__container .table-responsive .select2-selection.select2-selection--single {
	height: unset;
	display: flex;
	align-items: center;
}

/* Payrolls view page */
#page-payrolls-view .page__container .flex .mb-24pt {
	margin-right: 0 !important;
}

#page-payrolls-view .page__container .mb-1 {
	margin-bottom: 20px !important;
}

#page-payrolls-view .page__container .table-responsive tbody .media-body .js-lists-values-name,
#page-payrolls-view .page__container .table-responsive tbody .media-body .js-lists-values-email {
	text-transform: capitalize;
}

#page-payrolls-view .page__container .col-md-12.card {
	padding-left: unset !important;
}

/* Salary view page */
#page-salary-view .page__container .mb-24pt {
	margin-right: 0 !important;
}

#page-salary-view .page__container .card-body .list-unstyled {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#page-salary-view .pt-32pt {
	padding-bottom: 20px !important;
}

#page-salary-view .page__container .page-header .btn-group .btn-outline-secondary {
	border-radius: 6px;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask {
	display: flex;
	flex-direction: column;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask .list {
	display: flex;
	gap: 5px;
	justify-content: space-between;
	padding: 7px;
	border: 1px solid #e3e3e3;
	border-left: unset;
	border-right: unset;
}


#page-project-view .task-container .task-detail .col-md-8 .subtask-list {
	margin-bottom: 20px;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .task {
	display: flex;
	gap: 10px;
	align-items: center;
	/*text-transform: capitalize;*/
	max-width: calc(100% - 20% - 5px);
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .task a.open-task {
	line-height: 21px;	
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .subtask .list:hover {
	background-color: #f5f7fa;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .subtask .hover-icons .fa-angle-right {
	opacity: 0;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .subtask .list:hover .hover-icons .fa-angle-right {
	opacity: 1;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .subtask .hover-icons {
	/*display: none;*/
	gap: 8px;
	align-items: center;
	max-width: 20%;
	display: flex;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .subtask .hover-icons .fa-user { 
	opacity: 0;	
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .list:hover .hover-icons .fa-user { 
	opacity: 1;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .form-group {
	margin-top: 10px;
	position: relative;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .form-group .icons {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: unset;
	margin-top: unset;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list input::placeholder {
	opacity: 1;
	color: #272c33;
	text-transform: capitalize;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .subtask .hover-icons span {
	display: none;	
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .subtask .hover-icons .user-icon {
	display: none;	
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .user-icon {
	width: 15px;
	height: 14px;
	background-repeat: no-repeat;
	background-size: cover;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .fa-calendar,
#page-project-view .task-container .task-detail .col-md-8 .subtask-list .fa-user {
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 50px;
	padding: 5px;
	color: rgba(0,0,0,0.3);
	width: 18px;
	height: 18px;
	position: relative;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask .list:hover .fa-calendar {
	opacity: 1;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .fa-calendar {
	opacity: 0;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .fa-angle-right {
	padding: 5px;
	color: rgba(0,0,0,0.3);
	width: 20px;
	height: 20px;
	position: relative;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .fa-calendar::before,
#page-project-view .task-container .task-detail .col-md-8 .subtask-list .fa-user::before {
	font-size: 9px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .hover-icons a.open-task {
	display: flex;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .fa-angle-right::before {
	font-size: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-text-stroke: 1px white;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .deletetask {
	opacity: 1;
}

#page-project-view .task-container .task-detail .col-md-8 .subtask-list .list:hover i.deletetask {
	opacity: 1;
}

#page-project-view .task-container .header {
	display: none;
}

#page-project-view.display-list .task-container .header {
	display: flex;
	justify-content: space-between;
	/*padding: 10px 34px;*/
	/*padding: 0 34px;*/
	padding: 0 20px;
	border-top: 1px solid #e3e3e3;
	/*text-align: center;*/
	max-width: 1550px;
}

#page-project-view .task-container .header .task {
	width: 70%;
	border-right: 1px solid #e3e3e3;
	padding: 10px 0;
}

#page-project-view .task-container .header .assignee {
	width: 10%;
	border-right: 1px solid #e3e3e3;
	padding: 10px 8px;
}

#page-project-view .task-container .header .due-date {
	width: 10%;
	border-right: 1px solid #e3e3e3;
	padding: 10px 8px;
}

#page-project-view .task-container .header .priority {
	width: 10%;
	padding: 10px 8px;
}

#page-project-view .task-board-header .wrapper {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#page-project-view .task-board-header {
	align-items: flex-start;
}

#page-project-view .task-board-header .task-hover-icon .fa-angle-down::before {
	content: "\F2ED";
	font-size: 12px;
	color: rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

#page-project-view .task-container .task-lead-teams .task-team-members .avatar.avatar-sm {
	display: inline-flex;
}

#page-project-view .kanban-list .taskcard .subtaskcount {
	font-size: 12px;
	font-weight: 300;
	color: #272c33;
}

#page-project-view .kanban-list .taskcard .task-info-cont {
	margin-left: auto;
}

#page-project-view .kanban-list .taskcard .kanban-footer .users {
	width: 24px;
	height: 24px;
}

#page-project-view.display-list .task-container .kanban-list  .kanban-footer .date {
	width: 33.33%;
	padding: 10px 8px;
	border-right: 1px solid #e3e3e3;
}

@media screen and (max-width: 1441px) {
	/* Create courses page */
	#page-create-courses .page__container .row .form-row:nth-child(2) .col-md-6 {
		flex: 0 0 70%;
	    max-width: 70%;
	}

	#page-create-courses .page__container .row .form-row:nth-child(3) .col-md-6 {
		flex: 0 0 58%;
	    max-width: 58%;
	}

	#page-create-courses .page__container .row .form-row:nth-child(4) .col-12 {
		flex: 0 0 80%;
	    max-width: 80%;
	}

	#page-create-courses .page__container .row .form-row:nth-child(5) .col-12 {
		flex: 0 0 80%;
	    max-width: 80%;
	}

	#page-create-courses .page__container .row .col-lg-8 {
		flex: 0 0 100%;
	    max-width: 100%;
	}

	/* Edit Course page */
	#page-edit-course .page__container .col-lg-8 {
		flex: 0 0 100%;
	    max-width: 100%;
	}

	#page-edit-course .page__container .row .form-row:nth-child(2) .col-md-6 {
		flex: 0 0 70%;
	    max-width: 70%;
	}

	#page-edit-course .page__container .row .form-row:nth-child(3) .col-md-6 {
		flex: 0 0 58%;
	    max-width: 58%;
	}

	#page-edit-course .page__container .row .form-row:nth-child(4) .col-12 {
		flex: 0 0 80%;
	    max-width: 80%;
	}

	#page-edit-course .page__container .row .form-row:nth-child(5) .col-12 {
		flex: 0 0 80%;
	    max-width: 80%;
	}

	#page-edit-course .page__container .form-row .form-group .edit-learn-contain {
		justify-content: space-between;
		flex-wrap: unset;
	}

	/* Create lesson page */
	#page-lesson .page__container .row .col-sm-6 {
		flex: 0 0 70%;
	    max-width: 70%;
	}

	#page-lesson .page__container .page-section .row .lesson-form {
		flex: 0 0 90%;
	    max-width: 90%;
	}

	/* Create section page */
	#page-section .page__container .page-section .row .section-form {
		flex: 0 0 80%;
    	max-width: 80%;
	}

	#page-section .page__container .page-section .row .col-sm-6 {
		flex: 0 0 70%;
    	max-width: 70%;
	}

	/* Create article page */
	#page-create-article .page__container .row .col-md-8 {
		flex: 0 0 90%;
		max-width: 90%;
	}

	/* Edit article page */
	#page-edit-articles .page__container .row .col-md-8 {
		flex: 0 0 90%;
		max-width: 90%;
	}

	/* Theme settings page */
	#page-theme-settings .page__container .col-md-9.settings-cont {
		flex: unset;
   		max-width: unset;
   		width: 100%;
	}

	/* Company settings page */
	#page-company-settings .page__container .col-md-8.settings-cont {
		flex: unset;
		max-width: unset;
		width: 80%;
	}

	/* Payroll settings page */
	#page-payroll-settings .page__container .settings-cont .col-lg-5 {
		flex: unset;
    	max-width: unset;
    	padding: 0;
    	margin: 0;
    	width: calc(100% - 25% - 20px);
	}

	#page-payroll-settings .page__container .settings-cont .form-group.row {
		padding: 0;
		margin: 0;
		gap: 20px;
		margin-bottom: 20px;
	}

	#page-payroll-settings .page__container .settings-cont .col-lg-3 {
		padding: 0;
		flex: unset;
    	max-width: unset;
    	width: 25%;
	}
}

@media screen and (max-width: 1281px) {

	/* Employees single page */
	#page-employees-show .page__container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#page-employees-show .page__container .card-body .col-md-12 .profile-view .profile-img-wrap {
		max-width: 20%;
		padding-left: 0 !important;
		flex: 0 0 20%;
	}

	#page-employees-show .page__container .card-body .col-md-12 .profile-view .col-lg-4.col-md-4 {
		max-width: 30%;
		flex: 0 0 30%;
		padding-left: 0;
	}

	#page-employees-show .page__container .card-body .col-md-12 .profile-view .col-lg-6.col-md-6 {
		max-width: 50%;
	}	

	/* Task board page */
	#page-project-view.display-list .task-container.display-task .container.page__container .kanban-list .task-board-body .kanban-footer {
		flex-direction: column;
		row-gap: 5px;
		padding: 8px 0; 
	}

	#page-project-view .task-container .task-detail .page__container .row.col-md-12 {
		gap: 5px;
		align-items: center;
		padding: 0;
	}

	#page-project-view .task-container .task-detail .page__container .row.col-md-12 .buttons {
		/*margin-left: 0;
		gap: 10px;*/
		margin-left: 10px;
    	gap: 20px;
	}

	/* Create courses page */
	#page-create-courses .page__container .row .form-row:nth-child(4) .col-12 {
		flex: 0 0 100%;
	    max-width: 100%;
	}

	#page-create-courses .page__container .row .form-row:nth-child(5) .col-12 {
		flex: 0 0 100%;
	    max-width: 100%;
	}

	/* Edit courses page */
	#page-edit-course .page__container .row .form-row:nth-child(4) .col-12 {
		flex: 0 0 100%;
	    max-width: 100%;
	}

	#page-edit-course .page__container .row .form-row:nth-child(5) .col-12 {
		flex: 0 0 100%;
	    max-width: 100%;
	}

	/* Clients show page */
	#page-clients-show .page__container {
		max-width: 100% !important;
	}

	/* Employee attendances page */
	#page-employee-attendances .page__container .card .card-form__body .row .col-sm-4 {
		flex: 0 0 60%;
		max-width: 60%;
	}

	/* Knowledgebase view page */
	#page-knowledgebase-view .page__container {
		max-width: 100% !important;
	}

	/* Company settings page */
	#page-company-settings .page__container .col-md-8.settings-cont {
		width: 100%;
		padding: 0;
	}
}

@media screen and (max-width: 1195px) {

	/* Manage Courses page */
	#page-courses .page__container .course_card .card-group-row__col {
		width: calc(33.33% - 20px * 2/3);
	}

	/* Create lesson page */
	#page-lesson .page__container .page-section .row .lesson-form {
		flex: 0 0 100%;
		max-width: 100%;
	}	

	/* Create section page */
	#page-section .page__container .page-section .row .section-form {
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Quiz page */
	#page-quiz .page__container .course_card .card-group-row__col {
		width: calc(33.33% - 20px * 2/3);
	}

	/* Quiz view page */
	#page-quiz-view .page__container .col-md-4 .card .list-group-item {
		padding: 8px;
	}

	/* Tasks page */
	#page-tasks .card-group-row .card-group-row__col {
		width: calc(33.33% - 20px * 2/3);
	}

	/* Course View Page */
	#page-course-view .page__container img {
		height: 100% !important;
		width: 100% !important;
		object-fit: cover;
	}

	/* Assigned courses page */
	#page-assigned-courses .page__container .row .col-md-6 {
		width: calc(33.33% - 20px * 2/3);
	}

	/* Client page */
	#page-clients .row .card-group-row__col {
		width: calc(33.33% - 20px * 2/3);
	}

	/* Knowledgebase page */
	#page-knowledgebase .page__container .row .col-md-6 {
		width: calc(50% - 25px * 2/3);
	}

	/* Payroll settings page */
	#page-payroll-settings .page__container .row .col-md-9 {
		flex: 0 0 90%;
    	max-width: 90%;
	}
}

@media screen and (max-width: 1181px) {

	/* Task board page */
	#page-project-view .task-container .task-detail .page__container .row {
		flex-direction: row;
	}

	#page-project-view .task-container .task-detail .page__container .row .col-md-8 {
		padding-right: 0;
		flex: 0 0 100%;
		max-width: 100%;
		order: 2;
	}

	#page-project-view .task-container .task-detail .page__container .row .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
		order: 1;
	}

	#page-project-view .task-container .task-detail .page__container .row .form-group.mb-32pt {
		/*border: 1px solid #e9edf2;*/
	}

	#page-project-view .task-container .task-detail .page__container .row .col-md-4 .card .list-group .list-group-item {
		padding: 5px;
	}

	/* Course View Page */
	#page-course-view .page__container .page-section .col-md-4 {
		order: 2;
		flex: 0 0 100%;
    	max-width: 100%;
	}

	#page-course-view .page__container .page-section .col-md-8 {
		order: 1;
		flex: 0 0 100%;
    	max-width: 100%;
	}

	#page-course-view .page__container .page-section .col-md-12 {
		order: 3;
		flex: 0 0 100%;
    	max-width: 100%;
	}

	/* Lesson view page */
	#page-lesson-view .page__container .lesson_cnt {
		flex-direction: column;
		padding-top: 20px;
	}

	#page-lesson-view .page__container .lesson_cnt .col-lg-8 {
		flex: 0 0 100%;
    	max-width: 100%;
	}

	#page-lesson-view .page__container .lesson_cnt .col-md-4 {
		flex: 0 0 100%;
    	max-width: 100%;
	}

	/* Create article page */
	#page-create-article .page__container .row .col-md-8 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Edit article page */
	#page-edit-articles .page__container .row .col-md-8 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-project-view .task-container .task-detail .col-md-8 .subtask-list .task {
		max-width: calc(100% - 30% - 5px);
	}

	#page-project-view .task-container .task-detail .col-md-8 .subtask-list .subtask .hover-icons {
		max-width: 30%;
	}
}

@media screen and (max-width: 1113px) {
	/* Employees page */
	#page-employees .card-group-row .card-group-row__col {
		flex: 0 0 50%;
	    max-width: 50%;
	}

	/* Task board page */
	#page-project-view .task-filter-container {
		max-width: 360px;
		width: 100%;
	}

	#page-quiz-view .page__container .row .col-md-8 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-quiz-view .page__container .row .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-quiz-view .page__container .page-section {
		padding-top: 0 !important;
	}

	#page-courses .popover {
		max-width: 250px;
	}

	#page-courses .popover .popover-body {
		padding: 10px;
	}

	#page-courses .popover .popover-body .row {
		flex-direction: column;
		gap: 10px;
	}

	#page-courses .popover .popover-body .row .col.text-right {
		text-align: center !important;
	}

	/* Assigned courses page */
	#page-assigned-courses .page__container .row .col-md-6 {
		width: calc(50% - 20px * 1/2);
	}

	#page-assigned-courses .page__container {
		margin-bottom: 20px;
	}

	#page-assigned-courses .border-top-2 .page__container {
		margin-bottom: 0px;
	}

	/* Course lesson view page */
	#page-course-lesson-view .page-section .page__container .row {
		flex-direction: column;
		gap: 10px;
	}

	#page-course-lesson-view .page-section .page__container .row .col-lg-8 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-course-lesson-view .page-section .page__container .row .col-lg-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Task-board page */
	#page-project-view .task-container .task-detail .page__container .row.col-md-12 .buttons {
		margin-left: 0px;
		gap: 10px;
	}

	#page-project-view .page__container .col-md-4 .card .list-group .list-group-item {
		padding: 0.75rem 10px;
		gap: 3px;
	}	

	#page-project-view .page__container .col-md-4 .card .list-group .list-group-item .text-end {
		overflow-wrap: anywhere;
	}

	/* Knowledgebase view page */
	#page-knowledgebase-view .page__container .row .col-md-8 {
		width: 100%;
	}

	#page-knowledgebase-view .page__container .row .col-md-4 {
		width: 100%;
	}

	/* Knowledgebase topic view page */
	#page-knowledgebase-topic-view .page__container .row .col-md-8 {
		width: calc(100% - 40% - 20px);
	}

	#page-knowledgebase-topic-view .page__container .row .col-md-4 {
		width: 40%;
	}

	/* Knowledgebase category view page */
	#page-knowledgebase-category-view .page__container .row .col-md-8 {
		width: calc(100% - 40% - 20px);
	}

	#page-knowledgebase-category-view .page__container .row .col-md-4 {
		width: 40%;
	}

	#page-project-view.display-list .container.page__container .kanban-list .task-board-body .kanban-footer .task-info-cont .date {
		display: flex;
		justify-content: center;
		padding: 0 8px;
	}

	#page-project-view.display-list .container.page__container .kanban-list .task-board-body .kanban-footer .task-info-cont .task-date {
		align-self: center;
		flex-direction: column;
	}

	#page-project-view .task-container .header .due-date {
		padding: 10px 5px;
	}
}

@media screen and (max-width: 1025px) {
	/* Courses page */
	#page-courses .page__container .course_card .card-group-row__col {
		width: calc(50% - 20px * 1/2);
	}

	#page-quiz .page__container .course_card .card-group-row__col {
		width: calc(50% - 20px * 1/2);
	}

	#page-project-view .task-container .task-detail .page__container .row.col-md-12 .buttons {
		margin-left: 3px;
		gap: 5px;
	}

	/*#page-project-view .task-container .task-detail .page__container .row.col-md-12 .buttons {
		margin-left: 7px;
		gap: 13px;
	}*/

	#page-clients-list .page__container .card-form__body .col-sm-4 {
		flex: 0 0 45%;
		max-width: 45%;
	}
}

@media screen and (max-width: 951px) {
	/* Employees page */
	#page-employees .modal .modal-body .row {
		flex-direction: column;
		justify-content: center;
	}

	#page-employees .modal .modal-body .row .col-sm-4,
	#page-employees .modal .modal-body .row .col-md-4 {
		max-width: 100%;
		padding: 0 20px;	
	}	

	/* Employees single page */
	#page-employees-show .custom-modal .modal-body .row .col-md-6  {
		flex: 0 0 100%;
	    max-width: 100%;
	}

	/* Task board page */
	#page-project-view .task-container.display-task .content-wrapper {
		width: 25%;
	}

	#page-project-view .container.page__container  {
		padding: 0 20px !important;
	}

	#page-project-view .border-top-2 .container.page__container {
		padding: 30px 20px !important;
	}

	#page-project-view.display-list .border-top-2 .container.page__container {
		padding: 30px 20px !important;
	}

	#page-project-view.display-list .container.page__container {
		padding: 0 20px !important;
	}

	#page-project-view .task-container.display-task .task-detail {
		/*width: 75%;*/
		width: calc(75% + 25px);
		flex-shrink: 0;
	}

	#page-project-view .task-container .task-detail .page-section {
		width: 100%;
	}

	#page-project-view .task-container.display-task .page-section.bg-body {
		width: 100%;
	}

	#page-project-view.display-list .container.page__container .kanban-board .card-body .kanban-cont {
		/*overflow-x: auto;*/
		overflow: hidden;
	}

	#page-project-view .task-container .task-detail .page__container .row .col-md-4 .card .list-group .list-group-item {
		padding: 10px;
	}

	#page-project-view .task-container .task-detail .page__container .d-flex {
		flex-direction: row !important;
		column-gap: 10px;
		align-items: unset !important;
	}

	#page-project-view .task-container .task-detail .page__container .d-flex .row .assign-div {
		align-items: center !important;
	}

	#page-project-view .task-container .task-detail .page__container .row .col-md-8 {
		padding-right: 12px;
	}

	#page-project-view .task-filter-container {
		right: 259px;
	}

	#page-project-view .task-container .task-detail .page__container .row.col-md-12 .buttons.hide-on-mobile {
		display: none;
	}

	#page-project-view .task-container .task-detail .page__container .row .col-md-4 .card .list-group .list-group-item.hide-on-desktop {
		display: flex !important;
	}

	/* Manage Courses page */
	#page-courses .page__container .course_card .card-group-row__col {
		width: calc(50% - 20px * 1/2);
	}

	/* Create courses page */
	#page-create-courses .cke_dialog_container {
		width: calc(100% - 40px);
		height: calc(100vh - 80px);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* Edit courses page */
	#page-create-courses .cke_dialog_container {
		width: calc(100% - 40px);
		height: calc(100vh - 80px);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* Section page */
	#page-section .cke_dialog_container {
		width: calc(100% - 40px);
		height: calc(100vh - 80px);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* Lesson page */ 
	#page-lesson .cke_dialog_container {
		width: calc(100% - 40px);
		height: calc(100vh - 80px);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* Tasks page */
	#page-tasks .card-group-row {
		margin-bottom: 10px;
	}

	#page-tasks .card-group-row .card-group-row__col {
		width: calc(50% - 20px * 1/2);
	}

	/* Employee attendances page */
	#page-employee-attendances .page__container .row .col-md-4 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	/* Attendance page */
	#page-attendances .modal-content #attendance-view .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Knowledgebase topic view page */
	#page-knowledgebase-topic-view .page__container .row .col-md-8 {
		width: 100%;
	}

	#page-knowledgebase-topic-view .page__container .row .col-md-4 {
		width: 100%;
	}

	#page-knowledgebase-topic-view .page__container .row .col-md-8 .card {
		margin-bottom: unset;
	}

	/* Knowledgebase category view page */
	#page-knowledgebase-category-view .page__container .row .col-md-8 {
		width: 100%;
	}

	#page-knowledgebase-category-view .page__container .row .col-md-4 {
		width: 100%;
	}

	#page-knowledgebase-category-view .page__container .card {
		margin-bottom: 0;
	}

	#page-project-view .task-container .page__container .task-lead .avatar-sm {
		width: 2.5rem;
		height: 2.5rem;
	}

	#page-project-view .task-container .page__container .task-team-members .avatar-sm {
		width: 2.5rem;
		height: 2.5rem;
	}
}

@media screen and (max-width: 768px) {
	/* Employees page */
	#page-employees .page__container .page-section .card .flex-md-column .filterreset {
		border-radius: 1.5rem !important;
	}

	#page-employees .page__container.flex-column .flex-column .mb-24pt.mr-sm-24pt {
		margin-right: 0 !important;
	}

	/* Lesson view page */
	#page-lesson-view .page__container .flex.mb-24pt {
		margin-bottom: 0 !important;
	}

	/* Clients page */
	#page-clients .row .card-group-row__col {
		width: calc(50% - 20px * 1/2);
	}

	/* Employee attendances page */
	#page-employee-attendances .page__container .daterangepicker {
		right: unset !important;
		position: unset;
	}

	/* Employee leaves page */
	#page-employee-leaves .page__container .daterangepicker {
		right: unset !important;
		position: unset;
	}

	/* Manage leaves page */
	#page-leaves .page__container .filter-drop .daterangepicker {
		top: 164px !important;
		right: unset !important;
	}

	#page-leaves .page__container .card .d-flex .filterreset {
		border-radius: 0 0.5rem 0.5rem 0 !important;
	}
}

@media screen and (max-width: 761px) {
	/* Task board page */
	#page-project-view .task-filter-container {
		right: unset;
		top: 244px;
		left: 222px;
	}

	#page-project-view .container.page__container .row {
		align-self: center;
	}

	#page-lesson .page__container .lesson-form .row .col-sm-12 .learn-contain {
		gap: 5px;
	}

	#page-clients-show .page__container .card-body .col-lg-4 .profile-info-left {
		padding-right: unset !important;
	}

	/* Payrolls view page */
	#page-payrolls-view .page__container .flex.mb-24pt {
		margin-bottom: 0 !important;
	}
}

@media screen and (max-width: 737px) {
	/* Employees single page */
	#page-employees-show .page__container .card-body .col-md-12 .profile-view .col-lg-4.col-md-4 .profile-info-left {
		border-right: 2px dashed #ccc !important;
		text-align: left;
		border-bottom: unset;
	}	

	/* Departments page */
	#page-departments .page__container .flex-sm-row .mr-sm-24pt {
		margin-right: 0 !important;
	}

	#page-departments .page__container .dataTables_wrapper .row:first-child .col-sm-12.col-md-6 {
		padding-right: 0;
	}

	#page-departments .page__container .dataTables_wrapper .row:first-child .col-sm-12.col-md-6 .dataTables_length {
		padding-right: 0.5rem;
	}

	/* Designation page */
	#page-designations .page__container .flex-sm-row .mr-sm-24pt {
		margin-right: 0!important;
	}

	#page-designations .page__container .dataTables_wrapper .row:first-child .col-sm-12.col-md-6 {
		padding-right: 0;
	}

	#page-designations .page__container .dataTables_wrapper .row:first-child .col-sm-12.col-md-6 .dataTables_length {
		padding-right: 0.5rem;
	}

	/* Task board page */
	#page-project-view .task-container.display-task .content-wrapper .row .task-lead {
		margin-left: 15px;
	}

	#page-project-view .task-container.display-task .content-wrapper .row {
		margin-left: 12px;
	}

	#page-project-view.display-list .container.page__container.bg-body {
		overflow: auto;
	}

	#page-project-view .task-container.display-task .content-wrapper .page-section.bg-body:first-child {
		width: calc(100% + 100px);
	}

	/* Create Courses page */
	#page-create-courses .page__container .flex {
		margin-bottom: 0 !important;
	}

	#page-create-courses .page__container .row .form-row .col-md-10 {
		flex: unset;
		max-width: 80%;
	}

	#page-create-courses .page__container .row .form-row .col-md-1 { 
		max-width: 50px;
	}

	#page-create-courses .page__container .row .form-row:nth-child(2) .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-create-courses .page__container .row .form-row .col-md-10 {
		flex: unset;
		max-width: calc(100% - 50px);
	}

	#page-create-courses .page__container .row .form-row:nth-child(3) .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-create-courses .page__container .mb-24pt {
		margin-bottom: 0 !important;
	}

	/* Edit Course page */
	/*#page-edit-course .page__container .row .form-row .col-md-6 {
		flex: 0 0 100%;
   		max-width: 100%;
	}*/

	#page-edit-course .page__container .flex {
		margin-bottom: 0 !important;
	}

	#page-edit-course .page__container .row .form-row .col-md-10 {
		flex: unset;
		max-width: 80%;
	}

	#page-edit-course .page__container .row .form-row .col-md-1 { 
		max-width: 50px;
	}

	#page-edit-course .page__container .row .form-row:nth-child(2) .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-edit-course .page__container .row .form-row .col-md-10 {
		flex: unset;
		max-width: calc(100% - 50px);
	}

	#page-edit-course .page__container .row .form-row:nth-child(3) .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-edit-course .page__container .mb-24pt {
		margin-bottom: 0 !important;
	}

	/* Assigned courses page */
	#page-assigned-courses .page__container .flex  {
		margin-bottom: 0 !important;
	}

	/* Assigned course view page */
	#page-assigned-course-view .page-section .page__container .row {
		gap: 10px;
	}

	#page-assigned-course-view .page-section .page__container .row .col-md-8 .d-flex {
		justify-content: center;
	}

	#page-assigned-course-view .page-section .page__container .row .col-md-4.text-right {
		text-align: center !important;
	}

	#page-assigned-course-view .page__container {
		padding: 0 20px !important;
	}

	#page-assigned-course-view .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-assigned-course-view .border-top-2 .page__container {
		padding: 20px !important;
	}

	/* Clients show page */
	#page-clients-show .page__container .card-body .profile-basic .col-md-12 {
		display: flex;
		gap: 20px;
	}

	#page-clients-show .page__container .card-body .col-lg-4 .profile-info-left {
		padding-bottom: 0;
	}

	/* Edit article page */
	#page-edit-articles .page__container .article-form .col-sm-6 {
		flex: 0 0 100%;
    	max-width: 100%;
	}

	/* Knowledgebase page */
	#page-knowledgebase .page__container .row .col-md-6 {
		flex: 0 0 100%;
    	max-width: 100%;
	}

	/* Knowledgebase view page */
	#page-knowledgebase-view .page__container .d-flex .flex .d-flex.align-items-center{
		justify-content: center;
	}

	/* Roles page */
	#page-roles .pt-32pt {
		padding-bottom: 30px !important;
	}

	/* Payrolls details page */
	#page-payrolls-details .page__container .flex.mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-payrolls-details .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-payrolls-details .page__container {
		padding: 0 20px !important;
	}

	#page-payrolls-details .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-payrolls-details .page__container .mb-1 {
		text-align: center;
	}

	/* Salary view page */
	#page-salary-view .pt-32pt {
		padding-bottom: 2rem !important;
	}

	#page-salary-view .pt-32pt .page__container .flex h2 {
		text-align: center;
	}

	#page-salary-view .pt-32pt .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-salary-view .page__container {
		padding: 0 20px !important;
	}

	#page-salary-view .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-payrolls-view .page__container .mb-1 {
		text-align: center;
	}

	#page-project-view .task-container .page__container .task-lead .avatar-sm div {
		text-align: center !important;
	}

	#page-project-view .task-container .page__container .task-team-members .avatar-sm div {
		text-align: center !important;
	}
}

@media screen and (max-width: 641px) {
	/* Employees single page */
	#page-employees-show .page__container .card-body .col-md-12 .profile-view .profile-img-wrap {
		max-width: 50%;
		flex: 0 0 50%;
		border-bottom: 2px dashed #ccc;
	}	

	#page-employees-show .page__container .card-body .col-md-12 .profile-view .col-lg-4.col-md-4 {
		max-width: 50%;
		flex: 0 0 50%;
		padding-right: 0;
	}

	#page-employees-show .page__container .card-body .col-md-12 .profile-view .col-lg-4.col-md-4 .profile-info-left {
		border-right: unset !important;
		border-bottom: 2px dashed #ccc;
	}

	#page-employees-show .page__container .card-body .col-md-12 .profile-view .col-lg-6.col-md-6 {
		max-width: 100%;
		flex: 0 0 100%;
		padding-top: 10px;
	}

	#page-employees-show .page__container .flex-sm-row {
		margin-bottom: 0 !important;
	}

	#page-employees-show .page__container .flex-sm-row .mb-24pt.mb-sm-0 {
		margin-right: 0 !important;
		margin-bottom: 0 !important;
	}

	#page-employees-show .page__container .card-body .personal-info .flex-sm-row {
		flex-direction: row !important;
	}

	/* Task board page */
	#page-project-view .task-container .task-detail .page__container .row .col-md-8 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-project-view .task-container .task-detail .page__container .row .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-project-view .task-container .task-detail .page__container .row .col-md-8 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-project-view .task-container .task-detail .page__container .row .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-project-view .task-container.display-task .page-section {
		display: none;
	}

	#page-project-view .task-container .task-detail .page-section {
		display: block;
		/*background-color: white;*/
	}

	#page-project-view .task-container.display-task .task-detail {
		width: 100%;
		position: relative;
		top: -201px;
	}

	#page-project-view.display-list .task-container.display-task .task-detail {
		width: 100%;
		position: relative;
		top: -177px;
	}

	#page-project-view .task-container .task-detail .page__container .row .col-md-8 {
		padding-right: 12px;
	}

	#page-project-view .task-container .task-detail .page__container .row {
		row-gap: 10px;
	}

	#page-project-view .task-container.display-task .task-detail .page-section.border-bottom-2 .page__container .flex #tasktitle {
		text-align: left;
	}
}

@media screen and (max-width: 668px) {
	/* Employees page */
	#page-employees .page__container.flex-column {
		justify-content: center;
	}

	#page-employees .page__container.flex-column .col-auto {
		padding: 0;
	}

	#page-employees .page__container.flex-column .flex-column .mb-24pt.mr-sm-24pt {
		margin-bottom: 0 !important;
	}

	/* Task board page */
	#page-project-view.display-list .container.page__container .kanban-list .task-board-body {
		display: none;
	}

	#page-project-view.display-list .container.page__container .kanban-list .task-board-header {
		width: 100%;
		border-right: unset;
	}

	#page-lesson-view .page__container .form-group.mt-3 p img {
		width: calc(100% - 100px) !important; 
	}

	#page-project-view .task-filter-container {
		left: 20px;
		max-width: unset;
		width: calc(100% - 40px);
	}

	#page-project-view .task-container .header .assignee {
		display: none;
	}

	#page-project-view .task-container .header .due-date {
		display: none;
	}

	#page-project-view .task-container .header .priority {
		display: none;
	}

	/* Manage leaves page */
	#page-leaves .page__container .filter-drop .daterangepicker {
		position: unset;
		margin-top: -16px;
	}

	/* Payroll settings page */
	#page-payroll-settings .page__container .row .col-md-9 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-project-view .task-container .header .task {
		width: 100%;
		border-right: unset;
	}
}

@media screen and (max-width: 569px) {

	/* Employees single page */
	#page-employees-show .fancybox__carousel .fancybox__content {
		padding: 10px;
	}

	#page-employees-show .fancybox__carousel .fancybox__content embed {
		width: calc(100% - 20px);
		margin: auto;
	}

	#page-employees-show .fancybox__track {
		transform: unset !important;
	}

	#page-employees-show .border-top-2 .page__container {
		padding: 30px 15px !important;
	}

	#page-project-view .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-employees .card-group-row .card-group-row__col {
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Departments page */
	#page-departments .page__container .flex-sm-row .mr-sm-24pt {
		margin-bottom: 0 !important;
	}

	#page-departments .page__container {
		padding: 0 20px !important;
	}

	#page-departments .border-top-2 .page__container {
		padding: 30px 20px !important;
	}

	/* Designation page */
	#page-designations .page__container .flex-sm-row .mr-sm-24pt {
		margin-bottom: 0 !important;
	}

	#page-designations .page__container {
		padding: 0 20px !important;
	}

	#page-designations .border-top-2 .page__container {
		padding: 30px 20px !important;
	}

	#page-project-view.display-list .page__container .flex-sm-row .mb-24pt {
		margin-bottom: 0 !important;
	}

	/* Manage Courses page */
	#page-courses .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-courses .page__container .course_card .card-group-row__col {
		width: 100%;
	}

	#page-courses .page__container small {
		margin-bottom: 0 !important;
	}

	#page-courses .page__container {
		padding: 0 20px !important;
	}

	#page-courses .border-top-2 .page__container {
		padding: 20px !important;
	}

	/* Courses View page */
	#page-course-view .page__container {
		padding: 0 20px !important;
	}

	#page-course-view .page__container .flex .mb-sm-0 {
		margin-bottom: 0 !important;
	}

	#page-course-view .page__container .col-md-8 .page-separator .course-top-right {
		right: 0;
	}

	#page-course-view .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-course-view .page__container .page-section .col-md-8 .col-md-12 .page-num-container .item-end {
		display: flex;
		justify-content: flex-end;
		margin-left: 5px;
		margin-bottom: 0 !important;
	}

	/* Create courses page */
	#page-create-courses .page__container {
		padding: 0 20px !important;
	}

	#page-create-courses .border-top-2 .page__container {
		padding: 20px !important;
	}

	/* Edit Course page */
	#page-edit-course .page__container .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-edit-course .page__container {
		padding: 0 20px !important;
	}

	#page-edit-course .border-top-2 .page__container {
		padding: 20px !important;
	}

	/* Create lesson page */
	#page-lesson .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-lesson .page__container .row .col-sm-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	#page-lesson .page__container {
		padding: 0 20px !important;
	}

	#page-lesson .border-top-2 .page__container {
		padding: 20px !important;
	}

	/* lesson view page */
	#page-lesson-view .page__container {
		padding: 0 20px !important;
	}	

	#page-lesson-view .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-lesson-view .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-lesson-view .page__container .lesson_cnt .col-lg-8 .page-separator-edit {
		justify-content: space-between;
	}

	#page-lesson-view .page__container .lesson_cnt .col-lg-8 .page-separator-edit .course-top-right {
		right: 0;
	}

	/* Section page */
	#page-section .page__container {
		padding: 0 20px !important;
	}

	#page-section .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-section .page__container .page-section .row .col-sm-6 {
		flex: 0 0 100%;
    	max-width: 100%;
	}

	#page-section .border-top-2 .page__container {
		padding: 20px !important;
	}

	/* Quize page */
	#page-quiz .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-quiz .page__container .course_card .card-group-row__col {
		width: 100%;
	}

	#page-quiz .page__container {
		padding: 0 20px !important;
	}

	#page-quiz .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-quiz .popover {
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		margin-right: unset;
		max-width: calc(100% - 100px);
		width: 100%;
	}

	#page-quiz-view .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-quiz-view .page__container .page-section .col-md-8 .course-top-right {
		right: 0;
	}

	#page-quiz-view .page__container {
		padding: 0 20px !important;
	}

	#page-quiz-view .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-quiz-view .page__container .col-md-8 .col-md-12 {
		padding-right: 0;
		margin: 0;
	}

	#page-quiz-view .page__container .col-md-8 .col-lg-12 {
		padding-right: 0;
	}

	/* Training page */
	#page-trainings .page__container {
		padding: 0 20px !important;
	}

	#page-trainings .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-trainings .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-trainings .fancybox__container .fancybox__content {
		width: calc(100% - 40px) !important;
	}

	/* Tasks page */
	#page-tasks .card-group-row {
		gap: 30px 20px;
	}

	#page-tasks .card-group-row .card-group-row__col {
		width: 100%;
	}

	#page-tasks .page__container {
		padding: 0 20px !important;
	}

	#page-tasks .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-tasks .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-tasks .fancybox__container .fancybox__content {
		width: calc(100% - 40px) !important;
	}

	/* Course View Page */
	#page-course-view .page__container .nav.navbar-nav .nav-item button {
		max-width: 137px;
		padding: 8px 15px;
		margin-bottom: 0 !important;
	}

	#page-course-view .page__container .flex ol.breadcrumb {
		margin-bottom: 0 !important;
	}

	#page-course-view .page-separator {
		z-index: 1;
	}

	#page-course-view .page-section.pt-2 .row .alert .d-flex {
		flex-direction: column;
	}

	/* Assigned courses page */
	#page-assigned-courses .page__container {
		padding: 0 20px !important;
	}

	#page-assigned-courses .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-assigned-courses .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-assigned-courses .page__container .row .col-md-6 {
		width: 100%;
	}

	/* Course lesson view page */
	#page-course-lesson-view .page__container {
		padding: 0 20px !important;
	}

	#page-course-lesson-view .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-course-lesson-view .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-course-lesson-view .page-section .page__container .row {
		gap: 25px;
	}

	#page-course-lesson-view .page-section .col-lg-8 img {
		width: 100% !important;
	}

	.sweet-alert.showSweetAlert.visible {
		margin: 0 !important;
		top: 50%;
		transform: translate(-50%, -50%);
		max-height: calc(100vh - 40px);
		width: calc(100% - 40px);
		overflow: auto;
		left: 50%;
	}

	#page-project-view .task-container .task-detail .page__container .row.col-md-12 .buttons {
		margin-left: 0px;
	}

	/* Trainers page */
	#page-trainers .page__container {
		padding: 0 20px !important;
	}

	#page-trainers .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-trainers .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	/* Training type page */
	#page-training-types .page__container {
		padding: 0 20px !important;
	}

	#page-training-types .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-training-types .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	/* Clients page */
	#page-clients .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-clients .page__container {
		padding: 0 20px !important;
	}

	#page-clients .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-clients .pt-32pt {
		padding-bottom: 30px !important;
	}

	#page-clients .row .card-group-row__col {
		width: 100%;
	}

	/* Clients show page */
	#page-clients-show .page__container {
		padding: 0 20px !important;
	}

	#page-clients-show .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-clients-show .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-clients-show .page__container .card-body .profile-basic .col-md-12 .col-lg-5.col-md-6 {
		padding-left: 0;
	}

	#page-clients-show .page__container .card-body .profile-basic .col-md-12 .col-lg-5.col-md-6 .personal-info .d-flex {
		flex-direction: row !important;
		gap: 5px;
		padding: 0 !important;
	}

	#page-clients-show .page__container .card-body .profile-basic .col-md-12 .col-lg-5.col-md-6 .personal-info .d-flex .flex {
		text-align: right !important;
	}

	/* Clients list */
	#page-clients-list .page__container {
		padding: 0 20px !important;
	}

	#page-clients-list .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-clients-list .pt-32pt {
		padding-bottom: 30px !important;
	}

	#page-clients-list .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-clients-list .page__container .card-form__body .col-sm-4 {
		flex: 0 0 90%;
		max-width: 90%;
	}

	#page-clients-show #update_client .modal-body .row.col-sm-12 {
		padding: 0;
		margin: 0;
	}

	#page-clients-show #update_client .modal-body .row.col-sm-12 .col-md-6,
	#page-clients-show #update_client .modal-body .row.col-sm-12 .col-sm-6,
	#page-clients-show #update_client .modal-body .row.col-sm-12 .col-md-8 {
		padding: 0;
	}

	/* Employee attendances page */
	#page-employee-attendances .page__container {
		padding: 0 20px !important;
	}

	#page-employee-attendances .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-employee-attendances .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-employee-attendances .page__container .row .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Employee leaves page */
	#page-employee-leaves .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-employee-leaves .page__container {
		padding: 0 20px !important;
	}

	#page-employee-leaves .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-employee-leaves .modal-content .daterangepicker {
		top: 302px !important;
	}

	/* Manage leaves page */
	#page-leaves .fancybox__container .fancybox__content {
		width: calc(100% - 40px) !important;
	}

	#page-leaves .page__container {
		padding: 0 20px !important;
	}

	#page-leaves .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-leaves .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-leaves .page__container .filter-drop .daterangepicker {
		top: 331px !important;
	}

	/* Leaves types page */
	#page-leave-types .page__container {
		padding: 0 20px !important;
	}

	#page-leave-types .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-leave-types .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-leave-types .pt-32pt {
		padding-bottom: 32px !important;
	}

	/* Attendance page */
	#page-attendances .page__container {
		padding: 0 20px !important;
	}

	#page-attendances .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-attendances .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	/* Knowledgebase topics page */
	#page-knowledgebase-topics .page__container .flex .mb-24pt  {
		margin-bottom: 0 !important;
	}

	#page-knowledgebase-topics .page__container {
		padding: 0 20px !important;
	}

	#page-knowledgebase-topics .pt-32pt {
		padding-bottom: 30px !important;
	}

	#page-knowledgebase-topics .border-top-2 {
		padding: 20px !important;
	}

	/* Knowledgebase categories page */
	#page-knowledgebase-categories .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-knowledgebase-categories .page__container {
		padding: 0 20px !important;
	}

	#page-knowledgebase-categories .pt-32pt {
		padding-bottom: 30px !important;
	}

	#page-knowledgebase-categories .border-top-2 {
		padding: 20px !important;
	}

	/* Knowledgebase articles page */
	#page-knowledgebase-articles .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-knowledgebase-articles .page__container {
		padding: 0 20px !important;
	}

	#page-knowledgebase-articles .pt-32pt {
		padding-bottom: 30px !important;
	}

	#page-knowledgebase-articles .border-top-2 {
		padding: 20px !important;
	}

	/* Create article page */
	#page-create-article .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-create-article .page__container {
		padding: 0 20px !important;
	}

	#page-create-article .border-top-2 {
		padding: 20px;
	}

	/* Edit article page */
	#page-edit-articles .page__container .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-edit-articles .pt-32pt {
		padding-bottom: 30px !important;
	}

	#page-edit-articles .page__container {
		padding: 0 20px !important;
	}

	#page-edit-articles .border-top-2 {
		padding: 20px !important;
	}

	/* Knowledgebase page */
	#page-knowledgebase .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-knowledgebase .page__container {
		padding: 0 20px !important;
	}

	#page-knowledgebase .border-top-2 .page__container {
		padding: 20px !important;
	}

	/* Knowledgebase view page */
	#page-knowledgebase-view .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-knowledgebase-view .page__container {
		padding: 0 20px !important;
	}

	#page-knowledgebase-view .border-top-2 .page__container {
		padding: 20px !important;
	}

	/* Knowledgebase topic view page */
	#page-knowledgebase-topic-view .page__container {
		padding: 0 20px !important;
	}

	#page-knowledgebase-topic-view .page__container .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-knowledgebase-topic-view .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-knowledgebase-topic-view .pt-32pt {
		padding-bottom: 30px !important;
	}

	/* Knowledgebase category view page */
	#page-knowledgebase-category-view .page__container .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-knowledgebase-category-view .page__container {
		padding: 0 20px !important;
	}

	#page-knowledgebase-category-view .pt-32pt {
		padding-bottom: 30px !important;
	}

	#page-knowledgebase-category-view .border-top-2 .page__container {
		padding: 20px !important;
	}

	/* Theme settings page */
	#page-theme-settings .page__container {
		padding: 0 20px !important;
	}

	#page-theme-settings .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-theme-settings .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-theme-settings .img-thumbnail img {
		width: 20px;
		height: 20px;
	}

	#page-theme-settings .page__container .settings-image img {
		width: 20px;
		height: 20px;
	}

	#page-theme-settings .page__container .col-md-12 {
		padding: 0;
		margin: 0;
	}

	#page-theme-settings .page__container .col-md-9.settings-cont {
		padding: 0;
	}

	/* Company settings page */
	#page-company-settings .page__container {
		padding: 0 20px !important;
	}

	#page-company-settings .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-company-settings .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-company-settings .page__container .col-sm-6 {
		width: 100%;
	}

	#page-company-settings .page__container .row .form-group {
		margin-bottom: 0 !important;
	}

	#page-company-settings .page__container .row {
		margin: 0 0 20px 0;
	}

	/* Payroll settings page */
	#page-payroll-settings .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-payroll-settings .page__container {
		padding: 0 20px !important;
	}

	#page-payroll-settings .border-top-2 .page__container {
		padding: 20px !important;
	}

	/* Roles page */
	#page-roles .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-roles .page__container {
		padding: 0 20px !important;
	}

	#page-roles .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-roles #add_role .modal-content .table-responsive tbody .p-2 {
		padding: 0 !important;
		/*margin-bottom: 3px;*/
	}

	#page-roles #add_role .modal-content .table-responsive .d-flex.flex-wrap {
		gap: 10px;
	}

	/* Activity logs page */
	#page-activity-logs .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-activity-logs .page__container {
		padding: 0 20px !important;
	}

	#page-activity-logs .border-top-2 .page__container {
		padding: 20px !important;
	}

	/* Payrolls page */
	#page-payrolls .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-payrolls .page__container {
		padding: 0 20px !important
	}

	#page-payrolls .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-payrolls .pt-32pt {
		padding-bottom: 30px !important;
	}

	/* Payrolls view page */
	#page-payrolls-view .page__container .flex .mb-24pt {
		margin-bottom: 0 !important;
	}

	#page-payrolls-view .page__container {
		padding: 0 20px !important;
	}

	#page-payrolls-view .border-top-2 .page__container {
		padding: 20px !important;
	}

	#page-payrolls-view .page__container .breadcrumb.mb-2 {
		margin-bottom: 0 !important;
	}

	#page-payrolls-view .page__container .mb-1 {
		text-align: center;
	}

	/* Salary view page */
	#page-salary-view .page__container .card .card-body .row:last-child .col-sm-6:nth-child(2) h4 {
		display: none;
	}

	#page-salary-view .page__container .card .card-body .row:last-child {
		gap: 10px;
	}

	#page-salary-view .page__container .card-body .row .col-sm-6 .invoice-details {
		text-align: left;
		float: left;
	}

	#page-salary-view .page__container .card-body .row {
		margin-bottom: 10px;
	}

	#page-salary-view .page__container .card-body .row .col-sm-6 .invoice-details h3 {
		margin-bottom: 10px;
	}

}

@media screen and (max-width: 481px) {
	/* Employees page 
	#page-employees .card-group-row .card-group-row__col {
		flex: 0 0 100%;
    	max-width: 100%;
	}

	/* Create courses page */
	#page-create-courses .cke_dialog_container .cke_dialog_ui_vbox_child .cke_dialog_ui_hbox {
		display: flex;
		flex-direction: column;
	}

	/* Edit courses page */
	#page-edit-courses .cke_dialog_container .cke_dialog_ui_vbox_child .cke_dialog_ui_hbox {
		display: flex;
		flex-direction: column;
	}

	/* Section page */
	#page-section .cke_dialog_container .cke_dialog_ui_vbox_child .cke_dialog_ui_hbox {
		display: flex;
		flex-direction: column;
	}

	/* Lesson page */
	#page-lesson .cke_dialog_container .cke_dialog_ui_vbox_child .cke_dialog_ui_hbox {
		display: flex;
		flex-direction: column;
	}


	#page-project-view .task-filter-container {
		/*top: 247px;*/
		top: 267px;
	}

	/* Country dropdown */
	.iti.iti--container {
		width: 350px;
	}

	/* Attendance page */
	#page-attendances .page__container .media .avatar-sm:not(.navbar-brand-icon) {
		margin-top: unset;
		width: 2rem;
		height: 2rem;
	}

	/* Payroll settings page */
	#page-payroll-settings .page__container .settings-cont .col-lg-3 {
		width: 100%;
	}

	#page-payroll-settings .page__container .settings-cont .form-group.row {
		flex-direction: column;
		gap: 0;
	}

	#page-payroll-settings .page__container .settings-cont .col-lg-5 {
		width: 100%;
	}

	#page-payroll-settings .page__container .settings-cont .col-lg-5 .input-helper {
		margin-top: 5px;
	}

	/* Activity logs page */
	#page-activity-logs .page__container .table-responsive tbody .avatar .avatar-sm {
		width: 100%;
		height: 100%;
		margin-top: unset;
	}

	#page-activity-logs .page__container .table-responsive .row:last-child .col-sm-12:last-child {
		padding-left: unset;
	}

	/* Payrolls details page */
	#page-payrolls-details .page__container .table-responsive .media .avatar.avatar-sm {
		width: 34px;
		height: 34px;
		margin-top: unset;
	}

	/* Payrolls view page */
	#page-payrolls-view .page__container .table-responsive .media .avatar.avatar-sm {
		width: 34px;
		height: 34px;
		margin-top: unset;
	}

	#page-project-view .task-container .task-detail .col-md-8 .subtask-list .subtask .hover-icons {
		gap: 3px;
	}

	#page-project-view.display-list .container.page__container .kanban-list .task-board-header {
		padding: 8px 0;
	}
}

@media screen and (max-width: 428px) {
	/* Employees single page */
	#page-employees-show .page__container .card-body .row {
		margin-left: 0;
		margin-right: 0;
	}

	#page-employees-show .page__container .card-body .row .col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}

	#page-employees-show .page__container .card-body .col-md-12 .profile-view .row.col-md-12 {
		padding-left: 0;
		padding-right: 0;
	}

	#page-employees-show .page__container .card-body .col-md-12 .profile-view .col-lg-6.col-md-6 {
		padding-left: 0;
	}

	#page-employees-show .page__container .card-body .col-md-12 .profile-view .profile-img-wrap {
		max-width: 40%;
		flex: 0 0 40%;
	}

	#page-employees-show .page__container .card-body .col-md-12 .profile-view .col-lg-4.col-md-4 {
		max-width: 60%;
		flex: 0 0 60%;
	}

	#page-employees-show .page__container .card-body .col-md-12 .profile-view {
		margin-top: 15px;
	}

	#page-employees-show .page__container .card-body .col-md-12 .profile-view .pro-edit {
		right: 0px;
  		top: -2px;
	}

	/* Task board page */
	#page-project-view.display-list .container.page__container .kanban-list .task-board-body .kanban-footer {
		flex-direction: column;
		row-gap: 5px;
		margin: 0;
		padding: 8px 0;
	}

	#page-project-view.display-list .container.page__container .kanban-list .task-board-body .kanban-footer .task-info-cont {
		flex-direction: column;
		row-gap: 5px;
	}

	#page-project-view .task-container.display-task .task-detail .page-section.border-bottom-2 .page__container .row .col-md-8 .card .row .imagecard {
		width: calc(50% - 10px * 1/2);
	}

	/* Create Courses page */
	#page-create-courses .page__container .button-list {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
	}

	#page-create-courses .page__container .button-list button {
		margin: 0;
	}

	/* Lesson view page */
	#page-lesson-view .page__container .form-group.mt-3 p img {
		width: 100% !important;
		height: 100% !important;
	}

	/* Course View Page */
	#page-course-view .page__container img {
		width: 100% !important;
	}

	/* Assigned course view page */
	#page-assigned-course-view .page-section .page__container .row .col-md-8 .d-flex  {
		flex-direction: column;
		gap: 5px;
	}

	#page-assigned-course-view .page-section .page__container .row .col-md-8 .d-flex span {
		display: flex;
		flex-direction: row;
		gap: 2px;
	}

	#page-assigned-course-view .page-section .page__container .row .col-md-8 .d-flex .mr-16pt  {
		margin-right: 0 !important;
	}

	/* Course lesson view page */
	#page-course-lesson-view .lesson_cnt .page__container .col-lg-8 .alert .d-flex {
		flex-direction: column;
		gap: 10px;
	}

	#page-course-lesson-view .lesson_cnt .page__container .col-lg-8 .alert .d-flex .ml-8pt {
		margin: 0 !important;
	}

	/* Clients show page */
	#page-clients-show .page__container .card-body .profile-basic .col-md-12 {
		padding: 0;
		margin: 0;
	}

	/* Employee attendances page */
	#page-employee-attendances .page__container .card .card-form__body .row .col-sm-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Knowledgebase category view page */
	#page-knowledgebase-category-view .page__container .card .list-group .list-group-item {
		padding: 0.75rem 15px;
	}

	#page-project-view .task-container .task-detail .page__container #duedate {
		font-size: 10px;
	}

	#page-project-view .task-container .task-detail .col-md-8 .subtask-list .deletetask {
		font-size: 12px;
	}

	#page-project-view .task-container .task-detail .col-md-8 .subtask-list .subtask .hover-icons {
		gap: 3px;
	}

	#page-project-view .task-container .task-detail .col-md-8 .subtask-list .task {
		max-width: calc(100% - 30% - 3px);
	}
}

@media screen and (max-width: 391px) {
	/* Courses view page */
	#page-course-view .page__container .page-section .col-md-8 .col-md-12 {
		padding-right: 0;
		padding-left: 20px;
	}

	#page-course-view .page__container .page-section .col-md-12 .col-lg-12 {
		padding-right: 0;
		padding-left: 0;
	}

	#page-course-view .page__container .card .list-group-item {
		padding: 10px;
	}

	#page-course-view .page__container .col-md-12 .accordion .accordion__toggle {
		padding: 10px;
	}

	#page-course-view .page__container .col-md-12 .accordion .accordion__menu-link {
		padding: 10px;
	}

	/* lesson view page */
	#page-lesson-view .page__container .col-md-4 .card .list-group-item {
		padding: 10px;
	}

	/* Task board page */
	#page-project-view .container.page__container .row .col-auto .d-flex a:last-child {
		color: transparent;
		width: 50px;
		padding: 0;
	}

	#page-project-view .container.page__container .row .col-auto .d-flex i.fa-plus {
		color: #FB821F;
		position: absolute;
	}

	/* Assigned course view page */
	#page-assigned-course-view .page-section .page__container .row .col-md-8 .d-flex  {
		flex-direction: column;
		gap: 5px;
	}

	#page-assigned-course-view .page-section .page__container .row .col-md-8 .d-flex span {
		display: flex;
		flex-direction: row;
		gap: 2px;
	}

	#page-assigned-course-view .page-section .page__container .row .col-md-8 .d-flex .mr-16pt  {
		margin-right: 0 !important;
	}

	.cke_dialog_container .cke_dialog_body a.cke_dialog_tab {
		min-width: 70px;
	}

	/* Course lesson view page */
	#page-course-lesson-view .lesson_cnt .page__container .col-lg-4.page-nav .page-nav__content {
		margin-left: 0;
	}

	#page-course-lesson-view .lesson_cnt .page__container .col-lg-4.page-nav:before {
		left: 12px;
	}

	#page-course-lesson-view .lesson_cnt .page__container .col-lg-4.page-nav .page-nav__menu {
		margin-left: 0;	
	}

	/* Knowledgebase page */
	#page-knowledgebase .page__container .card .list-group-item {
		padding: .75rem 17px;
	}

	/* Knowledgebase topic view page */
	#page-knowledgebase-topic-view .page__container .col-md-8 .card.stack .list-group-item {
		padding: 0.75rem 10px;
	}

	/* Theme settings page */
	#page-theme-settings .page__container .settings-cont .form-group {
		gap: 15px;
	}

	#page-theme-settings .page__container .settings-cont .form-group .col-lg-3 {
		width: 100%;
	}

	#page-theme-settings .page__container .settings-cont .form-group .col-lg-9 {
		width: 100%;
	}

	#page-theme-settings .page__container .settings-cont .form-group .col-lg-7 {
		width: calc(100% - 9% - 15px);
	}

	#page-theme-settings .page__container .settings-cont .form-group .col-lg-2 {
		width: 9%;
	}

	/* Activity logs page */
	#page-activity-logs .page__container .table-responsive .row .col-sm-12 ul.pagination {
		justify-content: unset !important;
	}

	#page-activity-logs .page__container .table-responsive ul.pagination li .page-link {
		padding: 8px;
	}

	/* Salary view page */
	#page-salary-view .page__container .table-bordered tbody tr td {
		padding: 0.75rem 0.5rem;
	}
}

@media screen and (max-width: 376px) {
	/* Courses View page */
	#page-course-view .page__container .col-md-8 .adjust-view-image h1 {
		font-size: 35px;
	}

	#page-project-view .task-container .task-detail .col-md-8 .subtask-list .task {
		max-width: calc(100% - 35% - 3px);
	}

	#page-project-view .task-container .task-detail .col-md-8 .subtask-list .subtask .hover-icons {
		max-width: 35%;
	}

	#page-project-view .task-container .task-detail .col-md-8 .subtask-list .fa-calendar, 
	#page-project-view .task-container .task-detail .col-md-8 .subtask-list .fa-user {
		width: 15px;
		height: 15px;
	}

	#page-project-view .task-container .task-detail .col-md-8 .subtask-list img.task-avatar {
		width: 15px !important;
		height: 15px !important;
	}
}

@media screen and (max-width: 361px) {
	/* Task board page */
	#page-project-view .task-filter-container {
		/*top: 229px;*/
		top: 249px;
	}

	#page-project-view .page__container .flex h2 {
		font-size: 25px !important;
	}

	.cke_dialog_container .cke_dialog_ui_hbox_last {
		width: 100% !important;
	}

	.cke_dialog_container .cke_dialog_ui_html {
		width: 100% !important;
	}

	.cke_dialog_container .cke_dialog .ImagePreviewBox {
		width: calc(100% - 30px);
	}

	#page-project-view .task-container .task-detail .col-md-8 .subtask .list {
		padding: 7px 0px;
	}

	#page-project-view .task-container .task-detail .col-md-8 .subtask-list .subtask .hover-icons {
		gap: 2px;
	}
}

@media screen and (max-width: 321px) {
	/* Employees page */
	#page-employees .page__container {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	/* Employees single page */
	#page-employees-show .page__container .card-body .profile-view .pro-edit {
		right: 0;
		top: -8px;
	}

	#page-employees-show .page__container .breadcrumb {
		font-size: 12px;
	}

	#page-employees-show .page__container .card-body .experience-box .profile-page-section p.text-70 {
		font-size: 12px;
	}

	/* Task board page */
	#page-project-view.display-list .container.page__container .kanban-list > .kanban-wrap > .card {
		padding: 0 10px 0 10px;
	}

	#page-project-view.display-list .container.page__container {
		padding: 0 15px !important;
	}

	#page-project-view .task-container.display-task .task-detail .page-section.border-bottom-2 .page__container .row .col-md-8 .card .row .imagecard {
		width: 100%;
	}

	/* Courses view page */
	#page-course-view .page__container .page-section .col-md-12 .col-lg-12 .item-end {
		display: flex;
		justify-content: end;
	}

	#page-course-view .page-section .page__container h1 {
		font-size: 38px;
	}

	/* Quiz page */
	#page-quiz .popover {
		max-width: calc(100% - 40px);
	}

	/* Country dropdown */
	.iti.iti--container {
		width: 280px;
	}

	/* Employee attendance page */
	#page-employee-attendances .page__container .daterangepicker {
		width: 100%;
	}

	/* Theme settings page */
	#page-theme-settings .img-thumbnail img,
	#page-theme-settings .page__container .settings-image img {
		width: 15px;
    	height: 15px;
	}

	/* Payrolls view page */
	#page-payrolls-view .page__container .mb-1 {
		font-size: 25px !important;
	}
} 

/* Daterangepicker */
.cal-icon .daterangepicker,
#page-project-view .modal-body .col-md-12:nth-child(3) .col-sm-6:nth-child(2) .form-group {
	top: 70px !important;
	left: 13px !important;
	right: unset !important;
	display: block;
	position: absolute;
	margin: 0px;
}

.daterangepicker.ltr.single.opensright {
	display: none;
}

.form-group .daterangepicker.ltr.single.opensright.show-calendar {
	display: block;
}

.navbar button.navbar-toggler {
	outline: unset;
}

@media screen and (max-width: 321px) {
	/* Daterangepicker */
	.cal-icon .daterangepicker {
		width: 250px; 
	}
}