html, body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
body{
	overflow-anchor: none;
}
input.form-control, select.form-control, textarea.form-control, .form-control input{
	font-size:16px;
}
th.sortable-column{
	overflow-x:hidden;
	resize:horizontal;
	white-space: nowrap;
}
.sticky-first-column{
	border:1px solid #ddd;
}
.sticky-first-column .table{
	margin-bottom:0px;
}
.sticky-first-column tr{
	background:white;
}
.sticky-first-column th:first-child, .sticky-first-column td:first-child{
	max-width: 60vw;
	position:sticky;
	left:0px;
	background:inherit;
	border-right:solid 1px #ddd;
	display:block;
	border-width:1px;
	overflow:hidden;
}
.table-striped tbody tr{
	background:white;
}
.tab-box{
	background:white;
}
.resource-sets-note{
	font-size:0.8em;
	color:#666;
	display:block;
}
a.popup-enabled.last-used{
	border: solid 2px orange;
    padding: 3px;
    margin: -1px;
    border-radius: 5px;
}

input.with-counts, textarea.with-counts{
	padding-right:45px;
}
.input-group .badge{
	position:absolute;
	top:8px;
	right:8px;
	z-index:500;
	background:#0A0;
}
.input-group.with-link .badge{
	right:50px;
}
.input-group .badge.over{
	background:#D00;
}
.input-group .badge.under{
	background:#D90;
}

.nav-tabs,
.nav-pills {
  position: relative;
}
.server-status p{
	margin:0px;
}
.server-status .progress{
	margin-bottom:10px;
}

.tab-box .table tr td{
	border-top:none;
}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

body{
	padding-top:52px;
}

a{text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none}

.filterable, .filterable ul{
	list-style:none;
	padding:0;
	margin:0;
}

.alert-container{
	margin-bottom: 10px;
}
.central-alert{
	padding:10px;
	text-align:center;
	margin-bottom:3px;
}
.central-alert > div{
	margin:auto;
	display: inline-block;
	text-align:left;
}
.central-alert a{
	white-space: nowrap;
}

.editable-tools .autocomplete-wrapper{
	display: inline-block;
}

.filterable a, .filterable .title{
	display:block;
	background:#CCC;
	width:100%;
	line-height:20px;
	font-size:14px;
	padding:5px 10px;
	border-bottom:solid 1px #999;
	color:#000;
	text-decoration:none;
}

.filterable li li a{
	background:#EEE;
	padding:5px 20px;
}

.navbar-form .col-sm-3{
	padding-right:0px;
}

.navbar-form .form-control{
	max-width:100%;
}

