:root {
	--alert-danger:#f8d7da;
	--alert-danger-color:#721c24;
	--alert-success:#d4edda;
	--alert-success-color:#155724;
	--alert-warning:#fff3cd;
	--alert-warning-color:#856404;
	--alert-info:#d1ecf1;
	--alert-info-color:#0c5460;
	--alert-primary:#cce5ff;
	--alert-primary-rgb:221,245,255;
	--alert-primary-color:#004085;
	--alert-secondary:#e2e3e5;
	--alert-secondary-color:#383d41;

	--pastel-1:174,198,207; /* blue */
	--pastel-2:119,221,119; /* green */
	--pastel-3:255,179,71; /* orange */
	--pastel-4:255,105,97; /* red */
	--pastel-5:244,154,194; /* pink */
	--pastel-6:203,153,201; /* purple */
	--pastel-7:207,207,196; /* gray */
	--pastel-8:253,253,150; /* yellow */
	--pastel-9:132,182,244; /* sky-blue */
	--pastel-10:253,202,225; /* rose */
	--pastel-11:179,158,181; /* lavender */
	--pastel-12:119,158,203; /* denim-blue */

	--lgray:#b0b0b0;
	--waregroup:#E7F6F8;

	--deep: rgb(35, 39, 43);
	--navbar-height: 58px;
	--footer-height: 0px;
	--sidebar-sm-width: 200px; /* sm >400px */
	--list-md-width: 400px; /* md >768px */
	--list-width: 260px;
	--min-width: 30px;
	--ios-bottom-bar-height: 70px;
}

