body {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    /*font-size: 48px;*/
}
html, body , .container-fluid{
    height: 100%;
}

@media (min-width: 992px){
	body.full_background {
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-size: auto;
		background-position: center top;
	}
	body.full_background {
		/*background-image: url(../img/construction-material-ge7472ec0d_1920.jpg);*/
	}
    body.full_background_color {
        /*background-image: url(../img/construction-material-ge7472ec0d_1920.jpg)!important;*/
    }
    .logo{
        max-width: 200px;
        margin-top: 14px;
    }

    body.full_background {
        background-repeat: no-repeat;
        /*background-position: 50%;*/
        background-attachment: fixed;
        background-size: cover;
    }
    body {
        /*font-size: 14px;*/
        font-weight: 400;
        color: #2a415e;
        background-color: #fff;
        line-height: 140%;
        -webkit-font-smoothing: antialiased;
        /*min-width: 320px!important;*/
    }

    .form-control{
        min-width: 182px;
    }
}

@media (max-width: 990px){
    body.full_background {
        /*background: #0171bb;*/
    }
    .logo{
        max-width: 150px;
        margin-top: 14px;
    }
    .btn{
        white-space: normal;
        font-size: 16px!important;
        line-height: 18px!important;
    }
    .btn-plus-new-prod{
        display:none;
    }
}

.preload-01{
    background: url(../img/construction-material-ge7472ec0d_1920.jpg) no-repeat -9999px -9999px;;
}

@media (min-width: 768px){
    /*.form-control{*/
    /*    display: block!important;*/
    /*    width: 100%!important;*/
    /*}*/
}

/*.container-fluid{*/
/*    display: table;*/
/*    vertical-align: middle;*/
/*    width: 100%;*/
/*    min-width: 100%;*/
/*}*/
/*.vertical-center-row{*/
/*    display: table-cell;*/
/*    vertical-align: middle;*/
/*}*/

.centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.btn{
    font-size: 14px;
    line-height: 16px;
    /*font-weight: normal;*/
    /*text-transform: none;*/
    /*background-color: #0097de;*/
    /*border-color: #f3f3f3;*/
    /*color: #f3f3f3;*/
    /*white-space: normal;*/
}

.add-produs{
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    text-transform: none;
    background-color: #6c757d;;
    border-color: #f3f3f3;
    color: #f3f3f3;
    white-space: normal;
}

.color-grey{
    color: #333333;
}

.color-grey-light{
    color: #808080;
}

.color-green{
    color: #55C41D;
}

/*.btn:hover{*/
    /*background-color: #55C41D;*/
    /*color: #333333;*/
/*}*/

.spacer {
    margin-top: 10px; /* define margin as you see fit */
}

.centered-content{
    text-align: center;
}

.sum{
    text-align: left;
}
.pay-body{
    margin-top: 35px;
}
.shadow{
    -webkit-box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.63);
    -moz-box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.63);
    box-shadow: 0px 4px 10px -2px rgba(0,0,0,0.63);
}
#back-to-sum{
    margin-left: -1px;
    border-left: none;
}

.but-plateste{
    background-color: #000000;
    color: white;
    padding: 8px!important;
    border-radius: 20px!important;
}
.but-bottom{
    background-color: #55C41D!important;
    color: white;
    padding: 8px!important;
    border-radius: 20px!important;
}

.but-oferta{
    background-color: #2e6da4;
    color: white;
    padding: 8px!important;
    border-radius: 20px!important;
}

#back-to-site{
    border: none;
    margin-top: 14px;
    background: none;
    color: #0097de;
}

.prod-image{
    max-width: 100%;
}

.half-rule {
    margin-left: 0;
    text-align: left;
    width: 50%;
}

.popup {
    display: none;
    position: fixed;
    padding: 20px;
    width: 40%;
    left: 30%;
    top: 30%;
    background: #FFF;
    z-index: 20;
}

.popupTipar {
    display: none;
    position: fixed;
    padding: 20px;
    width: 55%;
    left: 22.5%;
    top: 30%;
    background: #FFF;
    z-index: 20;
}

.popupTipar:after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.85);
    z-index: -2;
}


@media only screen and (max-width: 600px){
    .popup{
        left: 10%;
        width: 80%;
        top: 10%;
    }

    .popupTipar{
        left: 10%;
        width: 90%;
        top: 0;
    }
    .popupTipar img{
        width: 80%;
        height: auto;
    }

    .span-nume-produs{
        font-size: 30px;
        /*color: blue;*/
    }

    #div-finalizare-comanda-desk{
        display: none;
    }
}

