div #application {
    padding-top: 8px;
}

div #application_container2 {
    margin-right: 0px;
}

#application_public_container {
    font-size: 1.25em;
    color: var(--fontcolor);
    position: relative;
}

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

h1, h2, h3, h4, p {
    margin-bottom: 0.5em;
}

label{
    color: var(--fontcolor);
}

a:link {
    color: var(--footerlinkup);
}

a:visited {
    color: var(--footerlinkup);
}

a:hover {
    color: var(--footerlinkdown);
}

a:active {
    color: var(--footerlinkdown);
}


button.generic_button_up, button.generic_button_up {
    font-size: 1.0em;
}

div #banner_caption{
    display: var(--bannercaptiondisplay);
    margin-left: 8px;
}

div #banner_logo {
    visibility: visible;
    display: var(--bannerimagedisplay);
    background: var(--bannerimage);
    height: var(--bannerimageheight);
    width: var(--bannerimagewidth);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-size: cover;
}

div #banner_cc_menu {
    margin-top: var(--menumargin);
}

.public_title {
    position: relative;
    width: 100%;
    background: var(--banner);
    color: var(--bannerfontcolor);
    text-align: center;
    padding-top: 2em;
    padding-bottom: 70px;
    margin-bottom: 0em;
    position:relative;
    box-sizing:border-box;
}

.public_title h1 {
    font-size:2.441em;
    font-weight: bold;
    margin-left: calc(60px + 1em);
    margin-right: calc(60px + 1em);
}

.public_title::after {
    content:'';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMTRweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPgogIDxwYXRoIGlkPSJzdmdfMiIgZmlsbC1vcGFjaXR5PSIwLjMiIGQ9Im0xMjgzLjI1MTg5LDIxLjg4NDc4Yy0yMzMuNDA5OTgsLTIuMzk5NTQgLTI2MS44NTE5NywtOC45OTQ3IC01MTIuODMxODYsNTQuMDA1NDhjLTMyNi45OTk5OCw4My4wMDAyMiAtNDA5LjAwMDAyLC00My4zMDAxOSAtNTc0LjAwMDAyLC01OC4zMDAxOWMtNTMuMDIsLTMgLTEyMi4wOTY2NSwxMi4xMDY5NSAtMTk2LjI5NjY1LDM5LjkwNjk1bDEuMjUyMTUsNzkuODc3OTRsMTI4MC45OTk4NiwwLjEyNDk4bDAuOTk5ODcsLTExNi43MjUzM2wtMC4xMjMzNSwxLjExMDE3eiIvPgogIDxwYXRoIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z18zIiBmaWxsLW9wYWNpdHk9IjAuNSIgZD0ibS0wLjIyMzYxLDU4LjAyMzc4Yzg5LjQ1OTk5LC0xOS42ODk5NiAxODcuNzgzOTIsLTI1Ljk2Mzg5IDI0NC42NDM5MywtMTkuOTYzODNjMTkyLjk5OTQ3LDIyLjAwMDE1IDI0MC45OTk1NCwzNS4yMzk4OSA0MjAuOTk4OTcsNDEuMjM5OThjMjA0LjEzMDU5LC0wLjk5OTk0IDM3NS4yODA3OCwzLjg0MDUgNjE3LjU4MDczLC01OC4wMDAzNGwwLDExNS43MDA0MWwtMTI4NC42OTU1OCwyLjgzODc2bDEuNDg1MTMsLTgzLjg5NGwtMC4wMTMxOCwyLjA3OTAyeiIvPgogIDxwYXRoIGlkPSJzdmdfNCIgZD0ibTEyODIuMTI1NTMsNTAuMDA5OTdjLTMwNC40NzQ4NSw1LjQ5IC00NDQuMjQ4ODksNjMuMTUwMTEgLTcxNy44MjU1OCw1NS4xNTAwMmMtMjIxLjM0NTI0LC05LjAwMDExIC0xMjguMTk5NCwtMTMuOTk5ODggLTM3NC41ODM2MywtNDcuOTk5OTljLTUwLjkyOTQzLC01Ljk5IC0xNDEuNDMwMDIsLTcuNjUgLTE4OS43MTUzMiwwLjZsLTAuMjUwMzUsODIuNzE4NjJsMTI4MS43NTgxMSwtMC4yNTMyMmMwLC0yNi40NTUwNCAwLjYxNjc3LC02My43NjAzOSAwLjYxNjc3LC05MC4yMTU0M3oiIHN0cm9rZT0ibnVsbCIvPgo8L2c+PC9zdmc+);
    background-size: 100% 114px;
    bottom: 0;
    height: 100px;
    z-index: 1;
    transform: scale(1,1);
    position:absolute;
    left:0;
    right:0;
}

