@charset "UTF-8";
.canvas-style {
    width: 1920px;
}


/* Popover Header */
.popover-title {
    font-size: 11px !important;
}
/* Popover Body */
.popover-content {
    font-size: 9px !important;
}
    
.popover-header {
  font-size: 11px;
}

.popover-body {
  font-size: 9px;
}

.custom-span {
	padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}	

.custom-carousel-control-icon {
	width: 4rem;
    height: 4rem;
}	

.custom-carousel-control {
	width: 10%;
}

.modernWay {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4;
           line-clamp: 4; 
   -webkit-box-orient: vertical;
   line-height: 22px
}

.custom-fixed-height { 
 	height: 15vh;
}

.custom-line-height { 
 	line-height: 62px;
}

.popover-body { 
	font-weight: bold;
}

.popover-header	{ 
	color: #495057;
}


.race-card .event-result {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.race-card .result-card.position-1 {
    order: 1;
    flex: 0 0 35%;
}
.race-card .result-card.position-2 {
    order: 0;
    flex: 0 0 35%;
}
.race-card .result-card.position-3 {
    order: 2;
    flex: 0 0 35%;
}
.race-card .result-card .image-wrapper, .race-card .result-card .podio-wrapper {
    height: 80px;
    position: relative;
    background-color: #15151e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.race-card .result-card .driver-info-wrapper {
    padding-top: 2px;
    background: #fff;
}
.race-card .result-card .driver-info {
    border-right: solid 1px #949498;
    border-bottom: solid 1px #949498;
    border-bottom-right-radius: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0;
}
.race-card .result-card .driver-info .icon {
    font-size: 32px;
    margin-top: -5px;
    margin-right: 2px;
}
.icon {
    font-family: icomoon!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.race-card .result-card .image-wrapper {
    display: block;
    content: " ";
    background-size: 12px;
    min-width: 100%;
    min-height: 100%;
    opacity: 1;
    z-index: 1000;
}
.race-card .result-card .podio-wrapper {
    display: block;
    content: " ";
    background-image: url(/images/white-stripe.png);
    background-size: 12px;
    min-width: 100%;
    min-height: 100%;
    opacity: 1;
}

.race-card .result-card .podio-wrapper.pos1,.race-card .result-card .podio-wrapper.pos3,.race-card .result-card .podio-wrapper.pos2 {
    height: 100%;
}

.help-size {
    font-size: 1.5em;
}

.dataTables_info {
    float: left !important;
}

.dataTables_paginate {
    float: right !important;
}

#chartRaceClassification {
  width: 100%;
  height: 500px;
}

.form-control.custom-file-input:disabled {
    background-color: #e9ecef;
    opacity: 0 !important;
}

.disable-div {
	pointer-events:none;
}

.caption {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.caption img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
.caption span {
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
    color: #dedede;
    background: #222; /* browser che non supportano rgba */
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
}
.caption span strong {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}
.text3D {
	position: absolute;
    text-transform: uppercase;
    font-family: verdana;
    font-size: 1em;
    font-weight: 700;
    color: #f5f5f5;
    text-shadow: 1px 0px 1px #919191,
        1px 0px 1px #919191,
        1px 1px 1px #919191,
        1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 4px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}


.race-calendar {
	display: block;
    height: 32px;
    margin: 0 auto 10px;
    width: 48px;
	
}	

.race-calendar .flag {
	border-radius: 5px;
	
}	

.race-calendar-custom {
	display: block;
    height: 32px;
    margin: 0 auto 10px;
	border-radius: 5px;
	
}	

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

  	.container-mobile {
    	display: block;
	}	
}	

@media (min-width: 991px) {

  	.container-mobile {
    	display: none;
	}	
}	

@media (max-width: 470px) {
	.resultFilterDiv, .measureFilterDiv {
	    display: none;
	}
	.resultFilterSelect, .measureFilterSelect {
	    display: block;
	}
	.f1-podium-top-position {
		margin-top: 20px;
	}	
	.driver-name .fs-6{
		font-size: 1.5rem !important;
	}
	.driver-name .fs-5{
		font-size: 1.8rem !important;
	}
	.team-name .fs-5{
		font-size: 1.8rem !important;
	}
	.f1-podium-top-position .driver-rank.pos--1 {
	    height: 220px;
	}
	.f1-podium-top-position .team-rank.pos--1 {
	    height: 210px;
	}
	.img-responsive-custom-d {
		width: 2vw !important;
	}
	.img-responsive-custom-a {
		width: 10vw !important;
	}
}

@media (min-width: 0px) {
	.driver-name .fs-7{
		font-size: 0.6rem !important;
	}
	.driver-name .fs-6{
		font-size: 0.8rem !important;
	}
	.driver-name .fs-5{
		font-size: 1.1rem !important;
	}
	.img-responsive-custom-d {
		width: 2vw !important;
	}
	.img-responsive-custom-a {
		width: 8vw !important;
	}
	.img-responsive-custom-b {
		width: 8vw !important;
	}
}

@media (min-width: 471px) {
	.resultFilterDiv, .measureFilterDiv {
	    display: none;
	}
	.resultFilterSelect, .measureFilterSelect {
	    display: block;
	}
	.f1-podium-top-position {
		margin-top: 20px;
	}	
	.driver-name .fs-7 {
		font-size: 0.6rem !important;
	}
	.driver-name .fs-6 {
		font-size: 0.8rem !important;
	}
	.driver-name .fs-5{
		font-size: 1.8rem !important;
	}
	.team-name .fs-5{
		font-size: 1.8rem !important;
	}
	.f1-podium-top-position .driver-rank.pos--1 {
	    height: 270px;
	}
	.f1-podium-top-position .team-rank.pos--1 {
	    height: 280px;
	}
	.img-responsive-custom-d {
		width: 2vw !important;
	}
	.img-responsive-custom-a {
		width: 10vw !important;
	}
	.img-responsive-custom-b {
		width: 6vw !important;
	}
}
@media (min-width: 576px) {
	.resultFilterDiv, .measureFilterDiv {
	    display: none;
	}
	.resultFilterSelect, .measureFilterSelect {
	    display: block;
	}
	.f1-podium-top-position {
		margin-top: 20px;
	}	
	.driver-name .fs-7 {
		font-size: 0.6rem !important;
	}
	.driver-name .fs-6 {
		font-size: 0.8rem !important;
	}
	.driver-name .fs-5{
		font-size: 1.8rem !important;
	}
	.team-name .fs-5{
		font-size: 1.8rem !important;
	}
	.f1-podium-top-position .driver-rank.pos--1 {
	    height: 300px;
	}
	.f1-podium-top-position .team-rank.pos--1 {
	    height: 380px;
	}
	.img-responsive-custom-d {
		width: 2vw !important;
	}
	.img-responsive-custom-a {
		width: 10vw !important;
	}
	.img-responsive-custom-b {
    	width: 5vw !important;
    }
}
@media (min-width: 768px) {
	.resultFilterDiv, .measureFilterDiv {
	    display: none;
	}
	.resultFilterSelect, .measureFilterSelect {
	    display: block;
	}
	.f1-podium-top-position {
		margin-top: 40px;
	}	
	.driver-name .fs-6{
		font-size: 0.9rem !important;
	}
	.driver-name .fs-5{
		font-size: 1.1rem !important;
	}
	.team-name .fs-5{
		font-size: 1.1rem !important;
	}		
	.f1-podium-top-position .driver-rank.pos--3 {
	    height: 75px;
	}

	.f1-podium-top-position .driver-rank.pos--2 {
	    height: 90px;
	}

	.f1-podium-top-position .driver-rank.pos--1 {
	    height: 120px;
	}   
		.f1-podium-top-position .team-rank.pos--3 {
	    height: 140px;
	}

	.f1-podium-top-position .team-rank.pos--2 {
	    height: 180px;
	}

	.f1-podium-top-position .team-rank.pos--1 {
	    height: 220px;
	}
	.img-responsive-custom-d {
		width: 2vw !important;
	}
	.img-responsive-custom-a {
		width: 8vw !important;
	}
	.img-responsive-custom-b {
    	width: 4vw !important;
    }
}
@media (min-width: 992px) {
	.resultFilterDiv, .measureFilterDiv {
	    display: block;
	}
	.resultFilterSelect, .measureFilterSelect {
	    display: none;
	}
	.f1-podium-top-position {
		margin-top: 40px;
	}	
	.driver-name .fs-7 {
		font-size: 0.6rem !important;
	}
	.driver-name .fs-6 {
		font-size: 0.8rem !important;
	}
	.driver-name .fs-5{
		font-size: 1.25rem !important;
	}	
	.team-name .fs-5{
		font-size: 1.25rem !important;
	}
	.f1-podium-top-position .driver-rank.pos--3 {
	    height: 80px;
	}

	.f1-podium-top-position .driver-rank.pos--2 {
	    height: 105px;
	}

	.f1-podium-top-position .driver-rank.pos--1 {
	    height: 140px;
	}
		.f1-podium-top-position .team-rank.pos--3 {
	    height: 150px;
	}

	.f1-podium-top-position .team-rank.pos--2 {
	    height: 190px;
	}

	.f1-podium-top-position .team-rank.pos--1 {
	    height: 230px;
	}
	.img-responsive-custom-d {
		width: 2vw !important;
	}
	.img-responsive-custom-a {
		width: 8vw !important;
	}
	.img-responsive-custom-b {
    	width: 3vw !important;
    }
}
@media (min-width: 1200px) {
	.resultFilterDiv, .measureFilterDiv {
	    display: block;
	}
	.resultFilterSelect, .measureFilterSelect {
	    display: none;
	}
	.f1-podium-top-position {
		margin-top: 40px;
	}	
	.driver-name .fs-6{
		font-size: 0.6rem !important;
	}
	.driver-name .fs-5{
		font-size: 0.75rem !important;
	}	
	.team-name .fs-5{
		font-size: 1.25rem !important;
	}
	.f1-podium-top-position .driver-rank.pos--3 {
	    height: 90px;
	}

	.f1-podium-top-position .driver-rank.pos--2 {
	    height: 130px;
	}

	.f1-podium-top-position .driver-rank.pos--1 {
	    height: 170px;
	}
	.f1-podium-top-position .team-rank.pos--3 {
	    height: 180px;
	}

	.f1-podium-top-position .team-rank.pos--2 {
	    height: 220px;
	}

	.f1-podium-top-position .team-rank.pos--1 {
	    height: 260px;
	}
	.img-responsive-custom-d {
		width: 2vw !important;
	}
	.img-responsive-custom-a {
		width: 6vw !important;
	}
	.img-responsive-custom-b {
    	width: 2vw !important;
    }
}
@media (min-width: 1400px) {
	.resultFilterDiv, .measureFilterDiv {
	    display: block;
	}
	.resultFilterSelect, .measureFilterSelect {
	    display: none;
	}
	.f1-podium-top-position {
		margin-top: 40px;
	}	
	.driver-name .fs-6{
		font-size: 0.8rem !important;
	}
	.driver-name .fs-5{
		font-size: 1rem !important;
	}	
	.team-name .fs-5{
		font-size: 1.25rem !important;
	}
	.f1-podium-top-position .driver-rank.pos--3 {
	    height: 120px;
	}

	.f1-podium-top-position .driver-rank.pos--2 {
	    height: 145px;
	}

	.f1-podium-top-position .driver-rank.pos--1 {
	    height: 200px;
	}
	.f1-podium-top-position .team-rank.pos--3 {
	    height: 210px;
	}

	.f1-podium-top-position .team-rank.pos--2 {
	    height: 250px;
	}

	.f1-podium-top-position .team-rank.pos--1 {
	    height: 290px;
	}
	.img-responsive-custom-d {
		width: 2vw !important;
	}
	.img-responsive-custom-a {
		width: 6vw !important;
	}
	.img-responsive-custom-b {
    	width: 2vw !important;
    }
}



.f1-podium-top-position {
    margin-right: 10px;
    margin-left: 10px;
    width: calc(100% - 10px);
}	
	
.f1-podium-top-position .driver-name {
    border-radius: 0 0 15px 15px;
    padding: 10px;
}	

.f1-podium-top-position .team-name {
    border-radius: 0 0 15px 15px;
    padding: 10px;
}

.f1-podium-other-position {
    border-radius: 15px 15px 15px 15px;
    padding: 10px;
}


.f1-podium-top-position .driver-rank.pos--3 {
    border-radius: 15px 15px 0 0;
    position: relative;
}

.f1-podium-top-position .driver-rank.pos--2 {
    border-radius: 15px 15px 0 0;
    position: relative;
}

.f1-podium-top-position .driver-rank.pos--1 {
    border-radius: 15px 15px 0 0;
    position: relative;
}
	
.f1-podium-top-position .driver-rank .driver-image img {
    bottom: 0;
    position: absolute;
    right: 0;
}	

.f1-podium-top-position .team-rank.pos--3 {
    border-radius: 15px 15px 0 0;
    position: relative;
}

.f1-podium-top-position .team-rank.pos--2 {
    border-radius: 15px 15px 0 0;
    position: relative;
}

.f1-podium-top-position .team-rank.pos--1 {
    border-radius: 15px 15px 0 0;
    position: relative;
}

.f1-podium-top-position .team-rank .team-image img {
    bottom: 0;
    position: absolute;
    right: 0;
}

.f1-podium-car {
    width: 130px;
    display: inline-block;
    vertical-align: middle;
}
	
.f1-left {
    text-align: left;
}
.f1-bg--gray6 {
    background-color: #38383f;
}
.f1-color--white {
    color: #fff;
}

.f1-bg--white {
    background-color: #fff;
}
.team-color-icon {
    width: 4px;
    height: 14px;
    margin: 0 5px;
}	

.team-color-icon-live {
    width: 5px;
    height: 14px;
    margin: 0 5px;
    display: inline-block;
}	

.nav-color-icon {
    width: 4px;
    height: 34px;
    margin: 0 10px;
}	


.img-responsive-custom {
	width: 3vw;
}
.img-responsive-custom-e {
	width: 1.3vw;
}
.img-responsive-custom-b {
	width: 2vw;
}
.img-responsive-custom-c {
	width: 15vw;
}
.img-responsive-custom-d {
	width: 6vw;
}
.img-responsive-custom-f {
	width: 8vw;
}
.text-responsive-custom-b {
	font-size: 2vw;
}
.text-responsive-custom {
	font-size: 1vw;
}

.img-responsive {
	height: auto;
    max-width: 380px;
}

.img-responsive-full {
	height: auto;
    max-width: 100%;
}

.img-responsive-part {
	height: auto;
    max-width: 75%;
}

.img-responsive-mid {
	height: auto;
    max-width: 50%;
}

.header__alt-inner {
  position: relative;
  z-index: 1;
  background-color: #292c31;
}

.header__alt-inner::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 3px 0 0 3px;
}
.header__alt-inner::after {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
}

