/* 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);
}

/* ======================================= Custom Fonts ======================================= */
@font-face {
    font-family: 'oswald-regular';
    src: url('../../fonts/oswald/oswald-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'oswald-italic';
    src: url('../../fonts/oswald/oswald-regularitalic.ttf') format('truetype');
}

.font-oswald {
    font-family: 'oswald-regular';
}

.font-oswald-italic {
    font-family: 'oswald-italic';
}

/* 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;
}

.dark .projectLogo {
    /* background: white;
    border-radius: 10px;*/
    content:url("/img/logo/manjello logo - white.png");
}

/* New logo is too small, need the navbar to be a lil taller */
.navbar-brand {
    min-height: 64px;
}