/* http://yui.yahooapis.com/2.4.1/build/reset/reset-min.css */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/* http://yui.yahooapis.com/2.4.1/build/base/base-min.css */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* http://yui.yahooapis.com/2.4.1/build/fonts/fonts-min.css */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *

 */
fieldset.time-unit, fieldset.time-unit fieldset, fieldset.complex-date, fieldset.complex-date-range {
	font-size: 14px !important;
}

fieldset.time-unit legend {
	z-index: 5;
}

fieldset.complex-date label {
	margin: 0 5px 3px 0;
	display: block;
}

fieldset.complex-date .complex-date-end-wrapper {
	margin-top: 5px;
}

fieldset.complex-date .complex-date-end-wrapper label {
	display: inline;
}

fieldset.complex-date select, fieldset.complex-date input {
	width: 100px;
}

fieldset.complex-date select.intercalary {
	width: 60px;
}

fieldset.complex-date {
	width: 50%;
	float: left;
	clear: none;
}

fieldset.complex-date-range {
	width: 750px;
}
fieldset.complex-date .complex-date-field-wrapper {
  width: 100px;
}

fieldset.complex-date .complex-date-field-wrapper label{
  text-align: left;
}

fieldset.complex-date > div:nth-of-type(odd) {
  background: #efefef;
}

.complex-date-certainty-wrapper {
	float: right;
	margin-top: 1.5em;
  width: 45%;
}

.time-unit-range-wrapper {
	width: 420px;
}
/**
* Admin Edit (taken from Sources BODY tag)
* BODY Class Structure Guide for CSS Selectors
* -----------------------------------------------------------------
* Collections View Page - class= 'node-type-collection'
* - Collections Edit Page - class= 'node-type-collection page-node-edit'
* Collections Group View Page - class= 'page-node-group'
* - Collections Group Edit Page (Add Group Members) - class= 'page-group page-group-node page-group-node-admin page-group-node-admin-people page-group-node-admin-people-add-user'
* - Collections Group Edit Page (Manage Group Members) - class= 'page-group page-group-node page-group-node-admin page-group-node-admin page-group-node-admin-people'
* Collections Group Edit Page - class= 'page-group-node page-group-node-admin'
* Collections Log Page - class= 'page-node-log'
* - Collections Log Edit Page - (there is no Log edit page)
*/

.media-wrapper.ui-dialog .ui-dialog-titlebar-close::before{
  content:'X';
  display:inline-block;
  color:#555;
  position:relative;
}

.page-node-add .content-section a,
.page-node-edit .content-section a {
  font-weight: bold;
  font-family: 'Helvetica Neue',helvetica,arial,sans-serif;
}


/**
* Page layout
*/
.page-node-add .tab-pane.main-col,
.page-node-group .tab-pane.main-col,
.page-group-node-admin .tab-pane.main-col {
  max-width: 920px !important;
}

.page-node-add.no-sidebars .tab-pane.main-col,
.page-node-edit.no-sidebars .tab-pane.main-col,
.page-node-group.no-sidebars .tab-panel.main-col{
    max-width: 870px !important;
}

@media (min-width:1150px) {

  .page-node-edit .tab-pane.main-col {
      max-width: 920px !important;
  }
}

.page-mycontent-workflow .tab-pane.main-col {
  max-width:1200px;
}

.page-group-node-admin .tab-pane.main-col{
  padding-top:3rem;
}




/* powerful, careful */
.page-node-add .fieldset-wrapper .form-item,
.page-node-edit .fieldset-wrapper .form-item{
  margin:0;
}

/* My Stuff Account Collections page - 50% columns for drop-select */
.view-my-workflow .field-accordion .form-item {
 /*display:inline;*/
  width: 50%;
  float: left;
}

.view-my-workflow .field-accordion .form-item label {
  display: block;
}



/* under input */
.form-wrapper .description {
  font-size: 0.93em;
  margin-top: 0.25em;
  margin-bottom: .75em;
  padding-left: 1.75em;
  max-width: 50em;
  font-style: italic;
  color: #222;
}

.form-wrapper .description p{
  font-style: italic;
  color: #222;
}






/* form table td.label styles address the 'Group Space' fields on ...node/add/collection*/
form table td.label {
 /* display:inline-block;font-size: 100%; */
  padding: 1rem 0;
}

form table td.label strong::after {
  content: ':';
  padding-right: 0.5rem;
}

form table td.label .description {
  display: inline;
}

.form-type-password-confirm {
  position: relative;
}

.password-strength {
  margin-top: 0;
}

.password-indicator {
  margin-top: 1em;
}

.password-indicator div {
  position: relative;
  top: -0.68em;
}

.form-type-password .error {
  color: #f00;
}

.form-type-password-confirm .password-strength-title {
  position: relative;
  top: 0.62em;
}

.form-type-password-confirm .password-strength-text {
  position: relative;
  top: 0.62em;
}

html.js .form-autocomplete {
  background-position: 98% center !important;
}

.form-item .description .warning,
.fieldset-description .error {
  padding: 0.12em 0.38em;
  margin-top: 0.25em;
  float: left;
  box-shadow: none;
}

