/*
 * Login form
 */

body.sigin-body {
    background-color: #FFFFFF;
}

.container.signin-container {
    margin-top: 6%;
}

.card.signin-card {
    padding: 40px 0px 20px;
    background-color: whitesmoke;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
}

img.signin-img {
    padding: 0 2rem 2rem;
    margin: auto;
    display: block;
}

form.sigin-form {
    max-width: 350px;
    margin: auto;
}

button.signin-btn {
    color: #ffffff;
    background-color: #8A0303;
    width: 100%;
    margin-bottom: 1.2rem;
}


a:link {
    color: #17a2b8;
}

a:visited {
    color: #17a2b8;
}

a:hover {
    color: #17a2b8;
}

a:active {
    color: #17a2b8;
}

a.create-new-account {
    font-size: 1.2rem;
    text-align: center;
    display: block;
    margin-top: 15px;
}

p.warning {
    color: gray;
    font-weight: 500;
    border: 1px solid red;
    text-align: center;
}

p.warning-highlight {
    background-color: lightpink
}

.error {
    color: red;
    font-weight: 500;
}

.header {
    position: sticky;
    top: 0;
}

/*
*  Create static button class to replace disabled button
*/

.btn-static {
    background-color: white;
    border: 1px solid lightgrey;
    cursor: default;
}

.btn-static:active {
    -moz-box-shadow: inset 0 0 0px white;
    -webkit-box-shadow: inset 0 0 0px white;
    box-shadow: inset 0 0 0px white;
}


/*
 * Sidebar
 */

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

.sidebar .orgMenu {
    display: block;
    margin: auto;
}

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


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

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

.sidebar .nav-link.active {
    color: #8A0303;
    font-weight: 500;
}

.sidebar .nav .nav-item.active .nav-link,
.sidebar .nav .nav-item .nav-link:active,
.sidebar .nav .nav-item .nav-link:focus,
.sidebar .nav .nav-item:hover .nav-link {
    background-color: whitesmoke;
    font-weight: 500;
}


.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

.copyright_footer_nav {
    position: fixed;
    left: 0;
    bottom: 0;
    font-size: 85%;
    background-color: gray;
    color: #dfdfdf;
    text-align: center;
}

/*
 * Mobile sidebar (off-canvas slide-in)
 */

@media (max-width: 767.98px) {
    #mainNav.sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 260px;
        padding-top: 48px;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
        z-index: 1050;
        background-color: #f8f9fa;
        box-shadow: none;
    }

    #mainNav.sidebar.show {
        transform: translateX(0);
        box-shadow: 2px 0 8px rgba(0, 0, 0, .15);
    }

    .sidebar-backdrop {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 1040;
    }

    .sidebar-backdrop.show {
        display: block;
    }
}

/*
 * Navbar
 */

.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, .25);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;
}

/*
 * Content
 */

[role="main"] {
    padding-top: 133px;
    /* Space for fixed navbar */
}

@media (min-width: 768px) {
    [role="main"] {
        padding-top: 48px;
        /* Space for fixed navbar */
    }
}

h3,
h4,
h5 {
    color: #8A0303;
}

.footer-images img {
    vertical-align: bottom;
    border: 0;
}

.SupDownSpan:hover {
    cursor: pointer;
}

.matching-div,
.race-matching-div {
    display: inline-block;
    background-color: white;
    width: 95%;
    margin: auto;
    border: 1px solid gray;
    height: 175px;
    overflow: auto
}

.matching-table {
    margin: 10px;
    height: auto;
}

.matching-table tr>td:hover {
    cursor: pointer;
}

.matching-table tr {
    height: 30px;
}

.selected_loft,
.selected_race {
    background-color: cornsilk;
    color: black;
}

.matched_loft,
.matched_race {
    background-color: #17a2b8;
    color: white;
}

.highlight-button {
    background-color: #17a2b8;
    color: white;
}

.copyright_footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: gray;
    color: #dfdfdf;
    text-align: center;
    font-size: 85%;
}

/*
 * Modals
 */

.modal-body,
#editLoftModal .modal-body {
    background-color: whitesmoke;

}

.modal-header {
    color: #8A0303;

}


.btn-primary {
    color: #fff;
    background-color: #8A0303;
    border-color: #8A0303;
    /*set the color you want here*/
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #bb0a1e;
    border-color: #bb0a1e;
}

.form-group label {
    font-weight: 500;
    font-size: 90%;
}

#conf-message {
    text-align: center;
}

.points-input {
    display: none;
}

/*
 *Google Map
 */

#map {
    height: 400px;
    width: 100%;
}

div.msg {
    display: none;
}

#club-search {
    display: none;
}

#profileHR {
    display: none;
}

#noUserAcct {
    text-align: center;
    display: none;
}

#hasUserAcct {
    display: none;
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}

/*
*  Toast (animation for buttons)
*/

.toast {
    transition: 0.32s all ease-in-out
}

.toast-container--fade {
    right: 0;
    bottom: 0
}

.toast-container--fade .toast-wrapper {
    display: inline-block
}

.toast.fade-init {
    opacity: 0
}

