.ico_moto { background-image: url(images/moto.png); display: inline-block; background-repeat: no-repeat; height: 21px; width: 21px; }

.ico_k { background-image: url(images/Wind_white.png); background-size: cover; display: inline-block; background-repeat: no-repeat; height: 18px !important; width: 18px !important; }
.ico_kb { background-image: url(images/Wind_black.png); background-size: cover; display: inline-block; background-repeat: no-repeat; height: 18px !important; width: 18px !important; }

.ico_f { background-image: url(images/f.png); display: inline-block; background-repeat: no-repeat; height: 18px !important; width: 9px !important; }
.ico_fr {display: inline-block; background-repeat: no-repeat; height: 18px !important; width: 28px !important; background-size: contain }

.ico_time { background-image: url(images/Watch_white.png); display: inline-block; background-repeat: no-repeat; height: 18px; width: 18px; background-size: cover}

body { padding-top: 50px; background-color: gainsboro; }

.starter-template { padding: 40px 15px; text-align: center; }

.controle-box { margin-top: 7px; margin-bottom: 7px; margin-left: 4px; margin-right: 4px; background-color: #18558E; border-color: #333; }

.traceInfo { color: #FFFFFF; margin-right: 4px; margin-left: 4px; }

.data-tab { color: #000000; background-color: #FFFFFF; }

.navbar-inverse { background: #ffffff; }
.navbar-inverse .navbar-brand{
    padding-top: 0px;
    position: relative;
}

.navbar-inverse .navbar-brand .revision{
    color: #e46c0a;
    font-size: 10px;
    position: absolute;
    right: -8px;
    top: 2px;
}

.navbar-inverse{
    border: none;
}
.navbar-inverse .navbar-brand img { height: 40px !important; margin: 8px; }
.navbar-inverse .badge { background: transparent; color: #e46c0a; font-weight: normal; }
.navbar-inverse .badge:before { content: "("; }
.navbar-inverse .badge:after { content: ")"; }

.controle-box { margin: 0; background: #17375e; }

.controle-box { display: none; }

.box-table { z-index: 9; text-align: center; overflow-x: auto; width: 100%; }
.box-table table{
    width: 100%;
}
.box-table tr [type=checkbox]{
    pointer-events: none;
}
.box-table td { border: 1px solid #ccbcbc; }
.box-table tr { background: #ffffff; }
.box-table tr.row1 { background: #e46c0a; }
/*.box-table tr:nth-child(even) { background: lightgray; }*/

.box-table td {height: 33px; }

.box-table-top { background: #17375e; z-index: 10; text-align: center; background: #17375e; width: 100%; }
.box-table-top > div {height: 34px; background: #17375e; }
.box-table-top .col-lg-8 div{color: #fff; }
.box-table-top .col-xs-3 span {line-height: 34px}
.box-table-top > div:last-child { border-right: 1px solid #17375e; }
.box-table-top > div span:first-child { margin: 0 5px; position: relative; top: 4px; }
.box-table-top .row-del div { height: 0px; border: 0; }
.box-table-top a{
    color: white;
    /*display: none;*/
    text-decoration: underline;
}
.box-table-top .box-table td a{
    color: black;
}

.address{
    border: medium none;
    color: black;
    height: 34px;
    width: 100%;
    padding-left: 36px;

    background-color: white;
    background-image: url('images/icon-address.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
    border-top: 1px solid #080808 !important;
}
.row-no-padding{margin: 0;}
.row-no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#delete-line{
    color: #e46c0a;
}

.drop-list{
    overflow: auto;
    width: 100%;
    position: absolute;
    top: 34px;
    background: #17375e;
    color: white;
    z-index: 100000;
    text-align: left; padding: 0; display: none;
    max-height: 300px;
}
#save-actions{
    position: absolute;
    top: 34px; line-height: 34px; width: 100%;
    background: #17375e;
    color: white;
    z-index: 1000;
}

.drop-list li{
    list-style: none; padding: 2px 2px 2px 24px;
    background: rgba(0, 0, 0, 0) url("images/marker.png") no-repeat scroll 5px 7px / 12px auto;
    display: none;
    margin-left: 8px;
}

.drop-list li:hover{
    color: #e46c0a; cursor: pointer;
}
.drop-list{
    padding-left: 18px;
}
.drop-list .line_country{
    vertical-align: middle; font-weight: bold; line-height: 22px; padding-left: 5px; cursor: pointer;
}




.trace-item.active{font-weight: bold;}


#checkLine tbody tr{
    cursor: pointer;
}
#user_detail tbody tr.selected{font-weight: bold;}
.div-title{
    background-color: #333333;
    text-transform: capitalize;
    color: white;
    padding: 2px 4px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    text-align: left;
}
.div-title .icon{
    height:17px;
    width:18px;
    top:2px;
    position:relative;
    float:right
}

.div-title .opt{
    float: right;
    padding-right: 5px;
}

#listDriver .driver td:first-child{
    background: rgba(0, 0, 0, 0) url("images/moto.png") no-repeat scroll 3px 0px;
}
#listDriver .driver td{
    padding: 5px 0;
}
.panel-list{
    margin-bottom: 0;
}
.panel-list .panel{
    margin-top:0 !important;
    border-radius: 0;
    background-color:#17375e;
}
.panel-list .panel-heading{
    padding: 3px;
    background-color:#17375e;color:white;

}
.panel-list .panel-title a{
    font-weight:400;
    text-decoration: none;
    display:block;
}
.arrow{
    width: 0;
    height: 0;
    float: right;
    margin-top: 6px;

    margin-right: 4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;

    border-top: 7px solid white;

}
.collapsed .arrow {

    border-top: 7px solid transparent !important;
    border-bottom: 7px solid transparent !important;

    border-left: 7px solid white !important;
    margin-top: 2px !important;

    margin-right: -2px !important;

}
.view-mode{
    position: absolute;
    top: 34px;
    background: #17375e;
    color: white;
    z-index: 100010;
    text-align: left; padding: 0; display: none;
    max-height: 300px; overflow: scroll; width: 100%;
}
#view-mode:hover .view-mode{
    display: inline-table;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li.active > a{
    color: #e46c0a;
}


.weather-info div{
    background: #e6eaed;
    color: #655f59;
    text-align: left; border: none !important;
}
.weather-info .weather-name{
    font-weight: bold; color: #5c7477; height: 28px;
}
.weather-info .temp-today{
    font-size: 22px; font-weight: bold; color: #65727f;
}
.weather-info .temp-next{
    font-size: 12px; font-weight: bold; height: 16px; line-height: 16px;
}
.weather-info .temp-next:first-child{
    color: #8ba2be;
}
.weather-info .temp-next:last-child{
    color: #ce8180;
}


.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto; background: white;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.address-info th{
    text-align: center;
}
.address-info td, .address-info th{
    line-height: 20px; color: #000000;
}
.address-info td input{
    width: 100%;
}

#slider .ui-slider-handle{
    width: 7px;
    margin-top: -3px;
    margin-left: 0;
}
/*figure {
    background: #ddd;

    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    width:30px;
    float: left;
}

figure button[name="play"] {
    width: 30px;
    height: 30px;
    background: red;
    border: none;

    cursor: pointer;
}
figure button[name="play"]:focus {
    outline: 0;
    border: 1px solid hsl(210, 58%, 69%);
    box-shadow: 0 0 0 3px hsla(210, 76%, 57%, 0.5);
}

figure button[name="play"]::after {
    content: '';
    display: inline-block;
    position: relative;
    top: 1px;
    left: 2px;
    border-style: solid;
    border-width: 9px 2px 7px 16px;
    border-color: transparent transparent transparent white;
}*/
.play {
    border-bottom: 10px solid transparent !important;
    border-left: 12px solid #ff0000 !important;
    border-top: 10px solid transparent !important;
    display: block !important;
    float: left;
    height: 0;
    left: 10px !important;
    margin-bottom: 10px !important;
    margin-left: auto !important;
    margin-right: 14px;
    margin-top: 20px !important;
    position: relative !important;
    top: -14px;
    transition: all 0.3s ease 0s !important;
    width: 0;
    z-index: 1 !important;
}
.play:before {
    content: '';
    box-sizing:content-box;
    position: absolute;
    top: -15px;
    left: -23px;
    bottom: -15px;
    right: -7px;
    border-radius: 50%;
    border: 2px solid #FF0000;
    z-index: 2;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.play:after {
    content: '';
    box-sizing:content-box;
    opacity: 0;
    transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
}
.play:hover:before, .play:focus:before {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    box-sizing:unset;
}
.play.active {
    border-color: transparent !important;
}
.play.active:after {
    content: '';
    box-sizing:content-box;
    opacity: 1;
    width: 10px;
    height: 16px;
    background: #FF0000 !important;
    position: absolute;
    right: 1px;
    top: -8px;
    border-left: 4px solid #FF0000 !important;
    box-shadow: inset 6px 0 0 0 black !important;
}
/*
.play {
    border-bottom: 10px solid transparent;
    border-left: 12px solid #FF0000;
    border-top: 10px solid transparent;
    display: block;
    float: left;
    height: 0;
    left: 12px;
    margin-right: 17px;
    position: relative;
    top: 7px;
    transition: all 0.3s ease 0s;
    width: 0;
    z-index: 1;
}
.play:before {
    border: 2px solid #FF0000;
    border-radius: 50%;
    bottom: -15px;
    content: "";
    left: -23px;
    position: absolute;
    right: -7px;
    top: -15px;
    transition: all 0.3s ease 0s;
    z-index: 2;
}
.play:after {
    content: '';
    opacity: 0;
    transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
}
.play:hover:before, .play:focus:before {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.play.active {
    border-color: transparent;
}
.play.active:after {
    content: '';
    opacity: 1;
    width: 10px;
    height: 16px;
    background: #FF0000;
    position: absolute;
    right: 1px;
    top: -8px;
    border-left: 4px solid #FF0000;
    box-shadow: inset 6px 0 0 0 #f9f9f9;
}
*/
h1 {
    text-transform: uppercase;
    color: #34495e;
    letter-spacing: 2px;
    font-size: 2em;
    margin-bottom: 0;
}

.headline {
    display: block;
    color: #2c3e50;
    font-size: 1.5em;
    margin-bottom: 1.5em;
}

.social {
    text-decoration: none;
    color: #34495e;
    margin: 0.5em 1.5em;
    display: inline-block;
}
.social:hover, .social:focus {
    color: #2c3e50;
}
#navbar .functions{
    margin-bottom: 8px;
}

/*
.play {
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 60px solid #2c3e50;
    margin: 100px auto 50px auto;
    position: relative;
    z-index: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    left: 10px;
}
.play:before {
    content: '';
    position: absolute;
    top: -75px;
    left: -114px;
    bottom: -75px;
    right: -35px;
    border-radius: 50%;
    border: 10px solid #2c3e50;
    z-index: 2;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.play:after {
    content: '';
    opacity: 0;
    transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
}
.play:hover:before, .play:focus:before {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.play.active {
    border-color: transparent;
}
.play.active:after {
    content: '';
    opacity: 1;
    width: 50px;
    height: 80px;
    background: #2c3e50;
    position: absolute;
    right: 5px;
    top: -40px;
    border-left: 20px solid #2c3e50;
    box-shadow: inset 30px 0 0 0 #f9f9f9;
}
*/
a.canvasjs-chart-credit{
    display: none;
}
.bubble:after {

    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -14px;
    content: "";
    position: absolute;
    left: 46%;
    margin-left: -8px;
    width: 0;
    height: 0;
}
.bubble-max:after {
    border-top: 14px solid #3dd53b;
}
.bubble-min:after {
    border-top: 14px solid #d43b39;
}
.headline {
    display: block;
    color: #2c3e50;
    font-size: 1.5em;
    margin-bottom: 1.5em;
}

.social {
    text-decoration: none;
    color: #34495e;
    margin: 0.5em 1.5em;
    display: inline-block;
}
.social:hover, .social:focus {
    color: #2c3e50;
}


#analysis-box{
    position: absolute;
    top: 50px;
    right: 10px; width: 260px; background: white;
    display: none; z-index: 100000;
}
#analysis-box .div-title{
    border: solid 1px white;
}
#analysis-box .content{
    padding: 10px;
}
#analysis-box .content label{
    font-weight: normal;
}

#small-box-config{
    display: inline-block; float: right; margin-right: 30px;
}
#small-box-config li{
    list-style: outside none none; margin-top: 10px;
}
#small-box-config #analysis-box{
    right: -15px;
}

#navbar .item{
    display: inline-block !important;
}
.navbar-collapse.in{
    overflow-y: visible;
}
.navbar{

}


