/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

div.zoom {
    zoom: 2; /* all browsers */
    -moz-transform: scale(2); /* Firefox */
}

.btn-font{
    font-size: 17px;
}

.nav-container {
    height: 110px;
}

.main-margin {
    height: 40px;
}

.main-margin-menu{
    text-align:left;
    margin-left:7px;
}

.margin-module {
    text-align: left;
}

.main-menu-label-width {
    width: 392px;
}

.main-menu-label-width2 {
    width: 175px;
}

.label-main-menu-B2B{
    margin-left: 43px;
}
.image-logo-main{
    /*width: 220px;*/
    /*height: 69px;*/
}

.div-main-center{
    margin-left: 34%;
    /*width:  27%;*/
}

.image-border-login {
    /*border: 3px solid;*/
    /*border-color: rgb(204,219,20) transparent rgb(204,219,20) rgb(204,219,20);*/
}

.nav-border-bottom{
    /*border-bottom: 6px solid rgb(204, 219, 20) !important;*/
}

.div-main-logo {
    margin-top: 54px;
}

.nav-menu-login{
    padding: 0;
}

.div-border-login-margin-left{
    margin-left:15px;
}

.div-border-login {
    /*border: 3px solid;*/
    /*border-color: rgb(204,219,20) rgb(204,219,20) rgb(204,219,20) transparent;*/
    height: 46px;
    margin-left: -5px;
    width: 275px;
}

.div-border-login-image {
    margin-bottom: 15px;
    margin-left: 628px;
}

.div-login-menu{
    width: 1px;
    height: 40px;
    margin-left: 20px;
    border: 1px solid rgb(58,111,58);

}

.div-newsletter-background {
    /* background: linear-gradient(lightgray, white, white, white, white, white, white, white, white);*/
    margin-top: -27px;
}

.div-sundeal {
    margin-left: 0px;
}

.a-main-menu-right {
/*    //float: right;*/
    position: absolute;
    right:0px;
}

.margin-main
{
    height: 100px;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.navbar-margin{
    margin-top:20px;
}

.navbar-margin-module1 {
    margin-bottom: 90px;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
    background-color: white;
    /*   background-color: #F4F7FA; */
}
.pageColor {
    background-color: #F4F7FA;
    box-shadow: 6px 6px 5px lightgray;
}
@media (min-width: 768px) {
    html {
    font-size: 16px;
  }
}

.bg-green {
    background-color: #0E4F0E !important;
}

.text-white {
    color: #fff !important;
}

.text-login {
    color: rgb(22,22,22) !important;
}

.logo-margin {
    /*margin-left: 10px;*/
    height: 100%;
    width: 100%;
}

.image-module {
    width: 450px;
    height: 450px;
    text-align: left;
    margin-right: 20px;
}

.image-module-login-logo {
    width: 54%;
    overflow: hidden;
}

.div-image-module {
    width: 450px;
    height: auto;
    text-align: left;
    margin-right: 20px;
}
.button-image {
    height: 33px;
}

.button-pdf {
    margin-left: 40px;
    /*margin-left: 15px;*/
}

.image-button-pdf{
    width: 42%;
    margin-left: 4px;
    margin-top: -24px;
}

.div-border-button-pdf-margin-left
{
    margin-left:40px;
    width: 20px;
}

.div-border-button-pdf-construction-margin-right {
    margin-right: 40px;
    width: 20px;
}

.button-up {
    height: 22px;
    margin-top: -10px;
}

.button-down {
    height: 18px;
    margin-top: -20px;
}

.div-image-space{
    height: 59px;
}

.div-supply-buy-order-space {
    margin-left: 148px;
}

.div-supply-buy-order {
    margin-left: 120px;
}

.div-supply-buy-order-top{
    margin-top: 50px;
    min-width: 1024px;
}

.div-supply-buy-order-button
{
    margin-top: 40px;
}
.div-module-width {
    width: 70%;
    margin: auto;
}

.div-module-width-construction {
    width: 75%;
}

.div-module-width-full {
    width: 100%;
}

.div-module-width-half {
    width: 23%;
    margin-left: 10px;
}

.div-module-width-half-second {
    width: 20%;
    margin-left: 66px;
}

.div-module-login-width-half {
    width: 43%;
}

.div-module-login-width-empty{
    width:2px;
    background-color: rgba(204,204,204,1);
    margin-left: 5%;
    margin-right: 5%;
}

.div-module-login-first {
    margin-left: 5%;
}

.div-module-height{
    height: 50px;
}

p.p-module-margin-top {
    margin-top: 10px;
    width: 350px;
}

p.p-module-suplier-info-postcode {
    width: 475px;
}

.div-module-suplier-info-postcode {
    margin-top: 70px;
}

.div-module-suplier-approval {
   text-align: left;
   margin-left: 22%;
   margin-bottom: 50px;
   margin-top: 50px;
}

p.p-module-suplier-approval {
    text-align: left;
    margin-left: 8%;
}

.div-module-element-first-color {
    background-color: rgba(216,233,202, 1);
}

.div-module-element-second-color {
    background-color: rgba(230,240,225, 1);
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    /*    margin-top: 100px;*/
    margin-bottom: 60px;
    background-color: #F4F7FA;
    min-width: 1024px;
    max-width: 1920px;
    margin: auto;
}

/* styles for Combobox */
.box {
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    transform: translate(0%, 0%);
}

    .box select {
        background: rgba(255,255,255,0.1);
        color: rgba(45,101,45,1);
        padding: 5px;
        width: auto;
        width: 100%;
        height: 40px;
        border: none;
        font-size: 20px;
        /*box-shadow: 0 5px 25px rgba(0,0,0,.5);*/
        -webkit-appearance: none;
        
        outline: none;
    }

    .box:before {
        content: url('../img/6-02.png');
        position: absolute;
        top: 0;
        right: 10px;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 20px;
        background: rgba(255,255,255,0.1);
        pointer-events: none;
        font-size: 10px;
/*        transform: scale(0.6);*/
    }

    .box:hover:before {
        background: rgba(255,255,255,0.1);
    }


    /* styles for Combobox */
    .boxS {
        /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
        transform: translate(0%, 0%);
    }

        .boxS select {
            background: rgba(255,255,255,0.1);
            color: rgba(45,101,45,1);
            padding: 5px;
            width: auto;
            width: 100%;
            height: 40px;
            border: none;
            font-size: 20px;
            /*box-shadow: 0 5px 25px rgba(0,0,0,.5);*/
            -webkit-appearance: none;
            outline: none;
        }

        .boxS:before {
            content: url('../img/6-02_grey.png');
            position: absolute;
            top: 0;
            right: 10px;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 20px;
            background: rgba(255,255,255,0.1);
            pointer-events: none;
            font-size: 10px;
        }

        .boxS:hover:before {
            background: rgba(255,255,255,0.1);
        }

    .box-photovoltaics-find-manufacturer {
        margin-right: 20px;
        width: 500px;
        background: #fff;
    }

    .box-photovoltaics-find-manufacturer-white {
        background: #fff;
    }

    .box-photovoltaics-find-u-power {
        margin-right: 20px;
        width: 350px;
        background: #fff;
    }

    .box-inverters {
        margin-right: 20px;
        width: 350px;
        background: transparent;
        margin-left: 43px;
    }

    .box-accessories {
        margin-right: 20px;
        width: 540px;
        background: transparent;
    }

    .box-inverters-transparent {
        margin-right: 20px;
        width: 100%;
        background: transparent;
    }

    .div-inverters-border-div {
        text-align: center;
        min-width: 1070px;
    }

    .div-inverter-margin-top {
        margin-top: 23px;
        /*    margin-left: 80px;*/
    }

    .label-supply-order-buy-centered {
        /* margin-left: 30px;*/
        min-width: 165px;
    }

    .div-module-newsletter-margins {
        margin-bottom: 14px;
    }

    .div-module-order-table {
        margin-left: -59px;
        font-size: 23px;
    }

    input[type="text"].box-newsletter-first {
        margin-right: 20px;
        width: 350px;
        background: #fff;
        margin-bottom: 25px;
        border: 2px black solid;
        text-align: left;
        border-radius: 7px;
        height: 55px;
    }

    input[type="text"].box-newsletter-second {
        margin-right: 20px;
        width: 350px;
        background: #fff;
        margin-bottom: 10px;
        border: 2px black solid;
        text-align: left;
        border-radius: 7px;
        height: 55px;
    }

    input[type="text"].box-photovoltaics-price {
        margin-right: 20px;
        width: 300px;
        background: #fff;
        margin-bottom: 0px;
        border: 0px;
        text-align: center;
        background-color: lightgray;
    }

    input[type="text"].box-supply-postcode {
        width: 30px;
        background: #fff;
        margin-bottom: 0px;
        border: 0px;
        text-align: center;
    }


    button[type="submit"].box-logoff {
        margin-right: 20px;
        /* width: 119px;*/
        background: #F4F7FA;
        margin-bottom: 0px;
        /*border: 3px rgba(204,219,20,1) solid;*/
        text-align: center;
        /* height: 55px;
    border-radius: 8px;
    box-shadow: 4px 4px 6px black;
    min-width: 100px;
    max-width: 360px;
    white-space: normal;
    margin-left: 40px;*/
    }


    input[type="button"].box-supply-save-offer {
        margin-right: 20px;
        width: 80%;
        background: transparent;
        margin-bottom: 0px;
        border: 3px rgba(204,219,20,1) solid;
        text-align: center;
        height: 80px;
        border-radius: 8px;
        box-shadow: 4px 4px 6px gray;
        min-width: 100px;
        max-width: 360px;
        white-space: normal;
    }

    input[type="button"].box-supply-offer-accept {
        margin-right: 20px;
        width: 97%;
        background: darkgreen;
        margin-bottom: 0px;
        border: 3px darkgreen solid;
        text-align: center;
        height: 86px;
        border-radius: 8px;
        box-shadow: 4px 4px 6px gray;
        color: white;
        margin-top: -14px;
        max-width: 460px;
        min-width: 120px;
    }

input[type="submit"].box-login-accept {
    width: 100%;
    background: #0199df;
    margin-bottom: 0px;
    border: 3px #0199df solid;
    text-align: center;
    height: 52px;
    border-radius: 8px;
    box-shadow: 4px 4px 6px gray;
    color: white;
}

input[type="button"].box-login-accept-button {
    width: 100%;
    background: #0199df;
    margin-bottom: 0px;
    border: 3px #0199df solid;
    text-align: center;
    height: 52px;
    border-radius: 8px;
    box-shadow: 4px 4px 6px gray;
    color: white;
}


    input[type="button"].box-supply-offer-xls {
        margin-right: 20px;
        width: 366px;
        background: transparent;
        margin-bottom: 0px;
        border: 3px rgba(51,133,5,1) solid;
        text-align: center;
        height: 70px;
        border-radius: 8px;
        box-shadow: 4px 4px 6px gray;
        width: 97%;
        min-width: 120px;
        max-width: 348px;
        white-space: normal;
    }

    input[type="button"].box-newsletter-save {
        margin-right: 20px;
        width: 366px;
        background: transparent;
        margin-bottom: 50px;
        border: 3px rgba(51,133,5,1) solid;
        text-align: center;
        height: 70px;
        border-radius: 8px;
        box-shadow: 4px 4px 6px gray;
        width: 97%;
        min-width: 120px;
        max-width: 268px;
        white-space: normal;
        margin-left: 85px;
        margin-top: 30px;
        font-size: 29px;
        font-weight: 600;
        color: darkgreen;
    }

    input[type="button"].box-supply-offer-pdf {
        margin-right: 20px;
        width: 86%;
        background: transparent;
        margin-bottom: 0px;
        border: 3px rgba(105,178,8,1) solid;
        text-align: center;
        height: 70px;
        border-radius: 8px;
        box-shadow: 4px 4px 6px gray;
        min-width: 120px;
        max-width: 380px;
        white-space: normal;
    }


    input[type="text"].box-supply-order-buy {
        margin-right: 20px;
        min-width: 119px;
        background: #fff;
        margin-bottom: 0px;
        border: 2px rgba(105,178,8,1) solid;
        text-align: center;
        height: 65px;
        border-radius: 9px;
        color: rgba(105,178,8,1);
        background: transparent;
        white-space: normal;
        margin-top: 18px;
    }

    input[type="text"].box-supply-postcode-top {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .box-supply-order-description {
        margin-top: 20px;
        margin-bottom: 30px;
        border: 0px;
        width: 83%;
        height: 100px;
        text-align: left;
        margin-left: 59px;
    }

    .fieldRegulation {
        margin-top: 15px;
    }

    .label-module-supply-column-center {
        margin-top: 8px;
        font-size: 23px;
    }

    .box-supply-order-description2 {
        margin-top: 20px;
        margin-bottom: 30px;
        border: 0px;
        width: 83%;
        height: 100px;
        text-align: left;
        margin-left: -159px;
    }

    input[type="text"].box-inverters-price {
        margin-right: 20px;
        width: 300px;
        background: #fff;
        margin-bottom: 0px;
        border: 0px;
        text-align: center;
        margin-left: 100px;
    }


    .test {
        background-image: url("../img/baner.png");
    }



    .div-module-supply-space {
        height: 27px;
    }

    input[type="text"].box-photovoltaics-count {
        width: 100px;
        border: 0px;
        height: 40px;
        background: #fff;
        margin: auto;
    }

    input[type="text"].box-construction-row-transparent {
        width: 200px;
        border: 0px;
        height: 40px;
        /*    margin: auto;*/
        margin-left: 96px;
        background: transparent;
        margin-top: auto;
    }

    input[type="text"].box-accessories-row-transparent {
        width: 80%;
        border: 0px;
        height: 40px;
        margin: auto;
        background: transparent;
        min-width: 40px;
    }

    input[type="text"].box-construction-row-transparent-field {
        border: 0px;
        height: 40px;
        margin: auto;
        background: transparent;
    }
    /*End styles for Combobox*/

    .body-space {
        min-height: calc(100vh - 110px - 60px);
    }

    .footer {
        /*position: absolute;
        bottom: 0;*/
        width: 100%;
        white-space: nowrap;
        /* Set the fixed height of the footer here */
        height: 60px;
        line-height: 60px; /* Vertically center the text there */
    }

    a {
        text-decoration: none;
        color: #000;
    }

    .navbar-nav-space {
        width: 364px;
    }

    .box-junction-find-type {
        width: 380px;
        margin-right: 20px;
        background: #fff;
    }

    .box-constraction-find-name {
        width: 650px;
        margin-right: 20px;
        background: #fff;
    }

    .box-constraction-row {
        width: 650px;
        margin-right: 20px;
    }

    .box-constraction-find-type {
        width: 450px;
        margin-right: 20px;
        background: #fff;
    }

    .box-junction-MMTP {
        width: 204px;
        margin-right: 20px;
        background: #fff;
    }

    input[type="text"].box-constraction-price {
        margin-right: 20px;
        width: 300px;
        background: #fff;
        margin-bottom: 0px;
        border: 0px;
        text-align: center;
        background-color: lightgray;
    }

    input[type="text"].box-junction-price {
        margin-right: 20px;
        width: 300px;
        background: #fff;
        margin-bottom: 0px;
        border: 0px;
        text-align: center;
        background-color: lightgray;
    }

    input[type="checkbox"].box-junction-filters {
        margin-right: 10px;
    }

    .box-constraction-find-size {
        width: 150px;
        margin-right: 20px;
        background: #fff;
    }


    .box-junction-garden-installation {
        width: 309px;
        margin-right: 20px;
        background: #fff;
    }

    .box-constraction-find-distance {
        width: 450px;
        margin-right: 77px;
        background: #fff;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
}
    a:hover,
    a:active,
    a:visited {
        text-decoration: none;
    }

p {
    margin: 0;
    padding: 0;
}

a:hover,
a:active,
a:visited:not(.btn) {
    text-decoration: none;
    color: #000;
}

.container-fluid {
    /* padding-left: 0; */
    /* padding: 0; */
    /* margin: 0; */
}

.login_logo{

}

.image-construction-module{
    height: 80px;
}

.login_body {
    background-image: url(../img/background-hs.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /*position: fixed !important;*/
    height: 100%;
    width: 100%;
    z-index: -1;    
}
.login_container {
    background-image: url(../img/background-hs.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: fixed !important;
    height: 100%;
    width: 100%;
}
.formBox {
    position: absolute;
    top: 15%;
    background-color: #fff;
    border-radius: 17px;
    height: 523px;
    max-width: 843px;
}
.login-inner-container {
    margin: auto;
    /*position: absolute;
    top: 15%;*/
    background-color: #fff;
    border-radius: 17px;
    /*height: 523px;*/
    max-width: 843px;
}

.div-form-header{
    height: 20px;
    margin-top: 20px;
    margin-left: 37px;
}

.div-form-header-row-left{
    width : 360px;
}

.div-form-header-row-center {
    width: 153px;
}

.div-form-header-row-right {
    width: 174px;
}

.div-form-header-row-face {
    width: 40px;
}

.div-form-header-row-insta {
    width: 40px;
}

.img-form-FB{
    width:100%;
}

.img-form-IN {
    width: 100%;
    margin-left: -10px;
}

.div-form-header-row-close {
    width: 40px;
    margin-left:-22px;
    margin-top: -16px;
}

.div-module-junction-box-position{
    margin-left: 10px;
}

.login-inner-container h2 {
    text-align: center;
    margin-top: 20px;
}

.login-inner-container p.p-forgot-password {
    width: 345px;
    text-align: center;
}
.login-inner-container a.a-forgot-password {
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    color: gray;
    text-align: center;
}
.login-inner-container label.info {
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    color: gray;
    text-align: center;
}

.login-inner-container label.text-allign-right {
    text-align: right;
}

.login-inner-container label.text-allign-left {
    text-align: left;
}

.login-inner-container label.info-form {
    font-weight: bold;
    font-size: 12px;
}

.login-inner-container form {
    padding: 5px;
    line-height: 1em;
}

form .button-wrapper {
    margin-bottom: 20px;
}

.login-inner-container .button-wrapper {
    background-color: rgb(38, 51, 122);
    border: 1px solid rgb(38, 51, 122);
    overflow: hidden;
    transform: skewX(-10deg);
    width: 90px;
    padding: 3px 3px 3px 0;
    text-align: center;
}

/*button romb*/
/*input[type=submit] {
    background-color: rgb(38, 51, 122);
    border: 1px solid rgb(38, 51, 122);
    background: transparent;
    padding: 2px 5px;
    border: none;
    color: #fff;
    margin: 0;
    transform: skewX(10deg);
    text-align: center;
}*/

input[type="password"].login-email {
    border: 2px solid #0199df;
}
input[type="email"].login-email {
    border: 2px solid #0199df;
}

.btn-romb {
    background-color: rgb(38, 51, 122);
    border: 1px solid rgb(38, 51, 122);
    padding: 2px 5px;
    border: none;
    color: #fff;
    margin: 0;
    transform: skewX(10deg);
    text-align: center;
    /* text-decoration: initial; */
    font-style: italic;
}



input[type=text],
input[type=email],
input[type=password] {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    margin-bottom: 15px;
}
/*transparent form box*/
.footBox {
    font-size: 87%;
    position: absolute;
    left: 10px;
    bottom: -50px;
    height: 50px;
    width: 220px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    line-height: 12px;
    padding: 5px;
}

    .footBox p {
        margin-top: 5px;
    }

.sidebar-container {
    position: fixed;
    width: 220px;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    color: #fff;
}

.content-container {
    padding-top: 20px;
}

.sidebar-logo {
    padding: 10px 15px 10px 30px;
    font-size: 20px;
    background-color: gray;
}

.sidebar-navigation {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
}

    .sidebar-navigation li {
        background-color: transparent;
        position: relative;
        display: inline-block;
        width: 100%;
        line-height: 20px;
    }

        .sidebar-navigation li a {
            padding: 10px 15px 10px 30px;
            display: block;
            color: black;
        }

        .sidebar-navigation a:hover {
            padding: 10px 15px 10px 30px;
            display: block;
            color: white;
        }

        .sidebar-navigation li .fa {
            margin-right: 10px;
        }

        .sidebar-navigation li a:active,
        .sidebar-navigation li a:hover,
        .sidebar-navigation li a:focus {
            text-decoration: none;
            outline: none;
        }

        .sidebar-navigation li::before {
            background-color: rgb(38, 51, 122);
            position: absolute;
            content: '';
            height: 100%;
            left: 0;
            top: 0;
            -webkit-transition: width 0.2s ease-in;
            transition: width 0.2s ease-in;
            width: 3px;
            z-index: -1;
        }

        .sidebar-navigation li:hover::before {
            width: 100%;
        }

    .sidebar-navigation .header {
        font-size: 12px;
        text-transform: uppercase;
        background-color: gray;
        padding: 10px 15px 10px 30px;
    }

        .sidebar-navigation .header::before {
            background-color: transparent;
        }

p.display-main {
    color: #0E4F0E;
    margin-top: 0px;
    font-size: 30px;
    line-height: 1.2;
    font-family: ainslie-sans, sans-serif;
    font-style: normal;
    font-weight: 550;
}
p.display-main2 {
    color: #69B208;
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 10px;
    font-family: ainslie-sans, sans-serif;
    font-style: normal;
    font-weight: 550;
}

p.display-construction-text1 {
    color: #0E4F0E;
    margin-top: 60px;
    font-size: 30px;
    line-height: 1.2;
    font-family: ainslie-sans, sans-serif;
    font-style: normal;
    font-weight: 550;
    text-align: left;
    margin-left: 10%;
}

p.display-construction-text2 {
    color: #69B208;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 10px;
    font-family: ainslie-sans, sans-serif;
    font-style: normal;
    font-weight: 550;
    text-align: left;
    margin-left: 10%;
}

p.display-info {
    color: black;
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 10px;
    font-family: myriad-pro, sans-serif;
    font-style: normal;
    font-weight: 400;
}


p.display-info-justify {
    text-align: left;
    /*text-align-last: justify;*/
    width: 76%;
    margin-left:12%;
    font-size: 22px;
}

.text-background{
    background-color: white;
}

p.p-order-info {
    height: auto;
    color: black;
    font-size: 1.2rem;
    line-height: 1.2;
    text-align:left;
    margin-top: 40px;
    margin-left: 13%;
    font-family: myriad-pro, sans-serif;
    font-style: normal;
    font-weight: 400;
}

p.p-module-suplier-order-description {
    text-align: left;
    margin-left: 111px;
}

p.p-module-suplier-order-description2 {
    margin-left: 20px;
    text-align: left;
}

.module-table-choose-width{
    width: 50%;
}

.module-table-count-width {
    width: 25%;
}

.module-supply-buttons-first {
    /*width: 25%;*/
    text-align: right;
    margin-top: 176px;
}
.module-supply-buttons-second {
    width: 23%;
    text-align: center;
    /*margin-left: 56px;*/
    margin-top: 176px;
}
.module-supply-buttons-third {
    width: 19%;
    text-align: left;
    margin-top: 176px;
}
.module-supply-buttons-fourth {
    width: 25%;
    text-align: left;
/*    margin-left: 30px;*/
    max-width: 470px;
}

.div-module-newsletter-first {
    width: 29%;
}

.div-module-newsletter-second {
    width: 14%;
}

.div-module-newsletter-third {
    width: 24%;
}

.div-module-newsletter-fourth {
    width: 25%;
}

.module-table-price-width {
    width: 25%;
}

.module-table-height {
    height: 100px;
    margin-top: 35px;
}

.module-table-count-width {
    width: 25%;
}

.module-table-price-width {
    width: 25%;
}

p.p-module-table-choose {
    margin-left: 25px;
    text-align: left;
}

p.p-module-table-count {
    text-align: center;
}

p.p-module-table-price {
    text-align: left;
    font-size: 18px;
}

p.p-module-table-price2 {
    text-align: center;
}

hr.display-main {
    width: 80px;
    text-align: center;
    margin-left: auto;
    /*border-bottom: 4px solid #D6E615;*/
}

hr.display-construction {
    width: 80%;
    text-align: center;
    margin-left: auto;
    border-bottom: 1px solid rgba(123, 175, 97, 1);
}

hr.display-supply {
    width: 85%;
    text-align: center;
    margin-left: auto;
    border-bottom: 1px solid rgba(123, 175, 97, 1);
    margin-bottom: 70px;
}

hr.display-module-login {
    width: 90%;
    text-align: center;
    margin-left: auto;
    border-bottom: 1px solid #0199df;
    margin-bottom: 13px;
}

table.table-order-info {
    width: 100%;

}

table.table-construction-margin{
    margin-top: 50px;
}

table.table-construction-result {
    margin-top: 50px;
    width: 80%;
    margin-left: 10%;
}

table.table-junction-result {
    margin-top: 50px;
}

table.table-accesories-result {
    margin-top: 50px;
    margin-left: 5%;
    width:94%;
}

table.table-supply-result {
    margin-top: 50px;
    /*    width: 100%;*/
    min-width: 1363px;
}

table.table-order-info-margin {
    margin-top: -50px;
}

table.table-help-margin{
    height: 80px;

    background-color: white;
}

table.table-order-info-top {
    margin-top: 80px;
}

td.td-order-info {
    background-color: white;
}

td.td-construction-row {
    background-color: rgba(242,242,242,1);
}

td.td-constraction-system-header {
    width: 600px;
}

td.td-accessories-system-header {
    width: 600px;
}

td.td-supply-table-result {
    width: 1%;
    height: 40px;
}
td.td-supply-table-result-color {
    border: 2px rgba(105,178,8, 1) solid;
}

td.td-constraction-system {
    width: 700px;
    height: 80px;
}

td.td-constraction-space {
    height: 24px;
}

td.td-constraction-module {
    width: 300px;
    text-align: left;
}

td.td-constraction-module-width {
    width: 500px;
}

td.td-junction-box-module-column {
    width: 600px;
}
td.td-junction-box-module-column2 {
    width: 360px;
}
td.td-junction-box-module-column3 {
    width: 395px;
}

td.td-constraction-module-pdf-width {
    width: 200px;
}

td.td-accessories-module-width {
    width: 500px;
}

td.td-order-info-empty {
    width: 15%;
    height: 15%;
}
td.td-help-empty{
    width: 5%;
}
td.td-help {
    width: 8%;
}

.navbar-module {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.navbar-submodule {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.td-order-roll{
    width : 130px;
}

.l-module-inverters-margin-left{
    /*margin-left: 80px;*/
    margin-top: 5px;
}

.l-module-inverters-price-margin-left {
/*    margin-left: 80px;*/
    margin-top: 70px;
}

.input-module-inverters-margin-left {
    margin-left: 160px;
}

.label-module-inverters-lan-margin-left {
    width: 248px;
    text-align: left;
}

.label-module-inverters{
    margin-left: 892px;
}

.label-module-junction-header{
    width: 119px;
    color: #fff;
    text-align: left;
    background: transparent;
    border: 0px;
}

.login-background{
    /*background-image: url("../img/login_background.png");*/
    background-size:cover;
}

body.body-transparent {
    margin-top: 0px;
    background-color: transparent !important;
}

body {
    font-size: 20px;
    min-width: 1024px;
    max-width: 1920px;
}

.input-module-inverters-guaranted-margin-left {
    margin-left: 95px;
}

input[type=text] {
    text-align: center
}

input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rotated {
    -webkit-transform: rotate(180deg); /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(180deg); /* Firefox 3.5-15 */
    -ms-transform: rotate(180deg); /* IE 9 */
    -o-transform: rotate(180deg); /* Opera 10.50-12.00 */
    transform: rotate(180deg); /* Firefox 16+, IE 10+, Opera 12.10+ */
    -webkit-animation: infiniteRotate 2s linear infinite; /* Safari */
    animation: infiniteRotate 2s linear infinite;
    margin-top: -10px;
}

.div-order-first{
    margin-left: 131px;
    margin-top: 33px;
}

.div-order-second {
    margin-left: 12%;
    margin-top: 33px;
}
.div-order-third{
    margin-left: 10px;
    margin-top: 33px;
}

.row-order-height{
    height: 110px;
}

.navbar-top{
    margin-top: 6px;
}

.label-newsletter{
    text-align: left;
    font-size: 18px;
}

.a-module-construction-pdf{
    margin-right: 15px;
}

.div-photo-count{
    margin:auto;
    margin-top: -7px;
}

.div-photo-empty-count{
    margin-top: 7px;
}

.display-supply-bottom{
    margin-bottom: 70px;
}

.dropdown {
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 4px 10px rgba(10, 20, 30, .4);
    z-index: 1;
}

.nav-ul {
    padding: 0;
    margin: 0;
    list-style: none;
    min-width: 250px;
    text-align: center;
}

.nav-ul-main {
    padding: 0;
    margin: 0;
    list-style: none;
}

.nav-ul-li:hover,
.nav-ul-li:focus {
    background: rgba(0, 0, 0, .15);
    box-shadow: 3px 3px 2px lightgray;
}

.nav-ul-li:focus {
    color: white;
}

.div-module-width-photo{
    width: 72%;
}

.modules-font-weight{
    font-weight: 600;
}

.modules-supply-image{
    width:58%;
}

.p-module-resize{

}

/*min 200% max 110%*/
@media all and (min-width:0px) and (max-width:1775px) {
    .div-module-width-construction {
        width: 69%;
    }
    input[type="text"].box-construction-row-transparent {
        width: 200px;
        border: 0px;
        height: 40px;
        margin-left: 17px;
        background: transparent;
        margin-top: auto;
    }
    .box-constraction-row {
        width: 570px;
        margin-right: 20px;
    }
    
    input[type="text"].box-photovoltaics-price {
        margin-right: 20px;
        width: 205px;
        background: #fff;
        background-color: rgb(255, 255, 255);
        margin-bottom: 0px;
        border: 0px;
        text-align: center;
        background-color: lightgray;
    }
    input[type="text"].box-construction-row-transparent {
        width: 134px;
        border: 0px;
        height: 40px;
        margin-left: 17px;
        background: transparent;
        margin-top: auto;
    }

    .div-module-width-construction {
        width: 70%;
    }

    .div-order-first {
        margin-left: 110px;
        margin-top: 33px;
    }

    .div-order-third {
        margin-left: 10px;
        margin-top: 33px;
    }
    .div-border-login-image {
        margin-bottom: 15px;
        margin-left: 614px;
    }

    .login_logo {
        width: 300px;
    }

    .formBox {
        position: absolute;
        top: 1%;
        background-color: #fff;
        border-radius: 17px;
        height: 523px;
        max-width: 843px;
    }

}
    /*//130-200%*/
    @media all and (min-width:0px) and (max-width:1585px) {
        p.p-order-info {
            height: auto;
            color: black;
            font-size: 1.2rem;
            line-height: 1.2;
            text-align: left;
            margin-top: 40px;
            margin-left: 18%;
            font-family: myriad-pro, sans-serif;
            font-style: normal;
            font-weight: 400;
        }

        p.display-info-justify {
            text-align: left;
            /*text-align-last: justify;*/
            width: 76%;
            margin-left: 17%;
            font-size: 22px;
        }

        .div-order-first {
            margin-left: 50px;
            margin-top: 33px;
        }

        .div-order-second {
            margin-left: 5%;
            margin-top: 33px;
        }

        .box-accessories {
            margin-right: 20px;
            width: 480px;
            background: transparent;
        }
        .div-module-width-construction {
            width: 67%;
        }

        input[type="text"].box-construction-row-transparent {
            width: 131px;
            border: 0px;
            height: 40px;
            margin-left: 17px;
            background: transparent;
            margin-top: auto;
        }

        .div-image-module {
            width: 438px;
            height: auto;
            text-align: left;
            margin-right: 20px;
        }

        .box-constraction-row {
            width: 465px;
            margin-right: 20px;
        }
        .div-module-width {
            width: 68%;
            margin: auto;
        }
        .div-module-width-photo {
            width: 586px;
        }
        .div-main-center {
            margin-left: 34%;
            width: 1%;
            margin-bottom: 1px;
        }

        input[type="text"].box-inverters-price {
            margin-right: 20px;
            width: 300px;
            background: #fff;
            margin-bottom: 0px;
            border: 0px;
            text-align: center;
            margin-left: 0px;
        }


        .box-inverters {
            margin-right: 20px;
            width: 350px;
            background: transparent;
            margin-left: 27px;
        }

        .box select {
            background: rgba(255,255,255,0.1);
            color: rgba(45,101,45,1);
            padding: 5px;
            width: 100%;
            height: 40px;
            border: none;
            font-size: 20px;
            -webkit-appearance: none;
            outline: none;
        }

        input[type="text"].box-photovoltaics-count {
            width: 100px;
            border: 0px;
            height: 40px;
            background: #fff;
            margin-top:10px;
        }

/*        .button-up {
            height: 17px;
            margin-top: -21px;
        }

        .button-down {
            height: 14px;
            margin-top: -39px;
        }*/

        .label-module-inverters {
            margin-left: 789px;
        }

        .btn-font {
            font-size: 14px;
        }

    }
    /*//140%-170%*/
    @media all and (min-width:1205px) and (max-width:1458px) {
        p.p-module-suplier-info-postcode {
            width: 375px;
        }

        .box-accessories {
            margin-right: 20px;
            width: 337px;
            background: transparent;
        }
        .image-module {
            width: 400px;
            height: 400px;
            text-align: left;
            margin-right: 20px;
        }
        .div-module-width-construction {
            width: 68%;
        }
        input[type="text"].box-construction-row-transparent {
            width: 131px;
            border: 0px;
            height: 40px;
            margin-left: 17px;
            background: transparent;
            margin-top: auto;
        }
        .div-image-module {
            width: 400px;
            height: auto;
            text-align: left;
            margin-right: 20px;
        }

        .div-border-button-pdf-margin-left {
            margin-left: 16px;
            width: 20px;
        }
    }
    /*150%*/
@media all and (min-width:0px) and (max-width:1363px) {
    .image-module {
        width: 230px;
        height: 230px;
        text-align: left;
        margin-right: 20px;
    }

    .div-module-width-construction {
        width: 74%;
    }

    .image-construction-module {
        height: 56px;
        width: 56px;
    }

    .div-image-module {
        width: 287px;
        height: auto;
        text-align: left;
        margin-right: 20px;
    }

    .input[type="text"].box-construction-row-transparent {
        width: 113px;
        border: 0px;
        height: 40px;
        margin-left: 5px;
        background: transparent;
        margin-top: auto;
    }

    .box-constraction-row {
        width: 368px;
        margin-right: 20px;
    }

    .div-border-button-pdf-margin-left {
        margin-left: 16px;
        width: 20px;
    }

    .icon-supply {
        vertical-align: middle;
        border-style: none;
        width:auto
    }

    body {
        font-size: 13px;
        min-width: 1024px;
        max-width: 1920px;
    }

    .div-border-login-image {
        margin-bottom: 15px;
        margin-left: 402px;
    }


        .box select {
            background: rgba(255,255,255,0.1);
            color: rgba(45,101,45,1);
            padding: 5px;
            width: auto;
            width: 100%;
            height: 28px;
            border: none;
            font-size: 12px;
            -webkit-appearance: none;
            outline: none;
        }

    /* div.box.box-photovoltaics-find-manufacturer::before {*/
    .box:before{
            content: url('../img/6-02.png');
            position: absolute;
            top: 0;
            right: 10px;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 20px;
            background: rgba(255,255,255,0.1);
            pointer-events: none;
            font-size: 10px;
            transform: scale(0.6);
            margin-top: -5px;
        }

        .box:hover:before {
            background: rgba(255,255,255,0.1);
        }
    

    .label-module-supply-column-center {
        margin-top: 8px;
        font-size: 13px;
    }

    p.display-main {
        color: #0E4F0E;
        margin-top: 0px;
        font-size: 20px;
        line-height: 1.2;
        font-family: ainslie-sans, sans-serif;
        font-style: normal;
        font-weight: 550;
    }

    p.display-info-justify {
        text-align: left;
        text-align-last: justify;
        width: 76%;
        margin-left: 3%;
        font-size: 12px;
    }

    .div-module-order-table {
        margin-left: -59px;
        font-size: 13px;
    }

    p.display-main {
        color: #0E4F0E;
        margin-top: 0px;
        font-size: 17px;
        line-height: 1.2;
        font-family: ainslie-sans, sans-serif;
        font-style: normal;
        font-weight: 550;
    }

    p.display-info-justify {
        text-align: left;
        text-align-last: justify;
        width: 65%;
        margin-left: 14%;
        font-size: 13px;
    }

    p.p-module-table-price {
        text-align: left;
        font-size: 12px;
    }

    .boxS select {
        background: rgba(255,255,255,0.1);
        color: rgba(45,101,45,1);
        padding: 5px;
        width: auto;
        width: 100%;
        height: 28px;
        border: none;
        font-size: 12px;
        -webkit-appearance: none;
        outline: none;
    }

    .boxS:before {
        content: url('../img/6-02_grey.png');
        position: absolute;
        top: 0;
        right: 10px;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 20px;
        background: rgba(255,255,255,0.1);
        pointer-events: none;
        font-size: 10px;
        transform: scale(0.6);
        margin-top: -5px;
    }

    .boxS:hover:before {
        background: rgba(255,255,255,0.1);
    }

    p.display-construction-text1 {
        color: #0E4F0E;
        margin-top: 60px;
        font-size: 20px;
        line-height: 1.2;
        font-family: ainslie-sans, sans-serif;
        font-style: normal;
        font-weight: 550;
        text-align: left;
        margin-left: 10%;
    }

    .div-photo-count {
        margin: auto;
        margin-top: auto;
        margin-top: 0px;
    }

    input[type="text"].box-photovoltaics-count {
        width: 100px;
        border: 0px;
        height: 30px;
        background: #fff;
        margin-top:0px;
    }

    .button-up {
        height: 17px;
        margin-top: -12px;
    }

    .button-down {
        height: 14px;
        margin-top: -15px;
    }

    img {
        vertical-align: middle;
        border-style: none;
        width: 24px;
    }

    .image-button-pdf {
        width: 42%;
        margin-left: 4px;
        margin-top: -15px;
    }

    input[type="text"].box-accessories-row-transparent {
        width: 80%;
        border: 0px;
        height: 30px;
        margin: auto;
        background: transparent;
        min-width: 40px;
    }

    input[type="text"].box-construction-row-transparent-field {
        border: 0px;
        height: 30px;
        margin: auto;
        background: transparent;
    }

    .div-construct-space {
        margin-top: 7px;
    }

    .div-construct-space2 {
        margin-top: 12px;
    }

    td.td-constraction-system {
        width: 700px;
        height: 57px;
    }
    .module-table-height {
        height: 64px;
        margin-top: 35px;
    }
    .div-border-login-margin-left {
        margin-left: 15px;
        margin-top: 10px;
    }

    .div-border-login {
        border: 3px solid;
        border-color: rgb(204,219,20) rgb(204,219,20) rgb(204,219,20) transparent;
        height: 41px;
        margin-left: -5px;
        width: 197px;
    }

    .image-border-login {
        border: 3px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
        border-color: rgb(204,219,20) transparent rgb(204,219,20) rgb(204,219,20);
        height: 41px;
    }

    .box-inverters {
        margin-right: 20px;
        width: 240px;
        background: transparent;
        margin-left: 27px;
    }

    input[type="text"].box-inverters-price {
        margin-right: 20px;
        width: 150px;
        margin-bottom: 0px;
        border: 0px;
        text-align: center;
        margin-left: 0px;
    }

    .label-module-inverters {
        margin-left: 606px;
    }

    .label-main-menu-B2B {
        margin-left: 89px;
    }

    .div-photo-empty-count {
        margin-top: 1px;
    }

    p.display-construction-text1 {
        color: #0E4F0E;
        margin-top: 60px;
        font-size: 15px;
        line-height: 1.2;
        font-family: ainslie-sans, sans-serif;
        font-style: normal;
        font-weight: 550;
        text-align: left;
        margin-left: 10%;
    }

    p.display-construction-text2 {
        color: #69B208;
        font-size: 0.8rem;
        line-height: 1.2;
        margin-bottom: 10px;
        font-family: ainslie-sans, sans-serif;
        font-style: normal;
        font-weight: 550;
        text-align: left;
        margin-left: 10%;
        margin-top: 5px;
    }

    p.display-info-justify {
        text-align: left;
        text-align-last: justify;
        width: 52%;
        margin-left: 20%;
        font-size: 13px;
    }

    p.p-order-info {
        height: auto;
        color: black;
        font-size: 12px;
        line-height: 1.2;
        text-align: left;
        margin-top: 21px;
        margin-left: 21%;
        font-family: myriad-pro, sans-serif;
        font-style: normal;
        font-weight: 400;
    }

    .div-order-first {
        margin-left: 50px;
        margin-top: 21px;
    }

    .div-order-third {
        margin-left: 10px;
        margin-top: 21px;
    }

    .div-order-second {
        margin-left: 5%;
        margin-top: 21px;
    }

    p.display-main2 {
        color: #69B208;
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 10px;
        font-family: ainslie-sans, sans-serif;
        font-style: normal;
        font-weight: 550;
    }



    .login_body {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: fixed !important;
        height: 100%;
        width: 732px;
        z-index: -1;
    }

    .formBox label.info {
        width: 100%;
        font-weight: bold;
        font-size: 10px;
        color: gray;
        text-align: center;
    }


    .div-form-header-row-left {
        width: 255px;
    }

    .formBox h2 {
        text-align: center;
        margin-top: 2px;
    }

    h2, .h2 {
        font-size: 1.3rem;
    }

    .formBox {
        position: absolute;
        top: 1%;
        background-color: #fff;
        border-radius: 17px;
        height: 340px;
        max-width: 843px;
    }

        .login-inner-container label.info-form {
            font-weight: bold;
            font-size: 9px;
        }

    input[type="email"].login-email {
        border: 1px solid #0199df;
    }

    .form-control {
        display: block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        font-size: 0.7rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    input[type="password"].login-email {
        border: 1px solid #0199df;
        margin-bottom: 10px;
    }

    input[type="submit"].box-login-accept {
        width: 100%;
        background: #0199df;
        margin-bottom: 0px;
        border: 3px #0199df solid;
        text-align: center;
        height: 40px;
        border-radius: 8px;
        box-shadow: 4px 4px 6px gray;
        color: white;
    }

    .div-module-login-first {
        margin-left: 5%;
        margin-top: -9px;
    }

    .div-form-header {
        height: 20px;
        margin-top: 8px;
        margin-left: 37px;
    }

    .div-form-header-row-left {
        width: 291px;
        margin-left: -26px;
    }

    .div-form-header-row-face {
        width: 30px;
    }

    .div-form-header-row-insta {
        width: 30px;
    }

    .div-form-header-row-close {
        width: 40px;
        margin-left: -12px;
        margin-top: -7px;
    }

    hr.display-module-login {
        width: 90%;
        text-align: center;
        margin-left: auto;
        border-bottom: 1px solid rgba(123, 175, 97, 1);
        margin-bottom: 9px;
        margin-top: 9px;
    }

}
    /*150%*/
    @media all and (min-width:0px) and (max-width:1263px) {
        .image-module {
            width: 300px;
            height: 300px;
            text-align: left;
            margin-right: 20px;
        }

        .box-constraction-row {
            width: 368px;
            margin-right: 20px;
        }
    }

    /*170%-200%*/
    @media all and (min-width:0px) and (max-width:1205px) {
        td.td-supply-table-result {
            width: 0%;
            height: 40px;
        }

        table.table-supply-result {
            margin-top: 50px;
            /*    width: 100%;*/
            min-width: 948px;
        }

        .p-module-resize {
            width: 30px;
        }

        .box-supply-order-description2 {
            margin-top: 20px;
            margin-bottom: 30px;
            border: 0px;
            width: 83%;
            height: 100px;
            text-align: left;
            margin-left: -159px;
            width: 360px;
        }

        .box-supply-order-description {
            margin-top: 20px;
            margin-bottom: 30px;
            border: 0px;
            width: 83%;
            height: 100px;
            text-align: left;
            margin-left: 59px;
            width: 360px;
        }

        .div-module-suplier-approval {
            text-align: left;
            margin-left: 10%;
            margin-bottom: 50px;
            margin-top: 50px;
        }

        .box-accessories {
            margin-right: 20px;
            width: 222px;
            background: transparent;
        }
        .image-module {
            width: 230px;
            height: 230px;
            text-align: left;
            margin-right: 20px;
        }

        .div-image-module {
            width: 219px;
            height: auto;
            text-align: left;
            margin-right: 20px;
        }
        .div-module-width-construction {
            width: 77%;
        }
    }

@media all and (min-width:0px) and (max-width:1110px) {
    .image-module {
        width: 160px;
        height: 160px;
        text-align: left;
        margin-right: 20px;
    }

    .div-image-module {
        width: 165px;
        height: auto;
        text-align: left;
        margin-right: 20px;
    }
    .div-module-width-construction {
        width: 81%;
    }
}
/*180%*/
@media all and (min-width:0px) and (max-width:1046px) {
    .image-module {
        width: 160px;
        height: 160px;
        text-align: left;
        margin-right: 20px;
    }
    .div-module-width-construction {
        width: 773px;
    }
    input[type="text"].box-accessories-row-transparent {
        width: 77%;
        border: 0px;
        height: 40px;
        margin: auto;
        background: transparent;
        min-width: 40px;
    }
    .div-module-width-construction {
        width: 81%;
    }
}
/*190%*/
@media all and (min-width:0px) and (max-width:1014px) {
    .image-module {
        width: 160px;
        height: 160px;
        text-align: left;
        margin-right: 20px;
    }
    .div-module-width-construction {
        width: 773px;
    }
    input[type="text"].box-accessories-row-transparent {
        width: 77%;
        border: 0px;
        height: 40px;
        margin: auto;
        background: transparent;
        min-width: 40px;
    }
    .box-constraction-row {
        width: 307px;
        margin-right: 20px;
    }
}





    /*
#photoScroll {
    width:0px;
    height:0px;
    background:url('../img/18-02.png');
    padding:50px;
}

    #photoScroll: {
        background: url('../img/18c-02.png');
    }
    */



/*STYLES FOR TRANSPORT DEMAND*/
.transport-demand-row-color-initialized {
    background-color: inherit;
}
.table-hover .transport-demand-row-color-initialized:hover {
    background-color: inherit;
}
.transport-demand-row-priority-high td small {
    font-weight: 600;
}

.transport-demand-row-priority-low {
    font-weight: unset;
}

.transport-demand-row-color-inprogress {
    background-color: #8CDA8C8A;
}
.table-hover .transport-demand-row-color-inprogress:hover {
    background-color: #679A678A;
}

.transport-demand-row-color-finished {
    background-color: #D26A6A9C;
}
.table-hover .transport-demand-row-color-finished:hover {
    background-color: #A958589C;
}

.transport-demand-row-color-cancelled {
    background-color: #FFEB9C;
}
.table-hover .transport-demand-row-color-cancelled:hover {
    background-color: #D6C581;
}

/*STYLES FOR TRANSPORT ORDER*/
.transport-order-row-color-available {
    background-color: #8CDA8C8A;
}
.table-hover .transport-order-row-color-available:hover {
    background-color: #679A678A;
}

.transport-order-row-color-reserved {
    background-color: #FFEB9C;
}
.table-hover .transport-order-row-color-reserved:hover {
    background-color: #D6C581;
}

.transport-order-row-color-realized {
    background-color: #D26A6A9C;
}
.table-hover .transport-order-row-color-realized:hover {
    background-color: #A958589C;
}

.transport-order-row-color-leaveover {
    background-color: #8080807D;
}
.table-hover .transport-order-row-color-leaveover:hover {
    background-color: #4643437D;
}