@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900|PT+Mono');

html
{
	font-size:15px;
}
body
{
	margin:0px;
	width:100%;
	height:100%;

	background-color:white;

	font-family:'Lato',sans-serif;
	color:#101010;
	
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body *
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
body a
{
	color:#888888;
	text-decoration:none;
}

body a:hover
{
	/*color:black;*/
	text-decoration:underline;
}
.is-hidden
{
	display:none !important;
}
.clear
{
/* 
	position:relative;
	clear:both;
	font-size:0px;
	line-height:0px;
	height:1px;
 */
}

.clear:after
{
	content:'';
	display:table;
	clear:both;
}


.default
{
	/* font-family:verdana,sans-serif; */
	/*font-family:'Lucida Grande','Trebuchet MS',sans-serif;*/
	font-size:1rem;
	color:#101010;
}

.small
{
	font-family:'PT Mono', monospace;
	font-size:10px;
	/* font-family:monaco,verdana; */
	/* font-size:9px; */
}

.dimmed
{
	color:#aaaaaa;
}

.centered
{
	text-align:center;
}

.item-dimmed
{
	color:#808080;
}
.ok
{
	color:rgb(87,158,87) !important;
}
.warning
{
	color:#cc0000 !important;
	font-style:italic;
}
.warning svg.icon.arrow path
{
	fill:#cc0000 !important;
}
.clickable
{
	cursor:pointer;
}

svg.icon.arrow
{
	vertical-align:middle;
	margin:0 5px;
}
.page-guide
{
	margin-bottom:16px;
}
.guide > svg.icon.arrow:first-child
{
	margin-left:0;
}
svg.icon.arrow path
{
	fill:#333;
}
.item-dimmed svg.icon.arrow path
{
	fill:#808080;
}
.item-dimmed .tag-media
{
	opacity:.5;
}


/*	fixes for firefox line-height inconsistency */
@-moz-document url-prefix()
{ 
	/* .button { line-height:22px } */
	/* .button:not(.icon) { padding-top:2px } */
	/* .button.small { padding-top:1px } */
}








textarea.input-text.default
{
	margin:2px 0;
	min-height:66px;
	min-width:600px;
	max-width:600px;
}







/* header */

#header
{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	
	display:flex;
	justify-content:space-between;
		
	padding:10px 16px 0 16px;
	line-height:28px;
	
	/* background:black url(../media/bg_header.png) repeat-x; */
	
	background-color:black;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.24) 0%, rgba(255,255,255,.14) 100%);
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.24) 0%,rgba(255,255,255,.14) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,.24) 0%,rgba(255,255,255,.14) 100%);
	
	color:rgb(125,125,125);
	
	z-index:1000;
}
#cms-logo
{
	padding-left:6px;
	cursor:pointer;
}

#header .arrow
{
	/* min-width:12px; */
	margin-right:10px;
	margin:4px 10px 0 0;
}
#header .arrow path,
#login .arrow path
{
	fill:rgb(125,125,125);
}
#login.fail .arrow path
{
	fill:rgb(125,125,125);
}


.header-label
{
	/* font-family: 'PT mono'; */
	font-size:15px;
	/* font-weight:700; */
}



#header .page-width
{
	flex-grow:2;
	max-width:calc(1200px - 30px - 16px);
}
#header .page-width > div
{
	display:flex;
	float:left;
	margin:0 0 10px 10px;
	position:relative;
}
#header .header-label:first-child
{
	margin-left:0;
}
#header .user
{
	padding-left:20px;
	white-space:nowrap;
}
#header .white
{
	color:white;
}

/* 
#header .header-input
{
	margin-top:1px;
	padding:0px;
	min-height:15px;
}
 */

#header select,
#header button
{
	height:28px;
	margin:0;
	padding:3px 10px;

	background-color:transparent;
	color:white;
	
	border:1px solid black;
	font-size:14px;
	
	cursor:pointer;
}
#header select:focus
{
	background-color:#161616;
}
#header button
{
	background-color:rgba(0,0,0,.35);
}
#header button:hover,
#header div.select:hover
{
	background-color:rgba(0,0,0,.8);
}
#header .button.add,
#header .button.light
{
	border:1px solid #e5e5e5;
	background-color:rgba(255,255,255,.92);
	color:#333;
}
#header .button.add:hover,
#header .button.light:hover
{
	background-color:rgba(255,255,255,1);
}