.public_info {
    margin-left: 200px;
    width: 100%;
    box-sizing:border-box;
    font-size:0.8em;
}

#application_public_container .application .object_tab_container {
    position: relative;
    height: 100vh;
    display: block;
}

#application_public_container .application .object_tab_container > .tab-page {
    top: 0px;
    left: 200px;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    border: solid 4px var(--tabdown);
    border-radius: 8px;
    background: var(--panel);
    right: 0px;
}

#application_public_container .application .object_tab_container > .tab-page table {
    background: var(--table);
}

.public_customer_container {
    position: relative;
    clear:both;
    width: 100%;
}

/* BEGIN - NEW COMMON */

/* Normal menu */

/*.objects .side_menu div.object_menu_banner {
    float: left;
    clear: left;
    width: 200px;
    height: auto;
    border-bottom: none;
    background: transparent;

}

.objects .side_menu div.object_menu_container {
    min-width: auto;
    float: left;
    clear: none;
    height: calc(100vh - 16px);
    min-height: 30px;
    background: transparent;
    color: black;
    font-weight: normal;
    margin: 8px 0px 0px 0px;
    padding: 0px;
}


.side_menu div.generic_tab_menu {
    width: 200px;
}


.objects .side_menu div.object_menu_container ul {
    display: block;
    width: 200px;
}


.side_menu .generic_tab_menu li{
    float: left;
    height: 60px;
    width: 200px;
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
}

.side_menu .generic_tab_menu li button{
    width: 100%;
}
*/

.top_menu div.generic_tab_menu{
    margin-left: 14px;
}

.top_menu .generic_tab_menu li {
    height: 36px;
    margin-left: 3px;
    margin-right: 3px;
    position:relative;
}

.top_menu 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;
}

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

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

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

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


.top_menu 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;
}

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

.top_menu 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;
}

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

.top_menu 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;
}

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

/* Side Menu */
.objects .side_menu div.object_menu_banner {
    float: left;
    clear: left;
    width: 200px;
    height: auto;
    border-bottom: none;
    background: transparent;

}

.objects .side_menu div.object_menu_container {
    min-width: auto;
    float: left;
    clear: none;
    height: calc(100vh - 16px);
    min-height: 30px;
    background: transparent;
    color: black;
    font-weight: normal;
    margin: 8px 0px 0px 0px;
    padding: 0px;
}

.side_menu div.generic_tab_menu {
    width: 200px;
}

.objects .side_menu div.object_menu_container ul {
    display: block;
    width: 200px;
}

.side_menu .generic_tab_menu li{
    float: left;
    height: 60px;
    width: 200px;
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
}

.side_menu .generic_tab_menu li button{
    width: 100%;
}

.side_menu button.generic_tab_menu_up .option_left {
    height: 60px;
    line-height: 60px;
    border-radius: 8px 0px 0px 8px;
    background: var(--tabup);
    box-sizing: border-box;
    width: 100%;
    border-right: solid 1px white;
}

.side_menu button.generic_tab_menu_up .option_right, .side_menu button.generic_tab_menu_up .option_middle  {
    background: none;
    height: 60px;
    line-height: 60px;
}

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

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

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


