@charset "utf-8";
/* CSS Document */
#content-margin{
	padding-bottom:0px;
}

#list-container{
    font-family: Roboto, Arial, Helvetica, sans-serif;
	position:relative;
}
#list-container-margin{
}
#list-footer{
	height:30px;
	position:absolute;
	width:100%;
	bottom:-30px;
	left:0px;
	background-color:#919191;
}

/* Footer Buttons */
#list3col-refresh{
	display:block;
}
#list3col-add,
#list3col-apply,
#list3col-refresh,
#list3col-apply,
#list3col-button-export,
#list3col-print,
#list3col-close,
#list3col-delete,
#list3col-save,
.list3col-button
{
    padding: 5px;
    background-color: #f1f1f1;
    border: none;
    font-size: 12px;
    border-radius: 3px;
    margin-right:3px;
    float:left;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    color: #111111;
    line-height: 15px;
}
#list3col-add:hover,
#list3col-apply:hover,
#list3col-refresh:hover,
#list3col-button-export:hover,
#list3col-print:hover,
#list3col-close:hover,
#list3col-delete:hover,
#list3col-save:hover,
.list3col-button:hover
{
    background-color: #cccccc;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
#list3col-close,
#list3col-delete,
#list3col-save {
    float: right;
}
.list3col-recordcount {
    float: right;
    padding: 5px 15px;
    font-weight: bold;
}
#list3col-apply.hidden,
#list3col-add.hidden,
#list3col-refresh.hidden,
#list3col-editmode.hidden,
#list3col-save.hidden,
#list3col-delete.hidden{
	display:none;	
}
#list3col-editmode{
	background-image:url(images/layout/list3col_edit_button.png);
	background-repeat:no-repeat;
	width:75px;
	height:25px;
}
#list3col-editmode.active{
	background-image:url(images/layout/list3col_edit_button_active.png);
}
#list3col-editmode.inactive{
	background-image:url(images/layout/list3col_edit_button_inactive.png);
}

#list3col-delete.inactive{
	background-image:url(images/layout/list3col_delete_button_inactive.png);
}
#list3col-button-export.active,
.list3col-button.active{
    background-color: #cccccc;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}
#list3col-button-export.inactive,
.list3col-button.inactive,
#list3col-button-export.inactive:hover,
.list3col-button.inactive:hover{
    background-color: #919191;
    cursor: not-allowed;
}

#list-container-breadcrumb{
	position:relative;
	z-index:55;
	border-color:#ccc;
	border-width:1px;
	border-style:solid;
	height:25px;	
}
#list-container-breadcrumb ul,
#list-container-breadcrumb li{
	float:left;
	padding:0;
	margin:0;
	list-style:none;	
}
#list-container-breadcrumb ul li{
	background-image:url(images/kermit/kermit_breadcrumb_separator.png)	;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	height:25px;
}
#list-container-breadcrumb ul li.first{
	background:none;
	padding-left:5px;
    color: #111111;
    font-weight: bold;
}
#list-container-breadcrumb ul a {
    padding:5px 10px 0px 10px;
}
#list-container-breadcrumb ul a,
#list-container-breadcrumb ul a:hover{
	float:left;
	text-decoration:none;
	cursor:pointer;
}
#list-columns{
	position:relative;
	z-index:1;
	zoom:1;
	height:200px;
	clear:both;
}
#list-columns-inner{
	position:relative;
	height:100%;
	overflow:hidden;
}
.column{
	position:absolute;
	height:100%;
	display:none;
	background-color:#fff;
}
.column-shadow{
	background-image:url(images/kermit/shadow-left.png);
	background-repeat:repeat-y;
	width:23px;
	height:100%;
	position:absolute;
	left:-23px;
	top:0px;
	pointer-events: none;
}
.column-head{
	background-color:#cccccc;
}
.column-inner{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.column-inner-margin{
	height:100%;
	width:100%;
}
.column-footer{
	position:relative;
	background-color:#999;
	height: 35px;
}
.column-footer-inner{
	padding: 4px 7px;
}
#list-column1-content{
	width:221px;
	left:0px;
	display:block;
}
#list-column2-content{
	width: calc(100% - 220px);
	display:block;
}
#list-column1-content-inner{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#list-column1-content-inner,
#list-column2-content-inner,
#list-column3-content-inner{
	position:relative;
	height:100%;
	overflow-y:auto;
	overflow-x:auto;
}
#list-column3-content-inner{
	overflow-y:hidden;
	border-left:1px solid #ccc;
}
#list-column1-content-inner{
	border-right:1px solid #ccc;
}
#list-column1-content-inner{
	background-color:#f1f1f1;
}
#list-preview-frame{
	width:517px;
	height:100%;
}
.list-heading{
    font-family: Roboto, Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:12px;
	padding: 6px 8px;
}
.list-column-space {
	height:10px;
}
.list-column1-content {
	border:thin solid #cccccc;
	background-color: #f1f1f1;
	height: 100%;
}
.list-column2-content {
	background-color: #f1f1f1;
	border-right:thin solid #cccccc;
	border-top:thin solid #cccccc;
	border-bottom:thin solid #cccccc;
	height: 100%;
}
.list-column3-content {
	background-color: #f1f1f1;
	border-right:thin solid #cccccc;
	border-top:thin solid #cccccc;
	border-bottom:thin solid #cccccc;
	height: 100%;
}

