@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?yh7ojo');
    src: url('../fonts/icomoon.eot?yh7ojo#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?yh7ojo') format('truetype'), url('../fonts/icomoon.woff?yh7ojo') format('woff'), url('../fonts/icomoon.svg?yh7ojo#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/*.modal .fade {
    transition: all 0.5s;
}
*/

/* SCOUT */
:root {
    --trans: transparent !important;
    --header-logo: url("/Content/images/scout/logo-new-300x300.png");
    --text: #343942 !important;
    --fg_text: white !important;
    --nav_text: #8D97AD !important;
    --bg_nav: #303641 !important;
    --fg_nav: #0047ab !important;
    --hl_nav: #212529 !important;
    --hov_nav: #fcc200 !important;
    --fg_icon: #808080 !important;
    --bg_icon: #343942 !important;
    --tbl_hdr: #0047ab !important;
    --tbl_text: white !important;
}


[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*EventPicklistTable*/
.highlight {
    background-color: rgb(255, 221, 224);
}

.scout-validation-error{
    color: red;
    padding-top: 10px;
}

.scout-error-message {
    color: red;
    padding: 10px;
    width: 100%;
    height: 500px;
    max-width: 100%;
}

.scout-select-filter {
    margin-bottom: .25rem;
}

.my-1 {
    font-family: "Lato", sans-serif;
    display: normal;
    width: 94%;
    margin: 0px 10px 2px 10px;
    overflow: hidden;
}

/* MERGE TAGS FOR TINYMCE EDITOR */
.tox-promotion {
    display: none !important;
}
.tox-statusbar__branding {
    display: none !important;
}
.mce-content-body .mce-mergetag:hover {
    background-color: rgba(0, 108, 231, .1);
}
.mce-content-body .mce-mergetag-affix {
    background-color: rgba(0, 108, 231, .1);
    color: #006ce7;
}

.icon-Bar:before {
    content: "\e900";
}

.icon-Bingo:before {
    content: "\e901";
}

.icon-Bowling-Alley:before {
    content: "\e902";
}

.icon-Camping:before {
    content: "\e903";
}

.icon-Dining:before {
    content: "\e904";
}

.icon-Event-Center:before {
    content: "\e905";
}

.icon-Golf:before {
    content: "\e906";
}

.icon-Hotel:before {
    content: "\e907";
}

.icon-Movie-Theater:before {
    content: "\e908";
}

.icon-Players-Club:before {
    content: "\e909";
}

.icon-Promotions:before {
    content: "\e90a";
}

.icon-Slot-Machine:before {
    content: "\e90b";
}

.icon-Spa:before {
    content: "\e90c";
}

.icon-Sports-Book:before {
    content: "\e90d";
}

.icon-Table-Games:before {
    content: "\e90e";
}

.icon-Video-Games:before {
    content: "\e90f";
}

.scout-card {
    margin-top: 20px;
    margin-left: 20px;
    padding: 0px;
    width: 23rem;
}

.scout-card-search {
    margin-top: 20px;
    margin-left: 20px;
    padding-bottom: 0px;
    width: 26rem;
}

.scout-card-header {
    padding-left: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    color: #FFFFFF;
    background-color: darkgrey;
    border-left: 1px solid darkgrey;
    border-right: 1px solid darkgrey;
    border-top: 1px solid darkgrey;
}

.scout-card-body {
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 1px solid darkgrey;
    border-right: 1px solid darkgrey;
}

.scout-card-footer {
    background-color: darkgrey;
    color: white;
    padding-bottom: 5px;
    padding-top: 5px;

/*    display: flex;
    justify-content: center;
    align-items: center;*/
}

.scout-card-footer-search {
    background-color: darkgrey;
    color: white;
    padding-bottom: 5px;
    padding-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.0;
    }
}

.scout-graph-footer {
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 0px;
    margin-bottom: 0px;
}

.bg4 {
    background: red;
}

.bg5 {
    background: #007bff;
}

.bg6 {
    background: #6f42c1;
}

.bg6 {
    background: #e83e8c;
}


.comp-header {
    background-color: #0a83f9;
    font-weight: bold;
    color: white;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 4px;
    border-bottom: solid 1px #6a6b6b !important;
}

.comp-header-top {
    background-color: #0a83f9;
    font-weight: bold;
    color: white;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 4px;
    border-bottom: solid 1px #6a6b6b !important;
    border-right: solid 1px #6a6b6b !important;
}


.comp-header-left-right {
    background-color: #0a83f9;
    font-weight: bold;
    color: white;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 4px;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom: solid 1px #6a6b6b !important;
}

.comp-header-left {
    background-color: #0a83f9;
    font-weight: bold;
    color: white;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 4px;
    border-top-left-radius: 8px !important;
    border-bottom: solid 1px #6a6b6b !important;
    border-right: solid 1px #6a6b6b !important;
}

