@UTF-8;

:root {
	--color-lightblue: rgba(23,162,184,1);
	--color-blue: rgba(0,123,255,1);
	--color-green: rgba(40,167,69,1);
	--color-yellow: rgba(108,117,125,1);
	--color-red: rgba(220,53,69,1);
	--color-orange: rgba(255,193,7,1);
	--color-white: rgba(255,255,255,1)
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #666666;
}
::-webkit-scrollbar-thumb:active {
  background: #666666;
}
::-webkit-scrollbar-track {
  background: #FFFFFF;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #FFFFFF;
}
::-webkit-scrollbar-track:active {
  background: #FFFFFF;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

body {
	background-color: #ecf0f5;
	font-size: .9rem;
}

/* .bg-lightblue { */
/* 	background-color: var(--color-lightblue); */
/* 	color: var(--color-white); */
/* } */

/* .bg-blue { */
/* 	background-color: var(--color-blue); */
/* 	color: var(--color-white); */
/* } */

/* .bg-green { */
/* 	background-color: var(--color-green); */
/* } */

/* .bg-yellow { */
/* 	background-color: var(--color-yellow); */
/* 	color: var(--color-white); */
/* } */

/* .bg-red { */
/* 	background-color: var(--color-red); */
/* 	color: var(--color-white); */
/* } */

/* .bg-orange { */
/* 	background-color: var(--color-orange); */
/* 	color: var(--color-white); */
/* } */

/* .text-lightblue { */
/* 	color: var(--color-lightblue); */
/* } */

/* .text-blue { */
/* 	color: var(--color-blue); */
/* } */

/* .text-green { */
/* 	color: var(--color-green); */
/* } */

/* .text-yellow { */
/* 	color: var(--color-yellow); */
/* } */

/* .text-red { */
/* 	color: var(--color-red); */
/* } */

/* .text-orange { */
/* 	color: var(--color-orange); */
/* } */

.alert {
	margin: 0px 15px 15px;
}

.breadcrumb-btn {
	top: 4px !important;
}

.logo-text-login {
	font-size: 20px;
}

.with-editor {
	width: 100%;
	height: 200px;
	padding: 10px;
}

.image-logo {
	width: 100px;
	height: 100px;
}

.user-image {
	width: 25px;
	height: 25px;
	border-radius: 50%;
}

.width-80 {
	width: 80%;
}

.width-100 {
	width: 100%;
}

.text-small {
	font-size: 14px;
}

.text-white {
	color: #FFFFFF;
}

.icon-in-menu {
	width: 17px;	
}

form {
	display: table;
    width: 100%;
}

form.sticky {
	display: block;
}

input:invalid { 
	background-color: #FFE5E5; 
}

.tooltip-inner {
    white-space:pre;
    max-width:none;
}

.inline-block {
	display: inline-block;
}

.va-bottom {
	vertical-align: bottom;	
}

.va-middle {
	vertical-align: middle;	
}

.va-top {
	vertical-align: top;	
}

.table-scroll {
	overflow: auto;
}

.table-media tbody tr td.text-right, 
.table-media thead tr th.text-right,
.table-media tfoot tr th.text-right {
	white-space: pre;
}

.table-cell-bg {
	background-color: #FBFBFB;
	border-top: 2px solid #ddd;
}

.widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc {
    margin-left: 0px;
}

.text-x-light {
	font-size: 11px;
	font-weight: 100;
	padding: 2px !important;
}

.text-x-light2 {
	font-size: 11px;
	font-weight: 100;
	padding: 0px 2px !important;
}

.text-x-light-head {
	font-size: 11px;
}

.table-border-right {
	border-right: 1px solid rgb(195,195,195) !important;
}

.table-border-left {
	border-left: 1px solid rgb(195,195,195) !important;
}

.without-padding {
	padding: 0px !important;
}

.table-in-table {
	width: 100%;
	height: 100%;
}

.pre {
	white-space: pre;
}

.form-state-container {
	padding-top: .375rem;
    padding-bottom: .375rem;
    line-height: 1.5;
}

.form-state-container .progress {
	height: 24px;
}

.image-hack {
    display: none;
}

.form-control-plaintext {
	cursor: default;
	overflow-x: auto;
}

.form-control-plaintext:focus {
	outline: none;
}

.card-body {
	position: relative;
	/* overflow: scroll; */
	/* max-height: 80vh; */
}

.card-body.with-table {
	position: relative;
	overflow-x: auto;
	max-height: 80vh;
}

/* ribbons */
.ribbon-wrapper {
    height: 70px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 70px;
    z-index: 10;
}

.ribbon-wrapper.ribbon-lg {
    height: 120px;
    width: 120px;
}

.ribbon-wrapper.ribbon-xl {
    height: 180px;
    width: 180px;
}

.ribbon-wrapper .ribbon {
	box-shadow: 0 0 3px rgba(0,0,0,.3);
    font-size: .8rem;
    line-height: 100%;
    padding: .375rem 0;
    position: relative;
    right: -2px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,.4);
    text-transform: uppercase;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 90px;
}