.header{background:#666;display:block;padding:5px;position:fixed;top:0px;left:0px;width:100%;z-index:8000}
.statistics{background:#999999;color:#fff;position:absolute;right:0px;bottom:-25px;height:25px;line-height:25px;padding:0px 10px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;z-index:1000}
.statistics span{padding:0px 10px;}

.fancybox-inner .header{
	display:none;
}

.fancybox-inner .editable-block .editable-add-new{
	display:none;
}

.fancybox-inner .editable-block ul{
	overflow:auto;
	max-height:215px;
}

.in-iframe .header{
	display:none;
}

.header .relocated-save{
	float:right;
	margin-right:10px;
}

.editable-block-group h1{
	display:none;
}

.editable-block, .editable-block-group.collapsed{
	background:#EEE;
	border:solid 1px #CCC;
	border-radius:5px;
	margin-bottom:20px;
	position:relative;
}
.editable-block h2, .editable-block-group.collapsed h1{
	background:#CCC;
	font-size:14px;
	font-weight:bold;
	padding:15px;
	margin:0;
	display:block;
}

.editable-block-group.collapsed .editable-block{
	margin:0px;
	border:none;
}
.editable-block-group.collapsed .editable-block h2{
	font-size:11px;
	padding:4px;
	background:#DDD;
	position:relative;
	white-space:nowrap;
}

.editable-block-group.collapsed .editable-block h2.warning{
	background:#CC0;
}
.editable-block-group.collapsed .editable-block h2.error{
	background:#C00;
	color:#FFF;
}


.editable-block-group.collapsed .editable-block input, .editable-block-group.collapsed .editable-block select{
	zoom:0.75;
}
.editable-block-group.collapsed .editable-block select{
	zoom:0.5;
	border:none;
}
.editable-block-group.collapsed .editable-block .editable-tools{
	top:-1px;
}

.editable-block .field{
	display:block;
	padding:5px;
	border-top:solid 1px #CCC;
}
.editable-block .field textarea, .editable-block .field input, .editable-block .field select{
	min-width:200px;
}

.field{
	width:100%;
	margin-bottom:10px;
	clear:both;
}
.field .field-prompt{
	font-weight:bold;
	font-size:11px;
	display:block;
}
.field .input-group{
	width:100%;
}
.field .input-group .form-control{
	position: unset;
}
.field .input-group .selectize-dropdown{
	position:absolute;
}

.field .input-group .selectize-control .selectize-input.disabled{
	opacity:1;
	background:#eee;
}

.field textarea{
	min-height:50vh;
	max-height:80vh;
	resize:vertical;
}
.field textarea{
	min-height:120px;
	resize:vertical;
}
.field textarea.nowrap, .field textarea.json-input{
	white-space:pre;
}
.field textarea#description, .field textarea.large {
    min-height: 50vh;
}
.editable-block-group ul, .editable-block ul{
	list-style:none;
	padding:0;
	margin:0;
}
ul.editable li{
	padding:5px;
	font-size:12px;
	display:block;
	border-top:solid 1px #CCC;
	position:relative;
}
ul.editable li:hover{
	background:#DDD;
}
.editable-block-group .editable-tools{
	display:none;
}
.editable-block .editable-tools, .editable-block-group.collapsed .editable-tools{
	position:absolute;
	top:5px;
	right:5px;
	white-space:nowrap;
	display:block;
}

.editable-add-search{
	min-width:300px;
}

.editable-block .editable-add-new, .editable-block .editable-open-selector{
	display:inline-block;
	background:#333;
	border-radius:5px;
	color:#FFF;
	font-size:11px;
	padding:3px;
	text-decoration:none;
	text-align:center;
	margin-left:5px;
}


ul.editable li .delete{
	position:absolute;
	top:3px;
	right:3px;
	color:#666;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
.editable-block .placeholder{
	text-align:center;
	font-size:11px;
	padding:10px;
	margin:10px;
}
.autocomplete-wrapper{
	display:block;
}
.input-group > .autocomplete-wrapper{
	display:table-cell;
}
.autocomplete{
	background:#FFF;
	box-shadow:#666 2px 2px 5px;
	z-index:10000;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
.autocomplete li{
	padding:3px;
	border-bottom:solid 1px #EEE;
	font-size:12px;
	white-space:nowrap;
}
.autocomplete li.highlight{
	background:#EEE;
}

.quality-alerts .warning{
	display:none;
}
#resource_selector{white-space:nowrap}
#resource_selector ul{list-style:none;padding:20px;margin:0;display:inline-block;vertical-align:top;}
.editor-list-image{position:relative;padding-left:60px;min-height:50px;display:inline-block}
.editor-list-image .image{width:50px;position:absolute;left:0px;top:0px;max-width:50px;max-height:50px;text-align:center;}
.editor-list-image .image img{max-width:100%;max-height:100%;}
.header form{
	display:inline;
}

.editable-block-group-group{
	display:block;
	text-align:center;
	margin:10px;
	border-radius:5px;
	border: solid 1px #999999;
	padding:10px;
}
.editable-block-group-group .editable-block-group{
	text-align:left;
	display:inline-block;
	width:20%;
	min-width:300px;
	vertical-align:top;
}
.editable-block-group-group .editable-block-group .editable-block{
	min-width:300px;
}

.editable-block-group-group .toolbar{
	margin:-10px -10px 0px -10px;
}
.toolbar{
	padding: 10px;
	text-align:center;
	background:#EEEEEE;
}
.toolbar button{
	margin:0px 20px;
}

.btn-group .input-group{float:left;}
.input-group-btn{vertical-align:top;}

tr.add-row{
	background:white !important;
}
.smaller-text{
	font-size:11px;
}
.template-element{
	display:none;
}

.resource-search-result{
	display:block;
	white-space: nowrap;
}
.resource-search-result img{
	display:inline-block;
	width:50px;
	height:50px;
	vertical-align:middle;
	margin-right:10px;
}
.resource-search-result .name{
	display: inline-block;
	white-space:normal;
	vertical-align:middle;
}
.resource-search-result .name .sets{
	display:block;
	font-size:0.8em;
	color:#888;
}
.masterSearch.input, .masterSearch input{
	min-width:300px;
}
input.selectize-input, .selectize-input input{
	font-size:16px !important;
}
.selectize-dropdown{
	position:absolute !important;
}
.product-list img{
	width:50px;
	height:50px;
}

.product-resources{
	margin:0px;
	padding:0px;
}
.product-resource{
	padding:2px;
	list-style:none;
	padding-left:20px;
	position: relative;
}
.product-resource .remove-resource, .product-resource .linked-resource{
	position:absolute;
	left:0px;
	top:5px;
}
.set-title{
	font-size:30px;
}
.tagging-table tr.missing{
	background:#F99 !important;
}
.tagging-table tr.too-many{
	background:#FF9 !important;
}
.tagging-table .resource-set-message{
	display:block;
	font-size:0.8em;
}
.tagging-table .tools{
	text-align:right;
	white-space:nowrap;
}
.tagging-table .tools a{
	margin-left:5px;
}
.text-overflow-ellipsis{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.dp-file-input{
	position:relative;
	border-radius: 5px;
	border:dashed 1px #CCC;
	text-align: center;
	z-index: 1000;
}
.dp-file-input.square{
	padding-top:calc(100% - 2px);
}
.dp-file-input.drag-over, .dp-file-input.with-current:hover{
	border:dashed 1px #666;
	background:#CCC;
}
.dp-file-input.disabled.drag-over, .dp-file-input.disabled.with-current:hover{
	background:none;
}
.dp-file-input:after{
	content:"Drag and Drop Here, or Click to Choose File";
	margin:20px;
	background:white;
	border-radius:10px;
	display:block;
	cursor:pointer;
}
.mobile-browser .dp-file-input:before{
	content: "Tap to Choose File";
}
.dp-file-input.with-current:after{
	content:"";
}

.dp-file-input .current{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}
.dp-file-input.with-alpha{
	background:url('/js/checkerboard2.png');
}
.dp-file-input.with-alpha.drag-over, .dp-file-input.with-alpha:hover{
	background:url('/js/checkerboard3.png');
}

.dp-file-input.with-current:hover:after{
	content:"Drag and Drop Here, or Click to Replace";
}
.dp-file-input.disabled.with-current:hover:after{
	content:"";
}
.dp-file-input.square:after{
	position:absolute;
	bottom:0px;
	margin:10%;
	width:80%;
}
.dp-file-input.drag-over:after{
	content:"Drop to Upload";
}
.dp-file-input.disabled.drag-over:after{
	content:"";
}
.dp-file-input input[type='file']{
	position: absolute;
	width:100%;
	height:100%;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.dp-file-input .progress{
	width:80%;
	margin:10%;
	bottom:0px;
	position:absolute;
}

h2.section{
	font-size:20px;
	border-bottom: solid 2px #CCC;
	padding:10px 0px;
}

#design-part-editor label{
	font-size:11px;
	display:block;
	clear:both;
	margin-top:8px;
}
#design-part-editor .btn{
	margin-right:10px;
	margin-bottom:10px;
}
#design-part-editor .preview-swatch{
	margin:-4px -8px;
	width:25px;
	height:25px;
}
#design-part-editor table th{
	font-size:11px;
}
#design-part-editor table .preview-swatch{
	width:30px;
	height:30px;
	margin:2px;
	border:solid 1px #CCC;
}
#design-part-editor table{
	border:solid 1px #CCC;
	background:#DEDEDE;
}
#design-part-editor table .short{
	width:80px;
	text-align:center;
}
#design-part-editor .count{
	border:solid 2px #CCC;
	color:#888;
	margin:3px;
	padding:2px 5px;
	border-radius: 10px;
	font-weight: bold;
}