.comp-header-right {
    background-color: #0a83f9;
    font-weight: bold;
    color: white;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 4px;
    border-bottom: solid 1px #6a6b6b !important;
    border-left: solid 1px #6a6b6b !important;
    border-top-right-radius: 8px !important;
}


.comp-header-sub {
    background-color: #62affa;
    font-weight: normal;
    color: white;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 4px;
    border-bottom: solid 1px #6a6b6b !important;
}

.comp-cell {
    font-weight: normal;
    border-top: solid 1px #6a6b6b !important;
    border-bottom: solid 1px #6a6b6b !important;
    border-right: solid 1px #6a6b6b !important;
}

.comp-suggested-cell {
    font-weight: normal;
    background-color: lightgreen;
    border-top: solid 1px #6a6b6b !important;
    border-bottom: solid 1px #6a6b6b !important;
    border-right: solid 1px #6a6b6b !important;
}

/* The customcheck */
.customcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .customcheck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #02cf32;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.statsDiv {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0px solid white;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: aliceblue;
}

table.viewP tr:nth-child(odd) {
    color: #000;
    background: #FFF;
}

table.viewP tr:nth-child(even) {
    color: #000;
    background: #f8f8f8;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .865rem;
    line-height: .5;
    border-radius: .2rem;
}

.lireport {
}
.lireport:hover {
    background-color: lightcyan;
}

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    background-color: #FFFFFF;
    color: #111;
    font-size: 100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: absolute;
    padding: 5px 5px 5px 5px;
    bottom: -2.0em;
    /*top: 100%;*/
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
}

[data-title] {
    position: relative;
}

    [data-titleL]:hover:after {
        opacity: 1;
        transition: all 0.1s ease 0.5s;
        visibility: visible;
    }

[data-titleL]:after {
    content: attr(data-titleL);
    background-color: #FFFFFF;
    color: #111;
    font-size: 100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: absolute;
    right: 10px;
    padding: 5px 5px 5px 5px;
    bottom: -2.0em;
    /*top: 100%;*/
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
}

[data-titleL] {
    position: relative;
}

.selectButtonStyle {
    height: 20px;
    color: white;
    cursor: pointer;
    display: inline;
    padding: 11px 17px;
    font-size: 13px;
    letter-spacing: 0;
    border-radius: 5px;
    background-color: #0d6efd;
    border-color: #0d6efd;
    padding: 0.75rem 0.375rem;
}

/*

    MAILING BLOCKS
    
*/
.template-build-title {
    position: relative;
    float: left;
    width: 293px;
    height: 37px;
    font-size: 14px;
    font-weight: 700;
    padding: 9px;
    color: white;
    background-color: #0D6EFD; /* Scout blue table header background */
}

.tblocklabel {
    /*background-color: #a6ccf7;*/ /* Lt Blue from TinyMCE */
    background-color: silver;
    position: relative;
    float: left;
    color: black;
    font-weight: bold;
    font-size: 1.1em;
    padding: 3px;
    width: 48%;
}
.tdblock-border-toggle {
    border: 3px dotted yellow !important;
}
/* 
    
    MAILING BLOCKS CLASS

*/
.tblock-BLOCK {
    touch-action: none; /* stops the scrolling when dragging element */
    border: 1px solid #0D6EFD; /* Scout blue table header background */
    position: relative;
    float: left;
    width: 288px;
    height: 104px;
    text-align: left;
    margin: 2px;
    overflow: hidden;
}
.tblock-IMAGE {
    touch-action: none; /* stops the scrolling when dragging element */
    border: 1px solid #0D6EFD; /* Scout blue table header background */
    position: relative;
    float: left;
    width: 288px;
    height: 104px;
    text-align: left;
    margin: 2px;
    overflow: hidden;
}
.tblock-TEXT {
    touch-action: none; /* stops the scrolling when dragging element */
    border: 1px solid #0D6EFD; /* Scout blue table header background */
    position: relative;
    float: left;
    width: 288px;
    height: 30px;
    text-align: left;
    margin: 2px;
    padding-left: 26px;
    overflow: hidden;
}
.tblock-CAMPAIGN {
    touch-action: none; /* stops the scrolling when dragging element */
    border: 1px solid #0D6EFD; /* Scout blue table header background */
    position: relative;
    float: left;
    width: 288px;
    height: 104px;
    text-align: left;
    margin: 2px;
    overflow: hidden;
}

