/* general*/
@font-face {
  font-family: "Montserrat";
  src: url('../font/Montserrat-VariableFont_wght.ttf') format("truetype supports variations"),
	  url('../font/Montserrat-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 100 900;
}

@font-face {
  font-family: "SourceSans";
  src: url('../font/SourceSans3-VariableFont_wght.ttf') format("truetype supports variations"),
	  url('../font/SourceSans3-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 200 900;
}

@font-face {
  font-family: "Inter";
  src: url('../font/Inter/Inter-VariableFont_slnt,wght.ttf') format("truetype supports variations"),
	  url('../font/Inter/Inter-VariableFont_slnt,wght.ttf') format('truetype-variations');
  font-weight: 200 900;
}

/* hide slide-out manu left -- not used anymore */
#slide-out{
	display:none !important;
}

.main_content{
	padding-left:0 !important;
}  
/* end hide slide-out manu left -- not used anymore */

.vh-100{
height:100dvh !important;
}


mark{
	color:inherit;
}

.montserrat{
	font-family: 'Montserrat', sans-serif;
}

.inter {
	font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; 
	font-display: swap;
	letter-spacing: -0.015em;
}

.recursive {
	font-family: 'Recursive', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; 
	font-display: swap;
}

.fw-boldest, .fw_boldest{
	font-weight:900 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
/*letter-spacing: -0.75px;*/
	letter-spacing: -0.03em;
}

:root {
	scroll-behavior: auto !important;
	--magenta: #b660c3;
	--mint: #3ab074;
	--mint_rgb:58,176,116;
	--mint_hovered: #5FBB97;
	--mint_dark:rgb(41, 122, 113);
	--dark_blue: #0b4f6c;
	--light_blue: #3aaed8;
	--light_blue_hovered: #3398bd;
	--light_blue_hovered_rgb: 51,152,189;
	--blue: #006ec2;
	--orange: #fd8f4e;
	--light_orange: #fdb286;
	--dark_orange:#d67942;
	--red:#b80c09;
	--red_rgb:184,12,9;
	--white:#ffffff;
	--off_white:#f7f7ff;
	--off_white_light:#f9f9ff;
	--light_grey:#e8e8e8;
	--grey:#bfbfbf;
	--dark_grey:#96939b;
	--beige:#c49991;
	/*
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-xxl: 2rem;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
	--bs-border-radius-pill: 50rem;
	*/
	--mdb-link-color: var(--mint) !important;
	--mdb-link-hover-color: var(--mint_hovered) !important;
	/*--mdb-primary-rgb:41, 122, 113 !important;*/
	--mdb-primary-rgb:58,176,116 !important; /* same as --mint*/
	--mdb-accordion-active-color: var(--mint) !important;
	
	--bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

/* override bootstrap defaults*/
.ps-10{
	padding-left: 6rem!important;
}
.pe-10{
	padding-right: 6rem!important;
}
.pt-10{
	padding-top: 6rem!important;
}
.pb-10{
	padding-bottom: 6rem!important;
}

.link-primary:focus, .link-primary:hover {
color: var(--mint_hovered) !important;
}

.link-primary {
color: var(--mint) !important;
}

.btn{
	text-transform: none !important;
	font-weight: 500 !important;
}

.btn-primary, .btn-primary:active, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:focus:hover {
	--mdb-btn-bg: var(--mint);
	--mdb-btn-color: #fff;
	--mdb-btn-box-shadow: 0 4px 9px -4px #3b71ca;
	--mdb-btn-hover-bg: var(--mint_hovered);
	--mdb-btn-hover-color: #fff;
	--mdb-btn-focus-bg: var(--mint_hovered);
	--mdb-btn-focus-color: #fff;
	--mdb-btn-active-bg: var(--mint);
	--mdb-btn-active-color:#fff;
	--mdb-btn-active-border-color: var(--mint_hovered);
	background-color: var(--mint);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
	--mdb-btn-disabled-bg: var(--mint_hovered);
	--mdb-btn-disabled-border-color: var(--mint_hovered);
}

.accordion-button, .accordion-button:not(.collapsed) {
	--mdb-accordion-active-color: var(--mint) !important;
	--mdb-accordion-btn-color: var(--mint) !important;
}
.accordion-button:after ,.accordion-button:not(.collapsed):after{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233ab074'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E") !important;
}

.form-check-input[type=checkbox]:checked {
	background-color: var(--mint) !important;
}
.form-check-input:checked {
	border-color: var(--mint) !important;
}

.table>:not(caption)>*>*{
	padding:.5rem;
	vertical-align: middle;
}

.nav-pills .nav-link {
	--mdb-btn-hover-bg:rgb(245,245,245);
	background : none;
}

.nav-pills .nav-link.active {
	background : var(--mdb-btn-hover-bg);
}

/*end override bootstrap defaults */

body{
	font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; 
	/*font-family: 'SourceSans', sans-serif;*/
	/*font-family: 'Montserrat', sans-serif;*/
	/*background:#fefcfb;*/
	background:#f7f7ff;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	font-display: swap;
	letter-spacing: -0.015em;
}

.d-webkit-box{
	display:-webkit-box;
	-webkit-box-orient: vertical;  
} 

.line-clamp-1{
	-webkit-line-clamp: 1;
}
.line-clamp-2{
	-webkit-line-clamp: 2;
}
.line-clamp-3{
	-webkit-line-clamp: 3;
}
.line-clamp-4{
	-webkit-line-clamp: 4;
}
.text-overflow-ellipsis, .text_overflow_ellipsis{
	text-overflow: ellipsis;
}

.prevent_select, .prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.enable_select, .enable-select {
  -webkit-user-select:text; /* Safari */
  -ms-user-select:text; /* IE 10 and IE 11 */
  user-select:text; /* Standard syntax */
}

.text_body, text-body, .text_hover_body:hover, .text-hover-body:hover{
	color:var(--mdb-body-color);
}

.text_mint, text-mint, .text_hover_mint:hover, .text-hover-mint:hover{
	transition: all 0.3s ease;
    color:var(--mint);
}

.text_magenta, text-magenta, .text_hover_magenta:hover, .text-hover-magenta:hover{
	transition: all 0.3s ease;
    color:var(--magenta);
}

.text_orange, text-orange, .text_hover_orange:hover, .text_hover-orange:hover{
	transition: all 0.3s ease;
    color:var(--orange);
}

.text_dark_orange, text-dark-orange, .text_hover_dark_orange:hover, .text-hover-dark-orange:hover{
	transition: all 0.3s ease;
    color:var(--dark_orange);
}

.text_white, .text-white, .text_hover_white:hover{
	transition: all 0.3s ease;
    color:var(--white) !important;
}

.text_light_blue, .text-light-blue, .text_hover_light_blue:hover, .text-hover-light-blue:hover{
	transition: all 0.3s ease;
    color:var(--light_blue) !important;
}

.text_light_blue_hovered, .text-light-blue-hovered, .text_hover_light_blue_hovered:hover, .text-hover-light-blue-hovered:hover{
	transition: all 0.3s ease;
  color:var(--light_blue_hovered) !important;
}

.text_blue, .text-blue, .text_hover_blue:hover, .text-hover-blue:hover{
	transition: all 0.3s ease;
    color:var(--blue) !important;
}

.text_dark_blue, .text-dark-blue, .text_hover_dark_blue:hover, .text-hover-dark-blue:hover{
	transition: all 0.3s ease;
    color:var(--dark_blue) !important;
}

.text_red, .text-red, .text_hover_red:hover, .text-hover-red:hover{
	transition: all 0.3s ease;
    color:var(--red) !important;
}

.text_light_grey, .text-light-grey, .text_hover_light_grey:hover, .text-hover-light-grey:hover{
	transition: all 0.3s ease;
    color:var(--light_grey) !important;
}

.text_grey, .text-grey, .text_hover_grey:hover, .text-hover-grey:hover{
	transition: all 0.3s ease;
    color:var(--grey) !important;
}

.text_dark_grey, .text-dark-grey, .text_hover_dark_grey:hover, .text-hover-dark-grey:hover{
	transition: all 0.3s ease;
    color:var(--dark_grey) !important;
}

.bg-white, .bg_white, .bg-hover-white:hover, .bg_hover_white:hover{
    transition: all 0.3s ease;
    background:var(--white);
}
.bg-red, .bg_red, .bg-hover-red:hover, .bg_hover_red:hover{
    transition: all 0.3s ease;
    background:var(--red);
}
.bg-blue, .bg_blue, .bg-blue, .bg-hover-blue:hover, .bg_hover_blue:hover, .bg-hover-blue:hover{
    transition: all 0.3s ease;
    background:var(--blue);
}
.bg-dark_blue, .bg_dark_blue, .bg-dark-blue, .bg-hover-dark_blue:hover, .bg_hover_dark_blue:hover, .bg-hover-dark-blue:hover{
    transition: all 0.3s ease;
    background:var(--dark_blue);
}
.bg-light-blue, .bg_light_blue, .bg-hover-light-blue:hover, .bg_hover_light_blue:hover{
    transition: all 0.3s ease;
    background:var(--light_blue);
}
.bg-orange, .bg_orange, .bg-orange, .bg-hover-orange:hover, .bg_hover_orange:hover{
    transition: all 0.3s ease;
    background:var(--orange);
}
.bg-light-orange, .bg_light_orange,  .bg-hover-light-orange:hover, .bg_hover_light_orange:hover{
	transition: all 0.3s ease;
    background:var(--light_orange);
}
.bg-dark-orange, .bg_dark_orange, .bg-hover-dark-orange:hover, .bg_hover_dark_orange:hover{
    transition: all 0.3s ease;
    background:var(--dark_orange);
}
.bg-beige, .bg_beige, .bg-hover-beige:hover, .bg_hover_beige:hover{
    transition: all 0.3s ease;
    background:var(--beige);
}
.bg-light-grey, .bg_light_grey, .bg-hover-light_grey:hover, .bg_hover_light_grey:hover{
    transition: all 0.3s ease;
    background:var(--light_grey);
}
.bg-grey, .bg_grey, .bg-hover-grey:hover, .bg_hover_grey:hover{
    transition: all 0.3s ease;
    background:var(--grey);
}
.bg-dark-grey, .bg_dark_grey, .bg-hover-dark-grey:hover, .bg_hover_dark_grey:hover{
    transition: all 0.3s ease;
    background:var(--dark_grey);
}
.bg-off-white, .bg_off_white, .bg-hover-off-white:hover, .bg_hover_off_white:hover{
    transition: all 0.3s ease;
    background:var(--off_white);
}
.bg-off-white-light, .bg_off_white_light, .bg-hover-off-white-light:hover, .bg_hover_off_white_light:hover{
    transition: all 0.3s ease;
    background:var(--off_white_light);
}

.bg-mint, .bg_mint, .bg-hover-mint:hover, .bg_hover_mint:hover{
    transition: all 0.3s ease;
    background:var(--mint);
}
.bg-mint-light, .bg_mint_light, .bg-hover-mint-light:hover, .bg_hover_mint_light:hover{
    background:rgba(95, 187, 151, 0.75);
}

.outline_white, .outline-white, .outline_hover_white:hover, .outline-hover-white:hover{
	transition: all 0.3s ease;
	background-color:transparent;
	border:1px solid var(--white);
}
.outline_light-blue, .outline-light-blue, .outline_hover_light_blue:hover, .outline-hover-light-blue:hover{
	transition: all 0.3s ease;
	background-color:transparent;
	border:1px solid var(--light_blue);
}
.outline_dark-blue, .outline-dark-blue, .outline_hover_dark_blue:hover, .outline-hover-dark-blue:hover{
	transition: all 0.3s ease;
	background-color:transparent;
	border:1px solid var(--dark_blue);
}

.text-no-transform, .text_no_transform{
	text-transform: none!important;
}


/*fa6*/
.icon::before {
/* removed font- based rules */
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}




.print_only{
	display: none;
}


.no_shadow, .card-header .accordion-button{box-shadow:none !important}

.input-group>.form-control:focus, .form-control:focus{
border-color: var(--mint);
box-shadow: inset 0 0 0 1px var(--mint);
}

.form-outline .form-control.select-input:focus~.form-notch .form-notch-leading, .select-input.focused~.form-notch .form-notch-leading,
.form-outline .form-control:focus~.form-notch .form-notch-leading{
box-shadow: -1px 0 0 0 var(--mint),0 1px 0 0 var(--mint),0 -1px 0 0 var(--mint);
}

.form-outline .form-control.select-input:focus~.form-notch .form-notch-middle, .select-input.focused~.form-notch .form-notch-middle,
.form-outline .form-control:focus~.form-notch .form-notch-middle{
box-shadow: 0 1px 0 0 var(--mint);
}

.form-outline .form-control.select-input:focus~.form-notch .form-notch-trailing, .select-input.focused~.form-notch .form-notch-trailing,
.form-outline .form-control:focus~.form-notch .form-notch-trailing{
box-shadow: 1px 0 0 0 var(--mint),0 -1px 0 0 var(--mint),0 1px 0 0 var(--mint);
}

.form-outline .form-control~.form-notch div, .form-control {
border: 0px solid var(--light_grey);
}

.form-outline .form-control{
	background-color:var(--off_white) !important;
}

.form-outline .form-control.auto_focus{
	background-color:transparent !important;
	max-width:100%;
	min-width:100px;
	display:block;
	cursor:pointer;
	overflow:hidden !important;
	text-overflow:ellipsis !important;
	background-image:url("/img/svg/pencil_solid.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size:auto 35%;
	padding-right: 30px;
	padding-left: 0px;
}

.form-outline .form-control.auto_focus:hover{
	background-color:var(--off_white) !important;
	padding-left:.75rem;
}

.form-outline .form-control.auto_focus:focus{
	background-color:var(--off_white) !important;
	display:block;
	width:100% !important;
	min-width:100% !important;
	cursor:text;
	background-image:none;
	padding-right:0px;
	padding-left:.75rem;
}

.form-outline.datepicker{
	border: 1px solid var(--light_grey);
}

.select-option.selected.active, .select-option:hover:not(.disabled) {
background-color: var(--off_white);
}

.select-dropdown-container{width:auto !important}

.stylish-color {
background-color:#0d333f !important;
}

.cursor_pointer, .cursor-pointer{cursor:pointer}

.loading_full_page{  /* in header.php */
        background-color:rgba(255, 255, 255, 0.3);
        width:100vw;
        height:100dvh;
        position:fixed;
        top:0px;
        left:0px;
        z-index: 100000;
        background-image: url("../loading.gif");
        background-position: center;
        background-repeat: no-repeat;
}

.missing{
    background-color: #ffcdd2!important;
}
.typeahead.dropdown-menu{
		right:0px; 
		left: auto !important;
		width: 400px;
		max-width: 400px;
		max-height:400px;
		overflow: auto;
}
.global_search_but{cursor:pointer}
@media (max-width: 992px) {
    .global_search{
        display:none;
    }
    .typeahead.dropdown-menu {
        left: 0px !important;
        max-width: 100vw !important;
        position:fixed !important;
    }
}

.loading_overlay{  /* in header.php */
        background-color:rgba(255, 255, 255, 0.3);
        width:100%;
        height:100%;
        position:absolute;
        top:0px;
        left:0px;
        z-index: 1000;
        background-image: url("../loading.gif");
        background-position: center;
        background-repeat:no-repeat;
}

.logo{
	height:28px;
}

.color_inherit, .color-inherit{
    color:inherit;
}

/*
.sidenav{
	width:25rem !important;
	max-width:70vw !important;
}
*/

.sidenav-link{
	padding-left:0.7rem;
}
.sidenav-link.active{
background-color:hsla(0,0%,98.4%,0.05) !important;
}

.side_sub_menu{
    font-size:0.9;
    position:relative;
    color:inherit !important;
}

.side_sub_menu:hover{
    background: var(--off_white);
}

.side_sub_menu.active{
    background: var(--off_white);
}

.side_sub_menu.active::before {
    content: "";
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: var(--light_grey);
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.avatar_25{height:25px; width:25px; display:flex; align-items: center; justify-content: center; overflow: hidden}
.avatar_35{height:35px; width:35px; display:flex; align-items: center; justify-content: center; overflow: hidden }
.avatar_45{height:45px; width:45px; display:flex; align-items: center; justify-content: center; overflow: hidden }
.avatar_55{height:55px; width:55px; display:flex; align-items: center; justify-content: center; overflow: hidden }
.avatar_65{height:65px; width:65px; display:flex; align-items: center; justify-content: center; overflow: hidden }
.avatar_75{height:75px; width:75px; display:flex; align-items: center; justify-content: center; overflow: hidden }
.avatar_25 img, .avatar_35 img, .avatar_45 img, .avatar_55 img, .avatar_65 img, .avatar_75 img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
} 

.main_content{
padding-top:75px;
/*padding-right:87px; to compensate for the push navbar*/
}

/*hide sidebar in mobile*/
@media (max-width: 992px) {
	#slide-out{
		display:none !important;
	}

	#main_content, .main_content{
		height:100dvh !important;
		overflow:hidden;
		padding-left:0 !important;
	} 
}

.white_background, .white-background{
background:white;
}

.white_background_alpha25, .white-background-alpha25{
background-color:rgba(255,255,255,.25);
}
.white_background_alpha50, .white-background-alpha50{
background-color:rgba(255,255,255,.5);
}
.white_background_alpha75, .white-background-alpha75{
background-color:rgba(255,255,255,.75);
}

.grey_background, .grey-background{
 background-color:#efefef;
}

.dark_grey_background, .dark-grey-background{
 background-color:#666;
}

.light_grey_background, .light-grey-background{
background-color:#F0F0F0;
}

.ultra_light_grey_background, .ultra-light-grey-background{
background-color:#F7F7F7 !important;
}

.gradient_background, .gradient-background{
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.40) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.40) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.40) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.gradient_background_inverse, .gradient-grey-bcakground{
	background: -moz-linear-gradient(top, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.40) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( endColorstr='#a6000000',startColorstr='#00000000', GradientType=0 );
}

