/* General Standard Form */
#dyn-layout {
	padding:5px 10px;
	padding-top:15px;
}

.dyn-sticky {
	width:100%;
}

.dyn-sticky-off {
	position: unset !important;
}

@media (min-width: 992px) {
	.dyn-sticky {
		position:fixed;
		top: 70px;
	}
}

.dyn-main-body.dyn-main-input {
	padding:0px !important;
}

h5.card-title {
	font-size:1rem;
}

.dyn-layout-footer {
	margin-top: 10px;
	margin-bottom: 10px;
}

.design-panel {
	padding-left:10px;
	padding-right:10px;
	min-height:800px;
}

ul.dyn-rowlist {
	list-style: none;
	padding-left: 20px;
}

ul.dyn-rowlist > li {
	position: relative;
	margin-left: -20px;
    padding-left: 20px;	
}

.dyn-column {
	display: flex;
	min-height:60px;
}

.dyn-form-title-container {
	padding-left: 20px;
	padding-right: 20px;
}

.dyn-form-title-caption {
	display:flex;
	width:100%;
	padding-top:5px;
}

.dyn-form-title-caption input {
	text-align:center;
	font-size: 1.2em;
}

@media (max-width: 992px) {
	.dyn-form-title-caption {
		margin-top:15px;
	}
}

.dyn-cell {
	width:100%;
	padding:5px 15px;
	position: relative;
}

.dyn-cell.dyn-switch-off {
	display:none !important;
}

.dyn-cell-button-column {
	margin-top:2px;
	margin-bottom:2px;
}

.dyn-cell-grouplist > .dyn-rowlist {
	padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
	margin-top: 10px;
	position: relative;
}

.dyn-cell-grouplist > .dyn-rowlist > .dyn-grouplist-delete-button {
	position: absolute;
    top: 15px;
    right: 20px;	
}

.dyn-cell-grouplist > .dyn-rowlist:nth-child(2) {
	/* border-top: solid 1px #464E5F; */
    margin-top: 0px;
}

.dyn-cell-grouplist > .dyn-rowlist .dyn-cell {
	padding-left:5px;
	padding-right:5px;
}

.dyn-cell[type=info] input {
	padding: 0px;
}	

@media (min-width: 992px) {
	.dyn-main-body {
		min-height:1000px;
	}
}

/* Cell Input */
.dyn-rowlist .form-group {
	margin-bottom:0px; /* 1rem; */
	position: relative;
}

.dyn-cell-list select.form-control option {
	padding: 5px;
	margin:0px;
}

.dyn-cell-label {
	margin:0px;
}

.dyn-cell-label label {
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:100%;
}

.dyn-cell-checkbox .checkbox-inline {
    background-color: white;
    padding: 10px 5px 5px;
}

.dyn-cell-checkbox .checkbox-inline .checkbox > span {
    background-color: #c1d0db;	
}

.dyn-cell-checkbox .checkbox-inline .checkbox.radio > span {
	padding-top: 2px;
}

.dyn-cell-checkbox .checkbox-inline .checkbox.radio > span:after { 
    width: 8px;
    height: 8px;
}

.dyn-cell-switch {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 100%;
    margin: 0px;
}

.dyn-cell-switch label.switch-container {
    display: flex;
    align-items: center;
}

.dyn-cell-switch label.switch-label.dyn-cell-selector {
	width:auto;
	flex: 1;
}

.dyn-cell-switch label.switch-label {
	display: inline-block;
	margin-left: 10px;
	margin-top: 7px;
}

.dyn-cell-line hr {
	margin-top:0px;
	margin-bottom:0px;
	border-color: #464E5F;
}

.dyn-photo-container {
    max-height: 300px;
    overflow: auto;	
	position: relative;
}

