/* hide arrows from number fields - Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* hide arrows from number fields - Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


::placeholder { /* make placeholder lighter */
  color: #C6D6F3 !important;
}


body {
    font-family: "Arial", Sans-serif;
}

.special {
    color: red;
}



.lightlinks a {
    color: white;
}

th a {
    color: white;
}

.bigbold {
    font-weight: 700;
    font-size: 14pt;
}

.mini {
    font-size: 9px;
    font-weight: 100;
}

.winners {
    position: relative;
    top: 10px;
}

/*.container {
    margin: 2px auto;
    position: relative;
}
*/
input:focus :active {
    border-style: none
}

.button {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    border: 0px;
    background: #00B9F2;
    color: #ffffff;
    font-size: 14px;
    line-height: 15px;
    padding: 10px;
    text-decoration: none;
    text-shadow: none;
    border-radius: 10px;
    box-shadow: none;
    /*display: block;  leaving this set was screwing up the login page*/
    margin-bottom: 5px;
    text-indent: 0px;
    cursor: default;
}

.button:disabled {
    background: #cccccc;
    cursor: not-allowed;
}

.littlebutton {
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    border: 0px;
    background: orange;
    color: black;
    font-size: 10px;
    padding: 2px;
    text-decoration: none;
    text-shadow: none;
    border-radius: 5px;
    box-shadow: none;
    display: block;
    margin: 2px auto;
    text-indent: 0px;
    text-align: center;
    cursor: default;
}

.buttoninactive {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    border: 0px;
    background: #d0d0d0;
    color: #f0f0f0;
    font-size: 14px;
    line-height: 15px;
    padding: 10px;
    text-decoration: none;
    text-shadow: none;
    border-radius: 10px;
    box-shadow: none;
    display: block;
    margin: 15px auto;
    text-indent: 0px;
    text-align: center;
    cursor: not-allowed;
}


.nbutton {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    border: 0px;
    background: #00B9F2;
    color: #ffffff;
    font-size: 11px;
    line-height: 12px;
    padding: 5px;
    text-decoration: none;
    text-shadow: none;
    border-radius: 10px;
    box-shadow: none;
    display: block;
    margin: 0px auto;
    text-indent: 0px;
    text-align: center;
    cursor: default;
}

.nbuttoninactive {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    border: 0px;
    background: #d0d0d0;
    color: #f0f0f0;
    font-size: 11px;
    line-height: 12px;
    padding: 5px;
    text-decoration: none;
    text-shadow: none;
    border-radius: 10px;
    box-shadow: none;
    display: block;
    margin: 0px auto;
    text-indent: 0px;
    text-align: center;
    cursor: not-allowed;
}

.lbutton {
    font-weight: 700;
    letter-spacing: 1px;
    background: #00B9F2;
    color: #ffffff !important;
    font-size: 14px;
    padding: 10px 10px 10px 25px;
    text-decoration: none !important;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 5px;
    cursor: pointer;
}

.rbutton {
    font-weight: 700;
    letter-spacing: 1px;
    background: #00B9F2;
    color: #ffffff !important;
    font-size: 14px;
    padding: 10px 25px 10px 10px;
    text-decoration: none !important;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin: 5px;
    cursor: pointer;
}

.sbutton {
    font-weight: 700;
    letter-spacing: 1px;
    background: #00B9F2;
    color: #ffffff !important;
    font-size: 14px;
    padding: 10px;
    text-decoration: none !important;
    border-radius: 5px;
    margin: 5px;
    cursor: pointer;
}

.tbutton {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    border: 0px;
    background: #00B9F2;
    color: #ffffff;
    font-size: 11px;
    line-height: 12px;
    padding: 5px;
    text-decoration: none;
    text-shadow: none;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    box-shadow: none;
    display: block;
    margin: 0px auto;
    text-indent: 0px;
    text-align: center;
    cursor: default;
    width: 140px;
}

