﻿#main {
    min-height:400px;
}
select {
    /*zurb foundation adds custom down arrow*/
    background-image:none;
}
.transparent:hover {
    opacity: 1.0;
}
.transparent-4 {
    opacity: 0.4;
}
.transparent-6 {
    opacity: 0.6;
}
.transparent-8 {
    opacity: 0.8;
}

.validation-summary-errors {
    color: orangered;
}
.field-validation-error {
    color: orangered;
}
    .parallax {
        /* The image used */
        /*background-image: url("img_parallax.jpg");*/
        /* Set a specific height */
        /*height: 500px;*/
        /* Create the parallax scrolling effect */
        /*background-attachment: fixed;*/
        /*background-position:center;*/
        /*background-repeat: no-repeat;*/
        /*background-size: contain;*/
    }

.card-info {
    background: #fefefe;
    border: 1px solid #8a8a8a;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    margin: 1rem 0;
    overflow: hidden;
    border-radius: 0;
}

    .card-info .card-info-label {
        border-color: transparent #8a8a8a transparent transparent;
        border-color: rgba(255, 255, 255, 0) #8a8a8a rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    }

    .card-info.primary {
        border-color: #1779ba;
    }

        .card-info.primary .card-info-label {
            border-color: transparent #1779ba transparent transparent;
            border-color: rgba(255, 255, 255, 0) #1779ba rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
        }

    .card-info.secondary {
        border-color: #767676;
    }

        .card-info.secondary .card-info-label {
            border-color: transparent #767676 transparent transparent;
            border-color: rgba(255, 255, 255, 0) #767676 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
        }

    .card-info.info {
        border-color: #37a0e6;
    }

        .card-info.info .card-info-label {
            border-color: transparent #37a0e6 transparent transparent;
            border-color: rgba(255, 255, 255, 0) #37a0e6 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
        }

    .card-info.alert {
        border-color: #cc4b37;
    }

        .card-info.alert .card-info-label {
            border-color: transparent #cc4b37 transparent transparent;
            border-color: rgba(255, 255, 255, 0) #cc4b37 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
        }

    .card-info.success {
        border-color: #3adb76;
    }

        .card-info.success .card-info-label {
            border-color: transparent #3adb76 transparent transparent;
            border-color: rgba(255, 255, 255, 0) #3adb76 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
        }

    .card-info.warning {
        border-color: #ffae00;
    }

        .card-info.warning .card-info-label {
            border-color: transparent #ffae00 transparent transparent;
            border-color: rgba(255, 255, 255, 0) #ffae00 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
        }

    .card-info .card-info-label {
        border-style: solid;
        border-width: 0 4.375rem 2.5rem 0;
        float: right;
        height: 0px;
        width: 0px;
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .card-info .card-info-content {
        padding: 0.5rem 1.5rem 0.875rem;
    }

    .card-info .card-info-label-text {
        color: #fefefe;
        font-size: 0.75rem;
        font-weight: bold;
        position: relative;
        right: -2.5rem;
        top: 2px;
        white-space: nowrap;
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }
