/* dataset */
div.dataset {background-color:#fff;}
div.dataset {position:relative;margin:127px 10px 10px 10px;border:0px solid #ddd;padding-bottom:10px}
.cbyboxwrap div.dataset {margin:10px 10px 10px 10px;border:0px solid #ddd;padding-bottom:10px}
.cbyboxwrap div.dataset > div.ds-header, #cbybox div.dataset > div.ds-buttons {display:none}

/* general on tags, class and buttons */
div.dataset table {width:100%;border-collapse:collapse}
div.dataset td,th {border-collapse:collapse;border:1px solid #ccc;padding:0px}
div.dataset pre {white-space: pre-line;}
div.dataset input {width:100%;max-width:200px}
div.dataset input[type=checkbox], div.dataset input[type=radio] {width:auto;max-width:none}
div.dataset select {max-width:100%}
div.dataset select option[selected]{font-weight:bolder}
div.dataset textarea {width:100%;min-height:7em}
div.dataset select[multiple] {min-height:9em;min-width:12em}

div.dataset .clearfix:after { content: ""; visibility: hidden; display: block; height: 0; clear: both;}
div.dataset .bold {font-weight:bolder}
div.dataset .none {display:none}
div.dataset .right {float:right}
div.dataset .ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
div.dataset .ds-popup {position:absolute;z-index:1051 /* top of redactor toolbar*/;border:1px solid #999;box-shadow: 2px 2px 2px #999;background-color:#ffffff}		/* popup for xslect/calendar/...*/
div.dataset .ds-radius {border-radius:4px;padding:8px}		/* make popup rounded */

div.dataset .icon-circled {background-color:#000; border: 5px solid #fff; border-radius: 50%; box-shadow: 0 0 3px #000; color: #fff; padding: 0.6em;}
div.dataset .icon-circled:before {transform:scale(2.2);}


a.ds-button {font-size:13px; min-width: 5.5em; line-height: 13px; background-color: #EEEEEE; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); border: 1px solid #AAAAAA; border-radius: 5px; text-decoration:none; color: #000000; display: inline-block; padding: 3px; text-align: center; -moz-user-select: none;}
a.ds-button:hover {background-image: linear-gradient(to bottom, #E6E6E6, #FFFFFF);}
a.ds-button .icon:before {font-size:14px;width:auto;line-height: inherit;}
a.ds-button.openclose {min-width:1.7em;margin-right:5px}

a.ds-button > div {display:inline-block;}
a.ds-button ~ a.ds-button {margin-left:5px}

/* html5 form validation for iOs */
form.invalid input:required:invalid, input.invalid { -webkit-appearance: none;box-shadow: 0 0 4px #f00;}
form.invalid input[type=checkbox]:required:invalid, input[type=checkbox].invalid { width:1.5em;}
form.invalid input:required:valid { box-shadow: none}

/* dataset list */
div.dataset div.ds-header {background-color: #ddd; font-weight: bolder; line-height: 30px; margin-bottom: 10px; padding: 0 5px;}
div.dataset div.ds-buttons {position:absolute;right:1em;top:0px;line-height:30px}
div.dataset ul.ds-list li.ds {float:left;}
div.dataset ul.ds-list ul.ds-line:after {display:block;clear:both;content:""}
div.dataset div.ds-list td.ds {border-color: #CCCCCC #FFFFFF;border-width: 1px 10px;padding:5px 0}
div.dataset div.ds-list tr td.ds:first-child {border-left: 0px;padding-left:5px}
div.dataset div.ds-list tr td.ds:last-child {border-right: 0px;padding-right:5px}
div.dataset div.ds-list .ds-head td.ds {border-color: #888888 #FFFFFF;}
div.dataset div.ds-list li.ds-pagination {text-align:right;color:#555;padding:5px;border:0;font-size:0.9em}

div.dataset table.ds-list > tbody > tr:hover {background-color:#eeeeee}
div.dataset table.ds-list td.ds.ds-button, li.ds.ds-button {text-align:right;padding:2px 1em 2px 2px !important;}
div.dataset table.ds-list tr.ds-pagination td {text-align:right;color:#555;padding:5px;border:0;font-size:0.9em}

div.dataset form.ds-filters {padding: 0.5em;background-color:#ececec;border-radius: 0.5em;margin-bottom: 1em;text-align:right}
div.dataset form.ds-filters ul.ds-filters {display:inline-block}
div.dataset form.ds-filters ul.ds-filters > li {float:left;margin-right:1em;line-height:1.8em}
div.dataset form.ds-filters input {font-size:1.1em;padding:0.1em;border: 0;}

/* dataset forms */
div.dataset div.ds-form {margin-top:10px;position:relative}
div.dataset div.ds-form-head {font-weight:bolder;padding:0 5px;line-height:30px;background-color:#ddd }
div.dataset div.ds-form-buttons {position:absolute;right:1em;top:0px;line-height:30px}
div.dataset div.ds-form-errors {margin:10px;padding:5px;color:#f55;border:1px solid #f55;border-radius:5px}
div.dataset div.ds-form-fields {}
div.dataset div.ds-form-fields div.ds-list {padding:10px 0;}

/* inside ds-fields */
div.dataset .ds-head {font-style:italic;color:#666666}
div.dataset td.ds, li.ds {padding:5px;}
div.dataset .ds.ds-val {min-height:2em}		/* for empty values */
div.dataset .ds-field-text {min-height: 1px;}	/* for empty values */

/* layout=table */
div.dataset table.ds-layout td {border:0;vertical-align:top}
div.dataset table.ds-layout li.ds-head {float:left;text-align:right;padding-right:10px}
div.dataset table.ds-layout li.ds-val {float:left;border-bottom:1px solid #AAA}
div.dataset table.ds-layout.ds-columns1 li.ds-head {width:16.7%}
div.dataset table.ds-layout.ds-columns1 li.ds-val {width:83.3%}
div.dataset table.ds-layout.ds-columns2 li.ds-head {width:33.3%}
div.dataset table.ds-layout.ds-columns2 li.ds-val {width:66.7%}
div.dataset table.ds-layout.ds-columns3 li.ds-val,table.ds-layout.ds-columns3 li.ds-head {width:50%}
div.dataset table.ds-layout.ds-columns2 td.ds-column {width:50%;float:none}
div.dataset table.ds-layout.ds-columns3 td.ds-column {width:33.333%}

/* dataset group and multiple fields */
/*div.dataset .ds-multiple ul.ds-upload {display:inline-block}
div.dataset ul.ds-group {display:inline-block}
div.dataset li.ds-group {float:left;padding-right:5px}
div.dataset li.ds-group-head {font-style:italic; color:#666;}
div.dataset ul.ds-control {float:left; vertical-align:top; padding-right:0.5em}
div.dataset li.ds-control {display:inline-block}
div.dataset li.ds-control .icon:before {margin:0}
div.dataset li.ds-multiple {border-bottom: 1px solid #ddd;margin-bottom:0.5em}
div.dataset li.ds-multiple:hover {background-color:#f4f4f4;}
*/
ul.ds-multiple > li > div {display: inline-block;}
ul.ds-multiple > li > div {padding:0 0.2em 0.5em 0;border-bottom:0px solid #999;white-space:nowrap;vertical-align:top}
ul.ds-multiple > li:last-child > div {border-bottom:0;}
ul.ds-multiple.ds-table {display: table; width:100%; border-collapse: collapse}
ul.ds-multiple.ds-table > li {display: table-row}
ul.ds-multiple.ds-table > li > div {display: table-cell; border-collapse: collapse}

/* xselect field */
div.ds-select {position:relative;width:120px}
div.ds-select i.icon {position:absolute;right:0em;cursor:pointer;pointer-events:none}
div.ds-select input {width:100%;font-family:inherit;font-size:inherit;padding:0 1.5em 0 4px;cursor:pointer}
div.ds-select ul.ds-options {min-width:100%;position:absolute;z-index:2;margin-top:-1px;background-color:#ffffff;border:1px solid #999999;box-shadow:2px 2px 2px #666}
div.ds-select li.ds-option {cursor:pointer;border-bottom:1px dashed #999999;padding:1px 6px;white-space: nowrap;}
div.ds-select li.ds-option.selected {font-weight:bolder}
div.ds-select li.ds-option:last-child {border-bottom:0px}
div.ds-select li.ds-option:hover {background-color:#dddddd}

/* upload field */
li.ds-upload {position:relative;float:left}
li.ds-upload div.ds-clickdrag {width:100%;height:100%;position:absolute;cursor:pointer;border:1px dashed #999;border-radius:5px;color:#999;font-size:25px;line-height:80px;text-align:center;}
li.ds-upload input {width:200px;height:80px;opacity:0.05;cursor:pointer}
li.ds-files {float:left}
li.ds-files span {display:inline-block;padding:0 1em;min-width:10em;}
li.ds-files span.ds-size {float:right}

/* field-date */
div.ds-field-date  {position:relative;width:120px}
div.ds-field-date i.icon {position:absolute;right:0em;cursor:pointer;pointer-events:none}

/* calendar field */
div.ds-calendar {width:180px;background-color:#fff;font-size:0.9em;border-radius:4px;position:relative}
div.ds-calendar ul.ds-head, div.ds-calendar ul.ds-body {width:100%;overflow:hidden;position:relative}
div.ds-calendar ul.ds-head {background-color: #222;color: #fff;font-style: normal;line-height: 2em;text-align: center;text-shadow: 1px 1px #000;font-weight: bolder;box-shadow: 1px 1px 2px #222;}
div.ds-calendar li.ds-cell {float:left;width:14.28%}
div.ds-calendar ul.ds-head li.ds-nav {width:10%;cursor:pointer}
div.ds-calendar ul.ds-head li.ds-name {width:60%}
div.ds-calendar ul.ds-body li span {text-align:center;display:block;margin:2px;line-height:1.4em}
div.ds-calendar ul.ds-body li span.ds-name {display:none;color:#999}
div.ds-calendar ul.ds-body li span.ds-day {background-color:#fff;border-radius:4px;cursor:pointer}
div.ds-calendar ul.ds-body li.ds-today span.ds-day {background-color:#ddd;}		/* note: today is before selected to be sure selected override today */
div.ds-calendar ul.ds-body li.disabled span.ds-day {color:#aaa}
div.ds-calendar ul.ds-body li.selected span.ds-day {background-color:#999;color:#fff}
div.ds-calendar ul.ds-body li span.ds-day:hover {background-color:#999;color:#fff}
div.ds-calendar ul.ds-body li.ds-week0 span.ds-name {display:block}

/* menu.parents and menu.children */
div.dataset ul.menu-parents, ul.menu-children {max-height:20em;overflow:auto}

/* redactor field */
#redactor-modal input {width:auto}
div.dataset div.ds-field-redactor {min-height:71px}					/* same height in view and edit mode*/
div.dataset div.ds-field-redactor .redactor-box {margin-bottom:0}		/* remove redactor margin-bottom */
div.dataset div.ds-field-redactor .redactor-editor {padding:0 5px}		/* override redactor css*/
div.dataset div.ds-field-textarearedactor .redactor-editor {padding:0 5px}		/* override redactor css*/
div.dataset .redactor_redactor-gallery ol {padding:0 !important}
div.dataset .type-gallery-redactor ol li, div.dataset .redactor_redactor-gallery ol li {position:relative;border: 1px solid #999;border-radius:5px;padding:5px;margin:0 0 5px 0;overflow:hidden}
/*div.dataset .redactor_redactor-gallery li:before {content:"m";position:absolute;left:-15px;top:5px}*/
div.dataset .type-gallery-redactor img, div.dataset .redactor_redactor-gallery img {max-width:100px;max-height:80px;display:block;float:left;margin:0 5px 0 0}
div.dataset div.ds-field-textarearedactor div.redactor-box {position:absolute;box-shadow:0 0 4px #999;margin-left:1.5em}

/* specific dataset */
div.dataset div.menu-parent {margin-top:1em}	/* dataset page -> hierarchy -> parents */
div.dataset.metaform-login {max-width:320px;margin:120px auto;padding:10px;border-radius:10px}
div.dataset.metaform-login div.ds-form {padding-bottom:10px}
div.dataset.metaform-login input {width:100px}
div.dataset.metaform-login div.ds-form-buttons{top:auto;bottom:10px;right:20%}

div.dataset .contentright img {width:100%} /*CG*/


/* gradient */
div.dataset .ds-gradient {
	background: #e2e2e2;
	background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe));
	background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
	background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
	background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
	background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
}
div.dataset .ds-gradient2 {background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-color:#e6e6e6}


/* new 2019 */
.ds-field-redactor img {max-width:100%}

.u-maxwidth-right.ds-field-redactor img {max-width:358px;display:block}