tr.region-title td {
  color: #555;
  padding-top: 0.5em;
  font-family: 'museo-sans-500',helvetica,arial,sans-serif;
}

#edit-filters-order {
  padding-bottom: 15px;
}

table.tabledrag-processed {
  /*width: 100%;
  text-transform: capitalize;*/
}

table .draggable a.tabledrag-handle {
  height: 1.5em;
  margin-top: .25em;
}

table .draggable a.tabledrag-handle:hover,
table .draggable a.tabledrag-handle:active {
  border: none !important;
}

table .draggable a.tabledrag-handle .handle {
  background: none;
  height: 1em;
  width: 1em;
  font-family: 'Glyphicons Halflings';
  color: #999;
  font-size: 0.86em;
  line-height: 1em;
  padding: 0;
  margin: 0 2em;
  display: inline-block;
  position: relative;
  top: 0;
}

a.tabledrag-handle .handle::before {
  content: '\e068';
}

a.tabledrag-handle,
a.tabledrag-handle:hover,
a.tabledrag-handle:active {
  border: none !important;
}

a.admin-update,
a.features-storage,
.features-storage,
.features-component-list span {
  border-radius: 0;
}

.file-widget.form-managed-file {
  padding-left: 1.25em;
}

.exposed-filters .form-item label {
  float: none;
}


.page-group-node-admin fieldset.form-wrapper {
  margin-left:0;
  font-size: 1.06em;
}

.page-group-node-admin .placeholder{
font-size: 1.12em;
}



/* shade interior nested accordions as in AV for contrast */
.panel.panel-default .panel-collapse .panel-heading h6 a.collapsed{
  background: #f0f0f0;
}





/**
* --------------------------------------------------
* KMAPS Type-Ahead - Search & Filter & Tree-Picker
* --------------------------------------------------
*/
.kmap-result-box{
  position: relative;
  left: 0.7rem;
}

.kmap-tree-picker label,
.kmap-typeahead-picker label{
  margin-left: 1.5rem;
  text-transform: capitalize;
}
.kmap-tree-picker label span,
.kmap-typeahead-picker label span{
  text-transform: uppercase;
  font-weight: bold;
}

/* Keyword w/(x) cancel buttons */
.selected-kmap{
  color: #333;
  font-size: 0.93em;
  font-family: 'museo-sans-500', helvetica, arial, sans-serif;
  border: none;
  padding: 0.3rem 0 0.3rem 0.4rem;
  background-color: transparent;
}
.selected-kmap:hover{
  color: #555;
  background-color: transparent;
}
.selected-kmap .shanticon-close2:before{
  color: #888;
  position: relative;
  top: 0.15rem;
  font-size: 1.12em;
  cursor:pointer;
  content: '\e60f';
  font-family:'shanticon';
}
.selected-kmap:hover .shanticon-close2:before{
  color: red;
}
/* END keyword labels */




.kmap-tree-picker, /* --------- testing consolidation of above declarations */
.kmap-typeahead-picker{
  position:relative;
}

.field-name-field-subject .kmap-tree-picker,
.field-name-field-subject .kmap-typeahead-picker,
.field-name-field-subcollection-root .kmap-tree-picker,
.field-name-field-recording-location-new .kmap-tree-picker{
  width: 38rem;
}

.field-name-field-subject .kmap-tree-picker{
  width: 42rem;
}






.kmap-tree-picker .shanticon-magnify,
.kmap-typeahead-picker .shanticon-magnify{
  position: absolute;
  left: 1rem;
  top:2.7rem;
  color: #999;
  font-size: 1em;
}

.kmap-typeahead-picker .shanticon-magnify{
  position: absolute;
  top: 3.7rem;
}





.kmap-search-button,
.kmap_search_button{
  background-color: #5b68ce;
  color: #eee;
  display: inline-block;
  padding: 0.5rem 1.5rem 0.2rem;
  border-radius: .3rem; 
  border: 1px solid #777;
  font-family:'museo-sans-500', helvetica, sans-serif;
  font-size:0.93em;
  margin-left:0.5rem;
}

.kmap-search-button:hover,
.kmap_search_button:hover,
.kmap_search_button:focus,
.kmap-search-button:focus{
  background: #4850bd;
  border-color:#4850bd;
  color:#fff;
}

/*
.kmap-pick-tree::-webkit-scrollbar {
    -webkit-appearance: none;
}
*/

.kmap-lazy-tree,
.kmap-pick-tree{
  font-size: 85%;
  font-weight: normal !important;
  /*border-top: 2px solid #e0e0e0;
  border-radius: 0.5rem 0.5rem 1rem 1rem;
  box-shadow: inset 0 0 7px #ddd;*/
  padding: 0;
  background: #f5f5f5;
  margin-top:1rem;

  padding: 0 0 0 1rem;
  background:#f7f7f7;
  border:1px solid #ddd;
  border-width: 3px 2px 2px;
  border-top-color:#ccc;
  max-height: 450px;
  overflow: auto;
}
.kmap-pick-tree p{
  margin: 10px;
  font-size: 1.12em;
}
.kmap-pick-tree ul{
  list-style: circle inside none;
}
.kmap-pick-tree ul ul{
  -webkit-padding-start: 9px;
  padding-left: 9px;
}
/* tree results list items */
.kmap-pick-tree .matching,
/* tree results list items */
.kmap-pick-tree .matching.terminal{
  color:#333;
  line-height: 1.75em;
}