/* custom input */
.ui-menu.ui-autocomplete.ui-front {z-index:1100}
.form-control::placeholder {color:var(--lgray)}
input:disabled {color:#6c757d!important;background-color:#e9ecef!important}
.custom-check, .custom-radio {
    display: block;
    position: relative;
    padding-left: 1.5rem;
    margin:.5rem 0;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.custom-check input, .custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1rem;
    width: 1rem;
    background-color:white;
}
.custom-radio .checkmark {border-radius:50%}
.custom-check input ~ .checkmark, .custom-radio input ~ .checkmark, .custom-check:hover input ~ .checkmark, .custom-radio:hover input ~ .checkmark {background-color:var(--lgray)}
.custom-check input:checked ~ .checkmark {background-color:var(--info)}
/*.custom-radio input:checked ~ .checkmark {background-color:white}*/
.custom-radio input.is-invalid ~ .checkmark {background-color:var(--danger)}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.custom-check input:checked ~ .checkmark:after, .custom-radio input:checked ~ .checkmark:after {display:block}
.custom-radio .checkmark:after {
    top: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background:var(--info);
}
.custom-check .checkmark:after {
    left: 4px;
    top: 1px;
    width: .5rem;
    height: .75rem;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ckeditor */
.ck-editor {margin:1rem 0!important}

/*
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 0px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 32px;
  cursor: pointer;
  box-shadow: 0.1px 0.1px 0px #005900, 0px 0px 0.1px #007200;
  background: #ccc;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 62, 0.67), 0px 0px 0px rgba(0, 0, 88, 0.67);
  border: 0.4px solid rgba(0, 30, 0, 0.57);
  height: 32px;
  width: 24px;
  border-radius: 0px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 0px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 32px;
  cursor: pointer;
  box-shadow: 0.1px 0.1px 0px #005900, 0px 0px 0.1px #007200;
  background: #ccc;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 62, 0.67), 0px 0px 0px rgba(0, 0, 88, 0.67);
  border: 0.4px solid rgba(0, 30, 0, 0.57);
  height: 32px;
  width: 24px;
  border-radius: 0px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 32px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #a6a6a6;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 0.1px 0.1px 0px #005900, 0px 0px 0.1px #007200;
}
input[type=range]::-ms-fill-upper {
  background: #e6e6e6;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 0.1px 0.1px 0px #005900, 0px 0px 0.1px #007200;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 62, 0.67), 0px 0px 0px rgba(0, 0, 88, 0.67);
  border: 0.4px solid rgba(0, 30, 0, 0.57);
  width: 24px;
  border-radius: 0px;
  background: #ffffff;
  cursor: pointer;
  height: 32px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #e6e6e6;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffffff;
}*/
/** storage **/
.waregroup {background-color:var(--waregroup)}
#new-supplier {display:none}
/* ware-line */
#inward #nav-shipping .remove, #inward #nav-shipping .values, #inward #nav-shipping .print-quantity,
#inward #nav-print .last-quantity, #inward #nav-print .shippingfee,
#stock form #ware-list .last-quantity, #stock form #ware-list .shippingfee {display:none}
#inward-list .form-group {margin-bottom:0}
/* table */
#stock-table {overflow-x:scroll;height:calc(100vh - var(--navbar-height) - 1rem)}
#stock-table thead th {background-color:var(--secondary);color:white;padding:0 .5rem;position:sticky;top:0;z-index:1;hyphens:auto}
#stock-table thead th.stop {position:sticky;left:0;z-index:2}
#stock-table tbody th, #stock-table tfoot th {position:sticky;left:0;z-index:1}
#stock-table thead th.ware-th {background-color:var(--dark)}
#stock-table .ware-exists {background-color:var(--success)}
#stock-table .ware-alt {background-color:var(--warning)}
#stock-table .ware-set td {position:relative}
#stock-table .ware-set td, #stock-table .ware-set th {background-color:var(--alert-info);border-bottom:var(--info) 3px solid}
/* history modal */
#history-modal [id^=slog-]:nth-child(2n+1) {background:var(--alert-info)}
#history-modal #inward-history [id^=slog-]:nth-child(2n+1) {background:var(--alert-success)}
#history-modal #inward-history {color:var(--success)}
#history-modal #scrap-history [id^=slog-]:nth-child(2n+1) {background:var(--alert-danger)}
#history-modal #scrap-history {color:var(--danger)}
#history-modal #initial-history [id^=slog-]:nth-child(2n+1) {background:var(--alert-secondary)}
#history-modal #initial-history {color:var(--secondary)}
#history-modal .modal-body > div {margin-bottom:1rem}

/* quiz */
#quizlog-list .nav-link {height: 100%}
#quizlog-list .nav-link.active.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
#quizlog-list .nav-link.active.alert-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db;
}
#quizlog-list .nav-link.active.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}
#quizlog-list .nav-link.active.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}

/* webshop */
.filter-nav .group-name-filter {margin-bottom:0}
.filter-nav .group-name-filter .form-check {margin-top:0!important}
.pricing .form-group,
.titling .form-group,
.imaging .form-group {margin-bottom:0}
.pricing small,
.titling small,
.imaging small {padding:0 .5rem}
.pricing input, .pricing select,
.titling input, .titling select,
.imaging input, .imaging select {padding:.125rem .5rem;border-radius:0}
.pricing input, .pricing select, .pricing button,
.titling input, .titling select, .titling button,
.imaging input, .imaging select, .imaging button {height:calc(1.675rem + 2px)}
.titling input[type=checkbox] {height:auto}
.titling #multi-ware .form-check {margin:0!important}
.pricing button,
.titling button,
.imaging button {padding:0 .5rem;border-radius:0}
.pricing .set-row > [class*=col-],
.pricing #ware-list form > fieldset > [class*=col-],
.titling #ware-list form > fieldset > [class*=col-],
.imaging #ware-list form > fieldset > [class*=col-] {padding:0}
.pricing #ware-list form > fieldset > [class*=col-] span,
.titling #ware-list form > fieldset > [class*=col-] span,
.imaging #ware-list form > fieldset > [class*=col-] span {padding:0 .5rem}
.pricing .title, .titling .title, .imaging .title {white-space:nowrap;overflow:hidden;font-size:.75rem;padding:0 .125rem!important;display:grid;align-items:center}
.cart-item {background-color:var(--alert-danger);color:var(--alert-danger-color)}
.cart-item.placed, .cart-item.accepted, .cart-item.transport {background-color:var(--alert-info);color:var(--alert-info-color)}
.cart-item.closed.paid {background-color:var(--alert-success);color:var(--alert-success-color)}
.cart-item.table {background-color:var(--alert-warning);color:var(--alert-warning-color)}
.imaging img {width:10rem;height:auto}
.imaging .custom-file-label::after, .imaging .custom-file-label {margin-bottom:0;height:calc(1.675rem + 2px);padding:.125rem .5rem;border-radius:0}

/* opacity */
.o-0 {opacity: 0}
.o-1 {opacity: 0.2}
.o-2 {opacity: 0.4}
.o-3 {opacity: 0.6}
.o-4 {opacity: 0.8}
.o-5 {opacity: 1}
.oh-0 {opacity: 0}
.oh-1 {opacity: 0.2}
.oh-2 {opacity: 0.4}
.oh-3 {opacity: 0.6}
.oh-4 {opacity: 0.8}
.oh-0:hover, .oh-1:hover, .oh-2:hover, .oh-3:hover, .oh-4:hover {opacity: 1}

/* colors */
.form-control::placeholder {color:var(--lgray)}
.bg-deep {background-color: var(--deep)}
.btn-primary .tas svg path {fill:var(--white)!important}
.btn-secondary .tas svg path {fill:var(--white)!important}
.btn-success .tas svg path {fill:var(--white)!important}
.btn-danger .tas svg path {fill:var(--white)!important}
.btn-warning .tas svg path {fill:#212529!important}
.btn-info .tas svg path {fill:var(--white)!important}
.btn-light .tas svg path {fill:#212529!important}
.btn-dark .tas svg path {fill:var(--white)!important}
.btn-muted .tas svg path {fill:var(--white)!important}
.btn-link .tas svg path {fill:var(--primary)!important}
.text-primary .tas svg path, .btn-outline-primary .tas svg path {fill:var(--primary)!important}
.text-secondary .tas svg path, .btn-outline-secondary .tas svg path {fill:var(--secondary)!important}
.text-success .tas svg path, .btn-outline-success .tas svg path {fill:var(--success)!important}
.text-danger .tas svg path, .btn-outline-danger .tas svg path {fill:var(--danger)!important}
.text-warning .tas svg path, .btn-outline-warning .tas svg path {fill:var(--warning)!important}
.text-info .tas svg path, .btn-outline-info .tas svg path {fill:var(--info)!important}
.text-light .tas svg path {fill:var(--light)!important}
.text-dark .tas svg path, .btn-outline-dark .tas svg path {fill:var(--dark)!important}
.text-muted .tas svg path {fill:var(--gray)!important}
.text-white .tas svg path {fill:var(--white)!important}
.bg-success .text-success {color:white!important}

.btn-dark.active {background-color:#138496!important;border-color:#117a8b!important}

.pastel-1 {background-color:rgba(var(--pastel-1),1)}
.pastel-2 {background-color:rgba(var(--pastel-2),1)}
.pastel-3 {background-color:rgba(var(--pastel-3),1)}
.pastel-4 {background-color:rgba(var(--pastel-4),1)}
.pastel-5 {background-color:rgba(var(--pastel-5),1)}
.pastel-6 {background-color:rgba(var(--pastel-6),1)}
.pastel-7 {background-color:rgba(var(--pastel-7),1)}
.pastel-8 {background-color:rgba(var(--pastel-8),1)}
.pastel-9 {background-color:rgba(var(--pastel-9),1)}
.pastel-10 {background-color:rgba(var(--pastel-10),1)}
.pastel-11 {background-color:rgba(var(--pastel-11),1)}
.pastel-12 {background-color:rgba(var(--pastel-12),1)}

/* basics */
a.disabled {pointer-events:none;cursor:default}
button[name=sort-up], button[name=sort-down] {padding:0}
#download-fade {position:fixed;top:0;left:0;background-color:rgba(0,0,0,.6);width:100vw;height:100vh;z-index:9999}
input[type=checkbox]:disabled {background:gray}
.form-group > .error {padding:0 1rem}
.licence-form .form-check:first-child, .licence-form .form-check:nth-child(5) {padding-bottom:.5rem;border-bottom:1px solid var(--alert-info)}
.radio-list > div {display:inline-block;margin:0 1rem 1rem 0}
.radio-toolbar {
	margin: .5rem 0 1.5rem 0;
}
.radio-toolbar input[type="radio"], .chkbox-toolbar input[type="checkbox"] {
	opacity:0;
	position:fixed;
	width:0;
}
.radio-toolbar .form-check, .chkbox-toolbar .form-check {
	display: inline-block;
	padding-left: 0;
}
.radio-toolbar label, .chkbox-toolbar label {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: white;
	background-color: var(--secondary);
	border: 1px solid var(--secondary);
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	cursor: pointer;
}
.radio-toolbar label:hover, .chkbox-toolbar label:hover {
	color: #fff;
	background-color: #5a6268;
	border-color: #5a6268;
}
.radio-toolbar input[type="radio"]:checked + label, .chkbox-toolbar input[type="checkbox"]:checked + label {
    background-color: var(--success);
    border-color: var(--success);
	color: white!important;
}
.cb-2 input[type=checkbox] {
	transform: scale(2);
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	margin-left: -2rem;
}
.cb-2 {padding-left: 2.5rem}
.min-height-full {min-height: calc(100vh - var(--navbar-height) - var(--footer-height));}
.mt-navbar {margin-top: var(--navbar-height);}
.btn-link:hover, a:hover {text-decoration: none;}
.custom-file-label {
	margin-left: 15px;
	margin-right: 15px;
}
.d-grid {display:grid}
.position {list-style-type:none;margin:0;padding:0;max-width:15rem}
.position li {float:left;width:6rem;height:4rem;position:relative;text-align:center}
.position label, .position input {display:block;position:absolute;top:0;left:0;right:0;bottom:0}
.position input[type="radio"] {opacity:0;z-index:100}
.position input[type="radio"]:checked+label {background:var(--info);color:white}
.position label {display:grid;align-items:center;padding:.5rem;cursor:pointer;z-index:90;background:var(--alert-secondary);margin:0 .25rem .25rem 0}
.position label:hover {background:var(--secondary)}
.dropzone .dz-preview .dz-image img {object-fit:cover;width:100%;height:100%}

/* Second modal sits above */
#modal2 .modal {z-index:1060}
#modal-alert .modal {z-index:1065}
#alert-modal .modal-header {border-bottom-left-radius:0;border-bottom-right-radius:0;}
#alert-modal .modal-body {border-top-left-radius:0;border-top-right-radius:0;}
/* Second backdrop sits between them */
.modal-backdrop.show.backdrop2 {z-index:1055}
.modal-backdrop.show.backdrop3 {z-index:1060}
/* Disable modal fade animation */
.modal.fade {transition:none!important;}
/* Disable backdrop fade animation */
.modal-backdrop.fade {transition:none!important;}

/* text */
.fs-0 {font-size: 0;}
.fs-1 {font-size: .75rem;}
.fs-2 {font-size: 1.25rem;}
.fs-3 {font-size: 1.5rem;}
.fs-4 {font-size: 2rem;}
.fs-5 {font-size: 4rem;}
.hyphens {-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}

/* icon size */
.icon-sm {width:1rem;height:auto}
.icon-md {width:1.5rem;height:auto}
.tas {display:inline-block;height:1em;line-height:0;vertical-align:text-top;}
.ta-tw {text-align:center;width:1.25em}

/* dropdown */
.dropdown-dark {background-color: var(--dark);}
.dropdown-dark .dropdown-item {color: var(--secondary);}
.dropdown-dark .dropdown-item:hover {
    background-color: var(--secondary);
    color: var(--light);
}
.dropdown-dark .dropdown-divider {border-color: var(--secondary);}

/* header */
.navbar {z-index: 1040;}
.navbar-brand svg {
    width: 110px;
    height: auto;
}

/** ajax update **/
[id*=q-] {cursor: pointer}
[class*=off-] .fa-toggle-on {display:none}
[class*=on-] .fa-toggle-off {display:none}

/** wrapper **/
#sidebar-wrapper i {margin-right: .25rem;}
#list-wrapper {left: var(--min-width);}
#list-wrapper .card-header.row, #list-wrapper .nav {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
#list-wrapper .field-id, #list-wrapper .field-btn {
	padding-left: 0;
	padding-right: 0;
}
#sidebar-wrapper, #list-wrapper, [id*=content-wrapper] {
	overflow-x: hidden;
	overflow-y: hidden;
	width: var(--min-width);
    margin-top: var(--navbar-height);
}
#sidebar-wrapper, #list-wrapper {height: calc(100vh - var(--navbar-height));min-height: -webkit-fill-available;}
[id*=content-wrapper] {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	left: calc(2 * var(--min-width));
	width: calc(100% - 2 * var(--min-width));
	min-height: calc(100vh - var(--navbar-height));
	min-height: -webkit-fill-available;
}
#wrapper.list-null [id*=content-wrapper] {
	left: var(--min-width);
	width: calc(100% - var(--min-width));
}
#list-toggler {
	width: var(--min-width);
	height: 100%;
	background-color: var(--alert-dark);
}
#sidebar-wrapper a, #sidebar-wrapper button, #list-wrapper a, #list-wrapper button, #content-toggler a {text-decoration: none;}
#sidebar-wrapper a, #sidebar-wrapper button {white-space: nowrap;}
#list-wrapper button {white-space: normal;}