.black_background, .black-background{
 background-color:#000;
}

.yellow_background, .yellow-background{
 background-color:#FCE300;
}

input[type=text].q {
border-radius: 3px;
padding-left: 175px;
}

.full_width, .full-width {
width: 100%;
}

.full_height, .full-height {
height: 100%;
}

.relative{position:relative}

.absolute{position:absolute}

.d-soft-flex{
  display: flex;
}

.alpha_0, .hover_alpha_0:hover{
opacity:0;
}

.alpha_5, .hover_alpha_5:hover{
opacity:0.05;
}

.alpha_10, .hover_alpha_10:hover{
opacity:0.1;
}
.alpha_15, .hover_alpha_15:hover{
opacity:0.15;
}
.alpha_20, .hover_alpha_20:hover{
opacity:0.2;
}
.alpha_30, .hover_alpha_30:hover{
opacity:0.3;
}
.alpha_40, .hover_alpha_40:hover{
opacity:0.4;
}
.alpha_50, .hover_alpha_50:hover{
opacity:0.5;
}
.alpha_60, .hover_alpha_60:hover{
opacity:0.6;
}
.alpha_70, .hover_alpha_70:hover{
opacity:0.7;
}
.alpha_80, .hover_alpha_80:hover{
opacity:0.8;
}
.alpha_90, .hover_alpha_90:hover{
opacity:0.9;
}

