/* CSS Document */
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Mochiy+Pop+P+One&family=Open+Sans:wght@600;700&family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Rubik:wght@300;400&display=swap');

.iti.iti--allow-dropdown.iti--show-flags {
width: 100%;
}
.select2-selection__rendered {
    line-height: 35px !important;
}
.select2-container .select2-selection--single {
    height: 40px !important;
}
.select2-selection__arrow {
    height: 40px !important;
}

.bg-success,
.bg-danger,
.bg-warning,
.bg-primary{
    color: #ffffff;
}


#main-page-layout .browser-progress-bar{
    border: 2px solid darkred;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1210;
    border-radius: 5px;
    display: none;
    transition: width 0.15s;
}
#main-page-layout .page-loader-wrapper  .main-page-over-lay-background{
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    background-color: rgba(0 , 0 ,0 , 0.3);
    width: 100%;
    height: 100%;
    display: none;
    transition: ease-out 0.10s;
}

#main-page-layout .page-loader-wrapper .main-page-over-lay-background .overlay-item-container .img-fluid{
    width: 80px;
    height: 80px;
    display: block;
    margin: auto;
    background-color: transparent;
    border-right: 10px;
    box-shadow: 0px 0px 8px 8px white;
}




.custom-alert:hover{
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.9);
}

.closebtn {
    right: 0;
    top: 0;
    position: absolute;
    margin-right: 15px;
    color: white;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    font-weight: bold;
}

.custom-alert .closebtn:hover {
    color: black;
}


.custom-alert .text-left {
    margin-left: 10px;
}

.custom-alert .alert-msg {
    font-size: var(--normal-font);
}


.custom-alert .alertProgress {
    width: 100%;
    background-color: #19FFA8;
    border-radius: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.myBar {
    width: 1%;
    height: 10px;
    background-color: #B90003;
    border-radius: 5px;
    transition: 500ms ease-in-out;
}


.breadcrumb-wraper{
    background-color: #E5E5E5;
    margin: 1rem 0px 3rem 0px;
    width: auto;
}

.breadcrumb-wraper .breadcrumb{
    margin: 0;
    padding: 8px 15px;
    list-style-type: none;
}


.breadcrumb-wraper .breadcrumb li{
    display: inline;
    margin: 2px 6px;
    text-decoration: none;
    color: black;
    font-size: 12px;
    text-transform: capitalize;
}

.breadcrumb-wraper .breadcrumb li .bread-link{
    display: inline;
    margin: 6px;
    text-decoration: none;
    color: black;
    font-size: 12px;
    text-transform: capitalize;
}
.breadcrumb-wraper .breadcrumb li .bread-link:hover{
    color: #6E0001;
}


.breadcrumb-wraper .breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "\f054";
    font-family: 'Font Awesome 6 free';
    font-weight: 900;
}


.breadcrumb-wraper .breadcrumb li .active{
    font-weight: bold;
    width: 100%;
}

.breadcrumb-wraper .breadcrumb li .active:hover{
    color: #565656;
}

.loading-spinner,
.loading-text{
    display: none;
}

        .loading-spinner{
            animation: spin 2s linear infinite;
            -webkit-animation: spin 2s linear infinite;
        }

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

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

.password-box{
    display: none;
}

a{
    text-decoration: none;
    text-transform: capitalize;
}

.btn{
    box-shadow: none;
    outline: none;
    text-transform: capitalize;
}



.form-control,
.form-select,
.form-check-input{
    outline: none;
    box-shadow: none;
    border-radius: 0px;
}