.side_menu button.generic_tab_menu_dn .option_left {
    background: none;
    height: 60px;
    line-height: 60px;
    border-radius: 8px 0px 0px 8px;
    background: var(--tabdown);
    box-sizing: border-box;
    width: 100%;
}

.side_menu button.generic_tab_menu_dn .option_left::before{
    content: '';
    position: absolute;
    left: 192px;
    top: -6px;
    margin: 0px;
    height: 8px;
    width: 8px;
    background: var(--tabdown);
    box-shadow: 0px 68px 0 var(--tabdown);
}

.side_menu button.generic_tab_menu_dn .option_left::after{
    content: '';
    position: absolute;
    left: 184px;
    top: -14px;
    margin: 0px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 76px 0 white;
}

.side_menu button.generic_tab_menu_dn .option_right, .side_menu button.generic_tab_menu_dn .option_middle {
    background: none;
    height: 60px;
    line-height: 60px;
    color: var(--tabdownfont);
    font-weight: bold;
}

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

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

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

.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, 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, 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, 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: 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);
}

button.banner_menu_dn #option_left {
    background:var(--buttonmenudown);
    border-radius: 18px;
    height: 28px;
    line-height: 28px;
    border: solid 2px var(--buttonmenudownborder);
}
button.banner_menu_dn #option_middle {
    background:none;
    color: var(--buttonmenudownfont);
}
button.banner_menu_dn #option_right {
    background:none;
}
button.banner_menu_up:hover #option_left {
    background:var(--buttonmenuhover);
    border-radius: 18px;
    height: 28px;
    line-height: 28px;
    border: solid 2px var(--buttonmenuhoverborder);
}
button.banner_menu_up:hover #option_middle {
    background:none;
    color: var(--buttonmenuhoverfont);
}
button.banner_menu_up:hover #option_right {
    background:none;
}
button.banner_menu_up #option_left {
    background:var(--buttonmenuup);
    border-radius: 18px;
    height: 28px;
    line-height: 28px;
    border: solid 2px var(--buttonmenuupborder);
}
button.banner_menu_up #option_middle {
    background:none;
    color: var(--buttonmenuupfont);
}
button.banner_menu_up #option_right {
    background:none;
}
button.banner_menu_up #logout {
    position: relative;
    background:var(--buttonmenuup);
    color: var(--buttonmenuupfont);
    border-radius: 18px;
    height: 28px;
    line-height: 28px;
    border: solid 2px var(--buttonmenuupborder);
}

button.banner_menu_up #logout:before, button.banner_menu_up #logout:after {
    position: absolute;
    left: 50%;
    content: ' ';
    height: 85%;
    width: 3px;
    background-color: var(--buttonmenuupfont);
}

button.banner_menu_up #logout:before {
    transform: rotate(45deg);
}

button.banner_menu_up #logout:after {
    transform: rotate(-45deg);
}

button.banner_menu_up:hover #logout {
    background:var(--buttonmenuhover);
    color: var(--buttonmenuhoverfont);
    border-radius: 18px;
    height: 28px;
    line-height: 28px;
    border: solid 2px var(--buttonmenuhoverborder);
}

button.banner_menu_up #logout:hover:before, button.banner_menu_up #logout:hover:after {
    background-color: var(--buttonmenuhoverfont);
}

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

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

div #banner_tool_container{
    border: none;
}

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

#banner_menu_container div.generic_options_button button.generic_options_button {
    color: transparent;
    background: var(--buttonup) url(../../../images/core/switch.png) no-repeat center center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-top: 2px;
    border-radius: 18px;
    border: solid 2px var(--buttonupborder);
    box-sizing: content-box;
}

#banner_menu_container div.generic_options_button button.generic_options_button:hover {
    background: var(--buttondown) url(../../../images/core/switch.png) no-repeat center center;
    border: solid 2px var(--buttondownborder);
}

.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-radius: 8px 0px 0px 8px;
}

.results-table th:last-child {
    border-radius: 0px 8px 8px 0px;
}