.nav-color-icon {
	height: 30px;
    margin: 0 10px;
    display: inline-table;
}

.f1-podium-top-position-margin {
		margin-top: 60px;
}	

.hoverable:hover {
	opacity: 30%;
}

.text-base {
	color: #9a9da2;
}

.team_driver_border {
	border-right: solid 1px #949498;
    border-bottom: solid 1px #949498;
    border-bottom-right-radius: 10px;
}

.team_border {
    border-bottom: solid 1px #949498;
    margin-bottom: 10px;
}


.sbp-preview-top-left {
    border-top-left-radius: 2.35rem;
    border-top: 0.75rem solid #e0e5ec;
    border-bottom: 0;
    border-left: 0.75rem solid #e0e5ec;
    border-right: 0;
    border-style: solid;
    background-image: url(/images/diagonal-waves.png);
    background-color:grey;
}

.sbp-preview-bottom-left {
    border-bottom-left-radius: 2.35rem;
    border-top: 0;
    border-bottom: 0.75rem solid #e0e5ec;
    border-left: 0.75rem solid #e0e5ec;
    border-right: 0;
    border-style: solid;
    background-image: url(/images/diagonal-waves.png);
    background-color:grey;
}

.sbp-preview-top-right {
    border-top-right-radius: 2.35rem;
    border-top: 0.75rem solid #e0e5ec;
    border-bottom: 0;
    border-right: 0.75rem solid #e0e5ec;
    border-left: 0;
    border-style: solid;
    background-image: url(/images/diagonal-waves.png);
    background-color:grey;
}

