﻿.framework-calendar
{
    width: 100%;
}

.framework-calendar td
{
    text-align: center;
}

.framework-calendar td input[type=button]
{
    border: none;
    width: 100%;
}

.framework-calendar td input[type=button]:disabled
{
    color: #afafaf;
}

.framework-calendar td input[type=button]:enabled:hover
{
    cursor: pointer;
}

.framework-calendar th
{
    font-weight: bold;
    text-align: center;
}

.framework-calendarbutton
{
    width: 16px;
}

.framework-calendardaytextbox
{
    width: 2.5em;
}

.framework-calendaryeartextbox
{
    width: 4.0em;
}

.framework-calendartoday
{
    background-color: #004f99;
    color: #ffffff !important;
}

.framework-datepickerbutton
{
    background: transparent;
    border: none;
    cursor: pointer;
    padding: auto;
}

.framework-datepickercontent
{
    padding: 1em 1.5em;
}

.framework-datepickercontent,
.framework-datepickerheader,
.framework-datepickerfooter
{
    text-align: center;
}

.framework-datepickercontrol > span
{
    display: block;
    float: left;
    padding: 0 15px 0 0;
    text-align: right;
    width: 175px;
}

.framework-datepickerdialog
{
    background-color: #fff;
    border: 3px solid #222256;
    border-radius: 5px;
    left: 20em;
    margin-top: 1em;
    padding: 0px;
    position: absolute;
    width: 275px;
}

.framework-datepickerdialogheader
{
    text-align: center;
}

.framework-datepickerfooter
{
    padding: 0.5em 0;
}

.framework-datepickerfooter > button,
.framework-datepickerfooter > input[type=submit]
{
    background-color: #000;
}

.framework-datepickerheader
{
    background-color: #357c94;
    border-color: #357c94;
    padding: 1.0em 0;
}

.framework-column
{
    padding: auto 2em;
    position: relative;
    width: 58%;
}

.framework-column-2
{
    margin: auto 1em;
    padding: auto 2em;
    position: relative;
    width: 32%;
}

.framework-column-fullwidth
{
    padding: auto 2em;
    position: relative;
    width: 100%;
}

.framework-fullwidth
{
    width: 100%;
}

.framework-label
{
    padding: auto 2em;
    position: relative;
    /*width: 38%;*/
}

.framework-requiredfield:after
{
    content: " *";
    color: #b1243c;
}

.framework-row
{
    display: flex;
    flex-wrap: wrap;
    margin: auto 1em;
}

.framework-summary
{
    background-color: transparent;
    border-bottom: 1px solid #dddddd;
    list-style: none;
    margin: 0px;
    overflow: hidden;
    padding: 10px 0px 0px 0px;
}

.framework-summary summary
{
    color: #0066cc;
    font-size: 1.142857em;
    font-weight: bold;
    margin: auto 2px;
    padding: 3px 4px 10px 4px;
}

input.framework-control[type=text],
input.framework-control[type=password]
{
    margin: 0.1em;
    padding: auto 1em;
}

select.framework-control
{
    margin: 0.1em;
    padding: auto -1em;
}

.framework-control
{
    width: 100%;
}

input[aria-invalid=true],
input[aria-invalid=true]:after,
select[aria-invalid=true]
{
    border: 1px solid #b1243c !important;
    outline-color: #b1243c !important;
}

.framework-checkbox
{
    display: block;
    width: 100%;
}

.framework-checkbox > input[type=checkbox]
{
    cursor: pointer;
    float: left;
}

.framework-checkbox-label
{
    display: inline;
    float: left;
    margin-left: 10px;
    position: relative;
    width: 80%;
}

.framework-control-tooltip
{
    display: inline;
    float: left;
    width: calc(100% - 30px);
}

.framework-tooltip
{
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    float: left;
    font-size: 0.8em;
    line-height: 1em;
    margin-right: -340px;
    max-width: 30em;
    min-width: 10em;
    padding: 0.5em;
    position: absolute;
    z-index: 500;
}

.framework-tooltip-hidden
{
    display: none;
}

.framework-tooltipicon
{
    display: inline;
    float: left;
    padding-left: 0.5em;
    width: 16px;
}

.framework-invalid
{
    display: none;
    visibility: hidden;
}

.framework-invalid[aria-invalid=true]
{
    color: #b1243c!important;
    display: block!important; 
    visibility: visible!important;
}

.framework-row
{
    margin: 0.5em auto;
}

div.framework-sidemenubar
{
    float: left;
    margin-right: 7px;
    width: 148px;
}

.framework-filter > ul > li.framework-filtercategory,
.framework-menu > ul > li.framework-accordion,
.framework-menu > ul > li.framework-accordionitem,
.framework-menu > ul > li.framework-listitem
{
    border-bottom: 1px solid #dddddd;
}

div.framework-showhidepassword
{
    display: inline-block;
    float: right;
    height: 20px;
    margin-top:-20px;
    position: relative;
    width: 20px;
}

div.framework-showhidepassword:not(.framework-show) img:nth-child(1)
{
    display: block;
}