.btn{
    outline: none;
    box-shadow: none;
    border-radius: 5px;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus{
    border: 1px solid #080042;
    box-shadow: none;
}


.list-table{
    vertical-align: middle;
}

.list-table thead{
    background-color: #4a5568;
    color: #fff;
    font-size: var(--small-font);
    text-transform: capitalize;
    font-font: 'Roboto';
    text-align: start;
}

.list-table thead tr th,
.list-table tbody tr td{
    padding: 12px 5px;
}
.list-table tbody td{
    font-font: 'Open Sans';
    font-size: var(--normal-font);
    font-weight: normal;
}


.list-table .action-btn{
    margin: 2px;
    display: inline;
    padding: 4px 9px;
    font-size: var(--small-font);
    outline: none;
    box-shadow: none !important;
    text-align: center;
    margin: 0px 5px;
}
.list-table .edit-btn{
    color: #ffffff;
    background-color: #4D97C1;
    padding: 4px 6px;
    margin: 7px 4px;
}

.btn{
    outline: none !important;
    box-shadow: none !important;
}




.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter{
    margin-bottom: 0.7rem;
}




.dataTables_info::before{
    content: "\f0ac";
    font-weight: 900;
    color: #0067C8;
    font-family: 'Font Awesome 6 free';
    margin-right: 5px;
    font-size: 18px;
}

.alert-container{
    position: fixed;
    width: 350px;
    border-radius: 0px;
    right: 15px;
    bottom: 0px;
    z-index: 999;
    transition: 0.15s ease;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.alert-container .alert-element-wrapper{
    display: none;
    border-radius: 5px;
    padding: 10px;
    border-radius: 6px;
    margin-left: 10px;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: normal;
    position: relative;
    min-width: 320px;
    min-height: 65px;
    transition: 0.15s ease-in-out;
}

.alert-container .alert-element-wrapper{
    flex-direction: row;;
    justify-content: space-between;
    align-items: center;
}

.alert-container .alert-element-wrapper .title{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 0px;
    margin-bottom: 0px;
    align-items: center;
}
.alert-container .alert-element-wrapper .title:after{
   content: ":";
    font-size: 14px;
    font-weight: bold;
    padding: 0px 10px;
}
.alert-container .alert-element-wrapper .title .icon{
    font-size: 18px;
    padding: 0px 10px;
}

.alert-element-wrapper .dismisal-button{
    padding: 2px 10px;
}

.alert-element-wrapper .alert-text{
    padding: 0px 10px;
    font-size: 14px;
    margin-bottom: 2px;
}



.alert-container .alert-success{
    border-left: 8px solid #20c997;
}
.alert-container .alert-danger{
    border-left: 8px solid #bb2d3b;
}

.alert-container .alert-warning{
    border-left: 8px solid #ffa502;
}



.alert-container .alert-element-wrapper .content-wrapper{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.alert-container .alert-element-wrapper .content-wrapper .header-wrapper .icon,
.alert-container .alert-element-wrapper .content-wrapper .header-wrapper .title{
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
}



.alert-container .alert-element-wrapper .content-wrapper .header-wrapper{
    border-right: 3px dashed #fff;
    height: 100%;
    padding: 2px 18px 2px 8px;
}

.alert-container .alert-element-wrapper .content-wrapper .text-wrapper{
    padding: 2px 30px 2px 16px;
}

.alert-container .alert-element-wrapper .content-wrapper .text-wrapper .alert-text{
    font-size: 14px;
}


.element-status{
    padding: 5px;
    font-size: var(--normal-font);
    text-transform: capitalize;
}

.emt-progress-bar-uploader{
    margin: 1rem 0px;
    display: none;
}

.emt-progress-bar-uploader .upload-percentage{
    font-size: var(--normal-font);
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Alike';
    font-style: italic;
}
.emt-progress-bar-uploader .upload-percentage .done-text{
    display: none;
}

.emt-progress-bar-uploader .upload-progress-bar{
    content: "";
    text-align: center;
    height: 10px;
    background-color: #086e10;
    width: 0%;
    margin: 0.5rem 2px;
    border-radius: 15px;
}


#ps-list-content .ps-info-wrapper .container .side-info{
    font-size: 14px;
    padding: 9px;
}
#ps-list-content .ps-info-wrapper .card .card-header .header-title{
    font-size: 16px;
}

#ps-list-content .ps-info-wrapper  .card .card-header .header-title span{
    margin: 0 12px  0 0px;
}

#ps-list-content .ps-info-wrapper .card .card-footer{
    background-color: #02005D;
    color: white;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
}
#ps-list-content .ps-info-wrapper .card .card-footer:hover{
    background-color: #000E72;
    color: white;
}






#ps-list-content .customer-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    margin: 1rem 2rem;
}