.text_100{
	font-weight:100;
}
.text_200{
	font-weight:200;
}
.text_300{
	font-weight:300;
}
.text_400{
	font-weight:400;
}
.text_500{
	font-weight:500;
}
.text_600{
	font-weight:600;
}
.text_700{
	font-weight:700;
}
.text_800{
	font-weight:800;
}
.text_900{
	font-weight:900;
}

.text_size_10{
font-size:10%;
}
.text_size_20{
font-size:20%;
}
.text_size_30{
font-size:30%;
}
.text_size_40{
font-size:40%;
}
.text_size_50{
font-size:50%;
}
.text_size_60{
font-size:60%;
}
.text_size_70{
font-size:70%;
}
.text_size_80{
font-size:80%;
}
.text_size_90{
font-size:90%;
}

.weredi_label{
	font-size: 70%;
	transition: all 0.3s ease;
	color: var(--dark_grey) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

.fw-bold{font-weight:700}

.fw-light{font-weight:300}

.fs-1{font-size:2.5rem}
.fs-2{font-size:2rem}
.fs-3{font-size:1.75rem}
.fs-4{font-size:1.5rem}
.fs-5{font-size:1.25rem}
.fs-6{font-size:1rem}

.w-10, .w_10{width:10%}
.w-20, .w_20{width:20%}
.w-30, .w_30{width:30%}
.w-40, .w_40{width:40%}
.w-50, .w_50{width:50%}
.w-60, .w_60{width:60%}
.w-70, .w_70{width:70%}
.w-80, .w_80{width:80%}
.w-90, .w_90{width:90%}

.fs_10{font-size:10%}
.fs_20{font-size:20%}
.fs_30{font-size:30%}
.fs_40{font-size:40%}
.fs_50{font-size:50%}
.fs_60{font-size:60%}
.fs_70{font-size:70%}
.fs_80{font-size:80%}
.fs_90{font-size:90%}
.fs_110{font-size:110%}
.fs_120{font-size:120%}
.fs_130{font-size:130%}
.fs_140{font-size:140%}
.fs_150{font-size:150%}
.fs_160{font-size:160%}
.fs_170{font-size:170%}
.fs_180{font-size:180%}
.fs_190{font-size:190%}
.fs_200{font-size:200%}
.fs_210{font-size:210%}
.fs_220{font-size:220%}
.fs_230{font-size:230%}
.fs_240{font-size:240%}
.fs_250{font-size:250%}
.fs_260{font-size:260%}
.fs_270{font-size:270%}
.fs_280{font-size:280%}
.fs_290{font-size:290%}
.fs_300{font-size:300%}
.fs_310{font-size:310%}
.fs_320{font-size:320%}
.fs_330{font-size:330%}
.fs_340{font-size:340%}
.fs_350{font-size:350%}
.fs_360{font-size:360%}
.fs_370{font-size:370%}
.fs_380{font-size:380%}
.fs_390{font-size:390%}
.fs_400{font-size:400%}


.fw-100, .fw_100{
    font-weight: 100 !important;
}
.fw-200, .fw_200{
    font-weight: 200 !important;
}
.fw-300, .fw_300{
    font-weight: 300 !important;
}
.fw-400, .fw_400{
    font-weight: 400 !important;
}
.fw-500, .fw_500{
    font-weight: 500 !important;
}
.fw-600, .fw_600{
    font-weight: 600 !important;
}
.fw-700, .fw_700{
    font-weight: 700 !important;
}
.fw-800, .fw_800{
    font-weight: 800 !important;
}
.fw-900, .fw_900{
    font-weight: 900 !important;
}

.rfs-1 {
    font-size:0.15rem
}

.rfs-2 {
    font-size:0.3rem
}

.rfs-3 {
    font-size:0.45rem
}

.rfs-4 {
    font-size:0.6rem
}

.rfs-5 {
    font-size:0.75rem
}

.rfs-6 {
    font-size:0.9rem
}

.rfs-7 {
    font-size:1.05rem
}

.rfs-8 {
    font-size:1.2rem
}

.rfs-9 {
    font-size:calc(1.26rem + 0.12vw)
}

@media (min-width: 1200px) {
    .rfs-9 {
        font-size:1.35rem
    }
}

.rfs-10 {
    font-size:calc(1.275rem + 0.3vw)
}

@media (min-width: 1200px) {
    .rfs-10 {
        font-size:1.5rem
    }
}

.rfs-11 {
    font-size:calc(1.29rem + 0.48vw)
}

@media (min-width: 1200px) {
    .rfs-11 {
        font-size:1.65rem
    }
}

.rfs-12 {
    font-size:calc(1.305rem + 0.66vw)
}

@media (min-width: 1200px) {
    .rfs-12 {
        font-size:1.8rem
    }
}

.rfs-13 {
    font-size:calc(1.32rem + 0.84vw)
}

@media (min-width: 1200px) {
    .rfs-13 {
        font-size:1.95rem
    }
}

.rfs-14 {
    font-size:calc(1.335rem + 1.02vw)
}

@media (min-width: 1200px) {
    .rfs-14 {
        font-size:2.1rem
    }
}

.rfs-15 {
    font-size:calc(1.35rem + 1.2vw)
}

@media (min-width: 1200px) {
    .rfs-15 {
        font-size:2.25rem
    }
}

.rfs-16 {
    font-size:calc(1.365rem + 1.38vw)
}

@media (min-width: 1200px) {
    .rfs-16 {
        font-size:2.4rem
    }
}

.rfs-17 {
    font-size:calc(1.38rem + 1.56vw)
}

@media (min-width: 1200px) {
    .rfs-17 {
      font-size:2.55rem
    }
}

.rfs-18 {
    font-size:calc(1.395rem + 1.74vw)
}

@media (min-width: 1200px) {
    .rfs-18 {
        font-size:2.7rem
    }
}

.rfs-19 {
    font-size:calc(1.41rem + 1.92vw)
}

@media (min-width: 1200px) {
    .rfs-19 {
        font-size:2.85rem
    }
}

.rfs-20 {
   font-size:calc(1.425rem + 2.1vw)
}

@media (min-width: 1200px) {
    .rfs-20 {
        font-size:3rem
    }
}

.rfs-21 {
    font-size:calc(1.44rem + 2.28vw)
}

@media (min-width: 1200px) {
    .rfs-21 {
        font-size:3.15rem
    }
}

.rfs-22 {
    font-size:calc(1.455rem + 2.46vw)
}

@media (min-width: 1200px) {
    .rfs-22 {
        font-size:3.3rem
    }
}

.rfs-23 {
    font-size:calc(1.47rem + 2.64vw)
}

@media (min-width: 1200px) {
    .rfs-23 {
        font-size:3.45rem
    }
}

.rfs-24 {
    font-size:calc(1.485rem + 2.82vw)
}

@media (min-width: 1200px) {
    .rfs-24 {
        font-size:3.6rem
    }
}

.rfs-25 {
    font-size:calc(1.5rem + 3vw)
}

@media (min-width: 1200px) {
    .rfs-25 {
        font-size:3.75rem
    }
}

.rfs-26 {
    font-size:calc(1.515rem + 3.18vw)
}

@media (min-width: 1200px) {
    .rfs-26 {
        font-size:3.9rem
    }
}

.rfs-27 {
    font-size:calc(1.53rem + 3.36vw)
}

@media (min-width: 1200px) {
    .rfs-27 {
        font-size:4.05rem
    }
}

.rfs-28 {
    font-size:calc(1.545rem + 3.54vw)
}

@media (min-width: 1200px) {
    .rfs-28 {
        font-size:4.2rem
    }
}

.rfs-29 {
    font-size:calc(1.56rem + 3.72vw)
}

@media (min-width: 1200px) {
    .rfs-29 {
        font-size:4.35rem
    }
}

.rfs-30 {
    font-size:calc(1.575rem + 3.9vw)
}

@media (min-width: 1200px) {
    .rfs-30 {
        font-size:4.5rem
    }
}

.rfs-31 {
    font-size:calc(1.59rem + 4.08vw)
}

@media (min-width: 1200px) {
    .rfs-31 {
        font-size:4.65rem
    }
}

.rfs-32 {
    font-size:calc(1.605rem + 4.26vw)
}

@media (min-width: 1200px) {
    .rfs-32 {
        font-size:4.8rem
    }
}

.rfs-33 {
    font-size:calc(1.62rem + 4.44vw)
}

@media (min-width: 1200px) {
    .rfs-33 {
        font-size:4.95rem
    }
}

.rfs-34 {
    font-size:calc(1.635rem + 4.62vw)
}

@media (min-width: 1200px) {
    .rfs-34 {
        font-size:5.1rem
    }
}

.rfs-35 {
    font-size:calc(1.65rem + 4.8vw)
}

@media (min-width: 1200px) {
    .rfs-35 {
        font-size:5.25rem
    }
}

.rfs-36 {
    font-size:calc(1.665rem + 4.98vw)
}

@media (min-width: 1200px) {
    .rfs-36 {
        font-size:5.4rem
    }
}

.rfs-37 {
    font-size:calc(1.68rem + 5.16vw)
}

@media (min-width: 1200px) {
    .rfs-37 {
        font-size:5.55rem
    }
}

.rfs-38 {
    font-size:calc(1.695rem + 5.34vw)
}

@media (min-width: 1200px) {
    .rfs-38 {
        font-size:5.7rem
    }
}

.rfs-39 {
    font-size:calc(1.71rem + 5.52vw)
}

@media (min-width: 1200px) {
    .rfs-39 {
        font-size:5.85rem
    }
}

.rfs-40 {
    font-size:calc(1.725rem + 5.7vw)
}

@media (min-width: 1200px) {
    .rfs-40 {
        font-size:6rem
    }
}

.rfs-41 {
    font-size:calc(1.74rem + 5.88vw)
}

@media (min-width: 1200px) {
    .rfs-41 {
        font-size:6.15rem
    }
}

.rfs-42 {
    font-size:calc(1.755rem + 6.06vw)
}

@media (min-width: 1200px) {
    .rfs-42 {
        font-size:6.3rem
    }
}

.rfs-43 {
    font-size:calc(1.77rem + 6.24vw)
}

@media (min-width: 1200px) {
    .rfs-43 {
        font-size:6.45rem
    }
}

.rfs-44 {
    font-size:calc(1.785rem + 6.42vw)
}

@media (min-width: 1200px) {
    .rfs-44 {
        font-size:6.6rem
    }
}

.rfs-45 {
    font-size:calc(1.8rem + 6.6vw)
}

@media (min-width: 1200px) {
    .rfs-45 {
        font-size:6.75rem
    }
}

.rfs-46 {
    font-size:calc(1.815rem + 6.78vw)
}

@media (min-width: 1200px) {
    .rfs-46 {
        font-size:6.9rem
    }
}

.rfs-47 {
    font-size:calc(1.83rem + 6.96vw)
}

@media (min-width: 1200px) {
    .rfs-47 {
        font-size:7.05rem
    }
}

.rfs-48 {
    font-size:calc(1.845rem + 7.14vw)
}

@media (min-width: 1200px) {
    .rfs-48 {
        font-size:7.2rem
    }
}

.rfs-49 {
    font-size:calc(1.86rem + 7.32vw)
}

@media (min-width: 1200px) {
    .rfs-49 {
        font-size:7.35rem
    }
}

.rfs-50 {
    font-size:calc(1.875rem + 7.5vw)
}

@media (min-width: 1200px) {
    .rfs-50 {
        font-size:7.5rem
    }
}

.rws-1 {
    width:1.15rem
}

.rws-2 {
    width:calc(1.355rem + 1.26vw)
}

.rws-3 {
    width:calc(1.47rem + 2.64vw)
}

.rws-4 {
    width:calc(1.585rem + 4.02vw)
}

.rws-5 {
    width:calc(1.7rem + 5.4vw)
}

.rws-6 {
    width:calc(1.815rem + 6.78vw)
}

.rws-7 {
    width:calc(1.93rem + 8.16vw)
}

.rws-8 {
    width:calc(2.045rem + 9.54vw)
}

.rws-9 {
    width:calc(2.16rem + 10.92vw)
}

.rws-10 {
    width:calc(2.275rem + 12.3vw)
}

.rws-11 {
    width:calc(2.39rem + 13.68vw)
}

.rws-12 {
    width:calc(2.505rem + 15.06vw)
}

.rws-13 {
    width:calc(2.62rem + 16.44vw)
}

.rws-14 {
    width:calc(2.735rem + 17.82vw)
}

.rws-15 {
    width:calc(2.85rem + 19.2vw)
}

.rws-16 {
    width:calc(2.965rem + 20.58vw)
}

.rws-17 {
    width:calc(3.08rem + 21.96vw)
}

.rws-18 {
    width:calc(3.195rem + 23.34vw)
}

.rws-19 {
    width:calc(3.31rem + 24.72vw)
}

.rws-20 {
    width:calc(3.425rem + 26.1vw)
}

.rws-21 {
    width:calc(3.54rem + 27.48vw)
}

.rws-22 {
    width:calc(3.655rem + 28.86vw)
}

.rws-23 {
    width:calc(3.77rem + 30.24vw)
}

.rws-24 {
    width:calc(3.885rem + 31.62vw)
}

.rws-25 {
    width:calc(4rem + 33vw)
}

.rws-26 {
    width:calc(4.115rem + 34.38vw)
}

.rws-27 {
    width:calc(4.23rem + 35.76vw)
}

.rws-28 {
    width:calc(4.345rem + 37.14vw)
}

.rws-29 {
    width:calc(4.46rem + 38.52vw)
}

.rws-30 {
    width:calc(4.575rem + 39.9vw)
}

.rws-31 {
    width:calc(4.69rem + 41.28vw)
}

.rws-32 {
    width:calc(4.805rem + 42.66vw)
}

.rws-33 {
    width:calc(4.92rem + 44.04vw)
}

.rws-34 {
    width:calc(5.035rem + 45.42vw)
}

.rws-35 {
    width:calc(5.15rem + 46.8vw)
}

.rws-36 {
    width:calc(5.265rem + 48.18vw)
}

.rws-37 {
    width:calc(5.38rem + 49.56vw)
}

.rws-38 {
    width:calc(5.495rem + 50.94vw)
}

.rws-39 {
    width:calc(5.61rem + 52.32vw)
}

.rws-40 {
    width:calc(5.725rem + 53.7vw)
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}


.scroll{
	overflow:auto;
}

.scroll-x{
	overflow-x:auto;
}

.scroll-y{
	overflow-y:auto;
}

.center{
position: absolute;
top: 50%; 
left: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}

.center_vertical, .center-vertical{
position:absolute;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%); 
-webkit-transform: translateY(-50%); 
padding:0px;
bottom:initial;
}