/**
* ----------------------
* END: KMAPS Type-Ahead
* ----------------------
*/









/**
* add more row fields 
*/
.btn.field-add-more-submit {
  font-size: 0.82em;
  padding: .1em 1.5em .3em;

  float: right;
  margin-left: 1em;
  margin-bottom: 1rem;
}

.btn.field-add-more-submit > span::before{
  content: '+';
  font-size: 2em;
  position: relative;
  top: 0.2rem;
  left: -0.6rem;
}



.views-exposed-form label{
  font-size:0.88em;
}


/* Selector target - body class=page-group-node-admin */
.page-group-node-admin fieldset.form-wrapper legend{
  font-size: 1em;
}
/* Selector target - TABLE class=views-table */
table.views-table{
  width:100%;
}

table.views-table a{
  border-bottom: none;
  /* font-weight: bold; */
}

table.views-table .views-field-edit-membership a{
  padding-left: .75rem
}

table.views-table tr.odd{
  background: #f5f5f5;
}

table.views-table tr.even{
  background: #fff;
}

table.views-table tr.odd:hover,
table.views-table tr.even:hover{
  background: transparent;
}

table.views-table .form-type-checkbox{
  padding: 0.5rem;
}

table.views-table thead .icheckbox_minimal-red{
  margin-left: 1.55rem;
}
/* column sorting arrow img */
table.views-table thead a > img{
  display: inline-block !important;
  margin-left: .5rem !important;
}

.view-og-members-admin .view-header{
  padding-left: 1rem;
}

.view-og-members-admin .view-filters{
  padding-left: 3rem;
}

.view-og-members-admin .form-item{
  margin-top:0;
}

.view-og-members-admin .form-item.form-type-select{
  padding-right:1rem;
}





/** 
* My Content Pages - @new from mb-main @June 3, 2016 @question - vbo-views-form ?
*/
/* Selector target - fieldset #edit-select */
.view-my-content .vbo-views-form fieldset#edit-select {
  float: right;
  width: 65%;
}

.view-my-content .vbo-views-form fieldset#edit-select legend {
  color: #555;
  font-size: 80%;
  font-family: 'museo-sans-700',helvetica,arial,sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  border: none;
  padding: 12px 0px 0px;
}

.view-my-content .vbo-views-form fieldset#edit-select .fieldset-wrapper > .form-item {
  margin-top: -0.3em;
}

.view-my-content .vbo-views-form fieldset#edit-select .fieldset-wrapper > .form-item + button {
  margin-top: -8px;
}

.view-my-content .vbo-views-form fieldset#edit-select .btn-group {
  margin: 0px;
}

.view-collections .view-my-content .views-exposed-widgets {
  float: left;
  margin-bottom: 0;
}

.view-collections .views-exposed-form .views-exposed-widgets {
  min-width: 24rem;
  margin: 0 auto;
  display: inline-block;
}

.view-collections .view-my-workflow .views-exposed-widget {
  float: left;
  padding: 0px 12px;
}
/* widget singular not plural */
.view-collections .views-exposed-form .views-exposed-widget { 
  height: 5.5rem;
  margin: 0;
  text-align: left;
  padding: 0 0.5em 0 0;
}

.view .form-item-operation {
  float: left;
}

.view .form-item-operation + button {
  margin: 0 0 0 8px;
  vertical-align: top;
}


.views-table th{
  font-size: 0.88em;
  padding: 0 0.3rem;
  min-width: 75px;
}

.views-table tr td{
  padding: 6px 12px 6px 3px;
  min-width: 75px;
  font-size: 0.88em;
  text-transform: capitalize;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
}
.views-table tr td.views-field-name,
.views-table tr td.views-field-title {
  font-size: 0.93em;
  font-weight: bold;
}

.page-my-content-workflow .views-exposed-widgets {
  margin: 1rem;
}

/* - page-mycontent-workflow - new @june 2016 */

.page-mycontent-workflow .views-exposed-form .views-exposed-widget{
  padding-right: 5rem;
}

.page-mycontent-workflow .views-exposed-form .panel-group label{
  font-size:0.75em;
}

.page-mycontent-workflow .view-filters .bootstrap-select.form-control{
  width: 120%;
}


/* view My Content in My Workflow etc */
.views-field {
  padding: 0 0.5rem 0 0;
  font-size: 0.93em;
}

.views-table td.active {
  background: transparent;
}

.views-field td img {
  margin: 0.2rem;
}

.views-field-realname,
td.views-field-created,
td.views-field-changed,
td.views-field-type {
  font-size: 0.82em;
}

.views-table.cols-8 .views-field.views-field-title {
  width: 40%;
}

/* end new migration from mb-main */








