:root {
  --body: #FFFFFF;
  --banner: #6B4B08;
  --bannerlight: #C1890F;
  --bannerfontcolor: white;
  --bannerbuttondown: #C1890F;
  --bannerimagedisplay: block;
  --bannerimage: transparent url(../../../images/lifeevents/logo.png) top left;
  --bannerimagewidth: 300px;
  --bannerimageheight: 103px;
  --bannercaptiondisplay: none;
  --menumargin: 39px;
  --fontcolor: black;
  --headingcolor: #C1890F;
  --tabup: #6B4B08;
  --tabdown: #C1890F;
  --panel: #FFFFFF;
  --panelborder: #C1890F;
  --thinpanelborder: #C1890F;
  --table: #FFFFFF;
  --tableodd: #f0f0f0;
  --tableselected: #C1890F;
  --inputborder: #6B4B08;
  --tabdownfont: white;
  --tabupfont: white;
  --buttonup: #6B4B08;
  --buttonupborder: #6B4B08;
  --buttondown: #C1890F;
  --buttondownborder: #C1890F;
  --buttondownfont: white;
  --buttonupfont: white;
  --buttondisabled: #6B4B08;
  --buttondisablehighlight: #C1890F;
  --buttondisableshadow: black;
  --linkup: #6B4B08;
  --linkdown: #C1890F;
  --footerlinkup: #C1890F;
  --footerlinkdown: #C1890F;
  --buttonmenuup: transparent;
  --buttonmenuupborder: transparent;
  --buttonmenudown: white;
  --buttonmenudownborder: #C1890F;
  --buttonmenuhover: transparent;
  --buttonmenuhoverborder: transparent;
  --buttonmenudownfont: #6B4B08;
  --buttonmenuhoverfont: #C1890F;
  --buttonmenuupfont: #6B4B08;
  /*--icondark: #6B4B08;
  --iconlight: #C1890F;
  */
  --icondark: #c1890f;
  --iconlight: #d9c69d;
  --iconup: #6B4B08;
  --iconupfont: white;
  --icondown: #C1890F;
  --icondownfont: white;
  --pdfformfield: #6B4B08;
  --pdfformfieldfont: #FFFFFF;
  --mapitemhighlight: aliceblue;
}

/* BEGIN - NEW COMMON */

div #banner_caption {
    color: var(--fontcolor);
}

.input-container, .select-container, .file-container, .value-container, .textarea-container, .day-container, .month-container, .year-container, .multi-select ul, .list-container {
    border: 1px solid var(--inputborder) !important;
    background: var(--panel);
}

input, select, textarea {
    color: var(--fontcolor);
    background: transparent;
}

select option {
  color: var(--fontcolor);
  background: var(--panel);
}

.input-container:has(input:focus), .select-container:has(select:focus), .checkbox-container:has(input:focus), .file-container:has(input:focus), .value-container, .textarea-container:has(textarea:focus), .day-container:has(input:focus), .month-container:has(input:focus), .year-container:has(input:focus), .multi-select ul, .list-container {
  outline: 1px solid var(--inputborder);
}

select:focus, input:focus, textarea:focus {
  outline:none;
}

input, select, textarea, button {
    font-family: inherit;
    /*font-size: 0.8em;*/
}

.application .application_form_line .input-assist + div {
    background: var(--panel);
}

.application .checkbox-container{
    padding-top:0;
}

.checkbox-container input {
    height: 1.8em;
    width: 1.8em;
}

.generic_button_up, button.generic_button_menu_up {
    height: auto;
}

.generic_button_dn, button.generic_button_menu_dn {
    height: auto;
}

.generic_button_dn .option_left, button.generic_button_menu_dn .option_left {
    background: var(--buttondown);
    border-radius: 18px;
    height: 28px;
    line-height: 28px;
    border: solid 2px var(--buttondownborder);
}

.generic_button_dn .option_middle, button.generic_button_menu_dn .option_middle {
    background: var(--buttondown);
    height: 28px;
    line-height: 28px;
}

.generic_button_dn .option_right, button.generic_button_menu_dn .option_right {
    background: var(--buttondown);
}

.generic_button_up .option_left, button.generic_button_menu_up .option_left {
    background: var(--buttonup);
    border-radius: 18px;
    height: 28px;
    line-height: 28px;
    border: solid 2px var(--buttonupborder);
}

.generic_button_up .option_middle, button.generic_button_menu_up .option_middle {
    background: var(--buttonup);
    height: 28px;
    line-height: 28px;
}

.generic_button_up .option_right, button.generic_button_menu_up .option_right {
    background: background: var(--buttonup);
    height: 28px;
    line-height: 28px;
}

.generic_button_up:hover .option_left, button.generic_button_menu_up:hover .option_left, button.generic_button_menu_dn .option_left, li.selected button.generic_button_menu_up .option_left {
    background: var(--buttondown);
    border: solid 2px var(--buttonup);
}