#ps-list-content .customer-header h1{
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
    font-family: 'Merriweather', serif;
}
#ps-list-content .customer-header .text-right .btn{
    font-size: 14px;
    padding: 6px 8px;
    box-shadow: none;
    outline: none;
    border-radius: 5px;
    border:none;
    background-color: darkblue;
    color: white;
    margin-right: 12px;
}

#ps-list-content .ps-list-wrapper .table td .btn{
    box-shadow: none;
    outline: none;
}

#ps-list-content .modal .modal-header{
    background-color: darkcyan;
    color: white;
}

#ps-list-content  .modal .modal-body{
    padding: 10px;
}

#ps-list-content  .modal .modal-header .modal-title{
    font-size: 14px;
    text-transform: capitalize;
    color: white;
}

#ps-list-content  .modal .modal-body .form-control,
#ps-list-content .modal .modal-body .form-select,
#ps-list-content .modal .modal-footer .btn
{
    font-size: 14px;
    box-shadow: none;
    outline: none;
}

#ps-list-content .modal .modal-body .form-label{
    color:#000247;
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
}

#ps-list-content .filter-container{
    background-color: #f7fafc;
    padding: 12px;
    font-family: 'Roboto', sans-serif;
    font-size: var(--normal-font);
    position: relative;
    display: none;
    transition: animate 0.25s ease;
}

#ps-list-content .filter-container-show{
    display: block;
}


#ps-list-content .header-btn-wrapper{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
}

#ps-list-content .header-btn-wrapper .btn{
    background-color: rgba(15,81,157,0.76);
    color: #FFFFFF;
    font-size: var(--small-font);
    text-transform: capitalize;
    font-weight: bold;
    font-family: 'Nunito', sans-serif;
    padding:5px 8px;
    border-radius: 2px;
    margin: auto 4px;
}

#ps-list-content .filter-container .close{
    position: absolute;
    right: 10px;
    top: 3px;
    padding: 2px 8px;
}

#ps-list-content .filter-container .btn{
    background-color: #4a5568;
    color: #FFFFFF;
}

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

    .alert-container{
        width: 100%;
        padding: 10px;
    }

    .alert-container .alert-element-wrapper{
        min-width: 100%;
        padding: 10px 3px;
    }
}

@media screen and (min-width : 700px) and (max-width : 1100px) {

    #page-layout .page-loader-wrapper .browser-progress-bar {
        width: 0%;
        background-color: #dc3545;
        height: 5px;
        position: fixed;
        top: 0;
        z-index: 1200;
        left: 0;
    }
}

@media screen and (min-width : 0px) and (max-width : 1100px) {

    .product-wrapper .table{
        min-width: 1200px !important;
    }

}

/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Open+Sans:wght@300;400;500;600&family=Poppins:wght@300;400;600;700&family=Raleway:wght@300;600;700&family=Acme&family=Roboto:wght@300;500;700&family=Ubuntu:wght@300;400;500&display=swap');
body{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    background-color: #f5f7ff;
}

*{
    box-shadow: none;
    box-sizing: border-box;
}

html{
    width: 100%;
    height: 100%;
}



:root{
    --sidebar-bg-color : #000A5E;
    --sidebar-width : 300px;
    --sidebar-color : #fff;
    --sidebar-collapse-width : 80px;
    --small-font : 13px;
    --normal-font : 14px;
    --medium-font : 16px;
    --large-font : 18px;
}



	#page-layout .sidebar{
			background-color: var(--sidebar-bg-color);
			color : var(--sidebar-color);
			position: fixed;
			top: 0;
			left: 0;
			height: 100%;
			width: var(--sidebar-width);
			text-align: center;
			box-shadow: 8px 0px 25px 5px rgba(0, 0, 0, 0.3);
			overflow-x: hidden;
			overflow-y: auto;
			transition: all 0.15s ease;
		z-index: 999;

		}

			#page-layout .sidebar::-webkit-scrollbar{
				display: none;
			}

            #page-layout .sidebar .close-sidebar-btn{
                display: none;
            }

		#page-layout .sidebar .sidebar-wrapper{
			display: flex;
			justify-content: space-between;
			flex-direction: column;
			margin: auto;
			height: 100%;

		}


		#page-layout .sidebar::-moz-scrollbar,
		#page-layout .sidebar .sidebar-wrapper::-moz-scrollbar,
		#page-layout .sidebar::-webkit-scrollbar{
			width: 5px;
		}

		#page-layout .sidebar::-webkit-scrollbar-track{
			background: var(--sidebar-bg-color);
		}

		#page-layout .sidebar::-webkit-scrollbar-thumb{
			background : var(--sidebar-color);
			border-radius: 10px;
		}



		#page-layout .sidebar .sidebar-wrapper .sidebar-top .sidebar-logo{
			display: flex;
			align-items: center;
			padding: 10px;
			background-color: rgba(0, 0, 0, .45);
    		box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
			margin-bottom: 1rem;
		}

		#page-layout .sidebar .sidebar-wrapper .sidebar-top .sidebar-logo .img-fluid{
			margin-right: 10px;
			max-width: 90px;
			max-height: 90px;
			border-radius: 5px;
			display: block;
			margin: auto 10px;
		}