#sidebar-toggler .fa-toggle-on, #list-toggler .fa-toggle-on, #content-toggler .fa-toggle-off, #content-toggler {display: none;}
#sidebar-toggler .fa-toggle-off, #list-toggler .fa-toggle-off, #content-toggler .fa-toggle-on {display: block;}

#wrapper.sidebar-visible #sidebar-toggler .fa-toggle-on {display: block;}
#wrapper.sidebar-visible #sidebar-toggler .fa-toggle-off {display: none;}
#wrapper.sidebar-visible #sidebar-wrapper {
	width: var(--sidebar-sm-width);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
#wrapper.sidebar-visible #list-wrapper {left: var(--sidebar-sm-width);}
#wrapper.sidebar-visible [id*=content-wrapper] {
	left: calc(var(--sidebar-sm-width) + var(--min-width));
	width: calc(100% - var(--sidebar-sm-width) - var(--min-width));
}
#wrapper.sidebar-visible.list-null [id*=content-wrapper] {
	left: var(--sidebar-sm-width);
	width: calc(100% - var(--sidebar-sm-width));
}

#wrapper.list-visible #list-toggler .fa-toggle-on {display: block;}
#wrapper.list-visible #list-toggler .fa-toggle-off {display: none;}
#wrapper.list-visible #list-toggler {height: auto;}
#wrapper.list-visible #list-wrapper {
	width: var(--list-md-width);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