.sbp-preview-bottom-right {
    border-bottom-right-radius: 2.35rem;
    border-top: 0;
    border-bottom: 0.75rem solid #e0e5ec;
    border-right: 0.75rem solid #e0e5ec;
    border-left: 0;
    border-style: solid;
    background-image: url(/images/diagonal-waves.png);
    background-color:grey;
}

.sbp-preview-center {
    border-top: 0;
    border-bottom: 0;
    border-right: 0.75rem solid #e0e5ec;
    border-left: 0.75rem solid #e0e5ec;
    border-style: solid;
    
}

.sbp-preview-center .sbp-preview-stats {
    background-image: url(/images/diagonal-waves.png);
    background-color:grey;
}

.sbp-preview {
    border-radius: 2.35rem;
    border: 0.75rem solid #e0e5ec;
    border-style: solid;
    background-image: url(/images/diagonal-waves.png);
}

.sbp-preview .sbp-preview-title {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    padding: 0.2rem;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 800;
    font-family: system-ui;
}

.sbp-preview-top-right .sbp-preview-title {
    border-top-right-radius: 1.5rem;
    padding: 0.2rem;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 800;
    font-family: system-ui;
}

.sbp-preview-top-left .sbp-preview-title {
    border-top-left-radius: 1.5rem;
    padding: 0.2rem;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 800;
    font-family: system-ui;
}

