/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ */

/* Carousel */
.carousel-caption p { font-size: 20px; line-height: 1.4; }

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] { width: 100%; }

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption { display: none; }
}

.divEnd { clear: both; }

/* Blue Rounded Frame */
.pp-frame-blue {
    border-radius: 7px;
    border: 2px solid #970cf3;
    box-shadow: 0 0 15px rgba(81, 203, 238, 5);
}

.pp-w80 { width: 80px; }
.pp-w100 { width: 100px; }
.pp-w120 { width: 120px; }
.pp-w160 { width: 160px; }

.glistGameDiv {
    text-align: center;
    padding-top: 5px;
    width: 110px;
    float: left;
    height: 155px;
}

    .glistGameDiv .pp-frame-blue:hover {
        box-shadow: 0 0 15px rgb(185, 87, 87);
        border: 2px solid #ce1717;
    }


.glistLbl {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    line-height: 12px;
    position: relative;
    margin-top: 5px;
}

.glistBtn {
    position: absolute;
    top: -26px;
    left: 87px;
    z-index: 1000;
    padding: 1px 4px;
    color: white;
    vertical-align: middle;
    outline: none;
    /*display: none;*/
}

    .glistBtn:focus {
        outline: none;
        box-shadow: none;
    }

.glistLbl > tag:hover { display: block; }
.glistName { font-weight: bold; }
.glistMfr  { color: grey; font-size: 11px; }
.glistYear { color: grey; float: right; font-size: 11px; }
.glistTarget { color: grey; float: right; font-size: 11px; }

.glistDiv .pp-frame-blue:hover {
    box-shadow: 0 0 15px rgb(185, 87, 87);
    border: 2px solid #ce1717;
}

/*.bfxGridTbl th { white-space: nowrap; }*/
.xbfxGridFilter .dropdown-menu > a { line-height: 30px; height: 30px; padding-top: 0px; }
.bfxGridFilter .dropdown-menu { padding-top: 2px; padding-bottom: 2px; }
    .bfxGridFilter .dropdown-menu > a { line-height: 1.0; padding-top: 2px; padding-bottom: 2px; }
    .bfxGridFilter .dropdown-menu > button { line-height: 0.9; padding: 3px 10px; }
.bfxGridSortIndDiv { float: right; }

.bfxGridSort_up:after { content: ''; display: block; height: 14px; /*height of icon */ width: 14px; /*width of icon */ position: relative; /*where to replace the icon */ top: 0px; left: 0px; /*background */ background: url(/images/Icon/up_14.png) no-repeat 0px 0px; }
.bfxGridSort_dn:after { content: ''; display: block; height: 14px; /*height of icon */ width: 14px; /*width of icon */ position: relative; /*where to replace the icon */ top: 0px; left: 0px; /*background */ background: url(/images/Icon/dn_14.png) no-repeat 0px 0px; }

.bfxHF-Section { padding-right: 30px; }
.bfxHF-hdr { margin: 15px 0px 5px 0px; }
.bfxHF-hr { margin: 0px -10px 10px 0px; }


