/* Fontawesome */

@font-face {
  font-family: "fontawesome";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../../libraries/fontawesome-5.12.0/webfonts/fa-solid-900.eot");
  src: url("../../libraries/fontawesome-5.12.0/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../libraries/fontawesome-5.12.0/webfonts/fa-solid-900.woff2") format("woff2"), url("../../libraries/fontawesome-5.12.0/webfonts/fa-solid-900.woff") format("woff"),
    url("../../libraries/fontawesome-5.12.0/webfonts/fa-solid-900.ttf") format("truetype"), url("../../libraries/fontawesome-5.12.0/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

a strong {
  color: inherit;
}

body.imce {
  margin-top: 0;
}

pre {
  background-color: #f3f6f9;
  border-radius: 0px;
  border: none;
  font-size: 13px;
  margin: 0;
  overflow: scroll;
  word-wrap: unset;
}

/* @group admin menu */

#admin-menu {
  top: 0;
  width: 100%;
  margin: auto;
  height: 1px;
  background: none;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0);
  background-color: transparent;
  font-style: normal;
  font-family: Verdana, sans-serif;
  display: flex;
  justify-content: center;
  overflow: visible !important;
}

#admin-menu-wrapper {
  position: fixed;
  max-width: 1440px;
  margin: 0 auto;
  height: 60px;
  margin-top: -20px;
  padding-top: 24px;
  font-size: 13px;
  font-family: Roboto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: flex;
  align-content: center;
  border-radius: 0 0 4px 4px;
  background-color: #fff;
  box-shadow: 0 0 0 1px #ddd;
  margin-top: -20px;
}

#admin-menu-wrapper a {
  color: #555 !important;
  display: block;
}

#admin-menu .dropdown li ul {
  width: auto;
}

#admin-menu-wrapper > ul > li > a {
  padding: 7px 12px !important;
}

.admin-menu-toolbar-category:hover a,
#admin-menu-wrapper:hover a {
  background-color: transparent !important;
}

#admin-menu-wrapper a:hover {
  color: #fff !important;
}

#admin-menu .dropdown li li {
  width: 265px;
  opacity: 1;
  background-color: #fff;
}

#admin-menu li:hover,
#admin-menu .dropdown li:hover,
#admin-menu .dropdown li li:hover,
#admin-menu .dropdown li li.expandable:hover {
  background: none;
  background-color: #119ad3;
}

#admin-menu li:hover > a,
#admin-menu .dropdown li:hover > a,
#admin-menu .dropdown li li:hover > a,
#admin-menu .dropdown li li.expandable:hover > a {
  color: #fff !important;
}

#admin-menu .dropdown li li a {
  border: none;
}

#admin-menu .dropdown li li.expandable ul {
  margin-left: 265px;
  margin-top: -29px;
  max-height: 90vh;
}
#admin-menu-menu.dropdown > li:nth-child(2) > ul.dropdown > li:nth-child(1),
#admin-menu-menu.dropdown > li:nth-child(2) > ul.dropdown > li:nth-child(2),
#admin-menu-menu.dropdown > li:nth-child(2) > ul.dropdown > li:nth-child(3) {
  display: none;
}
#admin-menu-menu > li:nth-child(2) > .dropdown > li:nth-child(4) > ul.dropdown {
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
}

#admin-menu-menu > li:nth-child(2) > .dropdown > li:nth-child(4) > ul.dropdown li a {
  padding: 3px 7px !important;
}

#admin-menu .dropdown li li.expandable {
  background-position: 250px 6px;
  background-color: #fff;
}

#admin-menu ul ul {
  box-shadow: 0 30px 120px 0 rgba(0, 0, 0, 0.3);
}

#admin-menu.fade {
  opacity: 1;
}

#admin-menu .dropdown a {
  background-image: none !important;
  border: none !important;
  padding: 7px 12px !important;
}

