:root {
  --background: rgb(247,247,247);
  --primary: rgb(0,0,0);
  --badges: red;
  --active: rgb(76,177,235);
  --interface-1: rgb(220,220,220);
  --interface-2: rgb(200,200,200);
  --tabs: rgb(76,107,175);
  --hover-color: 180,145,30;
  --hover: rgb(var(--hover-color));

  --ui-0: rgba(240, 240, 240, 1);
  --ui-1: rgba(237, 237, 237, 1);
  --ui-2: rgba(232, 232, 232, 1);
  --ui-3: rgba(214, 214, 214, 1);
  --ui-4: rgba(191, 191, 191, 1);
  --ui-5: rgba(27, 198, 246, 0.1);
  --ui-6: rgba(136, 137, 140, 1);
  --ui-7: rgba(85, 86, 89, 1);
  --ui-8: rgba(123, 130, 130, 1);
  --ui-9: rgba(18, 18, 19, 1);
  --ui-icons: rgba(197, 199, 199, 1);
  --ui-text: rgba(73, 82, 82, 1);
  --header: rgb(74,74,74);
  --main-frame: calc(100vh - 2.5rem);
  --topbar: 81px;
  --sidebar: 110px;
  --menu: rgba(18, 18, 19, 1);
  --font-default: 'IBM Plex Sans', sans-serif;
  --font-titles: 'Red Hat Display', sans-serif;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url("../fonts/RedHatDisplay-Regular.ae38d88e46a7.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url("../fonts/RedHatDisplay-Bold.ab488a13e537.woff2") format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Red Hat Display';
    src: url("../fonts/RedHatDisplay-Italic.2e3b7c4f65a8.woff2") format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url("../fonts/IBMPlexSans-Bold.6f5714bb0cd3.woff2") format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url("../fonts/IBMPlexSans-Light.d37979382a7f.woff2") format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url("../fonts/IBMPlexSans-Italic.cf3ae225b40f.woff2") format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url("../fonts/IBMPlexSans-Medium.424ab37f3815.woff2") format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url("../fonts/IBMPlexSans.21ba7afab46a.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
}

html {
  height: 100%;
  font-size: 1rem;
  line-height: 1.25rem;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  -moz-osx-font-smoothing: grayscale;
}
html.wait, html.wait * { cursor: wait !important; }

body {
  font-family: var(--font-default);
  color: var(--ui-text);
  background: var(--ui-1);
  padding-left: var(--sidebar); /*dirty fix*/
  height: 100%;
}
body.home {
  padding: 0;
}
body.section {
  padding-left: 0;
}

a {
  color: var(--ui-8);
}
a:hover, a:focus, button:focus{
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
a:hover {
  color: var(--hover);
}

h1, h2, h3, h4, h5{
  font-family: var(--font-titles);
  font-weight: 400;
/*   line-height: 1.2; */
  text-transform: uppercase;  
}
h1{
  font-size: 2em;
}
h2{
  font-size: 1.75em;
}
h3{
  font-size: 1.25em;
}
h4{
  font-size: 1.15em;
}
h5{
  font-size: 1em;
}

h1#section_title{
  font-size: 1.75em;
}
label.upload { position: relative; }
label.upload input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
}
span.filename {
  word-break: break-all;
}

a.linked-label {
  color: var(--ui-text);
  text-decoration: none;
  border-bottom: 1px dashed var(--ui-text);
}

button {
  display: inline-flex;
  font-size: 0.9em;
  white-space: normal;
  vertical-align: middle;
  text-align: center;
  padding: 0.5rem 1rem;
  border: 1px solid var(--ui-3);
  cursor: pointer;
  border-radius: 0.25em;
}
input:not([type="checkbox"]):not([type="radio"]):not(.btn){
  font-size: 1em;
  color: var(--ui-8);
  font-weight: 500;
  padding: .375rem .75rem .375rem .75rem;
  height: calc(2.25rem + 2px);
  border: 1px solid var(--ui-icons);
  border-radius: 0.25rem;
  transition: border 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input[type="number"]{
  color: var(--ui-8);
  min-width: 70px;
  padding: .375rem .5rem .375rem .75rem;
  height: calc(2.25rem + 2px);
}
textarea{
  color: var(--ui-8);
  font-weight: 500;
  padding: .375rem .75rem .375rem .75rem;
  border: 1px solid var(--ui-icons);
  border-radius: 0.25rem;
  transition: border 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
textarea:focus{
  color: var(--ui-text);
  box-shadow: 0px 0px 0px 0.25rem rgba(var(--hover-color),0.25);
}
select.custom-select {
  font-size: 1em;
  font-weight: 500;
  color: var(--ui-8);
  border: 1px solid var(--ui-3);
  border-color: var(--ui-icons);
}
select.custom-select:focus {
  color: var(--ui-text);
  box-shadow: 0px 0px 0px 0.25rem rgba(var(--hover-color),0.25);
}
select.custom-select option {
  padding: 0.375rem 0.75rem;
}
select.custom-select[multiple] {
  padding: 0.25rem;
}
/* Add space for add/edit buttons */
.related-widget-wrapper select {
  max-width: calc(100% - 3.25rem);
}
input.custom-input{
  border: none;
  border-bottom: 1px solid var(--ui-icons);
  border-radius: 0;
  font-size: 1.35em;
  padding-bottom: 0.375rem;
  padding-top: 0.375rem;
  height: auto;
}
input:not([type="checkbox"]):not(.btn):focus {
  color: var(--ui-text);
  box-shadow: 0px 0px 0px 0.25rem rgba(var(--hover-color),0.25);
}
input.custom-input:focus {
  border-bottom: 0.25rem solid rgba(var(--hover-color),0.25);
}
input, select, textarea{
  outline: unset; /* webkit specific override */
}
.form-group.row input {
  width: 100%;
}
.novelties_settings .form-group {
  margin-bottom: 0;
}
.novelties_settings .toolbar {
  margin-bottom: 0;
  margin-top: 0;
}
.novelties_settings label {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
details summary {
  outline: none;
  font-family: var(--font-titles);
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.3em;
}
details summary::-webkit-details-marker { display: none; font-size: 1.2rem; }
details summary::marker { display: none; content:'';}
details .possible_columns{
  background: white;
  border-radius: 0.25rem;
  padding: 1rem 1.5rem;
  margin: 1rem 0 1rem 1.5rem;
}
/* Add custom marker in the default state. */
details summary:before {
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    margin-right: 0.5rem;
    content: "";
    background-image: url("../img/icons/tri-closed-icon.d9f4c392853c.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 0.8em;
}
details[open] summary:before {
    background-image: url("../img/icons/tri-open-icon.bbb058335250.png");
}
.diff_xls_import{
  padding: 1rem;
  background: white;
  margin-bottom: 1rem;
}
.diff_xls_import table#form ul {
  list-style-type: none;
  padding-left: 0;
  white-space: nowrap;
}
.diff_xls_import table#form tr:first-of-type label {
  margin-bottom: 0;
}
.diff_xls_import table#form tr:first-of-type th, .diff_xls_import table#form tr:first-of-type td {
  vertical-align: middle;
  padding-bottom: 1rem;
}
.diff_xls_import table#form label {
  float: none;
}
.diff_xls_import table#form th {
  width: 100px;
}
.diff_xls_import .btn-toolbar {
  margin-bottom: 0;
}
#id_span > div + div {
  margin-top: 0.25rem;
}
#id_span label {
  margin-bottom: 0;
}
#changes_summary {
  padding: 1rem;
  margin-top: 1rem;
}
#summary_notes {
  margin-bottom: 0;
}
.hidden {
  display: none !important;
}
.clear {
  clear: both;
}
.helptext {
  color: var(--ui-7);
  font-size: 0.9em;
  font-style: italic;
}
.btn {
  display: inline-flex;
  font-size: 0.9em;
  font-weight: 500;
  white-space: normal;
  vertical-align: middle;
  text-align: center;
  padding: 0.5rem 1rem;
  background: white;
  color: var(--ui-8);
  border: 1px solid var(--ui-3);
  border-color: var(--ui-icons);
  border-radius: 0.25em;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.btn img, .btn span {
  vertical-align: middle;
  display: inline-block;
}
.btn:hover, button:hover {
  color: var(--hover);
  border-color: var(--hover);
}
.btn.btn-primary {
  background: var(--ui-8);
  color: white;
  border-color: var(--ui-8);
}
.btn.btn-primary:hover{
  background: var(--hover);
  border-color: var(--hover);
}
.btn.rmv_btn {
  background-color: var(--danger);
  color: white;
  border-color: var(--danger);
}
.btn.btn-link {
  border: none !important;
  text-decoration: none;
}
.table td, .table th {
  border-top: none;
}

/** top navigation **/
#staging {
  display: none;  /* may be overwritten by dev.css */
}
.logo_top_client {
  display: flex;
  text-align: center;
  -ms-flex-item-align: center !important;
  align-self: center !important;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 1rem;
}
.logo_header{
  height: 40px;
}
#logo_edm img {
  height: 2.5em;
}
#topBar nav {
  background: var(--ui-9);
  border-bottom: 1px solid var(--ui-3);
  -ms-flex-pack: center !important;
  justify-content: center !important;
  min-height: var(--topbar);
}

