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

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

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

  ================================================ */
  
/*CUSTOM DEFAULTS*/
:root {
    --color-primary: #2c2eaf; /*primary-color*/
    --color-primary-hover: #2c2eaf; /*primary-color*/
    --color-secondary: #2c2eaf; /*primary-color*/
    /*Hover*/
    --color-primary-lightest: rgba(000, 000, 000, .1);
    /*Header*/
    --header-size: 52px;
    
    /*Color*/
    --color-01light: rgba(000,000,000,0.01);
    --color-02light: rgba(000,000,000,0.02);
    --color-03light: rgba(000,000,000,0.03);
    --color-04light: rgba(000,000,000,0.04);
    --color-05light: rgba(000,000,000,0.05);
    --color-06light: rgba(000,000,000,0.06);
    --color-07light: rgba(000,000,000,0.07);
    --color-08light: rgba(000,000,000,0.08);
    --color-09light: rgba(000,000,000,0.09);
    --color-1light: rgba(000,000,000,0.1);
    --color-2light: rgba(000,000,000,0.2);
}


/*CUSTOM-LAYOUT*/

/*Body*/
body{
    background-color: #fff;
    background-image: url('/EP_Images/img/va_background3.svg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 700px auto;
    background-position: right bottom; 
}

/*Header*/
.layout { 
flex: none; 
display: block; 
}

.layout .header {
    box-shadow: none;
    border-bottom: 1px solid var(--color-07light);
}
.header-top {
    height: 51px;
}

/*Side Nav*/
.layout.layout-side .navigation {
    /**box-shadow: 0 1px 2px var(--color-1light);*/
}
.Menu_TopMenu > div {
    align-items: normal;
    padding: 7px 0px;
}
.navigation .Menu_TopMenu {
    border-radius: 0px;
    height: auto;
}
.navigation-top {
    border-bottom: 1px solid var(--color-07light);
}
.navigation-menu {
    padding: 0px;
    background-color: rgba(000,000,000,0.009);
    box-shadow: 0 1px 2px var(--color-2light);
}

/*CUSTOM-WIDGETS*/


/*Card*/
.card {
    border: 1px solid var(--color-04light);
    border-radius: 0px;
    /*box-shadow: 0px 1px 3px rgba(000,000,000,0.1);*/
}

/*Button*/
.Button, .btn {
    border-radius: 1px;
    box-shadow: 3px 4px 0px var(--color-1light);
    border: 1px solid var(--color-03light);
}

/*Input*/
.input, textarea.input, .select {
    border-radius: 0px;
}

/*Select*/
.select {
    border-radius: 0px;
}

/*Table*/
.TableRecords, .EditableTable {
    border-radius: 0px;
    border-spacing: 0;
    border: 1px solid var(--color-06light);
    box-shadow: 2px 3px 0px var(--color-05light);
    empty-cells: show;
}

.TableRecords .TableRecords_Header, .EditableTable thead th {
    background-color: var(--color-neutral-0);
    border-bottom: 1px solid var(--color-05light);
    color: var(--color-neutral-8);
    font-weight: var(--font-semi-bold);
    height: 48px;
    padding: var(--space-none) var(--space-m);
    position: relative;
    text-align: left;
}

.TableRecords .TableRecords_OddLine, .TableRecords .TableRecords_EvenLine {
    background-color: var(--color-neutral-0);
    border-bottom: 1px solid var(--color-05light);
    height: 56px;
    padding: var(--space-s) var(--space-m);
    text-align: left;
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
}

/*Popup*/
div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar, div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: #212882;
    border-bottom: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 40px;
}

.custom-ml-10{
    margin-left: 10px;
}

.custom-mb-10{
    margin-bottom: 10px;
}

.custom-mt-20{
    margin-top: 20px;
}

.reimbursement-height{
    height: 383px;
}