#wrapper.list-visible [id*=content-wrapper] {
	left: calc(var(--list-md-width) + var(--min-width));
	width: calc(100% - var(--list-md-width) - var(--min-width));
}

#wrapper.sidebar-visible.list-visible [id*=content-wrapper] {
	left: calc(var(--sidebar-sm-width) + var(--list-md-width));
	width: calc(100% - var(--sidebar-sm-width) - var(--list-md-width));
}

#wrapper.sidebar-visible #content-toggler .fa-toggle-off, #wrapper.list-visible #content-toggler .fa-toggle-off {display: block;}
#wrapper.sidebar-visible #content-toggler .fa-toggle-on, #wrapper.list-visible #content-toggler .fa-toggle-on {display: none;}

[id*=content-wrapper].hidden {
	display: none;
}

/** animate **/
#sidebar-wrapper, #list-wrapper, [id*=content-wrapper] {
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/** sidebar **/
#sidebar-wrapper .card-header a, #sidebar-wrapper .card-header button {color: white}
#sidebar-wrapper .card:hover .card-header, #sidebar-wrapper .card-header.active {background-color: var(--dark)!important}

/** list **/
#list-wrapper .card-header {line-height:3.25}
#list-wrapper .card-block {font-size:90%}
#list-wrapper [id*=-list] .card {font-size:.75rem}
#list-wrapper [id*=-shared-list] .card {cursor:grab}
#list-wrapper .tab-content {margin-bottom:6rem}
#list-wrapper .card .fa-sort {font-size:1.25rem;line-height:1.9}
#list-wrapper .card.hint {background-color:var(--alert-info)}
#list-wrapper .card.hint .fa-sort {display:none}
#list-wrapper .card.active {background-color:var(--alert-danger)}
#list-wrapper .card .field-title {padding-right:0}
#list-wrapper .card .field-title small {opacity:.6;}
.list-icon svg {width:1.5rem;height:auto}

