a, a:visited, a:hover, a:focus {
    color: #4D9F99;
}

.inline-navigation-top, .inline-navigation-bottom {
    background: initial;
}

.sidebar-section {
    padding: 3px 0;
}

.sidebar, .sidebar-popup {
    z-index: 99;
}

.sidebar-section.last {
    margin-top: 20px;
}

.sidebar-link {
    margin: 15px 0;
}

.sidebar-section .sidebar-left-pin.icon-star.pin-toggle {
    margin-right: 5px;
}

.image-admin-list-display {
    width: 90px;
    height: 90px;
    border-radius: 4px;
}

body.login .form-row label {
    padding-right: 0;
}

body.login .form-row #id_email,
body.login .form-row #id_new_password1,
body.login .form-row #id_new_password2 {
    clear: both;
    padding: 6px;
    padding: 0.42857rem;
    width: 100%;
    box-sizing: border-box;
}

body.change-list a.last_error img {
  border: 3px solid #f00;
}

.field-deleted_display_in_list {
    width: 1px;
    padding: 0;
}

.field-deleted_display_in_list span {
    visibility: hidden;
}

.admin-photo-path-left-menu {
    width: 120px;
    height: 120px;
    display: block;
    margin: 10px auto;
    border-radius: 100px;
}

.custom_search_field {
  position: relative;
  display: inline-block;
}

.custom_search_field icon {
  position: absolute;
  top: 10px;
  cursor: pointer;
  display: none;
}

fieldset.module td.delete, fieldset.module th.th-delete {
    text-align: center;
}

#branding-menu {
    top: 45%;
}

#branding {
    min-height: 42px;
}

#result_list .field-photo_path_icon,
#result_list .field-get_preview_path {
    width: 1px;
}

#result_list .tag {
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    color: #4c4343;
    max-width: 100px;
    margin: auto;
}

/* DASHBOARD */
body.dashboard .chart-container {
    padding: 10px;
}

body.dashboard .filters-container {
    float: right;
    margin-bottom: 20px;
}

body.dashboard .filters-container .filter,
body.dashboard .filters-container .select2 {
    max-width: 160px;
}

body.dashboard .filters-container > div {
    padding: 10px 0;
    float: left;
    margin-right: 20px;
}

body.dashboard .filters-container > div:last-child {
    margin-right: 0;
}

body.dashboard .total-count {
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  clear: both;
}

/* END DASHBOARD */

/* DATEPICKER */

#ui-datepicker-div .ui-datepicker-title {
    margin: 0;
}

#ui-datepicker-div .ui-datepicker-title select {
    text-align: center;
    margin: 0 0.2em;
    background: transparent;
    color: #ffffff;
    border: 0;
}

#ui-datepicker-div .ui-datepicker-title select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}

#ui-datepicker-div .ui-datepicker-title select option{
    color: #6f7e95;
}

#ui-datepicker-div .ui-datepicker-title select.ui-datepicker-month {
    width: 57%;
    text-transform: capitalize;
}

#ui-datepicker-div .ui-datepicker-title select.ui-datepicker-year {
    width: 34%;
}

button.ui-datepicker-current,
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
    display: none;
}

/* END DATEPICKER */

.img-inline {
    max-width: 450px;
}

/* Custom raw_field_id */
.vForeignKeyRawIdAdminField {
    display: none;
}

a.related-lookup span {
    color: #ffffff;
}
a:hover.related-lookup span, a:focus.related-lookup span {
    color: #ffffff;
}

.related-popup-container {
    z-index: 100;
}

.choose-from-popup {
    cursor: pointer;
}

tbody .field-choose_from_popup {
    width: 120px;
    text-align: center;
}
/* END custom raw_field_id */

/* Fix: left menu behavior always pinned */
.sidebar-backdrop, body .sidebar #branding-pin {
    display: none;
}
/* end Fix */


/* DASHBOARD */
.dashboard-row .dashboard-item .widget .header {
    padding: 10px;
}

.dashboard-row .dashboard-item .widget .header i {
    margin-right: 5px;
}