.box-table tbody tr input[type=checkbox]{
    display: none;
}

.speed-meter{
    width: 100%;
    margin-bottom:11px;
    clear: both;
}
.speed-meter .left{
    float: left;
    width: 50%;
    text-align: right;
}
.speed-meter .left div{
    height: 10px;
    float: right;
}
.speed-meter .right{
    float: left;
    width: 50%;
    text-align: left;
}
.speed-meter .right div{
    height: 10px;
    float: left;
}


#lines li a{
    color: #e46c0a;
    float: right;
    display: inline-block;
    padding-right: 8px;
    padding-left: 8px;
}
#lines li a:hover{
    border: solid white; border-width: thin;
}


.canvasjs-chart-container > .canvasjs-chart-canvas{
    left: 0px;
}

#chartReview{

}

#bar-processing{
    margin-top: 10px;
    margin-bottom: 10px;
}

.live_marker{
    background: red none repeat scroll 0 0;
    border-radius: 50%;
    color: white;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    text-align: center;
    width: 20px;
}

.backup-line{
    /*display: none;*/
}


.time-table-cell{
    display: none;
}

.div-user-laps {
    overflow: scroll;
}

.opt-col{
    background: #17375e;
    color: white;
}

.user-laps-2 td{
    padding-left: 5px;
    padding-right: 5px;
}

