/*body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}*/


/* Styles for basic forms
-----------------------------------------------------------*/
@font-face {
    font-family: 'bebas';
    src: url('/fonts/BebasNeue-webfont.eot');
    src: url('/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/BebasNeue-webfont.woff') format('woff'),
         url('/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('/fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* Custom code starts here */
/* Announcement Panels */
.announcements-news {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .announcements-news li {
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #B3A9A9;
    }

        .announcements-news li .chat-body p {
            margin: 0;
            color: #777777;
        }

    .panel .slidedown .glyphicon,
    .announcements-news .glyphicon {
        margin-right: 5px;
    }

.announcements-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.notifications-panel .panel-body {
    height: 275px;
}

.announcements-panel li.left .announcements-news-body {
    margin-left: 60px;
}

.notifications-panel .list-group {
    margin-bottom: 10px;
}

/* Nav Flyout */
.nav-flyout {
    background-color: #2879b1;
    padding-left: 30px;
    position: absolute;
    top: 100%;
    z-index: 1000;
    float: left;
    width: 100%;
}

    .nav-flyout h4 {
        color: #f0f0f0;
        font-weight: bold;
    }

    .nav-flyout li {
        color: #ffffff;
    }

    .nav-flyout ul {
        padding-bottom: 15px;
    }

.navbar-link {
    cursor: pointer;
}

.navbar {
    margin-bottom: 0px;
}

.carousel {
    margin-bottom: 20px;
}

/*Login*/
.panel-login {
    background-color: #ffffff;
}

/* Sidebar Menu Styles */
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px;
}

.navbar-static-side ul li {
    border-bottom: 1px solid #e7e7e7;
}

.sidebar-search {
    padding: 15px;
}

    .sidebar-search > .custom-search-form > .form-control {
        height: inherit;
    }

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

    .nav-second-level li a {
        padding-left: 37px;
    }

    .nav-third-level li a {
        padding-left: 52px;
    }

@media(min-width:768px) {
    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 250px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.panel-history {
    max-height: 600px;
    overflow-y: scroll;
}

#message-content {
    overflow: scroll;
    height: 300px;
}

.panel-label {
    color: #bbb;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.no-margin {
    margin: 0px !important;
}

.nmb {
    margin-bottom: 0px !important;
}

.chosen {
    background: #428bca;
    color: #fff;
}

    .chosen:hover {
        background: #4a90ce !important;
        color: #fff;
    }

.no-padding {
    padding: 0px !important;
}

.padding20 {
    padding: 20px;
}

.npt {
    padding-top: 0px !important;
}

.margin-top20 {
    margin-top: 20px;
}

.borderless td {
    border: none !important;
}

.borderless th {
    border: none !important;
}

.pointer {
    cursor: pointer;
}

.metro .tile.new-employees .tile-content.email .email-data .email-data-title {
    font-size: 16px;
}

@media only screen and (max-width: 1199px) {
    #values-in-focus {
        display: none;
    }

    #company-name {
        font-size: 40px;
    }
}