#header div.select
{
	border-radius:6px;
	background-color:rgba(0,0,0,.35);
}
#header select
{
	padding:2px 25px 2px 8px;
	height:28px;
}
/* 
#header select + .expand
{
	position: absolute;
	right: 7px;
	top: 5px;
	pointer-events:none;
}
 */
#header select + .expand polygon
{
	fill:rgba(255,255,255,.7);
}
#header input
{
	height:28px;
	margin:0;
}

#header .section-select
{
	max-width:220px;
}



#header #search
{
	float:right;
}
#header #search .icon
{
	position:absolute;
	top:-1px;
	right:0;
}
#search .icon
{
	display:none;
	cursor:pointer;
}
#search.active .icon.reset,
#search:not(.active) .icon.search-icon
{
	display:block;
}
#header #search .icon.reset
{
	top:4px;
	right:5px;
}



#navigation
{
	float:right;
	margin-bottom:10px;
	display:flex;
	/* height:50px; */
}
#navigation button,
#positioning button
{
	background-color:rgba(0,0,0,.025);
	border-color:rgba(0,0,0,.2);
	margin:0 10px;
	min-width:0;
	width:40px;
}
#positioning button
{
	margin:0 10px 0 0;
	width:auto;
}
#positioning button.transparent
{
	background-color:transparent;
}
#navigation button:before
{
	left:14px;
}
#navigation div.select
{
	background-color:rgba(0,0,0,.025);
	border-radius:6px;
}
#navigation select
{
	border-color:rgba(0,0,0,.2);
	margin:0;
	height:28px;
	font-size:14px;
}
#navigation button:not(:disabled):hover,
#positioning button:not(:disabled):hover,
#navigation div.select:not(:disabled):hover
{
	border-color:rgba(0,0,0,.3);
	background-color:rgba(0,0,0,.05);	
}

#navigation select + .expand path
{
	fill:transparent;
	/* fill:rgba(255,255,255,.7); */
}


#positioning
{
	float:left;
	margin-bottom:10px;
}


.list
{
	position:relative;
	padding-top:10px;
	margin:0 -8px;
	clear:both;
}

#item,
#importing,
.page
{
	padding:80px 32px;
	max-width:1400px;
	max-width:1200px;
}

#item > em
{
	display:block;
	margin-top:10px;
}


.item-table td
{
	vertical-align:top;
}
.label-td
{
	padding:7px 3px 0px 0px;
	text-align:right;
}

#item-online
{
	position:absolute;
	right:0;
	top:0;
	border-radius:3px;
}
#item-online label
{
	margin:8px 16px;
	color:white;
}

#section_list
{
	padding:5px 10px 24px 24px;
}









#footer
{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	padding:12px 30px 0 30px;
	border-top: 1px solid #e5e5e5;
	background-color: #f2f2f2;
	box-shadow: 0 -10px 25px rgba(255,255,255,.7);

	line-height:28px;
}
#footer .page-width
{
	width:100%;
	max-width:calc(1200px - 60px);
}
#footer .page-width > div
{
	margin:0 10px 12px 0;
	float:left;
	vertical-align:middle;
}
#footer button
{
	float:left;
	margin:0 10px 0 0;
}
#footer button:last-child
{
	margin:0;
}
#footer button .online
{
	color: rgb(87,158,87);
}
#footer button .offline
{
	color: rgb(204,108,108);
}

#footer .submit
{
	margin-right:0 !important;
	float:right !important;
}




#meta
{
	position:relative;
	margin-bottom:25px;
}
.meta
{
/* 
	width:650px;
	min-height:10px;
	background-color:rgb(235,235,235);
	padding:8px 4px;
	border:1px solid rgb(220,220,220);
 */
}

#item_online
{
	width:108px;
	height:25px;
	float:right;
	padding:3px 0px 0px 2px;
	cursor:pointer;
}
div.online
{
	background-color:rgb(87,158,87);
}
div.offline
{
	background-color:rgb(204,108,108);
}
#tabs_header,
.area-header
{
	height:15px;
	padding-left:10px;
}

#tabs
{
	position:relative;
	height:auto;
	background-color:rgb(235,235,235);
	padding:8px 4px 12px 4px;
	border:1px solid rgb(220,220,220);
}
.tab
{
	height:0px;
	overflow:hidden;
	visibility:hidden;
}

