@import url("/OutSystemsUIWeb/Theme.BaseTheme.css?28300");

/* ================================================

Primary color customization
For additional color customizations, you can change the color code for the colors below

  ================================================ */
  
:root {
    --color-primary: #005587; /*primary-color*/
    --color-primary-hover: #005587; /*primary-color*/
    --color-secondary: #41B6E6; /*primary-color*/
    
    --font-size-h1: 24px; /*32px;*/
    --font-size-h2: 20px; /*28px;*/
    --font-size-h3: 16px; /*26px;*/
    --font-size-h4: 14px; /*22px;*/
    --font-size-h5: 14px; /*20px;*/
    --font-size-h6: 14px; /*18px;*/
}
body {
    background: linear-gradient(160deg, rgb(241, 248, 255) 0%, rgb(255, 255, 255) 100%) fixed;
}
.layout .header {
    /*box-shadow: none;
    border-bottom: 1px solid rgb(228, 232, 236);*/
}
.content-top-actions {
    -webkit-box-flex: 0.32;
    -ms-flex: 0.32;
    flex: 0.32;
}

.app-logo {
    width: auto;
}



/* ACCORDION (START) */
.accordion-item.full-height .accordion-item-content.is--expanded {
    height: 100% !important;
}
.accordion-item-content.is--expanded {
    overflow: inherit; /* added to allow dropdown select widget to have its dropdown outside the wrapper */
}
/* ACCORDION (END) */

/* BUTTONS (START) */
.Button + .Button {
    margin-left: var(--space-base);
}
.ButtonPrimary {
    background-color: var(--color-primary);
    border: var(--border-size-none);
    color: var(--color-neutral-0);
}
.ButtonPrimary:hover {
    -webkit-filter: brightness(.9);
            filter: brightness(.9);
}
.ButtonPrimary:hover:active {
    box-shadow: var(--shadow-none);
    -webkit-filter: brightness(.8);
            filter: brightness(.8);
}
/* BUTTONS (END) */

/* BORDERS (START) */
.border-radius-top-none {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.border-radius-bottom-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.border-radius-left-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.border-radius-top-right-none {
    border-top-right-radius: 0;
}
.border-radius-bottom-right-none {
    border-bottom-right-radius: 0;
}
.border-top-none {
    border-top: 0;
}
.border-right-none {
    border-right: 0;
}
.border-bottom-none {
    border-bottom: 0;
}
/* BORDERS (END) */

/* BREADCRUMBS (START) */
.breadcrumbs-item .icon {
    margin: var(--space-none) var(--space-s);
}
.breadcrumbs-item .icon .fa-fw {
    font-size: var(--font-size-base);
}
.breadcrumbs-inline-icon {
    display: contents;
}
.breadcrumbs-inline-icon a {
    margin-left: var(--space-s);
}
/* BREADCRUMBS (END) */

/* FORM (START) */
.Form label {
    vertical-align: middle;
}
/* FORM (END) */

/* INPUTS (START) */
.layout .Form .input.ReadOnly[readonly="readonly"], .layout .Form .select.ReadOnly[readonly="readonly"],
.layout .Form .input.ReadOnly[disabled="disabled"], .layout .Form .select.ReadOnly[disabled="disabled"]{
    background-color: var(--color-neutral-1);
}
/* INPUTS (END) */

/* LINKS (START) */
a {
    font-weight: var(--font-semi-bold);
}
a[disabled="disabled"] {
    background-color: transparent;
    border: 0;
}
a.heading2 {
    color: var(--color-primary);
}
.tabs-header-item a {
    color: var(--color-neutral-8);
    font-weight: normal;
}
.tabs-header-item.active a,
.tabs-header-item.active .fa-fw {
    color: var(--color-neutral-10);
    font-weight: inherit;
}
/* LINKS (END) */

/* MODAL/POPUP (START) */
.MainPopup {
    padding: var(--space-m);
}
.modal-wrapper {
    overflow: inherit; /* added to allow dropdown select widget to have its dropdown outside the wrapper */
}
.modal-l {
    max-width: 80%;
}
.modal-xl {
    max-width: 100%;
}
.modal-close-button {
    margin-top: -40px;
    right: 0;
}
.modal-title {
    font-size: var(--font-size-h2);
    font-weight: 600;
}
.modal-footer,
.panel-footer {
    background: hsl(0,0%,97%);
    border-top: 0;
    padding-top: var(--space-base);
    padding-bottom: var(--space-base);
}
.modal-content .modal-footer,
.panel-content .panel-footer {
    /* If the content of the modal/panel is inside a webblock, the footer needs some extra styling */
    margin: var(--space-m) -24px -24px !important; /* negative variables are not allowed */
}
.panel-content .panel-footer {
    display: block;
}
/* MODAL/POPUP (END) */

/* RESPONSIVE (START) */
.columns-smaller-left > .columns-item:last-child {
    -webkit-box-flex: 6 !important;
    -ms-flex: 6 !important;
    flex: 6 !important;
}

.columns-small-8-left > .columns-item:last-child {
    -webkit-box-flex: 8 !important;
    -ms-flex: 8 !important;
    flex: 8 !important;
}

.columns13 > .columns-item:last-child { /* columns3 where column 2 and 3 are merged */
    -webkit-box-flex: 2.06 !important;
    -ms-flex: 2.06 !important;
    flex: 2.06 !important;
}
/* RESPONSIVE (END) */

/* TABLE (START) */
.TableRecords .TableRecords_Header, .EditableTable thead th {
    font-weight: var(--font-regular);
}
.TableRecords_BottomNavigation {
    margin-top: var(--space-base);
}
/* TABLE (END) */

/* TABS (START) */
.tabs-header-item {
    font-size: var(--font-size-base);
    padding: var(--space-s) var(--space-s);
}
.tabs .tabs-content {
    border-top: 0;
    padding-top: var(--space-l);
}
/* TABS (END) */





/*
.Menu_DropDownButton .Menu_TopMenu:hover + .Menu_DropDownPanel {
    display: block;
}
.Menu_DropDownButton .Menu_DropDownPanel:hover {
    display: block;
}
*/
.Menu_DropDownPanel a {
    font-weight: var(--font-regular);
}
.Menu_DropDownPanel a:hover {
    font-weight: var(--font-semi-bold);
}








/* OTHER (START) */
a.Cancel {
    margin-left: var(--space-base);
}
a.Delete {
    float: right;
    margin-top: 10px;
    color: var(--color-error);
}
.Unit {
    margin-left: var(--space-s);
    line-height: 40px;
}
.LineHeight {
    line-height: 40px;
}
.Counter_Message {
    padding-left: var(--space-m);
}
/* OTHER (END) */

/* OVERRIDE IE (START) */
.ie10.desktop-big .layout .header, .ie11.desktop-big .layout .header {
    left: 0;
}
/* OVERRIDE IE (END) */

/* TEMPORARILY (START) */
.tabs .tabs-header {
    z-index: 1;
}
.Form label.MandatoryLabel:after {
    position: initial;
}
.modal-content {
    overflow: initial;
}
/* TEMPORARILY (END) */