:root{
    --font-family: Söhne,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    --color-1: #1E70EA; /*light blue - Website Primary*/ /*2fa4e7, 1E70EA*/
    --color-2: #07295A; /*dark blue - Website Secondary*/ /*178acc, 07295A*/
    --color-3: #2A6B52; /*light green - Accent 1*/
    --color-3l: #417962; /*lighter green - Accent*/
    --color-4: #294E46; /*dark green - Foreground*/
    --color-5: #ffffff; /*white*/
    --color-6: #f5f5f5; /*light gray*/
    --breadcrum-color: #555555;
    --background-color-1: #ffffff;
    --background-color-2: #2A6B52; /*Light green - Accent 1*/ /*28313ae6 dark gray*/
    --border-color-1: #ffffff;
    --border-color-2: #ddd;
    --bottom-border-color-1: #ededed;
    --border-radius-tables: 5px;
    --border-radius-buttons: 0px;
    --text-color-1: #555555;
    --text-color-2: #ffffff;
    --box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
    
/*Link text*/
a {
    color: var(--color-1);
}

/*Hover over link*/
a:hover, a:focus {
    color: var(--color-2);
}

/*Headers*/
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-family);
    color: var(--text-color-1); /*317EAC*/ 
    }

/*Body*/
    body {
    font-family: var(--font-family);
/*	
font-size: 12px;
    line-height: 1.4;
    color: #555555;
    background-color: #f5f5f5;*/
    }

/*Body. Applies to Top Menu pages*/
.r-topbar-page .r-body {
    padding: 15px 15px;
}

/*Body. Applies to Left Menu pages*/
    .r-vbar-page .r-content-col .r-body {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    }

/*Logo Cell*/
    .r-vbar-page .r-left [data-logo-cell][data-logo-cell] {
    background-color: var(--background-color-1);
    border-right: none;
    border-left: none;
    border-top: solid var(--border-color-1) 2px;
    border-bottom: solid var(--bottom-border-color-1) 1px;
    box-shadow: 10px 1px 10px rgba(0, 0, 0, 0.1);
    }

/*Top Menu Bar*/
    .navbar-default {
    background-image: none;
    background-color: var(--background-color-1);
    border-color: var(--border-color-1);
    border-right: none;
    border-left: none;
    border-top: solid var(--border-color-1) 1px;
    border-bottom: solid var(--bottom-border-color-1) 1px;
    box-shadow: 10px 1px 10px rgba(0, 0, 0, 0.1);
    }

/*Top Menu Bar button link*/
    .navbar-default .btn-link {
    color: var(--breadcrum-color);
    }

/*Top Menu Bar breadcrumb links*/
    .navbar.navbar-default .breadcrumb > li > a, .navbar.navbar-default .breadcrumb > li + li:before {
    color: var(--breadcrum-color);	
}

/*Top Menu Bar breadcrum*/
    .navbar.navbar-default .breadcrumb {
    color: var(--breadcrum-color);
    }

/*Top Menu Bar button link hovered*/
    .navbar-default .btn-link:hover {
    color: var(--breadcrum-color);
    }

/*Left Bar Menu Expand Button*/
    .r-vbar-page .r-left [data-logo-cell][data-logo-cell] > [data-itemtype="expand_button"]:not([data-hidden]) > a {
    color: var(--breadcrum-color);
    }

/*Left Menu Bar*/
    .r-vbar-page .r-left {
    background-color: var(--background-color-2);
    border-right: 0px;
    font-family: var(--font-family);
    }

/*Left Menu Bar text*/
    .r-vbar-page .r-left .nav a {
    color: var(--text-color-2);
    }

/*Left Menu Bar active item*/
    .r-vbar-page .r-left .nav li.active.active.active > a {
    background: var(--color-1);
    }

/*Left Menu Bar hover item*/
    .r-vbar-page .r-left .nav a:hover {
    background: var(--color-4); /*#28313a*/
    color: var(--text-color-2);
    }

/*Master table panel*/
    .panel {
    background-color: var(--background-color-1);
    border-radius: var(--border-radius-tables);
    box-shadow: var(--box-shadow);
    }

/*Master table panel header*/
    .panel-primary > .panel-heading {
    background-color: var(--color-1);
    border-top-right-radius: var(--border-radius-tables);
    border-top-left-radius: var(--border-radius-tables);
    }

/*Master table does not get cropped*/
    .bs-details, .form-section, .form-tabs, [data-itemtype="master_info"] {
        display: table;
    width: 100%;
    }