.generic_button_up:hover .option_middle, button.generic_button_menu_up:hover .option_middle, button.generic_button_menu_dn .option_middle, li.selected button.generic_button_menu_up .option_middle {
    background: none;
    color: var(--buttondownfont);
}

.generic_button_up:hover .option_right, button.generic_button_menu_up:hover .option_right, button.generic_button_menu_dn .option_right, li.selected button.generic_button_menu_up .option_right {
    background: none;
}

.generic_button_up:disabled .option_left, .generic_button_up[disabled] .option_left {
    background: var(--buttonup);
    cursor: auto;
}

.generic_button_up:disabled .option_middle, /*.generic_button_up[disabled] #option_middle {background:transparent url("../../images/core/background_up.png") repeat top left;color: #6B4B08;text-shadow: -1px -1px #000000, 1px 1px #C1890F, 0px 0px #6B4B08;cursor:auto;}*/
.generic_button_up[disabled] .option_middle {
    background: var(--buttondisabled);
    color: var(--buttondisabled);
    text-shadow: -1px -0.5px var(--buttondisableshadow),0.5px 1px var(--buttondisablehighlight) ;
    cursor: auto;
}

.generic_button_up:disabled .option_right, .generic_button_up[disabled] .option_right {
    background: none;
}

button.generic_change_button {
    color: var(--linkup);
}

button.generic_delete_button {
    color: var(--linkup);
}

button.generic_object_button {
    color: var(--linkup);
}

button.generic_select_button {
    color: var(--linkup);
}

div.generic_panel {
    float: left;
    border: solid 2px var(--panelborder,var(--tabdown));
    border-radius: 20px;
    background: var(--panel);
    padding: 0.0em;
    /*font-size: 1.0em;*/
    clear: both;
    box-sizing: border-box;
}

/*div.generic_panel_top_left, div.generic_panel_top_middle, div.generic_panel_top_right,
div.generic_panel_bottom_left, div.generic_panel_bottom_middle, div.generic_panel_bottom_right{
    height: 0px;
    line-height: 0px;
}*/

/*div.generic_panel button {
    font-size: 1.0em;
    height:auto;
}*/

div.generic_panel_top_left, div.generic_panel_top_middle, div.generic_panel_top_right,
div.generic_panel_bottom_left, div.generic_panel_bottom_middle, div.generic_panel_bottom_right,
div.generic_panel_left, div.generic_panel_middle, div.generic_panel_right{
    background: transparent;
}

div.generic_thin_panel {
    float: left;
    border: solid 2px var(--thinpanelborder,var(--tabdown));
    border-radius: 8px;
    background: var(--panel);
    padding: 0.5em;
    /*font-size: 1.0em;*/
    clear: both;
    box-sizing: border-box;
}

.gray_panel div.generic_thin_panel{
    background: var(--tabdown);
    color: var(--tabdownfont);
}

.gray_panel div{
    color: var(--tabdownfont);
}

div.generic_thin_panel_top_left, div.generic_thin_panel_top_middle, div.generic_thin_panel_top_right,
div.generic_thin_panel_bottom_left, div.generic_thin_panel_bottom_middle, div.generic_thin_panel_bottom_right,
div.generic_thin_panel_left, div.generic_thin_panel_middle, div.generic_thin_panel_right,
.gray_panel div.generic_thin_panel_top_left, .gray_panel div.generic_thin_panel_top_middle, d.gray_panel iv.generic_thin_panel_top_right,
.gray_panel div.generic_thin_panel_bottom_left, .gray_panel div.generic_thin_panel_bottom_middle, .gray_panel div.generic_thin_panel_bottom_right,
.gray_panel div.generic_thin_panel_left, .gray_panel div.generic_thin_panel_middle, .gray_panel div.generic_thin_panel_right{
    background: transparent;
}

div.generic_thin_panel_top_left, div.generic_thin_panel_top_middle, div.generic_thin_panel_top_right,
div.generic_thin_panel_bottom_left, div.generic_thin_panel_bottom_middle, div.generic_thin_panel_bottom_right,
.gray_panel div.generic_thin_panel_top_left, .gray_panel div.generic_thin_panel_top_middle, d.gray_panel iv.generic_thin_panel_top_right,
.gray_panel div.generic_thin_panel_bottom_left, .gray_panel div.generic_thin_panel_bottom_middle, .gray_panel div.generic_thin_panel_bottom_right{
    height: 0px;
    line-height: 0px;
}

div.generic_thin_panel_top_left, div.generic_thin_panel_bottom_left, div.generic_thin_panel_left,
.gray_panel div.generic_thin_panel_top_left, .gray_panel div.generic_thin_panel_bottom_left, .gray_panel div.generic_thin_panel_left{
    padding-left: 0px;
}