#page-layout .sidebar .sidebar-wrapper .sidebar-top .sidebar-logo .ps-info{
    width: 100%;
}

		#page-layout .sidebar .sidebar-wrapper .sidebar-top .sidebar-logo .ps-info .sidebar-brand{
			font-size: var(--large-font);
			text-transform: uppercase;
			font-weight: 700;
			letter-spacing: 1px;
			font-family: 'Poppins', sans-serif;
		}


		#page-layout .sidebar .sidebar-wrapper .sidebar-top .date-time-wrapper .text{
			font-size: var(--normal-font);
			font-weight: 700;
			text-transform: capitalize;
		}


		#page-layout .sidebar .sidebar-wrapper .sidebar-top .date-time-wrapper .icon{
			font-size: var(--normal-font);
			font-weight: 700;
			margin-right: 15px;
		}

		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu{
			list-style-type: none;
			padding: 0;
			margin: 0;
		}

		#page-layout .sidebar .sidebar-wrapper .sidebar-middle{
			text-align: start;
		}

		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .sidebar-menu-item{
			padding: 0;
			display: block;
			width: 100%;
		}


		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-nav-link,
			#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .accordion-btn,
		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .sidebar-menu-item .sidebar-menu-item-link{
			color : var(--sidebar-color);
			text-transform: capitalize;
			font-size: var(--medium-font);
			font-family: 'Raleway', sans-serif;
			width: 100%;
			display: block;
			padding: 4px 15px;
			letter-spacing: 0.5px;
			transition : 0.3s ease;
		}

		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-nav-link .icon,
		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .accordion-btn .icon,
		#page-layout .sidebar .sidebar-wrapper .sidebar-bottom .sidebar-nav-link .icon,
		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .sidebar-menu-item .sidebar-menu-item-link .icon{
			margin-right: 18px
		}


		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-nav-link:hover,
		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .sidebar-menu-item .sidebar-menu-item-link:hover{
			background-color : var(--sidebar-color);
			color: var(--sidebar-bg-color);
		}


		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-active{
			background-color : var(--sidebar-color);
			color: var(--sidebar-bg-color);
			font-weight: 900;
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
			font-size: var(--large-font);
		}


		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-active:hover{
			opacity: 0.5;
		}


		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-active:hover{
            background-color: rgba(0, 0, 0 ,0.30);
		}



		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu-divider{
			display: flex;
			justify-content: space-between;
			font-size: var(--small-font);
			padding: 10px;
			opacity: 0.3;
		}