#col-function #map-canvas{
    width: 100%;
}

.switch-map-chart{
    position: absolute;
    font-size: 16px;
    padding: 5px;
    background: white;
    border: 1px solid #17375e;
    color: #7f7f7f;
    height: 30px;
    top: 13px;
    right: 60px;
    z-index: 10000;
    border-radius: 3px;
    box-shadow: 2px -2px 2px #888888;
}

.switch-map-chart a.active, .switch-map-chart a:hover{
    color: #e46c0a;
}

@media (max-width: 430px) {
    #div-userSelected .div-title{
        height: 42px;
    }
}

@media (max-width: 1199px) {
    .switch-map-chart.before{
        box-shadow: none; border-radius: 2px;
    }

}
.canvasjs-chart-toolbar{
    left: 40px !important;
    right: auto;
}

#analysis-box h5{
    font-weight: 600;
    margin-bottom: 0px;
}


.athlete-marker{
    position: relative;
}
.athlete-marker i{
    position: absolute;
    top: -16px; right: -5px; color: red;
}
.athlete-marker img{
    position: absolute;
    top: -10px; left: -3px;
}

.time-table-cell .div-user-laps{
    overflow-y: hidden;
}

#live-tracking-settings{
    position: absolute;
    top: 40px;
    width: 240px; background: white;
    display: none; z-index: 100001;
}
#navbar li.active:hover #live-tracking-settings{
    display: block;
}


#live-tracking-settings .div-title{
    border: solid 1px white;
}
#live-tracking-settings .content{
    padding: 10px;
}
#live-tracking-settings .content span{
    display: inline-block; width: 40px; text-align: center;  color:  #17375e;
}

#live-tracking-status {
    font-weight: bold;
    position: absolute;
    right: 5px;
    top: 8px;
}


.gmnoprint .gm-style-mtc{
    position: absolute !important; border: 1px solid black;
}
.gmnoprint .gm-style-mtc div{
    padding: 4px 8px !important;
}
#map-type-active{
    top: 5px;
    left: 5px; z-index: 1000000 !important;
    box-shadow: 2px 0 2px -2px #888888;
}

#map-type-1{
    top: 0px;
    left: 0px; z-index: 999999; max-width: 36px;
}
#map-type-2{
    top: -5px;
    left: -5px;  z-index: 999998; max-width: 36px;
}

.bubble-min, .bubble-max{
    opacity: 0.7;
}

.modal-content{
    border: none; border-radius: 0;
}
.modal-content .close, .close-lap-settings{
    border-radius: 50%;
    width: 24px;
    height: 24px;
    color: white;
    opacity: 1;
    vertical-align: middle;
    line-height: 24px;
    right: 2px;
    top: 3px;
    position: absolute;
    text-align: center;
}
.close-lap-settings img{
    width: 100%; height: 100%
}
    
.modal-content .close:hover, .close-lap-settings:hover{
    background: grey;
}

.user-popup{
    position: absolute;
    top: 50px;
    left: 0px;
    width: 260px;
    background: white;
    display: none;
    z-index: 100000;
}