.sbp-preview .sbp-preview-logo,
.sbp-preview-top-left .sbp-preview-logo,
.sbp-preview-top-right .sbp-preview-logo {
    font-size: xx-large;
    font-weight: 800;
    font-family: system-ui;
    line-height: normal;
}


.sbp-preview .sbp-preview-text {
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: left;
    font-size: 0.8rem;
    font-weight: 800;
    font-family: system-ui;
    line-height: 2rem;
}

.sbp-preview-top-left .sbp-preview-text,
.sbp-preview-top-right .sbp-preview-text {
    padding: 0.2rem 0rem 0.2rem 0rem;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: left;
    font-size: 0.8rem;
    font-weight: 800;
    font-family: system-ui;
    line-height: 2rem;
}

.sbp-preview .sbp-preview-driver {
   padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}

.sbp-preview-top-left .sbp-preview-driver,
.sbp-preview-top-right .sbp-preview-driver {
   padding: 0.2rem 0rem 0.2rem 0rem;
}

.sbp-preview .sbp-preview-result {
   padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}

.sbp-preview-top-left .sbp-preview-result,
.sbp-preview-top-right .sbp-preview-result {
   padding: 0.2rem 0rem 0.2rem 0rem;
}

.sbp-preview .sbp-preview-bottom {
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    font-size: 0.875rem;
    padding: 0.2rem;
}