/* 
.tab-selected
{
	padding:1px 5px 4px 5px;
	background-color:rgb(235,235,235);
	border:1px solid rgb(220,220,220);
	border-bottom:0px;
}
 */

.preview
{
	margin:0 0 16px 16px;
}




.short
{
	width:600px;
	height:50px;
	resize: none;
}


/*	ckeditor
*/

.cke_button_label.cke_button__cms_inline_media_label
{
	display:inline-block;
}
.cke_button__cms_inline_media_icon
{
    background: url('../includes/ckeditor/plugins/icons.png') no-repeat scroll 0 -360px rgba(0, 0, 0, 0) !important;
}
.cke_hidpi .cke_button__cms_inline_media_icon
{
    background: url('../includes/ckeditor/plugins/icons_hidpi.png') no-repeat scroll 0 -360px / 16px auto rgba(0, 0, 0, 0) !important;
}


.form-table
{
	width:520px;
	margin:2px;
	background-color:white;

}

.manage-media
{
	position:relative;
	float:left;
	width:120px;
	height:138px;
	margin:0 20px 30px 0;
}
.manage-media > .small
{
	display:block;
	clear:left;
	padding-top:6px;
}
.manage-media .count
{
	position:absolute;
	left:5px;
	bottom:0px;	
}

.attached-media,
.attached-header-media
{
	position:relative;
	float:left;
	min-width:5px;
	min-height:5px;
	width:120px;
	height:120px;
	margin:0 6px 10px 6px;
	background:#f5f5f5 none no-repeat 50% 100%;
	background-size:contain;
}
.attached-media:hover,
.attached-header-media:hover
{
	background-color:#e9e9e9;
}
.attached .image
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:transparent none no-repeat 50% 100%;
	background-size:contain;
}
.attached .edit,
.related .edit
{
	position:absolute;
	bottom:0;
	display:none;
}
.attached-media .edit
{
	left:0;
	bottom:5px;
	width:100%;
	text-align:center;
}
.attached:hover .edit,
.related:hover .edit
{
	display:block;
}
.attached .edit button,
.related button
{
	height:22px;
	font-size:12px;
	padding:0 8px;
	min-width:0;
	margin:0 2px;
}
.attached .edit button:hover:not(.disabled):not(:disabled)
{
	background-color:#eee;
	border-color:#999;
}


.attached-media.browse
{
	margin:0 8px 10px 8px;
}
.attached-media.browse:hover
{
	background-color:dcdcdc;
}
.attached-media img,
.attached-media input,
.attached-media select
{
	position:absolute;
	max-width:120px;
	max-height:120px;
}
.attached-media.browse input[type=button]
{
	top:5px;
	right:5px;
	width:50px;
	display:none;
}
.attached-media.browse:hover input[type=button]
{
	display:block;
}

.medium-select
{
	position:absolute;
	left:5px;
	top:5px;
	border:0px;
}

.attached-files,
.related
{
	position:relative;
	padding:0px 6px;
	line-height:29px;
 	border-bottom:1px solid #e5e5e5;;
}
.attached-files:nth-child(odd),
.related:nth-child(odd)
{
	background-color:rgba(0,0,0,.015);
}
.attached-files:hover,
.related:hover
{
	background-color: rgba(0,0,0,.045);
}
.attached-files .edit,
.related .edit
{
	right:0;
	width:auto;
	text-align:right;
}
.attached-files .edit button
{
	margin:0 2px;
}
.attached-files img
{
	float:left;
	vertical-align:text-bottom;
	height:24px;
	margin-right:6px;
	margin-top:2px;
}

.related .item-id
{
	margin-right:10px;
}
.related .small
{
	line-height:1;
}
.related .item-id.float-left
{
	float:left;
	padding-top:12px;
}
.related input[type="text"]
{
	display:inline-block;
	width:75px;
	margin:0 2px;
	height:24px;
	text-align:right;
}
.related .thumb
{
	display:inline-block;
	margin:4px 8px 4px 0;
  width: 80px;
  height: 80px;
  background:transparent none no-repeat center;
  background-size:contain;
}

.related-highlights .related
{
	display:flex;
	align-items: center;
}
.related-highlights .edit
{
	right:5px;
	bottom:5px;
}

/*	related items list
*/