.center_horizontal, .center-horizontal{
position:absolute;
left: 50%;
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%); 
-webkit-transform: translateX(-50%); 
padding:0px;
}

.left {
left: 0px;
}

.right {
right: 0px;
}

.top {
top: 0px;
}

.bottom {
bottom: 0px;
}

.nav-tabs .nav-link {
border: 0px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-bottom: 4px solid var(--mint);
}



.doc_status.pending{
	opacity: 0.3;
}
.doc_status.acknowledged{
	color:#FFAB40;
}
.doc_status.shipped{
	color:#7C4DFF;
}
.doc_status.invoiced{
	color:rgb(84,180,211);
}
.doc_status.paid, .doc_status.accepted{
	color:rgb(20,164,77);
}


.textarea_nostyle{
	border: none !important;
    overflow: auto !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    /*resize: none !important;*/
	caret-color: transparent;
}

.border.border-dotted{
	border-top-style: dotted !important;
	border-bottom-style: dotted !important;
	border-right-style: dotted !important;
	border-left-style: dotted !important;
}

.border-top.border-dotted{
	border-top-style: dotted !important;
}

.border-bottom.border-dotted{
	border-bottom-style: dotted !important;
}

.border-start.border-dotted{
	border-left-style: dotted !important;
}

.border-end.border-dotted{
	border-right-style: dotted !important;
}