.modal-popup .title-user-popup,
.user-popup .title-user-popup
{
    background-color: #333333;
    text-transform: capitalize;
    color: white;
    padding: 2px 4px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    text-align: left;
    border: 1px solid #ffffff;
}
.title-user-popup p {
    margin: 3px;
}
.content-user-popup{
    border: 2px solid #ffffff;
}
.modal-popup input[type=text], .modal-popup [type=password], .user-popup input[type=text], input[type=password]{
    width: 100%;
    border: none;
    padding: 5px 5px;
}
.modal-popup .btn,
.user-popup .btn
{
    width: 100%;
    background-color: #e98701;
    border: none;
    border-radius:0;
    margin: 1px 0;
    color: #ffffff;
    text-align: left;
    padding: 6px 4px;
}
.modal-popup form .btn:last-child,
.user-popup form .btn:last-child
{
    background-color: black; color: #e98701;
}
.modal-popup .btn a,
.user-popup .btn a
{color: #ffffff}

.modal-popup .btn-forget,
.user-popup .btn-forget
{
    background-color: #080808;
    color: #e46c0a;
}
.modal-popup .btn-terms,
.user-popup .btn-terms
{
    background-color: #e46c0a;
    color: #3b5998;
}
.modal-popup .btn-terms span,
.user-popup .btn-terms span
{
    color: #080808;
}
.modal-popup .btn-terms a,
.user-popup .btn-terms a
{
    color: #3b5998;
}
.modal-popup .fa,
.user-popup .fa{
    font-size: 16px;
    /*margin-right: 6px;*/
}
.modal-popup .fa-facebook,
.user-popup .fa-facebook
{
    color: #ffffff;
    background-color: #3b5998;
    padding: 5px 10px;
}
.modal-popup .fa-google,
.user-popup .fa-google
{
    color: red;
    background-color: #ffffff;
    padding: 5px 7px;
}

.modal-popup .fa-sign-in,
.user-popup .fa-sign-in
{
    background-color: #17375e;
    padding: 5px 7px;
}

.modal-popup .fa-ifttt,
.user-popup .fa-ifttt
{
    color: #ffffff;
    background-color: #000000;
    padding: 5px 10px;
}

.error-message p{margin-bottom: 0; font-size: 12px;}
.reset-password {top: 75px !important; right: 270px !important;}

li.profile .avatar {padding: 0; display: inline-block;float: left;margin-top: 2px}
li.profile .avatar img { width: 50px; height: 50px; border-radius: 5px }
li.profile .user-summary {background-color: #080808;color: #e46c0a;padding: 5px 10px; display: inline-block;}
li.profile .user-name p {margin: 0;}
li.profile .user-name i {color: #ffffff; margin-left: 5px; cursor: pointer;}
li.profile .user-summary .remaining-stints {
    color: #080808;
    margin-left: -10px;
    background: #e46c0a; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #ff0000 ,#e46c0a, #00ff00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ff0000,#e46c0a, #00ff00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ff0000,#e46c0a, #00ff00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ff0000 , #e46c0a, #00ff00); /* Standard syntax */
}
.profile-menu-popup a:not(.close-lap-settings) {padding: 0 10px;font-weight: bold;cursor: pointer; display: block; color: #080808;}
.change-password { top: 160px !important; right: 270px !important; }

#profile-page{ background-color: #cccccc; /* padding: 4px; */ }

.summary-user-profile {margin-bottom: 5px;}
.summary-user-profile img{width: 100%;height: auto;}
.summary-user-profile h3 {margin: 10px 0px;}
.summary-user-left {margin-left: 10px !important; margin-top: 10px;}
.summary-race-profile, .your-friends {border-bottom: 3px solid #ffffff;}
.race-analysis-title {background-color: #424242; color: white}
.race-analysis-title h4{ font-weight: bold;color: #ffffff; margin-left: 5px;}
.race-analysis-table table{width: 100%;}
.race-analysis-table table thead{background-color: #e46c0a;margin: 0 5px;}
.race-analysis-table table thead th{padding-left: 5px;font-weight: normal;}
.race-analysis-table table tbody td{padding-left: 5px;}
/*.race-analysis-table table tbody td:last-child {background-color: #080808;color: #e46c0a;}*/
.race-analysis-table table tbody td.td-remaining{background-color: #bfbfbf;}
.friend-list {height: 210px; overflow-y: hidden; overflow-x: scroll; white-space: nowrap;}
.friend-item, .track-item {margin: 5px;display: inline-block;vertical-align: top;}
.friend-item img {width: auto; height: 150px;}
.friend-item p.friend-name{font-weight: bold; margin: 0;text-transform: uppercase;}
.vehicle-info [class*="col-"]{ margin-left: 4px !important; }
.vehicle-summary img{width: 100%;}

.btn-add-vehicle { background-color: #ffffff; color: #000000; padding: 5px;}
.btn-add-vehicle p{margin: 0; font-size: 15px;}
.btn-add-vehicle a{ color: #000000; }
.vehicle-vehicle { background-color: #ffffff; }
.vehicle-vehicle span{ font-size: 14pt; padding: 6px; }
.ra-abo-key {
    background-color: #424242 ;
    color: white;
}

#vehicle-model .title {padding: 5px;background-color: #333333;color: #ffffff;}
#vehicle-model .title p{margin: 0;}
#vehicle-model input[type=text]{width: 100%;border: none;padding: 5px 9px;}
#vehicle-model select, #signup-form select {
    width: 100%;
    border: none;
    border-radius: 0;
    background-color: #ffffff;
    height: 30px;
}

#signup-form select {
    color: black;
}
#signup-form select.unselected {
    color: gray;
}


#vehicle-model option { color: #000;}
#vehicle-model option:first-child { color: #ccc; }

.btn-save-vehicle, .btn-close-vehicle{
    padding: 5px;
    background-color: #e98701;
    color: #ffffff;
    font-weight: 500;
    cursor: pointer;
}
@media (max-width: 767px) {
    #vehicle-model{
        width: 100% !important;
        right: 0px !important;
    }
}

.btn-save-vehicle p, .btn-close-vehicle p {margin: 0 5px;}
#vehicle-model .avatar{margin-top: 2px;}
.content-img-avatar{ height: 190px; }
.content-img-avatar img {max-width: 100%;max-height: 100%;}
#Vehicle_picture,#Users_avatar {display: none;}
.add-new-model {display: none;}
.btn-new-model {background-color: #080808;color: #e46c0a; padding: 5px;cursor: pointer;}
.user-content .content-img-avatar{ height: 120px; }

#notification-popup{ position: absolute;top: 40px;left: calc(50% - 130px);width: 260px;background: white;display: block;z-index: 100000;}
.notification-title, .connection-title { background-color: #333333; color: #ffffff;padding: 6px; }
.notification-title p, .connection-title p {margin: 0px;}
.notification-content, .notification-footer , .connection-content {padding: 5px;}
.notification-footer .btn{ min-width: 100%; background: #ff0000; color: #ffffff; border-radius: 0;}

.connection-count{ padding: 2px 6px; border-radius: 50%;background: #eb780a;color: #ffffff; cursor: pointer;}
.content-profile-popup a .connection-count{ padding: 0px 6px; float: right;}
.connection-request{ right: 100px !important; width: 300px !important;}
.connection-footer .btn { width: 45% !important; margin: 5px !important; text-align: center !important;}
.connection-footer #btn-ignore{ background-color: #080808; color: #e46c0a;}
.profile-note{margin-bottom: 2px; padding: 5px; background-color: #e46c0a;color: #080808;}

.title-user-form div {padding: 5px;background-color: #333333;color: #ffffff;}
.title-user-form div p {margin: 0px;}
.title-user-form div:first-child, .user-content div:first-child{ border-right: 2px solid #ffffff;}

#profile-popup {width: 66.6%; position: absolute;background-color: #cccccc;/* left: 33.3333333%; */ right: 0px; /* position: fixed; */ top: 88px;z-index: 10000; padding-bottom: 10px; display: none;}
#profile-popup .summary-user-profile{border-bottom: 3px solid #ffffff;}
#profile-popup .your-tracks {padding: 0 5px !important;}
#profile-popup .track-list{margin: 0px;}
#profile-popup .track-list [class*="col-"]{padding: 0 5px !important;}
#profile-popup .track-item {margin: 0px;}
#profile-popup .request-is-sent{ background-color: #fff; color: #000;padding: 5px; text-align: center; margin-top: 5px; }
#profile-popup .btn-request-cancel{ background-color: #000; color: #f00;padding: 5px; text-align: center; margin-top: 5px; }
#profile-popup .summary-user-profile {margin-bottom: 0px;}

@media (max-width: 1199px) {
    #profile-popup{
        left: 0 !important;
        width: 100%;
    }
}
.error-message{
    color: red;
}
.btn-edit-vehicle, #btn-update-profile{
    cursor: pointer;
}
.btn-edit-privacy, #btn-update-privacy{
    cursor: pointer;
}

.send-friend-request p{
    margin: 0px; text-align: left; line-height: 40px; padding-left: 10px;
}
.send-friend-request{
    background: #ff0000;
    color: white; width: 95%; text-align: center; margin-left: 1%;
}
.btn-send-request{
    color: white;
}

.row-my-lap td:first-child b{
    color: #17375e;
}
.row-my-lap td:first-child{
    background: url("images/privacy/my-lap.png") no-repeat;
    background-position: 98% 5%;
    background-size: 19px auto;
}


.row-friend-public td:first-child{

}
.row-friend-accepted td:first-child{
    background: url("images/privacy/friends.png") no-repeat;
    background-position: 98% 5%;
    background-size: 19px auto;
}

.row-friend-new td:first-child{
    background: url("images/privacy/requested-friend.png") no-repeat;
    background-position: 98% 5%;
    background-size: 19px auto;
}
/*.row-privacy-1 td:first-child{*/
/*background: url("images/privacy/privacy-public.png") no-repeat;*/
/*background-position: 98% 5%;*/
/*background-size: 19px auto;*/
/*}*/
/*.row-privacy-2 td:first-child{*/
/*background: url("images/privacy/privacy-friends.png") no-repeat;*/
/*background-position: 98% 5%;*/
/*background-size: 19px auto;*/
/*}*/
/*.row-privacy-3 td:first-child{*/
/*background: url("images/privacy/privacy-private.png") no-repeat;*/
/*background-position: 98% 5%;*/
/*background-size: 19px auto;*/
/*}*/

.dropdown-hover{
    position: relative;
}
.dropdown-hover:hover .popover{
    display: block;
}


@media (max-width: 460px) {
    .navbar-right li:nth-child(4) {
        clear: both;
    }
}


.line-label.highlight a{
    color: #e46c0a;
}
.content-user-popup a{
    color: #e46c0a;
}
.line-label.highlight{
    background: #080808;
}

/*.row-own td:first-child{
    background-color: #17375e !important;
    color: white;
}*/
.row-friend, .row-own{
    background-color: lightgray !important;
    /*color: white;*/
}
.row-own td:first-child{
    background-color: #333333 !important;
    color: white;
    /*color: white;*/
}

.user-laps tr:nth-child(even){
    background: lightgray;
}

/*.row-public{
    background-color: white !important;
    color: black;
}*/

.add-stints #btn-add-stints{
    color: white; font-weight: bold;
}
.add-stints{
    background: #b10000; text-align: center;
    position: relative; vertical-align: middle !important; font-weight: bold;
}
#stint-popup{
    color: black;
}

.add-stints.small{
    display: none;
}


.row-archive td{
    /* background: lightgrey; */
	background: #e9e9e9;
    color: white;
}

.number-lap i{
    color: #17375e;
}
.container-fluid{
    padding: 0;
}


#history-date input{
    border-radius: 0;
    background-color: white;
    background-image: url("images/calendar.png");
    background-repeat: no-repeat;
    background-position: 90% 50% ;
}

.user-summary{
    float: left;
    background: #d9d9d9;
    width: 150px;
    color: #17375e;
    margin-top: 10px;
}

#profile-menu{
    color: #17375e !important;
    padding: 0 10px;
    position: unset; display: block; line-height: 24px;
}
#profile-menu i{
    width: 20px; height: 20px; display: inline-block; margin-left: 10px; position: absolute; top: 3px; right: 5px;
}

.btn-arrow{
    background: url("images/arrow.png") no-repeat;
}
.btn-arrow-down{
    background: url("images/arrow-down.png") no-repeat; display: inline-block; margin-left: 10px;
}

#navbar{
    background: url("images/head-bg.png"); background-repeat: round;
}
.remaining-stints{
    font-size: 13px; background: #bfbfbf;
    vertical-align: middle;
    display: block;
    min-height: 15px;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.remaining-stints.red{
    background-image: url("images/stint-red.png");
}
.remaining-stints.yellow{
    background-image: url("images/stint-yellow.png");
}
.remaining-stints.white{
    background-image: url("images/stint-white.png");
}
.remaining-stints.yellow .stint{
    float: left; margin-left: 27px;
}
.remaining-stints.yellow .data{
    float: right; margin-right: 10px;
}

.remaining-stints.red .stint{
    float: left; margin-left: 5px;
}
.remaining-stints.red .data{
    float: right; margin-right: 10px; color: red;
}
.remaining-stints.white .stint{
    float: right; margin-right: 5px;
}
.remaining-stints.white .data{
    float: left; margin-left: 10px;
}


.td-remaining{
    padding: 0;
}

.td-remaining .remaining-stints{
    line-height: 24px; height: 24px;
}


.user-popup.active{
    display: block;
}


@media (max-width: 480px) {
    .add-stints.small{
        display: block;
    }
    .add-stints.big{
        display: none;
    }

    #stint-popup{
        width: 100%;
    }


    .remaining-stints.yellow .stint{
        float: left; margin-left: 20px;
    }
    .remaining-stints.yellow .data{
        float: right; margin-right: 0px;
    }

    .remaining-stints.red .stint{
        float: left; margin-left: 5px;
    }
    .remaining-stints.red .data{
        float: right; margin-right: 0px;
    }
    .remaining-stints.white .stint{
        float: right; margin-right: 15px;
    }
    .remaining-stints.white .data{
        float: left; margin-left: 5px;
    }
}

.selected-best{
    background: #17375e;
    color: white;
}
.row-own .glyphicon{
    /*color: white;*/
}

.row-own .selected-best{
    background: white;
    color:#17375e;
}

.bg-driver{
    background-color: white;
    background-image: url("images/bg-driver.png");
    background-repeat: no-repeat;
    background-position: top right;
    height: 33px;
    line-height:33px; margin: 0;
}

.add-stints.big{
    line-height: 26px;
}



@media (max-width: 1023px) and (min-width: 640px) {
    .navbar-header {
        background-color: transparent;
        background-image: url("images/bg-driver.png");
        background-repeat: no-repeat;
        background-position: top right;
        background-size: cover;
    }
    .navbar-nav{
        width: auto !important;
        margin-right: 0px;
    }
}

.navbar-inverse .navbar-toggle{
    background: none;
    padding: 5px; border-radius: 0; border: none; margin-bottom: 0;
}
.navbar-toggle .icon-bar{
    background: #e98701 !important;
    height: 6px; border: none; border-radius: 0; width: 32px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background: none;
}
.fa-gear{
    color: #e98701 !important;
}
.fa-question{
    color: #e98701 !important;
}

#top10-laps tbody tr, .checkLine tbody tr, #reference_table tbody tr, .user-laps tbody tr, li.functions{
    cursor: pointer;
}
.row-user-selected{
    pointer-events:none;opacity:0.4;
}

.content-user-popup i.glyphicon{
    color: #17375e;
}

.paypal-button{
    background: url("images/PayPal-PayNow-Button.png") no-repeat;
    width: 240px; height: 60px;
    background-size: 240px auto; border: none;
}

.card-button{
    background: url("images/PayCards.png") no-repeat;
    width: 240px; height: 60px;
    background-size: 240px auto; border: none;
}

@media (max-width: 800px){
    .hide-small{display: none}
}


.lap-settings.video, .lap-settings.lap-video{
    background-image: url("images/video.png");
    background-size: 28px auto ; background-position: center right; color: white; background-repeat: no-repeat;
}


.btn-red{
    padding: 4px;
    background-color: #e98701;
    color: #ffffff;
    font-weight: 500;
    cursor: pointer;
}
.btn-red p {margin: 0 5px;}
.btn-red  label {cursor: pointer}


.play-youtube-video{
    display: inline-block;
    height: 24px;
    width: 24px;
    background-image: url(images/video.png);
    background-size: 100%;
    background-position: center right;
    color: white;
    background-repeat: no-repeat;
    margin-bottom: -7px;
    margin-left: 10px;
}

.stop-youtube-video{
    display: inline-block;
    height: 24px;
    width: 24px;
    background-image: url(images/youtube.png);
    background-size: 100%;
    background-position: center right;
    color: white;
    background-repeat: no-repeat;
    margin-bottom: -7px;
    margin-left: 10px;
}

@media (max-width: 1199px) {
    .bottom-menu {
        text-align: center;
        width: 100%;
    }
    .bottom-menu.left{
        display: none;
    }
}
@media (min-width: 1200px) {
    .bottom-menu {
        text-align: center;
        position: absolute;
        bottom: -20px;
        width: 100%;
    }
    .bottom-menu.bottom{
        display: none;
    }
}


#youtube-mask{
    position: absolute;
    top: 0; left: 0; text-align: center;
}
.video-info{
    border-radius: 10px;
    width: 120px;
    height: 70px;
    display: inline-block;
    background: rgba(0,0,0,.5);
    color: white;
    margin-top: 10px;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
.video-info *{
    opacity: 1;
}
.video-info label{
    display: block;
}
.video-info .big{
    font-size: 24px;
}

#youtube-speed .speed-meter{
    height: 16px;
    position: relative; margin-bottom: 5px;
}
#youtube-speed .speed-meter .bg{
    width: 100%; position: absolute;top: 0;
    background: url("images/rule1.png"); height: 16px;
    background-position: bottom left;

    background-size: 100% auto;
    background-repeat: no-repeat; margin-bottom: 5px;
}

#youtube-meter .diff-meter{
    height: 16px;
    position: relative; margin-bottom: 5px;
}
#youtube-meter .diff-meter .bg{
    width: 100%; position: absolute;top: 0;
    background: url("images/rule2.png"); height: 16px;
    background-position: bottom left;

    background-size: 100% auto;
    background-repeat: no-repeat; margin-bottom: 5px;
}


#youtube-mask .speed-meter .left div, #youtube-mask .speed-meter .right div{
    height: 15px;
}