#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .sidebar-menu-item .sidebar-menu-active{
    background-color: rgba(0 , 0 , 0, 0.20);
}


		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .accordion-btn{
			border : none;
			text-align: start;
			background-color: transparent;
		}


		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .accordion-btn:after{
			content : "\f053";
		font-weight :  900;
		font-family: 'Font Awesome 6 free';
		float: right;
		}



		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .accordion-btn-active:after{
		content : "\f078";
		font-weight :  900;
		font-family: 'Font Awesome 6 free';
		float: right;
	}


			#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .accordion-btn:hover{
			background-color : var(--sidebar-color);
			color: var(--sidebar-bg-color);
		}

		#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .sidebar-accordion-body{
			transition: 0.5s ease;
			display: none;
			overflow: hidden;
		}

        #page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .accordion-btn-active{
            background-color : rgba(0, 0, 0, 0.30);
        }

			#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .accordion-show{
				display: block;
		}

			#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .sidebar-accordion-body .accordion-menu{
				list-style-type: none;
				padding : 0px 0px;
				margin: 0;
		}

			#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .sidebar-accordion-body .accordion-menu .accordion-menu-item{
				display: block;
				width: 100%;
		}

			#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .sidebar-accordion-body .accordion-menu .accordion-menu-link{
				display: block;
				width: 100%;
				font-size: var(--normal-font);
				text-transform: capitalize;
				letter-spacing: 0.5px;
				color: var(--sidebar-color);
				padding: 4px 10px;
                padding-left: 35px;
				transition: 0.5s ease;
				margin-left: 0px;
		}

			#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .sidebar-accordion-body .accordion-menu .accordion-menu-link .icon{
				margin-right: 15px;
		}

			#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .sidebar-accordion-body .accordion-menu .accordion-menu-item:hover{
			background-color : var(--sidebar-color);
		}


			#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .sidebar-accordion-body .accordion-menu .accordion-item-active{
			background-color: rgba(0 , 0 ,0 , 0.20);
		}


			#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .sidebar-accordion-body .accordion-menu .accordion-menu-item:hover .accordion-menu-link{
			color: var(--sidebar-bg-color) !important;
		}


		#page-layout .sidebar .sidebar-wrapper .sidebar-bottom{
			text-align: center;
				margin: 3rem 0px;
			padding-bottom: 95px;
		}


		#page-layout .sidebar .sidebar-wrapper .sidebar-bottom .sidebar-nav-link{
				font-size: var(--normal-font);
		color : var(--sidebar-color);
		text-transform: capitalize;
		font-weight: bold;
		}

		#page-layout .sidebar .sidebar-wrapper .sidebar-bottom .sidebar-nav-link:hover{
			opacity: 0.3;
		}


#main-page-layout .visitor-container-wrapper{
    background-color: #ffffff;
    padding: 10px;
}

#main-page-layout .visitor-container-wrapper .text{
    font-size: 1.5em;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin: 2px 0px;
    padding: 4px;
}

#main-page-layout .visitor-container-wrapper .menu{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#main-page-layout .visitor-container-wrapper .menu .item{
    display: inline;
}

#main-page-layout .visitor-container-wrapper .menu .item .subscribe-btn{
    background-color: rgba(0,149,199,0.84);
    color: #ffffff;
    font-weight: bolder;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0.8px;
    border-radius: 5px;
    font-family: 'Raleway', sans-serif;
}

#main-page-layout .visitor-container-wrapper .menu .item #remove-frame{
    border: none;
    background-color: transparent;;
    font-size: 16px;
    text-transform: capitalize;
}

#main-page-layout .hide-visitor-container-wrapper{
    display: none;
}



		#page-layout .main-page-layout{
					margin-left: var(--sidebar-width);
						padding:0px;
						min-height: 100%;
						transition: 0.6s ease;
				}

		#page-layout .main-page-layout .main-content{
					padding: 25px;
				}

		#page-layout .main-page-layout .main-header{
				background-color: #fff;
				box-shadow: 8px 8px 8px 8px rgba(0, 0, 0, 0.2);
				padding: 8px 15px;
				color: #010101;
			}

		#page-layout .main-page-layout .main-header .header-wrapper{
				display: flex;
				justify-content: space-between;
				align-items: center;
				text-transform: capitalize;
			}

