.table tr:first-child td {
    border-top: 0px;
}

#showhistorytable .panel-heading {
    border-radius: 15px !important;
}

#showhistorytable .panel {
    box-shadow: none;
}

.ui-autocomplete-loading {
    background: url('/assets/img/load.gif') no-repeat right center !important;
}

.ui-autocomplete {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 99999;
}

.ui-state-focus {
    background: none !important;
    background-color: #3B87C8 !important;
    border: none !important;
    color: #fff !important;
}

#firstgraph, #secondgraph, #thirdgraph {
    display: none;
}

.panel-actions {
    margin-top: -20px;
    margin-bottom: 0;
    text-align: right;
}

.panel-actions a {
    color: #333;
}

.panel-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
}

i {
    cursor: pointer;

}

.smoother {
    margin-left: 50px;
}

.table > thead > tr > th {
    text-align: center;

}

.table tr > td {
    text-align: center;
}

.input-group-addon {
    min-width: auto !important;
}

.input-group {
    width: 60%;
}
.ui-datepicker {
    width: 260px; /*what ever width you want*/
}
.popover-content{
    color: #424856 !important;

}
.popover {
    text-transform:none !important;
    border-color: #1D2939 !important;
}
.titlepopover{
    margin-left: 5px;
}
.popover-title{
    background: #337ab7;
    color: #fff;
    font-weight: bold;
}

.header-bold{
    padding-top: 20px!important;
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 10px;
    font-size: 24px !important;
    font-family: 'BebasNeue',Sans-serif !important;
    letter-spacing: 0px;
    color: #333;
}
.quickscore-widget-form label{
    color: #333;
}
.quickscore-widget-form .jumbotron{
    border-radius: 6px;
    background-color: white;
}
.quickscore-widget-form .required-asterisk{
    color: #333;
}
.ui-datepicker-calendar {
    display: none;/*date picker select month and year only not a day*/
}

#quick-score select {
    background-color: #ffffff !important;
    color: #212529 !important;
    border: 1px solid #dee2e6 !important;
    text-align: start !important;
    height: 38px !important;
}

#quick-score .btn {
    min-width: auto;
}

#quick-score .btn:hover {
    border-color: #ffffff;
    color: #ffffff;
}
#quick-score .btn.btn-secondary:hover {
    --bs-btn-bg: #6ec06e;
    --bs-btn-border-color: #6ec06e;
}
#quick-score .btn-outline-primary {
    border-color: #ffffff;
    color: #ffffff;
}
#quick-score .btn-primary {
    background-color: #0084b5;
    --bs-btn-border-color: #0084b5;
}
#quick-score .btn-secondary {
    --bs-btn-bg: #6ec06e;
    --bs-btn-border-color: #6ec06e;
}
#quick-score .btn:first-child:active,.btn-secondary:hover {
    --bs-btn-bg: #6ec06e;
    --bs-btn-border-color:  #6ec06e;
    --bs-btn-hover-bg:#6ec06e;
    --bs-btn-hover-border-color:#6ec06e;
    --bs-btn-active-bg:#6ec06e;
    --bs-btn-active-border-color:#6ec06e;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}

#quick-score .col {
    flex: 1 0 0%;
}

#quick-score .sidebar {
    background-color: #174072;
    box-shadow: 0px 0px 4px 2px #777;
    margin-bottom: 10px;
    padding-top: unset;
}

#quick-score .panel-heading{
    background-color: #0084b5 !important;
}

#quick-score [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
}


@media (max-width: 768px) {
    #quick-score .sidebar {
        width: 100%;
        display: block !important;
        padding: 10px;
        background-color: #174072;
    }
}
@media (min-width: 768px) {
    #quick-score .sidebar {
        position: sticky;
        height: calc(100vh - 20px);
        top: 10px;
        margin-top: 10px;
        max-width: 195px;
    }
}