div.generic_thin_panel_top_right, div.generic_thin_panel_bottom_right, div.generic_thin_panel_right,
.gray_panel div.generic_thin_panel_top_right, .gray_panel div.generic_thin_panel_bottom_right, .gray_panel div.generic_thin_panel_right{
    padding-right: 0px;
}

/*
div.generic_tab_menu{
    margin-left: 6px;
    width: calc(100% - 6px);
}*/

.generic_tab_menu li {
    /*height: 36px;*/
    margin-left: 0px;
    margin-right: 0px;
    position:relative;
}

button.generic_tab_menu_up .option_left {
    /*height: 34px;
    line-height: 34px;*/
    border-radius: 8px 8px 0px 0px;
    background: var(--tabup);
    box-sizing: border-box;
    border-bottom: solid 1px white;
}

button.generic_tab_menu_up .option_right, button.generic_tab_menu_up .option_middle  {
    background: none;
    /*height: 34px;
    line-height: 34px;*/
}

button.generic_tab_menu_up:hover .option_left, li.selected button.generic_tab_menu_up .option_left {
    background: var(--tabdown);
}

button.generic_tab_menu_up:hover .option_right, .li.selected button.generic_tab_menu_up .option_right {
    background: none;
}

button.generic_tab_menu_up:hover .option_middle, li.selected button.generic_tab_menu_up .option_middle {
    background: none;
    color: var(--tabdownfont);
}


button.generic_tab_menu_dn .option_left {
    background: none;
    /*height: 34px;
    line-height: 34px;*/
    border-radius: 8px 8px 0px 0px;
    background: var(--tabdown);
    box-sizing: border-box;
}

/*button.generic_tab_menu_dn .option_left::before{
    content: '';
    position: absolute;
    left: -8px;
    top: 28px;
    margin: 0px;
    height: 8px;
    width: 8px;
    background: var(--tabdown);
}

button.generic_tab_menu_dn .option_left::after{
    content: '';
    position: absolute;
    left: -8px;
    top: 28px;
    margin: 0px;
    height: 8px;
    width: 8px;
    border-radius: 0 0 100% 0;
    background: white;
}

button.generic_tab_menu_dn .option_right::before{
    content: '';
    position: absolute;
    right:-6px;
    top: 28px;
    margin: 0px;
    height: 8px;
    width: 8px;
    background: var(--tabdown);
}

button.generic_tab_menu_dn .option_right::after{
    content: '';
    position: absolute;
    right: -6px;
    top: 28px;
    margin: 0px;
    height: 8px;
    width: 8px;
    border-radius: 0 0 0 100%;
    background: white;
}*/

button.generic_tab_menu_dn .option_right, button.generic_tab_menu_dn .option_middle {
    background: none;
    /*height: 34px;
    line-height: 34px;*/
    color: var(--tabdownfont);
    font-weight: normal;
}

.generic_loader{
    border-top: 5px solid var(--tabdown);
}

.generic_loader_inner {
    border-top: 5px solid var(--tabup);
}

.panels-bottom-content {
    border: none;
}

.results-table th {
    border-spacing:2px;
}

.results-table th {
    color: var(--tabupfont);
    background: var(--tabup);
    border-top: 2px solid var(--table);
    border-left: 2px solid var(--table);
    border-bottom: 1px solid var(--table);
    border-right: 1px solid var(--table);  
}

.results-table th:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.results-table th:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.results-table th.sort-asc {
    background:var(--tabdown) url("../../../images/core/sort_asc.png") no-repeat 50% 1px;
}

.results-table th.sort-desc {
    background:var(--tabdown) url("../../../images/core/sort_desc.png") no-repeat 50% 1px;
}

.results-table tr td{
    background: var(--table);
    color: var(--tableselectedfont);
    border-top: 2px solid var(--table);  
    border-bottom: 1px solid var(--table);
}

.results-table tr td:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-left: 2px solid var(--table);
}

.results-table tr td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-right: 1px solid var(--table);
}

.results-table tr:nth-of-type(even) td {
    background: var(--tableodd);
    color: var(--tableselectedfont);
    border-top: 2px solid var(--table);  
    border-bottom: 1px solid var(--table);
}

.results-table tr:nth-of-type(even) td:first-child {
    border-left: 2px solid var(--table);
}

.results-table tr:nth-of-type(even):last-child {
    border-right: 1px solid var(--table);
}

.results-table tr.selected td {
    background: var(--table);
    color: var(--tableselectedfont);
    border-top: 2px solid var(--tableselected);  
    border-bottom: 1px solid var(--tableselected);
}

.results-table tr.selected td:first-child {
    border-left: 2px solid var(--tableselected);
}

.results-table tr.selected td:last-child {
    border-right: 1px solid var(--tableselected);
}

.results-table tr:nth-of-type(even).selected td {
    background: var(--tableodd);
}

.results-table tr:hover td, .results-table tr:nth-of-type(even):hover td  {background:#d0dafd;}

/* END - NEW COMMON */