.diff-meter .left{
    float: left;
    width: 50%;
    text-align: right;
}
.diff-meter .left div{
    height: 15px;
    float: right;
}
.diff-meter .right{
    float: left;
    width: 50%;
    text-align: left;
}
.diff-meter .right div{
    height: 15px;
    float: left;
}

.start-screen-recording{
    border: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    background-image: none;
}
.start-screen-recording .rec-dot{
    margin-top: 3px;
}
.start-screen-recording>div{
    padding: 0;border: none; width: 32px !important;
}

.start-screen-recording span, .apower-powerby{
    display: none !important;
}

.rec-dot {
    margin-left: 7px;
    margin-top: 4px;
    height: 18px;
    width: 18px;
    padding: 2px;
}
.rec-dot {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border-radius: 50%;
    z-index: 10;
    border: 1px solid #8d3937;
    background: #fff;
    -webkit-transition: background .3s cubic-bezier(.39,.575,.565,1);
    transition: background .3s cubic-bezier(.39,.575,.565,1)
}
.rec-dot::before {
    content: '';
    display: block;
    border-radius: 50%;
    background: #c53a36;
    height: 100%
}

#youtube-footer{
    position: absolute; bottom: 5px; width: 100%; overflow: hidden;
}
#speedometerWraper-speedometter{
    zoom: 64%; margin-bottom: -11px;
    /*background: url("images/speed-meter.png") no-repeat;*/
    /*background-size: contain;*/
}

