/** --------------------------------------------------- **/
/** Custom Classes for BCOEM                            **/
/** Custom Colors Based on Google Materials             **/
/** https://www.google.com/design/spec/style/color.html **/
/** --------------------------------------------------- **/

/** For anchor links to help with auto-scroll **/

html {
    scroll-behavior: smooth;
}

.anchor {
    padding-top: 50px;
    margin-top: -50px;
}

:target:before {
    content: "";
    display: block;
    height: 50px;
    margin: -50px 0 0;
}

a.anchor-offset {
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

/** Reveal Elements **/

.reveal-element {
    position: relative;
    transform: translateY(-15px); /* affects topOffset var in invoke.js */
    opacity: 0;
    transition: 1s all ease;
}

.reveal-element.active-element {
    transform: translateY(0);
    opacity: 1;
}

#scroll-indicator {
    position: fixed;
    bottom: 88px;
    right: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
    z-index: 1000;
}

.text-scroll {
    font-size: .7em;
}

.bounce {
    animation: bounce 4s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

/** Sidebar **/

.sidebar .bcoem-comp-logo {
    padding: 0 0 10px 0;
}

.sidebar .panel h4 {
    padding: 5px 0 5px 0;
    margin: 0;
}

.sidebar .bcoem-sidebar-panel {
    padding: 0 0 5px 0;
}

.sidebar .bcoem-sidebar-panel .small {
    line-height: 9px;
    margin: 0;
}

.bcoem-warning-container {
    padding-top: 30px;
}

/** Info and Entries **/

.bcoem-user-info-table th {
    border-top: none !important;
}

.bcoem-user-info-table td {
    border-top: none !important;
}

.bcoem-account-info {
    padding: 0 0 10px 0;
}

/** Sponsors **/

.bcoem-sponsor-container {
    padding: 15px;
}

.bcoem-sponsor-name h5 {
    font-size: 1.15em;
    padding: 0;
}

.bcoem-sponsor-name {
}

.bcoem-sponsor-location {
    padding: 0 0 15px 0;
}

.bcoem-sponsor-text {
    padding: 10px 0;
}

/** Forms **/

.bcoem-form-info {
    word-break: keep-all;
    margin-top: 10px;
}

.bcoem-form-accordion {

}

.bcoem-form-accordion h4 {
    padding: 0;
    margin: 0;
}

/* Winner Display */

.bcoem-winner-table {
    margin-bottom: 45px;
}

/** Admin **/

.bcoem-admin-dashboard-accordion .panel-default {

}

.bcoem-admin-dashboard-accordion h5 {
    font-weight: bold;
    font-size: 1.1em;
    padding: 20px 0;
}

.bcoem-admin-dashboard-accordion .panel-default .panel-title  a ,
.bcoem-admin-dashboard-accordion .panel-default .panel-title  a:visited {
  text-decoration: none;
}
.bcoem-admin-dashboard-accordion .panel-default .panel-title  a:hover,
.bcoem-admin-dashboard-accordion .panel-default .panel-title  a:focus,
.bcoem-admin-dashboard-accordion .panel-default .panel-title  a:active {
  text-decoration: none;
}

.bcoem-admin-dashboard-accordion .glyphicon,
.bcoem-admin-dashboard-accordion .fa {

}

.bcoem-admin-dashboard-accordion h4 {
    padding: 0;
    margin: 0;
}

.bcoem-admin-dashboard-accordion hr {
    padding: 0;
    margin: 15px 0 0 0;
}

.bcoem-admin-dashboard-accordion .bcoem-admin-dashboard-select {
    margin: 3px 0 10px 0;
}

.bcoem-admin-modal {
    color: #000;
}

.bcoem-admin-modal h4 {
    padding: 0;
    margin: 0;
    color: #000;
}

.bcoem-admin-element {
    padding: 0 0 15px 0;
}

.bcoem-admin-element-bottom {
    padding: 15px 0 0 0;
}

.panel-group .panel {
  overflow: visible;
}

.accordion-body.in:hover {
    overflow:visible;
}

.table {
    font-size: 14px;
}

/* ---------- Gold, Silver, Bronze for Winner Displays ---------- */

/* Gold */
.text-gold {
    color: #D4AF37;
}

/* Silver */
.text-silver {
    color: #C0C0C0;
}

/* Bronze */
.text-bronze {
    color: #cd7f32;
}

/* ---------- Expanded Color Classes ---------- */

/* Forest Green */
.bg-forest-green {
    background-color: #a6d0a6;
}

a.bg-forest-green:focus, a.bg-forest-green:hover {
    background-color: #279f27;
}

.text-forest-green {
    color: #228b22;
}

a.forest-green:focus, a.forest-green:hover {
    color: #176117;
}

.alert-forest-green {
    border-color: #bcdcbc;
    background: #d2e7d2;
    color: #228b22;
}

/* Purple */
.bg-purple {
    background-color: #EDE7F6; /* 50 Shade */
}

a.bg-purple:focus, a.bg-purple:hover {
    background-color: #B39DBB; /* 200 Shade */
}

.text-purple {
    color: #311B92; /* 900 Shade */
}

a.text-purple:focus, a.text-purple:hover {
    color: #651FFF; /* A400 Shade */
}

.alert-purple {
    border-color: #D1C4E9; /* 100 Shade */
    background: #EDE7F6; /* 50 Shade */
    color: #311B92; /* 900 Shade */
}

/* Yellow */
.bg-yellow {
    background-color: #FFFDE7;
}

a.bg-yellow:focus, a.bg-yellow:hover {
    background-color: #FFF9C4;
}

.text-yellow {
    color: #F57F17;
}

a.text-yellow:focus, a.text-yellow:hover {
    color: #FFD600;
}

.alert-yellow {
    border-color: #FFF9C4; /* 100 Shade */
    background: #FFFDE7; /* 50 Shade */
    color: #F57F17; /* 900 Shade */
}

/* Teal */
.bg-teal {
    background-color: #E0F2F1;  /* 50 Shade */
}

a.bg-teal:focus, a.bg-teal:hover {
    background-color: #80CBC4;  /* 200 Shade */
}

.text-teal {
    color: #004D40; /* 900 Shade */
}

a.text-teal:focus, a.text-teal:hover {
    color: #26A69A; /* 400 Shade */
}

.alert-teal {
    border-color: #B2DFDB; /* 100 Shade */
    background: #E0F2F1; /* 50 Shade */
    color: #004D40; /* 900 Shade */
}

/* Orange */
.bg-orange {
    background-color: #FFF3E0;  /* 50 Shade */
}

a.bg-orange:focus, a.bg-orange:hover {
    background-color: #FFCC80;  /* 200 Shade */
}

.text-orange {
    color: #E65100;  /* 900 Shade */
}

a.text-orange:focus, a.text-orange:hover {
    color: #FF9100;  /* A400 Shade */
}

.alert-orange {
    border-color: #FFE0B2; /* 100 Shade */
    background: #FFF3E0; /* 50 Shade */
    color: #E65100; /* 900 Shade */
}

/* Indigo */
.bg-indigo {
    background-color: #E8EAF6;  /* 50 Shade */
}

a.bg-indigo:focus, a.bg-indigo:hover {
    background-color: #A8CD1B;  /* 200 Shade */
}

.text-indigo {
    color: #303E4B;  /* 900 Shade */
}

a.text-indigo:focus, a.text-indigo:hover {
    color: #3D5AFE;  /* A400 Shade */
}

.alert-indigo {
    border-color: #FFE0B2; /* 100 Shade */
    background: #FFF3E0; /* 50 Shade */
    color: #E65100; /* 900 Shade */
}

/* Amber */
.bg-amber {
    background-color: #FFF8E1;  /* 50 Shade */
}

a.bg-amber:focus, a.bg-amber:hover {
    background-color: #FFE082;  /* 200 Shade */
}

.text-amber {
    color: #FF6F00;  /* 900 Shade */
}

a.text-amber:focus, a.text-amber:hover {
    color: #FFAB00;  /* A400 Shade */
}

.alert-amber {
    border-color: #FFECB3; /* 100 Shade */
    background: #FFF8E1; /* 50 Shade */
    color: #FF6F00; /* 900 Shade */
}

/* Grey */
.bg-grey {
    background-color: #FAFAFA;  /* 50 Shade */
}

a.bg-grey:focus, a.bg-grey:hover {
    background-color: #EEEEEE;  /* 200 Shade */
}

.text-grey {
    color: #212121;  /* 900 Shade */
}

a.text-grey:focus, a.text-amber:grey {
    color: #BDBDBD;  /* 400 Shade */
}

.alert-grey {
    border-color: #F5F5F5; /* 100 Shade */
    background: #FAFAFA; /* 50 Shade */
    color: #212121; /* 900 Shade */
}

/** DataTables Overrides **/
table.dataTable thead th.sorting:after {

}

.dataTables_paginate,
.dataTables_filter {
    font-size: 14px !important;
}

.paging_full_numbers a.paginate_button {
    color: #000000 !important;
}

.paging_full_numbers a.paginate_active {
    color: #000000 !important;
}

.dataTables_paginate .paginate_button .active {
  background-color: #F5F5F5;
  border-color: #E0E0E0;
}

/** Dropzone Overrides **/
.dropzone {
    border-radius: 5px;
    margin: 0 0 15px 0;
}

/** Sticky **/
#sticker {
    z-index: 3000 !important;
}



/** Loading Overlay **/

#loader-submit {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.85);
    z-index: 10000;
    padding: 100px;
}

.center {
    position: absolute;
    text-align: center;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 300px;
    color: #fff;
}

#login-modal-enable {
    display: none;
}
#admin-enable {
    display: none;
}
#user-menu-enable {
    display: none;
}
#print-enable {
    display: none;
}
#help-enable {
    display: none;
}