.related-items
{
	width:595px;
	margin-bottom:4px;
	padding:5px 5px 26px 5px;
	background-color:white;
}
.related-items > .button.select
{
	float:right;
	margin-top:3px;
}
.related-list
{
	min-height:23px;
}
.related-list > .related
{
	position:relative;
	height:21px;
	padding-top:2px;
	padding-right:3px;
}
.related-list > .related:hover
{
	background-color:#efefef;
}
.related-list > .related > .title
{
	float:left;
	padding-left:3px;
}
.related-list > .related > .manage
{
	float:right;
	display:none;
}
.related-list > .related:hover > .manage
{
	display:block;
}
.related-list > .related > .manage > .button
{
	font-size:10px;
	margin-left:5px;
}

.item-module,
#header-media,
#datetime,
#location,
#media,
#files,
#data,
#area
{
	margin-top:20px;
	position:relative;
	background-color:rgb(235,235,235);
	padding:6px 4px 8px 4px;
	border:1px solid rgb(220,220,220);
}

.item-module,
#area
{
	margin-top:0px;
}

#location,
#datetime
{
	margin-top:0px;
	margin-bottom:30px;
}

.highlights
{
	position:relative;

	margin-top:5px;
	margin-bottom:20px;

	background-color:rgb(235,235,235);
	padding:4px;
	padding-top:8px;
	border:1px solid rgb(220,220,220);
}

#dbtable
{
	background-color:#bebebe;
}
#dbtable tr
{
	background-color:white;
}



.list-table
{
	table-layout:fixed;
	width:100%;
}
.list-table tr
{
	line-height:29px;
}
.list-table.test tr
{
	line-height:20px;
}
.list-table .ui-sortable tr
{
	cursor:move;
}
.list-table tr:nth-child(odd) > td
{
	background-color:rgba(0,0,0,.015);
}
.list-table tr:hover > td
{
	background-color:rgba(0,0,0,.045);
}


.list-table th
{
	padding:0 5px;
	text-align:left;
	font-weight:400;
	font-size:14px;
	color:#a0a0a0;
	border-bottom: 1px solid #e5e5e5;
}
.list-table .nowrap
{
	white-space:nowrap;
}
.list-table th.sort
{
	width:32px;
}
.list-table th.select
{
	width:22px;
}
.list-table th.id
{
	width:40px;
}
.list-table th.section-id
{
	width:60px;
}
.list-table th.section-name
{
	width:140px;
}
.list-table th.order
{
	width:30px;
	white-space: nowrap;
}
.list-table th.online
{
	width:14px;
}
.list-table th.date
{
	width:70px;
}
.list-table th.edit
{
	width:92px;
}
.list-table th.edit.copy
{
	width:184px;
}
.list-table th.restrictions
{
	width:170px;
}
.list-table th.order-number
{
	width:102px;
}
.list-table th.order-date
{
	width:130px;
}
.list-table th.order-tracking
{
	width:200px;
}
.list-table th.order-tickets
{
	width:70px;
}
.list-table th.order-status,
.list-table th.order-amount
{
	width:90px;
}
.list-table th.shop-price,
.list-table th.shop-stock
{
	width:100px;
}
.list-table th.shop-shipping
{
	width:160px;
}



.list-table th .small,
.list-table td .small:not(.row)
{
	line-height:1;
}

.list-table td
{
	vertical-align:top;
	padding:0 5px;
	border-bottom: 1px solid #e5e5e5;
}
.list-table td.center
{
	text-align:center;
}
.list-table .right
{
	text-align:right;
	padding-right:10px;
}
.list-table td.middle
{
	vertical-align:middle;
}
.list-table td.online
{
	color:rgb(87,158,87);
	padding:0;
}
.list-table td.small
{
	padding-top:4px;
	line-height:26px;
}
.list-table .ui-sortable-helper td:first-child
{
	font-size:14px;
}
.list-table td.ellipsis,
span.ellipsis
{
	white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}


.list-table input[type="checkbox"]
{
	margin:2px 0;
	vertical-align:middle;
}
.list-table td .tag-media
{
	margin:1px 5px 0 0;
	float:left;
	width:28px;
	height:28px;
	background:transparent none no-repeat 50% 100%;
	background-size:contain;
}
.list-table td .tag-media.large
{
	width:56px;
	height:56px;
	object-fit:cover;
}
.list-table td .file-icon 
{
	margin:3px 6px 0 0;
	float:left;
	height:24px;	
}

.list-table.test th
{
	color:#101010;
	padding-right:12px;
}
.list-table.test th .small
{
	display:block;
	margin-bottom:8px;
}
.list-table.test tbody td:not(:last-child)
{
	border-right:1px solid #e5e5e5;
}


