/* Override Blue Navbar background Image to be more opaque */
.navbar-vertical.navbar-vibrant .navbar-collapse {
    background-image: linear-gradient( -45deg, rgba(0,160,255,0.5), #0048a2),url(../img/nav/rainbow-nav.jpg);
}

/* Image Cropper Preview Background */
.checkered {
    height: 240px;
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
    background-repeat: repeat, repeat;
    background-position: 0px 0, 5px 5px;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    -webkit-background-clip: border-box, border-box;
    background-clip: border-box, border-box;
    -webkit-background-size: 10px 10px, 10px 10px;
    background-size: 10px 10px, 10px 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
}


/* Allow 5 Point Portal Text to overlay top nav in fullscreen */
.navbar-vertical {
    z-index: 1040;
}

/* Removing row X gutter from rows, initial implementation for Select2 Options causing X-axis scroll */
.noXGutter {
    --falcon-gutter-x: 0;
}

/* Used for Ticket & other tables to show badge, this makes them uniform size */
table .badge {
    width: 100%;
}

/*.select2-container {
    width: 100% !important;
}*/

.readStatus {
    font-size: 9px;
}

td.breakWord {
    white-space: break-spaces;
}

.dark .select2-results__group {
    background-color: #203b5e !important;
}

/* Casino-themed checkerboard header with brand gradient */
.casino-checkerboard-header {
    background: linear-gradient(135deg, rgba(14, 85, 161, 0.15) 0%, rgba(201, 59, 68, 0.15) 100%), 
                linear-gradient(45deg, rgba(14, 85, 161, 0.08) 25%, transparent 25%, transparent 75%, rgba(14, 85, 161, 0.08) 75%, rgba(14, 85, 161, 0.08)), 
                linear-gradient(45deg, rgba(201, 59, 68, 0.08) 25%, transparent 25%, transparent 75%, rgba(201, 59, 68, 0.08) 75%, rgba(201, 59, 68, 0.08));
    background-size: 100% 100%, 20px 20px, 20px 20px;
    background-position: 0 0, 0 0, 10px 10px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}