/* ---------- Color Module Styles ----------- */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
}
:root {
  --app-primary: #50870a;
  --app-secondary: #76175F;
  --app-color: #FFF;
  --app-color-inv: #000;
  --app-color-hover: #F09316;
  --app-toolbar-hover: #B5B9BB;
  --app-bgd: linear-gradient(-45deg, #044E80 0%, #000000 78%);
  --app-box-bgd: linear-gradient(to top right, rgba(19, 66, 106, 0.5), rgba(19, 66, 106, 0.75) 78%);
  --app-disabled: #B5B9BB;
  --app-grey: #4D4F53;

  --fa-primary-color:#50870a;
  --fa-secondary-color: #434343;
  --fa-primary-opacity: .4;
}
[class*="visually-hidden"] {display: none}


#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #ffffff;
}
.tabs ul.primary li a.is-active {
  background-color: #ffffff;
}
.tabs ul.primary li.is-active a {
  background-color: #ffffff;
  border-bottom-color: #ffffff;
}
#navbar-top {
  background-color: #456917;
}

#navbar-main {
  background-color: #434343;
}
a,
.link, .nav-tabs .nav-link {
  color: #50870a;
}
a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #6db90d;
}
a:active,
.link:active {
  color: #91e624;
}
.page-item.active .page-link {
  background-color: #50870a;
  border-color: #50870a;
}

.page-link,
.page-link:hover {
  color: #50870a;
}
.btn-primary {
  background-color: #50870a;
  border-color: #50870a;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #456917;
}