#page-layout .main-page-layout .main-header .header-wrapper .media-toggle{
			background-color: transparent !important;
			border: none;
			font-size: var(--large-font);
			padding: 5px;
			display: none;
		}

		#page-layout .main-page-layout .main-header .header-wrapper .header-brand .text{
				text-transform: uppercase;
				font-weight: 700;
				font-size: var(--large-font);
				padding: 0px 6px;
			}

		#page-layout .main-page-layout .main-header .header-wrapper .header-brand .icon{
				text-transform: uppercase;
				font-weight: 700;
				font-size: 20px;
			}


		#page-layout .main-page-layout .main-header .header-wrapper .header-menu{
				list-style-type:  none;
				padding: 0;
				margin: 0;
			}



				#page-layout .main-page-layout .main-header .header-wrapper .header-menu .header-menu-item{
				display: inline;
				margin: 0px 5px;
				padding: 0px 4px;
			}

				#page-layout .main-page-layout .main-header .header-wrapper .header-menu .header-menu-item{
				border-right: 1px solid #c0c0c0;
			}

				#page-layout .main-page-layout .main-header .header-wrapper .header-menu .header-menu-item:nth-last-child(1){
				border-right: none;
			}

				#page-layout .main-page-layout .main-header .header-wrapper .header-menu .header-menu-item .header-menu-link{
				color: inherit !important;
				font-size: 14px;
				font-weight: normal;
				text-transform: capitalize;
			}

				#page-layout .main-page-layout .main-header .header-wrapper .header-menu .header-menu-item .header-menu-link .icon{
				padding: 0px 4px;
			}



		#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-btn{
				border :none;
				background-color: transparent;
			font-weight: 700;
			}

			#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-btn .text,
			#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-btn .icon{
			pointer-events: none;
			}

			#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-btn .icon .img-fluid{
				border-radius: 50%;
				width: 40px;
				height: 30px;
				display: inline !important;
			}

			#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown{
				position: relative;
				color: inherit !important;
				text-transform: capitalize;
			}
#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .header-menu-link.dropdown-btn .avatar-img
{
    padding: 2px;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    overflow: hidden;
}

#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .header-menu-link.dropdown-btn .avatar-img .img-fluid
{
    display: inline-block;
    width: 1.155rem;
    height: 1.155rem;
    object-fit: cover;
    border-radius: 50%;
    padding-left: 2px;
}

			#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-item {
				position: absolute;
				right: 0;
				margin-top: 15px;
				background-color: #FCFCFC;
				border : rgba(0, 0, 0, 0.2);
				border-radius: 5px;
				padding: 8px 6px;
				transition: 0.5s ease;
				min-width: 250px;
				display: none;
				z-index: 999;
			}


		#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .show-dropdown-item{
			display: block;
		}

			#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-item .dropdown-menu-list{
				list-style-type: none;
				margin: 0;
				padding: 0;
			}


			#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-item .dropdown-menu-list .dropdown-menu-item{
				text-align: center;
				display: block;
				width: 100%;
			}

			#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-item .dropdown-menu-list .dropdown-menu-item .dropdown-menu-link{
				color : #010101;
				display: block;
				width: 100%;
				text-transform: capitalize;
				padding: 6px 8px;
				font-size: 13px;
				transition: 0.6s ease;
				text-align: start;
			}

				#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-item .dropdown-menu-list .dropdown-menu-item .dropdown-menu-link .icon{
				margin-right: 10px;
			}


				#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-item .dropdown-menu-list .dropdown-menu-item .dropdown-menu-link:hover{
				background-color: #BFBFBF;
			}


				#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-item .dropdown-menu-list .dropdown-menu-item .dropdown-menu-link .custom-header-divider{
				margin: 2px 0px;
				padding: 4px 0px;
				color: rgba(0, 0, 0, 0.5);
			}

#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-menu-list .dropdown-menu-item .title.text
{
    text-transform: capitalize;
    text-align: left;
    font-size: var(--normal-font);
    margin-bottom: 2px;
    margin-left: 25px;
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    color: #727272;
}
#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-menu-list .dropdown-menu-item .dropdown-menu-link .data-flag
{
    border-radius: 50%;
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 10px;
}

#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-menu-list .dropdown-menu-item .dropdown-menu-link .data-flag .img-fluid
{
    height: 100%;
    max-width: 100%;
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
}

#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .dropdown-menu-list .dropdown-menu-item.active{
    background-color: #cccccc;
}

#page-layout .main-page-layout .main-content-wrapper{
		min-height: calc(100vh - 58px - 100px);
	}

	#page-layout .main-page-layout .main-footer{
		background-color: #fff;
		box-shadow: 8px 8px 18px 8px rgba(0, 0, 0, 0.2);
	}

	#page-layout .main-page-layout .main-footer .ps-footer-wrapper{
		display: flex;
		justify-content: space-around;
		align-items: center;
	}


	#page-layout .main-page-layout .main-footer .ps-footer-wrapper .info,
	#page-layout .main-page-layout .main-footer .ps-footer-wrapper .info .text{
		margin:  0;
		padding: 4px;
		font-size: var(--small-font);
	}

		#page-layout .main-page-layout .main-footer .ps-footer-wrapper .info .text{
			opacity: 0.4;
		}




