/*PRELOADER SECTION*/
#pre_loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.7); /* Light semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden; /* Initially hidden */
    opacity: 0;         /* Initially fully transparent */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

#pre_loader.show {
    visibility: visible;
    opacity: 1;  /* Fade in effect */
}

#pre_loader .spinner {
    width: 60px;
    height: 60px;
    border: 6px solid rgba(0, 0, 0, 0.1); /* Lighter outer border */
    border-top: 6px solid #3498db; /* Blue color for the spinner */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



@keyframes loader {
    100% {transform: rotate(360deg);}
}

	/*NOTIFICATION SECTION*/
	button {
		border: unset !important;
	}
	.bg-success {
		background: #00d230 !important;
	}
	.b-red {
		background: #ff6286 !important;
	}

	
    
	/*GENERAL SECTION*/
    #general-section {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
	::-webkit-scrollbar {
	    width: 3px;
	}
	::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
	    border-radius: 10px;
	}
	.page-content {
	    padding: calc(0px + 0rem) calc(1.5rem / 2) 4.5rem calc(1.5rem / 2);
	}
	#general-btn, #second-btn, #third-btn, #fourth-btn, #fiveth-btn, #sixth-btn, #seventh-btn {
		font-size: 12px;
		font-weight: 500;
		line-height: 1.4;
		padding: 11px 20px;
		border-radius: 3px;
		text-align: center;
		position: relative;
		letter-spacing: 1px;
		align-items: center;
		display: inline-flex;
		justify-content: center;
		transition: all 0.3s linear;
	}
	#general-btn:hover, #second-btn:hover, #third-btn:hover, #fourth-btn:hover, #fiveth-btn:hover, #sixth-btn:hover, #seventh-btn:hover {
		transform: translateY(-5px);
	}
	#general-btn i, #second-btn i, #third-btn i, #fourth-btn i, #fiveth-btn i, #sixth-btn i, #seventh-btn i {
		margin-right: 8px;
	}
	button:disabled, button:disabled:hover {
		color: #fff !important;
		background: #b9b9b9 !important;
    	cursor: not-allowed;
	}
	@media (max-width: 991px){
		.page-content {
		    padding: calc(0px + 0rem) calc(0rem / 2) 8rem calc(0rem / 2);
		}
		#general-btn, #second-btn, #third-btn, #fourth-btn, #fiveth-btn, #sixth-btn, #seventh-btn {
			font-size: 11px;
		}
	}

	/*SIDEBAR SECTION*/
	#sb-active {
		margin-right: 10px;
		border-radius: 0 60px 60px 0;
	}
	.sb-sm-logo {
		height: 55px;
		width: auto !important;
		max-width: none;
		display: block;
		object-fit: contain;
	}
	.sb-bg-logo {
		height: 55px;
    	max-width: none;
    	object-fit: contain;
    	display: block;
	}
	.navbar-brand-box .logo {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}
	.navbar-brand-box .logo span {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	[data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm] .navbar-brand-box {
		background: unset;
	}
	.navbar-nav {
		padding-top: 30px;
	}
	.navbar-menu .navbar-nav .menu-link {
		padding: 10px;
		font-size: 13px;
	    font-weight: 500;
	    line-height: 1.4;
	}
	.navbar-menu .navbar-nav .menu-link i {
		font-size: 17px;
		min-width: unset;
		margin-right: 8px;
	}
	.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    	right: 10px;
    }
	.navbar-menu .navbar-nav .nav-sm .nav-link {
		font-size: 12px;
	    font-weight: 500;
	    padding: 7px 5px 7px 15px !important;
	}
	.navbar-menu .navbar-nav .nav-sm .nav-link:before {
		left: 0;
		top: 15px;
	}
	#sb-mb-logo-div {
		display: none;
	}
	.sidebar-d {
		z-index: 2;
	}
	.for-announce {
		border-radius: 20rem;
		margin-left: 13px !important;
		background-color: #ff4d4d !important;
		padding: 0.5em 0.5em;
		font-size: .75em;
	}
	@media (max-width: 991px){
		#sb-mb-logo-div {
			display: block;
			text-align: center;
			padding-top: 15px;
		}
		#sb-mb-logo-div img {
			width: 70px;
			height: auto;
		}
	}

	/*BREADCRUMB SECTION*/
	#bc-section {
		padding: 70px 0 0.5rem;
		position: relative;
	}
	#bc-div {
		padding: 15px 25px;
		font-size: 12px;
		line-height: 1.4;
	}
	#bc-div i {
		top: 2px;
		position: relative;
	}
	#bc-arrow {
		margin: 0 5px;
	}
	@media (max-width: 991px){
		#bc-div {
		    padding: 10px 25px;
		    line-height: 1.4;
		}
	}

	/*FORM SECTION*/
	#form-box {
        padding: 25px 15px 25px;
        border-radius: 5px;
    }
    #form-div {
        margin-bottom: 30px;
    }
    #form-sub-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.4;
        margin-bottom: 15px;
    }
	.input-group {
        display: block;
        flex-wrap: unset;
        margin-bottom: 15px;
        -webkit-box-align: unset;
    }
    .form-control, .select2-container--default .select2-selection--single, .multiselect, .choices__inner, .multiselect-dropdown {
        width: 100% !important;
        height: 40px !important;
        border: unset !important;
        font-size: 12px;
        padding: 0 10px !important;
        line-height: 1.4;
        transition: all 0.3s;
        border-radius: 0.25rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0 !important;
        line-height: 40px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 0 !important;
        height: 40px !important;
    }
    .form-control:disabled, .select2-container--default.select2-container--disabled .select2-selection--single {
		cursor: not-allowed !important;
	}
    .input-group .file-input {
        line-height: 40px;
    }
	.select2-dropdown {
		z-index: 999999 !important;
	}
	label span {
		margin-left: 3px;
	}
	#note-p {
		font-size: 14px;
		line-height: 1.4;
		margin-bottom: 0;
	}
	#form-btn-div {
		margin-top: 15px;
	}
	#form-btn-div a, #form-btn-div button {
		border: unset;
		margin-right: 5px;
	}
	#form-btn-div a:last-child, #form-btn-div button:last-child {
		margin-right: 0;
	}
	#pw-ct-title, #pw-ct-title1 {
		font-size: 13px;
	    line-height: 1.4;
	    margin-bottom: 0.5rem;
	    padding-left: 0 !important;
	}
	#password_contain, #password_contain1  {
        display:none;
        padding: 15px;
        border-radius: 5px;
        position: relative;
        margin-bottom: 0.5rem;
	   margin-top: 15px;
    }
    #pw-ct-title, #pw-ct-title1 {
        font-size: 13px;
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 0.5rem;
        padding-left: 0 !important;
    }
    #password_contain .invalid, #password_contain .valid, #password_contain1 .valid ,#password_contain1 .invalid {
        font-size: 12px;
        line-height: 1.4;
        margin-left: 5px;
        margin-bottom: 5px;
    }
    #password_contain p:last-child, #password_contain1 p:last-child{
        margin-bottom: 0;
    }
    .valid:before {
        position: relative;
        left: -5px;
        content: "✔";
    }
    .invalid:before {
        position: relative;
        left: -5px;
        content: "✖";
    }
	.pw-ct-p {
		font-size: 11px;
		line-height: 1.4;
		margin-bottom: 5px;
	}
	.pw-ct-p:last-child {
		margin-bottom: 0;
	}
	#psw-div {
		position: relative;
	}
	#psw-visable-icon {
	    top: 0;
	    right: 10px;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    cursor: pointer;
	    position: absolute;
	}
	#note-special {
		font-size: 12px;
	    line-height: 1.4;
	    margin-bottom: 0;
	    display: block;
	}
	.note-b {
		font-size: 10px;
		font-weight: 600;
		padding: 2px 4px;
		border-radius: 2px;
		display: inline-block;
	}
	#form-copy-div {
		align-items: center;
		display: flex;
	}
	#form-copy-div .form-control {
		border-radius: 0.25rem 0 0 0.25rem !important;
	}
	#input-copy {
		cursor: pointer;
	    height: 40px;
	    display: flex;
	    font-size: 12px;
	    padding: 0 10px;
	    line-height: 1.4;
	    align-items: center;
		border-radius: 0 0.25rem 0.25rem 0 !important;
	}
	.btn-group {
		display: block;
	}
	.multiselect {
		text-align: left;
	}
	.dropdown-toggle::after {
		right: 15px;
		margin-left: unset;
	    line-height: unset;
		position: absolute;
	}
	.multiple-group .dropdown-menu {
        width: 100%;
	   overflow: auto;
	   height: 300px;
        padding: 15px 15px 5px;
    }
    .multiselect-container>li>a>label {
        width: 100%;
        padding: 0 !important;
        margin-bottom: 10px !important;
    }
    .open > .dropdown-menu {
        display: block;
    }
    .open > a {
        outline: 0;
    }
    .multiple-group .multiselect-container>li>a>label>input[type=checkbox] {
	    margin-bottom: 0;
	    position: relative;
	    top: 2px;
	    margin-right: 3px;
	}
	.iti {
		width: 100%;
	}
	.iti__country-list {
		max-width: 330px;
	}
	#check-div input {
		background-image: unset !important;
	}
	#check-div input:checked[type=checkbox] {
	    background-image: url('<?php echo $base_url; ?>/img/tick.svg')!important;
	}
	.multiselect-dropdown {
    	display: flex !important;
    	align-items: center;
    }
    .placeholder, .multiselect-dropdown span.optext, .multiselect-dropdown span.placeholder {
    	width: unset !important;
    	opacity: 1;
    	font-size: 11px;
    	min-height: unset;
    	margin-bottom: 0 !important;
    	padding: 5px 10px !important;
    }
    .multiselect-dropdown-list div {
	    display: flex;
	    align-items: center;
	}
	.multiselect-dropdown-list label {
		margin-bottom: 0;
	}
	#secure-div {
        display: inline-flex;
        margin-bottom: 15px;
    }
    .secure-img-div {
        margin: 0 5px;
        transition: all 0.3s;
    }
    .secure-img-div img {
        width: 100%;
        height: auto;
    }
    .scrtnb {
        display: block;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.4;
        position: relative;
    }
    .range {
        width: 100%;
        height: 10px;
        outline: none;
        overflow: hidden;
        -webkit-appearance: none;
        border-radius: 15px !important;
    }
    .range::-webkit-slider-thumb {
        width: 10px;
        height: 10px;
        cursor: pointer;
        border-radius: 50%;
        -webkit-appearance: none;
    }
	@media (max-width: 991px){
		#form-box {
            margin-bottom: 15px;
        }
        #form-div {
            margin-bottom: 20px;
        }
        #form-sub-title {
            font-size: 15px;
        }
        label {
            font-size: 10px;
        }
        .form-control, .select2-container--default .select2-selection--single, .multiselect, .choices__inner {
            font-size: 11px;
        }
        #note-special {
		    font-size: 8px;
		}
		.note-b {
			font-size: 7px;
		}
		.multiple-group .multiselect-container>li>a>label>input[type=checkbox] {
		    margin-bottom: 0;
		    position: relative;
		    top: 2px;
		    margin-right: 3px;
		    width: 10px;
		    height: 10px;
		}
		table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
			height: 1.5em;
    		width: 1.5em;
			line-height: 1.5em;
		}
		.scrtnb {
        	font-size: 15px;
        }
    }

	/*TABLE SECTION*/
	#table-div table {
		width: 100% !important;
		margin-bottom: 0;
	}
	.dataTables_empty {
        display: none !important;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        width: 200px !important;
        height: 30px !important;
    }
    #table-div th, #table-div td {    
        padding: 8px;
        font-size: 12px;
        vertical-align: middle;
    }
    #table-div th {    
        font-weight: 600;
    }
    .tb-ac-btn {
	    color: #fff;
	    width: 35px;
	    height: 35px;
	    font-size: 13px;
	    line-height: 1.4;
	    margin-right: 5px;
	    border-radius: 2px;
	    align-items: center;
	    display: inline-flex;
	    transition: all 0.3s;
	    justify-content: center;
    }
    .tb-ac-btn:last-child {
    	margin-right: 0;
    }
    .tb-ac-btn:hover {
    	transform: translateY(-5px);
    }
    #tb-add-btn-div {
    	text-align: right;
    	margin-bottom: 15px;
    }
    #tb-add-btn-div a {
	    font-size: 10px !important;
	    padding: 10px 15px !important;
	    margin-right: 8px;
	}
	#tb-add-btn-div a:last-child {
	    margin-right: 0;
	}
	#tb-add-btn-div a i {
		font-weight: 600;
	    margin-right: 5px !important;
	}
	#tb-title {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.4;
		margin-bottom: 15px;
	}
	.tb-status {
	    font-size: 10px;
	    font-weight: 500;
	    line-height: 1.4;
	    padding: 3px 5px;
	    border-radius: 2px;
	    display: inline-block;
	}
	#table-padding {
		padding: 0 15px;
	}
	table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:before {
		top: 3px;
	}
	table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_desc_disabled:after {
	    top: 7px;
	}
	#tb-time-p {
		display: block;
		font-size: 10px;
		line-height: 1.4;
		margin-bottom: 0;
	}
	#tb-box {
        padding: 25px 0;
        border-radius: 5px;
    }
    #tb-add-btn-div {
    	text-align: right;
    }
    .alert p:last-child {
    	margin-bottom: 0;
    }
    #rs-icon {
	    width: 20px;
	    height: 20px;
	    font-size: 9px;
	    cursor: pointer;
	    margin-left: 5px;
	    line-height: 20px;
	    border-radius: 50px;
	    align-items: center;
	    display: inline-flex;
	    justify-content: center;
	}
	#dpc-icon {
		font-size: 20px;
		cursor: pointer;
		transition: all 0.3s;
	}
	#sub-table {
		display: none;
	}
	#dpc-main {
		bottom: 2px;
		margin-left: 7px;
	    font-size: 9px;
	    font-weight: 500;
	    line-height: 1.4;
	    padding: 2px 5px;
	    border-radius: 2px;
	    position: relative;
	    display: inline-block;
	}
	#dpc-title {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.4;
		margin-top: 15px;
		margin-bottom: 5px;	
	}
	#dpc-profile {
		margin-left: 5px;
		transition: all 0.3s;
	}
	.dropdown-item {
	    font-size: 12px;
	}
	#tb-total {
		font-size: 13px;
	    font-weight: 700;
	    padding: 7px 12px;
	    border-radius: 3px;
	    display: inline-block;
	}
	#tb-total-td {
		padding: 15px !important;
	}
	#table-div::-webkit-scrollbar {
        height: 5px !important;
    }
    .iti__country-list::-webkit-scrollbar {
		height: 5px !important;
    }
    #tb-label-div {
    	margin-top: 5px;
    	display: inline-block;
    }
    #tb-label {
	    font-size: 9px;
	    font-weight: 500;
	    line-height: 1.4;
	    padding: 2px 5px;
	    border-radius: 2px;
	    position: relative;
	    display: inline-block;
	}
	#tb-label-div span {
	    margin: 0 2px 0 0;
	}
	#tb-label-div span:first-child {
	    margin: 0;
	}
	#tb-label-div span:last-child {
	    margin: 0;
	}
	#tb-master-div {
        display: flex;
        align-items: center;
    }
    #tb-pf-div {
        margin-right: 8px;
    }
    #tb-pf-div img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }
    #master-name {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 0;
    }
    #master-p {
        font-size: 11px;
        line-height: 1.4;
        margin-bottom: 0;
    }
    @media (max-width: 991px){
    	#table-div {
			overflow-x: auto;
		}
		#table-div table {
			width: 200% !important;
		}
		#table-div th, #table-div td {
		    font-size: 9px;
		}
		.tb-ac-btn {
		    width: 25px;
		    height: 25px;
		    font-size: 10px;
		}
		#tb-add-btn-div {
		    text-align: left;
		    margin-bottom: 10px;
		}
		#tb-add-btn-div a {
		    font-size: 8px !important;
		    padding: 8px 12px !important;
		}
		button.dt-button {
			margin-bottom: 15px !important;
		}
		div.dt-buttons, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
		    text-align: left !important;
		}
		div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		    justify-content: flex-start !important;
		}
		.tb-status {
		    font-size: 8px;
		}
		table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_desc_disabled:after {
			font-size: 10px;
		}
		div.dataTables_wrapper div.dataTables_info {
		    padding-top: 5px;
		    padding-bottom: 5px;
		}
		.alert {
		    padding: 8px
		}
		.alert p {
		   	font-size: 11px;
		}
		#rs-icon {
    		width: 16px;
		    height: 16px;
		    font-size: 7px;
		    line-height: 16px;
		}
		#dpc-main {
		    font-size: 7px;
		}
		#dpc-title {
			font-size: 13px;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		#mt4-acc {
			margin-left: 20px;
		}
		#tb-total {
	    	font-size: 11px;
	    	padding: 5px 8px;
	    }
	    #tb-label {
		    font-size: 7px;
		}
		#tb-pf-div img {
		    width: 32px;
		    height: 32px;
		}
		#master-name {
            font-size: 10px;
        }
        #master-p {
            font-size: 9px;
        }
	}

    /*FILTER SECTION*/
    #tb-border-line {
	    padding: 0 15px 10px;
	    margin-bottom: 25px;
	}
	#filter-btn-div {
		margin-top: 12px;
	}
	#filter-btn-div a, #filter-btn-div button {
		margin-right: 8px;
	}
	#filter-btn-div a:last-child, #filter-btn-div button:last-child {
		margin-right: 0;
	}
	@media (max-width: 991px){
		#tb-border-line {
		    padding: 0 15px 0;
		    margin-bottom: 20px;
		}
		#filter-btn-div {
			display: flex;
		    margin-top: 5px;
		    margin-bottom: 15px;
		}
		#filter-btn-div a, #filter-btn-div button {
		    width: 100%;
		}
	}

    /*MODAL SECTION*/
    #md-dialog {
    	max-width: 500px;
    }
    #md-content {
    	width: 500px;
    }
    #doc-dialog {
    	max-width: 600px;
    }
    #doc-content {
    	width: 600px;
    }
    #dp-dialog {
    	max-width: 800px;
    }
    #dp-content {
    	width: 800px;
    }
    #wd-dialog {
    	max-width: 700px;
    }
    #wd-content {
    	width: 700px;
    }
    #tb-dialog {
    	max-width: 700px;
    }
    #tb-content {
    	width: 700px;
    }
    .wd-overflow {
    	overflow: auto;
    	max-height: 330px;
    }
    .dp-overflow {
    	overflow: auto;
    	max-height: 410px;
    }
    #modal-div {
	    position: relative;
	    -webkit-box-flex: 1;
	    flex: 1 1 auto;
	    padding: 1.25rem 15px;
	}
	.modal-dialog:not(.modal-dialog-scrollable) .modal-header {
	    padding-bottom: 15px;
	    border-bottom: 1px solid #ffffff26;
	}
	#modal-title {
		font-size: 16px;
		font-weight: 600;
		line-height: 1.4;
		margin-bottom: 0;
	}
	#modal-btn-div {
		padding: 15px;
		display: flex;
		justify-content: space-between;
		border-top: 1px solid #ffffff26;
	}
	#modal-btn-div button {
		border: unset;
	}
	#modal-p {
		font-size: 15px;
		line-height: 1.4;
		margin-bottom: 15px;
	}
	#modal-div p:last-child {
		margin-bottom: 0;
	}
	#md-border-line {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	#md-qrcode-div {
		margin-top: 15px;
		text-align: center;
	}
	#md-qrcode-img-div img {
		width: 150px;
		height: auto;
		margin-bottom: 25px;
	}
	#md-qrcode-title {
		font-size: 13px;
		font-weight: 600;
		line-height: 1.4;
		margin-bottom: 8px;
	}
	.input-group-border-top {
		padding-top: 15px;
	}
	.input-group-border-bottom {
		padding-bottom: 15px;
	}
	.check-link {
		transition: all 0.4s;
		text-decoration: underline !important;
	}
	@media (max-width: 991px){
		#md-dialog, #doc-dialog, #dp-dialog, #tb-dialog {
	    	max-width: 100%;
	    }
	    #md-content, #doc-content, #dp-content, #tb-content {
	    	width: 100%;
	    }
		#modal-title {
    		font-size: 14px;
    	}
		.ba-overflow {
		    overflow: auto;
		    max-height: 350px;
		}
		.dp-overflow {
		    overflow: auto;
		    max-height: 350px;
		}
		.wd-overflow {
			overflow: auto;
		    max-height: 280px;
		}
		#modal-p {
    		font-size: 13px;
    	}
    	#md-border-line {
		    margin-top: 10px;
		    margin-bottom: 10px;
		}
		#md-qrcode-img-div img {
		    width: 100px;
		}
		#md-qrcode-title {
		    font-size: 10px;
		}
    }

    /*BANK SECTION*/
    .bank-box {
		padding: 20px;
		cursor: pointer;
		margin-bottom: 15px;
		text-align: center;
		border-radius: 5px;
		transition: all 0.3s;
	}
	#bank-img img {
	    width: auto;
	    height: 50px;
	    margin-bottom: 15px;
	}
	#bank-title {
		font-size: 11px;
		line-height: 1.4;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	#bank-p {
		font-size: 13px;
		font-weight: 600;
		line-height: 1.4;
		margin-bottom: 0;
	}
	@media (max-width: 991px){
		.bank-box {
    		padding: 10px;
    	}
    	#bank-img img {
		    height: 40px;
		}
		#bank-title {
    		font-size: 8px;
    	}
    	#bank-p {
    		font-size: 10px;
    	}
    }

	/*HEADER SECTION*/
	.dropdown-menu {
		border: unset;
		box-shadow: unset;
	}
	.hd-sm-logo {
		width: 40px;
		height: auto;
	}
	.notification-item:hover {
		background: #ffffff1a;
		transition: all 0.3s linear;
	}
	#notification-title {
		font-size: 14px;
		font-weight: 500;
		line-height: 1.4;
		margin-bottom: 3px;
	}
	#notification-p {
		font-size: 10px;
		line-height: 1.4;
		margin-bottom: 5px;
	}
	#notification-time {
		font-size: 11px;
		line-height: 1.4;
		margin-bottom: 0;
	}
	#notification-time i {
		margin-right: 8px;
	}
	#notification-btn-div {
		margin: 15px 0;
		text-align: center;
	}
	#hd-username {
		font-size: 12px;
		font-weight: 500;
		line-height: 1.4;
		margin-bottom: 0;
	}
	#hd-position {
		font-size: 11px;
		line-height: 1.4;
		margin-bottom: 0;
	}
	@media (max-width: 991px){
		[data-layout=vertical] .horizontal-logo {
		    display: block;
		}
		#notification-title {
			font-size: 12px;
		}
		#notification-p {
			font-size: 8px;
		}
		#notification-time {
			font-size: 9px;
		}
		#notification-btn-div {
			text-align: left;
		}
		#notification-btn-div a {
			width: 100%;
		}
		.header-item {
			padding: 0;
		}
		.header-profile-user {
		    margin-right: 10px;
		}
		#hd-username {
			font-size: 10px;
		}
		#hd-position {
			font-size: 9px;
		}
		.notification-item {
    		padding: 0.75rem 0;
    	}
    	.hamburger-icon.open {
    		transform: unset;
    	}
    	.hamburger-icon.open span:nth-child(1) {
    		top: 0 !important;
    		left: 0 !important;
    		width: 80% !important;
    		transform: unset !important;
		    transition-delay: unset !important;
    	}
    	.hamburger-icon span:nth-child(2) {
    		left: 0 !important;
    		top: 6px !important;
    		width: 100% !important;
    		transform: unset !important;
		    transition-delay: unset !important;
    	}
    	.hamburger-icon.open span:nth-child(3) {
    		left: 0 !important;
    		top: unset !important;
    		bottom: 0 !important;
    		width: 60% !important;
    		transform: unset !important;
		    transition-delay: unset !important;
    	}
	}

	/*FOOTER SECTION*/
	#footer-section {
		right: 0;
	    bottom: 0;
	    left: 250px;
		padding-top: 0;
		position: absolute;
		padding-bottom: 1.5rem;
		background: transparent;
	}
	#footer-info-div {
		text-align: center;
	}
	#footer-p {
		font-size: 13px;
		line-height: 1.4;
		margin-bottom: 0;
	}
	@media (max-width: 991px){
		#footer-section {
			left: 0;
		    padding-bottom: 6.5rem;
		}
	}

	/*MOBILE MENU SECTION*/
	#mm-section {
		display: none;
	}
	@media (max-width: 991px){
		#mm-section {
		    left: 0;
		    right: 0;
		    bottom: 0;
		    z-index: 98;
		    display: flex;
			position: fixed;
			align-items: center;
			justify-content: center;
			backdrop-filter: blur(20px);
			border-top: 2px solid transparent;
			border-image: linear-gradient(to right, #7141b1, #43baff);
    		border-image-slice: 1;
		}
		#mm-section ul {
			display: flex;
			padding: 0;
			margin: 0;
		}
		#mm-section li {
			z-index: 1;
			width: 60px;
			height: 60px;
			list-style: none;
			position: relative;
		}
		#mm-section ul li a {
			width: 100%;
			display: flex;
			font-weight: 500;
			position: relative;
			text-align: center;
			align-items: center;
			flex-direction: column;
			justify-content: center;
		}
		#mm-section ul li a #mm-icon {
			display: block;
			font-size: 1.5em;
			line-height: 60px;
			text-align: center;
			position: relative;
			transition: all 0.5s;
		}
		#mm-section li#active a #mm-icon {
			font-size: 28px;
			transform: translateY(-32px);
		}
		#mm-section li:hover a #mm-icon, #mm-section li a #mm-icon {
			transform: translateY(-10px);
		}
		#mm-section ul li a #mm-text {
			opacity: 0;
			font-weight: 400;
			font-size: 0.75em;
			position: absolute;
			transition: all 0.5s;
			letter-spacing: 0.05em;
			transform: translateY(20px);
		}
		#mm-section li#active a #mm-text, #mm-section li:hover a #mm-text, #mm-section li a #mm-text {
			opacity: 1 !important;
			transform: translateY(10px) !important;
		}
		#mm-indicator {
			top: -50%;
			width: 60px;
			height: 60px;
			position: absolute;
			border-radius: 50%;
			transition: all 0.5s;
		}
		#mm-section li:nth-child(1)#active ~ #mm-indicator {
			transform: translateX(calc(60px * 0));
		}
		#mm-section li:nth-child(2)#active ~ #mm-indicator {
			transform: translateX(calc(60px * 1));
		}
		#mm-section li:nth-child(3)#active ~ #mm-indicator {
			transform: translateX(calc(60px * 2));
		}
		#mm-section li:nth-child(4)#active ~ #mm-indicator {
			transform: translateX(calc(60px * 3));
		}
		#mm-section li:nth-child(5)#active ~ #mm-indicator {
			transform: translateX(calc(60px * 4));
		}
	}

	#new-widget-div {
		z-index: 99999999;
		right: 15px;
		bottom: 15px;
		position: fixed;
		text-align: center;
	}
	#new-widget-div #MICHAT-FLOAT-WRAP, #MICHAT-FLOAT-WRAP {
		right: 2% !important;
		bottom: 5% !important;
		position: relative !important;
	}
	.ask-div {
		color: #000;
		font-size: 12px;
		font-weight: 700;
		background: #fff;
		padding: 8px 18px;
		text-align: center;
		border-radius: 50px;
		margin-bottom: 8px;
		box-shadow: 0 0 45px rgb(10 10 10 / 6%);
	}
	@media (max-width: 991px){
		#new-widget-div {
			bottom: 70px;
		}
		.ask-div {
			font-size: 10px;
			padding: 6px 15px;
		}
		#new-widget-div #MICHAT-FLOAT-WRAP, #MICHAT-FLOAT-WRAP {
			bottom: 10% !important;
		}
	}

.textareamemo {

    height: unset !important; padding: 15px 10px;
}


   .dataTables_wrapper {
    padding-bottom: 80px; /* Adjust depending on chat height */
}