﻿/** {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

body {
    text-align: center;
    background-color: #34495e;
}

h1 {
    font-weight: 100;
    font-size: 32px;
    padding: 40px;
    color: #fff;
}*/

#breadcrumb {
    list-style: none;
    display: inline-block;
    margin-left: -35px;
}

    #breadcrumb .icon {
        font-size: 14px;
    }

    #breadcrumb li {
        float: left;
    }

        #breadcrumb li a {
            color: #FFF;
            display: block;
            background: #007BC0;
            text-decoration: none;
            position: relative;
            height: 35px;
            line-height: 35px;
            padding: 0 10px 0 10px;
            text-align: center;
            margin-right: 23px;
        }

        #breadcrumb li:nth-child(even) a {
            background-color: #007BC0;
        }

            #breadcrumb li:nth-child(even) a:before {
                border-color: #007BC0;
                border-left-color: transparent;
            }

            #breadcrumb li:nth-child(even) a:after {
                border-left-color: #007BC0;
            }

        #breadcrumb li:first-child a {
            padding-left: 15px;
            -moz-border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px 0 0 4px;
        }

            #breadcrumb li:first-child a:before {
                border: none;
            }

        #breadcrumb li:last-child a {
            padding-right: 15px;
            -moz-border-radius: 0 4px 4px 0;
            -webkit-border-radius: 0;
            border-radius: 0 4px 4px 0;
        }

            #breadcrumb li:last-child a:after {
                border: none;
            }

        #breadcrumb li a:before, #breadcrumb li a:after {
            content: "";
            position: absolute;
            top: 0;
            border: 0 solid #007BC0;
            border-width: 18px 10.5px;
            width: 0;
            height: 0;
        }

        #breadcrumb #disableditem a:before, #breadcrumb #disableditem a:after {
            content: "";
            position: absolute;
            top: 0;
            border: 0 solid orange;
            border-width: 18px 10.5px;
            width: 0;
            height: 0;
        }

        #breadcrumb li a:before {
            left: -20px;
            border-left-color: transparent;
        }

        #breadcrumb li a:after {
            left: 100%;
            border-color: transparent;
            border-left-color: #007BC0;
        }

    #breadcrumb #disableditem a:before {
        left: -20px;
        border-left-color: transparent;
    }

    #breadcrumb #disableditem a:after {
        left: 100%;
        border-color: transparent;
        border-left-color: orange;
    }

       /* #breadcrumb li a:hover {
            background-color: #00884A;
        }

            #breadcrumb li a:hover:before {
                border-color: #00884A;
                border-left-color: transparent;
            }

            #breadcrumb li a:hover:after {
                border-left-color: #00884A;
            }*/

        #breadcrumb li a:active {
            background-color: #16a085;
        }

            #breadcrumb li a:active:before {
                border-color: #16a085;
                border-left-color: transparent;
            }

            #breadcrumb li a:active:after {
                border-left-color: #16a085;
            }

.icon-home:before {
    /*font-family: FontAwesome;*/
    /*font-family: FontAwesome;*/
    font-style: normal;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f015";
}
