html, body {
   /* font-size: 15px;*/
}


/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  	background: #939393;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #706c6c; 
}


/*.m_datatable.cust-table table th
{
    background-color: #5867dd !important;
}*/

.m_datatable.cust-table table th
{
  	background: #34bfa3 !important;
	color: #fff !important;
	border-bottom: 0 !important;
	border-top: 0 !important;
	padding: .75rem !important;
	font-weight: 500 !important;
}


.m_datatable.cust-table table th span
{
    color: #fff !important;
}

.m_datatable.cust-table table th span i
{
    color: #fff !important;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__section .m-menu__section-text {
    color: #fff;
    font-size: 1rem;
	    display: block;
}
.m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-title input[type="radio"]{
	display:none;
}
.m-accordion .m-accordion__item .m-accordion__item-head .m-accordion__item-title label{ margin-bottom:0;}

.m-menu__link-icon-size{
    height: 26px !important;
}
.m-menu__link>.m-menu__link-text{
    padding-left:8px !important;
    font-size:14px !important;
    color: #888888 !important;

}
.m-menu__subnav>.m-menu__item>.m-menu__link {
    padding-left: 30px !important;
}

.m-menu__subnav{
    background-color: #3b3a44 !important;
}

body.not_logged_in header{ display:none;}
body.not_logged_in.m-header--fixed .m-body{ padding-top: 0 !important;}
.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-aside-right, body.not_logged_in.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-wrapper{ margin-bottom:0 !important;}
.m-login.m-login--6 .m-login__wrapper .m-login__body .m-login__signin .m-login__form .m-form__group .form-control {
    box-shadow: 0px 3px 1px -1px #d6d3d3;
}
.m-form.m-form--fit .m-form__content, .m-form.m-form--fit .m-form__heading, .m-form.m-form--fit .m-form__group{
	padding-left:0;
	padding-right:0;
}
@media(max-width:767px){
	.m-login.m-login--6 .m-login__aside .m-grid__item .m-grid__item .m-login__title{ display:none;}
	.m-login.m-login--6 .m-login__aside .m-grid__item .m-login__info{ display:none;}
	.m-login.m-login--6 .m-login__aside {
		padding: 2rem 2rem;
	}
	.m-login.m-login--6 .m-login__aside .m-grid__item .m-grid__item .m-login__subtitle{ margin:0; display:block; text-align:center;}
	.m-login.m-login--6 .m-login__wrapper .m-login__body{ margin-top:0;}
	.m-login.m-login--6 .m-login__aside .m-grid__item .m-login__logo{ text-align:center;}
	.m-login.m-login--6 .m-grid__item.m-grid__item--middle{ display:block; width:100%;}
}
.customers {
	border-collapse: collapse;
	width: 100%;
  }
  
  .customers td, .customers th {
	border: 1px solid #ddd;
	padding: 8px;
	width: 1px;
  }
  
  .customers tr:nth-child(even){background-color: #f2f2f2;}
  
  .customers th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #737373e0;
	color: white;
		  }

		.hidden {
		display: none;
	}
	
.password-eye{
	position: absolute;
	top: 14px;
	right: 22px;
	opacity: 0;
	z-index: 1111111111;
}

.password-input-hide{
	background-image: url(../images/icon-form-control-password-hidden.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 411px;
}

.password-input-show{
	background-image: url(../images/icon-form-control-password.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 411px;
}

.blink-soft {
	animation: blinker 1.5s linear infinite;
	color: red;
	font-weight: 900;
}


  @keyframes blinker {
	50% {
	  opacity: 0;
	}
  }

/******************************* Sidebar ********************************/

#m_aside_left.fixed-sidebar{
	position: fixed;
	top: 5.35rem;
	height: 100vh;
	overflow: auto;
	padding-bottom: 4rem;
}

@media screen and (min-width: 1025px){
	body.logged_in .main-content-div.m-wrapper{
		padding-left: 19rem;
	}
}

@media (max-width: 1024px){
	.m-brand {
	  height: 70px !important;
	}
	.m-aside-left--on .m-aside-left-close{
		display: none;
	}
}

.pl-6rem{
	padding-left: 6rem !important;
}



/*************************************** CSS Added by Aryan 17-01-2023 **************************************/

.m-portlet .m-portlet__body {
  padding: 1rem 2.2rem 2.2rem 2.2rem;
}

.m-body .m-content {
  padding: 10px 30px 30px 30px;
}

.m-subheader h1.page-title{
	font-size: 25px;

}

.pagination-wrapper{
	overflow: auto;
}

.thead-success th{
	background-color: #34bfa3;
	border-top: 1px solid #34bfa3;
	color: #fff;
}

input.datepicker {
  width: 100%;
  max-width: 300px;
}

.m-section {
  margin: 0 0 30px 0;
}

.table .btn{
	margin-bottom: 0.25rem;
	transition: .4s;
}

.table .btn:hover{
	transition: .4s;
}


.vertical-bg-success-table tr th{
	background-color: #34bfa3;
	width: 50%;
	color: #fff;
}

form.m-form input.form-control,
form.m-form textarea.form-control,
form.m-form select.form-control{
	background-color: #f9faff;
	border: none;
	border-bottom: 1px solid #aea5a5;
	border-radius: 5px 5px 0 0;
}

form.m-form input.form-control:focus,
form.m-form textarea.form-control:focus,
form.m-form select.form-control:focus{
	border: none;
	background-color: #f2f3f8;
	border-bottom: 1px solid #80bdff;
	border-radius: 5px 5px 0 0;


	/*background-color: #fff;*/
	/*border-color: #80bdff;*/
	outline: 0;
	box-shadow: 1px 3px 2px -1px rgba(0,123,255,.25);
}

form.m-form label{
	color: #3f4047;
	font-size: 15px !important;
}

.modal .modal-content .modal-header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1rem;
	background-color: #f7f7f7;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px);
}