.list3col-search-placeholder,.list3col-search-timedout{
	font-size:18px;
	font-weight:bold;
	color:#ccc;
	text-align:center;
	display:none;
}
.list3col-search-placeholder-inner,.list3col-search-timedout-inner{
	background-image:url(images/kermit/search-placeholder.png);
	background-repeat:no-repeat;
	padding-left:80px;
	white-space:nowrap;
	line-height:60px;
	margin:40px auto;	
	height:60px;
	display:inline-block;
}
.list3col-search-timedout-inner{
	line-height:30px;
}
.list-row-headercells{
	position:relative;
	zoom:1;
	background-color:#f1f1f1;
}
.list-headercell{
	color:#797979;
	font-weight:bold;
    display: inline-block;
    background-color: #f1f1f1;
}
.list-headercell-margin{
	padding: 9px 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    position: relative;
	/*width: 100%;*/
	display: block;
	cursor: pointer;
}

.list-headercell-margin .material-icons{
    position: absolute;
    left:-4px;
    top:3px;
	display: none;
}

.list-headercell-margin .material-icons.icon-up{
	top:6px;

}

.list-headercell.asc  .material-icons.icon-up {
	display: block;
}

.list-headercell.desc  .material-icons.icon-down {
	display: block;
}

#list-sort {
    display: none;
}
.list-headercell-margin .list-sort-toggle .material-icons.icon-up.selected,
.list-headercell-margin .list-sort-toggle .material-icons.icon-down.selected {
    padding: 0;
    background-color: transparent;
}
.list-cell{
	line-height:18px;
	font-size:12px;
	overflow:hidden;
	display: inline-block;
    border-bottom: 1px solid #ccc;
	height: 32px;
	background-color: #ffffff;
}

div[name="galleryimage"] .list-cell{
	height: auto;
}

.list-cell-margin{
	padding: 7px 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list-cell-margin:before {
    content: '\200B'; /*Add zero width white space for ios*/
}

div[name="galleryimage"] .list-cell-margin:before{
	content: none;
}
.list-results-row-selected .list-cell{
	color:#fff;
	background-color: #a2b66e;
}
#list3col-scrollwindow{
	overflow-x:hidden;
	overflow-y:auto;
}
.list-results-row-even,
.list-results-row-odd {
	background-color:#fff;
	position:relative;
	zoom:1;
    cursor: pointer;
}
.list-results-row-selected {
	background-color:#a2b66e;
}
.list-results-row .list-results-row-buttons{
	position:absolute;
	right: 15px;
	top: 6px;
}
.list-results-row-buttons a,
a.button-small {
	border-radius: 3px;
    padding: 2px 5px;
    color: #111;
    text-decoration: none;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-color: #f1f1f1;
}
.list-results-row-buttons a:hover,
a.button-small:hover {
	background-color: #cccccc;
}
.list-results-row-buttons a.disabled,
.list-results-row-buttons a.disabled:hover,
a.button-small.disabled,
a.button-small.disabled:hover{
	background-color: #f1f1f1;
	color: #cccccc;
	cursor: default;
}

.list-results-row, .list-row-headercells {
	white-space: nowrap;
	height: 32px;
}

div[name="galleryimage"] .list-results-row{
	height: auto;
}

#list3col-moreresults{
	text-align:left;
	height:40px;
	cursor:pointer;
	line-height:40px;
	font-size:14px;
	color:#666;
	font-weight:bold;
}
#list3col-moreresults-margin{
	padding:7px 0px 0px 185px;
	border-top:1px solid #ccc;
}

