html {
    position: relative;
    min-height: 100%;
}
body {
    padding-top: 50px;
}

textarea {
    resize: vertical;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

a:active,
a:hover,
a:focus {
    outline: none;
}

.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th{
    background-color:#FFE288;
    border-color:#ffdcaa
}

.container .text-muted {
    margin: 20px 0;
}

/* NAVBAR */

.navbar-default {
    background-color: #428bca;
    border: none;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-nav > li:first-child > a {
	margin-left: 0;
}

.navbar-default .navbar-nav > li > a {
	padding: 15px 0 2px 0;
	margin: 0 15px 13px 15px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-size: 100% 1px;
}

@media only screen and (max-width:767px) {
    .navbar-default .navbar-nav > li:first-child > a {
        margin-left: 15px;
    }
}

/* MAIN */

.page {
    padding-top: 50px;
}

.page h1.name {
    margin-bottom: 20px;
}

/* breadcrumb */

/* The Magic */

.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 100%;
    z-index: 3;
}

/* The Spacing */

.btn-breadcrumb .btn {
    padding:6px 12px 6px 20px;
    white-space: inherit;
}
.btn-breadcrumb .btn:first-child {
    padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
    padding:6px 18px 6px 20px;
}


/* Default button */

.btn-breadcrumb .btn.btn-default:not(:last-child):after {
    border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
    border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
    border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
    border-left: 10px solid #adadad;
}


/* Primary button */

.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
    border-left: 10px solid #337AB7;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
    border-left: 10px solid #285e8e;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
    border-left: 10px solid #286090;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
    border-left: 10px solid #285e8e;
}


/* Success button */

.btn-breadcrumb .btn.btn-success:not(:last-child):after {
    border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
    border-left: 10px solid #448630;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
    border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
    border-left: 10px solid #398439;
}


/* Danger button */

.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
    border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
    border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
    border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
    border-left: 10px solid #ac2925;
}


/* Warning button */

.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
    border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
    border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
    border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
    border-left: 10px solid #d58512;
}


/* Info button */

.btn-breadcrumb .btn.btn-info:not(:last-child):after {
    border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
    border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
    border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
    border-left: 10px solid #269abc;
}


/* -//- */

.container .text-muted {
    in: 20px 0;
}
.container .title {
    font-size: 20px;
    margin-top: 0;
}
.container img {
    filter: none; /* IE6-9 */ 
    -webkit-filter: grayscale(0); 
    margin-bottom: 4px;
}
.container img:hover { 
    filter: gray; /* IE6-9 */ 
    -webkit-filter: grayscale(1); 
} 
.form-group {
    margin: 10px;
}
.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #2863B6;
    border-color: #2863B6;
}
.panel-success > .panel-heading {
    color: #ffffff;
    background-color: #2DCB73;
    border-color: #2DCB73;
}
.panel-info > .panel-heading {
    color: #ffffff;
    background-color: #036CF5;
    border-color: #036CF5;
}
.panel-warning > .panel-heading {
    color: #ffffff;
    background-color: #F6901D;
    border-color: #F6901D;
}
.panel-danger > .panel-heading {
    color: #ffffff;
    background-color: #DB282E;
    border-color: #DB282E;
}
.panel-body .fa {
    margin-right: 5px;
}
.panel-body ul {
    margin-bottom: 0;
}
.panel-body li {
    margin-right: 5px;
    list-style: none;
}
.back {
    padding: 20px 10px 10px 10px;
}

/* SIDEBAR */

.menu .panel-body li {
    list-style: disc;
    color: #337ab7;
    margin-left: 15px;
}

.panel hr {
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
}


/* FOOTER */

.footer {
    padding-top: 30px;
    background-color: #f5f5f5;
}

.footer .copyright {
    padding-top: 30px;
}

.footer .copyright small {
    color: #ccc;
    margin-top: 30px;
    padding: 10px 0;
}
.footer .copyright {
    color: #ccc;
    font-size: 12px;
}
.footer .copyright a {
    color: #ccc;
}
code {
    font-size: 80%;
}

/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* Ex-Large devices (large desktops, 1200px and up) */

@media (min-width: 1400px) {
    .container {
        width: 1360px;
    }
}