/**********************************************************************************************
***********************  General Styles to setup aligment and spacing.    *********************
***********************************************************************************************/
@font-face {
    font-family: "BoxedSemibold";
    src: url("../../fonts/BoxedSemibold.eot");
    /* IE9 Compat Modes */
    src: url("../../fonts/BoxedSemibold.eot?#iefix") format("embedded-opentype"), url("../../fonts/BoxedSemibold.woff") format("woff"), url("../../fonts/BoxedSemibold.ttf") format("truetype"), url("../../fonts/BoxedSemibold.svg#BoxedSemibold") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    
}

@font-face {
    font-family: "BoxedLight";
    src: url("../../fonts/BoxedLight.eot");
    /* IE9 Compat Modes */
    src: url("../../fonts/BoxedLight.eot?#iefix") format("embedded-opentype"), url("../../fonts/BoxedLight.woff") format("woff"), url("../../fonts/BoxedLight.ttf") format("truetype"), url("../../fonts/BoxedLight.svg#BoxedLight") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}



body {
    margin: 0;
    font-family: BoxedLight, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    height: 100vh;
}

a {
    text-decoration: none;
    color: black;
}

ul {
    padding: 0;
    margin: 0;
}

input {
/*    height: 25pt;
*/    /*font-family: BoxedLight, Arial, Helvetica, sans-serif;*/
    font-size: 10pt;
    /*border: 1pt solid black;*/
    padding: 0 5pt 0 0;
   /* margin: 0 10pt 0 0;*/
}

input[type="radio"] {
    appearance: none;
    border-radius: 50%;
    outline: 1pt solid black;
    outline-offset: 2.5pt;
    border: none;
    width: 9pt;
    height: 9pt;
    transition: 0.2s all linear;
}

input[type="radio"]:checked {
    outline: 1pt solid #c59d09;
    background-color: #c59d09;
}

input[type="radio"]:checked+label {
    font-family: BoxedSemibold;
    color: #c59d09;
}

/*input:hover,
input:focus {
    transition: 500ms ease;
    outline: 1pt solid #c59d09;
    outline-offset: 2.5pt;
}*/

li {
    list-style-type: none;
}

.accent-bg {
    background-color: #c59d09;
}

.d-flex {
    display: flex;
}

.r-flex {
    flex-direction: row;
    align-items: stretch;
}

.c-flex {
    flex-direction: column;
    align-items: center;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.flex-item {
    margin-bottom: 10pt;
}

button {
    font-family: BoxedLight, Arial, Helvetica, sans-serif;
    border: none;
    background-color: #c7c8ca;
}

.button {
    font-family: BoxedSemibold, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-transform: uppercase;
    color: white;
    border: none;
    background-color: #006ba1;
    height: 25pt;
    width: 75pt;
    cursor: pointer;
}

.button i {
    color: white;
}

.form,
.form>div {
    width: 100%;
    margin: 20pt 0 0;
}

.form {
    margin: 10pt 0 0;
}

.label {
    font-family: BoxedSemibold, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    margin: 0 0 10pt 0;
}

.sub-nav {
    width: 100%;
    min-height: 75pt; 
    align-items: center;
    justify-content: space-between;
    margin-top: 0;
    position: sticky;
    top: 0;
    background-color: white;
    margin-bottom: 0;
    z-index: 1000;
}

.sub-nav .breadcrumb {
    font-size: 18pt;
    margin-left: 20pt;
}

.sub-nav .breadcrumb li {
    color: #c59d09;
    display: flex;
    align-items: center;
}

.sub-nav .breadcrumb li:not(:first-child):before {
    content: "/";
    margin: 0 15pt;
}

.sub-nav .breadcrumb li a {
    color: #c59d09;
}

#pg-name a {
    font-size: 25pt;
    font-family: BoxedSemibold, Arial, Helvetica, sans-serif;
    color: black;
    padding: 0 0 5pt 0;
}

.pg-header {
    font-size: 18pt;
    font-family: BoxedSemibold, Arial, Helvetica, sans-serif;
    color: black;
    padding: 0 0 5pt 0;
}

#account-wrap .button i {
    color: black;
}

#account-wrap .button {
    width: 20pt;
    background-color: unset;
    margin: 0;
}

#account-wrap {
    align-items: center;
}

#account-wrap i {
    font-size: 16pt;
}

#account-name {
    font-family: BoxedSemibold, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    margin: 0 3pt 0 10pt;
}

#filter-wrap {
    width: 100%;
    background: #dde4ef;
    justify-content: space-between;
    align-items: center;
}

.clearField {
    color: red;
    margin: auto;
    float: right;
    position: relative;
    top: -8pt;
}

[placeholder]:empty::before {
    content: attr(placeholder);
    color: #aaaaaa;
    padding-left: 3px;
}

[placeholder]:empty:focus::before {
    content: "";
}

.active-mod {
    cursor: pointer;
    background-color: #e8f3fa !important;
    position:relative;
}

.FlexBoxSpacingElem{
    display: flex;
    flex: 1;
    min-height: 0;
    min-width: 0;
}