/* oswald-regular - latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/oswald-v40-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/oswald-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/oswald-v40-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/oswald-v40-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/oswald-v40-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/oswald-v40-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* inter-regular - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inter-v3-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/inter-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/inter-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/inter-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/inter-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/inter-v3-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-slab-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/roboto-slab-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-slab-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-slab-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-slab-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-slab-v13-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}


.wrapper, html, body {
    font-family: 'Roboto Slab';
    height: 100%;
    margin: 0;
    overscroll-behavior-y: contain;
    overscroll-behavior-x: contain;
}

.wrapper {
    display: flex;
    flex-direction: column;
}

p {
    font-family: 'Roboto Slab';
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald';
    font-weight: 400;
}

/*input used for prompt modification on select and sort*/
.custom_prompt {
    font-size: 24px;
    color: #7BAED5;
    font-weight: bold;
}

.custom_input {
    font-size: 24px;
    font-weight: 400;
    color: #616875;
    margin-bottom: 10px;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 2px;
    width: 100%;
    height:40px;
    /*background-color: #f7f7f7;*/
    background-color: white;
}

    .custom_input:hover {
        outline: 2px solid;
        border-radius: 3px;
        border-width: 0px;
        border-style: solid;
        border-color: #616875;
    }

    .custom_input:focus {
        outline: 2px solid;
        border-radius: 3px;
        border-width: 0px;
        border-style: solid;
        border-color: #616875;
        color: #f34b45;
    }

.custom_input_white_bg {
    background-color:white;
}

.custom_input_small {
    font-size: 14px;
    color:black;
}


/*/////////////////////////*/




a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}


.edit_stack {
    background-color: #F7F7F7;
    width: 1000px;
    /*height: 250px;*/
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.33));
    margin: 16px;
    padding: 16px;
}

.override_container {
    position: absolute;
    display: flex;
    flex-direction: row;
}

.override_button {
    /*align-items: flex-start;*/
    margin: 8px;
    padding-left: 16px;
    padding-right: 16px;
    height: 40px;
    min-width: 100px;
    font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid #616875;
    box-sizing: border-box;
    /*align-items: center;*/
    /*justify-content: center;*/
    background: #FFFFFF;
    color: #337AB7;
}

    .override_button:hover {
        background-color: #337AB7;
        color: white;
    }

.override_small {
    min-width: 50px;
    height: 30px;
    font-size: 12px;
    line-height: 16px;
}

.override_delete {
    background: #FFFFFF;
    color: #F34B45;
}

    .override_delete:hover {
        background-color: #F34B45;
        color: white;
    }

.select_stack {
    background: #FFFFFF;
    color: #337AB7;
}

    .select_stack:hover {
        background-color: #337AB7;
        color: white;
    }

.stack_title {
    font-family: Oswald;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    /* Dark Gray */
    color: #616875;
}

.stack_title_small {
    font-family: Oswald;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    color: black;
}

.member_title {
    font-family: Oswald;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    /* Dark Gray */
    color: #616875;
}

.member_title_small {
    font-family: Oswald;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    /* Dark Gray */
    color: black;
}

.override_title {
    font-weight: bold;
    color: #F34B45;
}

/* printer stuff */
@media print {
    .no_print {
        visibility: hidden;
        display:none;
    }

    .page_break {
        clear: both;
        page-break-after: always;
    }
}