@font-face {
  font-family: 'Avenir';
  src: url('/static/fonts/AvenirLTStdMedium.otf') format('opentype');
  /* Add other font formats if needed */
}

#mp3_set-group #mp3_set-1 {
  display: none;
}
#mp3_set-group tr.add-row {
  display: none;
}
#mp3_set-group fieldset.module h2, #video_set-group fieldset.module h2 {
  text-transform: capitalize;
  font-size: 15px;
}

fieldset.module.aligned {
  background: white;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 2px 3px 5px 0px #d8d8d8;
}
#bmd_form fieldset.module.aligned {
  box-shadow: none;
}
.aligned .form-row input {
  padding-left: 0;
}
form .aligned p.help, form .aligned div.help{
  margin-left: 0px !important;
  padding-left: 0px !important;
}
#bmd_form{
  border-radius: 10px;
  box-shadow: 2px 3px 5px 0px #d8d8d8;
  margin-bottom: 30px;
}
#video_set-group{
  box-shadow: 2px 3px 5px 0px #d8d8d8;
}

.main.shifted > #nav-sidebar {
  visibility: visible;
  border: none;
  background: white;
  padding: 15px;
  height: 100vh;
  margin-right: 0;
  margin-left: 0;
}
#changelist .actions, #changelist .paginator{
  width: unset;
  padding: 15px 10px !important;
}
#changelist .paginator{
  text-align: right;
}
.main.shifted .content {
  background: #ecf0f3;
}
.object-tools a:link, .object-tools a:visited{
  padding: 8px 30px 8px 15px;
  background-color: #374147;
  background-position: right 10px center;
}
a.historylink {
  padding: 8px 15px !important;
}
.object-tools a {
  border-radius: 30px;
}
.toggle-nav-sidebar{
  background: #ecf0f3;
}

.toggle-nav-sidebar:hover, .toggle-nav-sidebar:focus{
  background-color: #ecf0f3;
}

#content {
  padding: 15px 20px !important;
}
.ui-widget-content ul.ui-tabs-nav {
  display: none;
}
.flex-container label, #images-group label, .dynamic-video_set label {
  font-weight: 700!important;
  color: #565656!important;
  font-size: 15px;
  min-width: auto;
  padding: 4px 10px 0 0;
}
#toolbar #searchbar {
  padding: 8px 15px !important;
  border-radius: 20px;
  vertical-align: unset;
  border: none;
  width: 100%;
}
#toolbar form input[type="submit"] {
  padding: 8px 15px !important;
  border-radius: 20px;
  border: none;
  margin-left: 10px;
}
.changelist-form-container #toolbar{
  background: #374147 !important;
  margin: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#changelist-filter h2 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-transform: capitalize;
  padding: 15px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
#changelist .actions .button{
  padding: 3px 10px 3px 10px;
  height: 2rem;
}
#changelist .actions select{
  vertical-align: middle;
  height: 2rem;
  padding: 3px 7px 3px 4px;
}
#changelist-search img {
  filter: brightness(100);
}
#changelist-search span.small.quiet {
  width: 18%;
  padding: 5px;
}
form#changelist-search > div {
  display: flex;
  align-items: center;
}
.change-form #footer {
  display: none !important;
}
#footer {
  padding: 15px 20px !important;
}
.main.shifted #content-start h1 {
  font-weight: 600;
  font-size: 17px;
  text-transform: uppercase;
  width: max-content;
}
#nav-sidebar table tr a.addlink {
  filter: brightness(0.5);
  background-size: 10px;
  background-position: center left;
}
.sticky #nav-filter {
  height: 40px;
  margin-bottom: 20px;
  border-radius: 8px;
}
.sticky table tr th a {
  letter-spacing: .5px;
}
#result_list tbody tr td {
  font-weight: 500;
}
.errors .flex-container input.vTextField{
  border: 1px solid #ba2121 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}
.form-row .flex-container input.vTextField {
  width: -webkit-fill-available;
  height: 28px;
  box-shadow: 1px 1px 5px -4px #909090;
  margin-top: 5px;
  padding-left: 5px;
  border-radius: 5px;
  background: none;
  border: 1px solid #e4e4e4;

}
.flex-container{
  display: block !important;
}
.form-row {
  padding: 5px 12px 15px 5px;
  border: none;
}
.form-row.errors {
  display: flex;
  flex-direction: column-reverse;
}
.change-form .object-tools {
  margin-top: -3.5rem;
}

.sticky::-webkit-scrollbar {
  width: 5px;
  height: 100px;
}
.sticky::-webkit-scrollbar-thumb {
  border-radius: 30px;
  max-height: 10px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#151515),
    to(#374147)
  );
  box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.25),
    inset -2px -2px 2px rgba(0, 0, 0, 0.25);
  width: 20px;
}
.sticky::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
  background: #ccc;
  max-height: 100px;
  height: 100px;
}