#admin-menu .dropdown .admin-menu-icon > a span {
  text-indent: 0;
  width: inherit;
  background-image: none;
}

#admin-menu li.admin-menu-shortcuts ul li {
  float: right;
}

#admin-menu .dropdown .admin-menu-toolbar-category > a {
  margin-bottom: 0;
}

#admin-menu .dropdown li:hover > a {
  background-color: transparent;
  border-radius: 0 !important;
}

#admin-menu li.admin-menu-account > a {
  background: none;
  background-image: none;
}

#admin-menu .dropdown a,
#admin-menu .dropdown li > span {
  padding: 7px;
}

#admin-menu .dropdown li li.expandable {
  background-image: url(images/admin-menu-arrow.svg);
  background-size: 10px;
}

/* @end */

/* @group CK Editor */

.cke .CodeMirror {
  font-size: 14px;
}

/* @end */

div.add-or-remove-shortcuts {
  padding-left: 0;
  margin-bottom: -2px;
}

div.add-or-remove-shortcuts a span.icon {
  width: 18px;
  height: 18px;
  margin-left: 0;
  background: none;
  background-color: #eee;
  border-radius: 9px;
  color: #777;
}

div.add-or-remove-shortcuts a:hover span.icon {
  background-color: #119ad3;
  color: #fff;
}

div.add-or-remove-shortcuts a span.icon {
  position: relative;
}

div.add-or-remove-shortcuts a span.icon:before {
  content: "+";
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  position: absolute;
  top: 0px;
  width: 18px;
  text-align: center;
}

div.remove-shortcut a span.icon:before {
  content: "–";
}

div.add-or-remove-shortcuts a:focus span.text,
div.add-or-remove-shortcuts a:hover span.text {
  font-size: 14px;
  line-height: 18px;
  color: #333;
  background-color: transparent;
  display: block;
  padding-right: 12px;
  cursor: pointer;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-radius: 0 12px 12px 0;
}

/* Views */

.views-display-setting .label,
.views-display-setting .views-ajax-link {
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  line-height: inherit;
  color: inherit;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0;
}

#content .views-displays .secondary .active a,
#content .views-displays .secondary a:hover {
  color: #fff;
}

/* CTools */

.option-text-aligner {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
}

#page-manager-edit .page-manager-tabs,
#page-manager-edit .page-manager-edit-operations .inside,
#page-manager-edit .page-manager-edit-operations li,
#page-manager-edit .page-manager-edit-operations li li.operation-first,
#page-manager-edit .page-manager-edit-operations li.active,
#page-manager-edit .page-manager-edit-operations li.active-group .page-manager-group-title {
  border: 0;
  background: transparent !important;
}

#page-manager-edit .page-manager-edit-operations li.active a,
#page-manager-edit .page-manager-edit-operations li a:hover {
  font-weight: 900;
  background-image: none;
  background-color: #119ad3;
  color: #fff;
}

#page-manager-edit .page-manager-edit-operations li li {
  margin: 0;
}

#page-manager-edit .page-manager-ajax-pad {
  background-color: transparent;
}

#page-manager-edit .page-manager-ajax-pad .content-title,
#page-manager-edit .secondary-actions,
#page-manager-edit .page-manager-ajax-pad .content-content {
  padding: 0 0 0 3vw;
  background-color: transparent;
  border: 0;
}

#panels-panel-context-edit-content > div > .form-item {
  margin-bottom: 0;
  display: inline-grid;
}

#panels-panel-context-edit-content > div > .form-item.form-item-display-title-hide-title {
  width: 25%;
}

#page-manager-edit .actions li a,
#page-manager-edit .page-manager-edit-operations li a {
  color: #119ad3;
}

#page-manager-edit .actions li a {
  background-color: #fff;
}

#page-manager-edit .actions ul,
#page-manager-edit .actions li,
#page-manager-edit .primary-actions li {
  border-color: #e3e6e9;
}