/*Collapse the side bar and page content*/
		#page-layout .sidebar-collapse{
				width: var(--sidebar-collapse-width);
				padding: 6px 2px;
				box-shadow: 6px 0px 28px 4px rgba(0, 0, 0,0.3);
				text-align: center;
				overflow-x: hidden;
				transition: 0.5s ease;
			}



			#page-layout .sidebar-collapse .sidebar-wrapper .sidebar-top .sidebar-logo .img-fluid{
				width: 60px;
				height: 60px;
				border-radius: 3px;
			}


	#page-layout .sidebar-collapse .sidebar-wrapper .sidebar-top .sidebar-logo .ps-info .sidebar-brand,
	#page-layout .sidebar-collapse .text{
		display: none;
	}

	#page-layout .sidebar-collapse .date-time-wrapper{
		opacity: 0;
	}



	#page-layout .sidebar-collapse .sidebar-wrapper .sidebar-top .sidebar-logo{
		display: flex;
		flex-direction: column;
		align-items: center;
    padding: 0px;
    background-color: transparent;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0);
	}

	#page-layout .sidebar-collapse .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .accordion-btn{
		display: flex;
		justify-content: center;
		align-items: center;
	}


		#page-layout .expand-content-page-layout {
			margin-left: var(--sidebar-collapse-width);
			}


@media screen and (min-width: 600px) and (max-width : 1200px){

    #page-layout .sidebar{
        width: var(--sidebar-collapse-width);
    }

    #page-layout .main-page-layout{
        margin-left: var(--sidebar-collapse-width);
    }
}

@media screen and (max-width : 1200px){
			#page-layout .sidebar{
				width: var(--sidebar-collapse-width);
			}

			#page-layout .sidebar .sidebar-wrapper .sidebar-top .sidebar-logo .img-fluid{
				width: 60px;
				height: 60px;
				border-radius: 3px;
			}


	#page-layout .sidebar .sidebar-wrapper .sidebar-top .sidebar-logo .ps-info .sidebar-brand,
	#page-layout .sidebar .text{
		display: none;
	}

	#page-layout .sidebar .date-time-wrapper{
		opacity: 0;
	}



	#page-layout .sidebar .sidebar-wrapper .sidebar-top .sidebar-logo{
		display: flex;
		flex-direction: column;
		align-items: center;
    padding: 0px;
    background-color: transparent;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0);
	}

	#page-layout .sidebar .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .accordion-btn{
		display: flex;
		justify-content: center;
		align-items: center;
	}



			#page-layout .sidebar:hover .date-time-wrapper{
				opacity: 10;
			}

				#page-layout .sidebar:hover .sidebar-wrapper .sidebar-top .sidebar-logo{
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
    background-color: transparent;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0);
	}

			#page-layout .sidebar:hover .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .accordion-btn{
		display: block;
		align-items: center;
	}


		#page-layout .expand-content-page-layout {
			margin-left: var(--sidebar-width);
            overflow-x: hidden;
			}

/*			In toggle mode*/

			#page-layout .sidebar-collapse{
				width: var(--sidebar-width);
				z-index: 999;
			}



			#page-layout .sidebar-collapse .sidebar-wrapper .sidebar-top .sidebar-logo .img-fluid{
				width: 90px;
				height: 90px;
				border-radius: 3px;
			}

			#page-layout .sidebar-collapse .sidebar-wrapper .sidebar-top .sidebar-logo .ps-info .sidebar-brand,
			#page-layout .sidebar-collapse .text{
				display: inline-block;
			}


			#page-layout .sidebar-collapse .date-time-wrapper{
				opacity: 10;
			}

				#page-layout .sidebar-collapse .sidebar-wrapper .sidebar-top .sidebar-logo{
		display: flex;
		justify-content: space-between;
					flex-direction: row;
		align-items: center;
   		 padding: 10px;
    background-color: transparent;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0);
	}

			#page-layout .sidebar-collapse .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .accordion-btn{
		display: block;
		align-items: center;
	}

	#page-layout .sidebar-collapse .sidebar-wrapper .sidebar-middle .sidebar-menu .accordion .sidebar-accordion-body .accordion-menu {
    list-style-type: none;
    padding: 0px 10px;
    margin: 0;
}


