@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
.green-buttons {
    color: #fff !important;
    background-color: #3c763d !important;
    border-color: #3c763d !important;
}

.my-error{
    background-color:red;
}
img {
    max-width: 100%;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.logo-picture {
    width: 294px;
    height: 49px;
    background-size: cover;
}
.car-main-image {    
    width: 380px;
    height: 100%;
    object-fit: cover;   
    background-size: cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.galery-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 219px;
    height: 200px;
    object-fit: cover;
}
.single-car-image{
    width:219px;
    height:200px;
    padding : 1px;    
    object-fit:cover;
}
.show-on-desktop {
    display: none;
}

@media only screen and (min-device-width : 1280px) and (max-device-width : 1920px) {
    .show-on-desktop {
        display: inline;
    }
}

.show-on-mobile {
    display: none;
}
/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 600px) {
    .show-on-mobile {
        display: inline;
    }
}

.sidebar {
    width: 100%;
    max-width: 100%;
}

.navbar {
    width: 100%;
}
.href {
    color: rgb(239, 75, 45);
}
.href:visited {
    color: rgb(239, 75, 45);
}
.href:active {
    color: rgb(239, 75, 45);
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px !important;
}

.ce {
    max-width: 1038px;
    margin: 0 auto !important;
    position: relative;
}

.splitter-20 {
    margin-top: 20px;
    clear: both;
}

.splitter-30 {
    margin-top: 30px;
    clear: both;
}

.splitter-40 {
    margin-top: 40px;
    clear: both;
}

.body-container {
    padding-top: 20px;    
}

    .body-container .right-side-container {
        float: right;
        margin-top: 10px;
        color: #7e828c;
        font-size: 14px;
    }

        .body-container .right-side-container .item {
            display: inline;
            margin-left: 20px;
            margin-right: 20px;
        }

            .body-container .right-side-container .item:last-child {
                margin-right: 0px;
            }

            .body-container .right-side-container .item .cell-phone {
                color: #1d1d1d;
            }



a:hover {
    color: #f05134 !important;
}

a:active {
    color: #f05134 !important;
}


.button {
    background-color: rgb(239, 75, 45) !important;
    color: #fff !important;    
    padding: 5px 35px 5px 35px;
    font-size: 16px;
    font-weight: 600;
    border: 0px;
}

    .button:link, .button:visited {
        color: #fff !important;
        text-decoration: none !important;
    }

    .button:hover {
        color: #fff !important;
    }

    .button:active {
        color: #fff !important;
    }

.main-menu {
    margin: 20px 0px 20px 0px;
    padding: 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    line-height: 40px;
    font-size: 14px;
}



        .main-menu li .active {
            color: rgb(239, 75, 45) !important;
        }

.home-image-container {
    position: relative;
}


    .home-image-container .text-container {
        position: absolute;
        left: 180px;
        top: 43px;
        width: 430px;
        height: 70px;
    }

        .home-image-container .text-container span {
            padding-top: 8px;
            font-size: 20px;
            color: rgb(255, 255, 255);
            font-weight: bold;
            line-height: 1.197;
            position: absolute;
        }

.row-no-padding {
    margin-left: 0;
    margin-right: 0;
}

.no-padding-right {
    padding-right: 0;
    padding-left: 0;
}

.simple-body-text {
    color: rgb(135, 135, 135);
    line-height: 1.4;
}

.simple-body-text-justified {
    color: rgb(135, 135, 135);
    line-height: 1.4;
    text-align: justify;
}

.news-block {
    width: 100%;
    display: block;
}

.home-about-why-container {
    margin-top: 20px;
}


    .home-about-why-container .body-text {
        display: block;
        width: 100%;
    }

        .home-about-why-container .body-text b {
            font-weight: 600;
        }

.home-about-why-container .why-choose-container .row {
    position: relative;
    margin-bottom: 10px;
}
    

.why-choose-container .counter {
    font-size: 48px;
    font-weight: 600;
    display: block;
    position: absolute;
    top: -15px;
}

.why-choose-container .body-text .black {
    color: #000;
}