#panels-dnd-main > div,
#panels-dnd-main header .container {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.mma_admin #panels-dnd-main div.panel-region,
.mma_admin #page-manager-edit section,
.mma_admin #panels-dnd-main header {
  border-radius: 0px;
  width: 100%;
}

.mma_admin #panels-dnd-main div.panel-region {
  padding: 8.5px 17px;
  margin: 8.5px 0;
  border: 1px solid #e3e6e9;
  background-color: #fff;
}

#page-manager-edit #main,
#page-manager-edit .container {
  margin: 0;
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#page-manager-edit .col-right {
  position: relative;
  float: right;
}

.ctools-dropdown hr {
  margin: 7px 0;
}

.ctools-export-ui-operations {
  position: relative;
}

.panels-frame-ui .ctools-button-processed {
  width: 120px;
}

#main + .contextual-links-wrapper {
  top: 50px;
  right: 50px;
}

#panels-dnd-main .panel-pane,
#panels-dnd-main .helperclass {
  margin: 17px 0;
}

.panel-portlet {
  border: 1px solid #e3e6e9;
  border-bottom-width: 2px;
  border-right-width: 1px;
  border-top: 0;
}

.panel-portlet .grabber,
.panel-portlet .grabber:hover,
.panel-portlet .grabber:active {
  background-image: none;
  background-color: #c7e0ec;
  color: #737679;
}

.panel-portlet .grabber {
  background: #daeaf3;
  color: #737679;
  font-weight: 500;
  padding: 2px 0 0 3px;
}

.panel-portlet .grab-title {
  height: 24px;
}

#panels-dnd-main .panel-pane .pane-title {
  font-size: 1em;
  padding: 0 7px 7px;
}

.panel-portlet.hidden-pane .grab-title {
  background-color: #e3e6e9;
}

.panel-portlet .pane-content {
  margin: 0;
  padding: 0;
}

.panel-portlet .pane-content pre {
  padding: 12px;
}

.panel-portlet .buttons a.ctools-dropdown-image-link,
#panels-dnd-main div.panel-region .pane-add-link a.ctools-dropdown-image-link {
  background-image: none;
  background-size: contain;
  background-color: #a3a6a9;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-mask-image: url(images/gear2.svg);
  mask-image: url(images/gear2.svg);
  width: 16px;
  height: 16px;
  margin-top: 1px;
}

#panels-dnd-main div.panel-region .pane-add-link {
  margin: 2px 0 0 0;
}

#panels-dnd-main div.panel-region h2.label {
  margin: 0;
  padding-left: 17px;
  color: #a3a6a9;
}

#panels-dnd-main div.panel-region .pane-add-link a.ctools-dropdown-image-link:hover,
.panel-portlet .grabber .buttons a.ctools-dropdown-image-link:hover {
  background-color: #333639;
}

#panels-dnd-main + h2,
#panels-dnd-main + h2 + #panels-live-preview {
  display: none;
}

/* Drupal */

.system-themes-list-disabled .theme-selector {
  width: 33%;
}

/* @group Localization Client */

#l10n-client {
  z-index: 4999;
  background-color: #333639;
}

#l10n-client.l10n-client-minimized {
  opacity: 0;
}
#l10n-client.l10n-client-minimized:hover {
  opacity: 1;
}
#l10n-client.l10n-client-minimized .labels {
  background-color: #fc0;
}

#l10n-client-string-editor {
  width: 70%;
}

#l10n-client-string-editor .source .source-text,
#l10n-client #l10n-client-search-form {
  background-color: transparent !important;
  color: #fff;
  font-size: 16px;
}

#l10n-client .string-list li.translated {
  background-color: transparent !important;
  color: #fff;
}

#l10n-client #l10n-client-search-form {
  height: auto;
  padding-right: 0;
}

#l10n-client #l10n-client-search-form .form-item {
  display: block;
}