.page-node-add .form-type-checkbox,
.page-node-edit .form-type-checkbox,
.page-group-node-admin .form-type-checkbox { padding: 1rem 0;}

.page-node-add .form-type-checkbox .description,
.page-node-edit .form-type-checkbox .description,
.page-group-node-admin .form-type-checkbox .description { margin-top: 0; margin-left: 0; }

.page-node-add .icheckbox_minimal-red,
.page-node-add .iradio_minimal-red,
.page-node-edit .icheckbox_minimal-red,
.page-node-edit .iradio_minimal-red,
.page-group-node-admin .icheckbox_minimal-red,
.page-group-node-admin .iradio_minimal-red {
  margin-right: 0.75rem !important;
    margin-left: 1.5rem;
  margin-left: 0.5rem;
  position: relative;
  top: -1px;
  left: 0;
}

.page-node-add .iradio_minimal-red,
.page-node-edit .iradio_minimal-red,
.page-group-node-admin .iradio_minimal-red{ 
  border-radius: 50%;
  background-clip: padding-box;
  margin-top:0.5rem;
  margin-bottom:0.5rem;
  margin-right: 0.5rem !important;
}
/* adds a little contrast */
.page-node-add .iradio_minimal-red,
.page-node-add .icheckbox_minimal-red,
.page-node-edit .iradio_minimal-red,
.page-node-edit .icheckbox_minimal-red,
.page-group-node-admin .iradio_minimal-red,
.page-group-node-admin .icheckbox_minimal-red { 
  box-shadow: 0 0 2px #999; 
  border-collapse: separate; 
  background-color: #f7f7f7;
}







/**  
* Textarea Edit block (example Edit Summary, frontpage )
*/
.form-disabled input.form-autocomplete, 
.form-disabled input.form-text, 
.form-disabled input.form-file, 
.form-disabled textarea.form-textarea, 
.form-disabled select.form-select{ background-color: #fafafa; }

a.link-edit-summary,
a.link-edit-summary{
  font-size: 90%;
  text-transform: capitalize;
  padding: 0 0.5rem;
}

table.field-multiple-table .field-widget-text-textarea{ padding-top:1rem; }
/* toggle text editor link text under textarea */
.ckeditor_links{ margin-left:2rem; }
/* Help text and dropdown menu width for Editor - Full HTML, etc */
.filter-wrapper .form-item-body-en-0-format{ width: 22rem; }
/* Text Formats Label */
.filter-wrapper .form-item label{ display: block; }
/* format rich-text editor dropdown selector */
.filter-wrapper .form-item{ margin-top: -1em; }

.text-format-wrapper .description{ margin-left:1rem; }
/**  
*** END Textarea Edit block ***/






/* Form Buttons w/ID selectors - at very bottom */

/* other than Save & Delete button gets white/grey */
button#edit-preview-changes,
button#edit-preview,
button#edit-draft,
button#edit-cancel,
a#edit-cancel{
  box-shadow: none;
  color: #606060;
  letter-spacing: .02em;
  background:#fff;
  border:1px solid #ddd;
}

button#edit-preview-changes:hover,
button#edit-preview:hover,
button#edit-draft:hover,
button#edit-cancel:hover,
a#edit-cancel:hover{
  background: #888;
  box-shadow: none;
  border-color: #888;
  color: #fff;
  text-shadow: 0 0 1px #444;
}

/* Delete button gets white/red */
button#edit-delete{
  float: right;
  padding: .38em 1.5em .25em;
  font-size: 0.68em;
  background: #fff;
  color: #606060;
  font-weight:bold;
  border:1px solid #ddd;
}

button#edit-delete:hover{
  background: red;
  color:#fff;
}

/**
*** END Textarea block ***/










/**
* Collections-Main Edit Form 
*/

/* featured image thumbnail buttons: Select, Edit, Remove */
.icheck-label.option{ margin-left: 0; }
.node-collection-form .radio-inline,
.node-collection-form .checkbox-inline{ padding-left: 0; }
.media-widget{ position: relative; }
.media-widget a{ 
  padding: 0.38em 1.5em 0.25em;
  font-size: 0.88em;
  background: #fff;
  color: #606060;
  font-weight:normal;
  border:1px solid #ddd !important;
  margin:0 0.3rem;
  font-family: 'museo-sans-700',helvetica,arial,sans-serif;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  bottom: 40px;
}
.node-type-collection .media-widget a:hover{
  background: #888;
  box-shadow: none;
  border-color: #888 !important;
  color: #fff;
  text-shadow: 0 0 1px #444;
}
/* adjust position of featured image thumbnail to label text */
.node-type-collection .media-widget .preview .media-item{
  margin: 0 10px;
}

.node-type-collection .media-widget .form-item{
  margin-bottom: 0;
}



.field-type-image.field-name-field-general-featured-image{
  position: relative;
  min-height: 6rem;
}

.form-type-media.form-item-field-general-featured-image-und-0 a.button.browse{
  display: inline;
  position: absolute;
  top: 0.5rem;
  left: 1rem;
  height: 2.75rem;
}