.bbutton {
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    border: 0px;
    background: #00B9F2;
    color: #ffffff;
    font-size: 11px;
    line-height: 12px;
    padding: 5px;
    text-decoration: none;
    text-shadow: none;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    box-shadow: none;
    display: block;
    margin: 0px auto;
    text-indent: 0px;
    text-align: center;
    cursor: default;
    width: 140px;
}


.inactive {
    background: #d0d0d0;
    color: #f0f0f0;
    cursor: not-allowed;
}


.button.left {
    float: left;
}

.button.right {
    float: right;
}

.tinytype {
    font-size: 10px;
    vertical-align: top;
}

section {
    margin-left: 50px;
}

.maincontainer {
    margin-top: 20px;
    width: 1000px;
}

.statusInprocess {
    color: grey;
    font-size: 18px;
}

.statusNotComp{
    text-decoration: line-through;
    color: #aaaaaa;
}
.statusUn-Bracketed {
    color: green;
    font-size: 18px;
}

.statusPre-Bracketed {
    color: green;
    font-size: 18px;
}

.statusLateArrive {
    color: green;
    font-size: 18px;
}

.statusBracketed {
    color: navy;
    font-size: 18px;
}

.statusStaged {
    color: Crimson;
    font-size: 18px;
}

.statusRunning {
    color: Crimson;
    font-size: 18px;
    text-decoration: line-through;
}

.statusFinished {
    color: Crimson;
    font-size: 18px;
    text-decoration: line-through;
}

.notcomp {
    color: red;
    font-size: 18px;
    text-decoration: line-through;
}

.comp {
    color: black;
    font-size: 18px;
}

.tossout {
    color: red;
    text-align: right;
    font-size: 18px;
    border-radius: 5px;
    text-decoration: line-through;
    padding: 10px;
}

.norm {
    color: black;
    border-radius: 5px;
    text-align: right;
    font-size: 18px;
    padding: 10px;
}

.totals {
    color: black;
    text-align: right;
    font-size: 18px;
    width: 40px;
}

.judge {
    padding-left: 2px;
    padding-right: 2px;
}

.login {
    color: black;
    border-radius: 5px;
    text-align: left;
    font-size: 20px;
    width: 250px;
    margin-bottom: 10px;
}

.crewinputbig {
    color: black;
    border-radius: 5px;
    text-align: left;
    font-size: 20px;
    width: 120px;
    margin: 3px;
}

input {
    color: black;
    border-radius: 5px;
    text-align: left;
    font-size: 20px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-width: 1px !important;
}


.crewinputlittle {
    color: black;
    border-radius: 5px;
    text-align: left;
    font-size: 20px;
    width: 70px;
    margin: 3px;
}

table {
    border-collapse: collapse;
    border-color: gray;
}

table.center {
    margin-left: auto;
    margin-right: auto;
}

.notes {
    background: #FFFF00;
    text-align: center;
}