.ribbon-wrapper.ribbon-lg .ribbon {
    right: 0;
    top: 26px;
    width: 160px;
}

.ribbon-wrapper.ribbon-xl .ribbon {
    right: 4px;
    top: 47px;
    width: 240px;
}

ul.mainlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	cursor: move;
	overflow-x: auto;
    overflow-y: hidden;
}

ul.mainlist li {
	padding: 7px;
	margin: 0px;
	cursor: move;
	background: #FFFFFF;
}

ul.sublist li {
	padding: 7px;
	padding-right: 0;
	margin-right: 0;
	cursor: move;
	background: #FFFFFF;
}

ul.sublist li:hover, ul.mainlist li:hover {
	background: #F1F1F1;
}

ul.sublist {
	list-style-type: none;
    padding-left: 20px;
}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.75;
  z-index: 2000;
}

 li.placeholder {
  position: relative;
  border: 1px solid red;
  height: 30px;
  /** More li styles **/
}
 li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}

.dataTables_wrapper {
	overflow-x: auto;
	max-height: 80vh;
}

.open-link {
	cursor: pointer;
}

.bootbox-prompt-message {
    margin-bottom: 15px;
    font-size: 1rem;
}

.bootbox-input-textarea {
	min-height: 180px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
	height: auto;
}

.navbar-nav>.user-menu>.dropdown-menu {
	border-top-width: 1px;
}

.content-wrapper {
	background-color: #F2F2F2;
}

.content-wrapper > .content {
	padding: 0 2rem;
}

.sidebar-collapse .main-header {
	border-bottom: 1px solid #dee2e6;
}

[data-action] {
	cursor: pointer;
}

[data-clipboard-text] {
	cursor: pointer;
}

.table-wrapper {
	overflow: auto;
	white-space: nowrap;
}

.table-sticky th, .table-sticky td {
	text-align: center;
}

.table-sticky th:first-child, .table-sticky td:first-child {
	position: sticky;
	left: 0px;
	z-index: 1;
	vertical-align: middle;
	background-color: rgb(255, 255, 255);
	text-align: left;
	border-right: 2px solid #dee2e6;
}

.table.no-border>tbody>tr>td,
.table.no-border>tbody>tr>th {
  border-top: none;
}

.table-sticky tbody tr:nth-of-type(odd) th:first-child, .table-sticky tbody tr:nth-of-type(odd) td:first-child {
	background-color: rgb(242, 242, 242);
}

.btn-primary-custom:hover {
	background-color: #FFF !important;
	color: var(--primary) !important;
	border-color: var(--primary) !important;
}

.btn-primary-custom:active {
	background-color: #FFF !important;
	color: var(--primary) !important;
	border-color: var(--primary) !important;
}

.dropdown-menu {
	width: max-content;
  max-height: 400px;
  overflow: scroll;
}

.dropdown-divider {
  margin: .25rem 0;
}