/**
* Collection-Group Page (not Edit page - which has slightly different body class="page-group-node")
*/
.page-node-group .admin-list dt{ margin-top:1.5rem; }
.page-node-group .admin-list dd{ margin-left: 1rem; font-style:italic; font-size: 90%; }
.page-node-group .admin-list dd::before{ content:'-'; display:inline-block; position:relative; margin-right:0.4rem;}

/**
* Collection-Log Edit Form 
*/
.page-node-log .btn.btn-primary.form-submit { padding: .32em 1.5em .12em; }
.page-node-log .views-exposed-form .views-exposed-widget .form-submit{ margin-top: 1.62em; }
.page-node-log .bootstrap-select.btn-group .dropdown-menu.open{ min-width: 110px; }




/***** BEGIN Vertical Tabs *****/
.vertical-tabs {
  margin-top: 0;
  background: #fdfdfd;
}

.vertical-tabs-pane{
  padding:1rem;
}

.vertical-tabs-panes {
  margin-bottom: 2em;
  font-size: 1em;
}

.vertical-tab-button a,
.vertical-tab-button.selected a {
  border-bottom: none;
  outline: none !important;
  font-family: 'museo-sans-700',helvetica,arial,sans-serif;
  font-weight: bold;
}

.vertical-tab-button a:hover,
.vertical-tab-button a:active,
.vertical-tab-button.selected a:hover,
.vertical-tab-button.selected a:active {
  border-bottom: none;
  text-decoration: none !important;
}

.vertical-tabs a {
  border-bottom: none;
}

.vertical-tabs a:hover,
.vertical-tabs a:active {
  text-decoration: underline;
  border-bottom: none;
}

.vertical-tabs .vertical-tab-button.selected a:hover,
.vertical-tabs .vertical-tab-button.selected a:active,
.vertical-tabs .vertical-tab-button.selected a:-webkit-any-link:hover,
.vertical-tabs .vertical-tab-button.selected a:-webkit-any-link:active {
  text-decoration: none;
}

.vertical-tabs-panes.vertical-tabs-processed {
  padding:1rem 1.5rem;
  /* border-top: 1px solid #ddd; */
 /* border-bottom:1px solid #fff; */
}


/* Selector target UL.vertical-tabs-list */
.vertical-tabs ul.vertical-tabs-list .selected strong {
  color: inherit;
}

.vertical-tabs ul.vertical-tabs-list li a:hover strong {
  text-decoration: none;
}

.vertical-tab-container .nav-tabs>li {
  border-right: 1px solid  #ddd;
}

.vertical-tabs ul.vertical-tabs-list li.selected {
  border-right: 1px solid  transparent;
  background: #fdfdfd;
}

.vertical-tabs ul.vertical-tabs-list li.selected:hover{
  background: #fff;
}

.vertical-tab-container .nav-tabs>li>a {
  border: none !important;
}

.vertical-tab-container .nav-tabs>li>a:hover {
  border: none !important;
}

.vertical-tabs ul.vertical-tabs-list .summary{
  font-weight: normal;
  font-size: 90%;
  color: #707070;
}

.vertical-tabs .radio-inline{
  padding-left:0;
  margin-left:0;
}

.vertical-tabs .form-type-radio .description{
  margin-left: 2.4em;
  margin-top: -0.5rem;
}

.vertical-tabs .form-type-textfield{
  padding-left: 1rem;
}

.vertical-tabs .form-item-date input{
  max-width:18em;
}

.vertical-tabs .form-item-name input{
  max-width:22em;
}

.vertical-tabs .form-wrapper label{
  font-size:0.93em;
}

.vertical-tabs .form-wrapper .form-type-radio label,
.vertical-tabs .form-wrapper .form-type-checkbox label{
  font-size:1.06em;
}

.vertical-tabs .form-wrapper .form-item-date > div{
  padding-left:0;
}

.vertical-tabs .form-wrapper .form-item-date > label{
  /*margin-left: 2rem;*/
  /*margin-top: 1rem;
  margin-bottom: -0.5rem;*/
}

.vertical-tabs table.redirect-list{
  margin-left:1rem
}

.vertical-tabs table.redirect-list tbody td{
  padding-left: 1rem;
}

.vertical-tabs table.redirect-list thead th:first-of-type img{
  display: inline-block !important;
  margin-left: 0.5rem !important;
  margin-bottom:0.2rem !important;
}

/**
*** END vertical tabs ***/










/**
* --------------
* Modal Popup
* --------------
*/
#modalContent{
  box-shadow: 0 0 10px #aaa;
  border-radius: .2rem;
  z-index: 1000 !important;
  /*min-width: 550px;
  max-height: 700px;*/
  overflow:hidden;
  margin-left:-200px;
}
/* target edit collection page only w/height for now to be safe */
.node-type-collection #modalContent{
  max-height: 700px;
}

@media (max-width: 600px) { 
    
    #modalContent {
      position: fixed !important;
      min-width: 320px;
      top: 12% !important;
      bottom: 12% !important;
      right: 4% !important;
      left: 4% !important;
    }
}