#topBar div ul, #topBar nav ul{
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
  text-align: right !important;
}
#topBar div ul li, #topBar nav ul li {
  display: inline-flex;
  text-transform: uppercase;
  font-weight: 700;
}
#topBar div ul li > a, #topBar nav ul li > a {
  padding: 0 0.5rem;
}
#topBar div ul li > a:hover, #topBar nav ul li > a:hover{
  color: var(--hover);
}
#topBar div ul li a img, #topBar nav ul li a img{
  margin-right: 0.5rem;
}
#topBar div ul li a span, #topBar nav ul li a span{
  padding-bottom: 0.25rem;
}
#topBar div ul li.active a span, #topBar nav ul li.active a span{
  color: var(--hover);
  border-bottom: 2px solid var(--hover);
  cursor: default;
}
#topBar div ul li.active a:hover span, #topBar nav ul li.active a:hover span{
  background: none;
}
#topBar div ul li:not(:last-child) , #topBar nav ul li:not(:last-child) {
  margin-right: 0.5rem;
}
.navbar-dark .navbar-toggler {
  border-color: var(--hover);
  border-width: 0;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='15' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler-icon{
  width: 1em;
  height: 1.5em;
}
#topBarAlt{
  flex-grow: 0 !important;
  margin-left: auto;
  font-size: 0.9em;
}
#topBarAlt ul{
  margin-left: auto;
}
#usr_pnl {
  fill: var(--ui-icons);
  transition: fill 0.3s ease;
}
#usr_pnl[aria-expanded="true"] {
  color: white !important;
  fill: white;
}
#usr_pnl[aria-expanded="true"] + .dropdown-menu.show {
  top: 30px;
  width: 340px;
  padding: 1rem;
  font-size: 1em;
  font-weight: initial;
  text-transform: initial;
}
#logout {
  padding: 0.2rem 0.5rem;
}
#usrLogged, #twofaSettings {
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--ui-icons);
  padding-bottom: 1rem;
}
#twofaSettings svg{
  margin-right: 1em;
}
#usrLogged span {
  font-weight: 700;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .455em;
  vertical-align: .055em;
  content: "";
  border-top: .45em solid;
  border-right: .45em solid transparent;
  border-bottom: 0;
  border-left: .45em solid transparent;
}
/** !end top navigation **/