@media only screen and (min-width: 600px){
    #div-finalizare-comanda-desk{
        display: none;
    }
}

@media (min-width: 768px) {
    #div-finalizare-comanda {
        display: none;
    }
}

#popup1 {
    -webkit-box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
}

#popup2:after {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: -2;
}

#popup2:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    z-index: -1;
}

#popupTiparSticla:after{
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: -2;
}

#popupTiparSticla:before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    z-index: -1;
}

/* From here on, just aesthetics */

/*body {*/
    /*background: #1abc9c;*/
    /*font-family: Arial, sans-serif;*/
    /*font-size: 120%;*/
    /*padding: 20px;*/
/*}*/

a,
a:visited {
    text-decoration: none;
    color: #1abc9c;
    font-weight: bold;
    display: block;
    margin: 10px 0;
}

a:hover,
a:active {
    text-decoration: underline;
}

.popup a,
.popup a:visited {
    color: #1abc9c;
}

p {
    margin: 1em 0;
}

p+p+p {
    font-size: 60%;
}

.dot{
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 4px solid #fff;
    display: inline-block;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    margin: 5px;
    cursor: pointer;

}


.dot-selected{
    height: 40px;
    width: 40px;
    -webkit-box-shadow: -1px 1px 11px 3px rgba(0,0,0,0.79);
    box-shadow: -1px 1px 11px 3px rgba(0,0,0,0.79);
}
.dot-alb{
    background-color: #fff;
}


@media (prefers-color-scheme: dark) {
    .dot-alb {
        background-color: #fff !important; /* Keep it white in dark mode */
    }
}

.dot-maro-inchis{
    background-color: #3d3635;
}

.dot-maro-deschis{
    background-color: #4a3526;
}

.dot-argintiu{
    background-color: #a1a1a0;
}

.dot-gri-antracit{
    background-color: #383e42;
}

.dot-gri-deschis{
    background-color: #AFB0AA;
}

.dot-stejar-auriu{
    background-color: #bb8141;
}

.dot-nuc{
    background-color: #5a3826;
}

.dot-mahon{
    background-color: #4c2b20;
}

.dot-wenghe{
    background-color: #3d3635;
}

.dot-fumuriu{
    background-color: #5A5A5F;
}

.dot-bronze{
    background-color: #CD7F32;
}

.dot-verde{
    background-color: #017561;
}

.dot-albastru{
    background-color: #3C99DC;
}

.dot-natur{
    background-color: #a5a7ad;
}

.dot-negru{
    background-color: #0e0e10;
}

.dot-bordeaux{
    background-color: #7B465E;
}

.dot-crem{
    background-color: #FFFDD0;
}

.dot-mat{
    background-color: #D0CDC8;
}

.wp-img{
    /*bottom: 33px;*/
    bottom: 53px;
    left: 0px;
    position: fixed;
    z-index: 999;

}

.enlarge:hover{
    cursor: pointer;
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

/*.culoare-prod label{*/
    /*font-size: 20px; !important;*/
/*}*/


.bottom-button{
    /*height: 50px;*/
    position: fixed;
    /*position: sticky;*/
    bottom: 0px;
    /*width:58.3%;*/
    width:100%;
    /*box-sizing: border-box;*/
    right: 0;
    background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
    background-color: #75caeb;
    z-index: 999;
}

.tooltip{
    text-decoration:none;
    position:relative;

    display:none;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    color:black;
    background:white;

    float:left;
    margin:0px 8px 8px 0;

    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    width:auto;
    max-width:320px;
    min-height:128px;
    border:1px solid black;
    margin-top:12px;
    margin-left:32px;
    overflow:hidden;
    padding:8px;
}

/*.tooltip span {*/
    /*display:none;*/
    /*-moz-border-radius:6px;*/
    /*-webkit-border-radius:6px;*/
    /*border-radius:6px;*/
    /*color:black;*/
    /*background:white;*/
/*}*/

/*.tooltip span img {*/
    /*float:left;*/
    /*margin:0px 8px 8px 0;*/
/*}*/

/*.tooltip:hover span {*/
    /*display:block;*/
    /*position:absolute;*/
    /*top:0;*/
    /*left:0;*/
    /*z-index:1000;*/
    /*width:auto;*/
    /*max-width:320px;*/
    /*min-height:128px;*/
    /*border:1px solid black;*/
    /*margin-top:12px;*/
    /*margin-left:32px;*/
    /*overflow:hidden;*/
    /*padding:8px;*/
/*}*/
.btn-new-prod{
    background: green;
    color: white;
}

.btn-plus-new-prod{
    padding: 0;
    border: none;
    background: none;
}

span[disabled] { pointer-events: none; }