/* kaltura upload video */
div.ctools-modal-content {
  margin: 0 auto;
  width: 100% !important;
  /*max-width: 550px !important;
  max-height: 350px !important;*/
  border: 1px solid #ccc;
  border-radius: .2rem;
}

div.ctools-modal-content .modal-content {
  width: 100% !important;
  max-width: 550px !important;
  padding: 2rem 9%;
  box-shadow:none !important;
  border:none !important;
  background:transparent;
}

div.ctools-modal-content .btn.btn-delete.btn-primary{
  margin-top:0 !important;
}

div.ctools-modal-content button#edit-submit--5.btn.btn-primary.form-submit{
  padding: 0.4rem 1.8rem 0.2rem;
  font-size: 0.75em;
}

div.ctools-modal-content button#edit-media-remove-button.btn.btn-primary{
  padding: 0.7rem 0.5rem 0.7rem;
  margin-top:-0.5rem !important;
}

div.ctools-modal-content #edit-actions--3.form-actions.form-wrapper{
  margin-top:4rem;
}
/*
.modal-header button.close{
  position: relative;
  top: -1.5rem;
  left: 1rem;
}

.modal-content .messages.status{
  display:none;
}
*/
div.ctools-modal-content .modal-header{
  padding: 1.5rem 2rem;
  background-color: transparent !important;
  background-color: #2fbebc !important; /* subtheme color setting */
  border-radius: .2rem 0.2rem 0 0;
}

div.ctools-modal-content .modal-title{
  font-size: 150%;
  font-weight: normal;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  text-shadow: 0 0 5px #888;
}

div.ctools-modal-content a.close{
  position: relative;
  right: 0;
  top: -3rem;
  width: 2em;
  height: .01rem;
  font-size: 0.5em;
  text-shadow: 0 0 3px #888;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  filter: alpha(opacity=85);
  opacity: 0.85;
  margin:0;

  width: 0;
  height: 0;
}

div.ctools-modal-content a.close:hover{
  filter: alpha(opacity=100);
  opacity:1;
}

div.ctools-modal-content a.close::after{
  content: 'X';
  position: relative;
  font-size: 3em;
  top: 2.3rem;
  right:2rem;
}

div.ctools-modal-content a.close img{
  display:none;
  position: absolute;
  z-index: -10;
  height: 0;
  width: 0;
}
/* radio button labels input position */
div.ctools-modal-content .vertical-tabs label.radio-inline{
  width: auto !important;
  padding-left: 0;
}
div.ctools-modal-content .form-item{
  margin-top:0;
  margin-bottom:0;
}
div.ctools-modal-content .form-item label{
  float:none;
  width:100%;
}

.modal-content .ctools-close-modal::after{
  content: 'X';
  position:relative;
  left: 0.5rem;
  display: inline-block;
}

.modal-content .form-type-file .description{
  padding-left: 1.5rem;
  padding-top: 0.5rem;
}
/**
*** END modal ***/












/*-------------------------------*/
/*--- ADMIN topbar and footer ---*/
/*-------------------------------*/
/* accounts for height of black admin bar */
#admin-menu input.admin-menu-search.form-text {
  background: #eee;
  font-size: 1em;
  line-height: 1.56em;
  height: 1.5em;
  padding: 0.82em 1em 0.62em;
}

#admin-menu .admin-menu-search input {
  width: 108px;
  border-radius: 1em;
  background-clip: padding-box;
}

#admin-menu .dropdown .admin-menu-toolbar-category > a {
  text-shadow: none;
  color: #ccc;
}

#admin-menu .dropdown .admin-menu-toolbar-category > a:hover {
  color: #fff;
}

#admin-menu .dropdown .admin-menu-toolbar-category > a.active-trail {
  background: #f5f5f5;
  color: #000;
  text-shadow: none;
}

#admin-menu .dropdown .admin-menu-toolbar-category.admin-menu-icon > a.active-trail {
  background: #777;
}

#admin-menu #edit-filters--2.filters.form-wrapper {
  float: none;
} /*--- admin page viewing / adding users ---*/

#admin-menu {
  box-shadow: 0 1px 2px hsla(0, 0%, 0.0000%, 0.3250);
  border-collapse: separate;
  background: #333;
  background-image: none;
  z-index: 900;
  /* Necessary because header-banner has z-index: 30000 */
}

#admin-menu > div > .dropdown > li > a {
  padding: 2px 7px 3px;
}

/* Admin */
@media screen and (max-width: 1040px) {
  #admin-menu .dropdown .admin-menu-search {
    display: none;
  }
}

@media screen and (max-width: 850px) {
  #admin-menu .dropdown .admin-menu-account,
  #admin-menu .dropdown .admin-menu-users,
  #admin-menu .dropdown .admin-menu-search {
    display: none;
  }
}
/* adjust height of admin bar target body clas admin-menu */
html body.admin-menu {
  margin-top: 5.4rem !important;
} 

@media screen and (min-width: 660px) {
  
  html body.admin-menu {
    margin-top: 3rem !important;
  }
}  

.region-admin-footer h1,
.region-admin-footer h2 {
  color: #ddd;
  font-size: 1em;
}