.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-radius: 8px 0px 0px 8px;
    border-left: 2px solid var(--table);
}

.results-table tr td:last-child {
    border-radius: 0px 8px 8px 0px;
    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);
}


.application button.back-link {
    border: 6px solid var(--banner);
    background-color: var(--body);
}

.application button.back-link:before {
    background-color: var(--banner);
}
*/

.public_form_container .map_search_input_container, .public_form_container .map_search_results_container{
    position:initial;
    clear:both;
    border-radius: 8px;
    border-width: 2px;
}

.public_form_container .map_search_results_container{
    margin-top: 1.0em;
}

.public_ordering_or_line {
  display: flex;
  flex-direction: row;
  margin-top: 1em;
  margin-bottom: 1em;
}
.public_ordering_or_line:before, .public_ordering_or_line:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px solid;
  margin: auto;
}
.public_ordering_or_line:before {
  margin-right: 10px
}
.public_ordering_or_line:after {
  margin-left: 10px
}

.public_ordering_confirmation_label, .public_ordering_checkout_label {
    float:left;
    font-weight: bold;
}

.public_ordering_confirmation_amount, .public_ordering_checkout_amount {
    float: right;
    margin-right: 8px;
}

.public_ordering_confirmation_total, .public_ordering_checkout_total {
    float: right;
    font-weight: bold;
    margin-right: 8px;
}

/* END - NEW COMMON */