/* 
.list-table .index
{
	display:inline-block;
	background-color:rgba(0,0,0,.4);
	color:white;
	border-radius:50%;
	width:16px;
	height:16px;
	text-align:center;
	
}
 */


/* 
.list-row
{
	background-color:#efefef;
}
.list-row-alt
{
	background-color:white;
}
 */
.list-table .label-td
{
	vertical-align:top;
}



.list-table .sortable
{
	cursor:pointer;
}
.list-table .sortable:hover
{
	color:#333;
}
.list-table-sort
{
	padding:0px 2px 2px 2px;
}

.list-table td > .button,
.button.inline
{
	margin:3px 0;
	height:24px;
	line-height:16px;
}



.tag
{
	float:left;
	width:165px;

}
.item-table .tag
{
	width:180px;
}


/*	upload progress display */

#upload-progress,
#footer.upload button
{
	display:none;
}
#upload-progress > div
{
	float:left;
}
#upload-progress > .progress
{
	margin:9px 0 0 10px;
	width:130px;
	height:10px;
	border:1px solid #282828;
	border-radius:10px;
}
#upload-progress > .progress > div
{
	width:0;
	height:8px;
	
	background: rgb(76,76,76);
	background: -moz-linear-gradient(top,  rgb(76,76,76) 0%, rgb(40,40,40) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(76,76,76)), color-stop(100%,rgb(40,40,40)));
	background: -webkit-linear-gradient(top,  rgb(76,76,76) 0%,rgb(40,40,40) 100%);
	background: -o-linear-gradient(top,  rgb(76,76,76) 0%,rgb(40,40,40) 100%);
	background: -ms-linear-gradient(top,  rgb(76,76,76) 0%,rgb(40,40,40) 100%);
	background: linear-gradient(top,  rgb(76,76,76) 0%,rgb(40,40,40) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#282828',GradientType=0 );
}

#upload-progress > .display
{
	font-family:'PT Mono', monospace;
	font-size:12px;
}

#upload-progress > .display > img
{
	float:left;
	margin:6px 5px 0 0;
}
#footer.upload #upload-progress
{
	display:block;
}


/*	item-tabs (generic implementation, release 2.7.5) */

.item-tabs
{
	position:relative;
}

.item-tabs > ul.tabs
{
	position:relative;
	height:22px;
	margin:0;
	padding:0;

	list-style:none outside none;
}
.item-tabs > ul.tabs > li
{
	position:relative;
	float:left;
	display:block;

	margin:0px 2px 0 0;
	height:22px;
	padding:0;
	
	border:1px solid transparent;
	border-bottom-width:0;
	border-radius:4px 4px 0 0;
}
.item-tabs > ul.tabs > li > a
{
	display:block;
	min-width:50px;
	padding:0 6px;

	line-height:22px;
	text-align:center;
}
.item-tabs > ul.tabs > li > a:hover
{
	text-decoration:none;
}
.item-tabs > ul.tabs > li:hover
{
	border-color:#dcdcdc;
}
.item-tabs > ul.tabs > li.selected
{
	border-color:#dcdcdc;
	background-color:#ebebeb;
}
.item-tabs > ul.tabs > li.selected > a
{
	color:black;
}
.item-tabs > .body
{
	background-color:#ebebeb;
	min-height:20px;
	padding:6px 4px 8px 4px;

	border:1px solid #dcdcdc;
}
.item-tabs > .body > .tab
{
	display:none;
	height:auto;
	visibility:visible;
	overflow:visble;
}
.item-tabs > .body > .tab.selected
{
	display:block;
}
.item-tabs > .footer
{
	padding:5px;
	min-height:19px;
}
.item-tabs > .footer .button
{
	float:right;
	margin-left:5px;
}

#item-id
{
	position:absolute;
	right:6px;
	top:6px;
}

/*	2.9.7 base style (prepare for 3.0 restyling)
*/

table.edit,
table.list
{
	border:none;
	border-spacing:0;
}
table.edit th
{
	text-align:left;
	font-weight:normal;
	padding:0 4px;
}
table.edit td
{
	padding:4px;
	line-height:20px;
}
table.edit td.label
{
	text-align:right;
}
table.edit td.top
{
	vertical-align:top;
}
table.edit td.alt
{
	background-color: rgba(0, 0, 0, 0.067);
}
table.edit td:first-child
{
	width:60px;
	text-align:right;
}
table.edit.l100 td:first-child
{
	width:100px;
}
table.edit.l125 td:first-child
{
	width:125px;
}
table.edit td hr
{
	border:none;
	border-top:1px solid #b4b4b4;
	margin:5px 0;
}