#serverMessages:empty {
  display: none;
}
#serverMessages {
  position: fixed;
  top: var(--topbar);
  width: 90%;
  z-index: 101;
}

.breadcrumb {
  margin-bottom: 0;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.breadcrumb-item.active {
  font-weight: 700;
  color: var(--hover);
  cursor: default;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--ui-8);
  content: ">";
}
.breadcrumb-item + .breadcrumb-item.active::before {
  font-weight: 500;
}
.wrapper{
  clear: none !important;
  padding: calc(1.5rem + var(--topbar)) 2rem 1rem 2rem;
}
#homegrid > div:not(#home_coll) > .row {
  column-gap: 0.5rem;
}
#favorites{
  padding: 0 0.5rem 1rem;
}
#favorites li{
  display: flex;
  list-style-type: none; 
  padding: 0.25rem 0.5rem;
  text-align: left;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
#favorites li:hover {
  border-radius: 0.25rem;
  background: var(--hover);
  color: white;
  cursor: default;
}
#favorites li a{
  max-width: calc(100% - 1.5rem);  
}
#favorites li:hover a, #favorites li:hover a:hover {
  color: white;
}
#favorites li img.icon-ui{
  margin-left: 0.75rem;
}
#favorites li + li {
  margin-top: 0.75rem;
}
#home_coll {
  padding: 0 1rem;
}
.direct_link {
  display: flex;
  border: 1px solid var(--ui-2);
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important;
  padding: 0;
  flex: 0 0 47%;
  margin: 0.25rem;
}
.direct_link h2 {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 1.15em;
  margin-bottom: 0;
}
.direct_link a {
  padding: 0.5rem;
  width: 100%;
  height: 100%;
}
.home-card {
  background: white;
  text-align:center;
  margin-bottom: 1rem;
  padding: 0;
}
.home-card .head {
  display: block;
  color: black;
  padding: 1rem;
}
.home-card > svg, .home-card .head {
  fill: var(--ui-7);
  color: var(--ui-7);
}
.home-card:not(.favorites-card) .head:hover, .home-card a:hover {
  fill: var(--hover);
  color: var(--hover);
}
.home-card .head svg {
  width: 3em;
  height: 3em;
}
.home-card:not(.favorites-card):hover {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 9px 4px;
  cursor: pointer;
}
.home-card h1 {
  margin-top: 1rem;
  font-size: 1.5em;
}
.home-card p {
  color: var(--ui-7);
}

