body {
    background-color: #212025;
}
#header {
    /*background-color: #1064E8;*/
}

.no-scroll {
    overflow-y: hidden !important;
}

p.lead {
    color: #dbe2e8;
}

h1, h2, h3, h4, h5, h6 {
    color: white;
}

.btn.btn-round {
    border-radius: 20px;
}

.font-weight-medium {
    font-weight: 500;
}
.text-primary {
    /*color: #377dff!important;*/
    color: #1064E8 !important;
}

.navbar-nav {
    margin-left: 50px;
}

.navbar-nav .nav-item {
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-nav .nav-item .nav-link{
    color: white;
}
.simulation-nav-link {
    font-weight: 500;
}

#cross-road-container {
    position: relative;
    margin-top: -20px;
    /*
    margin-left: -95px;

    margin-right: -95px;

     */
    transform: scale(1.2);
}

#cross-road-container .arrow-container {
    position: absolute;
    width: 11%;
    /*border: 2px solid red;*/
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#cross-road-container .arrow-container img {
    width: 100%;
}

#cross-road-container .arrow-container.left-top {
    left: 45%;
    top: 44%;
}

#cross-road-container .arrow-container.right-top {
    left: 54%;
    top: 40%;
}

#cross-road-container .arrow-container.right-bottom {
    left: 60%;
    top: 53%;
}

#cross-road-container .arrow-container.left-bottom {
    left: 43%;
    top: 58%;
}

#cross-road-container .car-container {
    position: absolute;
    width: 11%;
    /*border: 2px solid red;*/
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.car-container-relative {
    postion: relative;
}

#cross-road-container .car-container img {
    width: 100%;
}

#cross-road-container .car-container.big-vehicle {
    width: 14%;
}

/*
#cross-road-container .car-container .vehicle {
    display: inline-block;
    width: 50px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
*/
#cross-road-container .car-container.left-top.small-vehicle {
    left: 33%;
    top: 34%;
}

#cross-road-container .car-container.left-top.big-vehicle {
    left: 32%;
    top: 29%;
}

#cross-road-container .car-container.right-top.small-vehicle {
    top: 29%;
    right: 26%;
}

#cross-road-container .car-container.right-top.big-vehicle {
    top: 23%;
    right: 22%;
}

.car-container {
    cursor: pointer;
}

#cross-road-container .car-container.right-bottom.small-vehicle {
    right: 23%;
    top: 59%;
}

#cross-road-container .car-container.right-bottom.big-vehicle-firefighters {
    right: 18%;
    top: 58%;
}

#cross-road-container .car-container.right-bottom.big-vehicle-ambulance {
    right: 17%;
    top: 56%;
}

#cross-road-container .car-container.left-bottom.small-vehicle {
    bottom: 16%;
    left: 37%;
}

#cross-road-container .car-container.left-bottom.big-vehicle {
    bottom: 11%;
    left: 35%;
}

#cross-road-container .car-container.left-bottom.big-vehicle.big-vehicle-ambulance {
    bottom: 14%;
    left: 36%;
}

#cross-road-container .semaphore-container {
    position: absolute;
    width: 3%;
    /*border: 2px solid red;*/
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#cross-road-container .semaphore-container img {
    width: 100%;
}

#cross-road-container .semaphore-container.left-bottom {
    bottom: 23%;
    left: 49%;
}

#cross-road-container .semaphore-container.right-bottom {
    bottom: 38%;
    left: 64%;
}

#cross-road-container .semaphore-container.right-top {
    bottom: 55%;
    left: 51%;
}

#cross-road-container .semaphore-container.left-top {
    bottom: 38%;
    left: 36%;
}


#cross-road-container .semaphore-container.sign.left-bottom {
    bottom: 27%;
    left: 50%;
}

#cross-road-container .semaphore-container.sign.right-bottom {
    bottom: 42%;
    left: 65%;
}

#cross-road-container .semaphore-container.sign.right-top {
    bottom: 58%;
    left: 50%;
}

#cross-road-container .semaphore-container.sign.left-top {
    bottom: 43%;
    left: 35%;
}

/*
.car-container .vehicle.car {
    background-image: url('../img/vehicles/car/Auto Zeleno-02.png');
}

.car-container .vehicle.police {
    background-image: url('../img/vehicles/police-car.jpg');
}

.car-container .vehicle.ambulance {
    background-image: url('../img/vehicles/ambulance.png');
}
*/

.car-order-container {
    position: absolute;
    width: 25%;
}

.car-container.left-top .car-order-container {
    top: 0;
    right: 0;
}

.car-container.right-top .car-order-container {
    top: 0;
    left: 0;
}

.car-container.left-bottom .car-order-container {
    top: 0;
    left: 0;
}

.car-container.right-bottom .car-order-container {
    top: 0;
    right: 0;
}


.buttons-container {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: 5%;
    left: 50%;
}


.billboard-container {
    position: absolute;
    left: 11%;
    width: 14%;
    bottom: 36%;
}

.billboard-container img {
    width: 100%;
}