div.framework-showhidepassword:not(.framework-show) img:nth-child(2)
{
    display: none;
}

div.framework-showhidepassword.framework-show img:nth-child(1)
{
    display: none;
}

div.framework-showhidepassword.framework-show img:nth-child(2)
{
    display: block;
}

div.framework-showhidepassword:focus,
div.framework-showhidepassword:hover
{
    background: rgba(0, 0, 0, 0.4);
}

.framework-focus,
li.framework-accordion button:focus,
li.framework-accordion button:hover,
li.framework-accordion input[type=button]:focus,
li.framework-accordion input[type=button]:hover,
li.framework-accordionitem:focus,
li.framework-accordionitem:hover,
li.framework-listitem:focus,
li.framework-listitem:hover,
li.framework-filteritem:focus,
li.framework-filteritem:hover
{
    background-color: #004f99;
    color: #ffffff;
}

.framework-focus > a
{
    color: #ffffff!important;
}

.framework-accordionitem:focus-within,
.framework-accordionitem:focus-within > a,
.framework-listitem:focus-within,
.framework-listitem:focus-within > a,
.framework-filteritem:focus-within,
.framework-filteritem:focus-within > a
{
    background-color: #004f99;
    color: #ffffff;
}

li.framework-accordionitem:hover a,
li.framework-accordionitem:focus a
{
    background-color: transparent;
    color: #ffffff;
}

li.framework-accordionitem a:hover,
li.framework-accordionitem a:focus
{
    background-color: transparent;
    color: #ffffff;
}

li.framework-accordion,
li.framework-accordionitem,
li.framework-list,
li.framework-listitem,
.framework-filtercategory,
.framework-filteritem
{
    border: none;
    list-style: none;
    overflow: hidden;
}

li.framework-accordion button,
li.framework-accordion input[type=button],
li.framework-accordionitem,
li.framework-list,
li.framework-listitem,
.framework-filtercategory,
.framework-filteritem
{
    margin: 0em;
    padding: 0.5em 0.2em;
}

li.framework-accordion button,
li.framework-accordion input[type=button],
li.framework-accordionitem a
{
    color:  #232323;
    font-family: arial;
    font-size: 1em;
    line-height: normal;
}

li.framework-accordion button,
li.framework-accordion input[type=button],
li.framework-accordionitem a,
li.framework-listitem a,
.framework-filteritem a
{
    border: none;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    outline: 0px;
    text-align: left;
    user-select: none;
    white-space: normal;
}

li.framework-accordion button,
li.framework-accordion input[type=button]
{
    color: #000;
    width: 100%;
}

li.framework-accordion button[aria-expanded=false]:after,
li.framework-accordion input[type=button][aria-expanded=false]:after
{
    content: '+';
    display: inline-block;
    float: right;
    font-size: 1em;
}

li.framework-accordion button[aria-expanded=true]:after,
li.framework-accordion input[type=button][aria-expanded=true]:after
{
    content: '-';
    display: inline-block;
    float: right;
    font-size: 1em;
}

li.framework-accordion button[aria-expanded=false] + ul,
li.framework-accordion input[type=button][aria-expanded=false] + ul
{
    display: none;
}

li.framework-accordion > ul li a,
li.framework-list > ul li a,
.framework-filtercategory > ul li a
{
    color: #4F4F4F;
    font-family: arial;
    font-size: 1em;
    margin-left: 0.5em;
}

li.framework-accordion > ul li a:hover
{
    color: #ffffff;
    background-color: transparent;
}

li.framework-accordionitem a,
li.framework-listitem a,
.framework-filteritem a
{
    text-decoration: none;
}

li.framework-listitem:hover a,
li.framework-listitem:focus a,
.framework-filteritem:hover a,
.framework-filteritem:focus a
{
    color: #ffffff;

}

.framework-menupointer:hover
{
    cursor: pointer;
}

li.framework-list > span,
.framework-filtercategory > span
{
    font-size: 1em;
    font-weight: bold;
    color:  #232323;
}

li.framework-listitem,
.framework-filteritem
{
    line-height: 1.0em;
}

.framework-filtercategoryheader
{
    margin: 0em;
    padding: 0.32em 0.2em;
}

.framework-filteritem
{
    margin: 0em;
    padding: 0.25em 0.2em;
}

span.framework-passwordspan
{
    display: inline-block;
    padding: 0px;
    width: 100%;
}

.framework-title-h1
{
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.registration-buttonwidth 
{
    width: 20em;
}

.inputtoggleicon
{
    background-repeat: no-repeat;
    display: inline;
    height: 16px;
    margin-left: -20px;
    margin-top: 2px;
    padding: 0px;
    position: absolute;
    width: 16px;
}

.inputtogglewrap
{
    overflow: visible;
    position: relative;
    white-space:nowrap;
}

.hidepassword
{
    background-image: url("hidepassword.svg");
}

.showpassword
{
    background-image: url("showpassword.svg");
}

.shoppingcart-log
{
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  overflow: hidden;
  width: 0;
}