.navbar-brand {color:#ffffff}

header .navbar .row>*,
.container.row>* {width: auto;}
.clearfix.nav {
    display: flex;
    flex-direction: row;
}

body, p, a, li {font-family: "Open Sans", Helvetica, Arial, sans-serif;}
article .align-center {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-around;
}


.toolbar-fixed.toolbar-vertical {
  padding-top: 32px !important;
}

.toolbar .toolbar-tray-vertical a,
.toolbar .toolbar-tray-horizontal .menu-item,
.menu-item a {
  transition: all, 0.2s;
}

.toolbar .toolbar-bar {
  background-color: #2d2d2d;
  box-shadow: none;
}

.toolbar .toolbar-menu {
  background: #333;
}

.toolbar .toolbar-tray-vertical .level-2 {
  background: rgba(255,255,255,0.03);
}

.toolbar .toolbar-tray-vertical .level-3 {
  background: rgba(255,255,255,0.05);
}

.toolbar .toolbar-tray-vertical .level-4 {
  background: rgba(255,255,255,0.07);
}

.toolbar .toolbar-tray-vertical {
  border: none;
  box-shadow: none;
}

.toolbar-tray a {
  color: #bbbbbb;
}

.toolbar .toolbar-bar .toolbar-tab:not(.workspaces-toolbar-tab) > .toolbar-item {
  color: #bebebe;
  font-weight: 600;
}

.toolbar .toolbar-bar .toolbar-tab:not(.workspaces-toolbar-tab) > .toolbar-item:hover {
  background-color: #2d2d2d;
  background-image: none;
  color: #fff;
  text-decoration: none;
}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active,
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item:focus {
  background-image: none;
  background-color: #333;
  text-decoration: none;
}

.toolbar-horizontal .toolbar-tray .menu-item + .menu-item,
[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item + .menu-item,
.toolbar-horizontal .toolbar-tray .menu-item:last-child {
  border-left: none; /* LTR */
  border-right: none;
}

.toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a,
.toolbar .toolbar-tray a.is-active {
  color: #bbb;
  font-weight: 500;
  text-decoration: none;
}

.toolbar .toolbar-tray-horizontal ul li.menu-item {
  border: none;
}

.toolbar .toolbar-tray-horizontal ul li.menu-item a:hover {
  text-decoration: none;
}

.toolbar .toolbar-tray-horizontal ul li.menu-item a.is-active:hover {
  text-decoration: underline;
}

.toolbar-tray-horizontal .menu-item--expanded {
  background: #333;
}

.toolbar .menu-item + .menu-item {
  border: 0 none;
}

.toolbar .toolbar-tray {
  background-color: #333;
  box-shadow: -2px 2px 12px rgba(0,0,0,0.85);
}

.toolbar .toolbar-tray-horizontal {
  border-bottom: 0;
  box-shadow: none;
}

.toolbar .toolbar-toggle-orientation {
  background-color: #333;
}

.toolbar .toolbar-icon.toolbar-handle:focus {
  background-color: transparent;
}

.toolbar .toolbar-icon.toolbar-handle:before {
  background-image: url(../images/chevron-disc-down.svg);
}

.toolbar .toolbar-icon.toolbar-handle:hover:before {
  background-image: url(../images/chevron-disc-down-hover.svg);
}

.toolbar .toolbar-icon.toolbar-handle.open:before {
  background-image: url(../images//chevron-disc-up.svg);
}

.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:before {
  background-image: url(../images/chevron-disc-down.svg);
}

.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:hover:before {
  background-image: url(../images/chevron-disc-down-hover.svg);
}

.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle.open:before {
  background-image: url(../images//chevron-disc-up.svg);
}

.toolbar .toolbar-menu .toolbar-menu a {
  color: #bbb;
}

.toolbar-tray-horizontal a:focus,
.toolbar-box a:focus {
  background: transparent;
}

.toolbar-tray-horizontal ul ul li.menu-item:first-child {
  border-top: 1px solid #555;
}

.toolbar .toolbar-menu a {
  color: #bbb;
}

.toolbar a.is-active:hover,
.toolbar .toolbar-menu .toolbar-menu a.is-active:hover {
  text-decoration: underline;
}

.toolbar .toolbar-menu ul ul {
  border: none;
}

.toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation {
  border: none;
}

.toolbar-horizontal .toolbar-tray .menu-item + .menu-item,
[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item + .menu-item,
.toolbar-horizontal .toolbar-tray .menu-item:last-child {
  border-left: none; /* LTR */
  border-right: none;
}

.toolbar .toolbar-tray {
    background-color: #333;
    box-shadow: -2px 2px 12px rgba(0,0,0,0.85);
}
.toolbar .toolbar-menu {
    background: #333;
}
.toolbar .toolbar-menu a:hover,
.toolbar .toolbar-menu .toolbar-menu a.is-active {
    background-color: var(--app-toolbar-hover);
    color: #fff;
    text-decoration: none;
}

.toolbar .toolbar-menu a:hover.toolbar-icon:before {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(360deg) brightness(200%) contrast(104%);
}
.toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded{position:relative;background-image:none;}
.toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded::after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1.25rem;
    height: 100%;
    content: "";
    background-position: center right;
    background-image: url(images/icons/chevron-right.svg);
    background-repeat: no-repeat;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(180%) contrast(0%);
}
.toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded:hover::after {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(360deg) brightness(360%) contrast(104%);
}



a {
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
}
header #navbar-top {flex-direction: row-reverse;}
header #navbar-top a.nav-link{
    padding: 0 1em;
    font-family: 'Open Sans', sans-serif;
    display: block;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    margin-right: .5em;
}
header #navbar-top a:hover {
    color: var(--app-color-hover);
}
header nav {padding:.5em 0}
header nav + nav {
    border-left: solid #FFF 1px;
    padding-left: 1em;
}
#navbar-main{border:none;}
.user-logged-in nav.menu--account a:after {
    content: '';
    top: -5px;
    left: 0px;
    height: 30px;
    width: 30px;
    position: absolute;
    background: rgba(255, 255, 255, 0);
    background-position: center;
    background-clip: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.user-logged-in header #navbar-top nav.menu--account a.nav-link{
    padding-left: 35px;
    display: inline-block;
}
.user-logged-in nav a.nav-link--user::after{background-image: url(/sites/default/files/images/icons/profile-icon-user.svg);}
.user-logged-in nav a.nav-link--user-logout::after{background-image: url(/sites/default/files/images/icons/log-out-icon.svg);}

.site-footer__bottom .block { width: auto; }
form.user-login-form .button {
    background-color: #FFF;
    border: 1px solid transparent;
    color: var(--app-color-inv);
    font-size: 1rem;
    border-radius: 2em;
    text-shadow: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    transition: all, 0.2s;
    padding: calc(0.75rem - 1px) calc(2.5rem - 1px);
    font-weight: 700;
    text-decoration: none;
}

form.user-login-form {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
}
form.user-login-form fieldset,
form .form-actions {margin-top:1.5rem}

form.user-login-form fieldset .text-muted {
    opacity: .5;
    font-size: .8em;
}

nav.tabs .primary.nav-tabs .nav-link {
    padding: calc(1.25rem - 1px) calc(1rem - 1px);
}


.views-field.btn.btn-primary {
    background-color: transparent;
    --bs-table-accent-bg: transparent;
    border-color: transparent;
    color: var(--app-primary);
}


header .img-fluid {
    max-width: 128px;
    height: auto;
}
header .navbar-brand{width: -webkit-fill-available;display: flex;block-size: auto;flex-flow: row;align-items: center;white-space: break-spaces;}
header .navbar-brand {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 2em;
}
header .nav-link {color:#FFF}
body {
    color: #333;
    background: #fff;
    font: normal 1em 'Open Sans', sans-serif;
    font-weight: 100;
}


body.path-user .field--label-inline .field__label,
.field--name-field-weight .field__label {width: auto;}
.field .field__label {font-weight:700}
.field--type-image img, .field--name-field-user-picture img {height: auto;}
.align-base {align-items: baseline;}
.align-right {text-align: right;}
.field--label-inline.align-right .field__label{margin-left: auto;padding-right: 5px;}

.block-system-main-block .container:not(.row) > div + div {margin-top:1rem;}
.block-system-main-block .row.inline {justify-content: space-between;}
.block-system-main-block .row{align-items: baseline;margin-bottom: 15px;width: 100%;margin: 0;}
.form-type-textfield label {/* padding: 4px; */}
.form-control {width: auto;}
fieldset#edit-pass {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.details-wrapper td>div {
  max-width: 100%;
  width: calc(100% - 15px);
  padding: 0;
  margin: 0;
}
.field-multiple-table {width: 100%;margin: 0;margin-bottom: 15px;}

fieldset#edit-pass small{width:100%}
.confirm-parent, .password-parent {
    width: 50%;
}

.address {margin: 1rem 0;}
.address span{display:inline-block;margin-bottom:.5rem;font-family: 'Open Sans'}
.address .postal-code {font-weight: 700;}


.calendar.field .field__item{text-align: right;}
.fa-calendar-day, time i{padding-right: 10px;}

.field--type-daterange{margin: auto;width: auto;}
.field--type-daterange label {padding: 5px 10px 0px 30px;}

.row fieldset .fieldset-wrapper {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        flex-direction:row;
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.field--type-datetime .form-inline fieldset+fieldset {margin-left: 1rem;}

.row .user-form fieldset .fieldset-wrapper,
.user-form fieldset.form-type-number{flex-direction:column;align-items: inherit;}
.block-system-main-block .user-form .row{align-items: flex-start;justify-content: space-around;}


fieldset.form-type-number {display:flex;margin-top:15px;align-items: baseline;}
fieldset.form-type-number label {white-space: nowrap;margin-right: 10px;}

form fieldset.form-type-number{margin-top:0;}
.paragraphs-subform fieldset.form-type-number{flex-direction:column;}
.details-wrapper {
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    flex-wrap: nowrap;
}

.table td, .table th {vertical-align:middle;}
.table thead tr th {
    background: #757575;
    background: rgba(0, 0, 0, 0.51);
    border-bottom: 1px solid #FFF;
}
table .container .field + .field{padding-left: 10px;}
.view-tracking-by-user table .field__label {display:none;}
.view-tracking-by-user table .field--label-above.field--name-field-weight .field__item {border: none;}
.field.field--type-decimal {
    position: relative;
    text-align: right;
    padding: 0 15px;
}

table .container.row{align-items: flex-start;width: auto;}
table article[typeof="schema:Person"] .field--type-image{display:none}
table .field--label-inline {flex-flow:row;display: flex;align-items: flex-start;}

.field--label-inline .field__item  {padding: 0.25rem 1.8rem 0.25rem 1rem;border-radius: 1rem;background: #e9ecef;min-width: 110px;margin: 0.25rem 0;position: relative;}
.field__item.gain {border:solid 1px var(--app-primary)}
.field__item.loss {border:solid 1px var(--danger)}

.field--name-field-weight .field__item.gain:before,
.field--name-field-weight .field__item.loss:before,
.field--name-field-weight .field__item.gain:after,
.field--name-field-weight .field__item.loss:after{
    font-family: "Font Awesome 5 Duotone";
    font-weight: 900;
    position: absolute;
    right: 9px;
    bottom: 7px;
}
.field--name-field-weight .field__item.gain:before {content: "\f201";color: var(--app-primary, inherit);}
.field--name-field-weight .field__item.loss:before {content: "\f64d";color: var(--danger, inherit);}
.field--name-field-weight .field__item.gain:after {content: "\10f201";color: var(--app-primary);opacity: .4;opacity: var(--fa-secondary-opacity, .4);}
.field--name-field-weight .field__item.loss:after {content: "\10f201";color: var(--danger);opacity: .4;opacity: var(--fa-secondary-opacity, .4);}

body.path-user table .field--label-inline .field__item{min-width: fit-content;padding: 0 1rem;margin: 0 0 0 5px;}

.breadcrumb {background:transparent;border-bottom: 1px solid;border-radius: 0;padding-bottom: 5px;}


.amounts >.field__label,
.list-paragrahp>.field__label,
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
    padding: 0.25rem 0;
    font-weight: 700;
    text-align: center;
}
fieldset legend{
  text-align:inherit;
  text-transform: uppercase;
}
form .form-group>label{font-weight:600}
form[class*="-edit"] .layout-region .field__label,
form[class*="-edit"] .layout-region label,
form[class*="-edit"] .layout-region .list-paragrahp>.field__label,
form[class*="-edit"] .layout-region legend {
    font-size: 1em;
    font-weight: 600;
    text-align: left;
    display: block;
}
form[class*="-edit"] .layout-region .field--type-daterange legend,
form[class*="-edit"] .layout-region details legend {text-align:center;width: 100%;text-transform: uppercase;}

.list-paragrahp {margin-bottom:1rem}
.list-paragrahp>.field__label:after, .list-paragrahp:after, .amounts:after, .amounts >.field__label:after {content:'';width: 50%;margin: 15px auto;height: 1px;background-color: var(--app-primary);display: block;}
fieldset.container.inline { display: inline-grid; align-items: baseline;grid-template-columns: auto auto;padding: 0px 20px 0px 25px;}
fieldset.inline legend {font-size: 1rem;}
.list-paragrahp[class*="daily-planning"] .field__items>.field__item {
    padding:0px;
    margin:0 7px 0 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.paragraph[class*="daily-planning"] .header.field__item{
    background-color: var(--app-primary);
    text-align: center;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center;
    font-weight: 700;
    color: var(--app-color);
    padding: 7px 15px;
    margin: 0;
}
.paragraph[class*="daily-planning"] .header {margin-bottom:1em}

.paragraph[class*="daily-planning"] .planning > div + div {
    margin-top: .5rem;
}
.paragraph[class*="daily-planning"] .planning .field__label {text-align:center;font-weight:600;color: var(--app-secondary); margin:5px 0}
.paragraph[class*="daily-planning"] .planning div.field--type-text-long:before {
    content: '';
    width: calc(100% + 10px);
    margin: auto;
    height: 1px;
    background-color: var(--app-primary);
    display: block;
    margin:0 -5px;
    position:relative;
    bottom: 5px;
    opacity:.5;
}

.inline.form-group {/* margin: 0px -15px 15px -15px; */vertical-align: middle;padding: 0 15px;}
.inline.form-group legend{display: block;float: left;width: auto;font-size: 1.071em;}
.inline.form-group .fieldset-wrapper {
    flex-direction: row;
    display: inline-flex;
    padding: 0 15px;
    float: right;
    max-width: 100%;
    width: 65%;
    margin: 0;
}
.inline.form-group .fieldset-wrapper .field{width:100%;display: flex;min-width: 280px;align-items: center;}
.inline.form-group .fieldset-wrapper .field + .field{
    margin-left:15px;
}
.inline.form-group .fieldset-wrapper .field__label {text-align:right;margin-left: auto;}
.inline .form-group {margin-bottom: 0;}
.field--type-boolean .field__label {min-width: 120px;font-weight: 700;padding-right: 5px;}
.container.row .field--type-boolean .field__label{text-align:right; min-width:unset}
.container.row .field.field--type-boolean {min-width:250px}
.field--type-boolean .field__item{
    padding: 0.25rem 1rem;
    border-radius: 1rem;
    background: #e9ecef;
    min-width: 110px;
    margin: 0.25rem 0;
    text-align: center;
}

.amounts .field__items,
.list-paragrahp .field__items{
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.amounts .field__items>.field__item,
.list-paragrahp .field__items>.field__item {width:fit-content;margin:0 4px;}
.amounts .field__item .card,
.list-paragrahp .field__item .card{padding: 1em 1em 2.5em;position: relative;min-width: 200px;align-items: center;}

.amounts .field__item .card{ border-color:var(--app-primary)}
.amounts .field__item .card.danger{ border-color:var(--danger)}

.amounts .field__item .card .footer,
.list-paragrahp .field__item .card .footer {background-color:var(--app-primary);position:absolute;bottom: 0;width: 100%;left: 0;text-align: center;font-weight: 700;color: var(--app-color);padding: 5px 0;}
.amounts .field__item .card.danger .footer{background-color:var(--danger);}

.amounts .field--type-boolean{display:none;}
.amounts .field--type-boolean .field__item {background:none;color:var(--app-primary)}
.amounts .danger .field--type-boolean .field__item{color:var(--danger)}

.amount label{font-size: 3em;font-weight:600;}
section.amount {display:flex;justify-content: flex-end;align-items: baseline;}
section.amount>div{padding-left:15px}
section.amount .danger .value {color:var(--danger); font-size:2em;font-weight:400}


input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    background:none;
    position:absolute;
    right: 3px;
    z-index:2;
}
input[type="date"],
input[type="time"] {
    padding-right: 25px;
    min-width: 150px;
}

fieldset.form-type-date{position:relative;}
fieldset.form-type-date:before,
fieldset.form-type-date:after,
.custom-switch .custom-control-label:before,
.custom-switch .custom-control-label:after,
a.tabledrag-handle .handle:before{
    font-family: "Font Awesome 5 Duotone";
    font-style: normal;
    font-weight: 400;
    z-index: 0;
    color: var(--app-primary);
    font-size: 1.5em;
    position:absolute;
    opacity:.4;
}

a.tabledrag-handle .handle:before{
    font-family: "Font Awesome 5 Pro";
    content:'\f047';
}
a.tabledrag-handle .handle {background-image: none;}

fieldset.disabled:before,
fieldset.disabled:after {color:var(--app-grey)}

.field--widget-entity-reference-paragraphs .field--type-datetime {display: flex;align-items: flex-end; justify-content: flex-end;}
.field--widget-entity-reference-paragraphs .row.inline .field--type-datetime {flex-direction: column;align-items: flex-start;}
.field--widget-entity-reference-paragraphs .row.inline {align-items: center;margin: 0;flex-wrap: nowrap; margin-left: -25px; width: calc(100% + 30px);}
.field--widget-entity-reference-paragraphs .field--type-datetime label{padding-right:15px}
.paragraphs-subform {padding: 0;}

form[class*="-edit"] .layout-region .paragraphs-subform details label{visibility:hidden}
form[class*="-edit"] .horizontal-tabs li a strong {
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    display: block;
}

form[class*="-edit"] .horizontal-tabs{
    border:none;
    border-bottom: 1px solid var(--app-primary);
    color:var(--app-primary);
}
form[class*="-edit"] .horizontal-tabs .horizontal-tabs-list,
form[class*="-edit"] .horizontal-tabs .horizontal-tab-button {
    background: transparent;
    border:none;
    border-bottom: 1px solid transparent;
    color:var(--app-primary);
}
form[class*="-edit"] .horizontal-tab-button.selected {
    background-color:var(--app-primary);
    color:var(--app-color);
    border-bottom: 1px solid var(--app-color);
    box-shadow: 0 5px 5px -5px hsla(0, 0%, 0%, 0.3);
}
form[class*="-edit"] .horizontal-tab-button a {color: inherit;/* padding: 0.6em 0.75em!important; */}
form[class*="-edit"] .horizontal-tabs .horizontal-tabs-list{display: inline-flex;justify-content: start;}

form[class*="-edit"] .messages--warning {padding:0 1em;color:var(--danger);font-size:.8rem;text-align:right}
form[class*="-edit"] .field--widget-entity-reference-paragraphs tr td,
form[class*="-edit"] .field--widget-entity-reference-paragraphs tr th {border:none}
form[class*="-edit"] .field--widget-entity-reference-paragraphs .tabledrag-toggle-weight-wrapper {display: none;}

button.btn-rounded {border-radius:50%;padding: 1px 6px;}
button.btn-rounded .fad:before,
button.btn-rounded .fad:after{color: var(--app-color, inherit);}
button.btn-rounded .fad:before{opacity: 1;}

fieldset.form-type-date:before,
fieldset.form-type-date:after {right: 6px;}
.custom-switch .custom-control-label:before,
.custom-switch .custom-control-label:after{left: -1px;top: -1px;bottom: initial;width: auto;height: auto;transition: none!important;transform: none!important;}

fieldset.form-type-date:after{opacity: .8;}

fieldset.form-type-date:before{content: "\f783";}
fieldset.form-type-date:after{content: "\10f783";}

fieldset.form-type-date[class*="-value-time"]:before{content: "\f017";}
fieldset.form-type-date[class*="-value-time"]:after{content: "\10f017";}

.form-control:disabled, .form-control[readonly] {border:none; opacity: 0.5;}
.text-format-wrapper .js-filter-wrapper/*,
.field-multiple-table .paragraph-type-top*/ {display: none;}
.field-multiple-table .paragraph-type-top {justify-content: space-between;padding: 0 15px 0px;}
details .field-multiple-table .paragraph-type-top {padding: 0px;}
.field--widget-entity-reference-paragraphs .field-multiple-drag a{min-width:3em}

.custom-control-label::before,
.custom-control-label::after { top:3px;}

.custom-switch {padding-left: 0;}
.custom-switch .custom-control-label {
  vertical-align: middle;
  white-space: nowrap;
  position:relative;
  padding-left: 2rem;
}
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after {
  background-color: transparent;
  border-color: transparent;
  color: var(--app-disabled);
  top: 0px;
  left: 0px;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--app-primary);
    background-color: var(--app-primary);
}

.custom-switch .custom-control-input:checked~.custom-control-label::before,
.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: transparent;
    border-color: transparent;
    color:var(--app-primary);
}

.custom-switch .custom-control-label:before{content: "\f204";opacity:1;left: -1px;top: -1px;}
.custom-switch .custom-control-label:after{content: "\10f204";}
.custom-switch .custom-control-input:checked~.custom-control-label::before {content: "\f205";}
.custom-switch .custom-control-input:checked~.custom-control-label::after {content: "\10f205";}

.layout-region-node-secondary .vertical-tabs {align-items:center;background: transparent;}
.layout-region-node-secondary .vertical-tabs__menu-item.is-selected {
    border: none;
}

span.vertical-tabs__menu-link-content {display: flex;justify-content: space-between;}

.site-footer {font-family: "Open Sans", Helvetica, Arial, sans-serif;padding: 15px 0 25px; color:var(--app-color)}
.site-footer__bottom .region {margin-top: 0;display: flex;flex-flow: row;justify-content: space-between;align-items: center;margin: 0;}
.site-footer__bottom {
    margin-top: 0px;
    border-color: rgba(255, 255, 255, 0.25);
}
[data-vertical-tabs-panes] {padding: 20px 5px 0 15px;}

a, .link, .nav-tabs .nav-link {font-weight:600;text-decoration: none;}
footer a, footer .link {color: inherit;}
#main-wrapper {margin-bottom: 60px;margin-top: 20px;}

@media (min-height: 1024px){
    footer{
        position:fixed;
        width:100%;
        bottom:0
    }
}
@media (max-height: 1023px){
    #main-wrapper {
      margin-bottom: 60px;
    }
}


@media (min-width: 1200px) {
    .layout-region-node-secondary .vertical-tabs > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        float: none;
    }

    .layout-region-node-secondary .vertical-tabs{
        flex-direction: column;
    }
    .layout-region-node-secondary .vertical-tabs [class*="vertical-tabs__items"]{
        margin:10px;
    }
    .details-wrapper {
        /* flex-direction: row; */
    }
}

@media (min-width: 1300px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1250px;
  }
}