.sbp-preview-bottom-right .sbp-preview-bottom {
    border-bottom-right-radius: 1.5rem;
    font-size: 0.875rem;
    padding: 0.2rem;
}

.sbp-preview-bottom-left .sbp-preview-bottom {
    border-bottom-left-radius: 1.5rem;
    font-size: 0.875rem;
    padding: 0.2rem;
}

.vertical-text {
    text-align: initial;
    text-transform: uppercase;
    font-weight: 800;
    color: white;
    font-size: 0.8rem;
    text-align: center;
    width: 0.7rem;
    font-weight: bold;
    font-family: monospace;
    transform: scale(1.5, 0.8);
    margin-top: -20px;
    margin-bottom: -20px;
}

.toggle-group span {
	padding: 13px 10px !important;
}

h7, .h7 {
    font-size: 0.6rem;
}

.fs-9 {
    font-size: 0.6rem !important;;
}

.fs-10 {
    font-size: 0.4rem !important;;
}

.compare_bar_B{
	height: 12px;
	background: linear-gradient(0deg, white, white);
	position: absolute;
	left: 0;
	bottom: 0;
}

.compare_bar_A {
	height: 12px;
	background: linear-gradient(0deg, black, black);
	position: absolute;
	right: 0;
	bottom: 0;
}

