/** Chronosat Web Application Styles 
*   Here we have only specific Chronosat Web Application Styles, all about the framework are in bfw.css
*/

/* Snap Track Styles */
.snaptrack-window {
    margin-left: 15px;
}

.snaptrack-window>li>section {
    width: 980px;
    height: 600px;
    padding: 5px;
    display: flex;
    font-size: 12px;
    /* font-size: 0.7em; */
}

.snaptrack-window .FP {
    position: absolute;
    padding: 5px;
    width: 980px;
    height: 600px;
    left: 0;
    top: calc(2em + 13px);
    /* altura do link + bordas */
    background: linear-gradient(lightyellow, khaki);
    z-index: -2;
    border: 1px solid #CCC;
    background-color: white;
    border-radius: 10px;
    font-size: 12px;
}

.ST-exec-window {
    width: 100%;
    height: 100%;
    resize: none;
}

.ST-res-window {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.ST-res-window  div:first-child {
    border-radius: 0 300px;
}

.ST-car-tittle {
    border-radius: 0 300px;
    padding: 50px !important;
}

.StResultFooter{
    border-radius: 0 300px;
    padding: 0 100px !important;
}


.StResultReport table {
    width: max-content;
    max-width: 760px;
    margin: 30px 0 30px 0;
}

.StResultReport table thead tr:first-child th{
    font-size: 1.2em;
}

.StResultReport table th{
    font-weight: bold;
    text-align: center;
}

.StResultReport table td {
    font-weight: bold;
}

.importGpxElements {
    display: inline-flex;
    margin: 2px;
    background: khaki;
    padding: 4px;
}

.importGpxElements >span {
    margin: 0 4px 0 4px;
}


.cwa-top-msg-box {
    background: yellow;
    width: fit-content;
    padding: 5px;
    border: 1px solid gray;
    font-size: .7em;
    font-weight: bold;
    display: none;
}

.cwa-table thead tr {
    border-width: 0;
}

.cwa-table input {
    outline-width: 0;
    background: none;
    border-width: 0;
}

.cwa-table td {
    outline-width: 0;
}


.cwa-table .fa {
    cursor: pointer;
    margin-left: 15px;
    font-size: 16px;
}

.raceWPsTable {
    max-width: 413px;
    overflow-x: auto;
    overflow-y: auto;
    height: 520px;
    margin-top: 10px;
}


.ModDisabled {
    display: none !important;
}

.pointerCursor {
    cursor: pointer;
}

.CS-title-bar {
    display:flex; background-color: goldenrod;
}

.CS-form-div{
    /* background-color: #222; */
    /* background: url('../img/topo-kv.gif'); */
    color: goldenrod;
}

.ST-buttons {
    display:block;
    margin:2px;
    min-width: fit-content;
}


.CS-table-all {
    zoom: .7;
    font-family: Arial, Helvetica, sans-serif;
}

.CS-table-all thead tr,
.CS-table-all .CS-SubHeader {
    border-bottom: none;
    background-color: #552d0a !important;
}

.CS-SubHeader td {
    vertical-align: middle !important;
    white-space: nowrap;
}

.CS-table-all tr {
    color: gold;
}
.CS-table-all tr:nth-child(odd) {
    background-color: #222;
}
.CS-table-all tr:nth-child(even) {
    background-color: #000;
}

tr.RaceResVehicle {
    cursor: pointer;
}

tr.RaceResVehicle:hover {
    background-color: #444;
    border-bottom: #666 2px solid;
}


.RaceResVehicle td {
    position: relative;
    padding: 30px 8px 0 8px;
}

.RaceResVehicle td >div:first-of-type {
    display: none;
    width: max-content;
    /* margin-top: 8px; */
    /* top: 5.3em; */
    z-index: 3;
    position: absolute;
    background-color: #444;
    padding: 10px;
    border: solid #666;
    border-width: 0 2px 2px 2px;
    /* left: 50px; */
    font-weight: bold;
    border-radius: 0 0 8px 8px;
    box-shadow: 8px 10px 10px black
}

.SsDetailSelect {    
    background-color: #000;
    display: inline-block;
    padding: 3px 9px 2px 9px;
    text-align: center;
    border-radius: 10px;
    margin: 2px;
    font-size: 17px !important;
}

.CS-RaceHorse {
    position: absolute;
    display: block !important;
    width: 130vw !important;
    height: 3px;
    background: gray;
    border: none !important;
    padding: 0 !important;
    margin: 5px 0 0 0;
}

.CS-RaceHorse >div {
    text-align: right;  
    background: #fb7435;
    padding: 0px;
    height: 100%;
}

.CS-RaceHorse >div >div {
    border-radius: 0 0 8px 8px;
    color: gold;
    display: inline-block;
    background: #fb74355C;
    padding: 3px 8px 0px 8px;
}

.SsDetailSelect:hover {
    background: #fc5000;
}

.CS-nowrap {
    white-space: nowrap;
}
.CS-penalty {
    color: #ff5656;
}

.CS-bonus {
    color: #b4b4ff
}

.CS-total-time {
    font-size: 18px;
    color: white;
}


tr.RaceResVehicle:hover td >div {
    display: block;
}

/* .cwa-table .fa-plus-circle,
.cwa-table .fa-minus-circle {
   font-size: 16px;
} */

.CIA-grpCell {
    display: flex;
}

.CIA-grpCell span {
    display: inline-block;
    margin: 2px;
}


/* ChronoInfo Styles */
.CI-table-all {
    font-size: 0.7em;
    /* width: 100vw; */
    border-spacing: 0;
    border: 0;
}

/* .CI-table-all thead tr,
.CI-table-all .CS-SubHeader {
    border-width: 0;
    color: black;
    border-bottom: none;
} */

/* .CI-SubHeader td {
    vertical-align: middle !important;
    white-space: nowrap;
} */

.CI-table-all tbody tr {
    cursor: pointer;
}

.CI-table-all tbody td {
    color: gold;
    font-weight: bold;
    border-bottom: 1px solid gray;
    text-align: left;
    padding: 5px 8px 5px 8px;
}

.CI-table-all tbody  tr:nth-child(odd) {
    background-color: #322;
}

.CI-table-all tbody  tr:nth-child(even) {
    background-color: #000;
}

.CI-table-all .CI-sec-cont{
    display: none;
}

.CI-table-all tr:hover .CI-prim-cont{
    display: none;
}

.CI-table-all tr:hover .CI-sec-cont{
    display: block;
}

.CWA-FAB {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5;
    padding: 13px;
    min-height: 48px;
    min-width: 48px;
    background: yellow;
    box-shadow: 3px 3px 5px #333, 2px 2px 10px #3333, -2px 2px 10px #3333, 2px -2px 10px #3333, -2px -2px 10px #3333;
    color: black;
    /* opacity: 0.5; */
    border-radius: 16px;
}

.STLibItems>td {
    vertical-align: middle;
    cursor: pointer;
}

.STLibItems:hover {
    background-color: #f0e68c!important;
}




/* @media (min-width:993px) {} */


@media (max-width:601px) {
    .CS-table-all {
        font-size: 13px;
    }

    .CS-table-all th,
    .CS-table-all td {
        padding: 8px 4px 8px 4px;
    }

    .SsDetailSelect {
        font-size: 12px;
    }

    .bfw-page-title {
        font-size: 14px;
    }
}

/* @media (max-width:992px) and (min-width:601px) {} */