/* bfxSwitch - Toggle Switches */
.bfxSwitch { position: relative; display: block; vertical-align: top; width: 100px; height: 30px; padding: 3px; margin: 0 10px 10px 0; background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; box-sizing: content-box; }
.bfxSwitch-input { position: absolute; top: 0; left: 0; opacity: 0; box-sizing: content-box; }
.bfxSwitch-label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #eceeef; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); box-sizing: content-box; }
    .bfxSwitch-label:before, .bfxSwitch-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; box-sizing: content-box; }
    .bfxSwitch-label:before { content: attr(data-off); right: 11px; color: #aaaaaa; text-shadow: 0 1px rgba(255, 255, 255, 0.5); }
    .bfxSwitch-label:after { content: attr(data-on); left: 11px; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; }
.bfxSwitch-input:checked ~ .bfxSwitch-label { background: #E1B42B; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }
    .bfxSwitch-input:checked ~ .bfxSwitch-label:before { opacity: 0; }
    .bfxSwitch-input:checked ~ .bfxSwitch-label:after { opacity: 1; }
.bfxSwitch-handle { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
    .bfxSwitch-handle:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); }
.bfxSwitch-input:checked ~ .bfxSwitch-handle { left: 74px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }

/* Transition */
.bfxSwitch-label, .bfxSwitch-handle { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; }

/* Switch: Left Right Toggle */
.bfxSwitch-left-right .bfxSwitch-label { overflow: hidden; }
.bfxSwitch-left-right .bfxSwitch-label:before, .bfxSwitch-left-right .bfxSwitch-label:after { width: 20px; height: 20px; top: 4px; left: 0; right: 0; bottom: 0; padding: 11px 0 0 0; text-indent: -12px; border-radius: 20px; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1); }
.bfxSwitch-left-right .bfxSwitch-label:before { background: #eceeef; text-align: left; padding-left: 50px; width: 100%; }
.bfxSwitch-left-right .bfxSwitch-label:after { text-align: left; text-indent: 9px; background: #FF7F50; left: -100px; opacity: 1; width: 100%; }
.bfxSwitch-left-right .bfxSwitch-input:checked ~ .bfxSwitch-label:before { opacity: 1; left: 100px; }
.bfxSwitch-left-right .bfxSwitch-input:checked ~ .bfxSwitch-label:after { left: 0; }
.bfxSwitch-left-right .bfxSwitch-input:checked ~ .bfxSwitch-label { background: inherit; }

/* Switch: Flat */
.bfxSwitch-flat { padding: 0; background: #FFF; background-image: none; }
    .bfxSwitch-flat .bfxSwitch-label { background: #FFF; border: solid 2px #eceeef; box-shadow: none; }
        .bfxSwitch-flat .bfxSwitch-label:after { color: #0088cc; }
    .bfxSwitch-flat .bfxSwitch-handle { top: 6px; left: 6px; background: #dadada; width: 22px; height: 22px; box-shadow: none; }
        .bfxSwitch-flat .bfxSwitch-handle:before { background: #eceeef; }
    .bfxSwitch-flat .bfxSwitch-input:checked ~ .bfxSwitch-label { background: #FFF; border-color: #0088cc; }
    .bfxSwitch-flat .bfxSwitch-input:checked ~ .bfxSwitch-handle { left: 72px; background: #0088cc; box-shadow: none; }


/* Switch: Slide */
.bfxSwitch-slide { padding: 0; margin: 15px 0 0; background: #FFF; border-radius: 0; background-image: none; }
.bfxSwitch-slide .bfxSwitch-label { box-shadow: none; background: none; overflow: hidden; }
    .bfxSwitch-slide .bfxSwitch-label:after, .bfxSwitch-slide .bfxSwitch-label:before { width: 100%; height: 65%; top: 5px; left: 0; text-align: center; padding-top: 10%; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1); }
    .bfxSwitch-slide .bfxSwitch-label:after { color: #FFFFFF; background: #87CEEB; left: -100px; }
    .bfxSwitch-slide .bfxSwitch-label:before { background: #eceeef; }
.bfxSwitch-slide .bfxSwitch-handle { display: none; }
.bfxSwitch-slide .bfxSwitch-input:checked ~ .bfxSwitch-label { background: #FFF; border-color: #0088cc; }
    .bfxSwitch-slide .bfxSwitch-input:checked ~ .bfxSwitch-label:before { left: 100px; }
    .bfxSwitch-slide .bfxSwitch-input:checked ~ .bfxSwitch-label:after { left: 0; }

/* Switch: Light */
.bfxSwitch-light { padding: 0; background: #FFF; background-image: none; }
    .bfxSwitch-light .bfxSwitch-label { background: #FFF; border: solid 2px #eceeef; box-shadow: none; }
        .bfxSwitch-light .bfxSwitch-label:after { color: #9370DB; }
        .bfxSwitch-light .bfxSwitch-label:before { right: inherit; left: 11px; }
    .bfxSwitch-light .bfxSwitch-handle { top: 6px; left: 72px; background: #dadada; width: 22px; height: 22px; box-shadow: none; }
        .bfxSwitch-light .bfxSwitch-handle:before { background: #eceeef; }
    .bfxSwitch-light .bfxSwitch-input:checked ~ .bfxSwitch-label { background: #FFF; border-color: #9370DB; }
    .bfxSwitch-light .bfxSwitch-input:checked ~ .bfxSwitch-handle { left: 72px; box-shadow: none; background: #9370DB }
        .bfxSwitch-light .bfxSwitch-input:checked ~ .bfxSwitch-handle:before { background: rgba(255,255,255,0.7); }