:root {
  --blue: #2b63be;
  --white: #fff;
  --black: #37392E;
  --lightblue: #d3dff1;
  --lightgray: #f2f3f5;
  --darkgray: #37392E;
  --darkred: #cc3d3d;
  --gray: #818182;
}
.pager__items li > a {
  border: 1px solid var(--lightgray);
  color: var(--black);
  border-radius: 1px;
}
.pager__items li.is-active > a {
  background-color: var(--blue);
  color: var(--white);
  border: var(--blue);
}
.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > thead > tr > th {
  border: none;
}

#logo img{
  max-height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#logo .logo-lg, #logo .logo-mini{
  position:relative;
  height:50px;
}

.login-box .logo-lg > img {
  max-width: 100%;
}

@media (max-width: 767px){

  body.skin-black #logo,
  body.skin-black #logo:hover,
  body.skin-black-light #logo,
  body.skin-black-light #logo:hover
  {
    background-color:#fff;
    border-bottom: 1px solid #eee;
  }

}
.login-page-header.logo .logo-lg {
  display: block;
}
.login-page-header.logo .logo-mini {
  display: none;
}

body .label {
  color: #333;
  font-size: 80%;
}

body .paragraphs-dropdown-actions,
body .paragraphs-dropdown-actions > input,
body .paragraphs-dropdown-actions > input.btn-primary {
  color: rgb(51, 51, 51);
}

.field--type-entity-reference-revisions h4.label {
  font-size: 100%;
}

a.tabledrag-handle .handle {
  width: 24px;
  height: 24px;
}

.box > .box-header > h4{
  margin:0;
}

@media (max-width: 991px){
  .content-header > h1.page-title{
    margin-top:20px;
  }
}

.dropbutton > li > input:not(.btn-primary),
.dropbutton > li > input.button.js-form-submit,
.dropbutton > li > a,
.action-list > li > input:not(.btn-primary) {
  color: #428bca;
}
.dropbutton > li > input.button.btn-primary {
  color: #ffffff;
}

.dropbutton > li > input:not(.btn-primary):hover,
.dropbutton > li > input.button.js-form-submit:hover,
.dropbutton > li > a:hover,
.action-list > li > input:not(.btn-primary):hover {
  color: #68B1F0;
}

.ui-dialog .ui-dialog-title {
  color: black;
}


.filter-wrapper{
  display:none;
  visibility: hidden;
}
.page-manager-block-buttons{
  padding:0 0 10px 0;
}
.page-manager-block-buttons .btn{
  margin: 0 2px 5px 0;
}
body.path-node .nav-tabs, body.path-user .nav-tabs{
  display: none;
  visibility: hidden;
}
.credits a{
  margin:0 0 0 3px;
}
.credits a img,
.credits a svg{
  margin:-2px 0 0 0;
  opacity:0.85;
}
.credits a:hover img,
.credits a:hover svg {
  opacity:1.0;
}
.progress {
  overflow: visible;
}

/* AdminLTE Overrides */
.content-wrapper,.right-side,.main-footer {
  z-index: 82; /* 820 */
}
.content-wrapper,.right-side {
  z-index: 80; /* 800 */
}
.main-header {
  z-index: 99; /* 1030 */
}
.main-header > .navbarheader {
  background-color: var(--lightgray);
}
.main-sidebar,.left-side {
  z-index: 81; /* 810 */
}
@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .right-side,.sidebar-mini.sidebar-collapse .main-footer {
    z-index: 84; /* 840 */
  }
  .sidebar-mini.sidebar-collapse .main-sidebar {
    z-index: 85; /* 850 */
  }
}
.control-sidebar-bg {
  z-index: 97; /* 1000 */
}
.control-sidebar {
  z-index: 98; /* 1010 */
}