#youtube-footer .gm-style-mtc,
#youtube-footer .gm-style-cc,
#youtube-footer button,
#youtube-footer .gmnoprint,
.gm-style > div > aspeedometerWraper-youtube-angle
{
    display: none !important;
}
#youtube-footer #map-canvas>div{
    background: none !important;
}

#youtube-map{
    text-align: center;
}
#youtube-map #map-canvas{
    width: 300px !important; height: 300px !important;
}

#youtube-g .dot{
    width: 20px; height: 20px; display: inline-block; position: absolute;
    background: red; border-radius: 50%;
}
#youtube-g{
    position: relative;
    background: url("images/view-target.png") no-repeat;
    background-size: contain;
    display: inline-block; width: 180px; height: 180px;
    opacity: 0.7;
    zoom: 0.7; margin-bottom: -14px;

}

#speedometerWraper-youtube-angle{
    zoom: 60%;
    height: 160px; overflow: hidden;

    /*background: url("images/view-angle.png") no-repeat;*/
    /*background-size: contain;*/
}

#speedometerWraper-youtube-angle .speedPosition{
    line-height: 45px !important;
}

#youtube-g-text{
    background: black;
    color: white;
    opacity: 1;
    position: absolute;
    vertical-align: center;
    width: 30%; height: 30%;
    top: 35%;
    left: 35%;
    border-radius: 50%;
    line-height: 50px;
    font-weight: bold;
}

