﻿.centered {
    margin: 0 auto;
    float: none !important;
    display: table;
}
.ComText {
    display: none;
}

.MoreText {
    color: #3c3c3c;
    font-size: 13px;
    cursor: pointer;
    font-weight:bold;
    background-color:#c2daf3;
}

.page-msg-widget { max-width:900px; margin:0 auto; }

.roster-header {
    position: relative;
    height: 87px;
    vertical-align: middle;
    border-bottom: 2px solid #001979;
    margin: 15px;
}

    .roster-header .roster-name {
        display: inline-block;
        vertical-align: middle;
        max-width: calc(98% - 95px);
    }

    .roster-header img {
        width: 80px !important;
        display: inline-block;
        vertical-align: middle;
    }

    .roster-header h2 {
        font-weight: bold;
        font-size: 24px;
        padding: 0px;
        margin: 0px 10px;
    }

    .roster-header span {
        font-size: 16px;
        display: block;
        margin:2px 10px;
    }

.roster-photo:not(.fcc) {
    border: 2px solid #3c3c3c;
}
.roster-photo.fcc {
    border: 2px solid #b60000;
}

.roster-member { margin:5px 15px; }

.roster-member {
    display: inline-block;
    width: 100%;
    max-width: 350px;
    vertical-align: top;
}