.dashboard-row .dashboard-item .widget .header a {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.dashboard-row .dashboard-item .widget .body {
    float: right;
    padding: 0 20px 10px;
    font-weight: bold;
    font-size: 28px;
}

.dashboard-row .dashboard-item .widget .body.action {
  float: none;
  padding: 0 0 10px;
  text-align: center;
  font-size: 22px;
}

.dashboard-item-content .obj {
    text-transform: lowercase;
}

/* end DASHBOARD */


/* NOTIFICATIONS */

.notification {
    position: absolute;
    left: 60px;
    width: 31px;
    height: 30px;
    border: 0.07143rem solid;
    border-radius: 0.07143rem 0.07143rem 0 0;
    border-color: #6f7e95;
    top: 5px;
    background-color: #6f7e95;
    z-index: 9;
    cursor: pointer;
}

.notification.closed {
    border: 0.07143rem solid #c0d4e8;
    border-radius: 0.28571rem;
    background: transparent;
}

.notification > i {
    font-size: 17px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    color: #ecf2f6;
}

.notification.closed i {
    color: #6f7e95;
}

.notification.closed ul {
    display: none;
}

.notification ul {
    position: relative;
    top: 28px;
    left: -62px;
    width: 320px;
    border: 0.07143rem solid;
    padding: 0px;
    background-color: #6f7e95;
    border-color: transparent;
    color: #ecf2f6;
    max-height: 250px;
    overflow-y: auto;
    cursor: initial;
}

.notification ul div {
    padding: 13px 16px;
    border-bottom: 1px solid;
    position: relative;
}

.notification ul div:last-child {
    border-bottom: 0;
}

.notification ul div span {
    display: block;
    padding: 0px 20px 0 0;
}

.notification ul div span a {
    color: #ecf2f6;
}

.notification ul div.delete-all span,
.notification ul div.no-notification {
    padding: 0;
    text-align: center;
    color: #ecf2f6;
}

.notification ul div .info-time {
    text-align: right;
    float: right;
}

.notification ul div .info-view {
    text-align: left;
    float: left;
}

.notification ul .actions {
    position: absolute;
    top: 10px;
    right: 0;
}

.notification .live_notify_badge {
    position: absolute;
    right: -18px;
    top: -5px;
    background: #ff3232;
    padding: 2px 7px;
    border-radius: 0.28571rem;
    color: #ecf2f6;
    font-weight: bold;
}

.notification ul .actions i,
.notification .delete-all a,
.notification .no-notification {
    color: #ecf2f6;
}
/* end NOTIFICATIONS */

#result_list .fa-cloud-download-alt {
    margin: 5px 10px 5px 0;
}

#result_list .field-hidden_pk, #result_list .column-hidden_pk {
    display: none!important;
}

.prepare_tray_form_container .left {
    width: 60%;
    float: left;
}

.prepare_tray_form_container .right {
    width: 40%;
    float: left;
}

.prepare_tray_form_container #prepare_tray_form {
    float: left;
}

.prepare_tray_mode table#result_list tr.selected {
    background-color: transparent;
    border-color: transparent;
}

#result_list tr td.field-tray_options, #result_list thead th.column-tray_options {
  display: none;
  text-align: center;
  width: 40px;
}

#trayCanvas {
    display: none;
    border: 1px solid #dddddd;
    margin: 0 auto 10px;
    text-align: center;
    clear: both;
    background-color: #ffffff;
    position: fixed;
    top: 50px;
    right: 19px;
    z-index: 1;
}

#trayCanvasExtended {
    border: 1px solid #dddddd;
    background-color: #ffffff;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

/* Animated checkbox */
:root {
  --primary: #458F89;
  --easing: cubic-bezier(0.165, 0.84, 0.44, 1);
  --duration: 100ms;
}

.animated_checkbox {
  display: inline-block;
  position: relative;
  padding: 20px 20px 20px 15px;
  font-weight: bold;
  cursor: pointer;
}

.animated_checkbox:active .text {
  transform: scale(0.9);
}

.animated_checkbox .icon {
  position: absolute;
  height: 25px;
  width: 25px;
  top: 50%;
  left: 5px;
  transform: translateY(-50%) rotate(45deg);
}