/*end general*/


/*raw edi*/
.raw_x12 span{
	display:inline-block;
}

.raw_x12.active span{
	opacity:0.7;
}

.raw_x12.active .sub_active, .raw_x12.active .sub_active span{
	opacity:1;
}

.raw_x12.active .sub_active > .uline{
	border-bottom: 2px solid #333;
}

.raw_line_number{
	width:50px;
	text-align:right;
	padding-right:30px;
	opacity:0.6;
	font-size:13px;
	padding-top:2px;
}

.raw_line{
	font-size: 0px;
}

.raw_line_base, .raw_line_value, .raw_line_sep{
	font-size:15px;
}

.raw_line_base{
	color:var(--mint);
}

.raw_line_sep{
	color:rgba(0,0,0,0.2) !important;
}
/*end raw edi*/





/* table data and filters */
.table thead tr {
	--mdb-table-font-size: 1rem;
	font-size: var(--mdb-table-font-size);
}

.table_container.empty .not_empty_visible{
	display:none !important;
}
.table_container .empty_visible{
	display:none !important;
}
.table_container.empty .empty_visible{
	display:block !important;
}

.active_filters_container {
padding-bottom: 20px;
white-space: nowrap;
overflow: auto;
}

.active_filter {
background: #dfe4e8;
display: inline-block;
margin-right: 5px;
line-height: 28px;
vertical-align: middle;
padding: 0px 12px;
padding-right: 30px;
border-radius: 3px 3px 3px 3px;
}