#design-part-editor table tfoot{
	background:white;
}
#design-part-editor table tfoot .add{
	display: block;
	border:dashed 1px #CCC;
	text-align: center;
	padding:8px;
}

.color_pick{
	position:relative;
	display:inline-block;
	width:50px;
	height:50px;
	margin:2px;
	border:solid 1px #CCC;
}

.color_pick.highlighted{
	outline: solid 3px #FF00FF;
}

.menu-block{
	display:block;
	border-right:solid 1px #CCC;
	padding-right:25px;
	text-align: center;
}
.menu-block .title{
	min-height: 35px;
	display:block;
	padding:8px 0px;
	font-weight:bold;
}
.menu-block img{
	width:100%;
}
.server-status td{
	padding:1px 3px;
	vertical-align: top;
	white-space: nowrap;
}
.server-status ul{
	margin:0px;
	padding:0px;
}
.server-status ul li{
	border-top:dashed 1px #CCC;
	padding:5px;
	list-style: none;
	margin:0px;
}

.day-wrapper .day-info{
	background: #DDD;
    margin-top: 20px;
    padding: 8px 15px;
    border-radius: 8px;
    font-size: 18px;
}

.titlebar{
	background: #333;
	padding: 0px 0px 10px;
	margin-top:-10px;
	border-bottom:solid 1px #2d2828;
	margin-bottom: 10px;
	font-size: 18px;	
	color:white;
}

