.original-field{display:inline-block;}
#import,#importing,#progress,.log-panel-wrap p{display:none;}
#importing{vertical-align:bottom;}
#message{clear:both;}
#progress {
    width: 97%;
    border: 1px solid lightgray;
    border-radius: 3px;
    height: 3px;
    float:left;
}
#progress .bar {
    background-color: #008ec2;
    height: 5px;
    width:0%;
}

.details {
float:right;
background-color: #eee;
background-color: transparent!important;
color: #444!important;
cursor: pointer;
padding: 4px;
border: none;
text-align: left;
outline: none;
font-size: 12px;
transition: 0.4s;
}

.details:hover:before, .accordion:hover {
color: rgb(118, 118, 118);
}

.details:before {
font-family:dashicons;
content: '\f502';
color: #99a2b6;
padding-right:3px;
font-weight: bold;
vertical-align: -20%;
margin-left: 5px;
font-size: 14px;
}

details.error:before{
    color: #670100;
}
    
.details.active:before, .accordion:hover {
    font-family:dashicons;
    content: '\f159';
}

.log-panel-wrap p{
  	font-size:12px;
  	line-height:14px;
    max-height:150px;
    overflow-y: scroll;
    background-color: white;
}

#spinner{position:absolute;top:40px;left:50%}

#dropfile .ezdz-dropzone{width:100%!important;border-radius:6px!important;border-width:3px!important;}
#dropfile .ezdz-accept{border-color:#008ec2 !important;}
#dropfile .ezdz-enter{border-color:#008ec2!important;}