.modal .modal-content .modal-body{
	padding: 1rem 1rem;
}



.modal .modal-content .modal-footer{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0.5rem 0.5rem;
	background-color: #f7f7f7;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: calc(0.3rem - 1px);
	border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal .modal-content .modal-footer .btn-cancel{
	color: #515151;
	background-color: #e6e6e6;
	border-color: #ddd;
}

.modal .modal-content .modal-footer .btn-cancel:hover {
  color: #515151;
  background-color: #c4c4c4;
  border-color: #c4c4c4;
}

.select2-container--default .select2-selection--single, 
.select2-container--default .select2-selection--multiple{
  border: none;
  border-bottom: 1px solid #aea5a5;
  background-color: #f9faff;
  border-radius: 5px 5px 0 0;
  color: #575962;

}

.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus{
	border: none;
	background-color: #f2f3f8;
	border-bottom: 1px solid #80bdff;
	border-radius: 5px 5px 0 0;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 1px 3px 2px -1px rgba(0,123,255,.25);
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: none;
	background-color: #f2f3f8;
	border-bottom: 1px solid #80bdff;
	border-radius: 5px 5px 0 0;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 1px 3px 2px -1px rgba(0,123,255,.25);
}

.cust-design-select{
	background-color: #f9faff;
	border: none;
	border-bottom: 1px solid #aea5a5;
	border-radius: 5px 5px 0 0;
}

.cust-design-select:focus{
	border: none;
	background-color: #f2f3f8;
	border-bottom: 1px solid #80bdff;
	border-radius: 5px 5px 0 0;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 1px 3px 2px -1px rgba(0,123,255,.25);
}

.colorclass a.m-list-timeline__text{
    background-color: #716aca !important;
    padding: 3px 3px 3px 5px !important;
    color: #fff !important;
}

.colorclass span.m-list-timeline__time{
    background-color: #716aca !important;
    padding: 3px 3px 3px 5px !important;
    color: #fff !important;
}

.alert.m-alert--icon.m-alert--outline.m-alert--icon-solid.custom-dismissible .m-alert__text{
	overflow: auto;
}





@media screen and (max-width: 576px){
	.m-alert.custom-dismissible{
		position: relative;
		display: block;
	}
	.m-alert.custom-dismissible .m-alert__icon{
		display: block;
		width: 100%;
	}
	.m-alert.custom-dismissible .m-alert__text{
		display: block;
		width: 100%;
	}
	.m-alert.custom-dismissible .m-alert__close{
		display: block;
		padding: 0;
		width: 100%;
		position: absolute;
		top: 0px;
		color: #fff;
		z-index: 2;
		right: -4px;
	}
	.m-alert.custom-dismissible .m-alert__close .close{
		color: #fff;
	}

	.m-alert.custom-dismissible .m-alert__icon span {
	  top: 105% !important;
	  right: 50% !important;
	  transform: rotate(90deg);
	}
}

.fixed-plus-btn{
	transform: translateY(-50%);
	top: 50%;
	right: 10px;
}

/********************** Sidebar new arrow ***************************/

.m-menu__item--submenu .m-menu__submenu .m-menu__item .fa-arrow-right{
	color: #888;
}


@media (max-width: 768px){
	.m-subheader {
	  padding: 30px 30px 0 30px;
	}
}

@media (min-width: 992px){
	.modal-xl {
  		max-width: 800px;
	}
}

@media (max-width: 1024px){
	.m-subheader {
  		padding: 30px 30px 0 30px;
	}
}

@media (min-width: 1200px){
	.modal-xl {
	  max-width: 1140px;
	}
}