.animated_checkbox .icon .wrapper,
.animated_checkbox .icon .tick {
  content: "";
  display: block;
  position: absolute;
}

.animated_checkbox .icon .wrapper {
  height: 100%;
  width: 100%;
  border-radius: 100%;
  border: 2px solid currentColor;
  background: transparent;
  transition: background var(--duration) var(--easing);
}

.animated_checkbox .icon .tick {
  border: 2px solid transparent;
  transition: height var(--duration) ease-in,
    width var(--duration) ease-out var(--duration),
    border-color var(--easing) var(--duration) var(--duration);
  width: 0px;
  height: 0px;
  bottom: 5px;
  left: 8px;
  border-radius: 1px;
  transform-origin: bottom left;
  /*   transform: rotate(45deg); */
}

[id^="checkbox_"]:checked + .animated_checkbox .icon .tick {
  width: 5px;
  height: 12px;
  border-right-color: currentColor;
  border-bottom-color: currentColor;
  transition: width var(--duration) ease-in,
    height var(--duration) ease-out var(--duration),
    border-color var(--easing) var(--duration);
    color: #ffffff;

}

[id^="checkbox_"]:checked + .animated_checkbox .icon .wrapper {
  background: inherit;
  color: #ffffff;
}

.animated_checkbox::before {
    display: none!important;
}

/* End animated checkbox */

/* vertical accordion */

.vertical-accordion {
    margin: auto;
    width: 400px;
}
.vertical-accordion input {
    display: none;
}
.box {
    position: relative;
    background: white;
    height: 64px;
    transition: all .15s ease-in-out;
}
.box::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
}
header.box {
    background: #00BCD4;
    z-index: 100;
    cursor: initial;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px -2px rgba(0,0,0,.12),0 2px 4px -4px rgba(0,0,0,.24);
}
header .box-title {
    margin: 0;
    font-weight: normal;
    font-size: 16pt;
    color: white;
    cursor: initial;
}
.box-title {
    width: calc(100% - 40px);
    height: 64px;
    line-height: 64px;
    padding: 0 20px;
    display: inline-block;
    cursor: pointer;
    -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.box-content {
    width: calc(100% - 40px);
    padding: 30px 20px;
    font-size: 11pt;
    color: rgba(0,0,0,.54);
    display: none;
}
.box-close {
    position: absolute;
    height: 64px;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}
input:checked + .box {
    height: auto;
    margin: 16px 0;
    box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
}
input:checked + .box .box-title {
    border-bottom: 1px solid rgba(0,0,0,.18);
}
input:checked + .box .box-content,
input:checked + .box .box-close {
    display: inline-block;
}
.arrows section .box-title {
    padding-left: 25px;
    width: calc(100% - 64px);
    font-size: 1.2em;
}
.arrows section .box-title:before {
    position: absolute;
    display: block;
    content: '\203a';
    font-size: 18pt;
    right: 30px;
    top: -2px;
    transition: transform .15s ease-in-out;
    color: rgba(0,0,0,.54);
}
input:checked + section.box .box-title:before {
    transform: rotate(90deg);
}

/* end vertical accordion */

/* overlay */

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

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 60px;
  height: 60px;
  margin: -76px 0 0 -76px;
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #4D9F99;
  -webkit-animation: spin-loader 2s linear infinite;
  animation: spin-loader 2s linear infinite;
}

.object-tools.right {
  float: right;
}

@keyframes spin-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* end overlay */

.related-widget-wrapper .m2m_placeholder {
  background: #d0dbe6;
  color: #6f7e95;
  padding: 0.2rem 0.35714rem;
  border-radius: 0.28571rem;
  margin-top: 5px;
  white-space: break-spaces;
  line-height: 20px;
}

.related-widget-wrapper .select2-search__field {
  display: none;
}

/* Inlines */
.tabular.inline-related .before-fieldset {
  text-align: center;
  padding: 40px 10px;
}

@media only screen and (min-width: 961px) {
  .notification {
    right: 215px;
    left: initial;
    top: 0.78571rem;
  }

  .notification ul {
    left: -290px;
  }

  .notification .live_notify_badge {
    top: -12px;
    right: -12px;
  }
}