/* AdminLTE/Bootstrap Overwrite */
ul.numbered {
  list-style-type: auto;
}
.select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--blue);
  border-color: var(--blue);
  padding: 4px 10px;
}
.select2-results__option--highlighted {
  background-color: var(--blue) !important;
}
.callout.callout-info {
  background-color: var(--blue) !important;
  border: none;
  font-weight: bold;
}
.sidebar-menu li > a > .fa-angle-left {
  height: 1em;
}
.sidebar-toggle,
.skin-black .main-header > .navbar > .sidebar-toggle {
  border-right: none;
}
.main-header {
  position: fixed;
  background-color: var(--white);
  width: 100%;
}
.nav-tabs-custom {
  box-shadow: none;
}
.main-header .logo-lg {
  font-size: 25px;
  font-weight: bold;
}
.nav-tabs-custom > .nav-tabs > li.active {
  border-top: solid 4px var(--blue);
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
  border: none;
}
.content-wrapper {
  background-color: var(--white);
}
.content-header {
  padding-top: 50px;
}
.content {
  background-color: var(--white);
}
.content-header,
.content-header > .page-title {
  margin-left: 20px;
  padding-top: 40px;
  font-size: 40px;
  font-weight: bold;
}
.main-sidebar,
.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side,
.skin-black sidebar-menu > li > .treeview-menu,
.sidebar-menu a,
.dialog-off-canvas-main-canvas {
  background-color: var(--lightgray);
}
.main-sidebar {
  border-right: solid var(--lightgray) 1px;
  display: flex;
  flex-direction: column;
  position: fixed;
}
.sidebar-menu a,
.sidebar a,
.skin-black .sidebar a,
.skin-black .treeview-menu li > a {
  color: var(--darkgray);
}
.sidebar-menu li:hover > a,
.skin-black .sidebar-menu li:hover > a,
.sidebar-menu li.active > a,
.skin-black .sidebar-menu li.active > a {
  background-color: var(--blue);
  color: var(--white);
}
.skin-black .sidebar-menu > li > .treeview-menu.menu-open,
.skin-black .sidebar-menu > li > .treeview-menu {
  background-color: transparent;
}
.box-body {
  border-radius: 20px;
  margin-left: 20px;
}
.btn-primary,
.btn-default {
  color: var(--white);
  background-color: var(--blue);
  border-radius: 10px;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 25px 10px 25px;
  border: solid 2px var(--blue);
  transition: color 0.125s, background-color 0.125s;
}
.btn-primary:hover,
.button:hover,
.btn-default:hover {
  color: var(--blue);
  background-color: var(--white);
  border: solid 2px var(--blue);
}
.btn-secondary {
  color: var(--white);
  background-color: var(--gray) !important;
  border-radius: 10px;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 25px;
  border: solid 2px var(--gray);
  transition: color 0.125s, background-color 0.125s;
}
.btn-secondary:hover {
  color: var(--gray) !important;
  background-color: var(--white) !important;
  border: 2px solid var(--gray);
}
.btn-danger,
.button--action.form-submit {
  color: var(--white);
  background-color: var(--darkred) !important;
  border-radius: 10px;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 25px 10px 25px;
  border: solid 2px var(--darkred);
  transition: color 0.125s, background-color 0.125s;
}
.btn-danger:hover,
.button--action.form-submit:hover  {
  color: var(--darkred) !important;
  background-color: var(--white) !important;
  border: solid 2px var(--darkred);
}
.btn.disabled {
  pointer-events: none !important;
}
.btn-xs {
  font-size: 1px;
  padding: 2px 6px;
}
#edit-name--description, #edit-pass--description {
  display: none;
}
.view-header {
  margin-bottom: 50px;
}
caption {
  font-size: 20px;
  font-weight: bold;
  color: var(--black);
  padding-bottom: 30px;
}
.media-library-views-form {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  padding: 20px;
}
.media-library-views-form .media-library-item {
  max-width: 80%;
  padding: 5px;
  margin: 5px;
}
.media-library-item__preview img {
  border-radius: 20px;
}
.media-library-item__name {
  padding-top: 10px;
}
.views-field-media-library-select-form .form-checkbox {
  position: relative;
  z-index: 10;
  top: 8rem;
  left: 2rem;
  display: block;
  width: 1.5em;
  height: 1.5em;
}
.sticky-header {
  position: initial;
}
.table-responsive, .views-displays {
  border: solid 0px var(--black);
  background-color: var(--white);
  padding: 20px;
  border: 1px var(--lightgray) solid;
  border-radius: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 50px rgb(20 45 82 / 10%), 0px 3px 4px rgb(20 45 82 / 10%), 0 10px 40px rgb(20 45 82 / 10%);
  margin: 30px 0px 30px 0px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--white) !important;
}
.table-striped > tbody > tr:hover,
.views-ui-list-enabled:hover {
  background-color: var(--lightblue) !important;
}
.views-field-created {
  background-color: transparent !important;
}
.table-striped > tbody > tr:hover {
  color: var(--blue) !important;
}
.table-bordered,
.table,
.table-bordered > thead > tr,
.views-field {
  border: none !important;
  padding-top: 15px;
  padding-bottom: 0px;
}
.main-footer > span {
  display: none;
}
.main-footer {
  border: none;
}
.path-frontpage {
  height: 100%;
}
.login-box-body, .register-box-body {
  padding: 0px;
}
.js-form-item, .js-media-library-item-preview {
  padding-bottom: 10px;
  padding-top: 10px;
}
.draggable-item, .fc-event {
  background-color: var(--blue);
}
.views-field {
  background-color: transparent !important;
  color: var(--black);
  font-size: 15px;
}
.form-item {
  color: var(--black);
  font-size: 16px;
}
.ui-dialog {
  padding: 30px;
}
.ui-dialog .ui-dialog-titlebar {
  display: none;
}
.form-group, .form-item {
  margin: 0px;
}
.ui-dialog .ui-dialog-buttonpane {
  background: none;
}
.ui-dialog .ajax-progress-throbber {
  background-image: url(../img/loading.gif) !important;
  background-size: 200px;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--white);
  z-index: 9999;
}
.unit-title, .view-preview-form__title {
  font-size: 35px !important;
  font-weight: bold;
}
.views-display-top, .form-actions, .views-preview-wrapper, .view-preview-form__title {
  background-color: var(--white) !important;
  border: none !important;
}
.views-ui-display-tab-bucket {
  line-height: 15px;
}
.preview-submit-wrapper {
  display: block;
  margin-left: 10px;
}
html {
  min-height: 100%;
}
body.path-batch {
  height: 100vh;
}
body.path-batch .wrapper {
  height: 100%;
}
body.path-batch .dialog-off-canvas-main-canvas {
    height: calc(100% - 50px);
}
body.path-batch .wrapper .dialog-off-canvas-main-canvas .content-wrapper {
  padding-top: 50px;
}



/* FontAwesome Overwrite */
.fa {
  font: normal normal normal 14px/1 "Font Awesome 5 Pro", "FontAwesome";
  font-weight: 900;
}
.far {
  font-weight: 400;
}
.fad {
  position: relative;
  font-family: 'Font Awesome 5 Duotone';
  font-weight: 900;
}
.fas {

}
.fal {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
}
.checkbox input[type=checkbox] {
  top: 0;
}