.compare_title {
	z-index: 2;
	position: absolute;
	left:0;
	top:-4px;
}

canvas {
    min-height: 500px;
    max-height: 500px;
    background-color: white;
}


td.text-warning-dt {
    color: #f6c23e !important;
}

td.text-danger-dt {
    color: #e74a3b !important;
}

td.text-secondary-dt {
    color: #6c757d !important;
}

td.text-primary-dt {
    color: #4e73df !important;
}

td.text-dark-dt {
    color: #5a5c69 !important;
}

 td.text-success-dt {
    color: #28a745 !important;
}

td.font-weight-bold-dt {
    font-weight: bold;
}
   
.list-group-item.active {
    z-index: 2;
    background-color: #515356;
    border-color: #515356;
}

.list-group-item:hover:not(.active) {
    opacity: 50%;
    background-color: #515356;
    border-color: #515356;
}

.filterSelect {
	height: 36px;
    background-color: #515356;
    border-color: #515356;
    color: white;
    text-transform: uppercase;
}

.bestlap {
    font-weight: 900;
    color: #a670ce;
}

.table-zero-padding tbody tr td {
    padding: .3rem;
    vertical-align: middle;
}

table.dataTable>tbody>tr {
    height: 40px !important;
}

table.strict-size.dataTable>tbody>tr {
    height: 30px !important;
}

.custom-td-table {
	padding: 3px 0 3px 0 !important;
	border: 0 !important;
}	

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: grey;
   background: rgba(64, 62, 63, .7)    /*  70% opaque green */ 
}

.table-pointer tbody tr:hover {
  cursor: pointer;
}

.input-btn-custom, .input-btn-custom:hover {
    background-color: #dd8016;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding: 0px 15px;
    border: 0;
}

.table {
    --bs-table-hover-color: white !important;

}

.btn-custom-edit,  .btn-custom-edit:focus {
	border-radius: 5px !important;
    margin: 5px 5px;
    outline: 0 !important;
}

.page-item.disabled .page-link {
    background-color: #1d1c1c !important;
    opacity: 30% !important;
}


.form-control-table {
    padding: 6px 6px;
    padding-right: 1em;
    line-height: 1.733333;
    font-size: 9px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    box-shadow: none;
    transition: border-color ease-in-out 0.15s;
}

.retired-row {
    background-color: #000000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.3;
    filter: alpha(opacity=60);
}

.dropdown-standing {
    min-width: max-content;
}

.text-primary-inverse {
    color: #4e73df !important;
}

@font-face {
  font-family: 'Ubuntu';
  src: url("../webfonts/ubuntu.mono-bold.ttf");
}

td.stint-font {
    font-family: Ubuntu !important;
	font-size: small !important;
}

.telemetry_public {
  text-decoration: underline;
  text-decoration-color: orange;
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
}

.text-color-blue {
    color: #0d6efd !important;
}

.text-color-red {
    color: #dc3545 !important;
}

.text-color-yellow {
    color: #ffc107 !important;
}

.text-color-gray {
    color: #adb5bd !important;
}

.text-secondary-light{
    color: #9a9da2 !important;
}

td.archive-nopadding {
    padding: 1px 1px 1px 1px !important;
}

.text-special {
	color: #f900ff;
}

.sub-th-div {  
   	display: inline-block;
   	padding: 0.25rem;
    font-size: smaller;
}
.sub-td-div {  
   	display: inline-block;
   	padding: 0.25rem;
}