.active_filter .filter_remove_but {
position: absolute;
top: -3px;
right: 0px;
font-size: 200%;
font-weight: 300;
line-height: 28px;
vertical-align: middle;
width: 35px;
text-align: center;
opacity: 0.5;
cursor: pointer;
}




.table-responsive.fixed_header{
  /*max-height: calc(100vh - 160px);
  height:100%;*/
  z-index: 1;
  margin: auto;
}

.table-responsive.in_modal{
  /*max-height: 50vh;
  height:100%;*/
  z-index: 1;
  margin: auto;
  border-top: 0px solid #FFFFFF !important;
}

.table-responsive .fixed_header{
  min-width:100%;
  margin: auto;
  border-collapse:separate;
  border-spacing: 0;
}

.table-responsive .fixed_header thead th {
  position: -webkit-sticky;
  position: sticky;
  top: -2px !important;
  border-bottom: 1px solid #dee2e6 !important;
  border-top: 0px solid #FFFFFF !important;
	z-index:5;
}
/* safari and ios need the tfoot itself to be position:sticky also */
.table-responsive .fixed_header tfoot,
.table-responsive .fixed_header tfoot th,
.table-responsive .fixed_header tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index:4;
}

.table-responsive .fixed_header th:first-child, .table-responsive .fixed_header td:first-child {
	/*
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 3;
	*/
}
.table-responsive .fixed_header.sticky_last th:last-child, .table-responsive .fixed_header.sticky_last td:last-child {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  width:50px;
  z-index: 2;
}
.table-responsive .fixed_header thead th:first-child,
.table-responsive .fixed_header tfoot th:first-child,
.table-responsive .fixed_header.sticky_last thead th:last-child,
.table-responsive .fixed_header.sticky_last tfoot th:last-child {
  z-index: 5;
}