.roster-photo-group {
    display: inline-block;
    vertical-align: top;
}
.roster-member-detail {
    display: inline-block;
}
.roster-photo {
    display: block;
    background-size: cover;
    background-position: center;
    /*vertical-align: middle;*/
    width: 50px;
    height: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

.roster-member-detail h3 {
    margin: 2px 0px;
    font-size: 16px;
}
.roster-member-detail div {
    font-size: 12px;
    line-height:1.75;
    max-width:265px;
}


.oa-badge {
    width: 17px;
    display: inline-block;
    vertical-align: top;
}
    .oa-badge img {
        display:inline-block;
    }









.page-jump {
    max-width: 250px;
    margin: 5px auto;
    padding-bottom: 10px;
}
.page-jump span {
    font-weight:bold;
    font-size:14px;
}

.dxTable_Basic {
    border: thin solid #bfbfbf;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0 auto;
    font-family: calibri,Arial;
}

    .dxTable_Basic > thead > tr > th:not(.td_RefreshLines), .dxTable_Basic > tbody > tr > th:not(.td_RefreshLines), .dxTable_Basic > tr > th:not(.td_RefreshLines), .SilverHeader {
        background: #eeeeee; /* Old browsers */
        background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
        background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
        color: #000;
        font-size: 12px;
        border: thin solid #cccccc;
        padding: 4px 8px;
        vertical-align: middle;
        font-weight: bold;
    }

    .dxTable_Basic > tr > td, .dxTable_Basic > tbody > tr > td, .dxTable_Basic > thead > tr > td {
        background-color: #fff;
        /*color:#000;*/
        font-size: 12px;
        border: thin solid #cccccc;
        padding: 4px;
        vertical-align: top;
        font-family: calibri,Arial;
        text-align: left;
    }

.dxGreyTable * {
    font-family: calibri,Arial;
}

.dxGreyTable {
    border: thin solid #bfbfbf;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0 auto;
}

    .dxGreyTable > tbody > tr > th, .dxGreyTable > thead > tr > th, .dxGreyTable > tfoot > tr > th {
        background: #eeeeee; /* Old browsers */
        background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
        background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
        color: #000;
        font-size: 14px;
        border: thin solid #cccccc;
        padding: 4px 8px;
        vertical-align: middle;
    }

    .dxGreyTable > tbody > tr > td, .dxGreyTable > thead > tr > td, .dxGreyTable > tr > td {
        background-color: #fff;
        color: #000;
        font-size: 12px;
        border: thin solid #cccccc;
        padding: 4px;
        vertical-align: top;
    }

.dxGreyTableTDAlt {
    background-color: #e2f8d4;
    color: #000;
    font-size: 12px;
    border: thin solid #cccccc;
    padding: 4px;
    vertical-align: top;
}



.single-patrol {
    text-align:center;
}
.single-patrol h4 {
    color: #001979;
}




.eagle-member {
    width: 100%;
    max-width: 300px;
    min-height: 400px;
    max-height: 400px;
}

.hp-scorecard { display:none; }

.recipe-block { padding:4px; margin-bottom:20px; position:relative; border-bottom:2px solid #ccc; }
.recipe-image { display: inline-block; vertical-align:top; }
.recipe-title { font-weight:bold; font-size:20px; padding-bottom:4px;  }
.ingredient-grouping { font-weight:bold; font-size:16px; }
.recipe-block .list-group-item { border:none; padding:1px 0px 1px 28px; }


.recipe-reviews { position:relative; margin:10px; height:20px; }
.recipe-rating { position:absolute; width: 84px; left:0px; padding: 2px; }
.recipe-comments { position:absolute; width: 200px; right:0px; padding: 2px; text-align:right; }

.review-recipe { color:#11193d; cursor:pointer; }
.review-recipe:hover { color:#007009; }
.review-cmtbutton { color:#11193d; cursor:pointer; }
.review-cmtbutton:hover { color:#007009; }

.bugler-calls h2 {
    text-align: center;
    padding: 4px;
    border-bottom: 2px dashed #ccc;
}

.bugle-call-single a {
    color:#001979;
    padding:4px 8px;
}
.bugle-call-single h3 { font-size:14px; margin:15px 0px 0px 0px; }
.bugle-call-single img { width:100%; max-width:720px }


/**
    bugle-music music-Sheet-{0}
    **/



.div_LinkWrapper {
    border: thin solid #1c6215;
    border-radius: 4px;
    display: inline-block;
    width: 400px;
    height: 75px;
    padding: 4px;
    margin: 2px;
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    padding: 2px;
    color: #006;
    line-height: 1.2;
}

    .div_LinkWrapper:hover {
        background-color: #88ae84;
    }



    .div_LinkWrapper span {
        font-weight: normal;
        font-size: 12px;
        text-align: left;
        padding: 2px;
        line-height: 1.2;
        display:block;
        color:#282828;
    }

.upcoming-events h2 { color:#fff; }

.profile-content { margin:10px auto; padding:10px 0px; }

.profile-content h1 {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    padding-bottom: 20px;
}
.profile-content h2 {
    font-weight: bold;
    font-size: 16px;
    margin:0px;
}
.profile-content h3 {
    font-weight: bold;
    font-size: 16px;
}
.profile-content .avatar {
    width: 125px;
    height: 125px;
    margin: 0 auto;
}
.profile-content .member-tools a {
    padding: 4px 8px;
    margin: 4px;
    display: block;
    width: 100%;
}


    /*.event-documents a {
        
        padding: 10px 16px;
        margin:20px;
        background-color: #febd00;
        border: 2px solid #febd00;
    }
    .event-documents a:hover {
        background-color: #11193d;
        color: #fff;
        border-color: #febd00;
    }*/

    .event-documents a {
        border-radius: 6px;
        background-color: #febd00;
        padding: 10px 16px;
        margin:4px;
        display: inline-block;
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
        border: 2px solid transparent;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

        .event-documents a:hover {
            border: 2px solid #febd00;
            background: #11193d;
            color: #fff;
        }

        .event-documents a:focus {
            color: #fff;
            text-decoration: none;
        }

.event-text-link {
    color: #001979;
}

.a-signup {
    display: inline-block;
    padding: 2px 4px !important;
    background-color: #5f5f5f;
    color: #fff;
    border-radius: 3px;
    margin-left: 6px;
    border: 2px solid #ccc;
}
.a-signup:hover {
    background-color: #fff;
    border-color:#000;
    color:#000!important;
}

.event-tools {
    background-color: #fff;
    border-radius: 6px;
    margin:8px 0px;
    text-align:center;
}
    .event-tools li {
        display: inline-block;
        padding: 20px 10px;
        margin:0px 4px;
    }
    .event-tools li span {
        display: block;
        font-size:30px;
    }

    .event-tools a {
        color: #11193d!important;
    }

    .event-tools .icon-link {
        display:inline-block;
        margin:6px;
    }

    .event-tools .icon-link img {
        height: 75px !important;
        display: block;
        margin: 0 auto;
        padding: 4px;
    }
    .event-tools .icon-link img {
        height: 60px !important;
        display: block;
        margin: 0 auto;
        padding: 2px;
    }

    .event-tools .hidden { 
        display:none!important;
    }



    .head-slim {
        padding-top: 125px;
        padding-bottom: 5px;
        text-align: center;
    }

.admin-tools {
    padding-top:0px;
}

.admin-tools .container {
    margin: 0px 10px;
    width: 99%;
}

.row.text-center > div {
    display: inline-block;
    float: none;
}

.leader-tools {
    padding: 10px 0px;
    margin: 10px auto;
}
.leader-tool-heading { font-size:24px; text-align:left; }
.leader-tool-link {
    display: inline-block;
    padding: 5px 15px;
    margin: 2px;
    border-radius: 5px;
    background-color: #1d3f66;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 12px;
    line-height: 21px;
}

    .leader-tool-link img { 
        display:block;
        margin:0 auto;
        text-align:center;
    }

    .leader-tool-link:hover {
        background: #febd00;
        color: #000;
    }

    .leader-tool-link:focus {
        color: #000;
        text-decoration: none;
    }
    .leader-tool-link.icon-link {
        text-align: center;
        
        width:100%;
    }

.icon-col {
    min-width: 160px;
    width:100%;
    max-width:175px;
    display:inline-block;
}

@media only screen and (max-width: 600px) {
    .icon-col {
        width:49%;
        max-width:300px;
    }
}



.tagging-overview .dxTable_Basic {
    width: 100%;
}

.tagging-overview .dxTable_Basic th {
    text-align: center;
}

.tagging-overview td {
    vertical-align:middle;
}

.web-notices {
    margin: 12px auto;
}
.web-notices .alert {
    position: relative;
}
.web-notices .alert button {
    position: absolute;
    top: 5px;
    right: 10px;
}

.financial_obligations {
    padding: 10px 0px;
    margin: 10px auto;
}
.favorite-links {
    padding: 10px 0px;
    margin: 10px auto;
}
.dismissed-notices {
    padding: 10px 0px;
    margin: 10px auto;
}

.favorites-link {
    display: inline-block;
    padding: 5px 15px;
    margin: 2px;
    border-radius: 5px;
    background-color: #1d3f66;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 12px;
    line-height: 21px;
}

.favorites-link:hover {
    background: #febd00;
    color: #000;
}

.favorites-link:focus {
    color: #000;
    text-decoration: none;
}

.directory-search {
    padding: 10px 0px;
    margin: 20px auto;
}


.dir-search-results {
    max-height: 400px;
    overflow-y: auto;
    overflow-x:hidden;
}
.search-profile-content {
    padding: 10px 0px;
    margin: 10px auto;
}

.search-profile-content h2 {
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
}

.search-profile-content h1 {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    padding-bottom: 20px;
}

.search-profile-content h3 {
    font-weight: bold;
    font-size: 16px;
}

.search-profile-content .avatar {
    width: 125px;
    height: 125px;
    margin: 0 auto;
}

.search-profile-content .member-tools a {
    padding: 4px 8px;
    margin: 4px;
    display: block;
    width: 100%;
}

.camp-menus table.responsive {
    width: 100%;
}

.camp-menus .overview table.responsive img {
    display: block;
    margin: 0 auto;
    height: 50px;
}

.camp-menus table.responsive td {
    text-align: center;
}
    .camp-menus table.responsive td .label {
        display: none;
        color: #000;
    }

.camp-menus table.responsive th {
    background-color: #ddd;
    text-align: center;
}

.camp-menus table.second {
    margin-top: 5em;
}

@media screen and (max-width:640px) {
    .camp-menus table.responsive thead {
        display: none;
    }

    .camp-menus table.responsive tbody th,
    .camp-menus table.responsive tbody td {
        display: block;
        text-align: center;
    }

    .camp-menus table.responsive td span {
        display: block !important;
    }

    .camp-menus table.responsive td .label {
        background-color: #ddd;
        font-weight: bold;
        text-align: center;
    }
}


.camp-menus .menus-buttons a, .campmenu-Editor a, .menu-editor-overview a, .recipe-block a, .camp-menus .overview a, .roster-buttons a {
    border-radius: 6px;
    background-color: #11193d;
    padding: 7px 15px;
    margin: 4px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border: 2px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

    .camp-menus .menus-buttons a span, .campmenu-Editor a span, .menu-editor-overview a span, .recipe-block a span, .camp-menus .overview a span, .roster-buttons a span {
        padding-right: 10px;
    }

    .camp-menus .menus-buttons a:hover, .campmenu-Editor a:hover, .menu-editor-overview a:hover, .recipe-block a:hover, .camp-menus .overview a:hover, .roster-buttons a:hover {
        border: 2px solid #11193d;
        background: #febd00;
        color: #000;
    }

    .camp-menus .menus-buttons a:focus, .campmenu-Editor a:focus, .menu-editor-overview a:focus, .recipe-block a:focus, .camp-menus .overview a:focus, .roster-buttons a:focus {
        color: #fff;
        text-decoration: none;
    }

.menus-dropdowns {
    padding: 10px;
}

/*.recipe-editor .panel-footer {
    display: none;
}*/

.a_EditRecipe, .a_AddPhoto {
    float: right;
}

.Slim_Button a {
    padding: 4px 8px;
    margin: 4px;
    display: block;
    width: 100%;
}


.campmenu-Editor h2 {
    font-size: 28px;
}
.campmenu-Editor h3 {
    font-size: 24px;
    padding-left:30px;
}
.campmenu-Editor h3 a {
    padding: 4px 8px;
    font-size: 12px;
}
.campmenu-Editor h3 span:first-child {
    float: left;
}
.campmenu-Editor h3 .s_Multiplier{
    float:right;
}

.mealline-entries {
    padding-left: 60px;
}
.mealline-entries div a span {
    font-size: 12px;
    padding: 4px 6px;
}
.mealline-entries div a {
    padding: 0px;
}

.menu-icon-img {
    height: 25px !important;
}

.mm-invalid { color:#f00; }
.mm-approved {
    font-weight: bold;
    color: #006211;
}
.mm-pending {
    font-weight: bold;
    color: #f00;
}

.mm-comments {
    padding: 8px 4px;
    border-bottom: 1px solid #ccc;
}

.mm-comments h4 {
    font-size: 16px;
    display: inline-block;
}
.mm-comments span {
    font-size: 14px;
    float: right;
}
.mm-comments div {
    font-size: 12px;
    text-align:left;
}

.mm-actionbtn {
    float: left;
}


.cart-overview .form-control {
    border: 1px solid #e9e9e9;
    border-radius: 0;
}

a.Cart-Action {
    border-radius: 10px;
    background-color: #11193d;
    padding: 6px 10px;
    margin: 2px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border: 2px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    float:right;
}
    a.Cart-Action:hover {
        border: 2px solid #11193d;
        background: #febd00;
        color: #000;
    }

.cart-overview .eline-cost { font-size:18px; font-weight:bold; text-align:right; display:block; margin-top:4px; }


a.rem-cart-event {
float:right;
}

.roster-buttons { float:right; }


table.cart-table th {
    text-align: left;
    border-top: 1px solid #ccc;
    border-bottom: none;
    border-right: none;
    border-right: none;
    font-size: 16px;
    vertical-align: middle;
    color: #11193d;
}
table.cart-table td { border:none!important; }

.hidden { display:none; }

.cart-table .ce-AttendType {
    width: 175px;
}
.cart-table .ce-FullName { max-width:250px; }
.cart-table .ce-restrict {  }
.cart-table .ce-payoptions { }
.cart-table .ce-seatbelts { width:80px; }
.cart-table .ce-charge { width:100px; }

@media screen and (max-width:850px) {
    table.cart-table thead {
        display: none;
    }

    table.cart-table tbody th,
    table.cart-table tbody td {
        display: block;
        text-align: center;
    }

    table.cart-table td span {
        display: block !important;
    }

    table.cart-table td .label {
        background-color: #ddd;
        font-weight: bold;
        text-align: center;
    }

    .cart-table .ce-AttendType {
        width: 100%;
    }

    .cart-table .ce-FullName {
        width: 100%;
    }

    .cart-table .ce-restrict {
        width: 100%;
    }

    .cart-table .ce-payoptions {
        width: 100%;
    }

    .cart-table .ce-seatbelts {
        width: 100%;
    }

    .cart-table .ce-charge {
        width: 100%;
    }
}

a.simple-button {
    border-radius: 10px;
    background-color: #11193d;
    padding: 6px 10px;
    margin: 2px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border: 2px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    float: right;
}

    a.simple-button:hover {
        border: 2px solid #11193d;
        background: #febd00;
        color: #000;
    }


.tbl_HonorPatrolScoring a {
    border-radius: 10px;
    background-color: #be1e1e;
    padding: 0px 5px;
    margin: 2px;
    display: inline-block;
    color: #fff;
    font-weight:bold;
    font-size: 14px;
    text-transform: uppercase;
    border: 2px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    float: right;
}
    .tbl_HonorPatrolScoring a:hover {
        border: 2px solid #4e4e4e;
        background: #eac514;
        color: #000;
    }

.recent-news-read-more {
    float: right;
}
.recent-news-read-more:hover {
    color:#febd00;
}


.recent-news i.date {
    width:100%;
    font-weight:bold;
    font-size:14px;
    display:block;
    text-align:center;
}

.recent-news img {
    width:100%;
}

.recent-news .divTitle {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.recent-news hr {
    border:solid 2px #999;
}



.modal > .dxbs-popup {
    top: 125px !important;
}

.eagle-mem { 
    background-image:url(/Content/Images/Template/Eagle-Roster.png);
    background-position:bottom right;
    background-repeat:no-repeat;
}


.d_ProjRow {
    padding:4px;
    text-align:left;
}
.s_ProjTitle {
    font-weight:bold;

}
.s_ProjDate {
    float: right;
    padding:4px;
}
.s_ProjDateDue {
    float: right;
    padding: 4px;
}
.d_ProjDetails {

}
.d_ContactDetails {
    padding:2px;
    border-bottom:thin solid #ccc;
}

.alb_Listing {
    display: inline-block;
    margin: 2px 4px;
    width: 120px;
    height:175px;
    text-align:center;
    vertical-align:top;
    color:#fff;
}

    .alb_Listing img {
        display: block;
        height: 75px;
        margin:0 auto;
    }
    .alb_Listing span {
        font-weight: bold;
        text-align: center;
        display: block;
        color: #fff;
    }
    .alb_Listing p {
        color: #fbfbfb;
    }


.pic_Listing {
    display: inline-block;
    margin: 2px 4px;
    width: 120px;
    height: 120px;
    text-align: center;
    vertical-align: top;
    color: #fff;
}

    .pic_Listing img {
        display: block;
        height: 75px;
        margin: 0 auto;
    }

    .pic_Listing span {
        font-weight: bold;
        text-align: center;
        display: block;
        color: #fff;
    }

.div_GalleryPages a {
    padding: 4px 6px;
    font-weight: bold;
    text-align: center;
    font-size:18px;
    color:#fff;
}
.div_GalleryPages span {
    padding: 4px 6px;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #febd00;
}

.div_MSG { 
    font-weight:bold;
    font-size:14px;
    text-align:center;
    background-color:#adc0f3;
    padding:4px 8px;
    margin:5px auto;
    max-width:750px;
    border-radius:4px;
    color:#000;
}

.a_EagleNavArrow {
    padding:2px 10px;
    font-size:36px;
    font-weight:bold;
}



section.upcoming-events h1 {
    text-align: center;
}

section.upcoming-events .adv-headers {
    cursor: pointer;
    margin: 0px 4px;
}

    section.upcoming-events .adv-headers .adv-more {
        float: right;
        font-size: 60px;
    }

    section.upcoming-events .adv-headers h3 {
        color: #fff;
        text-align: left;
        margin: 0px;
        padding: 0px;
        width: calc(100% - 35px);
    }

    section.upcoming-events .adv-headers h4 {
        color: #fff;
        text-align: left;
        margin: 0px;
        padding: 0px;
        width: calc(100% - 35px);
    }

    section.upcoming-events .adv-headers a {
        color: #fff;
    }

section.upcoming-events .adv-content {
    display: none;
    margin-top: 6px;
    padding: 8px 16px;
    background-color:#fff;
    border-radius:6px;
    color:#000;
}



.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

    .arrow.right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .arrow.left {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

    .arrow.up {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

    .arrow.down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }





.ui-tooltip, .oaTT-arrow:after {
    background: #fff;
    border: 2px solid #ccc;
}

.ui-tooltip {
    padding: 10px 20px;
    color: #000;
    border-radius: 8px;
    box-shadow: 0 0 3px #ccc;
}

.oaTT-arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .oaTT-arrow.top {
        top: -16px;
        bottom: auto;
    }

    .oaTT-arrow.left {
        left: 20%;
    }

    .oaTT-arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .oaTT-arrow.top:after {
        bottom: -20px;
        top: auto;
    }

.PageNoticeBar {
    padding: 10px;
    margin: 10px auto;
    width: 95%;
}

    .PageNoticeBar span.ui-icon {
        float: left;
        margin-right: .5em;
        top: .5em;
    }


.fa-discord {
    background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 200'%3E%3Cpath d='M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z'/%3E%3C/svg%3E" );
    background-image: url('/Content/Images/icons/discord.svg');
    fill: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
}

/*TABLE FOR SPONSOR DONATIONS*/
.sponsor_donations {
    height: 150px;
    overflow-y: scroll;
}
    .sponsor_donations table {
        width: 98%;
        margin:0 auto;
    }
    .sponsor_donations td {
        padding: 2px;
        font-size: 14px;
    }
    .sponsor_donations span {
        font-weight:bold;
    }
        .sponsor_donations td:first-child {
            margin-left:10px;
        }
        .sponsor_donations td:last-child {
            text-align: right;
            font-weight: bold;
            font-size: 14px;
            width: 15%;
        }


/*
.cmp-users {
    padding: 6px;
    display: inline-block;
    width: 95px;
}
.cmp-user {
    display:block;
    top:50px;
}

.cmp-widget {
    display: inline-block;
    padding-left: 10px;
    width: CALC(100% - 60px);
    position: relative;
}


*/
.cmp-users h5 {
    text-align:center;
    font-weight:bold;
    font-size:16px;
}

.cmp-user-tbl {
    width: 100%;
}
.cmp-user-tbl td {
    width: 33%;
    padding:4px 2px;
    text-align:center;
}

.cmp-users .cmp-img {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

    .cmp-users .cmp-img img {
        border-radius: 50%;
        width: 100%;
        border: 2px solid #11193d;
        height:50px;
        width:50px;
    }

.reunion-thanks {
    padding-left:25px;
}

td.right {
    text-align: right !important;
}
td.center {
    text-align: center !important;
}




div._DocList {
    padding:4px;
    border-bottom:thin solid #ccc;
}

    div._DocList b {

    }

    div._DocList i {
        float:right;
    }

        div._DocList i._badDoc {
            color:#9b0000;
            font-weight:bold;
            font-size:14px;
        }

        div._DocList i._goodDoc {
            color: #032d90;
            font-weight: bold;
            font-size: 14px;
        }


.note_block {
    border: thin solid #ccc;
    border-radius: 4px;
    padding:8px 6px;
    font-style:italic;
    text-align:center;
}



.tbl_ScoutAccoutOverview {
    width: 100%;
    max-width:800px;
}
    .tbl_ScoutAccoutOverview th {
    }
    .tbl_ScoutAccoutOverview td {
        width: 140px;
        padding:8px;
    }
    .tbl_ScoutAccoutOverview a {
        width: 100%!important;
    }
        .tbl_ScoutAccoutOverview td input {
            text-align: right;
            width: 100%;
            border: thin solid #ccc;
        }
        .tbl_ScoutAccoutOverview td span {
            text-align: right;
            display:block;
            width:100%;
            font-size:10px;
            font-style:italic;
        }