select#id_category, select#id_parent, select#id_content_type, select#id_is_hotnews  {
  width: -webkit-fill-available;
  height: 38px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px -4px #909090;
  background: none;
  border: 1px solid #e4e4e4;
}
.errors select#id_category, .errors select#id_parent {
  border: 1px solid #ba2121;
  border-radius: 5px;
  box-shadow: none;
}
.related-widget-wrapper {
  width: 100%;
}
div#id_tag_helptext,.help.timezonewarning {
  margin: 0 !important;
  padding: 5px 0 0 0 !important;
  font-size: 12px;
}
.form-row.field-date .date, p.file-upload {
  width: 100%;
  padding: 0 !important;
}
table tr.dynamic-video_set td input {
  width: auto;
  /* padding: 10px 5px;
  display: inline-table; */
  /* border-radius: 5px;
  border: 1px solid #e4e4e4;
  box-shadow: 1px 1px 5px -4px #909090;
  background: none; */
}
table tr.dynamic-video_set td.field-image .content{
  background: none; 
}
table tr.dynamic-video_set td.delete input, table tr.dynamic-video_set td.delete {
  width: auto;
  box-shadow: none;
  float: right;
  height: fit-content;
  margin-top: 5px;
  border: navajowhite;
}
.note-editor.note-frame.panel.panel-default {
  width: 100%;
}
.summernote-div, iframe{
  width: 100% !important;
  margin-top: 5px;
}
.inline-group .iuw-inline-root .previews {
  display: grid;
  grid-template-columns: repeat(10, minmax(90px, 1fr));
  gap: 5px 5px;
  align-content: start;
  height: auto;
}
.inline-group .iuw-inline-root:not(.empty) .iuw-add-image-btn.visible-by-number {
  width: 100px;
  height: 100px;
  box-shadow: none;
  margin-left: 5px;
}
.inline-group .iuw-inline-root .iuw-add-image-btn > span{
  font-size: 13px;
}
.inline-group .iuw-inline-root .iuw-add-image-btn svg{
  width: 35px;
  height: 35px;
  margin: 0;
}
.inline-group .iuw-inline-root {
  margin-top: 5px;
  border: navajowhite;
  box-shadow: 1px 1px 7px -3px #909090;
  overflow-y: scroll;
  height: 250px;
  display: block;
  padding: 10px;
}
.inline-group .iuw-inline-root .inline-related {
  width: 100px;
  height: 100px;
  box-shadow: none;
}

table tr.dynamic-video_set td {
  padding: 8px 10px;
  padding-top: 10px !important;
}
table tr.dynamic-video_set td #thumbnail-preview {
  margin-bottom: 10px;
}

.inline-group thead th:last-child {
  text-align: end;
}
.submit-row input[type="submit"]{
  background: #363f45;
  border: 1px solid white;
  font-size: 14px;
  text-transform: capitalize;
}
.submit-row input[type="submit"]:hover{
  background: #ffffff;
    color: black;
    transition: 0.5s;

}
.submit-row {
  background: #374147;
}
span.select2-selection.select2-selection--multiple {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  box-shadow: 1px 1px 5px -4px #909090;
  padding: 3px;
  background: none;
}
.field-date #id_date, input#id_created_at, input#id_created_at_0, input#id_created_at_1,input#id_hotdate_at_0, input#id_hotdate_at_1 {
  width: 250px;
  height: 25px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  box-shadow: 1px 1px 5px -4px #909090;
  padding-left: 5px;
  background: none;
}
.form-row.field-thumbnail .content {
  background: none;
}
textarea {
  width: -webkit-fill-available !important;
  border-radius: 5px;
  padding-left: 5px;
  border-radius: 5px;
  background: none;
  border: 1px solid #e4e4e4;
}

/* .custom-summernote-class .note-editable {
  width: 100% !important;
} */

/* If you want to make sure the container also takes 100% width */
/* .custom-summernote-class .note-editor {
  width: 100% !important;
} */

#modeltranslation-main-switch {
  height: 30px;
  background: #374147;
  border: none;
  color: white;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 0;
}
nav .breadcrumbs a, nav .breadcrumbs {
  letter-spacing: .5px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
#nav-sidebar .module th, #nav-sidebar .module caption {
  padding-left: 12px;
}
#nav-sidebar .module caption{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
ul.errorlist {
  margin: 0 !important;
  background: none;
  padding: 5px 0 0 0 !important;
}
.breadcrumbs a:nth-child(2) {
  pointer-events: none;
}
#nav-sidebar table caption a , #main table caption a{
  pointer-events: none;
  font-weight: 900;
  letter-spacing: 0;
}

span.small.quiet, span.small.quiet a {
  color: white;
}
#video_set-group td.original p {
  display: none;
}

.paginator a:link, .paginator a:visited {
  padding: 5px 10px;
  border-radius: 5px;
}
.paginator .this-page {
  border: 1px solid #ccc;
  padding: 4px 9px;
  border-radius: 5px;
}
#changelist-filter li.selected a {
  color: #374147;
  font-weight: 600;
}
#changelist-filter details summary{
  font-weight: 600;
  font-size: 13px;
  color: #454545;
  letter-spacing: .2px;
  background: #ecf0f3;
  padding: 8px;
  margin: 0;
  border-bottom: 1px solid #ccc;
}
input#id_rank {
  width: 100%;
  height: 28px;
  border-radius: 5px;
  border: none;
  box-shadow: 1px 1px 7px -3px #909090;
  margin-top: 5px;
  padding-left: 5px;
}

/* Button delete to category page detial */
#category_form .submit-row a.deletelink {
  display: none;
}
.submit-row a.deletelink {
  display: none;
}
#nav-sidebar .app-django_summernote.module, #content-main .app-django_summernote.module{
  display: none;
}
#nav-sidebar .app-auth.module {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#id_is_hotnews option:first-child {
  display: none;
}
.field-thumbnail #thumbnail-preview {
  border: 1px solid #ccc;
  border-radius: 5px;
}
table thead th .text a, table thead th .text span{
  font-weight: bolder;
  color: #232323;
}
#changelist table thead th {
  background: #d8d8d8;
  border-right: 1px solid #efefef;
}