.table-responsive .select-dropdown.active{
	position:static !important;
}


.order_by_header {
	cursor:pointer;
}

.order_by_header.active_header_desc span:after {
	font: var(--fa-font-sharp-solid);
	content: "\00a0 \00a0 \f0d7";
}

.order_by_header.active_header span:after {
	font: var(--fa-font-sharp-solid);
	content: "\00a0 \00a0 \f0d8";
}

.edi_link{
	color:#212529;
}

.edi_link:hover{
	color:#1266f1;
}

.viewed_1{
	font-weight:400;	
}

.viewed_0{
	font-weight:700;	
}

.table-striped tbody tr:nth-of-type(odd):not(.add_new_item_row) {
background-color: rgba(0,0,0,.02);
}

.table-striped tbody tr.add_new_item_row, .table-striped tbody tr.add_new_item_row>* {
background-color:white !important;
}

.table-hover>tbody>tr:hover {
	background-color: var(--off_white);
}
.table-hover>tbody>tr:hover>* {
 --mdb-table-accent-bg:transparent; 
}
/* end table data and filters */

/* details page  */
.raw_x12{
	font-family: 'Recursive', sans-serif;
}

.entry_details .card{
	margin-bottom: 3rem!important;
}

.entry_details .required_label{
	font-weight:bold;
}