table.edit input,
table.edit select
{
	vertical-align:middle;
}

table.edit input[type=text],
table.edit input[type=password],
table.edit select
{
	width:150px;
}

table.edit input[type=radio],
table.edit input[type=checkbox]
{
	
	margin:0 5px;
}
table.edit input[type=radio]:first-child,
table.edit input[type=checkbox]:first-child
{
	margin-left:0;
}

table.list
{
	border:1px solid #DCDCDC;
}
table.list.white
{
	background-color:white;
}
table.list tr,
table.list td
{
	background-color:transparent;
}
table.list tr.dimm td
{
	color:#777777 !important;
}


table.list td:first-child
{
	text-align:left;
}
table.list tr:nth-child(2n) > td
{
	background-color:rgba(0,0,0,.065);
}
table.list tr:hover > td
{
	background-color:rgba(0,0,0,.13);
}

table.user td:first-child
{
	width:100px;
}
table.user.list td:first-child
{	
	width:auto;
	white-space:nowrap;
}





/* forms */

form
{
	/* margin:70px 45px 100px 45px; */
}
form .section
{
	position:relative;
	margin-bottom:48px;
	padding:0 16px;
	
	/* background-color:rgba(250,0,0,.1); */
}
/* 
form .section:last-child
{
	margin-bottom:350px;
}
 */
form .section > .header
{
	margin:0 -16px;
	padding:16px 0 10px 0;

	font-size:17px;
	font-weight:700;
}
form .section:not(:first-child) > .header
{
	border-top:1px solid rgba(0,0,0,.3);
	/* border-top:1px solid #e5e5e5; */
}
form .section.first > .header
{
	border-top:none;
}
form .section.collapsible > .header
{
	cursor:pointer;
	user-select:none;
}
form .section.collapsible > .header:after
{
	content:url(../media/expand.svg);
	position:absolute;
	margin-top:2px;
	transform-origin:50% 40%;
	transition:transform .2s ease 0s;
}
form .section.collapsible > section
{
	display:grid;
  grid-template-rows:1fr;
  transition:all .2s ease 0s;
}
form .section.collapsible > section > div
{
	overflow:hidden;
}
form .section.collapsible.collapsed > section
{
	grid-template-rows:0fr;
	margin-bottom:-40px;
}
form .section.collapsible.collapsed > .header:after
{
	transform:rotate(-90deg);
}
form .section > .guide,
form .section > section > div > .guide, /* in collapsible sections */
.page-guide
{
	color:#808080;
}
form .section.login
{
	margin-left:auto;
	margin-right:auto;
	width:420px;
	max-width:100%;
}
.form.section.color:last-of-type
{
	margin-bottom:200px;
}

#item-info + .guide
{
	margin-top:5px;
}


.inputs
{
	margin-top:16px;
	padding:16px;
	/* background-color:#fcfcfc; */
	background-color:#f8f8f8;
	
	border:1px solid #e5e5e5;
	border-radius:3px;
}
.inputs:empty
{
	display:none;
}
label:not(.row):not(.guide),
.label
{
	display:block;
	position:relative;
	
	margin-top:20px;
	font-size:14px;
	line-height:20px;
	
	color:#202020;
}
label.cke_dialog_ui_labeled_label
{
	margin-top:0 !important;
}
/* 
.header + label:not(.row):not(.guide),
.header + .label
 */
.inputs > label:first-child,
.inputs > .label:first-child,
.inputs > div:first-child > label.columns
{
	margin-top:0px;
}
label.columns
{
	display:inline-block !important;
	vertical-align: top;
}
label.columns:first-child
{
	margin-left:0 !important;
}
label.columns:last-child
{
	float:right;
}
label.columns.two
{
	width:calc(50% - 8px);
}
label.columns.three
{
	margin-left:16px;
	width:calc((100%/3) - (32px / 3));
}
label.columns.four
{
	margin-left:16px;
	width:calc((100%/4) - (48px / 4));
}
label.columns input
{
	margin-bottom:0;
}
label.columns input + em.guide
{
	margin-top:6px;
}