#l10n-client #l10n-client-search-form #l10n-client-search-filter-clear {
  vertical-align: inherit;
  display: none;
}

#l10n-client #l10n-client-search-form input.form-text {
  width: 100%;
}

#l10n-client .labels {
  background-color: #333639;
  font-weight: 700;
  color: #333639;
}

#l10n-client h2 {
  font-weight: 700;
  border: none;
  text-align: center;
  color: #d3d6d9;
  display: none;
}

.l10n-client-maximized .labels .toggle {
  background: #e02;
  font-weight: 700;
  color: #fff;
}

#l10n-client-string-editor .source .source-text {
  margin-right: 0;
  background-color: #f3f6f9;
}

#l10n-client-form .form-textarea,
#l10n-client #l10n-client-search-form input.form-text,
#l10n-client input {
  background-color: #434649;
  border-color: #535659;
  color: #d3d6d9;
}

#l10n-client input:hover,
#l10n-client input:active,
#l10n-client input:focus {
  border-color: #119ad3;
  color: #fff;
}

#l10n-client input#edit-save {
  margin: 0;
  float: right;
}

#l10n-client-form .form-type-textarea {
  margin-bottom: 7px;
}

#l10n-client-edit-copy {
  margin-right: 7px;
}

#l10n-client-form .form-textarea {
  font-size: 16px !important;
  width: 100%;
}

#l10n-client .string-list,
#l10n-client-form .form-textarea {
  height: 240px;
}

#l10n-client .string-list li:first-child {
  display: none;
}

#l10n-client .string-list li.translated {
  border-color: #535659;
  color: #9cd400;
}

#l10n-client .string-list li.untranslated:hover {
  background-color: #000;
}

#l10n-client .string-list li.untranslated,
.page-admin #l10n-client-string-editor .source .source-text,
.page-admin #l10n-client #l10n-client-search-form {
  color: #d3d6d9;
}

#l10n-client-string-editor .source .source-text {
  padding: 0;
  margin: 0;
}

#l10n-client .string-list li {
  border-bottom-color: #434649;
}

#l10n-client .string-list li.active {
  color: #fff;
}

#l10n-client-search-filter-clear {
  display: none;
}

#l10n-client-string-select {
  float: right;
  padding-right: 7%;
  width: 30%;
}

#l10n-client-string-editor .source {
  width: 30%;
  margin-left: 7%;
}

#l10n-client-string-editor .translation {
  width: 50%;
  margin-right: 7%;
}

/* @end */

/* @group Chosen */

.chosen-container {
  font-size: 14px;
}

.chosen-container-multi .chosen-choices,
.chosen-container-multi .chosen-choices li.search-choice,
.chosen-container-single .chosen-single {
  background-image: none;
  background-color: #fff;
  border: 1px solid #e3e6e9;
  border-bottom-color: #a7daf5;
  padding: 9px 30px 7px 12px;
  height: auto;
}

.chosen-container-multi .chosen-choices {
  padding-right: 3px;
}

.chosen-container-single .chosen-single {
  border-radius: 0;
  box-shadow: none;
  height: 36px;
  padding-top: 5px;
}

.chosen-container-single .chosen-single span {
  color: #404040;
  margin-right: 0;
}

.chosen-container-single .chosen-single div b {
  background-position: 3px 10px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -15px 10px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  background-image: none;
  background-color: #f7f7f7;
  border-color: #f3f6f9;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: 10px;
  right: 12px;
  background-image: url(images/chosen-sprite-mma.png);
}

.chosen-container-active .chosen-choices {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  border-color: #69b !important;
  border-bottom-color: #fff !important;
}

.chosen-container .chosen-results .highlighted {
  background-image: none;
  background-color: #69b;
}

/* @end */

/* @group Fields */

.form-phone-number {
  display: flex;
  justify-content: space-between;
}

.form-phone-number div[class*="country-codes"] {
  flex: 0 1 35%;
}

