input,textarea,select {
  padding: 10px 20px;
  border-radius: 8px;
  max-width: 600px;
  width: 100%;
}
.datetime {
  max-width: 600px;
}
.datetime input {
  padding: 6px 16px;
  border-radius: 8px;
  min-width: 480px;
  width: unset;

}

/* multi select*/
.selector-chosen, .selector-available {min-width: 450px;}
.selector-chooser a::after { margin:20px; border-radio: 8px; letter-spacing: 8px;}

input[type=checkbox],input[type=radio], .selector input, .selector select {
    min-width: unset !important;
    display: flex;
    max-width: 50% !important;
}
select {background-image: unset !important;}

/* colors for dark theme */
html.dark input, html.dark textarea, html.dark select {
  border: 2px solid #0e1422;
  color: #dac5ee;
  background-color: #1f2937;
}

.related-widget-wrapper { display: flex; }
.related-widget-wrapper .related-widget-wrapper-link {padding: 10px;}


/* colors for dark theme */
html.dark input::placeholder,textarea::placeholder,select::placeholder {
  color: #dac5ee;
}

html.dark input, html.dark textarea, html.dark select {
  border: 2px solid #0e1422;
  color: #dac5ee;
  background-color: #1f2937;
}

html.dark input::placeholder,textarea::placeholder,select::placeholder {
  color: #dac5ee;
}
html.dark .selector-chooser a::after { background: #0e1422; }


/* ADMIN PANEL NAVBAR */
#nav-sidebar ol ol {
    padding-left: 12px;
    border-left: 3px dotted #c0c0c033;
} 
#nav-sidebar .module {
    border-top: 1px solid #e3e3e30d;
    margin-top: 20px;
} 

/* admin_custom.css */
.badge-success {
  background-color: #28a745 !important;
  color: white !important;
}

.badge-danger {
  background-color: #dc3545 !important;
  color: white !important;
}

.badge-warning {
  background-color: #ffc107 !important;
  color: black !important;
}

.badge-info {
  background-color: #17a2b8 !important;
  color: white !important;
}

.badge-secondary {
  background-color: #6c757d !important;
  color: white !important;
}

.badge-dark {
  background-color: #343a40 !important;
  color: white !important;
}

.badge-muted {
  background-color: #e2e6ea !important;
  color: black !important;
}