.toast.fade-show {
    opacity: 1
}

.toast.fade-hide {
    opacity: 0
}

/*
*  re-match selection color
*/

.re-match {
    background-color: cyan !important;
}

#alreadyMatchedTable tr:hover,
#userMatchedTable tr:hover {
    cursor: pointer;
}

/*
*  hide user-matched part of loft matching summary until item added
*/

.user-matched-group {
    display: none;
}

/*
*  hide register form parts until api call 
*/

.new-acct-group,
.existing-acct-group {
    display: none;
}


/*
*  hide invalid clock data details by default 
*/

.clock_details_ul {
    display: none;
}

/*
*  videoModal settings;
*/

/*#videoModal.modal-dialog {
    max-width: 1090px;
    margin: 30px auto;
}

#videoModal.modal-body {
    position:relative;
    padding:0px;
}

#videoModal.close {
    position:absolute;
    right:-30px;
    top:0;
    z-index:999;
    font-size:2rem;
    font-weight: normal;
    color:#fff;
    opacity:1;
}*/

button.video-btn {
    background-image: url('/assets/img/thumbnails/account_setup-thumb.png');
    background-size: cover;
    width: 227px;
    height: 132px;
    font-size: 2rem;
}

.sudoDisable {
    background-color: whitesmoke;
}

/*
*  Ace Bird and Champion loft table styling 
*/

#aceBirdTable td,
#aceBirdTable th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

#aceBirdTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #447A95;
    color: white;
}

#aceBirdTable td  {
    background-color: white;
}

#aceBirdTable td.total_td {
    background-color: cornsilk;
}

#champLoftTable td,
#champLoftTable th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

#champLoftTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #447A95;
    color: white;
}

#champLoftTable td  {
    background-color: white;
}

#champLoftTable td.total_td {
    background-color: cornsilk;
}

#hofDetailTable td,
#hofDetailTable th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

#hofDetailTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #447A95;
    color: white;
}

#hofDetailTable td  {
    background-color: white;
}

#hofDetailTable td.total_td {
    background-color: cornsilk;
}

#bandTable td,
#bandTable th {
    border: 1px solid #ddd;
    padding: 2px;
    text-align: center;
    background-color: white;
}

#bandTable th {
    text-align: left;
    background-color: #447A95;
    color: white;
}

#ownerTable td,
#ownerTable th {
    border: 1px solid #ddd;
    padding: 2px;
    text-align: center;
    background-color: white;
}

#ownerTable th {
    text-align: left;
    background-color: #447A95;
    color: white;
}

#hofOwnerTable td,
#hofOwnerTable th,
#srOwnerTable td,
#srOwnerTable th {
    border: 1px solid #ddd;
    padding: 2px;
    text-align: center;
    background-color: white;
}

#hofOwnerTable th,
#srOwnerTable th {
    text-align: left;
    background-color: #447A95;
    color: white;
}

#srDetailTable td,
#srDetailTable th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

#srDetailTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #447A95;
    color: white;
}

#srDetailTable td  {
    background-color: white;
}

/* IF public awards detail tables */
#ifClOwnerTable td,
#ifClOwnerTable th,
#ifHofOwnerTable td,
#ifHofOwnerTable th,
#ifSrOwnerTable td,
#ifSrOwnerTable th,
#ifRcOwnerTable td,
#ifRcOwnerTable th {
    border: 1px solid #ddd;
    padding: 2px;
    text-align: center;
    background-color: white;
}

#ifClOwnerTable th,
#ifHofOwnerTable th,
#ifSrOwnerTable th,
#ifRcOwnerTable th {
    text-align: left;
    background-color: #447A95;
    color: white;
}

#ifClDetailTable td,
#ifClDetailTable th,
#ifHofDetailTable td,
#ifHofDetailTable th,
#ifSrDetailTable td,
#ifSrDetailTable th,
#ifRcDetailTable td,
#ifRcDetailTable th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

#ifClDetailTable th,
#ifHofDetailTable th,
#ifSrDetailTable th,
#ifRcDetailTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #447A95;
    color: white;
}

#ifClDetailTable td,
#ifHofDetailTable td,
#ifSrDetailTable td,
#ifRcDetailTable td {
    background-color: white;
}

#resultDiv {
    background-color: white;
}

table.nested_res{
    width: 100%;
}

table.nested_res td {
    border: none;
    background-color: whitesmoke;
}

/*
*  Awards Accordion card styles
*/

.award-card-header .title {
    font-size: 120%;
    color: #8A0303;
}
.award-card-header .accicon {
  float: right;
  font-size: 20px;  
  width: 1.2em;
}
.award-card-header{
  cursor: pointer;
  border-bottom: none;
}
.award-card{
  border: 1px solid #ddd;
}
.award-card-body{
  border-top: 1px solid #ddd;
}

/* Dark popover */
.popover-dark {
  background-color: #333;
  border: 1px solid #333;
}
.popover-dark .popover-body {
  color: #fff;
}
.popover-dark .arrow::before,
.popover-dark .arrow::after {
  border-top-color: #333;
  border-bottom-color: #333;
}