@font-face {
  font-family: 'exo2';
  src: url('../fonts/exo2/Exo2-VariableFont_wght.ttf');
}

/* html */

/* body */

/* html,body */

a {
  color: #000000;
}

a:active {
  color: #000000;
}

a::after {
  background-image:  url(../img/linkxx.svg);
  background-repeat: no-repeat;
  background-size:   0.7rem 1.2rem;
  border-radius:     8px;
  display:           inline-block;
  width:             0.7rem;
  height:            1.2rem;
  content:           "";
}

a:hover::after {
  background-color: red;
}

/* img */

.vjs-poster img {
  margin: 0;
}

.video-js {
  font-family: exo2;
}

input {
  border: 0px solid black;
}

input:focus, textarea:focus, select:focus {
  outline: none;
}

.inputTypeText {
  font-size:        0.9rem;
  border:           1px solid #a4a9b5;
  border-radius:    8px;
  background-color: #ffffff;
  padding:          4px;
  margin-top:       3px;
  box-sizing:       border-box;
  width:            100%;
}

label {
  margin-bottom: 20px;
}

button {
  /*font-weight:      normal;*/
  font-size:        1rem;
  border:           none;
  background-color: #dbdbe3;
  padding:          8px;
  cursor:           pointer;
  background:       none;
  text-decoration:  underline;
}

button:hover {
  background-color: #c8e3d6;
}

textarea {
  resize:     vertical;
  box-sizing: border-box;
  border:     0px solid black;
}

/* #divCinema */

#overlay {
  position:         fixed;
  display:          none;
  width:            100%;
  height:           100%;
  top:              0;
  left:             0;
  right:            0;
  bottom:           0;
  background-color: rgba(0,0,0,0.8);
  z-index:          2;
}

/* #overlayDialog */

#overlayButtons {
  float:         right;
  margin-bottom: 20px;
  position:      sticky;
  top:           0;
}

#overlayButtons img {
  cursor: pointer;
}

#overlayContent {
  background-color: #ffffff;
  padding:          40px;
  min-height:       1vh;
}

/* #divHeader */

/* #divStatus */

/* #divMain */

#divMenu {
  float:   right;
  display: none;
  float:   right;
  cursor:  pointer;
}

#imgMenu {
  float:  right;
  height: 1.1rem;
  cursor: pointer;
}

#myLinks {
  display:     none;
  font-weight: 400;
}

/* #myLinks div */

.divAudio {
  background-color: grey;
  margin:           0 auto;
  border-radius:    10px;
}

#divOuterLoginData {
  width:  80%;
  margin: 0 auto;
}

#divInnerLoginData {
  margin-top: 40px;
}

#lblSuggestMedia {
}

#divHist {
  display:          none;
  clear:            both;
  margin-bottom:    50px;
  background-color: #e1eae3;
  padding:          16px;
}

#divHist button {
  font-size: 0.9rem;
}

#divFavs {
  display:          none;
  clear:            both;
  background-color: #e1eae3;
  padding:          16px;
}

#divFavs button {
  font-size: 0.9rem;
}

#divNew {
  display:          none;
  clear:            both;
  background-color: #e1eae3;
  padding:          16px;
}

#divNew button {
  font-size: 0.9rem;
}

#divSuggestMedia {
  display:          none;
  clear:            both;
  background-color: #e1eae3;
  padding:          16px;
}

#divCategories {
  display:          none;
  clear:            both;
  background-color: #e1eae3;
  padding:          16px;
}

#divCategories button {
  font-size: 0.9rem;
}

#lstCategories,
#lstCategories2 {
  font-size:        0.7rem;
  width:            100%;
  margin-top:       10px;
  margin-bottom:    10px;
  border-radius:    8px;
  border:           0px solid #a4a9b5;
  background-color: #ffffff;
  color:            #000000;
  padding:          4px;
}

#divSearch {
}

#divSearchFooterContent {
  width: 92%;
  float: right;
}

/* #lblSuggestMedia */

#divSuggestMedia button {
  font-size: 0.9rem;
}

/* #txtSuggestMedia */

#divSearchMode {
}

#mediaList {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-template-rows: max-content;
  gap: 10px;
}

.mediaListPoster {
  background-color: #e1eae3;
  border-radius: 10px;
}

#divHelloHeader {
}

#divHello {
  display: inline-block;
}

#divButtons {
  float: right;
}

#tblMediaListSearch {
  width: 100%;
}

/* #mediaListBreadcrumbs /*

/* .breadCrumb */

.breadCrumb:hover {
  background-color: inherit;
}

#divPwd {
  display:          none;
  clear:            both;
  background-color: #e1eae3;
  padding:          16px;
}

#divPwd button {
  font-size: 0.9rem;
}

#divComments {
}

/* #divCommentsCaption */

/* .divCommentN */

/* .divCommentN img */

.divCommentFrom {
  margin-bottom: 20px;
}

.divCommentName {
  font-weight: 500;
  float:       inline-start;
  width:       70%;
}

.divCommentBtn {
  float: right;
}

/* .divCommentBtn img */

.divCommentSubject {
   text-decoration: none;
  margin-bottom:   5px;
  clear:           both;
}