h2{border-bottom: 1px dotted #cecece;}

.fields{padding:5px;}
input.field-label{width:20%;border-color:#cecece;}
input.field-description{width:50%;border-color:#cecece;margin-left:5px;}

.sort-list input[type=checkbox],
#temporary input[type=checkbox],
.archive-list input[type=checkbox],
.field-list input[type=checkbox],
.filter-list input[type=checkbox] {
    display: none;
}

.sort-list label,
#temporary label, 
.archive-list label,
.field-list label, 
.filter-list label{
  display: inline-block;
  cursor: pointer;
  padding-left: 35px;
  position:relative;
}

.sort-list input[type=checkbox] + label:after,
#temporary input[type=checkbox] + label:after,
.field-list input[type=checkbox] + label:after,
.archive-list input[type=checkbox] + label:after,
.filter-list input[type=checkbox] + label:after {
    font-family: 'Material Icons';
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    border: 2px solid #cecece;
    border-radius: 50%;
    margin-top:-5px;
    margin-left:5px;
}

.sort-list input[type=checkbox]:checked + label:after,
#temporary input[type=checkbox]:checked + label:after,
.field-list input[type=checkbox]:checked + label:after,
.archive-list input[type=checkbox]:checked + label:after,
.filter-list input[type=checkbox]:checked + label:after {
    content: "\E5CA";
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    background: #008ec2;
    border-color: #008ec2;
    margin-top:-5px;
    margin-left:5px;
}

input[type=checkbox].show-archive:checked + label:after {
    background: orange;
    border-color: orange;
}

input[type=checkbox].fe_hide:checked + label:after {
  	content: "\E5CD";
    background: tomato;
    border-color: tomato;
}

.item-drag{vertical-align:-6px;color:#cecece;}
.material-icons:hover{cursor: pointer;}



.flex-container {
    flex-wrap:wrap;
    padding: 0;
    /*padding:0px 200px 0px 200px;*/
    margin: 0;
    list-style: none;
    /*border: 1px solid silver;*/
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
  }
  
  .flex-item{
    padding: 5px;
    width: 150px;
    margin: 10px;
    line-height: 12px;
    font-size: 12px;
    text-align: left;
    list-style-type:none;
  }

.field-row{margin: 3px;line-height:16px;}
.flex-item .thumb, .flex-item .medium,.collection-single .medium, #column-image .image{
min-width: 0;max-width:300px;
overflow:hidden;
box-shadow: 2px 2px 15px 1px #afafaf;
transition: all .3s linear;
margin-bottom:10px;
/*border-radius: 10px;*/
  display:inline-block;
position:relative;
}

.col-header{/*display:none;*/}
.col-archive-header h3{margin:0;margin-top:10px;font-weight:normal; font-family:'Open Sans',sans-serif; font-size:25px;line-height:35px;border:none;color: #686868;text-align:left;}
.col-archive-header img{margin-bottom:10px;}
.col-tag{display: inline-block;margin: 2px 4px;border-radius: 15px;border: 1px solid #e0e0e0;font-style: normal;padding: 4px 11px;font-weight: 300;
font-size: 8pt !important;text-decoration:none;}

.col-details{padding:0px 10px;color:#686868;font-family:'Open Sans',sans-serif;font-size:18px;font-weight:200;}

.col-details .section, .col-desc-section{padding:15px 0px;border-bottom:1px solid #e6e6e6;text-align:left;}

.flex-container{padding-top:0;}

.col-details .section .col-label{font-size:10px;line-height:1.3;padding:5px 0 1px; color:#111;}

.col-date{display:flex;}
.col-date-item{flex-grow:1;}

.header-img{background-image:radial-gradient(circle  at top right,#4A2C34,#2c2662);background:none;}
.header-img-inner{padding:10px;padding-bottom:0px}

h4{
font-family:'Open Sans',sans-serif;
font-size: 14pt;
margin: 0;
font-weight: 300;
text-transform: uppercase;
color: #505050;
font-weight: 200;
}
.col-desc-section{
font-size: 18px;
font-family: 'Open Sans',sans-serif;
color: #686868;
font-weight: 200;
line-height:24px;
}
a{ /*text-decoration:none!important;*/border:none;}
.col-set-subitem.title{color:#a51935;font-size:13pt;font-weight:400; text-decoration:none;}
.col-set{margin-left:20px;font-family:'Open Sans',sans-serif;font-weight: 300;color: #505050;margin-top:10px;}
.col-set-header{margin-left:10px;font-size: 14pt;}
.col-set-item{margin-left:60px;box-shadow: 1px 1px 3px 1px rgba(0,0,0,.1);padding:10px;margin:20px;}

.record.collection-single{ display: flex; /*justify-content: center;*/ list-style: none; width:100%; }

.record.collection-single .single-flex-item.rows { /*width:50%; margin-left:6%;*/ margin-top:20px; }
/*Do below only on single teplate*/
.record.collection-single  .single-flex-item.rows li{ padding:5px; font-family:'Open Sans',sans-serif;font-weight: 300;color: #505050;font-size:18px; line-height: 24px;padding-left:40px;padding-right:40px;}
.record.collection-single .single-flex-item.rows li.strong{color:#a51935;}

.thumb{background-color:white;}
#dropimage .ezdz-accept{height:auto!important}
#dropimage .ezdz-dropzone{border-radius:6px!important;border-width:3px!important;border:3px dotted lightgray}
#dropfile1 .ezdz-dropzone{width:100%;height:200px;border-radius:6px!important;border-width:3px!important;border:3px dotted lightgray}
#dropfile1 .ezdz-dropzone{color:lightslategray}
#dropimage .ezdz-accept{/*border-color:#008ec2 !important;*/}
#dropimage .ezdz-enter{border-color:#008ec2!important;}
#import-default{margin-top:20px;}

img.rotate90{transform:rotate(90deg);}
img.rotate180{transform:rotate(180deg);}
img.rotate270{transform:rotate(270deg);}

.fields .item-icon {color: lightgray;font-size: 20px;vertical-align: middle;margin-top: -4px;margin-left: -6px;}
.fields .item-icon.active{color:orange;}







.pagination a,.pagination span{
	float:left;
	display:inline-block;
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #fff;
	/*border: 1px solid rgba(221, 221, 221, 0);*/
	border-left-width: 0;
	border-color: #d7e0e7;
	color: #002145;
}

.pagination span{background-color: #002145;color: #fff;}

.pagination ul span:first-child, .pagination ul a:first-child{border-left-width: 1px;}




#ppp-format .ppp-container {
	float: left;
  display: block;
  position: relative;
  padding-left: 16px;
  padding-right: 5px;
  margin-bottom: 12px;
  cursor: pointer;
  font-family:'Open Sans',sans-serif;font-size: 13px;color:#686868;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



/*********************DASHBORAD STUFF*/
.tablenav select#filter-by-date,.tablenav select#workflow_state,.tablenav select#author{display:none;}

#column-image .stamp{
  width: 20px!important;
  height: 20px!important;
  margin-top: -5px!important;
  margin-left: 0px!important;
}

#column-image .image{
  float:left!important;
  margin-left:10px!important;
  max-height: 80px!important;
  max-width: 80px!important;
  box-shadow: 1px 1px 7px 0px #777!important;
  border-radius: 2px;display:inline-block!important;
  transition: none;
}
.thumb.pdf-image .image{min-width:60px;}

input.disabled{color:orange;}
.row.film input.disabled{color:blueviolet}
.collection-archive .material-icons{font-size: 14px;margin-right: 3px;vertical-align: middle; margin-top: -3px;}
.collection-single .material-icons{font-size: 20px;margin-right: 3px;vertical-align: middle; margin-top: -3px;}
input[type=checkbox].show-archive:checked + label.error:after{background-color:red;border-color:red;}
label.error:after{background-color:red;border-color:red;}

/*****************FILTERS********/

.material-icons.remove-filter,
.material-icons.add-filter{
  vertical-align: middle;font-size: 24px;margin-top: -2px;
}
.stop-clicks {
  color:lightgray;
  pointer-events: none;
}
.submit-stop-clicks {
  border-color:red!important;
  background-color:red!important;
  pointer-events: none!important;
}

.l2 {
  padding-left: 1.5em;
  display:inline-block;
  line-height:18px;
}


#sort-bucket-container .asc:before{
  font-family: 'Material Icons';
  content: "arrow_upwards";
  vertical-align:middle;
  -webkit-font-feature-settings: 'liga';
}

#sort-bucket-container .desc:before{
  font-family: 'Material Icons';
  content: "arrow_downwards";
  vertical-align:middle;
  -webkit-font-feature-settings: 'liga';
}

.l1{font-weight:bold;}

/*****************SELECTIONS ON ARCHIVE PAGE****************/
#perpage .select2-container--default, 
#sort-bucket-container .select2-container--default{width:164px!important;}

#perpage  .select2-container--default .select2-selection--single,
#sort-bucket-container .select2-container--default .select2-selection--single{height:42px;border:1px solid #e2e2e2;border-radius:2px;}

#cset-selects{display:flex;justify-content:flex-start;padding-bottom:25px;width:100%;flex-wrap:wrap;}
#collection-searchform .select2-container--default .select2-selection--single{height:45px;border:1px solid #e2e2e2;border-radius:2px;border-left:none;}
#collection-searchform .col-input-container .select2-container--default .select2-selection--single{border-radius:0;}
#cset-selects .select2-container--default .select2-selection--single{height:40px;border:1px solid #e2e2e2;border-radius:2px;}

.select2-dropdown,.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #e2e2e2!important;}

/*#collection-searchform  .select2-container,*/
#cset-selects  .select2-container{width: 100%!important;}

#collection-searchform  .select2-search--dropdown .select2-search__field,
#perpage  .select2-search--dropdown .select2-search__field,
#sort-bucket-container  .select2-search--dropdown .select2-search__field,
#cset-selects  .select2-search--dropdown .select2-search__field {width: 98%;}

#cset-selects .cset-term{width:23.45%;margin-right:2.002%;margin-top:10px;}
#cset-selects .cset-term:nth-child(4n) {margin-right: 0;}
/* Set max height of dropdown with scroll */

#perpage .select2-choices,
#sort-bucket-container .select2-choices,
#cset-selects .select2-choices {min-height: 150px;max-height: 150px;overflow-y: auto;}

#collection-searchform .select2-selection__rendered {line-height:40px;}

#perpage .select2-selection__rendered,
#sort-bucket-container .select2-selection__rendered,
#cset-selects .select2-selection__rendered{line-height:38px;text-align:left;}

#collection-searchform .select2-container--default .select2-selection--single .select2-selection__arrow{height:45px;top:0px; right:5px;}

#perpage .select2-container--default .select2-selection--single .select2-selection__arrow,
#sort-bucket-container .select2-container--default .select2-selection--single .select2-selection__arrow,
#cset-selects .select2-container--default .select2-selection--single .select2-selection__arrow{height:39px;top:0px; right:5px;text-align:left;}

b.daterange,
#perpage  .select2-container--default .select2-selection--single .select2-selection__arrow b,
#sort-bucket-container  .select2-container--default .select2-selection--single .select2-selection__arrow b,
#collection-searchform .select2-container--default .select2-selection--single .select2-selection__arrow b,
#cset-selects .select2-container--default .select2-selection--single .select2-selection__arrow b {
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>');
  	background-color: transparent;
  	background-size: contain;
  	border: none !important;
  	height: 20px !important;
  	width: 20px !important;
  	margin: auto !important;
  	top: 10px;
  	left: auto !important;
}

#perpage .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
#collection-searchform .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
#sort-bucket-container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
#cset-selects .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>');
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#F3F3F3!important;color:inherit!important;}
.select2-container--default .select2-results__option--selected{background-color:#F3F3F3!important;color:inherit;}
.select2-container--default.select2-container--disabled .select2-selection--single{background-color:white!important;}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered{opacity:.25}


/*****************SEARCH INPUT****************/
.col-input-container{display:flex}
.col-input-container input.col-input{-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:24px;height:35px;width:100%;margin:0;border: 1px solid #e2e2e2;box-shadow:none;border-right:none;}
.col-input-container .sbtn{
	width:80px;
	height: 45px;
  	color:white;
  	margin-left:12px;
	/*border:none;*/
	box-shadow: none;
  	margin-top:0;
}
  #col-search-clear{width:60px;}

#collection-searchform{
	margin-bottom: 0px;
	
}
.col-input-container .sbtn .material-icons{margin-top:5px;}

/*********************VIEW BUTTON*******************/

#control .material-btn, #view-format .material-btn{
	display: inline-block;
	float: right;
	text-transform: none;
	font-size: 16px;
	width: 40px;
	height: 40px;
	border: 1px solid #e2e2e2;
	cursor: pointer;
	text-align: center;
  	
}

#view-format{color: #808080;}

/*#view-format .material-btn.active{background-color:#D8D8D8;}*/

#control .material-btn, #view-format .material-btn{margin-left:10px;}

/*#control .material-btn:hover, #view-format .material-btn:hover{background-color:#e2e2e2;}*/

#control .material-icons, #view-format .material-icons{
	/*font-size: 22px;*/
	vertical-align: middle;
	
	margin-top: 8px;
}
#control .material-btn{width:55px;height:43px; pointer-events: none;}
#control .material-icons{color:#e2e2e2;margin-top:10px;}

.col-content #status{
  height:40px;
  line-height:50px;
  font-size:18px;
  font-weight:200;
  padding-bottom:15px;
  border-bottom: 1px solid #e2e2e2;
  /*width:15%;
  overflow:hidden;*/
}
/*.col-content #control{margin-top:20px;}*/



.flex-container{
    width:100%;
    flex-flow: row wrap;
    box-sizing: border-box;
    display: flex;
    /*place-content: flex-start space-between;
    align-items: flex-start;
    border: 1px solid #2662c3;*/
    overflow: hidden;              /*  added  */
    margin-left:10px;
}

.flex-item{
    position: relative;            /*  added  */
    flex-direction: row;
    box-sizing: border-box;
    /*display: flex;*/
    /*place-content: center flex-start;*/
    align-items: center;
    flex: 1 1 180px;
    max-width: 180px;
    min-width: 180px;
    padding: 16px;
    /*height: 65px;*/
    margin-bottom: 10px;            /* compensate for border */
}

.flex-item.higher{
    /*height: 95px;*/
}

.flex-item::after{
    content: ' ';
    position: absolute;
    left: 0;
    top: -15px;
    width:100vw;
    border-top: 1px solid #e2e2e2;
}

.flex-item{
  padding-left:0;
  margin-left:0;
  width:180px;
    /*background: #eee;    */          /* for this demo only */
}

.flex-item.collection-archive{text-align:center}

/******************PAGINATION*********************/

.pagination.center{text-align:center;margin: 20px 0 0 0;}
.pagination a:hover,.pagination span{background-color:#e2e2e2;}
.pagination a, .pagination span{color:#808080}

.pagination a.next,.pagination a.prev {padding:0;}
.pagination a.next .material-icons,.pagination a.prev .material-icons{color: #808080;
  display: inline-block;
  background-color: white;
  vertical-align: middle;}

/********************PER PAGE BUTTONS*************/

#perpage{width:100%;text-align:center;margin:20px 0;}
/* Hide the browser's default radio button */
#ppp-format .ppp-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
#ppp-format .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color:white;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
#ppp-format .ppp-container:hover input ~ .checkmark {
  background-color: #e2e2e2;
}

/* When the radio button is checked, add a blue background */
#ppp-format .ppp-container input:checked ~ .checkmark {
  background-color: #e2e2e2;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
#ppp-format .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
#ppp-format .ppp-container input:checked ~ .checkmark:after {
  display: block;
}

#ppp-format{
display: inline-block;
/*float: right;*/
text-transform: none;
font-size: 13px;
cursor:pointer;
  margin-top:10px;
}

/*UBC CLF FIX ****/
#ubc7-global-footer,#ubc7-footer,#ubc7-unit{clear:both;/*background-color:#e2e2e2!important;*/font-family:'Open Sans',sans-serif!important;box-shadow:none!important;}
.full-width-container #content{margin:0 0 10px;width:100%;}
.full-width-container #container{padding-top:0;}
/*#ubc7-unit-menu{display:none;}*/
#ubc7-unit-identifier{padding:15px;font-size: 18px; font-weight:300;text-shadow: none;font-family:'Open Sans',sans-serif;}
#ubc7-signature{padding-left:15px;}
#pix-unit-name {font-size:24px;line-height:100px;}
#pix-unit-name span{font-size:14px;}
#site-content{min-height:500px!important;}

/******SORT**********/
#sort{border-bottom: 1px solid #e2e2e2;margin-top:10px;}
#sort .slabel{color:#cecece;}
/****SORT****/
body, input, button, select, textarea{font-family:'Open Sans',sans-serif;}
body p{font-size:18px;line-height:24px;color:#111;font-weight:200;}
/*#sort .ascdesc,*/#sort .sort-icon{font-size:13px;margin-left:10px;cursor:pointer;}
#sort .sort-icon.active{font-weight:bold;}
#sort .material-icons.active{color:orange;}
#sort #ascdesc{font-size:20px;}
#sort .select2-container--default .select2-selection--single{background-color:lightgray;border:1px solid lightgray;height:24px;border-radius:2px;}
#sort .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:24px}
#sort .material-icons{font-size:20px;vertical-align:middle;color:#111;margin-top:-1px}
#sort .sort-icon:hover .material-icons.down:before{content:"arrow_drop_up";}/*you need to add specific class and add content accordingly*/
#sort .sort-icon:hover .material-icons.up:before{content:"arrow_drop_down";}/*Remove content*/
#sort .sort-icon .material-icons.down:before{content:"arrow_drop_down";}/*you need to add specific class and add content accordingly*/
#sort .sort-icon .material-icons.up:before{content:"arrow_drop_up";}/*Remove content*/
/**IMage archive***/x
.flex-item.collection-archive{text-align:center}
.flex-item.collection-archive .stamp{width:18px!important;height:18px!important;margin-top:5px!important;/*margin-left:-15px!important;*/opacity:.4}
.flex-item.collection-archive .stamp.video_archive_icon{opacity:1}

.flex-item.collection-archive .single-flex-item{text-align:left;}
.flex-item.collection-archive:hover .thumb{box-shadow: none}
.flex-item.collection-archive:hover .stamp{opacity:1}
#control{padding-bottom:5px;}
.flex-item.collection-archive .thumb{margin-top:50%; transform:translateY(-50%);}
.flex-item.collection-archive .thumb.rotate90{margin-top:50%; transform: translateY(-50%) rotate(90deg);}
.flex-item.collection-archive .thumb.rotate180{margin-top:50%;transform: translateY(-50%) rotate(180deg);}
.flex-item.collection-archive .thumb.rotate270{margin-top:50%;transform: translateY(-50%) rotate(270deg);}

.material-icons.rotate-archive{
  display:none;
  position: absolute;
  background-color: lightgray;
  border-radius: 50%;
  left: 45%;
  bottom:45%;
  /*margin-top: 3px;*/
  color: gray;
}

.flex-item.collection-archive .thumb:hover .material-icons.rotate-archive{display:block;}


#ppp-format .ppp-container.active{font-weight:bold;}

/*********FRONT PAGE *****/
#hp-widget{margin-bottom:20px;}
#hp-widget .head{display:flex;width:100%; }
#hp-widget .title, #hp-accordion>div{border-bottom:1px solid #e2e2e2;}
#hp-accordion .head,#hp-accordion .content{margin:0;padding:0;}
#hp-accordion .content{display:block;}


#hp-widget .title{font-weight:normal; font-size:1em; color:#cecece; line-height:1.2em;}
#hp-accordion .head{font-weight:200}
#hp-widget a{text-decoration:none;color:#111;}

#hp-accordion h3.head.bar.head-open .sub,
#hp-accordion h3.head.bar.head-open .item,
#hp-accordion h3.head.bar.head-open .set a{font-weight:400;}

/*#hp-accordion .content .head.col:hover .sub,
#hp-accordion .content .head.col:hover .item a,
#hp-accordion .content .head.col:hover .set a,
#hp-accordion .head.bar:hover .sub,
#hp-accordion .head.bar:hover .item,
#hp-accordion .head.bar:hover .set a{color:red;}*/

#hp-accordion .head.bar:hover .material-icons.button{color:#111;}
#hp-accordion h3.head.col:hover .set a,
#hp-accordion .bar:hover .set a{text-decoration:underline;}


/*all links in collection row full width*/
#hp-accordion .col a{display:block;}
	
#hp-accordion .head.bar .set a{display:inline-block;margin-left:10px;}
#hp-accordion .head.col .set a{padding-left:40px;font-size:20px;}

#hp-widget .set{width:60%;padding:5px;}
#hp-widget .sub{width:15%;padding:5px;}
#hp-widget .item{width:15%;padding:5px;text-align:right;margin-right:100px;}
#hp-widget .material-icons{width:5%;padding:5px;}
#hp-widget .material-icons.button.colset:before{content:'keyboard_arrow_down'}

#hp-accordion .head-open .material-icons.button.colset:before{content:'keyboard_arrow_up'}
#hp-accordion .sub a, #hp-accordion .item a{display:block;font-size:20px;}
#hp-widget .title .material-icons{font-size:16px;}
#hp-accordion .sub, #hp-accordion .item{font-size:20px;}
#hp-widget .title .openall:before{content:'open_in_full';}
#hp-widget .title .closeall:before{content:'close_fullscreen';}
#browse-all{float:right;}
#browse-all .material-icons{display:inline-block;vertical-align:middle;}
.content-btn{display: inline-block;padding: 10px 14px;border: 1px solid;border-radius: 2px;color:white; text-decoration:none; margin:10px 0}
.content-btn:hover{color:white!important;}

/***********LIST VIEW***********/
.flex-container.col-list .flex-item.collection-archive .rows{margin-left:215px;}
.flex-container.col-list .flex-item.collection-archive .thumb{text-align:center;/*position:relative;*/}
.flex-container.col-list .flex-item.collection-archive{height:100%;width:100%;max-width:100%;clear:both;}
.flex-container.col-list .flex-item.collection-archive .thumb-wrap{float:left;}
.flex-container.col-list .flex-item.collection-archive .thumb-wrap{min-height:170px;max-height:180px;width:180px; text-align:center;}
.flex-container.col-list .flex-item.collection-archive .rows li.field-row{font-size:16px; margin-bottom:8px;}
.flex-container .flex-item.collection-archive .rows li.field-row strong{font-weight:normal;color:#bebebe;}
.flex-container.col-list .flex-item.collection-archive .single-flex-item li.field-row:nth-child(1){font-size:20px; margin-bottom:20px;}
.flex-container .flex-item.collection-archive .single-flex-item li.field-row:nth-child(1) strong{display:none;}
.flex-container .flex-item.collection-archive .single-flex-item li.field-row:nth-child(1) a{font-weight:400;}

/*********LEGEND*/
.legend-container{display:flex;margin-left:100px;margin-top:-30px;margin-bottom:40px;}
.legend-container div{color:gray;font-size:10px;font-weight:bold;transform: rotate(320deg);margin-left:-106px; padding-top:10px; width:150px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.legend-container2 div{margin-left:5px;display:inline-block;color:gray;font-size:10px;font-weight:bold;transform: rotate(320deg); padding-top:10px; width:150px; white-space:nowrap;}

.no-grid-show,ul.additional-details,.col-list .single-flex-item .show-additional{display:none;}
.collection-single .no-grid-show, .col-list .no-grid-show{display:block;}
.col-list ul.additional-details{display:block;}
ul.additional-details{list-style:none;text-align:left;margin:0;}

.collection-archive .material-icons.additional{font-size:22px;}
ul.additional-details .additional-button{font-size:16px;margin-bottom:10px;margin-top:20px;display:inline-block;}
ul.additional-details .additional:before{content:'keyboard_arrow_down';}
ul.additional-details.open .additional:before{content:'keyboard_arrow_up';}
ul.additional-details .additional-button:hover{cursor:pointer; color:#000000;}
ul.additional-details .additional-button:hover .additional:before{content:'keyboard_arrow_up';}
ul.additional-details .additional-box{display:none;}

label.appname{padding:0;font-size:1.3em;margin-right:5px;margin-left:5px;}
input#appname{width:400px;margin-top:18px;}
#app-title{font-size:26px;font-weight:400;margin-bottom:15px;}
body.home .collection-search-container{margin-bottom: 70px;}
body.home #app-title{color:white;}
body.home #app-title a{text-decoration:none;}
body.home #app-title{margin-top: -160px;}
body.home #col-search-clear{display:none;}e{content:'remove';}
ul.additional-details .additional-box{display:none;}


/*********************RELATED ITEMS**********/
.owl-carousel .owl-item img {
  display: inline!important;
  width: auto!important;
  }
  .MyNavs{display:inline-block;float:right;}
  .related-items{font-size:20px;border-top: 1px solid #e2e2e2; padding-top: 20px;}
  .MyNavs .material-icons{margin-top:-4px;}
  .MyNavs .owl-nav .disabled{opacity: 0.5;cursor: default;}
  .MyNavs .owl-prev,.MyNavs .owl-next{background:none;border:none;}
  .MyNavs .owl-prev.disabled,
  .MyNavs .owl-next.disabled {display: none;}  
  #back-to{font-size:18px;margin-bottom:15px;}



.c-accordion__item {margin:10px 50px 10px 15px;border-bottom:1px solid #e2e2e2;} /* The accordion item container */
.c-accordion__item.is-open {} /* is-open is added to open accordion items */
.c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */
.c-accordion__title {font-weight:400;} /* An accordion item title */
.c-accordion__title--button {} /* An accordion item title that is using a `<button>` tag */
.c-accordion__title:hover {font-weight:bold;} /* To modify the style when hovering over an accordion item title */
.c-accordion__title:focus {outline:none;} /* To modify the style when an accordion item title currently has broswer focus */
.c-accordion__content {margin-left:25px;} /* An accordion item content container */
.c-accordion__content li{
font-size: 18px;
color: #111;
font-weight: 200;
}
.c-accordion__title:after {
	position: static;
  	display:inline-block;
  	font-family: 'Material Icons';
    content: "\e313"!important;
  	font-size:24px;
    /*right:100px!important;*/
	margin-left: 5px;
	/*color: green;  Put whatever color you want here */
}
.is-open>.c-accordion__title:after {
  /*font-family: 'Material Icons';*/
  content: "\e316"!important;
}

.select2-container *:focus {outline: none;}

#downloadable{width:300px;margin-top:30px;}
#downloadbtn{
  	width: 300px;
	border: 1px solid #e2e2e2;
    margin-top:10px;
}
#downloadbtn a{display:block;color:#505050;padding: 10px 10px 10px 10px;text-decoration:none;}
#downloadbtn.browser a{padding:10px;}
#downloadbtn .material-icons{float:right;margin-top:2px;}
#downloadbtn:hover a{color:white!important;}

.collection-single .single-flex-item.rows .field-row strong{display:block;}

#feedback{margin:-2px;}
#contact-info{width:280px;margin-top:10px;/*margin-left:10px;*/display:none;}
#contact-info strong{font-weight:normal;font-size:12px;line-height:16px;display:inline-block;}
#feedback .feedback::before{content:'keyboard_arrow_down';}
#feedback.open .feedback:before{content:'keyboard_arrow_up';}
#feedback.open{color:white;}

#citation-info{
  width:280px;
  /*margin-top:10px;margin-left:10px;*/
  display:none;
  padding: 10px 10px 10px 10px;
  border: 1px solid #e2e2e2;
  border-top: none;
  margin-left: 0px;
}
#citation-info strong{font-weight:normal;font-size:12px;line-height:16px;display:inline-block;}
#citation .citation::before{content:'keyboard_arrow_down';}
#citation.open .citation:before{content:'keyboard_arrow_up';}
#citation.open{color:white;}
#citation-info #cite2clip,#citation-info .sub-btn{border: 1px solid #e2e2e2;border-radius:2px;cursor:pointer;}
#citation-info #cite2clip{float:right;margin-right:-1px;}
#citation-info .sub-btn{margin-right:10px;}
#citation-hidden{display:inline-block;height:0px;width:0px;overflow:hidden;}

#citation-text{display:none;}
#citation-text.active{display:inline-block;}

#cite-tabs .secondary-color-bg{background-color:black;}

@media only screen and (min-width: 980px)  {
#ubc7-unit-name{
	padding-left: 15px;
	padding-right: 15px;
}
}
@media only screen and (max-width: 1199px) and (min-width: 980px)  {
	.container, #ubc7-unit-menu .container {
  		margin: 0 auto;
  		width:980px;
	}
}
#photo-credit{
  display:none;
  	float: right;
	color: white;
	margin-right: 25px;
	font-size: 10px;
	line-height: 10px;
	opacity: .7;
}

body.home #photo-credit{display:block;}

/*Edit Screen*/
#document-meta{background-color:aliceblue;}
#document-meta .row .label{font-weight:bold;margin-top:10px; margin-left:8px;}
#document-meta .row .label span{font-weight:normal;color:#a2a2a2;margin-left:5px;}
#document-meta input[type=text],#document-meta input[type=url]{width:100%;border:1px solid #e5e5e5}
#document-meta input[type=checkbox]{margin-left:10px;border:1px solid #e5e5e5}
#document-meta #datepick-date,#document-meta #datepick-period{width:49.1%;}

  	@media only screen and (max-width: 980px)  {

.flex-container.col-list .flex-item.collection-archive .single-flex-item li.field-row:nth-child(1){font-size:16px; margin-bottom:20px;line-height:16px;}
.flex-container.col-list .flex-item.collection-archive .rows li.field-row{font-size:14px; margin-bottom:8px;line-height:14px;}

        .col-content #status{font-size:14px}
        #cart-details .cartinput_container.cartinput_list{padding-left:4%;width:96%}

     	.flex-item{
    		position: relative;            /*  added  */
    		flex-direction: row;
    		box-sizing: border-box;
    		/*display: flex;*/
    		/*place-content: center flex-start;*/
    		align-items: center;
    		flex: 1 1 166px;
    		max-width: 166px;
    		min-width: 166px;
    		padding: 0px;
                /*padding-left:40px;*/
                padding-top:25px;
    		/*height: 65px;*/
    		margin-bottom: 10px;            /* compensate for border */
		}
      	.flex-item .thumb img,.flex-item .thumb-wrap img{ max-width:166px!important;max-height:166px!important;}
      	.flex-item .thumb-wrap{ min-height:150px!important;max-height:166px!important;}
        }

  	@media only screen and (max-width: 450px)  {
                .col-content #status #results-text{display:none;}
                .cartinput_container.cartinput_list{padding-left:4%;width:96%}
		#sort-bucket-container .select2-container--default{width:110px!important;}
      	#cset-selects .cset-term{width:100%;margin-right:0;}
        .card-item.collection-archive .single-flex-item.rows{min-height:100px!important;}
        /*.card-item.collection-archive .single-flex-item.rows li.field-row{display:none;}*/
        .card-item.collection-archive .single-flex-item.rows li.field-row.title{display:block;padding-top:10px;}
      	.flex-item{
    		position: relative;            /*  added  */
    		flex-direction: row;
    		box-sizing: border-box;
    		/*display: flex;*/
    		/*place-content: center flex-start;*/
    		align-items: center;
    		flex: 1 1 105px;
    		max-width: 105px;
    		min-width: 105px;
    		padding: 0px;
                /*padding-left:20px;*/
                padding-top:25px;
    		/*height: 65px;*/
    		margin-bottom: 10px;            /* compensate for border */
		}
      	.flex-item .thumb img,.flex-item .thumb-wrap img{ max-width:105px!important;max-height:105px!important;}
      	.flex-item .thumb-wrap{min-height:105px!important;max-height:105px!important;}
      	.record.collection-single{flex-wrap:wrap;}
      	.record.collection-single .single-flex-item.rows {width:100%;margin-left:-10px;}
      	.related-items{padding:20px 30px 10px 20px;}
      	#back-to{margin-top:10px;}
#isotope-grid .flex-item{padding-top:5px;}
#isotope-grid .flex-item .openpopuplink{width:auto;}

.flex-container.col-list .flex-item.collection-archive{padding-bottom:20px;}
.flex-container.col-list .flex-item.collection-archive .rows{margin-left:130px;}
.flex-container.col-list .flex-item.collection-archive .thumb-wrap{width:auto;}
.flex-container.col-list .flex-item.collection-archive .single-flex-item li.field-row:nth-child(1){font-size:14px; margin-bottom:20px;line-height:14px;padding-top:0;}
.flex-container.col-list .flex-item.collection-archive .rows li.field-row{font-size:12px; margin-bottom:8px;line-height:12px;}
	}

tfoot .column-currently_editing, tfoot .column-workflow_state, #currently_editing,#workflow_state,#workflow-state.postbox,#the-list .workflow_state,#the-list .currently_editing{
  width:0px!important;
  font-size:0;
}

body.home #app-title a{color:white;pointer-events: none;}
.record.collection-archive .field-row.title{font-size:14px;margin-bottom:10px;}
#wpadminbar a:hover{color:#00b9eb!important;}
.not(#photo-credit) .credit-nologin{
  	display:inline-block;
	position: absolute;
	margin-top: -60px;
	right: 0;
	padding-right: 68px;
	font-size:10px;
	line-height:10px;
	color:white;
  	opacity:.7;
}

.pagination a:hover{color:white!important;}

#pppwrap{margin-top:20px}
#pppwrap label{padding: 10px 10px 0 0}
#pppwrap #perpage{display:inline;}
.col-archive-header img{width:55px;}
.thumb-wrap.event.no-image img{max-height:148px;max-width:148px;}

#workflow-state{display:none!important;}
li.field-row{word-break:break-word;}

#cset-selects{visibility:hidden;}
#sort-bucket-container,#field-search{visibility:hidden;}
.col-content .col-desc-section ul.flex-item{display:none;}

.collection-single .field-row.url a:after{
  font-family: FontAwesome;
  content:'\f08e';
  text-decoration:none;
  margin-left:5px;
  display:inline-block;
  font-size:16px;
}

#related_posts #add_to_cart{display:none;}

/*Embed */
#adc-video{margin-left:8px;margin-top:0px;}
	#video-form {
		display:flex;
		flex-direction:row;
		/*border:1px solid #e5e5e5;*/
		padding:0px;
		margin-left:7px;
		margin-right:5px;
	  }

	#video-form input {
		flex-grow:2;
		border:none;
		max-height:30px;
	  }
	  
	#video-form a {
		/* Just a little styling to make it pretty */
		display:inline-block;
		border:1px solid #e5e5e5;
		background:#e5e5e5;
		color:#a2a2a2;
		max-height:25px;
		text-decoration:none;
		padding:4px 4px 0 4px;
	  }
	#_dc_embed.good{background-color:#E7F5E6}
	#_dc_embed{background-color:#F5E6E6}

  #_dc_url.good{background-color:#E7F5E6}
	#_dc_url{background-color:#F5E6E6}

.clasitemvideo{
    /*border:1px dotted #cecece;*/
    max-width:613px;
    max-height:388px;
    overflow:hidden;
    height:39vw;
}

body.home input#list-toggle,body.home #app-title .list-toggle, body.home span.list-toggle-label{display:none;}

  #overlay1{
    transform:translateX(-100%) rotate(-11.25deg);
    position:absolute;
    max-width:126px;
    max-height:126px;
  }

  #overlay2{
    transform:translateX(-100%) rotate(-22.5deg);
    position:absolute;
    max-width:126px;
    max-height:126px;
  }

  @supports (-moz-appearance:none) {
    #overlay2{
      transform:translateX(-50%) translateY(-100%) rotate(-22.5deg);
    }
  }

  #dropufile .ezdz-accept{height:auto!important}
  #dropufile .ezdz-dropzone{border-radius:6px!important;border-width:3px!important;border:3px dotted lightgray}
  #dropufile .ezdz-accept{/*border-color:#008ec2 !important;*/}
  #dropufile .ezdz-enter{border-color:#008ec2!important;}
  #import-default{margin-top:20px;}
  .upload-file .ezdz-accept, .upload-file .ezdz-dropzone{
    border:2px dotted #cecece;
    border-radius:2px;
  }

  .upload-file .ezdz-dropzone{
    font-size:12px;
    color:rgb(79, 79, 79);
    height:auto;
    width:auto;
    line-height:12px;
    min-width:100px;
    min-height:100px;
    max-width:200px;
    max-height:200px;
    margin-left:8px;
  }

  .upload-file .ezdz-dropzone > div{margin-top:35px;}
  .upload-file .ezdz-dropzone > div:before{
    font-family:dashicons;
    content: '\f10f';
    display:block;
    font-size:20px;
    margin-bottom:5px;
    color: rgb(49,159,215);
  }

  .upload-file .ezdz-dropzone.ezdz-accept > div:before{content:'';}
  .upload-file .ezdz-dropzone.ezdz-accept > div{margin-top:0px;}


  .upload-file .ezdz-dropzone.hover,
  .upload-file .ezdz-dropzone:hover{
    border:2px solid rgb(49,159,215);;
  }


  .excel{
    background-image:url('../assets/fileicons/excel.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .mp3{
    background-image:url('../assets/fileicons/mp3.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

.daterangepicker .drp-calendar{max-width:inherit!important;}

.inline-edit-row fieldset .timestamp-wrap, .inline-edit-row fieldset label span.input-text-wrap{padding-left:1em;}
.inline-edit-row fieldset label span.title, .inline-edit-row fieldset.inline-edit-date legend{width:6.5em;}
video{width:100%;}
.video-container #video{width:302px;height:auto;}
.video-container{margin-left:-2px;display:none;}
/*.collection-single .field-row.embed.no-grid-show strong,
.collection-single .field-row.kaltura.no-grid-show strong{display:none;}*/

.medium.docthumb.video-image img.vid{opacity:.9}
.medium.docthumb.video-image:hover img.vid{opacity:.9}
.vid{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rotate0 .stamp {
left: 2px;
bottom: 2px;
transform: rotate(0deg);
}
/*body.singular .responsive-media{display:none;}*/
/*body.edit-php #thumb_type,
body.edit-php  .thumb_type.column-thumb_type{visibility:hidden;width:0;}*/

body.home #collection-searchform .material-btn.btn-clear{display:none;}