label.two-column
{
	width:48%;
	display:inline-block !important;
}
label.two-column.right
{
	float:right;
}
label .locked
{
	position:absolute;
	right:12px;
	top:33px;
}
label .caption.error,
.label .caption.error
{
	font-size:13px;
	line-height:19px;
	color:#e4002d;
}
label section
{
	margin-left:7px;
	color:#606060;
	font-weight:300;
}
label .guide,
div.label .guide
{
	display:block;
	clear:both;
	margin:-1px 0 0 7px;
	/* color:#999; */
	color:#606060;
	font-style:normal;
	font-weight:300;
}
label .caption.error + .guide,
.label .caption.error + .guide
{
	display:none;
}
div.Tokenize + .guide
{
	margin-top:6px;
}


.guide > a
{
	color:#0065b7;
	cursor:pointer;
}
.guide > a:hover
{
	color:#003f72;
}

/* 
.action + .guide
{
	float:left;
}
 */


div.check
{
	line-height:24px;
}
div.check label span
{
	vertical-align:middle;
	line-height:12px;
}
div.check.group
{
	height:auto;
	/* line-height:1rem; */
}
div.check input[type=checkbox],
div.check input[type=radio]
{
	margin-top:7px;
}
div.check label,
div.slider label
{
	display:block;
	position:relative;
}

div.check.tags .row
{
	float:left;
	width:25%;
}

div.check label.input,
div.check select
{
	margin-left:24px !important;
	width:calc(100% - 24px);
		
}
.row > .check
{
	margin-left:25px;
	width:calc(100% - 25px);
}


.tabs-header
{
	position:relative;
	margin:16px 0 -12px 0;
	width:100%;
	text-align:center;
}
.tabs-header a,
.tabs-header span
{
	display:inline-block;
	padding:2px 10px;
	background-color:white;
	border:1px solid #ccc;
	border-right-width:0;
	text-decoration:none !important;
}