.region-admin-footer {
  padding: 1rem;
  background: #888;
  color: #eee;
  /*border-bottom: 5px solid #333;*/
  height:140px;
}

.region-admin-footer a,
.region-admin-footer a.active{
  color:#ddd;
  /*border-bottom:1px solid #ccc;*/
}

.region-admin-footer a:hover,
.region-admin-footer a:active{
  color:#fff;
  /*border-bottom:1px solid #eee;*/
}

.region-admin-footer a:hover{
  text-decoration:underline;
}

.region-admin-footer > .block {
  display: inline-block;
  padding: 0 1rem;
  border-right: thin solid #555;
  vertical-align: top;
  min-height: 118px;
}

.region-admin-footer .block.block-user {
  padding-right: 3rem;
}

.region-admin-footer .block p,
.region-admin-footer .block li {
  font-size: 0.88em;
  color:#ddd;
}

.region-admin-footer .description{
  margin:0 0 0 -1rem;
  padding:0;
  color: #eee;
  font-size: 0.75em;
}

.region-admin-footer .form-control,
.region-admin-footer .form-textarea {
  max-width: 95%;
  background-position: 97% 0.56em !important;
}

.region-admin-footer .block-masquerade h2{
  margin-left:1.5rem;
}

.region-admin-footer .block-masquerade .form-control{
  max-width: 14rem;
}

.region-admin-footer .block-masquerade .btn{
  float:right;
  padding: 0.4em 1.25em;
  margin: -0.2rem 0 0.5rem 0.75rem;
}

/**
*** END Admin topbar and footer ***/


/**
* ----------------------
* END - Edit Form CSS
* ----------------------
*/
/**
* ---------------------------
* Rails - Edit Form CSS
* ---------------------------
*/
select.form-select {
    width: inherit;
}
/**
* ---------------------------
* END - Rails - Edit Form CSS
* ---------------------------
*/

/*
 * This is a manifest file that'll be compiled into admin.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *




 */

/*********************************************
BASIC ELEMENT STYLES
*********************************************/
hr{
  padding:0;
  margin:1em 0;
  border:none;
  border-bottom:solid 1px gray;
}

a{
  color:darkblue;
  text-decoration:underline;
}

a:hover{

}

textarea {
  width:inherit;
  font:normal normal normal verdana, arial, sans-serif;
  padding: 2px;
}

input.text { font-size: 100%; }

input[type='submit'] { margin-top: 1em;}

ul {
  margin:1em;
}

ul li {
  list-style:none;
}

table th{
  background-color:#efefef;
}

/* TO NOT BREAK HEADER
fieldset {
  background-color:#efefef;
  border:solid 1px lightgray;
  border:dotted 1px gray;
  padding:1em;
  padding-top: 0em;
  margin-top: -1.7em;
    font-size: 130%;
    line-height: 130%;
    float: left;
    clear: both;
}*/

fieldset div {margin-top: 6px;}

fieldset div.row p {font-size: 100%;}
emph:before {
    font-style: italic;
    content: "{emph markup} "
}

emph {font-weight: bold;}

extref:before {
    font-size: 90%;
    font-style: italic;
    content: "{extref link: " attr(href) "} ";
}

/* TO NOT BREAK HEADER
form fieldset {margin-bottom: 1em;}
*/

fieldset legend{
    border:solid 1px gray;
    background-color:#cdcdcd;
    padding:.2em;
    margin-top:1.7em;
    margin-bottom:0.7em;
}

fieldset legend a {
  font-weight:normal;
  color:green;
}

/* Overwrite thdl-style.css to prevent decomposed Tibetan */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: normal !important;
}

/* Overwrite thdl-style.css to allow for unstyled <dl/>s */
dl.no-style {
  margin:0;
}
dl.no-style dt, dl.no-style dd {
  line-height:1em !important;
  font-size:1em !important;
  color:#404040 !important;
  font-weight:normal !important;
}
dl.no-style p {
  font-size:1em !important;
}

/*********************************************
ID BASE STYLES
*********************************************/

#header{
  background-color:#285136;
  padding:1em;
  color:white;
}

#header h2{
  margin:0;
}

#content-main{
  padding:1em;
  padding-top: 0em;
}

#bcNav {
  width:70%;
  background-color:#D3E3DC;
  padding:.4em;
  padding-left:1em;
  border-top:solid 1px gray;
  border-bottom:solid 1px gray;
  margin-bottom:12px;
  color:#555;
  font-size: 110%;
}
#bcNav a {
  color:black;
}
#bcNav .left{
  margin-top:.2em;
}

#SelectNav option{
  padding-left: 5px;
}

/* For admin/features/show */
#featureShow fieldset {
  clear:both;
}

/* For admin/features/index */
#featureContextTreeAndList{
  margin:0;
  margin-top:1em;
  /*border:solid 1px gray;*/
}

/* float it right, and adjust the width to nudge up to the ul list (left col) */
#featureContextList{
    width:70%;
    float:left;
}

#featureContextList .listGrid, #content-main .listGrid {
    font-size: 130%;
    line-height: 150%;
}