#youtube-angle-frame{
    overflow: hidden;
}

#speedometerWraper-youtube-angle .numb{
    height: 18px !important;
}

@media (max-width: 1024px) {
    #youtube-mask, #youtube-footer{
        background: white;
        position: relative;
    }
    #youtube-map{
        margin-top: -30px;
        margin-bottom: -50px;
    }
    #youtube-map .gm-style img{
        display: none;
    }
    #youtube-angle-frame{
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    #youtube-footer table tr td:first-child{
        display: none;
    }
    #youtube-footer table tr td:nth-child(2){
        height: 150px;
    }
    #youtube-footer table tr td:nth-child(4){
        height: 120px;
    }
    #youtube-footer table tr td:last-child{
        height: 300px;
    }
    #youtube-footer table td{
        display: block; width: 100%; text-align: center; height: 200px;
    }
    #youtube-map{text-align: center}
    #youtube-map #map-canvas, #youtube-footer .envelope{display: inline-block}
}

.light-time, .light-speed, .light-select{
    border: 1px solid black !important;
    padding: 2px 4px !important;
    height: 24px;
    width: 90px !important;
    border-radius: 0;
}
.light-select{
    width: 63px !important;
}
.light-select{
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
    padding: .5em;
    padding-right: 1.5em
}

.line-marker{
    border-radius: 50%;
    background: red; color: white; font-weight: bold; width: 16px; text-align: center;
}