/*			End of toggle mode*/

		}


	@media screen and (max-width : 950px){
			#page-layout .main-page-layout .main-header .header-wrapper .header-menu .header-menu-item .header-menu-link .text{
				display: none;
			}

			#page-layout .main-page-layout .main-header .header-wrapper .header-menu .header-menu-item{
				margin: 0px 5px;
				padding: 0px 4px;
			}

		}


		@media screen and (max-width : 600px){
			#page-layout .sidebar{
				margin-left: -100%;
				margin-top: 0px;
                width: 100%;
                z-index: 999;
                box-shadow: none;
			}




            #page-layout .sidebar .close-sidebar-btn{
                position: absolute;
                right: 6px;
                top: 2px;
                padding: 4px 12px;
                font-size: 24px;
                font-weight: bolder;
                outline: none;
                box-shadow: none;
                border: none;
                border-radius: 2px;
                color: var(--sidebar-color);
                display: none;
            }


            #page-layout .sidebar-collapse .close-sidebar-btn{
                display: block;
            }


            #page-layout .sidebar .sidebar-logo{
                margin-top: 15px;
            }



			#page-layout .main-page-layout .main-header {
					position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 11;
				}

			#page-layout .main-page-layout .main-header .header-wrapper .header-brand .icon{
				background-color: var(--sidebar-bg-color);
				color: var(--sidebar-color);
				padding: 4px 10px;
				border-radius: 50%;
			}

			#page-layout .main-page-layout{
				margin-left:  0px;
			}


			#page-layout .sidebar-collapse{
				margin-left: 0;
				width: 100%;
			}


		#page-layout .main-page-layout .main-content {
				padding: 8px;
			margin-top: 53px;
			}

			#page-layout .main-page-layout .main-footer .ps-footer-wrapper {
				display: flex;
				flex-direction: column;
				margin: auto;
				align-items: center;
				justify-content: center;
			}

            #page-layout .main-page-layout .main-footer .ps-footer-wrapper .info,
            #page-layout .main-page-layout .main-footer .ps-footer-wrapper .info .text{
               text-align: center;
            }

					}

		@media screen and (max-width : 465px){
			#page-layout .sidebar{
				margin-top: 0px;
                z-index: 999;
			}

			#page-layout .main-page-layout .main-header{
				position: relative;
				padding: 10px 8px;
			}

			#page-layout .main-page-layout .main-content{
				margin-top: 20px;
			}

			#page-layout .main-page-layout .main-header .header-wrapper{
				align-items: baseline;
			}

			#page-layout .main-page-layout .main-header .header-wrapper .media-toggle{
			display: block !important;
		}

			#page-layout .main-page-layout .main-header  .header-right-wrapper{
				position: absolute;
				top: 58px;
				background-color: var(--sidebar-bg-color);
				color: var(--sidebar-color) !important;
				border: 1px rgba(0, 0, 0, 0.3);
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				box-shadow : 0px 8px 8px 8px rgba(0, 0, 0, 0.3);
				width: 96%;
				display: none;
				transition : show 0.5s ease;
				z-index: 999;
			}

			#page-layout .main-page-layout .main-header  .header-right-wrapper-show{
				display: inline-block !important;
			}

			#page-layout .main-page-layout .main-header .header-wrapper .header-menu .header-menu-item {
				display: block !important;
				margin: 8px 10px;
				padding: 8px 8px;
				z-index: 999;
			}

			#page-layout .main-page-layout .main-header .header-wrapper .header-menu .header-menu-item .header-menu-link .text{
				display: inline-block;
			}

			#page-layout .main-page-layout .main-header .header-wrapper .header-menu  .admin-dropdown .show-dropdown-item {
				position: relative;
				right: 0;
				margin-top: 15px;
				background-color: #FCFCFC;
				border: rgba(0, 0, 0, 0.2);
				border-radius: 5px;
				padding: 8px 6px;
				transition: 0.5s ease;
				min-width: 200px;
				display: block;
			}

					}