.list-button {
	background-color:#e8ecda;
	color:#8ea048;
	border:solid thin #8ea048;
    font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
}
.list-result-line{
	border-bottom:thin solid #cccccc;
}
#list-search {
	background-color:#FFF;
}
.list-search-heading {
    font-weight: bold;
	padding: 9px 15px 8px 15px;
	cursor:pointer;
	background-color:#f1f1f1;
	background-image:url(images/layout/list-arrow-down.gif);
	background-repeat:no-repeat;
	background-position:95% 13px;
}
.list-search-heading.open{
	background-image:url(images/layout/list-arrow-up.gif);
}
.list-search-attributes {
	padding: 8px 10px;
}
.list-search-attribute-heading {
	background-color: #fff;
	padding: 8px 10px 7px;
	font-weight:bold;
	cursor:pointer;
	border-top:thin solid #cccccc;
}
.list-search-attribute-edit {
	padding: 5px 10px;
}
.search-section{
	position:relative;
	padding: 9px 15px;
    font-size: 12px;
}
.search-section-location {
	padding: 0;
	margin-top: 7px;
}

.search-section input:not([type="checkbox"]) {
    width: 100%;
	box-sizing: border-box;
}
.search-section input:focus {
	outline: none;
}

.search-section input.hasDatepicker {
    width: calc(100% - 5px);
}
.search-section .pill-list-input.stack { /*Project, Responsible*/
    width: 100%;
    background-color: #ffffff;
}
.search-section ul.pill-list li.pill-list-item {
    min-height: 15px;
    height: auto;
}
.search-section-title{
	cursor:pointer;
}
.search-section-title-margin{
	padding:5px 10px;
	background-color:#fff;
}

.search-section-options-margin {
	margin-top: 7px;
    border-radius: 2px;
    overflow: hidden;
    width: 100%;
}
.search-section-options-margin span.button {
    display: block;
	float: right;
	margin-top: 1px;
}
.search-section-options-margin input:not[type="checkbox"] {
    width: 100%;
}
.search-section-options-margin input#name, .search-section-options-margin input#instance {
    width: 100%;
}
#searchfields .search-section:last-of-type, .list3col-search-section div .search-section:last-of-type {
    border-bottom: none;
}

.admin3coldatalist .search-section {
    padding: 0;
}
.admin3coldatalist .search-section .list-type-singleselect, .list-type-multiselect, .list-datesearch-preset {
    background-color: #f1f1f1;
}
.admin3coldatalist .search-section .list-type-singleselect {
    position: relative;
}
.admin3coldatalist .search-section .list-type-singleselect div {
    padding: 0;
}
.admin3coldatalist .search-section .list-type-singleselect .selected {
    background-color: #f1f1f1;
    color: #797979;
    border-top: none;
}
.admin3coldatalist .search-section .list-type-singleselect .selected::after {

}
#search-section-tags.search-section {
    padding: 0px 15px 9px 15px;
    margin-top: -7px;
}
.list-sort-field{}
.list-sort-field-margin{
	padding:5px 10px;
	background-color:#fff;
	cursor:pointer;
}


/*Expand Title*/
.search-section-expand-title{
	cursor:pointer;
	background-color:#f1f1f1;
}
/*Click Title*/
#list-tags #search-section-tags-manage {
    margin-bottom: 7px;
}
#list-tags .search-section-click-title{
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 4px 5px;
    line-height: 12px;
    font-size: 12px;
    color: #111111;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    display: initial;
    margin-bottom: 15px;
}
#list-tags .search-section-click-title:hover {
    background-color: #cccccc;
    border: 1px solid #cccccc;
    transition: all 0.2s ease-in-out;
}
#list-tags .search-section-click-title .search-section-click-title-margin {
    display: initial;
}

/*Single Select*/
/*Multi Select*/
/*Date Search*/
.list-type-singleselect,
.list-type-multiselect,
.list-datesearch-preset{
	cursor:pointer;
    background-color: #ffffff;
}
.list-type-singleselect	div,
.list-type-multiselect div,
.list-datesearch-preset div{
	padding: 5px 7px;
}
.list-type-singleselect	.selected,
.list-type-multiselect .selected,
.list-datesearch-preset .selected{
	background-color:#a2b66e;
	color:#fff;
}
.list-type-singleselect	.selected,
.list-type-multiselect .selected{
	padding-top:4px;	
}

/*Date Search & Between Search*/
.list-datesearch-preset,
.list-datesearch-input,
.list-betweensearch-input {
	width: 50%;
	float:left;
}
.list-datesearch-input div{
	padding: 7px 0px;
}
.list-datesearch-input input,
.list-betweensearch-input input {
	margin-top: 7px;
	width: calc(100% - 5px) !important;
}

