@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Oswald:400,700');

.Delete.Popup{
    color: red !important;
}

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    /* color: #2c3e50; */
    color: #1f1f1f;
    background-color: #eee;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.1;
    color: #0578a5;
}

a {
    color: ##367e9a;
    text-decoration: none;
}

a:focus, a:hover {
    color: #48a9ce;
    text-decoration: underline
}

thead { font-size: 0.8em; }

/* more room for logo in navbar: */
.navbar-static-top { min-height: 85px; }

/* hide email checkbox on profile */
.User-ShowEmail { display: none; }

/* navbar formatting */
.navbar-default {
    background-color: #0578a5;
    border-color: transparent;
}

.navbar-default .MeBox .FlyoutButton, .navbar-default .MeBox .Username, .navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .MeBox .FlyoutButton:focus, .navbar-default .MeBox .FlyoutButton:hover, .navbar-default .MeBox .Username:focus, .navbar-default .MeBox .Username:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #59d1ff;
    background-color: transparent;
}

.navbar-default .MeBox .Open .FlyoutButton, .navbar-default .MeBox .Open .FlyoutButton:focus, .navbar-default .MeBox .Open .FlyoutButton:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>.Selected, .navbar-default .navbar-nav>li>.Selected:focus, .navbar-default .navbar-nav>li>.Selected:hover {
    color: #fff;
    background-color: #004966;
}



/* footer =================================================================== */ 

.page-footer {
    padding: 20px;
    margin-top: 40px;
    color: #fff;
    background-color: #004966;
    border-top: transparent solid 1px;
    margin-bottom: 0px; 
}

.sticky-footer-body {
    margin-bottom: 0px; 
}

.customFooterLinks,
.customFooterDisclaimer,
.LocaleOptions {
    text-align: center;
    margin: 40px 0;
    padding: 0;
}

.customFooterLinks {
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
}

.page-footer a {
    color: #fff;
}

.page-footer a:focus, .page-footer a:hover {
    color: #fff;
    text-decoration: none;
}

.customFooterLink {
    display: inline-block;
    margin: 0 20px;
}

.EnglishLocale a {
    padding-left: 0.5em;
    display: inline-block;
}

.EnglishLocale::before { 
    content: "Change Language: ";
}

/* sidebar ================================================================== */

.page-sidebar .GuestBox .ApplyButton {
    display: none;
}

/* table/box headers ======================================================== */

.CategoryBox .H, .CategoryGroup .H, .MessageList .Item-Header, .MessageList.Conversation .Meta, .panel-default>.panel-heading {
    color: #2c3e50;
    background-color: #ddd;
    border-color: #ecf0f1;
}

.DataList .Conversation .Item .MItem, .DataList .Conversation .Item .MItem a, .DataList .Item .Meta, .DataList .Item .Meta a, .DataTable .Conversation .Item .MItem, .DataTable .Conversation .Item .MItem a, .DataTable .Item .Meta, .DataTable .Item .Meta a {
    color: #999;
}

.ActionBlock, .Conversation .Item .MItem, .Conversation .Item .MItem a, .Gloss, .Item .AuthorInfo, .Item .Meta, .Item .Meta a, .OptionsMenu .SpFlyoutHandle, .text-muted {
    color: #999;
}

.CategoryBox .H, .CategoryGroup .H, .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.5em 8px;
    font-size: 1.5em;
}

.DataTable h4, .DataTable h4 a {
    font-size: 1.1em;
    line-height: 1.25em;
}

/* disable best of in sidebar */

.Reactions-BestOf {
    display: none;
}

/* various buttons/links/action items */

.Button.Primary, .btn-primary {
    color: #fff;
    background-color: #0578a5;
    border-color: #0695cd;
}

.Button.Primary:active, .Button.Primary:focus, .Button.Primary:hover, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0695cd;
    border-color: #0695cd;
}

.navbar-default .navbar-toggle {
    background-color: #0578a5;
    border-color: #0695cd;
}

toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #0695cd;
     border-color: #0695cd;
}

.FilterMenu .Active>a, .FilterMenu .Active>a:focus, .FilterMenu .Active>a:hover, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #0578a5;
}

.Alert, .Count, .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #0578a5;
    border-radius: 10px;
}



/* remove hover on table rows (categories list, etc) */
.DataTable>tbody>tr:hover, .table-hover>tbody>tr:hover, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active, table>tbody>tr.active>td, table>tbody>tr.active>th, table>tbody>tr>td.active, table>tbody>tr>th.active, table>tfoot>tr.active>td, table>tfoot>tr.active>th, table>tfoot>tr>td.active, table>tfoot>tr>th.active, table>thead>tr.active>td, table>thead>tr.active>th, table>thead>tr>td.active, table>thead>tr>th.active {
    background-color: inherit;
}

/* alert message (top of page message, others?) */
.CasualMessage, .alert-info {
    background-color: green;
    border-color: green;
    color: #fff;
}

.CasualMessage a:focus, .CasualMessage a:hover,
.alert-info a:focus, .alert-info a:hover {
    color: #ddd;
}

/* right panel */

.PanelInfo a:focus, .PanelInfo a:hover, a.list-group-item:focus, a.list-group-item:hover {
    text-decoration: none;
    color: #555;
    background-color: #ddd;
}

.PanelInfo .Active a, .PanelInfo .Active a:focus, .PanelInfo .Active a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    color: #fff;
    background-color: #0578a5;
    border-color: #0695cd;
}


/* search box at top of page */

.SearchForm, .well {
    min-height: 20px;
    padding: 19px 0;
    margin-bottom: 20px;
    background-color: #ecf0f1;
    border: 0 solid transparent;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.InputBox, .MultiComplete, .TextBox, .form-control, .token-input-list, select {
    display: block;
    width: 100%;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #2c3e50;
    background-color: #fff;
    background-image: none;
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* breadcrumbs at top of page =============================================== */

.Breadcrumbs, .breadcrumb {
    padding: 8px 3px;
    margin-bottom: 14px;
    list-style: none;
    background-color: #ecf0f1;
    border-radius: 4px;
}

/* highlight admins ========================================================= */


.ItemDiscussion.Rank-Admin .DiscussionHeader,
.ItemComment.Rank-Admin .CommentHeader {
    background-color: #F0E68C;
}

.ItemDiscussion.Rank-Admin .Author,
.ItemComment.Rank-Admin .Author {
    font-weight: 700 !important;
    font-size: 120% !important;
}