/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */

body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 80px;
    min-height: 100vh;
    background-color: #f1f1f1;
}

/* 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%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/*** FORMS ***/
label.required:after, .control-label.required:after {
    /*add a non-breaking space plus a red '*' */
    content: '\00a0\002A';
    color: #ff5500;
}
/*** END FORMS ***/

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

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
}

/*
 * Sidebar
 */

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 101px 0 0; /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 101px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sidebar-sticky {
        position: -webkit-sticky;
        position: sticky;
    }
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

    .sidebar .nav-link.active {
        color: #ff5500;
    }

        .sidebar .nav-link:hover .feather,
        .sidebar .nav-link.active .feather {
            color: inherit;
        }

/****BOOTRAP OVERRIDES****/
.bg-dark {
    background-color: rgb(79, 90, 114) !important;
}

.bg-light {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.border-dark {
    border-color: rgb(79, 90, 114) !important;
}

.border-primary {
    border-color: #ff5500 !important;
}

.text-dark {
    color: rgb(79, 90, 114) !important
}

.text-primary {
    color: #ff5500 !important;
}

a.text-dark:hover, a.text-dark:active, a.text-dark:focus {
    color: rgb(79, 90, 114) !important;
}

.navbar {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

    .navbar.bg-dark .dropdown-menu {
        background-color: #525d75 !important;
        color: rgba(255, 255, 255, 0.75);
    }

        .navbar.bg-dark .dropdown-menu .dropdown-item {
            color: rgba(255, 255, 255, 0.75);
        }

            .navbar.bg-dark .dropdown-menu .dropdown-item:hover, .navbar.bg-dark .dropdown-menu .dropdown-item:focus {
                color: rgba(255, 255, 255, 1);
                background-color: #2c3c5a !important;
            }

    .navbar.bg-dark .nav-item.dropdown .dropdown-item.active {
        background-color: #525d75 !important;
        color: #ff5500;
    }

.nav-link {
    text-transform: capitalize;
}

    .nav-link.btn {
        padding: 0.375rem 0.75rem !important;
    }

.nav-item .nav-link {
    font-size: 1.1rem;
    border-bottom: 2px solid transparent;
}

    .nav-item .nav-link:hover, .nav-item .nav-link.active {
        border-bottom: 2px solid #ff5500;
    }

.navbar-dark .navbar-nav .nav-link, .navbar-dark form .nav-link {
    color: rgba(255, 255, 255, 0.75);
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark form .nav-link:hover {
        color: rgba(255, 255, 255, 1);
    }

/*THIS IS NEEDED TO MATCH a.btn styling*/
/*Anchor tags have room for their outline by default. Button tags do not.*/
/*button.btn {
    margin: 0.2rem;
}*/

.btn-xs {
    padding: 0.185rem 0.375rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-outline-primary {
    color: #ff5500;
    border-color: #ff5500;
}

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #ff5500;
        background-color: transparent;
    }

    .btn-outline-primary:hover,
    .btn-outline-primary:not(:disabled):not(.disabled):active,
    .btn-outline-primary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #ff5500;
        border-color: #ff5500;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 85, 0, 0.5);
    }

.btn-primary {
    color: #fff;
    background-color: #ff5500;
    border-color: #ff5500;
}

    .btn-primary.disabled, .btn-primary:disabled {
        color: #ff5500;
        background-color: transparent;
    }

    .btn-primary:hover,
    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #d54902;
        border-color: #d54902;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 85, 0, 0.5);
    }

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ff5500;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ff5500;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px rgba(255, 85, 0, 0.5);
}

.page-link {
    color: #ff5500;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #ff5500;
    border-color: #ff5500;
}

.table tbody td .custom-control-label::before, .table tbody td .custom-control-label::after {
    top: -0.75rem;
    left: 0;
}

[data-toggle="collapse"] i.fa.collapse-caret:before {
    content: "\F0D8";
}

[data-toggle="collapse"].collapsed i.fa.collapse-caret:before {
    content: "\F0D7";
}

table.dataTable.table-column-search thead th {
    vertical-align: top;
}

    table.dataTable.table-column-search thead th:before,
    table.dataTable.table-column-search thead th:after {
        bottom: 2.5em;
    }

table.dt-responsive .dtr-details .dtr-title input {
    display: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    padding-left: 0.75rem;
}

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid transparent;
        padding: 0.1rem .6rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 1.1rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        color: #ff5500;
        border-color: #ff5500;
        background-color: transparent;
        position: relative;
        left: 0;
        top: 0;
        height: auto;
        width: auto;
        content: "\F0D7";
        font-family: FontAwesome;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: "\F0D8";
    font-family: FontAwesome;
}

div.dataTables_wrapper div.dataTables_info {
    overflow: hidden;
    font-size: 80%;
    font-weight: 400;
}

.card.card-squared {
    border-radius: 0;
}

    .card.card-squared .card-header {
        border-radius: 0;
    }

    .card.card-squared .card-footer {
        border-radius: 0;
    }

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1000px;
    }
}

@media (min-width: 1400px) {
    .modal-xl {
        max-width: 1200px;
    }
}
/******END OVERRIDES******/

/*******BOOTSTRAP SELECT OVERRIDES******/
.bootstrap-select button.btn-light.dropdown-toggle {
    border-color: #ced4da;
    background-color: #fff;
}
/******END OVERRIDES******/

.btn-process.processing .fa:not(.fa-spinner) {
    display: none;
}

.btn-process:not(.processing) .fa.fa-spinner {
    display: none;
}

button[type="submit"]:not(.processing) .fa.fa-spinner {
    display: none;
}

button[type="submit"]:not(.error) .fa.fa-exclamation-triangle,
.btn-process:not(.error) .fa.fa-exclamation-triangle {
    display: none;
}

.link-unstyled, .link-unstyled:link, .link-unstyled:hover {
    color: inherit;
    text-decoration: none;
}

/*************CUSTOMER INFO************/
.customer-card {
    width: 20rem;
}

.customer-info-count {
    border-width: 3px;
    border-style: solid;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    padding-top: 40px;
}
/***********END CUSTOMER INFO***********/
#eventTeams .team {
    font-family: Roboto Condensed;
    display: inline-block;
    width: 180px;
    background-color: #f1f1f1;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

    #eventTeams .team div{
        display: inline-block;
    }

    #eventTeams .team .team-seed {
        width: 24px;
    }

    #eventTeams .team .team-name {
        width: 151px;
    }