.list3col-search-section{
	border-bottom: 1px solid #ccc;
	zoom:1;
}

/*Date Search*/
.list-type-datesearch{}
.list-datesearch-option{
	cursor:pointer;
}
.list-datesearch-option div{
	padding:5px 10px 5px 10px;
}
.list-datesearch-option .selected{
	background-color:#88a23f;
	color:#fff;
}

/*Between Search*/
.list-type-betweensearch{}

#clear{
	clear:both;
}

/*Replacement buttons*/
span.button{
	display:inline-block;
	cursor:pointer;
	text-align:center;
	margin:0;
}
.button-margin{
    padding: 5px;
    background-color: #f1f1f1;
    font-size: 12px;
    border-radius: 3px;
    color: #111111;
	display: block;
    margin: 0px 5px 0px 0px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    line-height: 16px;
    text-decoration: none;
    cursor: pointer;
}
span.button-margin:hover {
    background-color: #bbbbbb;
    transition: all 0.2s ease-in-out;
}

/*Form */
.list-button {
	background-color:#e8ecda;
	color:#8ea048;
	border:solid thin #8ea048;
    font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
}
#shadowbox_info {
	display:none;
}

.manage-tags-shadowbox-table {
    padding: 5px 0px;
}

.listtag-edit  {
	width: 150px;
	float:left;
	display:block;
}

/*Extra Buttons and Flyup*/
.extrabutton{
	position:relative	
}
.list3col-flyup{
	display:none;
	position:absolute;
	z-index:20;
	bottom:37px;
}
.list3col-flyup-inner{
	border:1px solid #ccc;
	background-color:#fff;
	border-radius:5px 5px 5px 5px;
	padding:10px 10px 6px 10px;
	position:relative;
}
.list3col-flyup-arrow{
    background-image: url("images/speak_arrow_down.gif");
    height: 8px;
    position: absolute;
    left: 10px;
    bottom: -7px;
    width: 16px;
    z-index: 21;
}
.list3col-flyuprow{
	display:block;
	padding:3px 24px 3px 6px;
	color:#000;
	cursor:pointer;
	background-color: #DDDDDD;
	border-radius: 3px 3px 3px 3px;
	margin-bottom:4px;
	position:relative;
}
.list3col-flyup .list3col-flyuprow.hover{
	background-color: #CCCCCC;
}
.list3col-flyupicon{
	padding:0px;
	float:left;
	width:20px;	
	height:16px;
	overflow:hidden;
	display:none;
}
.list3col-flyuplabel{
	float:left;	
	line-height:16px;
	font-size:11px;
	white-space:nowrap;
}

/*Summary*/
.list-row-summary-margin {
    text-align: right;
}
.list-summary{
	width:100%;
	overflow:hidden;	
}
.list-summary-margin {
	margin-right:-30px;
}
.list-summary-label{
    width: 200px;
	font-weight:bold;
}
.list-summary-label,
.list-summary-value {
    display: inline-block;
}
.list-summary-label-margin{
	padding:0px 7px;
}
.list-summary-value {
	width: 90px;
}
.list-summary-value-margin{
	padding:0px 15px;
}
.summary .box {
    min-width: 10%;
    max-width: 20%;
	margin-bottom: 3px;
}
.summary .summary-boxes {
    min-width: 100%;
}
.summary .box-margin {
    background-color: #FDF1D9;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    margin: 0px 3px 0 0px;
    padding: 7px;
    height: 60px;
	overflow: hidden;
}
.summary-boxes {
    padding: 3px;
    margin:0 auto;
}
/*Html Summary */
#list3col-htmlsummary{
	display:none;	
}
#list3col-htmlsummary-content{
	display:none;
}
#list3col-htmlsummary-loading{
	height:50px;
	background-image:url(images/layout/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
}
.CollapsiblePanelGroup{
	border-bottom:1px solid #ccc;
}
.CollapsiblePanelTab {	
	font-size:12px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
	padding: 9px 15px 9px 15px;
	font-weight:bold;
	cursor:pointer;
	background-color:#f1f1f1;
	background-image:url(images/layout/list-arrow-down.gif);
	background-repeat:no-repeat;
	background-position:98% 13px;
}
.CollapsiblePanelTab.open{
	background-image:url(images/layout/list-arrow-up.gif);
}
.CollapsiblePanelTab:hover {}
.CollapsiblePanelContent{
}
#list3col-htmlsummary-heading{
		
}
.list3col-summaryitem{
	margin-bottom:3px;	
}
.list3col-summaryitem-label{
	clear:left;
	float:left;
	width:120px;
	font-weight:bold;	
}