.fs-1 {
	font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-2 {
	font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-3 {
	font-size: calc(1.26rem + 0.12vw) !important;
}

.fs-4 {
	font-size: 1.25rem !important;
}

.fs-5 {
	font-size: 1.15rem !important;
}

.fs-6 {
	font-size: 1.075rem !important;
}

.fs-7 {
	font-size: 0.95rem !important;
}

.fs-8 {
	font-size: 0.85rem !important;
}

.fs-9 {
	font-size: 0.75rem !important;
}

.fs-10 {
	font-size: 0.5rem !important;
}

.select2-container {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #CCCCCC;
    min-height: 36px;
    font-size: 16px;
    text-align: left;
    max-width: 100% !important;
	z-index: 9999;
}

.select2-container .select2-selection--single {
	border: 0px;
    height: 34px;
    font-size: 14px;
    padding: 6px 6px;
}

.select2-container:not(:first-child):not(:last-child) {
	border-radius: 0px;
}

.select2-container:first-child {
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.select2-container--default .select2-selection--multiple {
	border: 0;
    padding: 0px;
    margin: 0px;
    min-height: 100%;
    /* line-height: 1; */
    border-radius: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #FFFFFF;
    background-color: var(--color-main-1);
    border-color: var(--color-main-1);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #FFFFFF;
	border-color: #FFFFFF;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    color: #FFFFFF;
    border-color: #FFFFFF;
    background-color: var(--color-main-1);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: none !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
	resize: none !important;
	border: none !important;
}

.table.table-head-fixed thead tr:nth-child(1) th {
    background-color: #fff;
    border-bottom: 0;
    box-shadow: inset 0 1px 0 #dee2e6, inset 0 -1px 0 #dee2e6;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

.w-unset {
	width: unset !important;
  }
  
  .w-25 {
	width: 25% !important;
  }
  
  .w-50 {
	width: 50% !important;
  }
  
  .w-75 {
	width: 75% !important;
  }
  
  .w-100 {
	width: 100% !important;
  }
  
  .w-auto {
	width: auto !important;
  }
  
  .w-1px {
	width: 1px !important;
  }
  
  .w-2px {
	width: 2px !important;
  }
  
  .w-3px {
	width: 3px !important;
  }
  
  .w-4px {
	width: 4px !important;
  }
  
  .w-5px {
	width: 5px !important;
  }
  
  .w-6px {
	width: 6px !important;
  }
  
  .w-7px {
	width: 7px !important;
  }
  
  .w-8px {
	width: 8px !important;
  }
  
  .w-9px {
	width: 9px !important;
  }
  
  .w-10px {
	width: 10px !important;
  }
  
  .w-15px {
	width: 15px !important;
  }
  
  .w-20px {
	width: 20px !important;
  }
  
  .w-25px {
	width: 25px !important;
  }
  
  .w-30px {
	width: 30px !important;
  }
  
  .w-35px {
	width: 35px !important;
  }
  
  .w-40px {
	width: 40px !important;
  }
  
  .w-45px {
	width: 45px !important;
  }
  
  .w-50px {
	width: 50px !important;
  }
  
  .w-55px {
	width: 55px !important;
  }
  
  .w-60px {
	width: 60px !important;
  }
  
  .w-65px {
	width: 65px !important;
  }
  
  .w-70px {
	width: 70px !important;
  }
  
  .w-75px {
	width: 75px !important;
  }
  
  .w-80px {
	width: 80px !important;
  }
  
  .w-85px {
	width: 85px !important;
  }
  
  .w-90px {
	width: 90px !important;
  }
  
  .w-95px {
	width: 95px !important;
  }
  
  .w-100px {
	width: 100px !important;
  }
  
  .w-125px {
	width: 125px !important;
  }
  
  .w-150px {
	width: 150px !important;
  }
  
  .w-175px {
	width: 175px !important;
  }
  
  .w-200px {
	width: 200px !important;
  }
  
  .w-225px {
	width: 225px !important;
  }
  
  .w-250px {
	width: 250px !important;
  }
  
  .w-275px {
	width: 275px !important;
  }
  
  .w-300px {
	width: 300px !important;
  }
  
  .w-325px {
	width: 325px !important;
  }
  
  .w-350px {
	width: 350px !important;
  }
  
  .w-375px {
	width: 375px !important;
  }
  
  .w-400px {
	width: 400px !important;
  }
  
  .w-425px {
	width: 425px !important;
  }
  
  .w-450px {
	width: 450px !important;
  }
  
  .w-475px {
	width: 475px !important;
  }
  
  .w-500px {
	width: 500px !important;
  }
  
  .w-550px {
	width: 550px !important;
  }
  
  .w-600px {
	width: 600px !important;
  }
  
  .w-650px {
	width: 650px !important;
  }
  
  .w-700px {
	width: 700px !important;
  }
  
  .w-750px {
	width: 750px !important;
  }
  
  .w-800px {
	width: 800px !important;
  }
  
  .w-850px {
	width: 850px !important;
  }
  
  .w-900px {
	width: 900px !important;
  }
  
  .w-950px {
	width: 950px !important;
  }
  
  .w-1000px {
	width: 1000px !important;
  }
  
  .mw-unset {
	max-width: unset !important;
  }
  
  .mw-25 {
	max-width: 25% !important;
  }
  
  .mw-50 {
	max-width: 50% !important;
  }
  
  .mw-75 {
	max-width: 75% !important;
  }
  
  .mw-100 {
	max-width: 100% !important;
  }
  
  .mw-auto {
	max-width: auto !important;
  }
  
  .mw-1px {
	max-width: 1px !important;
  }
  
  .mw-2px {
	max-width: 2px !important;
  }
  
  .mw-3px {
	max-width: 3px !important;
  }
  
  .mw-4px {
	max-width: 4px !important;
  }
  
  .mw-5px {
	max-width: 5px !important;
  }
  
  .mw-6px {
	max-width: 6px !important;
  }
  
  .mw-7px {
	max-width: 7px !important;
  }
  
  .mw-8px {
	max-width: 8px !important;
  }
  
  .mw-9px {
	max-width: 9px !important;
  }
  
  .mw-10px {
	max-width: 10px !important;
  }
  
  .mw-15px {
	max-width: 15px !important;
  }
  
  .mw-20px {
	max-width: 20px !important;
  }
  
  .mw-25px {
	max-width: 25px !important;
  }
  
  .mw-30px {
	max-width: 30px !important;
  }
  
  .mw-35px {
	max-width: 35px !important;
  }
  
  .mw-40px {
	max-width: 40px !important;
  }
  
  .mw-45px {
	max-width: 45px !important;
  }
  
  .mw-50px {
	max-width: 50px !important;
  }
  
  .mw-55px {
	max-width: 55px !important;
  }
  
  .mw-60px {
	max-width: 60px !important;
  }
  
  .mw-65px {
	max-width: 65px !important;
  }
  
  .mw-70px {
	max-width: 70px !important;
  }
  
  .mw-75px {
	max-width: 75px !important;
  }
  
  .mw-80px {
	max-width: 80px !important;
  }
  
  .mw-85px {
	max-width: 85px !important;
  }
  
  .mw-90px {
	max-width: 90px !important;
  }
  
  .mw-95px {
	max-width: 95px !important;
  }
  
  .mw-100px {
	max-width: 100px !important;
  }
  
  .mw-125px {
	max-width: 125px !important;
  }
  
  .mw-150px {
	max-width: 150px !important;
  }
  
  .mw-175px {
	max-width: 175px !important;
  }
  
  .mw-200px {
	max-width: 200px !important;
  }
  
  .mw-225px {
	max-width: 225px !important;
  }
  
  .mw-250px {
	max-width: 250px !important;
  }
  
  .mw-275px {
	max-width: 275px !important;
  }
  
  .mw-300px {
	max-width: 300px !important;
  }
  
  .mw-325px {
	max-width: 325px !important;
  }
  
  .mw-350px {
	max-width: 350px !important;
  }
  
  .mw-375px {
	max-width: 375px !important;
  }
  
  .mw-400px {
	max-width: 400px !important;
  }
  
  .mw-425px {
	max-width: 425px !important;
  }
  
  .mw-450px {
	max-width: 450px !important;
  }
  
  .mw-475px {
	max-width: 475px !important;
  }
  
  .mw-500px {
	max-width: 500px !important;
  }
  
  .mw-550px {
	max-width: 550px !important;
  }
  
  .mw-600px {
	max-width: 600px !important;
  }
  
  .mw-650px {
	max-width: 650px !important;
  }
  
  .mw-700px {
	max-width: 700px !important;
  }
  
  .mw-750px {
	max-width: 750px !important;
  }
  
  .mw-800px {
	max-width: 800px !important;
  }
  
  .mw-850px {
	max-width: 850px !important;
  }
  
  .mw-900px {
	max-width: 900px !important;
  }
  
  .mw-950px {
	max-width: 950px !important;
  }
  
  .mw-1000px {
	max-width: 1000px !important;
  }
  
  .vw-100 {
	width: 100vw !important;
  }
  
  .min-vw-100 {
	min-width: 100vw !important;
  }
  
  .h-unset {
	height: unset !important;
  }
  
  .h-25 {
	height: 25% !important;
  }
  
  .h-50 {
	height: 50% !important;
  }
  
  .h-75 {
	height: 75% !important;
  }
  
  .h-100 {
	height: 100% !important;
  }
  
  .h-auto {
	height: auto !important;
  }
  
  .h-1px {
	height: 1px !important;
  }
  
  .h-2px {
	height: 2px !important;
  }
  
  .h-3px {
	height: 3px !important;
  }
  
  .h-4px {
	height: 4px !important;
  }
  
  .h-5px {
	height: 5px !important;
  }
  
  .h-6px {
	height: 6px !important;
  }
  
  .h-7px {
	height: 7px !important;
  }
  
  .h-8px {
	height: 8px !important;
  }
  
  .h-9px {
	height: 9px !important;
  }
  
  .h-10px {
	height: 10px !important;
  }
  
  .h-15px {
	height: 15px !important;
  }
  
  .h-20px {
	height: 20px !important;
  }
  
  .h-25px {
	height: 25px !important;
  }
  
  .h-30px {
	height: 30px !important;
  }
  
  .h-35px {
	height: 35px !important;
  }
  
  .h-40px {
	height: 40px !important;
  }
  
  .h-45px {
	height: 45px !important;
  }
  
  .h-50px {
	height: 50px !important;
  }
  
  .h-55px {
	height: 55px !important;
  }
  
  .h-60px {
	height: 60px !important;
  }
  
  .h-65px {
	height: 65px !important;
  }
  
  .h-70px {
	height: 70px !important;
  }
  
  .h-75px {
	height: 75px !important;
  }
  
  .h-80px {
	height: 80px !important;
  }
  
  .h-85px {
	height: 85px !important;
  }
  
  .h-90px {
	height: 90px !important;
  }
  
  .h-95px {
	height: 95px !important;
  }
  
  .h-100px {
	height: 100px !important;
  }
  
  .h-125px {
	height: 125px !important;
  }
  
  .h-150px {
	height: 150px !important;
  }
  
  .h-175px {
	height: 175px !important;
  }
  
  .h-200px {
	height: 200px !important;
  }
  
  .h-225px {
	height: 225px !important;
  }
  
  .h-250px {
	height: 250px !important;
  }
  
  .h-275px {
	height: 275px !important;
  }
  
  .h-300px {
	height: 300px !important;
  }
  
  .h-325px {
	height: 325px !important;
  }
  
  .h-350px {
	height: 350px !important;
  }
  
  .h-375px {
	height: 375px !important;
  }
  
  .h-400px {
	height: 400px !important;
  }
  
  .h-425px {
	height: 425px !important;
  }
  
  .h-450px {
	height: 450px !important;
  }
  
  .h-475px {
	height: 475px !important;
  }
  
  .h-500px {
	height: 500px !important;
  }
  
  .h-550px {
	height: 550px !important;
  }
  
  .h-600px {
	height: 600px !important;
  }
  
  .h-650px {
	height: 650px !important;
  }
  
  .h-700px {
	height: 700px !important;
  }
  
  .h-750px {
	height: 750px !important;
  }
  
  .h-800px {
	height: 800px !important;
  }
  
  .h-850px {
	height: 850px !important;
  }
  
  .h-900px {
	height: 900px !important;
  }
  
  .h-950px {
	height: 950px !important;
  }
  
  .h-1000px {
	height: 1000px !important;
  }
  
  .mh-unset {
	max-height: unset !important;
  }
  
  .mh-25 {
	max-height: 25% !important;
  }
  
  .mh-50 {
	max-height: 50% !important;
  }
  
  .mh-75 {
	max-height: 75% !important;
  }
  
  .mh-100 {
	max-height: 100% !important;
  }
  
  .mh-auto {
	max-height: auto !important;
  }
  
  .mh-1px {
	max-height: 1px !important;
  }
  
  .mh-2px {
	max-height: 2px !important;
  }
  
  .mh-3px {
	max-height: 3px !important;
  }
  
  .mh-4px {
	max-height: 4px !important;
  }
  
  .mh-5px {
	max-height: 5px !important;
  }
  
  .mh-6px {
	max-height: 6px !important;
  }
  
  .mh-7px {
	max-height: 7px !important;
  }
  
  .mh-8px {
	max-height: 8px !important;
  }
  
  .mh-9px {
	max-height: 9px !important;
  }
  
  .mh-10px {
	max-height: 10px !important;
  }
  
  .mh-15px {
	max-height: 15px !important;
  }
  
  .mh-20px {
	max-height: 20px !important;
  }
  
  .mh-25px {
	max-height: 25px !important;
  }
  
  .mh-30px {
	max-height: 30px !important;
  }
  
  .mh-35px {
	max-height: 35px !important;
  }
  
  .mh-40px {
	max-height: 40px !important;
  }
  
  .mh-45px {
	max-height: 45px !important;
  }
  
  .mh-50px {
	max-height: 50px !important;
  }
  
  .mh-55px {
	max-height: 55px !important;
  }
  
  .mh-60px {
	max-height: 60px !important;
  }
  
  .mh-65px {
	max-height: 65px !important;
  }
  
  .mh-70px {
	max-height: 70px !important;
  }
  
  .mh-75px {
	max-height: 75px !important;
  }
  
  .mh-80px {
	max-height: 80px !important;
  }
  
  .mh-85px {
	max-height: 85px !important;
  }
  
  .mh-90px {
	max-height: 90px !important;
  }
  
  .mh-95px {
	max-height: 95px !important;
  }
  
  .mh-100px {
	max-height: 100px !important;
  }
  
  .mh-125px {
	max-height: 125px !important;
  }
  
  .mh-150px {
	max-height: 150px !important;
  }
  
  .mh-175px {
	max-height: 175px !important;
  }
  
  .mh-200px {
	max-height: 200px !important;
  }
  
  .mh-225px {
	max-height: 225px !important;
  }
  
  .mh-250px {
	max-height: 250px !important;
  }
  
  .mh-275px {
	max-height: 275px !important;
  }
  
  .mh-300px {
	max-height: 300px !important;
  }
  
  .mh-325px {
	max-height: 325px !important;
  }
  
  .mh-350px {
	max-height: 350px !important;
  }
  
  .mh-375px {
	max-height: 375px !important;
  }
  
  .mh-400px {
	max-height: 400px !important;
  }
  
  .mh-425px {
	max-height: 425px !important;
  }
  
  .mh-450px {
	max-height: 450px !important;
  }
  
  .mh-475px {
	max-height: 475px !important;
  }
  
  .mh-500px {
	max-height: 500px !important;
  }
  
  .mh-550px {
	max-height: 550px !important;
  }
  
  .mh-600px {
	max-height: 600px !important;
  }
  
  .mh-650px {
	max-height: 650px !important;
  }
  
  .mh-700px {
	max-height: 700px !important;
  }
  
  .mh-750px {
	max-height: 750px !important;
  }
  
  .mh-800px {
	max-height: 800px !important;
  }
  
  .mh-850px {
	max-height: 850px !important;
  }
  
  .mh-900px {
	max-height: 900px !important;
  }
  
  .mh-950px {
	max-height: 950px !important;
  }
  
  .mh-1000px {
	max-height: 1000px !important;
  }
  
  .vh-100 {
	height: 100vh !important;
  }
  
  .min-vh-100 {
	min-height: 100vh !important;
  }
  
  .flex-root {
	flex: 1;
  }
  
  .flex-column-auto {
	flex: none;
  }
  
  .flex-column-fluid {
	flex: 1 0 auto;
  }
  
  .flex-row-auto {
	flex: 0 0 auto;
  }
  
  .flex-row-fluid {
	flex: 1 auto;
	min-width: 0;
  }
  
  .flex-center {
	justify-content: center;
	align-items: center;
  }
  
  .flex-start {
	justify-content: start;
	align-items: start;
  }
  
  .flex-end {
	justify-content: flex-end;
	align-items: flex-end;
  }
  
  .flex-stack {
	justify-content: space-between;
	align-items: center;
  }

  .flex-fill {
	flex: 1 1 auto !important;
  }
  
  .flex-row {
	flex-direction: row !important;
  }
  
  .flex-column {
	flex-direction: column !important;
  }
  
  .flex-row-reverse {
	flex-direction: row-reverse !important;
  }
  
  .flex-column-reverse {
	flex-direction: column-reverse !important;
  }
  
  .flex-grow-0 {
	flex-grow: 0 !important;
  }
  
  .flex-grow-1 {
	flex-grow: 1 !important;
  }
  
  .flex-shrink-0 {
	flex-shrink: 0 !important;
  }
  
  .flex-shrink-1 {
	flex-shrink: 1 !important;
  }
  
  .flex-wrap {
	flex-wrap: wrap !important;
  }
  
  .flex-nowrap {
	flex-wrap: nowrap !important;
  }
  
  .flex-wrap-reverse {
	flex-wrap: wrap-reverse !important;
  }
  
  .justify-content-start {
	justify-content: flex-start !important;
  }
  
  .justify-content-end {
	justify-content: flex-end !important;
  }
  
  .justify-content-center {
	justify-content: center !important;
  }
  
  .justify-content-between {
	justify-content: space-between !important;
  }
  
  .justify-content-around {
	justify-content: space-around !important;
  }
  
  .justify-content-evenly {
	justify-content: space-evenly !important;
  }
  
  .align-items-start {
	align-items: flex-start !important;
  }
  
  .align-items-end {
	align-items: flex-end !important;
  }
  
  .align-items-center {
	align-items: center !important;
  }
  
  .align-items-baseline {
	align-items: baseline !important;
  }
  
  .align-items-stretch {
	align-items: stretch !important;
  }
  
  .align-content-start {
	align-content: flex-start !important;
  }
  
  .align-content-end {
	align-content: flex-end !important;
  }
  
  .align-content-center {
	align-content: center !important;
  }
  
  .align-content-between {
	align-content: space-between !important;
  }
  
  .align-content-around {
	align-content: space-around !important;
  }
  
  .align-content-stretch {
	align-content: stretch !important;
  }
  
  .align-self-auto {
	align-self: auto !important;
  }
  
  .align-self-start {
	align-self: flex-start !important;
  }
  
  .align-self-end {
	align-self: flex-end !important;
  }
  
  .align-self-center {
	align-self: center !important;
  }
  
  .align-self-baseline {
	align-self: baseline !important;
  }
  
  .align-self-stretch {
	align-self: stretch !important;
  }

  .gap-0 {
	gap: 0 !important;
  }
  
  .gap-1 {
	gap: 0.25rem !important;
  }
  
  .gap-2 {
	gap: 0.5rem !important;
  }
  
  .gap-3 {
	gap: 0.75rem !important;
  }
  
  .gap-4 {
	gap: 1rem !important;
  }
  
  .gap-5 {
	gap: 1.25rem !important;
  }
  
  .gap-6 {
	gap: 1.5rem !important;
  }
  
  .gap-7 {
	gap: 1.75rem !important;
  }
  
  .gap-8 {
	gap: 2rem !important;
  }
  
  .gap-9 {
	gap: 2.25rem !important;
  }
  
  .gap-10 {
	gap: 2.5rem !important;
  }
  
  .gap-11 {
	gap: 2.75rem !important;
  }
  
  .gap-12 {
	gap: 3rem !important;
  }
  
  .gap-13 {
	gap: 3.25rem !important;
  }
  
  .gap-14 {
	gap: 3.5rem !important;
  }
  
  .gap-15 {
	gap: 3.75rem !important;
  }
  
  .gap-16 {
	gap: 4rem !important;
  }
  
  .gap-17 {
	gap: 4.25rem !important;
  }
  
  .gap-18 {
	gap: 4.5rem !important;
  }
  
  .gap-19 {
	gap: 4.75rem !important;
  }
  
  .gap-20 {
	gap: 5rem !important;
  }
  
  .row-gap-0 {
	row-gap: 0 !important;
  }
  
  .row-gap-1 {
	row-gap: 0.25rem !important;
  }
  
  .row-gap-2 {
	row-gap: 0.5rem !important;
  }
  
  .row-gap-3 {
	row-gap: 0.75rem !important;
  }
  
  .row-gap-4 {
	row-gap: 1rem !important;
  }
  
  .row-gap-5 {
	row-gap: 1.25rem !important;
  }
  
  .row-gap-6 {
	row-gap: 1.5rem !important;
  }
  
  .row-gap-7 {
	row-gap: 1.75rem !important;
  }
  
  .row-gap-8 {
	row-gap: 2rem !important;
  }
  
  .row-gap-9 {
	row-gap: 2.25rem !important;
  }
  
  .row-gap-10 {
	row-gap: 2.5rem !important;
  }
  
  .row-gap-11 {
	row-gap: 2.75rem !important;
  }
  
  .row-gap-12 {
	row-gap: 3rem !important;
  }
  
  .row-gap-13 {
	row-gap: 3.25rem !important;
  }
  
  .row-gap-14 {
	row-gap: 3.5rem !important;
  }
  
  .row-gap-15 {
	row-gap: 3.75rem !important;
  }
  
  .row-gap-16 {
	row-gap: 4rem !important;
  }
  
  .row-gap-17 {
	row-gap: 4.25rem !important;
  }
  
  .row-gap-18 {
	row-gap: 4.5rem !important;
  }
  
  .row-gap-19 {
	row-gap: 4.75rem !important;
  }
  
  .row-gap-20 {
	row-gap: 5rem !important;
  }
  
  .column-gap-0 {
	column-gap: 0 !important;
  }
  
  .column-gap-1 {
	column-gap: 0.25rem !important;
  }
  
  .column-gap-2 {
	column-gap: 0.5rem !important;
  }
  
  .column-gap-3 {
	column-gap: 0.75rem !important;
  }
  
  .column-gap-4 {
	column-gap: 1rem !important;
  }
  
  .column-gap-5 {
	column-gap: 1.25rem !important;
  }
  
  .column-gap-6 {
	column-gap: 1.5rem !important;
  }
  
  .column-gap-7 {
	column-gap: 1.75rem !important;
  }
  
  .column-gap-8 {
	column-gap: 2rem !important;
  }
  
  .column-gap-9 {
	column-gap: 2.25rem !important;
  }
  
  .column-gap-10 {
	column-gap: 2.5rem !important;
  }
  
  .column-gap-11 {
	column-gap: 2.75rem !important;
  }
  
  .column-gap-12 {
	column-gap: 3rem !important;
  }
  
  .column-gap-13 {
	column-gap: 3.25rem !important;
  }
  
  .column-gap-14 {
	column-gap: 3.5rem !important;
  }
  
  .column-gap-15 {
	column-gap: 3.75rem !important;
  }
  
  .column-gap-16 {
	column-gap: 4rem !important;
  }
  
  .column-gap-17 {
	column-gap: 4.25rem !important;
  }
  
  .column-gap-18 {
	column-gap: 4.5rem !important;
  }
  
  .column-gap-19 {
	column-gap: 4.75rem !important;
  }
  
  .column-gap-20 {
	column-gap: 5rem !important;
  }

  .no-filter .dataTables_filter {
	display: none;
  }

  .password-toggle {
	right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .table thead th {
	border-top: 0px !important;
    border-bottom: 0px !important;
    box-shadow: none !important;
  }

  .contact-img {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	aspect-ratio: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.datepicker.dropdown-menu {
  z-index: 9999 !important;
}

.contact-name {
	gap: 0.3rem;
	flex: 1 1 30%;
}

.contact-position {
	font-size: 0.8rem;
}

.contact-mail {
	flex: 1 1 30%;
}

.contact-phone {
	gap: 0.3rem;
	flex: 1 1 20%;
}

.top-0 {
	top: 0 !important;
  }
  
  .top-25 {
	top: 25% !important;
  }
  
  .top-50 {
	top: 50% !important;
  }
  
  .top-75 {
	top: 75% !important;
  }
  
  .top-100 {
	top: 100% !important;
  }
  
  .bottom-0 {
	bottom: 0 !important;
  }
  
  .bottom-25 {
	bottom: 25% !important;
  }
  
  .bottom-50 {
	bottom: 50% !important;
  }
  
  .bottom-75 {
	bottom: 75% !important;
  }
  
  .bottom-100 {
	bottom: 100% !important;
  }
  
  .start-0 {
	left: 0 !important;
  }
  
  .start-25 {
	left: 25% !important;
  }
  
  .start-50 {
	left: 50% !important;
  }
  
  .start-75 {
	left: 75% !important;
  }
  
  .start-100 {
	left: 100% !important;
  }
  
  .end-0 {
	right: 0 !important;
  }
  
  .end-25 {
	right: 25% !important;
  }
  
  .end-50 {
	right: 50% !important;
  }
  
  .end-75 {
	right: 75% !important;
  }
  
  .end-100 {
	right: 100% !important;
  }

  .translate-middle {
	transform: translate(-50%, -50%) !important;
  }
  
  .translate-middle-x {
	transform: translateX(-50%) !important;
  }
  
  .translate-middle-y {
	transform: translateY(-50%) !important;
  }

  .cursor-pointer {
	cursor: pointer;
  }
  
  .cursor-default {
	cursor: default;
  }
  
  .cursor-move {
	cursor: move;
  }

  .observer-line {
    border: 1px solid transparent
  }

  .observer-line:hover {
    border-color: var(--primary);
  }

  .observer-line button {
    display: none;
  }

  .observer-line:hover button {
    display: block;
  }