.message {
    color: orange;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.noBorder tr {
    border: 0px transparent;
}

.showBorder {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
}

.trophies {
    background: #EDEDA1;
    color: black;
    border-radius: 5px;
}

td.trophiesb {
    background: #FFFF00;
}

tr.loginleft {
    text-align: left;
    background: none;
}

th.loginright {
    text-align: right;
    background: none;
}

.ReportDetailsOddDataRow {
    background: #E4F3ED;
    margin: 0px;
    padding: 5px;
    border-radius: 5px;
    border-color: #dddddd;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 3px;
}

.ReportDetailsEvenDataRow {
    background: white;
    margin: 0px;
    padding: 5px;
    border-radius: 5px;
    border-color: #dddddd;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 3px;
}

tbody tr.clear {
    background: none;
}


input score {
    padding: 2;
    margin: 2;
    border-radius: 5px;
    width: 10em;
}


.tiedscores {
    background: #FFFF8B !important;
}

td,
th {
    padding-left: 15px;
    padding-right: 15px;
}

td.small {
    padding-left: 15px;
    padding-right: 0px;
}

th {
    color: white;
    background: #222277;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.nopad {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.leftcomp {
    border-width: 3px 3px 0px 3px;
    border-style: solid;
    border-radius: 10px 10px 0px 0px;
}

.rightcomp {
    border-width: 3px 3px 0px 3px;
    border-style: solid;
    border-radius: 10px 10px 0px 0px;
}

.leftscores {
    border-width: 0px 3px 3px 3px;
    border-style: solid;
    border-radius: 0px 0px 10px 10px;
    padding: 10px;
    background-color: white;
}

.rightscores {
    border-width: 0px 3px 3px 3px;
    border-style: solid;
    border-radius: 0px 0px 10px 10px;
    padding: 10px;
    background-color: white;
}

.fatborderbox {
    border-width: 3px;
    border-style: solid;
    border-radius: 10px;
    background-color: white;
    margin: 0px;
}

.rightscores {
    border-width: 0px 3px 3px 3px;
    border-style: solid;
    border-radius: 0px 0px 10px 10px;
    padding: 10px;
    background-color: white;
}

.nameblueborder {
    border-color: blue;
}

.nameredborder {
    border-color: red;
}

.nameblackborder {
    border-color: black;
}

.namewhiteborder {
    border-color: #aaaaaa;
}

.leftround {
    border-radius: 7px 0px 0px 7px;
}

.rightround {
    border-radius: 0px 7px 7px 0px;
}

.eliminationcomps {
    border-color: #dddddd;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    margin-bottom: 10px;
    background-color: #eeeeee;
    border-radius: 0px 0px 10px 10px;
    border-width: 0px 1px 1px 1px;
}

.eliminationtop {
    background-color: #eeeeee;
    margin: 0px;
    border-radius: 10px 10px 0px 0px;
    padding: 10px;
    border-left-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-width: 1px;
    border-color: #dddddd;
}

.namered {
    background: #ED9B9B;
    border-color: red;
    color: black;
    width: 400px;
    padding: 10px;
    margin: 0px;
}

.nameblue {
    background: #A6C1FF;
    border-color: blue;
    color: black;
    width: 400px;
    padding: 10px;
}

.nameblack {
    background: #555555;
    border-color: black;
    color: white;
    width: 400px;
    padding: 10px;
}

.namewhite {
    background: #eeeeee;
    border-color: #aaaaaa;
    color: black;
    width: 400px;
    padding: 10px;
}

.bracketing {
    margin: 0px;
}

.bracketingshaded {
    background-color: #dddddd;
    margin: 0px;
    border: 2px solid #888888;
    border-radius: 5px
}

.bold {
    font-weight: 700;
}


.allbrackets {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}


.rightlinebracket {
    border-right: 2px solid black;
}

.topbracket {
    border-bottom: 2px solid red;
    width: 250px;
    padding-top: 15px;
    vertical-align: bottom;
}

.bottombracket {
    border-right: 2px solid black;
    border-bottom: 2px solid blue;
    width: 250px;
    padding-top: 15px;
    vertical-align: bottom;
}

.topbracketshort {
    border-bottom: 2px solid red;
    width: 150px;
    padding-top: 15px;
    vertical-align: bottom;
}

.bottombracketshort {
    border-right: 2px solid black;
    border-bottom: 2px solid blue;
    width: 150px;
    padding-top: 15px;
    vertical-align: bottom;
    margin-bottom: 10px;
}

@media screen and (max-width: 1060px) {

    /*  smallscreenstuff*/
    .breaktable {
        width: 100%;
    }

}

@media screen and (min-width: 1060px) {

    /*  bigscreenstuff*/
    .breaktable {
        width: 75%;
    }

}




.skinnydropdown {
    font-size: 20px;
    border-radius: 5px;
    width: 85px;
}

.dropdown {
    font-size: 20px;
    border-radius: 5px;
}

.fatdropdown {
    font-size: 20px;
    border-radius: 5px;
    width: 250px;
}

.header {
    text-align: center;
    color: black;
    font-weight: 700;
    font-family: "Arial", Sans-serif;
    font-size: 40px;
    margin-bottom: 20px;
}

.subheader {
    text-align: center;
    position: center;
    color: black;
    font-weight: 600;
    font-size: 30px;
}

.subheaderright {
    text-align: right;
    position: right;
    color: black;
    font-weight: 600;
    font-size: 30px;
}

.subsubheader {
    text-align: left;
    color: black;
    font-size: 17px;
    font-weight: 700;
}



@media screen and (max-device-width: 860px) {

    /*  smallscreenstuff*/
    body {
        xxzoom: 60%;
    }

    nav {
        position: absolute;
        text-align: left;
        font-size: 35px;
        width: 150px;
    }

}

@media screen and (min-device-width: 860px) {

    /*  bigscreenstuff*/
    body {
        zoom: 100%;
    }

    nav {
        position: absolute;
        text-align: left;
        font-size: 25px;
        width: 150px;
    }

}

.makeaselection {
    border-color: red;
    border-width: 2px; 
 }


.selectionmadeforyou {
    background-color: #FFFFB5;
}

.disabled {
    color: gray;
}

.error {
    box-shadow: 0 0 2px 2px red;
}

.errorState {
    box-shadow: 0 0 2px 2px red;
}

input[type='checkbox'] {
    transform: scale(1.5);
}

.sorticon {
    height: 20px;
    width: 20px;
    float: right;
}

.loginbox {
    padding: 20px;
    border-radius: 5px;
    background-color: gray;
    width: 350px;
}

.ajaxWorkingOverlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/cjiworking2.gif) center center no-repeat;
    z-index: 9999;
    display: none;
}