/* Alert */
.alert{
	padding:13px 10px 15px 50px;
	color:#fe9b00;
	font-weight:bold;
    font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(images/kermit/icon_alert.gif);
	background-position:13px 8px;
	background-repeat:no-repeat;
}

/* password strength */
#strength {
	width: 230px;
	display: block;
	margin-top: 4px;
	padding-top: 8px;
	background-image: none;
	background-repeat: no-repeat;
}

#strength.low		{ background-image: url('images/bg-password-strength.png'); background-position: 0px 0px; color: #f25431; }
#strength.medium	{ background-image: url('images/bg-password-strength.png'); background-position: 0px -45px; color: #fcbe51; }
#strength.high		{ background-image: url('images/bg-password-strength.png'); background-position: 0px -135px; color: #63a72b; }

    /* Mixins */
.text-default {
    color: #85a043;
    text-decoration: none;
}
/* Buttons */

/* #ffffff, #cccccc bg */
.set-button {
    color: #111111;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 4px 5px;
    line-height: 12px;
    font-size: 12px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.set-button-sm {
    padding: 2px 5px;
    color: #111;
    text-decoration: none;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.white-button {
    background-color: #ffffff;
}
.white-button:hover {
    background-color: #f1f1f1;
}
.off-white-button {
    background-color: #f1f1f1;
    color: #111111;
}
.off-white-button:hover {
    background-color: #cccccc;
}
.off-white-button.disabled:hover {
    background-color: #f1f1f1;
}
/* #f1f1f1 bg */
.off-grey-button {
    background-color: #cccccc;
    color: #111111;
    border-color:#111111;
}
.off-grey-button:hover {
    background-color: #bbbbbb;
}
.light-grey-button {
    background-color: #bbbbbb;
    color: #111111;
}
.light-grey-button:hover {
    background-color: #919191;
}
/* #bbbbbb bg */
.medium-grey-button {
    background-color: #919191;
    color: #111111;
}
.medium-grey-button:hover {
    background-color: #797979;
}
/* #919191 bg */
.dark-grey-button {
    background-color: #797979;
    color: #111111;
}
.dark-grey-button:hover {
    background-color: #111111;
    color: #f1f1f1;
}
.list-results-row, .list-row-headercells {
    white-space: nowrap;
}
.list-results-row {
    border-bottom: 1px solid #cccccc;
}
.list-results-row:last-of-type {
    border-bottom: none;
}
.list-results-row:last-of-type .list-cell {
	border-bottom: none;
}

/*Tag Manage*/
#tag-manage-shadowbox {

}
#tag-manage-shadowbox .formrow-tag-management .formlabel{
    margin-top: 2px;
}
#tag-manage-shadowbox .formrow-tag-management .formdata{
    margin-top: -2px;
}
#tag-manage-shadowbox input.large {
    width: 350px !important;
}

#tag-manage-shadowbox .button-margin {
    margin-bottom: 0px;
}
#tag-manage-shadowbox .manage-tags-shadowbox-table .button-margin {
    margin-bottom: -7px;
    line-height: 15px;
}
#tag-manage-shadowbox .formrow-table-header {
    color: rgba(0,0,0,.54);
}
#tag-manage-shadowbox .tags-label .label {
    color: rgba(0,0,0,.54);
}

/*Saved Search section*/
.search-section.collapse-saved-section {
    padding: 0;
}
.search-section.collapse-saved-section .search-section-options-margin{
    margin: 0;
}
#save-label {
    width: calc(100% - 60px);
    vertical-align: 11px;
}
#search-section-save-add.search-section {
    padding: 5px 15px;
}
#list-saved .button-margin {
    background-color: #ffffff;
}
#list-saved .button-margin:hover {
    background-color: #cccccc;
}
/*Search section Code*/
#search-section-code input#code,
/*Description*/
#search-section-description input#description,
/*Heading*/
#search-section-heading input#heading {
    width: 100%;
}
.text-right {
    text-align: right;
}
/*File Importer Page*/
.file-import-block .file-import-header {
    background-color: #919191;
    padding: 9px 15px 8px 15px;
    font-weight: bold;
    font-size: 14px;
}