.application button.public_menu_customer::before {
    mask: url(../../../images/lifeevents/public/profile_dark.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/profile_dark.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_customer::after {
    mask: url(../../../images/lifeevents/public/profile_light.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/profile_light.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_collection::before {
    mask: url(../../../images/lifeevents/public/book_collection.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/book_collection.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_collection::after {
    display:none;
}

.application button.public_menu_animals::before {
    mask: url(../../../images/lifeevents/public/cat_dog.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/cat_dog.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_animals::after {
    display:none;
}

.application button.public_menu_funeral::before {
    mask: url(../../../images/lifeevents/public/book_funeral.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/book_funeral.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_funeral::after {
    display:none;
}

.application button.public_menu_genealogy::before {
    mask: url(../../../images/lifeevents/public/genealogy_dark.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/genealogy_dark.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_genealogy::after {
    mask: url(../../../images/lifeevents/public/genealogy_light.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/genealogy_light.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_order_bor::before, .icon_order_bor::before {
    mask: url(../../../images/lifeevents/public/order_bor_dark.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/order_bor_dark.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_order_bor::after, .icon_order_bor::after {
    mask: url(../../../images/lifeevents/public/order_bor_light.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/order_bor_light.png) no-repeat 0 0/100% 100%;
}


.application button.public_menu_order_permit::before {
    mask: url(../../../images/lifeevents/public/order_permit_dark.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/order_permit_dark.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_order_permit::after {
    mask: url(../../../images/lifeevents/public/order_permit_light.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/order_permit_light.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_order_memorial::before {
    mask: url(../../../images/lifeevents/public/order_memorial_dark.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/order_memorial_dark.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_order_memorial::after {
    mask: url(../../../images/lifeevents/public/order_memorial_light.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/order_memorial_light.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_shop::before, .icon_shop::before {
    mask: url(../../../images/lifeevents/public/shop_dark.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/shop_dark.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_shop::after, .icon_shop::after {
    mask: url(../../../images/lifeevents/public/shop_light.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/shop_light.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_enquiries::before {
    mask: url(../../../images/lifeevents/public/enquiries_dark.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/enquiries_dark.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_enquiries::after {
    mask: url(../../../images/lifeevents/public/enquiries_light.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/enquiries_light.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_renewals::before {
    mask: url(../../../images/lifeevents/public/renewals_dark.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/renewals_dark.png) no-repeat 0 0/100% 100%;
}

.application button.public_menu_renewals::after {
    mask: url(../../../images/lifeevents/public/renewals_light.png) no-repeat 0 0/100% 100%;
    -webkit-mask: url(../../../images/lifeevents/public/renewals_light.png) no-repeat 0 0/100% 100%;
}


.application button.public_menu_blank::before {
    display:none;
}

.application button.public_menu_blank::after {
    display:none;
}

.public_form_pos {
    width: 100%;
    max-width: 450px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    height: 0px;
}

.public_form {
    position: relative;
}

.public_form_container {
    position: absolute;
    width: 100%;
    z-index: 50;
    height: auto;
    background: var(--panel);
    padding: 16px;
    border-radius: 16px 16px 16px 16px;
    border: solid 3px var(--panelborder,var(--tabdown));
    top: calc(1em + 12px);
    box-sizing: border-box;
    text-align: left;
}

.public_form_pos .public_form_container {
    text-align: center;
}

.public_form p{
    font-size: 0.8em;
    margin-bottom: 1.0em;
}

.public_form h1, .public_form h2,
.public_form h3, .public_form h4{
    clear: both;
}


.public_form button.submit_button, .public_form button.menu_button  {
    min-width: 50%;
    width:auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    float: none;
    margin-top: 1em;
    margin-bottom: 0.25em;
    height: 2em;
    font-size: 1.0em;
    background: var(--buttonup);
    border: solid 2px var(--buttonupborder);
    border-radius: 1em;
    color: var(--buttonupfont);
    padding-left: 1em;
    padding-right: 1em;
}

.public_form button.submit_button:hover, .public_form button.submit_button:active {
    background: var(--buttondown);
    border-color: var(--buttondownborder);
    color: var(--buttondownfont);
}

.public_form button.submit_button:disabled, .public_form button.submit_button[disabled]{
    background: var(--buttondisabled);
    color: var(--buttondisabled);
    text-shadow: -1px -0.5px var(--buttondisableshadow),0.5px 1px var(--buttondisablehighlight) ;
    cursor: auto;
}

.public_form button.submit_button.left{
    clear:left;
    float:left;
    margin-left:unset;
    margin-right:unset;
    min-width:25%;
}

.public_form button.submit_button.inline{
    float:left;
    clear: none;
    margin-left:1em;
    min-width:25%;
}

.public_form button.submit_button.right{
    clear:right;
    float:right;
    margin-left:unset;
    margin-right:unset;
    min-width:25%;
}

.public_form button.submit_button.middle{
    min-width: 25%;
    clear: none;
    margin-left: 0;
    margin-right: 0;
    display: inline;
}

.public_form button.menu_button  {
    /*margin-bottom: 0;
    border-radius: 1em 1em 0 0;
    margin-left: 1em;*/
    min-width: unset;
    clear: none;
    float: left;
    margin-right: 8px;
}

.public_form button.menu_button.right {
    float: right;
    margin-left: 8px;
    /*margin-right: 1em;*/
    margin-right: unset;
}

.public_form .application_choice_list>li{
    margin-bottom: 1.0em;
}

.public_form .application_choice_list li button.large_icon {margin-right:8px;margin-bottom:8px;}

.public_form_pos .public_form .application_choice_list li:nth-child(even) button.large_icon {margin-right:0px;}

.public_form .application_customfields_list {list-style-type: none; margin: 0px; padding: 0px;clear:both;}

.application .public_form label {
    display:block; 
    max-width: none;
    width: 100%;
    text-align: left;
}

.application .public_form label:has(+.checkbox-container){
    width: auto;
} 

.application .public_form .label-after .radio-container+label, .application .public_form .label-after .checkbox-container+label{
    margin-right:2em;
    padding-top:0.1em;
}

.application .public_form .application_form_line .input-container,
.application .public_form .application_form_line .select-container,
.application .public_form .application_form_line .textarea-container {
    display: block;
    float: left;
    clear: both;
    width: 100%
}

.textarea-container textarea {font-size: 0.8em; height: 4.6em;}

.application .public_form .narrow-edit .input-container, .application .public_form .narrow-input .input-container
, .application .public_form .narrow-input .select-container{
    width: 150px;
}

.application .public_form .application_form_line.micro-input .input-container, .application .public_form .application_form_line.micro-input .select-container {
    width: 98px;
    display: inline-block;
    float: left;
    clear:none;
}

.application .public_form .event_dimension_group_container .application_form_line.micro-input label{
    max-width: 150px;
    width: 80%;
    display: inline-block;
}


.application .public_form .hidden-label label {
    display: none !important;
    visibility: hidden;
}

.application .public_form .application_form_line.hidden-label {
    min-height: revert;
    margin-top: 0.125em;
}

.public_loader {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background:rgba(255,255,255,0.5); z-index:98;}

.public_form_container .public_loader {top: 16px; left: 16px; right: 16px; bottom: 16px;}

.public_loader .generic_loader {position: absolute; top: calc(50% - 35px); left: calc(50% - 35px);}

.public_available_dates_control {
    width:100%;
}

.public_available_dates_container {
    overflow-x: hidden;
    overflow-y: hidden;
    width: calc(100% - 3.6em);
    float: left;
}

.public_available_dates {
    list-style-type: none;
    width: max-content;
}

.public_available_dates li{
    display: inline-block;
}

.application .public_available_dates button{
    display: inline-block;
    margin: 0.25em 0.25em 0.25em 0;
    border: var(--iconup) solid 3px;
    padding: 0.5em;
    border-radius: 8px;
    background-color: var(--panel);
    color: var(--iconup);
}

.public_available_dates button:focus, .public_available_dates button:active, .public_available_dates button:hover, .public_available_dates li.selected button{
    color: var(--icondown);
}

.public_available_dates li.selected button{
    border-color: var(--icondown);
    outline-color: var(--icondown);
}

.application .public_available_dates button:disabled,
.application .public_available_dates button[disabled]{
    color: var(--icondisabled);
    border-color: var(--icondisabled);
}

.application button.public_available_dates_left, .application button.public_available_dates_right {
    display: inline-block;
    margin: 0.25em;
    border: var(--iconup) solid 3px;
    padding: 0.5em;
    border-radius: 8px;
    background-color: var(--iconup);
    color: var(--iconupfont);
    position: relative;
    width: 1.6em;
}

.application button.public_available_dates_right {
    float: right;
}

.public_available_dates_left::after {
    content: "";
    border-style: solid;
    border-width: 0.6em 0.8em 0.6em 0;
    border-color: transparent;
    border-right-color: var(--iconupfont);
    position: absolute;
    top: calc(50% - 0.6em + 1px);
    left: calc(50% - 0.4em + 1px);
}

.public_available_dates_right::after {
    content: "";
    border-style: solid;
    border-width: .6em 0 .6em .8em;
    border-color: transparent;
    border-left-color: var(--iconupfont);
    position: absolute;
    top: calc(50% - 0.6em + 1px);
    left: calc(50% - 0.4em + 1px);
}

.application button.public_available_dates_left:hover, .application button.public_available_dates_right:hover, .application button.public_available_dates_left:focus, .application button.public_available_dates_right:focus{
    border-color: var(--icondown);
    outline-color: var(--icondown);
    background-color: var(--icondown);
}

.public_available_slots_container {
    float:left;
    clear:both;
    width:100%;
    height:auto;
    min-height: calc(6em + 4px);
}

.public_available_slots {
    list-style-type: none;
}

.public_available_slots li{
    display: inline-block;
}

.application .public_available_slots button{
    display: inline-block;
    margin: 0.25em 0.5em 0.25em 0;
    border: var(--iconup) solid 1px;
    padding: 0 0.5em 0 0.5em;
    height: 2.5em;
    border-radius: 1.25em;
    background-color: var(--panel);
    color: var(--iconup);
}

.public_available_slots button:focus, .public_available_slots button:active, .public_available_slots button:hover, .public_available_slots li.selected button{
    color: var(--icondown);
}

.public_available_slots li.selected button{
    border-color: var(--icondown);
    outline-color: var(--icondown);
}

.application button.public_list_item_delete {
    position: absolute;
    float:right;
    width:1.3em;
    height:1.3em;
    border-radius: 50%;
    border: solid 2px var(--iconup);
    background: transparent;
    box-sizing: content-box;
    top: 0.5em;
    right: 0.5em;
 }

.application button.public_list_item_delete::before, .application button.public_list_item_delete::after {
    position: absolute;
    top: 1.5px;
    left: calc(50% - 1.5px);
    content: ' ';
    height: 85%;
    width: 3px;
    background-color: var(--iconup);
}

.application button.public_list_item_delete::before {
    transform: rotate(45deg);
}

.application button.public_list_item_delete::after {
    transform: rotate(-45deg);
}

.application button.public_list_item_delete:hover{
    border-color: var(--icondown);
}

.application button.public_list_item_delete:hover::before, .application button.public_list_item_delete:hover::after{
    background-color: var(--icondown);
}

.application button.public_list_item_delete:focus{
    outline-color: var(--icondown);
}

.application button.public_list_item_amend{
    float:right;
    width: 1.3em;
    height: 1.3em;
    border: none;
    background: transparent;
    margin-right: 1em;
    position: absolute;
    top: 0.5em;
    right: 0.0em;
}

.application .double_button_margin button.public_list_item_amend {
    right: 2.3em;
}

.application button.public_list_item_amend:focus{
    outline-color: transparent;
}

.application button.public_list_item_amend:hover .amend-icon, .application button.public_list_item_amend:focus .amend-icon{
  border-color: var(--icondown);
}

.application button.public_list_item_amend:hover .amend-icon .pencil{
  background: var(--icondown);
}

.public_information_panel {
    border: solid 2px var(--thinpanelborder,var(--tabdown));
    border-radius: 8px;
    background: var(--panel);
    padding: 0.5em;
    position: relative;
    font-size: 0.8em;
    clear:both;
}

.public_information_panel.single_button_margin{
    padding-left: 2.3em;
    padding-right: 2.3em;
}

.public_information_panel.double_button_margin{
    padding-left: 4.1em;
    padding-right: 4.1em;
}

.public_information_panel.bottom_margin{
    margin-bottom: 1.0em;
    min-height: 1.1em;
}

.application .application_events_report, .application .application_events_mailmerge {background-color: transparent; height: calc(100% - 40px); width: 100%; position: relative; border: solid 1px black;box-sizing: border-box;display:table; table-layout:fixed;}
.application .application_events_report iframe, .application .application_events_mailmerge iframe {box-sizing: border-box; height: 100%; width: 100%; position: absolute; top:0;left:0;right:0;bottom:0;}
.application .application_events_buttons_top {box-sizing: border-box; width: 100%; height: auto; float: left;}
.application .application_events_buttons_top button {margin-bottom: 8px;}

/*.public_collection_container button.submit_button.square_button {
  position: relative;
  height: max-content;
  min-width: 40% !important;
}

.square_button_outer {
  margin-top:100%; 
  color:inherit;
}

.square_button_inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: inherit;
  display: flex;
  align-items: center;
  color:inherit;
}

.square_button_inner span{
  text-align: center;
  display: block;
  width: 100%;
}*/

.public_demo_info {
    position: initial;
    top: unset;
    width: 100%;
    box-sizing:border-box;
    font-size:0.8em;
    margin-bottom: 1.0em;
}

/* FOOTER */

div.footer_menu {
    border-top: solid 4px var(--panelborder,var(--tabdown)) !important;
}




@media(max-width:779px) {
    div #banner_cc_menu {
        margin-top: 0px;
        margin-bottom: calc(32px + var(--menumargin));
    }

    div #banner_logo {
        margin-top: 32px;
    }

    .public_title h1 {
        font-size: 2.441em;
        font-weight: bold;
        margin-top: 60px;
        margin-left: 0;
        margin-right: 0;
    }
}