#banner { padding: 10px; }

.logo a { font-family: 'Monoton'; }

/* login */
#login-container { clear: both; }
#login-container #login-image { padding: 0; margin: 0; }

/* StarShare Player */
#wrapper { padding: 0; }
#wrapper .page-header { padding: 0 10px; text-align: center; }
#wrapper .page-header h1 { display: inline-block; margin-right: 10px; }

#controls #prev, #controls #next, #controls #save { padding: 3px 9px; margin-left: 10px; margin-bottom: 2px; }

#viewport { height: 500px; border: 2px solid; padding: 0; text-align: center; }
#viewport .viewfile { max-width: 100%; max-height: 496px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
#viewport .viewfile img { /* audio thumb*/ margin-bottom: 10px; }
#viewport iframe { width: 100%; height: 100%; }
#viewport audio { width: 450px; }
#viewport .info-card { position: absolute; width: 50%; padding: 10px; text-align: left; z-index: 1; }

#file_container { overflow-y: scroll; height: 500px; padding: 0 15px; }
#file_container #file_list, #file_container #field_list { padding: 0; }
#file_container .file, #file_container .comment-field { clear: both; border: thin solid; padding: 2px; margin: 2px 0; overflow: auto; }
#file_container .file .file-thumb { height: 75px; padding: 0; }
#file_container .file .file-thumb img { max-width: 100%; max-height: 100%; }
#file_container .file .file-title { height: 25px; overflow: hidden; text-overflow: ellipsis; }
#file_container .file .file-download { height: 30px; cursor: pointer; }
#file_container .comment-field { height: 81px; }
#file_container .comment-field input { width: 100%; margin-top: 26px; }
#file_container .comment-field textarea { width: 98%; height: 68px; margin-top: 3px; resize: vertical; }
#file_container .comment-field .cambo .glyphicon { font-size: 20px; padding: 26px 5px; cursor: pointer; }

#player_help { margin-top: 15px; }

div#footer ul li { list-style-type: none; display: inline; margin: 0px 10px 0px 10px; }
div#footer ul#footer-links { text-align: center; padding-left: 0; font-size: 14px; margin-top: 40px; }
div#footer ul#footer-links li#contact img { width: 20px; margin: 0px 0px 5px 10px; }
div#footer .copyright a, div#footer .copyright a:visited { text-decoration: underline; border: none; }

/*Date Picker*/
.ui-datepicker { width: 14.3em; padding: 4px; width: 239px; z-index: 151 !important; }
.ui-datepicker .ui-datepicker-prev span { margin-top: -6px; margin-right: 2px; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover { left: 2px !important; top: 2px !important; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover { border: 0; }
.ui-datepicker .ui-datepicker-next.ui-state-hover { right: 2px !important; top: 2px !important; }
.ui-datepicker .ui-datepicker-next span { margin-top: -6px; margin-right: 2px; }
.ui-datepicker .ui-datepicker-title { font-weight: normal; line-height: 1.7em; font-size: 0.97em; }
.ui-datepicker table { border-style: solid; border-width: 0 1px 1px; margin: 0; }
.ui-datepicker table thead th { font-weight: normal; }
.ui-datepicker .ui-datepicker-header { border-radius: 0; border-style: solid; border-width: 1px 1px 0px; }
.ui-datepicker .ui-datepicker-month option { text-transform: none; }
.ui-datepicker .ui-datepicker-title select { font-size: .8em; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0; text-align: center; }

.ui-widget-content .ui-state-default.ui-state-hover { border: 0; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 0; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 0; }

input.datepicker { font-size: 16px; border: 0; cursor: pointer; border: 1px solid; }

td input.datepicker { width: 70px; }

/* LWC Alert */
.alert { position: fixed; z-index: 999999; width: 200px; margin-left: auto; margin-right: auto; left: 0; right: 0; height: 54px; min-width: 258px; border: none; padding-left: 22px; border-radius: 0; text-align: center; }

/* chrome hack to hide download */
video::-webkit-media-controls-enclosure { overflow: hidden; }

video::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */ }

audio::-webkit-media-controls-enclosure { overflow: hidden; }

audio::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */ }

/*# sourceMappingURL=share_style.css.map */