.box-page-footer-dropdown-table {
    padding: 7px 0px;
}
#editbox .box-page-footer-dropdown-table td select {
    width: 100%;
}
.box-page-footer-dropdown-table-button {
    width: 70px;
    text-align: right;
}
.admin3coldatalist {
	overflow-x: auto;
	overflow-y: hidden;
}

.admin3coldatalist.noscroll {
	overflow-x: hidden !important;
}

#list3col-scrollresults {
	margin-bottom: 16px;
}

.formrow #list3col-scrollresults {
	margin-bottom: 0px;
}

.left-block {
    float: left;
    text-align: left;
}
.right-block {
    float: right;
    text-align: right;
}
.button-link {
	background-color: #eff2f7;
	border: 1px solid #ccd5e4;
	padding: 3px 4px;
	text-decoration: none;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	line-height: 1;
	color: #111;
	font-size: 12px;
	margin-left: 3px;
}

.admin-overlay{
	background: #ffffff;
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.7;
	z-index: 10000;
}
.admin-overlay-loading-wheel{
	background: url(images/layout/loading.gif) center center no-repeat;
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10020;
}

.drag-handle {
	display: inline-block;
	width: 30px;
	padding: 7px 0;
	margin-top: -6px;
	margin-right: -14px;
	cursor: grab;
	background: url(images/layout/handle.png) center center no-repeat;
	background-size: 18px 18px;
	opacity: 0.5;
}
.drag-handle:hover {
	opacity: 1;
}
.drag-handle.disabled, .drag-handle.disabled:hover{
	opacity: 0.3;
	cursor: default;
}

#active-filters-bar {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	padding: 6px 10px;
	border: 1px solid #ccc;
	border-top: none;
	min-height: 40px;
	gap: 4px;
}

.active-filter-badge {
	display: flex;
}

.active-filter-info {
	display: inline-block;
	max-width: 260px;
	padding: 6px 2px 6px 10px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background: #eee;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.remove-filter-btn {
	display: inline-block;
	padding: 6px 10px 6px 10px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	background: #eee;
}

.remove-filter-btn:after{
  display: inline-block;
  content: "\00d7";
}

.remove-filter-btn:hover {
	cursor: pointer;
	background-color: #ddd;
}

.clear-filters-btn {
	display: inline-block;
	padding: 6px 10px;
	border-radius: 6px;
	background: #eee;
}

.clear-filters-btn:hover {
	cursor: pointer;
	background-color: #ddd;
}

/*XS*/
@media (max-width: 767px) {
    body{
        -webkit-text-size-adjust: none;
    }
    #list-container-breadcrumb, #list-container-breadcrumb ul li.first {
        padding: 0px;
    }
    #list-container-breadcrumb {
        overflow: hidden;

    }
    #list-container-breadcrumb ul a {
        padding: 5px 10px 0px 7px;
    }
    #list-column1-content {
        display: none;
    }
    #list-column2-content{
        width: 100%;
        left: 0 !important;
    }

    #list-column1-content-inner,
    #list-column2-content-inner,
    #list-column3-content-inner{
        overflow-x:auto;
    }
    #list-column2-content-inner,
    #list-column3-content-inner {
        -webkit-overflow-scrolling: touch;
    }
    /*Editor*/
    .column {
        width: 100%;
    }
    #editbox .formlabel {
        width: 35%;
    }
    #editbox .formdata {
        width: 65%;
        margin-left: 35%;
    }
    #editbox a.pill {
        white-space: normal;
    }
    .shadowbox {
        height: 100%;
    }
    /*Case Summary*/
    .summary .box, .summary .summary-boxes {
        width: 100% !important;
    }

    .divTable{
        display: table;
        width: 100%;
        text-align: center;

    }
    .divTableRow {
        display: table-row;
    }
    .divTableHeading {
        background-color: #ffffff;
        display: table-header-group;
    }
    .divTableCell, .divTableHead {
        border: 1px solid #ffffff;
        display: table-cell;
        padding: 3px 10px;
    }
    .divTableHeading {
        background-color: #ffffff;
        display: table-header-group;
        font-weight: bold;
    }
    .divTableFoot {
        background-color: #ffffff;
        display: table-footer-group;
        font-weight: bold;
    }
    .divTableBody {
        display: table-row-group;
    }
    .summary .box {
        min-width: 100%;
    }
    .scrollable-content #list3col-htmlsummary-content { /*Set graph content to scroll for mobile*/
        overflow: auto;
    }
    #list-columns {
        overflow: hidden;
    }
    #list-columns-inner {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}