/*Tables*/
    .table {
				width: 100% !important;
				background-color: var(--background-color-1);
				border-collapse: separate;
				border-radius: var(--border-radius-tables);
    }

/*Table Bordered*/
    .table-bordered{
    box-shadow: var(--box-shadow);
        max-width: 100%!important;
        min-width: 100%!important;
    }

/*Tables Bottom borders only*/
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: 0px;
    border-bottom: 1px solid #ddd;
    }

/*Table Panel*/
.panel-default > .panel-heading {
    color: var(--text-color-2) !important;
    background-color: var(--color-1) !important;
    /*border-color: var(--color-3);*/
}

/*Detais Table*/
    .panel-info > .panel-heading {
    background-color: var(--color-1);
    border-color: var(--border-color-2);
    }

/*Details Table Title*/
    .panel-title {
    color: var(--text-color-2);
    font-size: 12px;
    }

/*Details Table Title*/
    .panel-info .panel-title {
    color: var(--text-color-2);
    font-size: 12px !important;
    }

/*Details table heading*/
    .panel-heading {
    /*border-bottom: 1px solid transparent;*/
    border-top-right-radius: var(--border-radius-tables);
    border-top-left-radius: var(--border-radius-tables);
    }

/*Buttons*/
    .btn {
    background-image: none;
    border-radius: var(--border-radius-buttons);
    }

/*Primary Buttons*/
    .btn-primary {
        background-color: var(--color-1);
        border-color: var(--color-1);
    }

/*Primary Buttons Hovered*/
    .btn-primary:hover{
        background-color: var(--color-2);
        border-color: var(--color-2);
    }

/*Button links within the table*/
    .btn-link {
    color: var(--color-1);
    }

/*Primary Button at navigation bar*/
    .navbar.navbar-default .btn-primary:not(:hover) {
    background-color: var(--color-1);
    border-color: var(--color-1);
    }

/*Primary Button at navigation bar*/
    .navbar.navbar-default .btn-primary:hover {
        background-color: var(--color-2);
        border-color: var(--color-2);
    }

/*Buttons at Details table*/
.btn-info {
    /*color: #fff;*/
    background-color: var(--color-1)!important;
    border-color: var(--color-1)!important;
    }

/*Buttons at Details table hovered*/
.btn-info:hover {
    /*color: #fff;*/
    background-color: var(--color-2)!important;
    border-color: var(--color-2)!important;
    }

/*Two step tabs*/
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: var(--color-1);
}

/*Drop down menu hovered item*/ 
.dropdown-menu > li > a:hover  {
    background-color: var(--color-1);
}

/*Filter on Side Menu - table*/
.panel-info.filter-field {
    border: none!important;
    --border-radius-tables: 2px!important;
    background-color: var(--background-color-2);
    box-shadow: none;
    margin-bottom: 0;
}

/*Filter on Side Menu - Header*/
.filter-expander {
    color: var(--color-5)!important;
    background-color: var(--color-3l)!important;
    /*border: none!important;*/
}

.panel-heading.filter-expander {
    border: none;
}

.filter-clear {
    color: var(--color-6)!important;
}

/*Details Icon on List Table*/
.badge.badge.projects_badge {
    background-color: #2A6B52 !important;
}

/*Tree Side Menu Folder*/
.menu-treelike.menu-treelike li > a[aria-expanded="true"] {
    background-color: #294E46;
}

/*Tree Side Menu */
.menu-treelike.menu-treelike ul[data-menulevel]:not([data-menulevel="1"]) > li > a:not(:hover) {
    background-color: #2A6B52;
}

@media print {
        .form-section[data-itemid="section2"]  {
        page-break-after: always;
    }
        .form-section[data-itemid="details_preview"]  {
        page-break-after: always;
    }
        .form-section[data-itemid="details_preview2"]  {
        page-break-after: always;
    }
        .form-section[data-itemid="details_preview4"]  {
        page-break-after: always;
    }
}

/*Unselected tab*/
.nav-tabs > li > a {
    color: var(--color-5);
}

/*Unselected tab - Hover over*/
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    color: var(--color-1);
}


/*Please wait message ccs*/
.body_overlay{
background-color:#9c9c9c;
position: fixed;
width: 100%;
height: 100%;
z-index: 1000;
top: 0px;
left: 0px;
opacity: .5; /* in FireFox */
filter: alpha(opacity=50); /* in IE */
pointer-events:none;
}
.custom_loading{
position:absolute;
border:1px solid lightgray;
background-color:white;
z-index:9999;
padding:20px 50px;
font-size:14px;
}