.title_line {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--ui-3);
}

.info {
  padding: 1rem;
  background: white;
  margin-top: 1rem;
  border-radius: 0.5rem;
}

.expander.collapsed > img.open { display: none; }
.expander:not(.collapsed) > img.closed { display: none; }

.expander_icon {
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
h3.expander {
  cursor: pointer;
}

.cat-title, .language {
  font-weight: 700;
}
.toolbar{
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
h3.toolbar{
  text-transform: initial;
}
.btn-toolbar > *:not(first-of-type){
  margin-left: 0.25rem;
}
.top-icon img {
  margin-right: 0.5rem;
}
.icon-ui{
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.icon-ui-md{
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
}
.icon-ui-lg{
  display: inline-block;
  width: 2rem;
  height: 2rem;
}
.icon-ui.favorite-set:hover, .icon-ui.favorite-unset:hover {
  cursor: pointer;
}
.pagination {
  text-align: center;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.settings_panel {
  padding: 1rem;
  background: white;
}
.settings_panel:not(last-child) {
  margin-bottom: 1rem;
}

table.home tr.child {
  background: white;
}
table.home tr.child:not(:last-child){
  border-bottom: 0.5rem solid var(--ui-1);
}
table.home tr.child td {
  padding: 1em;
}
table.home tr.child td:first-child{
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.table.home td{
  border: 0;
}
table.home tr.child td:nth-child(2) .cat-info, table.home tr.child td:nth-child(3) .cat-info {
  font-size: 2em;
  font-weight: 500;
}
table.home tr.child td.languages{
  vertical-align: bottom;
  min-width: 150px;
}
table.home tr.child td.languages .cat-info{
  font-weight: 700;
}
.table.home .btn-toolbar.toolbar {
  margin: 0;
}
table.list, table.userlist {
  background: white;
}
table.list thead tr.child {
  background: var(--ui-9);
  color: white;
}
table.external td {
  vertical-align: middle;
}
table.list tr.child:not(:last-child) {
  border-bottom: 0.5rem solid var(--ui-1);
}
table.list span.weight, table.list span.handle {
  display: none;
}
table.userlist thead tr{
  background: var(--ui-9);
  color: white;
}
table.userlist tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--ui-2);
}
table.userlist tbody td:first-child{
  font-weight: 700;
}
table.userlist td:first-child {
  width: 30%;
}
table.userlist td:last-child {
  width: 20%;
}
table.list span.weight, table.list span.handle {
  display: none;
}
#values_table td.value_col {
  min-width: 120px;
  font-weight: 700;
}
#values_table .num_col {
  min-width: 70px;
  text-align: center;
}
#values_table .last_mod_col, #values_table .modified_col {
  min-width: 150px;
}
#values_table .fav_col, .home td.fav_col {
  width: 30px;
  min-width: unset !important;
  vertical-align: middle;
}
td.fav_col img.icon-ui{
  width: 1.5rem;
  height: 1.5rem;
}
.doc-title{
  font-weight: 700;
}
#used-for{
  margin-top: 1rem;
}
#used-for-content {
  max-height: 10em;
  overflow-y: scroll;
  border: 1px solid var(--ui-icons);
  margin-top: 0.5rem;
  border-radius: 0.25rem;
}
#used-for-content ul {
  list-style: none;
  padding: .375rem .75rem .375rem .75rem;
}