.ajaxWorkingOverlayB {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
    z-index: 9998;
    display: none;
}

.b_header {
    font-size: 1.1em;
    font-weight: 777;
    color: #ffffff;
}

.b_header_black {
    font-size: 1.1em;
    font-weight: 777;
    color: #000000;
}

.b_box {
    background-color: #f1f1f1;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
    border-radius: 10px;
    padding: 10px;
    margin: 0px;
}

.b_boxshaded {
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
    border-radius: 10px;
    padding: 10px;
    margin: 0px;
    background-color: #eeeeee;
    margin: 0px;
}


.place1 {
    background-color: #FEF4BE;
    margin: 0px 0px 5px 0px;
    border-radius: 5px;
}

.place2 {
    background-color: #EEEAEA;
    margin: 0px 0px 5px 0px;
    border-radius: 5px;
}

.place3 {
    background-color: #E7D7CB;
    margin: 0px 0px 5px 0px;
    border-radius: 5px;
}

.place4 {
    background-color: #C0DCFE;
    margin: 0px 0px 5px 0px;
    border-radius: 5px;
}

.b_centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

.scores34disabled {
    visibility: hidden;
}

.ainput-group-text{
    height: 3em;
}
.form-control {
    height: calc(1.5em + .75rem - 3px);
}

.input-group-text {
    border-radius: 5px !important;
    background-color: #DCEBF5;
    font-weight: 700;
}

.tightcol {
    padding-left: 5px;
    padding-right: 5px;
}

.hideit {
    display: none;
}

.ReportDetailsHeaderRow {
    background: #014b9a;
    margin: 0px;
    padding: 5px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 5px;
}

.overflow-hidden {
    text-overflow: ellipsis;
}

.smallthing {
    max-width: 80px;
}

.detailcolor {
    font-size: 1.5em;
    text-align: right;
    background-color: #eeeeee;
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
    border-radius: 5px;
    padding-right: 10px;
    margin-top: 15px;

}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    /* Margin bottom by footer height */
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #f5f5f5;
    text-align: right;
    padding-right: 20px;
}

.fitrow {
    margin-left: 0px;
    margin-right: 0px;
}

.bigcheckbox {
    zoom: 150%;
}

.vert-centered {
    margin: auto;
}

.divisiontimes{
    margin-top: 15px;
    font-size: .75em;
}


.judgesview{

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(181,0,53, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(181,0,53, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(181,0,53,0);
    }
}