﻿#breadcrumb {
    width: 100%;
    position: fixed !important;
    top: 76px;
    z-index: 999;
    background-color: white;
    padding: 5px 0 5px 0;
    min-height: 50px;
}

    #breadcrumb .container {
        margin-left: -30px;
    }

#breadcrumbBuffer {
    position: relative;
    margin-top: 105px;
}

.ose {
    min-height: 600px;
}

body {
    text-align: left;
    color: black;
}

a {
    color: #005bb5;
}

    a:hover, a:focus {
        color: #0d0d0d;
    }

.img-thumbnail {
    background-color: #f3f3f3;
}

.text-muted {
    color: #999999;
}

.text-primary {
    color: #005bb5;
}

a.text-primary:hover {
    color: #004182;
}

.text-success {
    color: #88c626;
}

a.text-success:hover {
    color: #6b9b1e;
}

.text-info {
    color: #0e155b;
}

a.text-info:hover {
    color: #070b2f;
}

.text-warning {
    color: #ffc010;
}

a.text-warning:hover {
    color: #dca200;
}

.text-danger {
    color: #dd2512;
}

a.text-danger:hover {
    color: #ae1d0e;
}

.bg-primary {
    color: #fff;
    background-color: #005bb5;
}

a.bg-primary:hover {
    background-color: #004182;
}

.bg-success {
    background-color: #f2fcf9;
}

a.bg-success:hover {
    background-color: #c9f2e6;
}

.bg-info {
    background-color: #eef8fc;
}

a.bg-info:hover {
    background-color: #c3e6f4;
}

.bg-warning {
    background-color: floralwhite;
}

a.bg-warning:hover {
    background-color: #ffe9bd;
}

.bg-danger {
    background-color: #fdefee;
}

a.bg-danger:hover {
    background-color: #f8c4c0;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

output {
    color: #0e155b;
}

.form-control {
    color: #0e155b;
}

.btn:hover, .btn:focus {
    color: #0e155b;
}

.btn-default {
    color: #0e155b;
    background-color: #fafafa;
    border-color: #ededed;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
        color: #0e155b;
        background-color: #e6e6e6;
        border-color: #cfcfcf;
    }

.open .btn-default.dropdown-toggle {
    color: #0e155b;
    background-color: #e6e6e6;
    border-color: #cfcfcf;
}

.btn-default .badge {
    color: #fafafa;
    background-color: #0e155b;
}

.btn-primary {
    color: white;
    background-color: #005bb5;
    border-color: #004e9c;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
        color: white;
        background-color: #00468c;
        border-color: #002f5e;
    }

.open .btn-primary.dropdown-toggle {
    color: white;
    background-color: #00468c;
    border-color: #002f5e;
    background-image: none;
}

.btn-primary:active, .btn-primary.active {
    background-image: none;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #005bb5;
    border-color: #004e9c;
}

.btn-primary .badge {
    color: #005bb5;
    background-color: white;
}

.btn-success {
    color: white;
    background-color: #88c626;
    border-color: #79b122;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
        color: white;
        background-color: #70a41f;
        border-color: #567d18;
    }

.open .btn-success.dropdown-toggle {
    color: white;
    background-color: #70a41f;
    border-color: #567d18;
    background-image: none;
}

.btn-success:active, .btn-success.active {
    background-image: none;
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #88c626;
    border-color: #79b122;
}

.btn-success .badge {
    color: #88c626;
    background-color: white;
}

.btn-info {
    color: white;
    background-color: #0d0c67;
    border-color: #0a0950;
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
        color: white;
        background-color: #080842;
        border-color: #030319;
    }

.open .btn-info.dropdown-toggle {
    color: white;
    background-color: #080842;
    border-color: #030319;
    background-image: none;
}

.btn-info:active, .btn-info.active {
    background-image: none;
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
    background-color: #0d0c67;
    border-color: #0a0950;
}

.btn-info .badge {
    color: #0d0c67;
    background-color: white;
}

.btn-warning {
    color: white;
    background-color: #ffc010;
    border-color: #f6b500;
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
        color: white;
        background-color: #e6aa00;
        border-color: #b88800;
    }

.open .btn-warning.dropdown-toggle {
    color: white;
    background-color: #e6aa00;
    border-color: #b88800;
    background-image: none;
}

.btn-warning:active, .btn-warning.active {
    background-image: none;
}

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #ffc010;
    border-color: #f6b500;
}