.tabs-left img {
  width: 24px;
  height: 24px;
}

#main-sidebar {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  top: var(--topbar);
  height: calc(100% - var(--topbar));
  width: var(--sidebar);
  background: white;
  border-right: 1px solid var(--ui-3);
  box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.02);
  -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.02);
  z-index: 1000;
  -ms-overflow-style: none;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
#main-sidebar nav ul.tabs-left {
  padding: 0;
  list-style-type: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0;
}
#main-sidebar nav .tabs-left li {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
#main-sidebar nav .tabs-left li:after {
  border-bottom: 1px solid var(--ui-1);
  content: '';
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
#main-sidebar nav .tabs-left li a {
  display: flex;
  flex-direction: column;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}
#main-sidebar nav .tabs-left li a svg {
  width: 1.5em;
  height: 1.5em;
  fill: var(--ui-7);
}
#main-sidebar nav .tabs-left li a span {
  font-weight: 400;
  color: var(--ui-7);
  transition: color .3s ease;
  -webkit-transition: color .3s ease;
  text-align: center;
  margin-top: 0.25em;
  padding: 0 0.5rem;
  line-height: 1.25;
  font-size: 0.9em;
}
#main-sidebar nav>.tabs-left > li.active a span, #main-sidebar nav .tabs-left li a:hover span {
  color: var(--hover);
}
#main-sidebar nav>.tabs-left > li.active a svg {
  fill: var(--hover);
}

/* CSS part of the SmartCheckboxFieldRenderer widget */
.m2m_checkboxes li.unchecked { display: none; }
.m2m_checkboxes, ul.m2m_checkboxes li { list-style-type: none; padding-left: 0; }
.m2m_checkboxes .form-check-input {
  margin-left: 0;
}
.m2m_checkboxes .form-check-label:last-of-type {
  margin-bottom: .5rem;
  margin-left: 1.25rem;
}

select.unchecked { width: 100% }

