.od-thumbnails .caption {
    padding: 6px 0;
}    



/*----------------------------------------------------*/


.od-thumbnails-2 img {width: 100%;}

.od-thumbnails-2 .thumbnail {margin-bottom: 15px;}

/*body:not(.od-theme-slate) .od-thumbnails-2 .thumbnail {background-color: #f5f5f5;}*/


/*.od-thumbnails-2 .img-box {overflow-y: hidden;}*/


/*.od-thumbnails-2.folder-extra-large-icons .img-box {height: 400px;}
.od-thumbnails-2.folder-large-icons .img-box {height: 300px;}
.od-thumbnails-2.folder-medium-icons .img-box {height: 200px;}
.od-thumbnails-2.folder-small-icons .img-box {height: 100px;}*/

/*at xs size the thumbnails are way too tall, because we're still using col-xs-3, so fix like this:
(NB max-width artbitraily chosen as midpoint between most phones and xs-sm limit (768))*/
/*@media (max-width: 599px){
	.od-thumbnails-2.folder-extra-large-icons .img-box {height: 200px;}
	.od-thumbnails-2.folder-large-icons .img-box {height: 150px;}
	.od-thumbnails-2.folder-medium-icons .img-box {height: 100px;}
	.od-thumbnails-2.folder-small-icons .img-box {height: 50px;}
}*/


.od-thumbnails-2 .mime-type-google-apps-folder .thumbnail {padding-top: 0px;}
.od-thumbnails-2 .mime-type-google-apps-folder .img-box {/*height: 30px; float: left; */display: none;}

.od-thumbnails-2 .mime-type-application-zip .thumbnail {padding-top: 0px;}
.od-thumbnails-2 .mime-type-application-zip .img-box {display: none;}

.od-thumbnails-2 .caption {padding: 2px 0;}
.od-thumbnails-2 .caption img {width: 16px; float: left; margin: 5px 5px 5px 0;}

.od-thumbnails-2:not(.folder-blog) h4 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 5px;
	margin-bottom: 0;
	color:inherit;
	font-weight: normal;
	font-size: .9em;
}

.od-thumbnails-2 a:hover {text-decoration: none;}



th[data-data="starred"], th.iconlink {
	box-sizing: border-box !important;
}


td.iconlink, td.actions {
	text-align: center!important;
	width: 25px;
	white-space: nowrap;
}

.iconlink img.img-responsive {
	display:initial;
}


/*.mime-type-google-apps-folder .img-box {
    display: none;
}*/


/*#DataTables_Table_0_length:before {
	content: "View:";
	margin-right: 5px;
}*/


/*when buttons present bs row+responsive doesn't get injected - probably a temporary dt bug*/
/*.dataTables_length {float: left;}


#DataTables_Table_0_length label, .dataTables_filter label {margin-bottom: 0;}

#DataTables_Table_0_length select, .dataTables_filter input {
	display: block;
	margin-right: 5px;
	margin-top: 1px;
	height: 34px;
}*/


/*.dataTables_filter {margin-right: 10px; float: left;}
.dataTables_filter .input-group-addon {display: none;}*/


/*.dataTables_filter:before {
	content: "Contains:";
	font-weight: bold;
	margin-right: 5px;
}


.od-dt-filters {margin-bottom: 25px;}*/

/*make room for filters labels*/
.od-dt-controls.has-filters {padding-top: 10px; padding-bottom: 5px;}


.od-dt-filters {margin-top: -26px;}
.od-dt-filters .btn-group {padding-right: 5px;}
.od-dt-filters label {font-weight: normal; margin-bottom: 0;}
.od-dt-filters button.multiselect {padding: 4px 12px; min-height: inherit;}



/*stars on thumbs*/

div.od-btn-star {
    position: absolute;
    font-size: 1.7em;
    /*color:transparent;*/
    opacity: 0
}


div.od-btn-star:hover, div.od-btn-star[data-starred="1"] {
    opacity: 1
}

.img-box:hover div.od-btn-star:not([data-starred="1"]) {opacity: 0.5}



.folder-icons-wrapper {padding-top: 10px;}

/*hide table until folder_drawCallback reveals it if needed*/
/*table.folder-details {display: none;}*/



/*----------------------------------------------------
 options
----------------------------------------------------*/

#od-dt-filter-options .form-group {margin: inherit;}
#od-dt-filter-options .form-group label {font-weight: normal;}


/*----------------------------------------------------
 blog
----------------------------------------------------*/

.folder-blog img {
	width: inherit;
	max-height: 100px;
}

.folder-blog .media-left {
    min-width: 200px;
    max-width: 200px;
}

.folder-blog .well {
    margin: -bottom:10px;
    min-height: 120px;
}

.folder-blog .well {margin:-bottom:10px; min-height:120px;}

.folder-blog .thumblink {float: right; margin-left: 50px;}
.folder-blog .blog-excerpt img {display: none;}

.folder-blog .article-intro {min-height: 50px;}


/*----------------------------------------------------
 page index
----------------------------------------------------*/
.folder-page-index .od-fldr-pageicons {display: flex; justify-content: center; align-items: center;}
.folder-page-index .od-fldr-pageicons span {font-size: 5em;}

body[od-bs-width="sm"] .folder-page-index .od-fldr-pageicons span {font-size: 10em;}
body[od-page-width="full"][od-bs-width="lg"] .folder-page-index .od-fldr-pageicons span {font-size: 7em;}

/*.folder-page-index .img-box {overflow-y: hidden; height: 160px;}*/

.folder-page-index h3 {margin: 0;}
.folder-page-index .title {padding: 10px 0 0 0;}

/*less height because title is taller*/
.folder-page-index div.stretchy-wrapper {padding-bottom: 75%;}


/*this makes it square!
http://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a-div-with-css*/
div.stretchy-wrapper {
	width: 100%;
	padding-bottom: 85%;
	position: relative;
}

div.stretchy-wrapper > div {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	text-align: center;
	/*cos they're often for displaying images*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



/*lightbox - keep a reasonable size even for small images*/
.ekko-lightbox .modal-dialog {min-width: 50%;}
.ekko-lightbox-container img {margin: auto;}



/* Only Phones */
@media (max-width: 767px) {
	.folder-blog .media-left {
		max-width: 64px!important;
		min-width: 64px!important;
	}
}






/*tools*/
body:not([od-staticpage=""]) #od-btn-star-folder {display: none;}
body:not([od-staticpage=""]) #od-folder-view-dropdown {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

/*can't save view - YET*/
body:not([od-staticpage=""]) #od-view-save {display: none;}



body:not([od_plstg_folder_options_navigator="1"]) .opt-navigator-filters {display: none;}


.opt-navigator-filters > label {padding-top: 0px !important;}
.opt-navigator-filters[data-navfolders]:not([data-navfolders="0"]) > label {padding-top: 30px !important;}


/*hide some columns from public*/
body.pg-0 #od-plgn-folder-details > * > .actions,
body.pg-0 #od-plgn-folder-details > * > .star {display: none;}

/*#od-plgn-folder-details .title {
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}*/