/** content **/
.contenteditable {
	background: white;
	overflow-y: scroll;
	overflow-x: hidden;
}
.contenteditable .remove {background-color:rgba(248,215,220,.5)!important;display:block;margin-bottom:1rem}
[id*=-text].td-text {height: 31rem;}
[id*=-lead].td-text {height: 10rem;}
[id*=article-svg] {height: 6.9rem;}
[id*=event-des] {height:15.5rem}
.contenteditable img {
	width: 300px;
	height: auto;
}
.contenteditable .float-right {margin: .5rem 0 1rem 1.5rem}
.contenteditable .float-left {margin: .5rem 1.5rem 1rem 0}
.contenteditable hl {display:block;margin:1rem 0;padding:1rem;background-color:var(--light)}

/** popover **/
.popover-header {color:var(--gray);font-weight:normal;}

/* img finder */
.imgfinder-div {
	width:100%;
	padding-top:66%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain
}

/* multi model */
#wrapper section [id*=multi-] > fieldset {padding-top:.5rem;padding-bottom:.5rem}
#wrapper section #multi-ware > fieldset {padding:0}
#wrapper section [id*=multi-] > fieldset:nth-child(2n) > div {background-color:rgba(0,0,0,.1)}
#wrapper section [id*=multi-] > button {margin-top:1rem;margin-bottom:1rem;float:right}
#multi-event .form-group {margin-bottom:.5rem}
#multi-event [id*=event-] .form-check, #multi-institute [id*=institute-] .form-check {display:inline-block;margin-right:1rem}

