﻿.spaced-5 {
    margin-right: 5px;
}

.space-left-10 {
    margin-left: 10px;
}

.icon-warning {
    color: #8a6d3b;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.email-span {
    border: 0;
    color: #31708f;
    background-color: #d9edf7;
    text-decoration: none;
    font-weight: bold;
}

body label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
body .radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.bg-info {
    background-color: #d9edf7 !important;
}

.nav-item > .nav-link {
    font-size: 16px;
}

    .nav-item > .nav-link > .dropdown-item {
        font-size: 16px;
    }

/* Breadcrumb: */
.breadcrumb {
    padding-top: 5px;
    padding-bottom: 5px;
}

.breadcrumb-nav {
    list-style: none;
    overflow: hidden;
    font: 14px Helvetica, Arial, Sans-Serif;
    font-weight: 500;
    padding-left: 0px;
}

    .breadcrumb-nav li {
        float: left;
    }

        .breadcrumb-nav li a {
            width: 100%;
            color: white;
            text-decoration: none;
            padding: 10px 0 10px 65px;
            background: #FFFFFF;
            position: relative;
            display: block;
            float: left;
            border-top: 1px solid #004890;
            border-bottom: 1px solid #004890;
        }

            .breadcrumb-nav li a.selected {
                background: #004890;
                border-top: 1px solid #004890;
                border-bottom: 1px solid #004890;
            }

            .breadcrumb-nav li a.not-selected {
                width: 100%;
                color: #555;
                background-color: #e6e8eb;
                border-top: 1px solid #e6e8eb;
                border-bottom: 1px solid #e6e8eb;
                border-left: 1px solid #e6e8eb;
            }

            .breadcrumb-nav li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid #BDBDBD;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

            .breadcrumb-nav li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid #004890;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            .breadcrumb-nav li a.not-selected:after {
                color: #BDBDBD;
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid #e6e8eb;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.dropdown-toggle {
    font-size: 0.875rem;
}