.entry_details .required_label:after{
	content:" *";
}



.edit_but, .edit_service{cursor:pointer}
.edit_but:hover, .edit_service:hover{opacity:0.6 !important}
.details_value .edit_container{display:none}
.save_btn_container{max-height:0px; transition: all 0.3s ease;}
.save_btn_container.active{max-height:120px;}

.entry_details .delete_but{position:absolute; top:0px; right:10px}

.next_step_subject, .past_activity_subject{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.timeline_left .timeline__item {
left: 7px;
padding-left: 20px;
padding-right: 0;
width: 100%;
}
.timeline_left:before {
left: 5px!important;
margin: 0!important;
}

.edi_key{
	font-weight:700;
}

.show_details_next_row{cursor:pointer}

tr.cp_secondary td{padding:6px !important;}
tr.cp_secondary .sec_info_container{max-height:0px; overflow: hidden; transition: all 0.3s ease; padding:0rem 0.75rem !important;}
tr.cp_secondary.active .sec_info_container{max-height:50vh; overflow: auto; padding:1.1rem 0.75rem 1rem 0.75rem !important;}
/* end details page  */

.ace_editor{
height:200px;
}




.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 100px;
	height: 30px;
	padding: 3px;
	margin: 0 10px 10px 0;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	box-sizing:content-box;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing:content-box;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaaaaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #32de84;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 74px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
 
/* Transition
========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}



.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.object-fit-contain {
    -o-object-fit: contain !important;
    object-fit:contain !important
}

.object-fit-cover {
    -o-object-fit: cover !important;
    object-fit:cover !important
}

.object-fit-fill {
    -o-object-fit: fill !important;
    object-fit:fill !important
}

.object-fit-scale {
    -o-object-fit: scale-down !important;
    object-fit:scale-down !important
}

.object-fit-none {
    -o-object-fit: none !important;
    object-fit:none !important
}


/* mappings */
.map_cond{
	color:var(--grey);
}

.map_cond.active{
	text-decoration: underline;
	text-underline-offset: 3px;
	color:var(--magenta);
}

.x12_section_container.non_clickable{
	opacity:0.3;
}

.element_container.non_clickable{
	opacity:0.3;
	cursor: auto !important;
}

.x12_section_container.clickable{
	border: 2px solid rgba(182,96,195,0.5);
	padding: .5rem!important;
}
/* end mappings */




/* print */
@media print {
	
	body{font-size:.5rem !important}
	.print_only{ display: block;}
	.no_print{display:none !important}
	.print_w_100{width:100% !important}
	.print_overflow_auto{overflow:auto !important}
	.print_overflow_visible{overflow:visible !important}
	.print_no_border{border:none !important}
	.print_px_0{padding-left:0px !important; padding-right:0px !important}
	.print_py_0{padding-top:0px !important; padding-bottom:0px !important}
	.print_p_0{padding:0px !important;}
	.print_no_text-nowrap{
		white-space:normal !important;
	}
	table td, table th{font-size:.7rem !important}
	.entry_details .card {margin-bottom: 1rem!important;}
	a, a:hover{text-decoration: none !important;}
	.card-body {padding:0px !important;}
	table.table td, table.table th {
		padding-top: 0.2rem !important;
		padding-bottom: 0.2rem !important;
	}
	
	tr.cp_secondary.active .sec_info_container{max-height:none !important;}
}
/* end print */