/* market */
.place-shape, .sector-svg {position:absolute;font-size:0}
.place-shape > span {display:inline-block;border-color:var(--light)!important}

@media screen and (max-width:768px){
	#content-toggler {
		display: block;
		height: auto;
	}
	#wrapper #sidebar-wrapper, #wrapper #list-wrapper {width: var(--min-width);}
	#wrapper [id*=content-wrapper] {width: calc(100% - 2 * var(--min-width));}
	#wrapper.list-null [id*=content-wrapper] {width: calc(100% - var(--min-width));}
	#wrapper.sidebar-visible #sidebar-wrapper {width: calc(100% - 2 * var(--min-width));}
	#wrapper.sidebar-visible.list-null #sidebar-wrapper {width: calc(100% - var(--min-width));}
	#wrapper.sidebar-visible #list-wrapper {
		width: var(--min-width);
		left: calc(100% - 2 * var(--min-width));
	}
	#wrapper.sidebar-visible #content-toggler {
		width: calc(100% - 2 * var(--min-width));
		height: calc(100vh - var(--navbar-height));
		position: fixed;
		z-index: 9999;
		background-color: var(--light);
	}
	/*body {height:100vh;overflow-y:hidden}*/
	#wrapper.sidebar-visible [id*=content-wrapper], #wrapper.list-visible [id*=content-wrapper] {
		overflow-y: hidden;
		width: var(--min-width);
		left: calc(100% - var(--min-width));
	}
	#wrapper.sidebar-visible.list-null [id*=content-wrapper] {
		width: var(--min-width);
		left: calc(100% - var(--min-width));
	}
	#wrapper.list-visible #sidebar-wrapper {
		width: var(--min-width);
	}
	#wrapper.list-visible #list-wrapper {
		width: calc(100% - 2 * var(--min-width));
	}
	#wrapper.list-visible #content-toggler {
		width: calc(100% - 2 * var(--min-width));
		height: calc(100vh - var(--navbar-height));
		position: fixed;
		z-index: 9999;
		background-color: var(--light);
	}
}