#featureContextList .listGrid tr, #content-main .listGrid tr {
    padding-top: 3px;
    padding-bottom: 3px;
}

#feature_description {
    font-size: 100%;
}

/*********************************************
ELEMENTS WITH CLASSES
*********************************************/

table.listGrid{
  width:100%;
  margin-top:1em;
}

table.listGrid tr td, table tr th{
    border-color:lightgray;
}

table.listGrid tr.rowHighlight {
    background-color:lightyellow;
}

table.listGrid th {
  padding: 0 5px;
  text-align: left;
}

table.listGrid td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
  padding: 1px 5px;
  border-top: 1px solid #ccc;
}

table.listGrid p, table.listGrid .last_updated {
  font-size: 12px;
}

table.userlist {
    font-size: 130%;
    line-height: 140%;
}

table.userlist td {padding: 3px;}

table.descriptionlist td {padding: 5px;}

fieldset .inlineRow{
  margin-top:1em;
}

fieldset .inlineRow .elements{
    padding:1em;
    margin-left:2em;
}

fieldset .inlineRow .elements select{
  margin-top:1em
}

fieldset .row {
  margin-bottom:.5em;
}

label.normal{
  font-weight:normal;
  color:black;
}

div.yesno{
  padding:1em;
}

div.yesno input{
  margin-left:1em;
}

div.yesno-inline {
  display: inline;
  margin-left:1em;
}

p.page-tip{
  font-size:1.15em;
  line-height:1.3em
}

ul.bulleted-list{
  list-style: disc;
}


/*********************************************
RE-USABLE CLASSES
*********************************************/
.tibetan {
    font-size: 130%;
    letter-spacing: 0px;
    text-align: left;
}

.listActions{
  white-space:nowrap;
  padding:0 5px;
}

.listActionsCol{
  white-space:nowrap;
  text-align:center;
}

.staticNestedFieldset {
  margin-top:0;
  margin-bottom:-.5em;
  border:none;
}

.rowSep {
  background-color:lightgray;
  height:1px;
  margin:.5em;
  clear:both;
}

.returnLink {
  margin-top:1em;
}

/* Used for containers holding floating elements */
.row {
  clear:left;
  margin:0;
  padding:0;
}

.left{ float:left; }
.right{ float:right; }

.leftText{
  text-align:left;
}

.rightText{
  text-align:right;
}

.centerText{
  text-align:center;
}

.vtopText{
  vertical-align:top;
}

.centerBlock{
  margin:0 auto;
}

/* generic higlight class */
.highlight{

}

.clear {
  clear:both;
}

.message{
  color:green;
  /*border:solid 1px gray;*/
}

.highlight {
  background-color:lightyellow;
  padding:.1em;
}

.info{
  background-color:lightyellow;
  padding:1em;
  margin-top:.5em;
  border:solid 1px gray;
}

.listActions .item-icon-delete{
  background-position:2px 4px;
  margin-left:3px;
  margin-right:10px;
}
.highlight .item-icon-new{
  background-position:2px 0;
}
fieldset .highlight .item-icon-new{
  background-position:2px 2px;
}

.featureLabel, a.featureLabel{
  color:darkred;
  font-weight:bold;
}

.featureLabel:hover:not(.breadcrum .featureLabel){
  color:red;
  font-weight:bold;
}

.featureNameLabel{
  color:darkgreen;
}


/* PAGINATION */
.paginationHeader{
  padding:.2em;
  background-color:white;
  font-weight:normal;
  font-size:90%;
}

.pagination{
  text-align:center;
}

/* FORM ERRORS */
.fieldWithErrors{
  display:inline;
  margin:0;
}
.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {
  border:solid 1px red;
}

.row label, .fieldWithErrors label, .inlineRow label{
  font-weight:bold;
  color:#333;
}
.row label, .fieldWithErrors label {
  float:left;
  text-align:right;
  margin-right:1em;
}
.errorExplanation{
  /*
  border:solid 1px red;
  background-color:lightyellow;
  */
  margin-bottom:1em;
}
.errorExplanation h2{
  color:darkred;
}
/* styling for descriptions */
.title { font-size: 1.32em; color:black;}
.by { font-size: 1.32em;}
.content_by { font-size: 1.32em; font-variant:small-caps;}
.last_updated { font-size: 1.25em;}

#content .shell-1 {
  margin-top: 5px;
  padding-top: 5px;
}

/* styling for new dropdown of resources_nav */
[data-id='SelectNav'] + .dropdown-menu {
    left: inherit;
    right: 0;
}

/* style for note_titles ruby */
input#note_title_title {
    width: 400px;
}
/* style for form input in admin section*/
input.text-full {
    width: 43em;
}
/* this removes the 2nd breadcrumb  (text: Earth) */
.kmaps.page-places .breadcrumb li:nth-of-type(2){ display:inherit !important;}

/* remove width spec for flyout inputs overwriting yui.css*/
#search-flyout input[type=text]{
  width: inherit;
}

/* container for links above tables */
.flexContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display:flex;
  justify-content: space-between;
}