/* Tooltips */
.tooltip > .tooltip-inner{
  background: var(--primary);
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--primary) !important;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: var(--primary) !important;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: var(--primary) !important;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: var(--primary) !important;
}

ul.errorlist {
  list-style-type: none;
  width: 100%;
  padding: .75rem 1.25rem;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  border-radius: 0.3rem;
  font-weight:700;
}
ul.errorlist.nonfield li + li{
  margin-top: 0.5rem;
}
ul.errorlist:not(.nonfield) li + li{
  margin-top: 0.5rem;
}
.modal-content {
  border: none;
  border-radius: 0;
}
#modal-title{
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  font-size: 1.1em;
}
.modal-body .modal-footer {
  padding: 1rem 0 0;
}
.modal-body .settings_panel {
  padding: 0 .5rem;
}
.modal-body .form-row {
  margin-bottom: 1rem;
}
.modal-body .form-row > label + input {
  margin-left: 1rem;
  width: 85%;
}
.modal-body .form-row > label, .modal-body .image-infos label {
  margin-bottom: 0;
}
.modal-body .image-container img{
  max-height: 60vh !important;
}
.modal-header {
  background-color: var(--hover);
  color: white;
  border-radius: 0;
}
.modal-title {
  font-weight: bold;
}
.modal-footer:empty {
  display: none;
}
.modal .upload-form{
  margin-bottom: 1rem;
}
.modal .upload-form .btn{
  margin-left: 0.5rem;
}
.modal .video-div{
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.modal .form-row, .modal .video-div > .row{
  margin: 0;
}
.modal .video-infos {
  background: var(--ui-0);
  padding: 0.5rem 0.25rem;
}
.modal .video-infos h6 {
  font-family: var(--font-default);
  font-size: 0.9em;
  text-align: center;
}
.modal .image-initial-name {
  justify-content: center;
  font-weight: 700;
  display: -ms-flexbox !important;
  display: flex !important;
}
.imageModal input:not([type="checkbox"]):not([type="radio"]):not(.btn){
  width: 100%;
}
.image-edit-form { width: 100%; }

/* pictos rules */
span.picto {
  transform: scale(2);
  display: inline-table;
  transform-origin: top left;
  margin: 0.5rem 0 1rem;
}
.summary .picto {
}
.ref_fields .picto{
  width: 2.2rem;
}
.table.list .char .picto{
  margin:0 !important;
}
#stats_panel ul{
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.stats_line{
  background: white;
  border: 1px solid var(--ui-3);
  border-radius: 0.25rem;
  box-shadow: 0 0 4px var(--ui-2);
}
.stats_line + .stats_line{
  margin-top: 0.5rem;
  }
.stats_line_head{
  display: inline-flex;
  background: var(--ui-2);
  padding: 1.5rem;
  margin-right: 0.5rem;
}
.stats_line a{
  padding: 0.25rem 0.55rem;
  border-radius: 0.25rem;
}
.stats_line a:hover{
  background: var(--hover);
  color: white;
  font-weight: 700;
}
/** 2fa specific styles **/
.two_factor .settings_panel h2, .two_factor .settings_panel h3 {
  font-size: 1.75em;
  border-top: 1.5rem solid var(--ui-1);
  margin: 0 -1rem;
  padding: 1rem;
}
.two_factor .settings_panel h1, .two_factor .settings_panel h2, .two_factor .settings_panel h3 {
  font-size: 1.75em;
}
.two_factor .settings_panel p:last-child {
  margin-bottom: 0;
}
.two_factor .settings_panel .btn-info:hover, .two_factor .settings_panel .btn-secondary:hover{
  color: white;
  background-color: var(--hover);
  border-color: var(--hover);
}
.two_factor .settings_panel .btn-danger{
  margin-top: 1rem;
}
.two_factor .settings_panel .btn-danger:hover{
  color: white;
}
.two_factor .settings_panel .btn-link:hover {
  text-decoration: none;
}
.two_factor .settings_panel label {
  margin-bottom: initial;
}
/** Media Queries **/
@media screen and (max-width: 767px) {
  :root{
    --sidebar: 50px! important;
  }
  body{
    font-size: 0.8rem!important;
  }
  #topBar nav ul {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    flex-direction: row;
  }
  #topBar div ul li a, #topBar nav ul li a {
    padding: 0 0.25rem;
  }
  .navbar-nav .dropdown-menu {
    position: absolute;
  }
  #main-sidebar {
    display: flex;
    padding-top: 3rem;
  }
  #main-sidebar nav .tabs-left li a {
    height: 50px;
  }
  .wrapper{
    padding: calc(1em + var(--topbar)) 0 1rem 0 !important;
  }
  .logo_top_client{
    padding-left: 0;
    max-width: 50%;
  }
}
@media screen and (max-width: 768px) {
  :root{
    --topbar: 70px !important;
  }
  #main-sidebar nav .tabs-left li a span{
    display: none;
  }
  #catalog_actions_bar button{
    margin-right: 0;
    font-size: 0.9em !important;
  }
  #search-panel{
    width: calc(100vw - 80px);
  }
  #main_ref{
    padding: 1.5rem;
  }
  #main_ref h3{
    font-size: 1.75em
  }
  body.home.wrapper {
    height: 100%;
    padding: 1rem !important;
  }
  .home-card{
    margin-left: 0;
    margin-right: 0;
  }
  .home-card:not(:last-child){
    margin-bottom: 2rem;
  }
  #topBar div{
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .logo_header{
    height: 30px;
  }
}
@media screen and (min-width: 992px) {
  .home-card.col-lg-3 {
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
  }
}
@media screen and (max-width: 1024px) {
  :root{
    --sidebar: 80px;
  }
  body{
    font-size: 0.85rem;
  }
  #topBar nav ul {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    flex-direction: row;
  }
  #topBar div ul li a, #topBar nav ul li a {
    padding: 0 0.25rem;
  }
  .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .wrapper{
    padding: calc(1em + var(--topbar)) 1em 1em 1em;
  }
  ul.levellist {
    padding-left: 0;
  }
  ul.levellist.level2{
    padding-left: 0.5rem !important;
  }
  nav ul.tabs {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    font-size: 0.8em;
  }
  .show_details{
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  #topBar nav{
    padding: 1rem;
  }
  #topBar nav ul{
    max-height: calc(100% - 85px);
    padding-top: 1rem;
    min-height: 1px;
  }
  #topBar nav ul li a{
    width: 100%;
    text-align: left;
  }
  #usr_pnl{
    border :0;
  }
  #main-sidebar span{
    font-size: 0.85em;
  }
  .ref_values_container.card-columns{
    column-count: 1;
  }
  table.home tr.child td{
    display: inline-grid;
    width: 100%;
  }
  table.home tr.child td:nth-child(3){
   width: 19% !important;
   padding-top: 0;
  }
  table.home tr.child td:first-child{
    max-width: 100% !important;
    padding-bottom: 0.5rem;
  }
  table.home tr.child td:nth-child(2), table.home tr.child td.languages {
   width: 39% !important;
   min-width: unset;
   padding-top: 0;
  }
}
/** specific iPad media queries **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  :root{
    --sidebar: 60px;
  }
  #main-sidebar nav .tabs-left li a span{
    display: none;
  }
  #main-sidebar nav .tabs-left li a {
    height: 60px;
  }
}
@media screen and (min-width: 1025px) {
  body{
    font-size: 0.9rem;
  }
  .card-columns {
    column-count: 5;
  }
}
@media screen and (min-width: 1921px) {
  .container {
    max-width: 1480px;
  }
  .card-columns {
    column-count: 5;
  }
}
@media screen and (min-width: 992px) {
  .home-card.col-lg-4 {
    flex: 0 0 32.333333%;
    max-width: 32.333333%;
  }
}