#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgb(255,255,255,0.7) url(../images/loading.gif) no-repeat center center;
    z-index: 10000;
}
.page-title .greetings {
	width: 45%;
	float: left;
	display: block;
}
.page-title .greetings h4 {
	margin: 9px 0;
	padding: 1.15rem 1rem 0 1rem;
}
.page-title .greetings p {
	margin: 9px 0;
	padding: 0 1rem 1.15rem 1rem;
}
.hidden {
	display: none;
}
.block_img {
	text-align: center;
	padding: 1rem;
}
.block_img img {
	max-width: 70%;
}
.centered_wrapper{
    top: 0px;
    right: 0px;
	margin: 0px auto;
	/* margin-top: 5%; */
	height: 100vh;
    position: relative;
    width:100%;
}
.centered_content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	margin-top: -46px;
}
.logo {
	text-align: center;
}
.logo img{
	width: 30px;
}
.btn-info {
	background-color: var(--eastern-blue) !important;
  	border-color: var(--eastern-blue) !important;
	color: white !important;
}
.breadcrumb {
	background-color: transparent !important;
}
.breadcrumb-item.active {
	color: var(--cod-gray);
	font-weight: 900;
}
.w-100 {
	width: 100% !important;
}
.hv-75 {
	height: 100vh !important;
}
.p-1 {
	padding: 0.25rem;
}
.p-2 {
	padding: 0.5rem;
}
.p-3 {
	padding: 0.75rem;
}
.p-4 {
	padding: 1rem;
}
.pt-1 {
	padding-top: 1.15rem !important;
}
.py-3px {
	padding: 3px 0 !important;
}
.py-6px {
	padding: 6px 0 !important;
}
.px-1 {
	padding: 0 0.6rem !important
}
.text-white {
	color: var(--ecru-white);
}
.mr-2 {
	margin-right: 0.5rem;
}
.my-6px {
	margin: 6px 0 !important;
}
.p-5px {
	padding: 5px;
}
.p-7px {
	padding: 7.5px;
}
.p-10px {
	padding: 10px;
}
.p-15px {
	padding: 15px;
}
.public {
	background: url(../images/system/login-bg-2.png) no-repeat center;
    background-size: cover;
	height: 100vh;
}
.login {
	background: url(../images/system/login-bg-2.png) no-repeat center;
    background-size: cover;
}
.login_wrapper {
	right: 0px;
	margin: 0px auto;
	/* margin-top: 5%; */
	max-width: 450px;
	height: 100vh;
    position: relative;
}
.registration_form,
.login_form {margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 50px;
	background-color: var(--ecru-white);
	border-radius: 20px;
	box-shadow: 15px 15px 15px 3px var(--thatch);
}
.logo-login {
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--millbrook);
}
.logo-login img{
	width: 40px;
}
.logo-login span{
	font-size: 25px;
}
.login_content {
	padding-top: 10px;
}
table.dataTable thead > tr > th.sorting_asc, 
table.dataTable thead > tr > th.sorting_desc, 
table.dataTable thead > tr > th.sorting {
	padding-right: 30px;
	text-align: center;
	vertical-align: middle;
}
table.table-bordered.dataTable th {
	border-left-width: 0;
	text-align: center;
	vertical-align: middle;
}
table.dataTable thead .sorting::after, 
table.dataTable thead .sorting_asc::after, 
table.dataTable thead .sorting_desc::after, 
table.dataTable thead .sorting_asc_disabled::after, 
table.dataTable thead .sorting_desc_disabled::after {
	bottom: calc(50% - 10px) !important;
}
.input-group > .file-upload {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.upload-input {
	position: relative;
	z-index: 2;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	margin: 0;
	opacity: 0;
}
.upload-label {
	position: absolute;
	/* top: 0; */
	right: 0;
	left: 0;
	z-index: 1;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	margin: 0 0.5rem;
}
.upload-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	height: calc(1.5em + .75rem);
	padding: .375rem .75rem;
	line-height: 1.5;
	color: #495057;
	content: "Upload";
	background-color: #e9ecef;
	border-left: inherit;
	border-radius: 0 .25rem .25rem 0;
}
.badge.badge-circle {
	border-radius: 50%;
	padding: 0;
	min-width: unset;
	width: 1.75rem;
}
.badge.badge-circle, .badge.badge-square {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 1.75rem;
	min-width: 1.75rem;
	padding: 0 .1rem;
	line-height: 0;
}
.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	width: 100% !important;
}
.modal-xl {
    max-width: calc(100% - 3.5rem) !important;
}
.modal-header .close {
	padding: 1.5rem 1rem !important;
}
.editor {
	height: 200px !important;
}
th.dt-center, td.dt-center { text-align: center; }
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.mt-btn {
	margin-top: 2rem !important;
}
.btn.btn-rounded {
    border-radius: 50px; 
}