/* 
    MAILING BLOCK ICON/IMAGE CLASS

*/
.ticon-BLOCK1 {
    margin: 4px;
    background-color: silver;
    background-image: url('scout-icons/layout1.png');
    background-size: 50px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-BLOCK2 {
    margin: 4px;
    background-color: silver;
    background-image: url('scout-icons/layout2.png');
    background-size: 50px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-BLOCK3 {
    margin: 4px;
    background-color: silver;
    background-image: url('scout-icons/layout3.png');
    background-size: 50px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-BLOCK4 {
    margin: 4px;
    background-color: silver;
    background-image: url('scout-icons/layout4.png');
    background-size: 50px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-BLOCK5 {
    margin: 4px;
    background-color: silver;
    background-image: url('scout-icons/layout5.png');
    background-size: 50px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-BLOCK6 {
    margin: 4px;
    background-color: silver;
    background-image: url('scout-icons/layout6.png');
    background-size: 50px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-IMAGE {
    color: purple;
    background-color: silver;
    background-image: url('scout-icons/image1.png');
    background-size: 50px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-TEXT {
    color: #0D6EFD; /* Scout blue */
    background-color: silver;
    background-image: url('scout-icons/text1.png');
    background-size: 25px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-TEXT1 {
    color: #0D6EFD; /* Scout blue */
    background-color: silver;
    background-image: url('scout-icons/text2.png');
    background-size: 25px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-TEXT2 {
    color: #0D6EFD; /* Scout blue */
    background-color: silver;
    background-image: url('scout-icons/text3.png');
    background-size: 25px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-FREEPLAY {
    color: green;
    background-color: silver;
    background-image: url('scout-icons/campaign1.png');
    background-size: 50px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-DISCOUNTS {
    color: green;
    background-color: silver;
    background-image: url('scout-icons/campaign2.png');
    background-size: 50px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-VOUCHERS {
    color: green;
    background-color: silver;
    background-image: url('scout-icons/campaign3.png');
    background-size: 50px;
    background-position: left;
    background-repeat: no-repeat;
}

.ticon-QRCODE {
    color: green;
    background-color: silver;
    background-image: url('scout-icons/campaign4.png');
    background-size: 50px;
    background-position: left;
    background-repeat: no-repeat;
}

.slot-table {
    white-space: nowrap;
    border: none !important;
}

.slot-th {
    padding: 5px !important;
    border: none !important;
}

.slot-th-light {
    padding: 5px !important;
    border: none !important;
    background-color: #59bfff !important;
}

.slot-th-fix {
    padding: 5px !important;
    border: none !important;
    position: sticky;
    left: 0;
    background: white;
    z-index: 2;
}

.slot-th-h1 {
    padding: 5px !important;
    border: none !important;
    text-align: center;
    font-weight: bold;
}

.slot-th-h1-light {
    padding: 5px !important;
    border: none !important;
    text-align: center;
    font-weight: bold;
    background-color: #59bfff !important;
}

.slot-td {
    padding: 5px !important;
    border: none !important;
    background-color: white;
    border-bottom: 1px solid #d7d7d7 !important;
    z-index: 0;
}

.slot-tot {
    color: darkblue !important;
    font-weight: bold !important;
    background-color: lightgray !important;
}

.slot-td-right {
    padding: 5px !important;
    border: none !important;
    background-color: white;
    text-align: right;
    border-bottom: 1px solid #d7d7d7 !important;
    z-index: 0;
}

.slot-td-fix {
    padding: 5px !important;
    border: none !important;
    position: sticky;
    background-color: white;
    border-bottom: 1px solid #d7d7d7 !important;
    left: 0;
    z-index: 2;
}

.slot-td-total {
    padding: 5px !important;
    border: none !important;
    background-color: #d2f2d4 !important;
    border-bottom: 1px solid #d7d7d7 !important;
    font-weight: bold !important;
    z-index: 0;
}

.slot-td-total-fix {
    padding: 5px !important;
    border: none !important;
    position: sticky;
    background-color: #d2f2d4 !important;
    border-bottom: 1px solid #d7d7d7 !important;
    font-weight: bold !important;
    z-index: 2;
}

.slot-a {
    background-color: transparent !important;
}

.slot-modal-tr {
    background-color: #0D6EFD !important;
    color: white;
}

.slot-modal-td-heading {
    padding: 5px;
}

.slot-modal-td-heading-center {
    text-align: center;
}

.slot-modal-rev-td-title {
    background-color: #0D6EFD !important;
    color: white;
    padding: 5px;
    padding-right: 15px;
    border-bottom: 2px solid white !important;
}

.slot-modal-rev-td {
    background-color: white !important;
    padding: 5px;
    padding-left: 10px;
    border-bottom: 2px solid white !important;
}

.slot-filter {
    float: right;
    margin-top: 2px;
    cursor: pointer;
}


/*

NEW EVENT GROUPS STYLES

*/
.scout_eg_table {
}
.scout_eg_tr {
}
.scout_eg_rowheader {
}
.scout_eg_td {
    background-color: #cae2fa;
}
.scout_eg_th {
}

/*

    RSVP, SURVEY STYLES

*/
.scout_rsvp_1 {

}

.scout_survey_1 {

}

/* Scout Security Alert */
.ScoutSecurityAlert {
    color: red;
    font-weight: bold;
}

#LoginLogo {
    width: 100%;
    height: 190px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #2D2F3D;
    background-image: var(--header-logo);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#SideBarLogo {
    position: relative;
    float: left;
    left: -17px;
    width: 152px;
    height: 80px;
    background-image: var(--header-logo);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}