﻿html, body {
    height: 100%;
}

body {
    color: #555;
    padding: 115px 0;
    background-color: #f8f8f8;
    font-family: 'Source Sans Pro', sans-serif;
}

.navbar {
    border: none;
    background-color: #428462;
    border-bottom: 10px solid #82bb9e;
}

    .navbar .navbar-brand {
        height: 85px;
    }

        .navbar .navbar-brand > a > img {
            height: 55px;
            width: auto;
        }

ul.navbar-nav {
    margin: 0;
    padding: 0;
}

    ul.navbar-nav li a {
        color: #fff;
        font-size: 12pt;
        font-weight: 200;
        padding: 33px 15px;
        font-family: 'Raleway', sans-serif;
    }

        ul.navbar-nav li:hover >a {
            background-color: #82bb9e;
        }

    ul.navbar-nav li.active >a {
        background-color: #82bb9e;
    }

    ul.navbar-nav li.dropdown:hover >a {
        background-color: #82bb9e;
    }

    ul.navbar-nav li.dropdown ul.dropdown-menu {
        border: none;
        background-color: #428462;
        border-top: 10px solid #82bb9e;
        border-bottom: 10px solid #82bb9e;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

        ul.navbar-nav li.dropdown ul.dropdown-menu li a {
            background-color: #428462;
            height: 50px;
            padding-top: 15px;
        }

            ul.navbar-nav li.dropdown ul.dropdown-menu li.active >a {
                color: #fff;
                background-color: #82bb9e;
            }

            ul.navbar-nav li.dropdown ul.dropdown-menu li a:hover {
                color: #fff;
                background-color: #82bb9e;
            }

input:not([type='checkbox']),
select {
    width: 100%;
    height: 38px;
    outline: none;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.table {
    overflow: hidden;
    border-radius: 3px 3px 6px 6px;
    margin-top: 10px;
}

    .table thead {
        background-color: #93a59b;
    }

        .table thead tr th:first-child,
        .table thead tr th:last-child,
        .table tbody tr td:first-child,
        .table tbody tr td:last-child {
            padding-left: 15px;
        }

        .table thead tr th {
            color: #fff;
            font-size: 11pt;
            padding-top: 10px;
            padding-bottom: 10px;
            font-weight: 600 !important;
        }

    .table tbody {
        background-color: #eee;
    }

.nav-tabs {
    border: none;
}

    .nav-tabs > li > a,
    .nav-tabs > li > a:hover,
    .nav-tabs > li > a:focus,
    .nav-tabs > li > a:active {
        color: white;
        background-color: #72b191;
        border: none;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: white;
        background-color: #428462;
        border: none;
    }

.inner-glow {
    background-color: #fff1f1;
}

.fadein {
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1.5s; /* Firefox < 16 */
    -ms-animation: fadein 1.5s; /* Internet Explorer */
    -o-animation: fadein 1.5s; /* Opera < 12.1 */
    animation: fadein 1.5s;
}

.ui-autocomplete {
    z-index: 9999;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