.dyn-photo-container .dyn-photo-delete-button {
	position: absolute;
	right:10px;
	top:20px;
	background-color: white;
    padding: 5px;
    border-radius: 25px;
    border: 2px solid #f0e8e8;	

	font-size: 12px;
    padding: 3px 8px;	
}
.dyn-photo-container .dyn-photo-delete-button:hover {
	background-color:#f0e8e8;
	border-color:#f0e8e8;
}
.dyn-photo-container .dyn-photo-delete-button i {
    font-size: 1.8em;
}

.dyn-photo-container .dyn-photo-background {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 100%;
	height: 300px;
	cursor: pointer;
}

.dyn-file-delete-button {
	display: none;
    position: absolute;
    right: 10px;
    bottom: 5px;
    background-color: white;
    padding: 5px;
    border-radius: 25px;
    border: 2px solid #f0e8e8;	

	font-size: 12px;
    padding: 3px 8px;	
}

.dyn-cell[type=file] > .dyn-cell-input > .dyn-file-delete-button {
	display: inline-block;
}

.dyn-cell-info input[readonly], .dyn-cell-info input:disabled {
	border:0px !important;
	background-color:transparent  !important;
}

.dyn-input-file-open {
	margin: 10px 0px;
	width: 100%;
}

/* Cell Style */
.dyn-cell label.dyn-cell-selector {
	width:100%;
	white-space: break-spaces;
}

/* Cell Button */
.dyn-cell-button .dyn-item-button {
	width:100%;
}

.dyn-cell-button .dyn-item-button[data-value=none],
.dyn-cell-button .dyn-item-button[data-value=hidden] {
	display:none;
}

.dyn-group-button-container {
	margin:5px auto;
}

.dyn-group-button-container .dyn-group-button-add {
	padding-top:5px;
	padding-bottom:5px;
}

.dyn-cell[type=button] {
    cursor: default;
}

/* Stage */
.dyn-stage-list-selection {
    list-style-type: none;
	padding-left: 10px;
    padding-right: 10px;
}

.dyn-stage-list-selection a {
	width: 100%;
    display: inline-block;
	padding: 5px;
	color: black;
}

.dyn-stage-list-selection a:hover {
	color: #4A7DFF;
}

.dyn-stage-list-selection a.selected {
	background-color:#4A7DFF;
	color:white;
}

.dyn-cell[data-hide=true] {
	display:none !important;
}

.dyn-cell-modal-button {
	position: absolute;
	cursor: pointer;
	right: 10px;
	top: 40px;
	padding: 5px;
	display: none;
}

.dyn-cell .item-prop[data-preset] ~ .form-group input[type=text] ~ .dyn-cell-modal-button
, .dyn-cell .item-prop[data-preset] ~ .form-group input[type=workingorders] ~ .dyn-cell-modal-button
, .dyn-cell .item-prop[data-preset] ~ .form-group input[type=workingslopes] ~ .dyn-cell-modal-button
, .dyn-cell .item-prop[data-preset] ~ .form-group textarea ~ .dyn-cell-modal-button
{
	display:block;
}

.dyn-cell-modal-button:hover svg path {
	fill: #6993FF !important;
}