.form-phone-number div[class*="number"] {
  flex: 0 1 40%;
}

.form-phone-number div[class*="extension"] {
  flex: 0 1 15%;
}

.form-phone-number .form-item input {
  width: auto;
  margin-top: 0;
}

.form-phone-number div[class*="country-codes"] .form-select,
.form-phone-number .phone-number {
  min-width: 100% !important;
  max-width: inherit !important;
}

/* @end */

/* @group Messages */

div#better-messages-wrapper {
  background-color: #fff;
  padding: 30px;
  margin-top: -30px;
  border-radius: 4px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
}

#better-messages-default .messages-label {
  margin: 0;
  font-size: inherit;
  border-radius: 4px 4px 0 0;
  font-family: sans-serif;
  text-shadow: none;
  padding: 12px 21px 7px 21px;
}

#better-messages-default .messages {
  margin-top: 0 !important;
  border-radius: 0 0 4px 4px;
  background-image: none !important;
  background: #fff;
  padding: 21px;
  line-height: 1.35;
  font-family: sans-serif;
}

#better-messages-default .messages ul,
#better-messages-default .messages li {
  margin: 0;
  padding: 0;
}

#better-messages-default .messages li.message-item {
  list-style: none;
  margin: 5px 0;
  padding: 0;
}

#better-messages-default .footer {
  margin-top: 40px;
  padding-top: 12px;
}

.messages-label {
  display: none;
  margin: 0;
}

.user1 .messages-label {
  display: none;
  visibility: hidden;
}

.user1 .messages {
  margin: 7px 0;
}

div.status,
table tr.ok {
  background-color: #d0f279;
}

div.messages {
  border: none;
  border-left: 7px solid #7b0;
  padding: 12px 21px;
  margin: 0 0 7px 0;
  background-color: #fff;
  color: #7b0;
  font-size: 16px;
  line-height: 1.4;
}

div.messages.error {
  color: #e02;
  border-left-color: #e02;
}

div.messages.warning {
  color: #f90;
  border-left-color: #f90;
}

div.messages ul {
  margin: 0 0 0 1em;
  padding: 0;
}

div.messages ul li {
  list-style-image: none;
}

.error[generated="true"] {
  font-weight: 400;
  color: #e02;
  background-color: rgba(225, 0, 0, 0.05);
  padding: 7px;
  background-image: none;
  margin: 21px 0;
}

/* @end */

.ds-2col {
  display: flex;
  justify-content: space-between;
}

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12 {
  padding: 0;
}

.grid-1 {
  flex: 0 1 calc(8.333% - 17px);
}

.grid-2 {
  flex: 0 1 calc(16.666% - 17px);
}

.grid-3,
.col-4 {
  flex: 0 1 calc(25% - 17px);
  width: calc(25% - 17px);
}

.grid-4 {
  flex: 0 1 calc(33.333% - 17px);
  width: calc(33.333% - 17px);
}

.grid-5 {
  flex: 0 1 calc(41.666% - 17px);
  width: calc(41.666% - 17px);
}

.grid-6 {
  flex: 0 1 calc(50% - 17px);
  width: calc(50% - 17px);
}

.grid-7 {
  flex: 0 1 calc(58.333% - 17px);
  width: inherit !important;
}

.grid-8 {
  flex: 0 1 calc(66.666% - 17px);
}

.ds-2col-fluid .grid-8 {
  flex: 0 1 calc(66.666% - 17px);
  width: calc(66.666% - 17px) !important;
}

.grid-9 {
  flex: 0 1 calc(75% - 17px);
}

.grid-10 {
  flex: 0 1 calc(83.333% - 17px);
}

.grid-11 {
  flex: 0 1 calc(91.666% - 17px);
}

.grid-12 {
  flex: 0 1 100%;
}

@media screen and (max-width: 1090px) {
  .grid-7 {
    flex: 0 1 65%;
  }
}