@media only screen and (max-width: 400px) {
    body {
        background: #1c47aa;
    }
}

body {
    margin: 0px;
    padding: 0px;

}

/*input[type="text"] {
    font-size: inherit;
}*/
@font-face {
    font-family: "fontpristina1";
    font-style: normal;
    src: url('/Style/Fonts/PRISTINA.ttf');
    src: url('/Style/Fonts/PRISTINA.ttf') format('woff');
}

.waitingcss {
    background-color: Black;
    opacity: 0.2;
    filter: Alpha(opacity=20);
}

.fontpristina {
    font-family: "Pristina";
}

a {
    text-decoration: none;
}

.linkunderline:hover {
    text-decoration: underline;
    color: Black;
}
.hidden {
    display: none;
}
.colortexttheme {
    color: #1942a3;
}

.linkcolortexttheme {
    color: #1942a3;
}

    .linkcolortexttheme:hover {
        color: #747474;
    }

.linkcolorblack {
    color: Black;
}

    .linkcolorblack:hover {
        color: #747474;
    }

.backcolortextdatapager {
    border-radius: 4px;
    border: 1px solid #C8C8C8;
    background-color: #bebebe;
    padding: 1px 5px 1px 5px;
    background-image: linear-gradient(to bottom, #f6f6f6 20%, #bebebe 100%);
}

.backcolortextdatapagerh {
    padding: 1px 6px 1px 6px;
}

    .backcolortextdatapagerh:hover {
        border-radius: 4px;
        border: 1px solid #C8C8C8;
        background-color: #bebebe;
        padding: 1px 5px 1px 5px;
        background-image: linear-gradient(to bottom, #f6f6f6 20%, #bebebe 100%);
    }

    .backcolortextdatapagerh:active {
        position: relative;
        top: 2px;
    }

.textcolorreducere {
    color: #990000;
}

.textcolorvaloare {
    color: #fe4716;
}


.Divproducatori {
    text-decoration: none;
}

.stylebutton {
    padding: 2px 15px 2px 15px;
    font-weight: bold;
    font-family: Verdana;
    font-size: 10px;
    color: #E4E4E4;
    background-color: #750000;
}

    .stylebutton:hover {
        color: #750000;
        background-color: #E4E4E4;
    }


.textboxfocus {
    border-radius: 3px;
    border: 1px solid #C8C8C8;
    height: 20px;
}

    .textboxfocus:focus {
        padding-left: 3px;
        box-shadow: 5px 5px 5px #C8C8C8;
        background-color: #F7F7F7;
        border: 1px solid #1d3398;
    }
.treeviewbuttonparent {
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #ffffff 20%, #dee5e8 100%);
}

.treeviewbuttonchild {
    background-image: url('none' );
}

.textboxcauta2 {
    padding: 0px 0px 0px 10px;
    box-shadow: 2px 2px 2px 2px #dddddd;
    border-radius: 4px;
    overflow: hidden;
}

.textboxcauta {
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    overflow: hidden;
    /*background-image: url('/Imagni/cauta_25x25.png');*/
    background-repeat: no-repeat;
    background-position: right;
    color: #1942a3;
}
    .textboxcauta:focus {
        box-shadow: 0.5px 0.5px 5px 0.5px #1942a3;
        transition: box-shadow 0.2s;
    }
.divpozerclist {
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #C8C8C8;
    overflow: hidden;
}

.divpozerclistbn {
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #F4F4F4;
    overflow: hidden;
    transition: transform .4s; /*Animation */
    margin: 0 auto;
}

    .divpozerclistbn:hover {
        transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outsideof the viewport) */
    }

.divpozercfind {
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #C8C8C8;
    overflow: hidden;
    margin: 3px;
}

.divpozerc {
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #C8C8C8;
    overflow: hidden;
}

    .divpozerc:active {
        position: relative;
        top: 2px;
    }
.divpozerclss {
    overflow: hidden;
}

    .divpozerclss:active {
        position: relative;
        top: 2px;
    }
.btnrc {
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: #C8C8C8;
    overflow: hidden;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    background-image: linear-gradient(to bottom, #EEEEEE 20%, White 100%);
    /*height: 100px;*/
    background-color: #EEEEEE;
}

    .btnrc:hover {
        text-decoration: none;
        background-image: linear-gradient(to bottom, White 20%, #EEEEEE 100%);
        background-color: White;
    }

    .btnrc:active {
        position: relative;
        top: 2px;
    }
.textshadow {
    text-shadow: 0px 1px 0px #c7bfbf;
}

.btn {
    box-shadow: inset 0px 2px 0px 0px #1942a3;
    border-radius: 3px;
    font-family: Verdana;
    color: #eeeaea;
    font-size: 8.1pt;
    border: 1px solid #1942a3;
    padding: 2px 6px 2.5px 6px;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    text-decoration: none;
    background-image: linear-gradient(to bottom, #1957a3 20%, #86a6de 100%);
    /*height: 100px;*/
    background-color: #1957a3;
}

    .btn:hover {
        text-decoration: none;
        background-image: linear-gradient(to bottom, #86a6de 20%, #1957a3 100%);
        background-color: #7596cf;
    }

    .btn:active {
        position: relative;
        top: 2px;
    }
.btncmp {
    box-shadow: inset 0px 2px 0px 0px #1942a3;
    border-radius: 3px;
    font-family: Verdana;
    color: #eeeaea;
    font-size: 8.1pt;
    border: 1px solid #1942a3;
    padding: 2.5px 5px 3px 2px;
    text-align: center;
    vertical-align: middle;
    width: 105px;
    text-decoration: none;
    background-image: linear-gradient(to bottom, #1957a3 20%, #86a6de 100%);
    /*height: 100px;*/
    background-color: #1957a3;
}

    .btncmp:hover {
        text-decoration: none;
        background-image: linear-gradient(to bottom, #86a6de 20%, #1957a3 100%);
        background-color: #7596cf;
    }

    .btncmp:active {
        position: relative;
        top: 2px;
    }
.btn_fundal {
    border-radius: 3px;
    box-shadow: 5px 5px 5px #a4a4a4;
    font-family: Verdana;
    color: #f1eeee;
    /*border: 1px solid #401d20;*/
    padding: 2px 10px 0px 10px;
    text-align: center;
    vertical-align: middle;
    width: 150px;
    Height: 17px;
    background-image: linear-gradient(to top, #c9cfd9 20%, #1942a3 100%);
    background-color: #1942a3;
}

    .btn_fundal:hover {
        background-image: linear-gradient(to bottom, #c9cfd9 100%, #1942a3 20%);
        background-color: #1942a3;
    }

    .btn_fundal:active {
        box-shadow: 0px 0px 0px #C8C8C8;
        position: relative;
        top: 2px;
    }

.divlistfiltru {
    border-radius: 6px;
    opacity: 0.99;
    filter: Alpha(opacity=99);
    z-index: 5000;
    word-wrap: break-word;
}

.divlistproducatori {
    border-radius: 4px;
    opacity: 0.99;
    filter: Alpha(opacity=99);
    z-index: 4000;
}
/*input:checked {

}
    */
.divmacheta {
    border-radius: 5px 5px 0px 0px;
    background-image: linear-gradient(to bottom, #c9cfd9 20%, #1942a3 100%);
    background-color: #c9cfd9;
}


.divmeniu {
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #1942a3 20%, #c9cfd9 100%);
    background-color: #1942a3;
}
.mdivmeniu {
    background-image: linear-gradient(to bottom, #1942a3 70%, #c9cfd9 100%);
    background-color: #1942a3;
}
.meniush {
    background-image: linear-gradient(to bottom, #7596cf 20%, #1942a3 100%);
    background-color: #7596cf;
/*    border-bottom: 4px solid #7596cf;
    padding-top: 9.2px;
    display: flex;*/
}

/*meniush span {
    align-self: flex-end;
}*/
.meniushH {
    /*background-image: url("/Imagni/home_logo1.png");*/
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 9px;
}

    .meniushH:hover {
        background-image: linear-gradient(to bottom, #7596cf 20%, #1942a3 100%);
        background-color: #7596cf;
    }

.meniushHH {
    /*background-image: url("/Imagni/home_logo1.png");*/
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 9px;
    background-image: linear-gradient(to bottom, #7596cf 20%, #1942a3 100%);
    background-color: #7596cf;
}

meniushH1:target {
    background-image: linear-gradient(to bottom, #7596cf 20%, #1942a3 100%);
    background-color: #7596cf;
}
.divrc {
    border-radius: 5px;
    overflow: hidden;
}

.divrcmsg {
    border-radius: 4px;
    overflow: hidden;
}

.cmrc {
    border-radius: 50px;
    overflow: hidden;
    background-image: linear-gradient(to bottom, #f6f6f6 20%, #bdbdbd 100%);
    background-color: #bdbdbd;
    color: #1942a3;
}

.thinbutton {
    border-radius: 10px;
    overflow: hidden;
    background-image: linear-gradient(to bottom, #f6f6f6 20%, #bdbdbd 100%);
    background-color: #bdbdbd;
    color: #1942a3;
    padding-bottom: 1px;
}

    .thinbutton:active {
        position: relative;
        top: 2px;
    }

.divbarads {
    background-image: linear-gradient(to bottom, #f6f6f6 40%, #d8d8d8 100%);
    border-radius: 4px 4px 0px 0px;
}

.divbaradshidden {
    visibility: hidden;
    width: 0px;
    height: 0px;
}

.buttond {
    background-image: linear-gradient(to bottom, #f6f6f6 40%, #d8d8d8 100%);
    border-radius: 6px 6px 0px 0px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    padding: 3px 3px 3px 3px;
    color: #1942a3;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

.buttondhidden {
    visibility: hidden;
    width: 0px;
}

.buttond:hover {
    background-image: linear-gradient(to bottom, #d8d8d8 10%, #f6f6f6 60%);
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}

.buttondactiv {
    background-image: linear-gradient(to bottom, #d8d8d8 10%, #f6f6f6 60%);
    border-radius: 6px 6px 0px 0px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    padding: 3px 3px 3px 3px;
    color: #1942a3;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

.buttons {
    background-image: linear-gradient(to bottom, #f6f6f6 40%, #d8d8d8 100%);
    border-radius: 6px 6px 0px 0px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    padding: 3px 3px 3px 3px;
    color: #1942a3;
    margin-left: -4px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

.buttonshidden {
    visibility: hidden;
    width: 0px;
}

.buttons:hover {
    background-image: linear-gradient(to bottom, #d8d8d8 10%, #f6f6f6 60%);
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}

.buttonsactiv {
    background-image: linear-gradient(to bottom, #d8d8d8 10%, #f6f6f6 60%);
    border-radius: 6px 6px 0px 0px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    padding: 3px 3px 3px 3px;
    color: #1942a3;
    margin-left: -4px;
    padding-left: 15px;
    padding-right: 15px;
}

.divbara {
    background-image: linear-gradient(to bottom, #f6f6f6 40%, #d8d8d8 100%);
    background-color: #d8d8d8;
}

.btnformular {
    box-shadow: inset 0px 1px 0px 0px #d9d4c8;
    border-radius: 3px;
    font-family: Verdana;
    color: Gray;
    font-size: 10px;
    border: 1px solid #C8C8C8;
    padding: 4px 10px 4px 10px;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    text-decoration: none;
    background-image: linear-gradient(to bottom, #ffffff 20%, #d6e1e5 100%);
    /*height: 100px;*/
    background-color: #d6e1e5;
}

    .btnformular:hover {
        text-decoration: none;
        background-image: linear-gradient(to bottom, #d6e1e5 20%, #ffffff 100%);
        background-color: #ffffff;
    }

.btnnewsl {
    box-shadow: inset 0px 1px 0px 0px #d9d4c8;
    border-radius: 3px;
    font-family: Verdana;
    color: #1942a3;
    font-size: 10px;
    border: 1px solid #C8C8C8;
    padding: 3px 3px 2.3px 3px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    text-decoration: none;
    background-image: linear-gradient(to bottom, #ffffff 20%, #e6eaeb 100%);
    /*height: 100px;*/
    background-color: #e6eaeb;
    /*padding-top: 3px;*/
}

    .btnnewsl:hover {
        text-decoration: none;
        background-image: linear-gradient(to bottom, #e6eaeb 20%, #ffffff 100%);
        background-color: #ffffff;
        /*padding-top: 3px;*/
    }
    .btnnewsl:active {
        position: relative;
        top: 2px;
    }
.btnfvsel {
    box-shadow: inset 0px 1px 0px 0px #d9d4c8;
    margin-left: 3px;
    border-radius: 5px;
    font-family: Verdana;
    color: #dd4444;
    font-size: 22px;
    /*border: 1px solid #C8C8C8;*/
    padding: 0px 2.7px 0px 2.7px;
    margin-top: -2px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    text-decoration: none;
    background-image: linear-gradient(to bottom, #ffffff 20%, #e6eaeb 100%);
    /*height: 100px;*/
    background-color: #e6eaeb;
    /*padding-top: 3px;*/
}

    .btnfvsel:hover {
        text-decoration: none;
        background-image: linear-gradient(to bottom, #e6eaeb 20%, #ffffff 100%);
        background-color: #ffffff;
        /*padding-top: 3px;*/
    }

    .btnfvsel:active {
        position: relative;
        top: 2px;
    }


.btnfv {
    box-shadow: inset 0px 1px 0px 0px #d9d4c8;
    margin-left: 3px;
    border-radius: 5px;
    font-family: Verdana;
    color: #aeaeae;
    font-size: 22px;
    /*border: 1px solid #C8C8C8;*/
    padding: 0px 2.7px 0px 2.7px;
    margin-top: -2px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    text-decoration: none;
    background-image: linear-gradient(to bottom, #ffffff 20%, #e6eaeb 100%);
    /*height: 100px;*/
    background-color: #e6eaeb;
    /*padding-top: 3px;*/
}

    .btnfv:hover {
        text-decoration: none;
        background-image: linear-gradient(to bottom, #e6eaeb 20%, #ffffff 100%);
        background-color: #ffffff;
        /*padding-top: 3px;*/
    }

    .btnfv:active {
        position: relative;
        top: 2px;
    }


.textboxwmb {
    border-radius: 4px;
    border: 1px solid #C8C8C8;
    padding: 0px 0px 0px 10px;
}

.textboxwatermark {
    background-image: linear-gradient(to bottom, #ffffff 20%, #d6e1e5 100%);
    background-color: #d6e1e5;
    border: 1px solid #C8C8C8;
    color: Gray;
    border-radius: 4px;
    padding: 0px 0px 0px 10px;
}

.divtop {
}

.btnactivel:active {
    position: relative;
    right: 2px;
}

.btnactiver:active {
    position: relative;
    left: 2px;
}

}

.specificatii1 {
    box-shadow: 0px 0px 4px 4px #e9e9e9;
    border-radius: 6px;
}

.list {
    border-radius: 3px;
    border: 1px solid #C8C8C8;
    padding: 3px 3px 3px 3px;
}

.zoom {
    transition: transform .4s; /*Animation */
    margin: 0 auto;
}

    .zoom:hover {
        transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outsideof the viewport) */
    }

.etichetewh {
    border-radius: 4px;
    border: 1px solid #C8C8C8;
    padding: 3px 10px 4px 10px;
    background-color: white;
    margin: 4px;
    font-size: 8.5pt;
    color: black;
}

    .etichetewh:hover {
        background-color: #7596cf;
        color: white;
    }
    .etichetewh:active {
        position: relative;
        top: 2px;
    }
.etichetewhm {
    border-radius: 4px;
    border: 1px solid #C8C8C8;
    padding: 3px 10px 4px 10px;
    background-color: white;
    margin: 4px;
    font-size: 8.5pt;
    color: black;
}

    .etichetewhm:hover {
        /*background-color: #7596cf;
        color: white;*/
    }

    .etichetewhm:active {
        position: relative;
        top: 2px;
    }
.etichetewhcul {
    border-radius: 4px;
    border: 1px solid #C8C8C8;
    padding: 4px 4px 2px 4px;
    margin: 3px;
    font-size: 8pt;
    color: black;
}

    .etichetewhcul:hover {
        border: 1px solid #7596cf;
    }

    .etichetewhcul:active {
        position: relative;
        top: 2px;
    }

.etichetewhmcul {
    border-radius: 4px;
    border: 1px solid #C8C8C8;
    padding: 4px 4px 2px 4px;
    margin: 3px;
    font-size: 8pt;
    color: black;
}

    .etichetewhmcul:hover {
        /*background-color: #7596cf;
        color: white;*/
    }

    .etichetewhmcul:active {
        position: relative;
        top: 2px;
    }

.eticheteselcul {
    border-radius: 4px;
    border: 2px solid #7596cf;
    padding: 4px 4px 2px 4px;
    margin: 3px;
    font-size: 8pt;
}
.etichetesel {
    border-radius: 4px;
    border: 1px solid #C8C8C8;
    padding: 3px 10px 4px 10px;
    background-color: #7596cf;
    margin: 4px;
    font-size: 8.5pt;
    color: white;
}
.lineeticheta {
    width: 100%;
    height: 0;
    padding: 0;
}
.visiblescroll {
    display: block;
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 2000;
}