/* No Caption */
.dyn-cell.dyn-style-nocaption {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dyn-cell.dyn-style-nocaption > .form-group {
	margin-bottom: 0px;
	width:100%;
}

.dyn-cell.dyn-style-nocaption > .form-group > label.dyn-cell-selector {
	display:none;
}

.dyn-cell.dyn-style-nocaption > .form-group > .dyn-cell-modal-button {
	top: 7px;
}

.dyn-cell.dyn-style-nocaption[type=grouplist] {
	display: inline-block;
}

.dyn-cell-grouplist ul.dyn-rowlist > li:first-child .dyn-cell.dyn-style-nocaption:last-child {
	margin-right: 40px;
}

/* Input Align */
.dyn-cell.dyn-style-input-left input,
.dyn-cell.dyn-style-input-left textarea,
.dyn-cell.dyn-style-input-left label.checkbox,
.dyn-cell.dyn-style-input-left .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-left option,
.dyn-cell.dyn-style-input-left a.form-control,
.dyn-cell.dyn-style-input-left .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-left .dyn-cell-style
{
	text-align:left;
	justify-content: flex-start;
}

.dyn-cell.dyn-style-input-right input,
.dyn-cell.dyn-style-input-right textarea,
.dyn-cell.dyn-style-input-right label.checkbox,
.dyn-cell.dyn-style-input-right .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-right option,
.dyn-cell.dyn-style-input-right a.form-control,
.dyn-cell.dyn-style-input-right .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-right .dyn-cell-style
{
	text-align:right;
	justify-content: flex-end;
}

.dyn-cell.dyn-style-input-center input,
.dyn-cell.dyn-style-input-center textarea,
.dyn-cell.dyn-style-input-center label.checkbox,
.dyn-cell.dyn-style-input-center .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-center option,
.dyn-cell.dyn-style-input-center a.form-control,
.dyn-cell.dyn-style-input-center .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-center .dyn-cell-style
{
	text-align:center;
	justify-content: center;
}

/* Input Font Size */
.dyn-cell.dyn-style-input-huge input,
.dyn-cell.dyn-style-input-huge textarea,
.dyn-cell.dyn-style-input-huge label.checkbox,
.dyn-cell.dyn-style-input-huge .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-huge option,
.dyn-cell.dyn-style-input-huge a.form-control,
.dyn-cell.dyn-style-input-huge .dyn-cell-link i,
.dyn-cell.dyn-style-input-huge .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-huge .dyn-cell-style
{
	font-size:2em;
}
.dyn-cell.dyn-style-input-large input,
.dyn-cell.dyn-style-input-large textarea,
.dyn-cell.dyn-style-input-large label.checkbox,
.dyn-cell.dyn-style-input-large .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-large option,
.dyn-cell.dyn-style-input-large a.form-control,
.dyn-cell.dyn-style-input-large .dyn-cell-link i,
.dyn-cell.dyn-style-input-large .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-large .dyn-cell-style
{
	font-size:1.5em;
}
.dyn-cell.dyn-style-input-big input,
.dyn-cell.dyn-style-input-big textarea,
.dyn-cell.dyn-style-input-big label.checkbox,
.dyn-cell.dyn-style-input-big .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-big option,
.dyn-cell.dyn-style-input-big a.form-control,
.dyn-cell.dyn-style-input-big .dyn-cell-link i,
.dyn-cell.dyn-style-input-big .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-big .dyn-cell-style
{
	font-size:1.2em;
}
.dyn-cell.dyn-style-input-normal input,
.dyn-cell.dyn-style-input-normal textarea,
.dyn-cell.dyn-style-input-normal label.checkbox,
.dyn-cell.dyn-style-input-normal .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-normal option,
.dyn-cell.dyn-style-input-normal a.form-control,
.dyn-cell.dyn-style-input-normal .dyn-cell-link i,
.dyn-cell.dyn-style-input-normal .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-normal .dyn-cell-style
{
	font-size:1em;
}
.dyn-cell.dyn-style-input-small input,
.dyn-cell.dyn-style-input-small textarea,
.dyn-cell.dyn-style-input-small label.checkbox,
.dyn-cell.dyn-style-input-small .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-small option,
.dyn-cell.dyn-style-input-small a.form-control,
.dyn-cell.dyn-style-input-small .dyn-cell-link i,
.dyn-cell.dyn-style-input-small .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-small .dyn-cell-style
{
	font-size:0.8em;
}

/* Input Font Size Checkbox */
.dyn-cell.dyn-style-input-huge .dyn-cell-checkbox label.checkbox span {
	margin-top: 14px;
}
.dyn-cell.dyn-style-input-large .dyn-cell-checkbox label.checkbox span {
	margin-top: 8px;
}
.dyn-cell.dyn-style-input-big .dyn-cell-checkbox label.checkbox span {
	margin-top: 3px;
}
.dyn-cell.dyn-style-input-normal .dyn-cell-checkbox label.checkbox span {
	margin-top: 0px;
}
.dyn-cell.dyn-style-input-small .dyn-cell-checkbox label.checkbox span {
	margin-top: 0px;
}

/* Input Font Weight */
.dyn-cell.dyn-style-input-bold input,
.dyn-cell.dyn-style-input-bold textarea,
.dyn-cell.dyn-style-input-bold label.checkbox,
.dyn-cell.dyn-style-input-bold .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-bold option,
.dyn-cell.dyn-style-input-bold a.form-control,
.dyn-cell.dyn-style-input-bold .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-bold .dyn-cell-style
{
	font-weight:bold;
}

/* Input Font Italic */
.dyn-cell.dyn-style-input-italic input,
.dyn-cell.dyn-style-input-italic textarea,
.dyn-cell.dyn-style-input-italic label.checkbox,
.dyn-cell.dyn-style-input-italic .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-italic option,
.dyn-cell.dyn-style-input-italic a.form-control,
.dyn-cell.dyn-style-input-italic .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-italic .dyn-cell-style
{
	font-style: italic;
}

/* Input Underline */
.dyn-cell.dyn-style-input-underline input,
.dyn-cell.dyn-style-input-underline textarea,
.dyn-cell.dyn-style-input-underline label.checkbox,
.dyn-cell.dyn-style-input-underline .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-underline option,
.dyn-cell.dyn-style-input-underline a.form-control,
.dyn-cell.dyn-style-input-underline .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-underline .dyn-cell-style
{
	text-decoration: underline;
}

/* Input Strikethrough */
.dyn-cell.dyn-style-input-strikethrough input,
.dyn-cell.dyn-style-input-strikethrough textarea,
.dyn-cell.dyn-style-input-strikethrough label.checkbox,
.dyn-cell.dyn-style-input-strikethrough .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-strikethrough option,
.dyn-cell.dyn-style-input-strikethrough a.form-control,
.dyn-cell.dyn-style-input-strikethrough .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-strikethrough .dyn-cell-style
{
	text-decoration:line-through;
}

/* Input Button */
.dyn-cell.dyn-style-input-button input,
.dyn-cell.dyn-style-input-button textarea,
.dyn-cell.dyn-style-input-button label.checkbox,
.dyn-cell.dyn-style-input-button .select2 .select2-selection__rendered,
.dyn-cell.dyn-style-input-button option,
.dyn-cell.dyn-style-input-button a.form-control,
.dyn-cell.dyn-style-input-button .dyn-cell-time-container select,
.dyn-cell.dyn-style-input-button .dyn-cell-style
{
	padding: 0.55rem 0.75rem;
    border-radius: 0.42rem;
}


/* Caption Align */
.dyn-cell.dyn-style-left > .form-group > label.dyn-cell-selector,
.dyn-cell.dyn-style-left > .dyn-cell-checkbox .checkbox-inline,
.dyn-cell.dyn-style-left > .dyn-cell-switch {
	text-align:left;
	justify-content: flex-start;
}

.dyn-cell.dyn-style-right > .form-group > label.dyn-cell-selector,
.dyn-cell.dyn-style-right > .dyn-cell-checkbox .checkbox-inline,
.dyn-cell.dyn-style-right > .dyn-cell-switch {
	text-align:right;
	justify-content: flex-end;
}

.dyn-cell.dyn-style-center > .form-group > label.dyn-cell-selector,
.dyn-cell.dyn-style-center > .dyn-cell-checkbox .checkbox-inline,
.dyn-cell.dyn-style-center > .dyn-cell-switch {
	text-align:center;
	justify-content: center;
}

/* Caption Font Size */
.dyn-cell.dyn-style-huge > .form-group > label.dyn-cell-selector {
	font-size:2em;
}
.dyn-cell.dyn-style-large > .form-group > label.dyn-cell-selector {
	font-size:1.5em;
}
.dyn-cell.dyn-style-big > .form-group > label.dyn-cell-selector {
	font-size:1.2em;
}
.dyn-cell.dyn-style-normal > .form-group > label.dyn-cell-selector {
	font-size:1em;
}
.dyn-cell.dyn-style-small > .form-group > label.dyn-cell-selector {
	font-size:0.8em;
}

/* Caption Font Normal */
.dyn-cell.dyn-style-noweight > .form-group > label.dyn-cell-selector {
	font-weight:normal;
	font-style: normal;
}

/* Caption Font Weight */
.dyn-cell.dyn-style-bold > .form-group > label.dyn-cell-selector {
	font-weight:bold;
}

/* Caption Font Italic */
.dyn-cell.dyn-style-italic > .form-group > label.dyn-cell-selector {
	font-style: italic;
}

/* Caption Underline */
.dyn-cell.dyn-style-underline > .form-group > label.dyn-cell-selector {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.dyn-cell.dyn-style-button > .form-group > label.dyn-cell-selector {
	padding: 0.55rem 0.75rem;
	border-radius: 0.42rem;
}

/* Caption Fore Color */
.dyn-cell.dyn-style-normal {
	/*
	color:black;
	background-color:white;
	*/
}

.dyn-cell.dyn-style-red ,
.dyn-cell.dyn-style-red label.dyn-cell-selector
 {
	color:#ffffff;
	background-color:#F64E60;
}

.dyn-cell.dyn-style-green ,
.dyn-cell.dyn-style-green label.dyn-cell-selector
{
	color:#ffffff;
	background-color:#1BC5BD;
}

.dyn-cell.dyn-style-blue ,
.dyn-cell.dyn-style-blue label.dyn-cell-selector
{
	color:#ffffff;
	background-color:#6993FF;
}

.dyn-cell.dyn-style-yellow ,
.dyn-cell.dyn-style-yellow label.dyn-cell-selector
{
	color:#ffffff;
	background-color:#ffa800;
}

.dyn-cell .form-group label {
	color:#6993FF !important;
}

/* Time */
.dyn-cell .dyn-cell-time-container {
	display:flex;
	align-items: center;
}

.dyn-cell .dyn-cell-time-container .dyn-cell-time-full {
	display:block;
}

.dyn-cell .dyn-cell-time-container .dyn-cell-time-hour,
.dyn-cell .dyn-cell-time-container .dyn-cell-time-minute {
	display:none;
}

.dyn-cell[data-timesimple='1'] .dyn-cell-time-container .dyn-cell-time-full {
	display:none;
}

.dyn-cell[data-timesimple='1'] .dyn-cell-time-container .dyn-cell-time-hour,
.dyn-cell[data-timesimple='1'] .dyn-cell-time-container .dyn-cell-time-minute {
	display:block;
}

.dyn-cell .dyn-cell-time-container select {
	padding: 10px;
    margin-left: 5px;
	height: calc(1.5em + 1.3rem + 2px);
}

.dyn-cell .dyn-cell-time-container select:last-child {
    margin-right: 5px;
}

/* Cell Disable */
.dyn-cell-disabled{
	pointer-events: none;
}
.dyn-cell-disabled .dyn-input-file-open{
	pointer-events: all;
}
.dyn-cell-disabled .dyn-photo-container img,
.dyn-cell-disabled .dyn-photo-container .dyn-photo-background {
	pointer-events: all;
}

.dyn-cell-disabled .form-group label {
	color: black !important;
}
.dyn-cell-disabled .form-group .dyn-cell-modal-button {
	display: none;
}

/* Signature */
.dyn-cell[data-info=signature] > .form-group > input {
	cursor: pointer;
	pointer-events: all;
}

/* Webservice Info */
.dyn-cell[type=info][data-info=webservice] > .form-group > textarea.dyn-ws-info,
.dyn-cell[type=info][data-info=webservice] > .form-group > textarea.dyn-ws-info:focus
{
	width: 100%;

	border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    resize: none; /*remove the resize handle on the bottom right*/
}


/* 2021-03-20 */
.dyn-cell-disabled .dyn-cell-button .dyn-item-button,
.dyn-cell-disabled > .dyn-group-button-container > .dyn-group-button-add{
    background-color: lightgray;
    border-color: lightgray;
}

.dyn-cell-disabled::before {
	content: "";
}

.dyn-required-star {
	position: absolute;
	left: 5px;
}

.dyn-cell[data-req='1'] .dyn-cell-selector {
  color:#2245a8;
}

.dyn-cell[data-req='1'] .dyn-cell-selector::before {
  content: "* ";
  color:#2245a8;
}

.dyn-cell .item-prop[data-export='1'] + .form-group .dyn-cell-selector {
	
}

.dyn-cell .item-prop[data-export='1'] + .form-group .dyn-cell-selector::after {
	/* content: " \21E9"; */
	/* color:#22a875; */
}
  
.dyn-cell .dyn-cell-photo .dyn-photo-container img {
	cursor: pointer;
}

/* Form Status */
.form-status {
	text-align:center;
	width:100%;
	padding:5px;
    margin-top: 10px;
}

.form-closed .form-status{
	background-color:#F64E60;
	color:white;
}

.form-closed .form-group label {
	color: black !important;
}

.form-closed .dyn-cell {
	
}

.form-closed .dyn-cell .dyn-item-button {
	
}

.form-closed .dyn-cell input {
	
}

.dyn-cell-link a.form-control {
	border:0px;
}

.dyn-cell-link i {
	position: absolute;
    left: 10px;
    bottom: 15px;
}

.dyn-cell.dyn-style-input-huge a.pl-10 {
	padding-left: 3rem !important;
}
.dyn-cell.dyn-style-input-normal a.pl-10 {
	padding-left: 2rem !important;
}
.dyn-cell.dyn-style-input-small a.pl-10 {
	padding-left: 2rem !important;
}

.dyn-cell.dyn-style-input-huge .dyn-cell-link i {
    bottom: 20px;
}

.dyn-cell.dyn-style-input-large .dyn-cell-link i {
    bottom: 19px;
}

.dyn-cell.dyn-style-input-big .dyn-cell-link i {
    bottom: 19px;
}

.dyn-cell.dyn-style-input-normal .dyn-cell-link i {
    bottom: 18px;
}

.dyn-cell.dyn-style-input-small .dyn-cell-link i {
    bottom: 18px;
}

.dyn-cell-link {
	display: flex;
    flex-wrap: wrap;
    white-space: pre;
	overflow: hidden;
}

.dyn-cell[data-info=username] input {
	cursor: pointer;
}

.dyn-cell-footer-warning {
	color: red;
	padding: 3px 5px;
    font-size: 0.9em;
}

/*
For Custom Column Width
*/
.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="1"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 8.33333%;
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}

.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="2"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.66667%;
	flex: 0 0 16.66667%;
	max-width: 16.66667%;
}

.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="3"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="4"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="5"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 41.66667%;
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}

.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="6"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="7"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 58.33333%;
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}

.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="8"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 66.66667%;
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}

.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="9"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="10"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 83.33333%;
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}

.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="11"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 91.66667%;
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}

.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="12"]) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}


@media (max-width: 768px) {

	.dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="1"])
	, .dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="2"])
	, .dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="3"])
	, .dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="4"])
	, .dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="5"])
	, .dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="6"])
	, .dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="7"])
	, .dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="8"])
	, .dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="9"])
	, .dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="10"])
	, .dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="11"])
	, .dyn-column:has(> .dyn-cell > .item-prop[data-customwidth="12"])
	{
		-webkit-box-flex: unset;
		-ms-flex: unset;
		flex: unset;
		max-width: unset;
	}

}