.poleclass {
    border: 2px solid #2ce2ff;
    border-radius: 5px;
    margin-top: 0rem;
    margin-bottom: -0.3rem;
    width: 100%;
    opacity: 1.0;
}

.img-responsive-custom-min {
    width: 3vw;
    min-width: 3vw;
}

.lang-active {
    border-color: orange;
    border-style: solid;
}


@font-face {
    font-family: template_familyA;
    src: url("/css/webfonts/Cinqcent.otf");
}
            
@font-face {
    font-family: template_familyB;
    src: url("/css/webfonts/Titillium-Bold.otf");
}
            
.template_background {
    background-size: cover;
    background-color: black;
    color: WHITE;
    font-family: 'Comic Sans MS';
}
            
.template_font_A { 
    font-family: template_familyA;
    color: red;
    font-size: 3.5vw;
    font-weight: bold;
    text-transform: uppercase;
}
        
.template_font_B { 
     font-family: template_familyB;
     color: white;
     font-size: 1.5vw;
}
			
.template_font_C { 
     font-family: template_familyB;
     color: white;
     font-size: 0.8vw;
}
			
.template_font_D { 
    font-family: template_familyA;
    color: #da1313;
    font-size: 0.8vw;
    letter-spacing: 0.8px;
}
			
.template_font_E { 
     font-family: template_familyB;
     color: white;
     font-size: 1.2vw;
}
			
.template_type_A { 
     border-bottom-style: solid;
     border-bottom-color: red;
}
			
.template_complete { 
    background-color: grey;
    opacity: 40%;
}

.template_font_complete { 
    text-align: right;
    font-family: template_familyB;
    color: yellow;
    font-size: 1vw;
}

p.template_p{
    margin-top: 0;
    margin-bottom: 0;
}

.TWCH-live-banner {
    background-color: #27313b;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    margin-bottom: 10px;
    min-height: 90px;
    background-image: url(/images/twitch-logo.png);
    background-blend-mode: darken !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
}

.TWCH-live-banner--bg {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border: 2px solid #801ed3;
    border-radius: 8px;
}

.TWCH-live-banner--img-left .TWCH-live-banner__img {
    float: left;
    max-width: 50%;
    z-index: 2;
    position: absolute;
}

.TWCH-live-banner-inner {
    position: absolute;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
}

.YOTU-live-banner {
    background-color: #27313b;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    margin-bottom: 10px;
    min-height: 90px;
    background-image: url(/images/youtube-logo.png);
    background-blend-mode: color-burn !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
}

.YOTU-live-banner--bg {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border: 2px solid #dd163b;
    border-radius: 8px;
}

.YOTU-live-banner--img-left .YOTU-live-banner__img {
    float: left;
    max-width: 50%;
    z-index: 2;
    position: absolute;
}

.YOTU-live-banner-inner {
    position: absolute;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
}


@media (min-width: 1401px) {

}

@media (max-width: 1400px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

}

@media (max-width: 576px) {

}

@media (max-width: 470px) {

}

.rounded-custom {
    border-radius: 1.25rem !important;
}

.press-image {
    max-height: 300px !important;
}

.gsi-material-button-google {
    background-color: WHITE;
    color: #1f1f1f; 
}  

.gsi-material-button-discord {
    background-color: #5865F2;
    color: WHITE;
}  

.gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
 
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
  transition: background-color .218s, border-color .218s, box-shadow .218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}

.gsi-material-button .gsi-material-button-icon {
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gsi-material-button:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}

.gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state, 
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}

.gsi-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}

.fs-7{
  font-size: 0.8rem !important;
}

.fs-8{
  font-size: 0.6rem !important;
}

.driver_card_bg {
    background-color: #292c31;
}

.team_card_bg {
    background-color: #292c31;
}

.driver_graph_compare_bg {
    background-color: #292c31 ;
}

.chartLine_bg {
    background-color: rgb(41, 44, 49);
}

.f1-result-bg {
    background-color: #292c31;
}