.divCommentContent {
  white-space:      preserve-breaks;
  background-color: #ffffff;
  padding:          4px;
  border-radius:    4px;
}

/* #divComment0 */

/* #txtNewCommentSubject,
   #txtEditCommentSubject */

/* #txtNewCommentContent,
   #txtEditCommentContent */

#divComment0Caption {
   margin-bottom: 20px;
}

#btnSendNewComment {
  margin-top:10px;
}

input[type='checkbox'] {
  -webkit-appearance: none;
  width:              30px;
  height:             30px;
  background:         white;
  border-radius:      5px;
  border:             2px solid #555;
}

input[type='checkbox']:checked {
  background: #abd;
}

#divVideos {
  width:   100%;
  display: inline-block;
}

#divAudios {
  width:   100%;
  display: inline-block;
}

#divVideosChk {
  float:      right;
  margin-top: 10px;
}

#divAudiosChk {
  float: right;
}

#spnVideos {
  vertical-align: top;
  margin-right:   10px;
  line-height:    28px;
}

#spnAudios {
  vertical-align: top;
  margin-right:   10px;
  line-height:    28px;
}

/* #imgVideos,
   #imgAudios */

/* .mediumTitle */

/* .mediumTitle:hover */

.mediumPoster {
  display:        block;
  cursor:         pointer;
  width:          320px;
  height:         auto;
  border-radius:  10px;
  padding-bottom: 14px;
  margin-left:    auto;
  margin-right:   auto;
}

.mediumPoster img {
  margin:             0px;
  border-radius:      10px;
  -webkit-transition: all 1s ease;
  -moz-transition:    all 1s ease;
  -o-transition:      all 1s ease;
  -ms-transition:     all 1s ease;
  transition:         all 1s ease;
}

.mediumPoster img:hover {
  filter: brightness(150%);
}

/* .mediaGridEntry */

.mediaGridEntry0 {
  padding:     2px;
  margin:      20px 2px 2px 2px;
}

/* .mediaGridEntryEtc */

/* .mediaGridEntryEtc:hover */

/* .mediaListEntry */

/* #mediaListSearch */

#mediaListSearchImg {
  display:        inline-block;
  vertical-align: middle;
}

/* #txtSearch */

/* #imgSearch */

/* #imgCleanup */

/* .clickMe */

/* .divMenuBoxCaption */

/* #txtDescription */

/* #txtSearchWords */

/* .flag */

/* #divLanguages */

/* #mediaListSearch select */

#tblSearchFooter {
  width:            100%;
  background-color: #e1eae3;
  padding:          10px;
  margin-top:       10px;
  display:          none;
  border-radius:    10px;
}

#tblSearchFooter tbody {
  width: 100%;
}

/* #imgKeepSeriesTogether */

/* #imgSearchPrefs */

#dialogContent {
  overflow: auto;
}

.mediumSymbol {
  display: table-cell;
}

.eventSymbol {
  display: table-cell;
  cursor:  pointer;
}

.divPropCat {
}

.divPropCatIcon {
  display: inline-block;
}

.divPropCatIcon img {
  cursor: pointer;
  margin: 0px 10px 0px 0px;
}

.divPropCatTitle {
  margin-bottom: 20px;
}

.divPropCatCaption{
  display:       inline-block;
  margin-bottom: 20px;
}

.divPropCatContent{
  margin-bottom: 20px;
  white-space:   pre-line;
}

.categorieDiv:hover {
  background-color: #d5cccc;;
}

.categorieName {
  display: inline-block;
  width:   80%;
}

.categorieSet {
  display: inline-block;
  float:   right;
}

.divMediaTitle {
  margin-left:   auto;
  margin-right:  auto;
  margin-bottom: 20px;
  width:         80%;
  white-space:   pre-line;
  font-weight:   bold;
}

.divMediaDescription {
  margin-left:   auto;
  margin-right:  auto;
  margin-bottom: 20px;
  width:         80%;
  white-space:   pre-line;
}

.divMediaSource {
  margin-left:   auto;
  margin-right:  auto;
  margin-bottom: 20px;
  width:         80%;
  white-space:   pre-line;
  font-weight:   400;
  font-style:    italic;
}

.divMediaCopyright {
  margin-left:   auto;
  margin-right:  auto;
  margin-bottom: 20px;
  width:         80%;
  white-space:   pre-line;
  font-weight:   400;
  font-style:    italic;
}

.imgTypePoster {
  margin: 0px 10px 0px 0px;
}

#divKeepSeriesTogether {
  cursor:    pointer;
  font-size: 0.7em;
}

#divKeepSeriesTogether > img {
  margin: 8px 8px 0px 0px;
}

.embeddedDoc {
  width:  100%;
  height: 100vh;
}

.tblTitleMultiline {
}

.tblTitleMultiline td {
  vertical-align: top;
}

.krTable {
}

.krTableTh {
}

.krTableTr {
}

.krTableTd {
}

.descriptionHr {
  border-top: 1px solid #e1eae3;
}

.descriptionInfobox {
  background-color: #e1eae3;
  width:            80%;
  margin-left:      auto;
  margin-right:     auto;
  border-radius:    10px;
  padding:          10px;
}

/* .loginInfoText */