.light-marker{
    position: relative;
}
.light-marker span{
    border-radius: 50%;
    background: green;
    color: white;
    font-weight: bold;
    text-align: center;
    border: 1px white solid;
    border-width: thin;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: -30px;
    left: -9px;
    line-height: 17px;
    font-size: 13px;
}
.light-marker.info span{
    background: yellow; color: red;
}

.light-alert-user td:nth-child(2), .light-alert-lap{
    border: 1px double red;
}

@media (max-width: 768px) {
    .light-alert-user td:nth-child(2), .light-alert-lap{
        border: 2px double red;
    }
}

.navbar-header > #help-btn-li{
    float: right;
    width: 30px !important;
}
.trace-info{
    padding: 5px;
    padding-bottom: 0;
    background: white
}
.trace-info div{
    padding-bottom: 5px;
}




/* Styling Checkbox Starts */
.checkbox-label {
    position: relative;
    margin: auto;
    cursor: pointer;
    font-size: 22px;
    line-height: 24px;
    height: 24px;
    width: 24px;
    clear: both;
}

.checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox-label .checkbox-custom {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 24px;
    width: 24px;
    background-color: transparent;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    border: 2px solid #FFFFFF;
}


.checkbox-label input:checked ~ .checkbox-custom {
    background-color: #FFFFFF;
    border-radius: 5px;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity:1;
    border: 2px solid #FFFFFF;
}


.checkbox-label .checkbox-custom::after {
    position: absolute;
    content: "";
    left: 12px;
    top: 12px;
    height: 0px;
    width: 0px;
    border: solid #009BFF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity:1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}


.checkbox-label input:checked ~ .checkbox-custom::after {
    -webkit-transform: rotate(45deg) scale(1);
    -ms-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    opacity:1;
    left: 8px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #009BFF;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    border-radius: 0;
}



/* For Ripple Effect */
.checkbox-label .checkbox-custom::before {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    width: 0px;
    height: 0px;
    border: 2px solid #FFFFFF;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.checkbox-label input:checked ~ .checkbox-custom::before {
    left: -3px;
    top: -3px;
    width: 24px;
    height: 24px;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity:0;
    z-index: 999;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}




/* Style for Circular Checkbox */
.checkbox-label .checkbox-custom.circular {
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}

.checkbox-label input:checked ~ .checkbox-custom.circular {
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}
.checkbox-label input:checked ~ .checkbox-custom.circular::after {
    border: solid #0067FF;
    border-width: 0 2px 2px 0;
}
.checkbox-label .checkbox-custom.circular::after {
    border-radius: 50%;
}

.checkbox-label .checkbox-custom.circular::before {
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}

.checkbox-label input:checked ~ .checkbox-custom.circular::before {
    border-radius: 50%;
}

.btn-event-settings{
    display: none;
    right: 5px;
    z-index: 100;
    color: #17375e !important;
    text-decoration: none !important;
    top: 8px;
    font-weight: bold;
    position: absolute;
    padding-right: 30px;
}
.btn-event-settings i{
    width: 20px; height: 20px; display: inline-block; margin-left: 5px; position: absolute;
    top: 3px; right: 2px;
}

.form-popup{
    border: solid 1px black !important;
    height: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.user-popup button.close{
    z-index: 10; opacity: 1; float: none; color: white;
}

.popup-buttons > div{
    background-color: #e98701;
    color: #ffffff;
    font-weight: 500;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ui-timepicker-container{
    z-index: 100000 !important;
}


.inline-edit:hover:after{
    content: '';
    background-image: url(images/edit.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    float: right;
    background-size: cover;
    cursor: pointer;
}
.inline-input{
    border: 1px solid black;
    height: 20px;
    width: 100%;
}
.dropdown-hover:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
 
 .dropdown .dropdown-menu a{
     font-weight: 400;
 }
 .dropdown .dropdown-menu a.current{
     font-weight: 600;
 }
 
 #bar-processing #slider{
     min-width: 90%;
 }
 #collapse-lapFriends-friends, #collapse-lapPublic-public, #collapse-reference{
     color: #c16919;
     font-weight: 500;
 }
 input[type="radio"] {
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
 }
 input[type="checkbox"] {
    vertical-align: middle;
    margin: 0px 0px 2px 0px;
}
.laps_analyse{
    background: lightgray !important;
}
div[data-type="ignore"] {     
	background: #676767 !important;
}
.btn-stints{     
	background: #e98701;
	color: white;
}
.btn-stints:hover{    
	background: #b10000;
	color: white;
}
.btn-masterlap{     
	background: darkgray;
	color: white;
}
.btn-masterlap:hover{    
	background: gray;
	color: white;
}
.table-stints{  
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.table-stints td{  
	padding: 6px 6px 6px 6px !important;
	vertical-align: middle !important;
}
.close {
    font-size: 21px !important;
    /* color: #000 !important; */
}
.close-x {
    background: none !important;
    display: block !important;
    border: 0px !important;
    margin: 0px;
    padding: 0px !important;
    text-transform: none;
    appearance: none !important;
    position: absolute !important;
    cursor: pointer !important;
    user-select: none;
    top: -2px !important;
    right: 2px !important;
    opacity: .6 !important;
}

#master-lap{
    z-index: 10001;
    position: relative;
}