ul.timeline {
    list-style-type: none;
    position: relative;
	padding-left:20px;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 10px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
	margin:0;
    padding:15px;
	border-top:dotted 1px #CCC;
}
li .toggle-important{
	display:none;
	color:#e4cd82;
}
li.important .toggle-important, li:hover .toggle-important{
	display:block;
}
ul.timeline > li.important {
    font-weight: bold;
    background: #fff3cd;
    border-radius: 10px;
    border: solid 1px rgba(0,0,0,0.25);
}
ul.timeline > li.important > *{
	opacity: 1.0 !important;
}
ul.timeline > li.future > *{
	opacity:0.5;
	font-style:italic;
}
ul.timeline > li:first-child {
	border-top:none;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 2px;
    width: 20px;
    height: 20px;
    z-index: 400;
	opacity:1;
}
ul.timeline > li.future:before{
	border: 3px solid #c5e8f1;
}
ul.timeline > li.minor:before {
	width:10px;
	height:10px;
	left:6px;
	border-width:2px;
}
ul.timeline > li .time{
	font-size:0.8em;
	color:#666;
	display:block;
}
ul.timeline > li.minor{
	font-size: 0.8em;
}
ul.timeline > li.minor .time{
	font-size:1em;
	display:inline;
}
ul.timeline > li.minor .time:after{
	content: ":";
}
ul.timeline > li img.timeline-img{
	width:110px;
	height:100px;
	padding-right:10px;
	margin-right:10px;
	border-right:solid 1px #DEDEDE;
	float:left;
}
ul.timeline > li.minor img.timeline-img{
	width:60px;
	height:50px;
}
ul.timeline > li .timeline-icon{
	float: left;
    font-size: 15px;
    position: absolute;
    left: -3px;
    z-index: 410;
    border-radius: 50%;
    margin-top: -5px;
    background: #22c0e8;
    color: white;
    text-align: center;
    width: 30px;
    height: 30px;
    top: auto;
    vertical-align: middle;
    line-height: 30px;
	font-style:normal;
	opacity:1;
}
ul.timeline > li.future .timeline-icon{
	background: #c5e8f1;
}
ul.timeline > li.minor .timeline-icon {
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    left: 1px;
}
ul.timeline > li > div{
	overflow-wrap:break-word;
}
p.placeholder{
	display:block;
	padding:50px;
	font-style:italic;
	color:#666;
}
.pull-left-large{
	display:block;
	text-align:center;
	margin-bottom:10px;
}
.sticky-header-table-container{
	overflow-x: auto;
}
.infobar,.infobar:hover{
	text-align: center;
	margin-top:10px;
	background: #EEE !important;
	padding: 10px;
	border-bottom: solid 1px #CCC;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.sticky-after-infobar{
	background: #DDD;
}
@media (min-width: 768px){
	.pull-left-large{
		float:left;
		margin-right:20px;
		margin-bottom:0px;
	}
	.container-wide{
		margin-left:25px;
		margin-right:25px;
	}
	.infobar,.infobar:hover{
		position: sticky;
		top: 50px;
		z-index: 1;
	}
	.sticky-after-infobar{
		position: sticky;
		top: 90px;
		z-index: 900;
	}
	.sticky-header-table-container{
		overflow-x:visible;
	}
}
.json-input{
	font-family: 'Source Code Pro', monospace;
}
.html-input{
	white-space: nowrap;
}
.json-input.valid, .html-input.valid{
	background: #aafc9e;
}
.json-input.semi-valid{
	background: #93f7d0;
}
.json-input.invalid, .html-input.invalid{
	background: #ff9fa5 !important;
}
div.badges{
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	max-width: 100%;
	overflow:auto;
}
.user-badge{
	display:inline-block;
	padding:2px 5px;
	margin:0px 5px;
	color:white;
	font-size:0.7em;
	font-weight:bold;
	border-radius:10px;
	vertical-align:text-bottom;
	white-space: nowrap;
}
.user-badge a, .user-badge > span{
	color:inherit;
	padding:2px 5px;
}
.user-badge a:hover{
	background:rgba(255,255,255,0.8);
	color:black;
}
.user-badge a:first-child, .user-badge > span:first-child{
	margin-left:-4px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
.user-badge a:last-child, .user-badge > span:last-child{
	margin-right:-4px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}

.titled[title]{
	border-bottom:dashed 1.5px;
	cursor:help;
}
.scrolling-to{
	opacity:0.5;
}

.dashboard .list-group-item{
	padding:7px 10px;
}
.dashboard-placeholder{
	display: block;
	text-align: center;
	border: dashed 1px #CCC;
	border-radius: 5px;
	padding: 20px;
}
.dashboard .dashboard-placeholder{
	display:none;
}
.dashboard-group{
	min-height:300px;
	gap:15px;
	display:grid;
	grid-template-columns: repeat(1, 1fr);
}
.dashboard-group .dashboard .panel{
	margin:0px;
}
div.form-control{
	height:auto;
}

@media (min-width: 768px){

	.dashboard-group{
		grid-template-columns: repeat(3, 1fr);
	}
	.dashboard-group .dashboard .panel{
		height:100%;
	}
	.dashboard-group .full-width{
		grid-column: span 3;
	}
}

@media print {
	a[href]:after {
	  content: none !important;
	}
	body{
		padding-top:0px;
	}
	.table{
		font-size:11px;
	}
	.table>tfoot{display:table-row-group;}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
		padding:3px 5px;
		border:solid 1px #DDD;
	}
	.table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
		-webkit-print-color-adjust: exact;
		background:#DDD !important;
		padding:5px;
	}
	.infobar{
		position: static;
		padding:0px;
		text-align:left;
	}
	.navbar{
        display:none;
    }
	.titlebar{
		background: none;
		color:black;
	}
	.sticky-after-infobar{
		position: static;
	}
	th.sortable-column{
		resize:none;
	}
	.col-print-1 {width:8%;  float:left;}
	.col-print-2 {width:16%; float:left;}
	.col-print-3 {width:25%; float:left;}
	.col-print-4 {width:33%; float:left;}
	.col-print-5 {width:42%; float:left;}
	.col-print-6 {width:50%; float:left;}
	.col-print-7 {width:58%; float:left;}
	.col-print-8 {width:66%; float:left;}
	.col-print-9 {width:75%; float:left;}
	.col-print-10{width:83%; float:left;}
	.col-print-11{width:92%; float:left;}
	.col-print-12{width:100%; float:left;}
}

@media (min-width: 992px){
	.pull-right-md{
        float:right;
    }
    .pull-left-md{
        float:left;
    }
}

@media (min-width: 1330px){
	.container-wide{
		margin-left:auto;
		margin-right:auto;
		width:1300px;
	}
}