.paragraph-title {
    font-size: 20px;
    color: rgb(29, 29, 29);
    font-weight: 600;
    line-height: 35px;
    display: block;
    margin-bottom: 15px;
}

.paragraph-underline-title:after {
    display: block;
    width: 35px;
    border-bottom: 2px solid #000;
    height: 1px;
    background-color: #000;
    content: "";
}

.orange-title {
    color: rgb(239, 75, 45);
    margin-bottom: 5px;
    margin-top: 15px;
}

.services-sub-title {
    color: #000;
    font-weight: 600;
    display: block;
}

.grey-container {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 20px;
    background-color: rgb(245, 245, 245);
}

.clients-container .our-clients-logos .logo-item {
    float: left;
    height: 70px;
    position: relative;
}

.clear {
    clear: both;
}

footer {
    background-color: rgb(47, 47, 47);
    color: rgb(134, 134, 134);
    font-size: 14px;
    padding: 10px 0px 5px 0px;
}






.aboutus-image-container {
    background-image: url("../images/about-us-top.png");
    height: 139px;
}

.services-image-container {
    background-image: url("../images/services_top.png");
    height: 139px;
}

.services-container .row .col-md-2 {
    position: relative;
}

    .services-container .row .col-md-2 img {
        position: absolute;
        top: 30px;
    }


.contacts-image-container {
    background-image: url("../images/contacts_top.png");
    height: 139px;
}

.contact-us-form .contact-imput {
    margin-bottom: 10px;
}

.contact-us-form .form-control {
    border-radius: 0;
}

.datamanager-image-container {
    background-image: url("../images/data_manager_top.png");
    height: 139px;
}



.vacancies-image-container {
    background-image: url("../images/vacancies-us-top.png");
    height: 139px;
}






.vacancies-criteria-table tr td:first-child {
    color: rgb(135, 135, 135);
    width: 120px;
    vertical-align: top;
}

.vacancies-criteria-table tr:last-child {
    border-bottom: 0px;
}

.vacancies-criteria-table tr {
    border-bottom: 1px solid rgb(220, 220, 220);
}

    .vacancies-criteria-table tr td {
        padding-bottom: 7px;
        padding-top: 7px;
    }

.job-here-img {
    background-image: url("../images/te_ir_darbs.png");
    width: 100%;
    height: 344px;
}

.vacancies-assign-title {
    margin-top: 10px;
    margin-bottom: 20px;
}

.vacancies-radio-container tr td:first-child {
    width: 160px;
}

.vacancies-radio-container tr td:last-child {
    vertical-align: top;
}

.vacancies-radio-container .form-check {
    margin-left: 0px;
}

.vacancies-radio-container tr td:first-child .col-form-label {
    padding-top: 0px;
}

.vacancies-radio-container .vacancies-lang-other {
    width: 100px;
}

.rules-check {
    margin-left: 0px;
}

    .rules-check .col-form-label {
        padding-top: 0px;
    }

.vaccancies-container input {
    border-radius: 0px;
}


.cars-image-container {
    background-image: url("../images/cars-us-top.png");
    height: 139px;
}

.car-item .car-item-specs {
    width: 100%;
}

.car-item .car-price {
    text-align: right;
}

.car-item .car-item-specs td {
    width: 50%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.car-item .car-item-specs tr:nth-child(odd) {
    background-color: rgb(244, 244, 244);
}

.car-item .car-item-specs tr td:first-child {
    color: rgb(135, 135, 135);
}

.car-image-container {
    height: 279px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

    .car-image-container .car-image-gallery {
        position: absolute;
        bottom: 1px;
        right: 1px;
        padding: 3px 10px 3px 10px;
        background-color: #f05134;
    }

        .car-image-container .car-image-gallery  {
            color: #fff !important;
            font-weight: 600;
        }

.error-span {
    color: rgb(239, 75, 45);
}

.success-span {
    color: #46b370;
}

.disabled-span {
    background-color: #a9a9a9;
}


html, body {
    
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.carousele {
    width: 20%;
    height: 30%;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