.tabs-header *:first-child
{
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;

}
.tabs-header *:last-child
{
	border-right-width:1px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
}
.tabs-header a:hover
{
	background-color:#f2f2f2;
}
.tabs-header .tab-selected
{
	background-color:#dfdfdf;
}
.tabs-header a + *,
.tabs-header span + *
{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.tabs-header ~ .tab label:last-child
{
	margin-bottom:20px;
}
label > .cke_chrome
{
	margin:4px 0 20px 0;
}

.tab
{
	padding:0 16px;
	/* background-color:#fcfcfc; */
	background-color:#f8f8f8;
	border:1px solid #e5e5e5;
	border-radius:3px;
}
.tab input,
.tab textarea
{
	background-color:white;
}

/*	form fields */

input[type=text],
input[type=password],
input[type=file],
input[type=submit],
input[type=button],
input[type=number],
div.check,
div.drop,
textarea,
select,
button,
label.input, /* for file inputs */
.cke_textarea_inline
{
	position:relative;
	display:block;
	
	height:30px;
	width:100%;
	/* max-width:1180px; */
	border:1px solid #e5e5e5;
	border-radius:3px;
	padding:3px 6px;
	margin:4px 0 6px 0;
	/* background-color:#fcfcfc; */
	background-color:white;

	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	
	font-family:'Lato',sans-serif;
	font-size:15px;
	
	color:#101010;
	outline:none;
}
.cke_textarea_inline
{
	min-height:30px;
	height:auto;
}
textarea[name*="caption"] + .cke_textarea_inline > p
{
	margin:0;
}
div.check
{
	padding:2px 6px;
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=file]:disabled,
input.transparent,
textarea.transparent
{
	background-color:transparent;
}
input[readonly],
textarea[readonly]
{
	background-color:#fbfbfb;
}
input[type=file].inputfile
{
	margin:0;
	padding:0;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
label.input
{
	margin:4px 0 6px 0 !important;
	font-size:15px !important;
}
label.input span.active
{
	color:#101010;
}
label.input span
{
	display:block;
}
label.input .thumb
{
	display:inline-block;
	width:50px;
	height:50px;
	object-fit:contain;
	margin:5px 5px 0 0;
}
input[type=checkbox],
input[type=radio]
{
	margin:4px 8px 0 4px;
	display:inline-block;
	vertical-align:top;
}
div.select
{
	position:relative;
	/* background-color:#fcfcfc; */
	background-color:white;
	border-radius:6px;
}
select
{
	padding-right:25px;
	background-color:transparent;
}
select.cke_dialog_ui_input_select
{
	margin:4px 0 6px 0 !important;
	-webkit-appearance:menulist;
	-moz-appearance:menulist;
	-ms-appearance:menulist;
}
select:disabled
{
	background-color:#f8f8f8;
}
div.select.disabled
{
	background-color:transparent !important;
	opacity:.6;
}
select::-ms-expand
{
    display: none;
}
select + .expand
{
	position: absolute;
	right: 7px;
	top: 5px;
	pointer-events:none;
}

div.check,
div.drop
{
	height:auto;
}
div.drop
{
	padding:10px 10px 40px 10px;
}
div.drop.list-only
{
	padding-bottom:16px;
}
div.drop .manage
{
	position:absolute;
	right:10px;
	bottom:0px;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus,
div.check.focus,
div.Tokenize ul.TokensContainer.Focused,
div.drop.focus,
label.input:hover
{
	border-color:rgba(0,0,0,.6);
	border-color:#646464;
}
input[type=text].error,
input[type=password].error,
textarea.error,
select.error,
div.slider.error,
div.map.error
{
	color:#e4002d;
	border-color:#e4002d;
}

.color-picker
{
	margin-top:-1px;
	font-size: 26px;
	box-shadow: 1px 5px 10px rgba(0,0,0,.3) !important;
}
.color-picker > div
{
	border-color:#646464 !important;
}


.button
{	
	display:inline-block;
	position:relative;
	height:28px;
	min-width:80px;
	width:auto;
	/* padding:2px 12px 1px 12px; */
	padding:0 12px;
	
	
	border:1px solid rgba(0,0,0,.2);
	border-radius:6px;
	
	/* background-color:#fcfcfc; */
	background-color:white;
	
    color:#333;
    font-size:14px;
    text-decoration:none;
    text-align:center;
    white-space:nowrap;
    
    cursor:pointer;
}
.button.small
{
    font-size:12px;
    line-height:14px;
    height:20px;
    min-width:60px;
    padding:2px 10px 0 10px;
}
.button:hover:not(.disabled):not(:disabled)
{
 	border-color:rgba(0,0,0,.3);
	background-color:rgba(0,0,0,.05);
}
.button.negative
{
	color:white;
	background-color:rgba(0,0,0,.7);
	border-color:black;
}
a.cke_dialog_ui_button_ok
{
	background-color:rgba(0,0,0,.7) !important;
	border-color:black !important;
}


.button.negative:hover:not(.disabled)
{ 
	background-color:rgba(0,0,0,.9);
/* 
	border-color:white;
	background-color:rgba(255,255,255,.1);
 */
}
.button.transparent
{
	background-color:transparent;
}
.button.disabled,
button:disabled
{
	background-color:transparent !important;
	opacity:.6;
}
.button.transparent,
.button.light,
.button.disabled
{
	color:#404040;
}
.button.transparent:hover:not(.disabled),
.button.light:hover:not(.disabled)
{
	border-color:rgba(0,0,0,.5);
}
.button.transparent:hover:not(.disabled)
{
	background-color:rgba(0,0,0,.03);
}
.button.light
{
	background-color:rgba(0,0,0,.1);
}
.button.light:hover:not(.disabled)
{
	background-color:rgba(0,0,0,.2);
}
.button > .spinner
{
	display:inline-block;
	margin-left:6px;
	margin:-2px -6px 0 6px;
	vertical-align:middle;
}
.button.icon
{
	/* line-height:1; */
	padding-left:25px !important;
}
.button.icon:before
{	
	position:absolute;
	left:10px;
	top:4px;
}

.button.add:before
{
	content:url(../media/plus-black.svg);
}
.button.loading:before
{
	content:url(../media/loading.svg);
	top:5px;
	left:5px;
}
.button.back:before,
.button.prev:before
{
	content:url(../media/arrow-left-black.svg);
}
.button.next:before
{
	content:url(../media/arrow-right-black.svg);
}

.button.approve:before,
.button.verify:before
{
	content:url(../media/checkmark-black.svg);
}

.modal
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(10,10,10,.5);
	display:flex;
	justify-content:center;
	align-items: center;

	z-index:1100;
}
.modal iframe
{
	margin:24px;
	max-height:calc(100% - 48px);
	box-shadow:0 1px 15px rgba(0,0,0,.2);
}