/* Reference colors */

.primary1 {color: #337ab7}
.primary2 {color: #2e6da4}
.primary3 {color: #286090}
.primary4 {color: #204d74}
.primary5 {color: #122b40}

.secondary1 {color: #ffdd00} 
.secondary2 {color: #D1B500}
.secondary3 {color: #A08B00}
.secondary4 {color: #806F00}
.secondary5 {color: #5C5000}

/* End reference colors */

body {
    margin: 0;
}

/* PRIMARY COLOR */
.text-primary {
    color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}
.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }
.label-primary {
    background-color: #337ab7;
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: #286090;
    }
.panel-primary {
    border-color: #337ab7;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7;
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7;
    }


/* SECONDARY COLOR */
.text-secondary {
    color: #ffdd00;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #A08B00;
}

.bg-secondary {
    color: #fff;
    background-color: #ffdd00;
}

a.bg-secondary:hover,
a.bg-secondary:focus {
    background-color: #A08B00;
}

.btn-secondary {
    color: #fff;
    background-color: #ffdd00;
    border-color: #D1B500;
}

    .btn-secondary:focus,
    .btn-secondary.focus {
        color: #fff;
        background-color: #A08B00;
        border-color: #5C5000;
    }

    .btn-secondary:hover {
        color: #fff;
        background-color: #A08B00;
        border-color: #806F00;
    }

    .btn-secondary:active,
    .btn-secondary.active,
    .open > .dropdown-toggle.btn-secondary {
        color: #fff;
        background-color: #A08B00;
        border-color: #806F00;
    }

        .btn-secondary:active:hover,
        .btn-secondary.active:hover,
        .open > .dropdown-toggle.btn-secondary:hover,
        .btn-secondary:active:focus,
        .btn-secondary.active:focus,
        .open > .dropdown-toggle.btn-secondary:focus,
        .btn-secondary:active.focus,
        .btn-secondary.active.focus,
        .open > .dropdown-toggle.btn-secondary.focus {
            color: #fff;
            background-color: #806F00;
            border-color: #5C5000;
        }

    .btn-secondary:active,
    .btn-secondary.active,
    .open > .dropdown-toggle.btn-secondary {
        background-image: none;
    }

    .btn-secondary.disabled:hover,
    .btn-secondary[disabled]:hover,
    fieldset[disabled] .btn-secondary:hover,
    .btn-secondary.disabled:focus,
    .btn-secondary[disabled]:focus,
    fieldset[disabled] .btn-secondary:focus,
    .btn-secondary.disabled.focus,
    .btn-secondary[disabled].focus,
    fieldset[disabled] .btn-secondary.focus {
        background-color: #ffdd00;
        border-color: #D1B500;
    }

    .btn-secondary .badge {
        color: #ffdd00;
        background-color: #fff;
    }

.label-secondary {
    background-color: #ffdd00;
}

    .label-secondary[href]:hover,
    .label-secondary[href]:focus {
        background-color: #A08B00;
    }

.panel-secondary {
    border-color: #ffdd00;
}

    .panel-secondary > .panel-heading {
        color: #fff;
        background-color: #ffdd00;
        border-color: #ffdd00;
    }

        .panel-secondary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ffdd00;
        }

        .panel-secondary > .panel-heading .badge {
            color: #ffdd00;
            background-color: #fff;
        }

    .panel-secondary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ffdd00;
    }