.btn-warning .badge {
    color: #ffc010;
    background-color: white;
}

.btn-danger {
    color: white;
    background-color: #dd2512;
    border-color: #c52110;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
        color: white;
        background-color: #b71f0f;
        border-color: #8d180b;
    }

.open .btn-danger.dropdown-toggle {
    color: white;
    background-color: #b71f0f;
    border-color: #8d180b;
    background-image: none;
}

.btn-danger:active, .btn-danger.active {
    background-image: none;
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
    background-color: #dd2512;
    border-color: #c52110;
}

.btn-danger .badge {
    color: #dd2512;
    background-color: white;
}

.btn-link {
    color: #333333;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover, .btn-link:focus {
                color: #0d0d0d;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
                color: #999999;
                text-decoration: none;
            }

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 2px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.panel-default {
    border-color: #e9e9e9;
}

    .panel-default > .panel-heading {
        color: #0e155b;
        background-color: #f6f6f6;
        border-color: #e9e9e9;
    }

        .panel-default > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #e9e9e9;
        }

    .panel-default > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #e9e9e9;
    }

.panel-primary {
    border-color: #005bb5;
}

    .panel-primary > .panel-heading {
        color: white;
        background-color: #005bb5;
        border-color: #005bb5;
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #005bb5;
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #005bb5;
    }

.panel-success {
    border-color: #ddf7eb;
}

    .panel-success > .panel-heading {
        color: #88c626;
        background-color: #f2fcf9;
        border-color: #ddf7eb;
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #ddf7eb;
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ddf7eb;
    }

.panel-info {
    border-color: #d0f2f7;
}

    .panel-info > .panel-heading {
        color: #0e155b;
        background-color: #eef8fc;
        border-color: #d0f2f7;
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d0f2f7;
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d0f2f7;
    }

.panel-warning {
    border-color: #ffebd7;
}

    .panel-warning > .panel-heading {
        color: #ffc010;
        background-color: floralwhite;
        border-color: #ffebd7;
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #ffebd7;
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ffebd7;
    }

.panel-danger {
    border-color: #fad7db;
}

    .panel-danger > .panel-heading {
        color: #dd2512;
        background-color: #fdefee;
        border-color: #fad7db;
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #fad7db;
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #fad7db;
    }

.bg-dark {
    background-color: #0e155b;
    color: white;
}

.bg-bright {
    background-color: #fafafa;
    color: #0e155b;
}

.bg-reverse {
    background-color: white;
    color: #0e155b;
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .slider.slider-horizontal {
        width: 100% !important;
        height: 6px;
    }

        .slider.slider-horizontal .slider-track {
            height: 3px;
            width: 100%;
            margin-top: -1.5px;
            top: 50%;
            left: 0;
        }

        .slider.slider-horizontal .slider-selection {
            height: 100%;
            top: 0;
            bottom: 0;
        }

        .slider.slider-horizontal .slider-handle {
            margin-left: -12px;
            margin-top: -12px;
        }

            .slider.slider-horizontal .slider-handle.triangle {
                border-width: 0 3px 3px 3px;
                width: 0;
                height: 0;
                border-bottom-color: #0480be;
                margin-top: 0;
            }

    .slider.slider-vertical {
        height: 210px;
        width: 6px;
    }

        .slider.slider-vertical .slider-track {
            width: 3px;
            height: 100%;
            margin-left: -1.5px;
            left: 50%;
            top: 0;
        }

        .slider.slider-vertical .slider-selection {
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0;
        }

        .slider.slider-vertical .slider-handle {
            margin-left: -12px;
            margin-top: -12px;
        }

            .slider.slider-vertical .slider-handle.triangle {
                border-width: 3px 0 3px 3px;
                width: 1px;
                height: 1px;
                border-left-color: #0480be;
                margin-left: 0;
            }

    .slider.slider-disabled .slider-handle {
        pointer-events: none;
        background-color: #f5f5f5;
    }

    .slider.slider-disabled .slider-track {
        opacity: 0.65;
        cursor: not-allowed;
    }

    .slider input {
        display: none;
    }

    .slider .tooltip-inner {
        white-space: nowrap;
    }

.slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #eeeeee;
    -webkit-box-shadow: compact(inset 0 1px 2px rgba(0, 0, 0, 0.1), false, false, false, false, false, false, false, false, false);
    -moz-box-shadow: compact(inset 0 1px 2px rgba(0, 0, 0, 0.1), false, false, false, false, false, false, false, false, false);
    box-shadow: compact(inset 0 1px 2px rgba(0, 0, 0, 0.1), false, false, false, false, false, false, false, false, false);
    border-radius: 2px;
}

.slider-selection {
    position: absolute;
    background-color: #005bb5;
    -webkit-box-shadow: compact(inset 0 -1px 0 rgba(0, 0, 0, 0.15), false, false, false, false, false, false, false, false, false);
    -moz-box-shadow: compact(inset 0 -1px 0 rgba(0, 0, 0, 0.15), false, false, false, false, false, false, false, false, false);
    box-shadow: compact(inset 0 -1px 0 rgba(0, 0, 0, 0.15), false, false, false, false, false, false, false, false, false);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
}

.slider-handle {
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #005bb5;
    -webkit-box-shadow: compact(1px 1px 2px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false);
    -moz-box-shadow: compact(1px 1px 2px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false);
    box-shadow: compact(1px 1px 2px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    .slider-handle.round {
        border-radius: 50%;
    }

    .slider-handle.triangle {
        background: transparent none;
    }

.progress-bar {
    background-color: #005bb5;
}

.panel .table {
    margin-bottom: 0;
}

.walkthrough {
    margin-left: 100px;
}

.screenshot {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 3px solid #f3f3f3;
    border-radius: 10px;
}

.panel-heading,
.ui-accordion .panel-heading {
    background-color: #005bb5;
    color: #ffffff;
    text-transform: uppercase;
}

    .ui-accordion .panel-heading .panel-title > a {
        display: block;
        font-size: 14px;
    }

        .ui-accordion .panel-heading .panel-title > a:hover, a:focus {
            cursor: pointer;
            background-color: #005bb5;
            color: #ffffff;
            text-decoration: none;
        }

input,
select,
textarea {
    max-width: 280px;
}

.short-number-input {
    /*width: 150px;
        */
}

.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.container-fluid > .jumbotron-hero {
    background: url("Images/Index/bg.jpg") no-repeat center center;
    color: white;
    background-size: cover;
    border-radius: 0;
}

.inlineLink {
    border-bottom: 1px dashed;
}

.popoverLabel {
    border-bottom: 1px dotted;
    color: #0e155b;
    font-weight: bold;
}

.tradeAnalysisRow {
    margin: 2px;
    padding: 2px;
    border-top: 2px solid #888;
}

.strategyFilterLink {
    font-size: medium;
}

.tradeAnalysisRowFigure {
    font-size: large;
    font-weight: bold;
}

.tradeAnalysisRowExplanation {
    font-size: small;
}

.costPerContractRow {
    font-size: x-small;
    font-weight: bold;
}

.otherReturns {
    font-size: x-small;
    font-weight: bold;
}

.returnType {
    font-size: x-small;
}

.strategyName {
    font-size: medium;
    font-weight: bold;
}

.rangeOutput {
    font-weight: bold;
}

.tickLabel {
    font-size: xx-small;
}

.chart {
    height: 100px;
    width: 150px;
}

.embedContainer {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    height: 100%;
    font-size: small;
}

.breadcrumbButton {
    margin-bottom: 5px;
    margin-top: 5px;
}

.expiration button span {
    background-color: #EDC240;
    border-radius: 50px;
    color: #005bb5;
}

.helplink {
    margin-left: 5px;
    position: relative;
    top: -1px;
}

.validatedForm input.ng-invalid {
    border-color: #dd2512;
}

.validatedForm input.ng-valid {
    border-color: #88c626;
}

.ng-leave {
    display: none !important;
}

.alertPanel {
    width: 400px;
    right: 10px;
    bottom: 10px;
    position: absolute;
    z-index: 1000;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 15px;
}