/*!
 * Custom metro-inspired theme for Bootstrap v3.0.0
 *
 * Copyright 2013 Scott Dorman
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @sdorman.
 */


/* Modify the button style to apply a 3px colored stripe down the left side.
 * Inspired by css3-microsoft-metro-buttons (https://github.com/ace-subido/css3-microsoft-metro-buttons)
 */
.btn-striped {
    color: #333333;
    background-color: #ffffff;
    border-left-width: 3px;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

    .btn-striped:hover,
    .btn-striped:focus,
    .btn-striped:active,
    .btn-striped.active {
        color: #333333;
        background-color: #ebebeb;
        border-right: 1px solid #adadad;
        border-top: 1px solid #adadad;
        border-bottom: 1px solid #adadad;
    }

    .btn-striped.disabled,
    .btn-striped[disabled],
    fieldset[disabled] .btn-striped,
    .btn-striped.disabled:hover,
    .btn-striped[disabled]:hover,
    fieldset[disabled] .btn-striped:hover,
    .btn-striped.disabled:focus,
    .btn-striped[disabled]:focus,
    fieldset[disabled] .btn-striped:focus,
    .btn-striped.disabled:active,
    .btn-striped[disabled]:active,
    fieldset[disabled] .btn-striped:active,
    .btn-striped.disabled.active,
    .btn-striped[disabled].active,
    fieldset[disabled] .btn-striped.active {
        background-color: #ffffff;
        border-right: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }

.btn-striped-right {
    color: #333333;
    background-color: #ffffff;
    border-right-width: 3px;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

    .btn-striped-right:hover,
    .btn-striped-right:focus,
    .btn-striped-right:active,
    .btn-striped-right.active {
        color: #333333;
        background-color: #ebebeb;
        border-left: 1px solid #adadad;
        border-top: 1px solid #adadad;
        border-bottom: 1px solid #adadad;
    }

    .btn-striped-right.disabled,
    .btn-striped-right[disabled],
    fieldset[disabled] .btn-striped-right,
    .btn-striped-right.disabled:hover,
    .btn-striped-right[disabled]:hover,
    fieldset[disabled] .btn-striped-right:hover,
    .btn-striped-right.disabled:focus,
    .btn-striped-right[disabled]:focus,
    fieldset[disabled] .btn-striped-right:focus,
    .btn-striped-right.disabled:active,
    .btn-striped-right[disabled]:active,
    fieldset[disabled] .btn-striped-right:active,
    .btn-striped-right.disabled.active,
    .btn-striped-right[disabled].active,
    fieldset[disabled] .btn-striped-right.active {
        background-color: #ffffff;
        border-left: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }

.callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border: none;
    border-left: 4px solid transparent;
}

    .callout h4 {
        margin-top: 0;
        color: inherit;
    }

    .callout .callout-link {
        font-weight: bold;
    }

    .callout > p,
    .callout > ul {
        margin-bottom: 0;
    }

        .callout > p + p {
            margin-top: 5px;
        }

.callout-success {
    background-color: #e7fadf;
    border-color: #b9ceab;
}

    .callout-success hr {
        border-top-color: #c9e2b3;
    }

    .callout-success .callout-link {
        color: #356635;
    }

.callout-info {
    background-color: #f0f7fd;
    border-color: #d0e3f0;
}

    .callout-info hr {
        border-top-color: #a6e1ec;
    }

    .callout-info .callout-link {
        color: #2d6987;
    }

.callout-warning {
    background-color: #fefbed;
    border-color: #f1e7bc;
}

    .callout-warning hr {
        border-top-color: #f8e5be;
    }

    .callout-warning .callout-link {
        color: #a47e3c;
    }

.callout-danger {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}

    .callout-danger hr {
        border-top-color: #e6c1c7;
    }

    .callout-danger .callout-link {
        color: #953b39;
    }
