*:not(input.field) {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

button.add-buton.meeting-btn {
    width: 400px;
    margin-left: 50%;
    left: -200px;
    position: absolute;
}


div#mceu_1626-body {
    display: none;
}


div#mceu_1656 {
    margin-top: 10px;
}


div#mceu_1657-body {
    display: none;
}


div#mceu_106 {
    margin-top: 10px;
}


td.vips.action:before {
    display: none;
}


.textura {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-image: url(../Images/textura.png);
    background-size: cover;
    pointer-events: none;
    z-index: 9999;
}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #1f6182;
    border-color: #1f6182;
}

#client-nou {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(141,199,66,0.7);
    z-index: 999999;
    display: none;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 0px;
}



.usr-role {
    width: 441px;
    padding-bottom: 5px;
    margin-left: 4px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    padding: 5px;
    color: white;
}

.roles {
    background-color: rgba(141,199,66,1);
    text-align: center;
    width: 100%;
    margin-left: -10px;
    line-height: 50px;
}

input#adminRole {
    margin-top: 20px;
    margin-left: 10px;
}

.radio.radio-inline {
    width: 100%;
}



.cli {
    width: 1300px;
    background-color: white;
    margin: 0 auto;
    margin-top: 20%;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.4);
}

.usrs {
    width: 450px;
}

input.usr-name {
    width: 98.4%;
    margin: 4px;
    height: 50px;
    text-align: center;
}

input.pass {
    width: 215px;
    margin: 4px;
    height: 50px;
    text-align: center;
}

h4.usr-title {
    border-bottom: 1px solid #fff;
    color: #1f6182;
    width: 431px;
    margin-bottom: 0px;
    text-align: center;
    background-color: #fff;
    line-height: 32px;
}

.add-new-usr {
    width: 442px;
    margin-left: 4px;
    margin-bottom: 4px;
}

td.cli {
    width: 1300px;
    margin-top: 0;
    transform: translate(-50%, -50%);
    top: 50%;
    position: absolute;
    left: 50%;
}

.client-nou-header {
    height: 50px;
    background-color: #1f6182;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    line-height: 50px;
    color: white;
    font-size: x-large;
    font-weight: 600;
}


span.upda-header {
    position: absolute;
    top: -50px;
    width: 99.5%;
    line-height: 50px;
    color: white;
    font-size: x-large;
    font-weight: 600;
}

td.inv.titlu-inv:before {
    color: white;
}

label.inchis {
    float: right;
    margin-top: -1px;
    margin-bottom: 0px;
}

img.inchide-upda {
    float: right;
}

button.add-buton.clie {
    float: right;
    margin-top: -53px;
    width: 511px;
    margin-right: 4px;
}

button.add-buton.clien {
    float: right;
    margin-top: -53px;
    width: 258px;
    margin-right: 4px;
}




button.add-buton.upda {
    float: right;
    margin-top: 5px;
    width: 504px;
    margin-right: 5px;
}

tr#cln-upd {
    position: fixed;
    background-color: rgba(141,199,66,0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
}

input.nc {
    width: 180px;
    margin: 4px;
    height: 50px;
    text-align: center;
}

input.uc {
    width: 246.7px;
    margin: 3px;
    height: 50px;
    text-align: center;
}

select.ucs {
    width: 246.7px;
    margin: 3px;
    height: 50px;
    text-align: center;
}

td.cli.left {
    text-align: left;
    border: 0;
    border-top: 50px solid #1f6182;
}

select.ncs {
    width: 249px;
    margin: 4px;
    height: 50px;
}


input.search-filter {
    width: 190px;
    height: 30px;
    font-size: 15px;
    color: #1f6182;
    padding-left: 10px;
    border-radius: 5px;
    border: 1px solid #1f6182;
    /* padding-bottom: 23px; */
    line-height: 31px;
}

button#filter {
    height: 30px;
    line-height: 33px;
    padding: 0;
    width: 80px;
    font-size: 17px;
    background-color: #8dc742;
    color: white;
    border: none;
    text-transform: uppercase;
    font-weight: 700;
}







input.search-filter:focus {
    box-shadow: 0px 0px 5px #1f6182;
    border: 1px solid #1f6182;
}

.filtru-cautare {
    float: right;
    margin-top: 9px;
    margin-bottom: 10px;
}

.ng-cloak, .x-ng-cloak, [data-ng-cloak], [ng-cloak], [ng\:cloak], [x-ng-cloak] {
    display: none !important
}

html {
    width: 100%;
    height: 100%
}

nav ul#menu-left li.active {
    text-transform: uppercase
}

input[readonly=readonly] {
    background-color: wheat
}

html {
    background-color: #ededed
}

body {
    font-family: 'Open Sans',sans-serif
}

h2.logon {
    margin-top: -40px;
    margin-bottom: 30px;
    text-align: center;
    color: white;
}

ul#menu-left li.active {
    background-color: #8dc742;
    color: white;
}

    ul#menu-left li.active a {
        color: white
    }

.ascuns {
    display: none;
}

label {
    font-size: initial;
}

.op {
    float: left;
    margin-left: 110px;
    margin-top: 23px;
    width: 90px;
    line-height: 12px;
    color: #8dc742;
    font-weight: 800;
    font-size: larger;
}

.checkbox {
    padding-left: 0
}

.user {
    float: right;
    margin-right: 10px;
}

.logout {
    background-image: url(../Images/logoff.png);
    width: 50px;
    height: 50px;
    float: right;
    margin-top: 4px;
}

a.log-out {
    color: white;
    text-decoration: none;
    font-size: large;
    float: right;
    font-weight: 600;
    margin-right: 10px;
    padding: 17px 10px;
    background-color: #1f6182;
}

/*fereastra*/
.pop {
    position: fixed;
    background-color: rgba(0,0,0,0.7);
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    display: none;
}

#pop-edit {
    position: fixed;
    background-color: rgba(0,0,0,0.7);
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    display: none;
}


.fereastra {
    margin: -225px;
    margin-top: 10%;
    background: rgb(255, 255, 255);
    border-top: 46px solid #1f6182;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 40px 10px;
    float: left;
    padding: 10px;
    min-height: 200px;
    width: 450px;
    position: absolute;
    left: 50%;
}

.titlu-fereastra {
    width: 100%;
    margin-top: -45px;
    color: white;
    font-weight: 700;
    font-size: large;
    margin-bottom: 20px;
}

.inchide-fereastra {
    float: right;
    margin-top: -57px;
    margin-right: -13px;
}


input.input-fereastra {
    height: 50px;
    width: 100%;
    text-align: center;
}

label.check-fereastra {
    margin-left: -14px;
    float: left;
}

.text-fereastra {
    line-height: 51px;
    /* margin-left: 54px; */
}

.continut-fereastra {
    text-align: left;
}

button.button-fereastra {
    width: 100%;
    height: 50px;
    background-color: #1f6182;
    border: none;
    color: white;
    text-transform: uppercase;
    font-size: large;
    font-weight: 900;
}

/*sf fereastra*/


sup.role {
    background-color: #8dc742;
    color: #fff;
    padding: 0 5px;
    top: -4px;
}

.usr {
    float: right;
    font-size: large;
    margin-top: 5px;
}

.add-new-user {
    float: right;
    margin-right: 12px;
    margin-top: 5px;
}

.logoff {
    url(../Images/logoff.png);
    width: 50px;
    height: 50px;
}

.user-list {
    background-image: url(../Images/user-list.png);
    width: 50px;
    height: 50px;
}

.add-user {
    background-image: url(../Images/add-new-user.png);
    width: 50px;
    height: 50px;
}

.logo {
    width: 100%;
    background-color: #fff;
    background-image: url(../Images/logo.png);
    top: 0;
    position: fixed;
    height: 60px;
    background-position: left;
    background-repeat: no-repeat;
    box-shadow: 0 0 13px rgba(0,108,140,.11);
    -moz-box-shadow: 0 0 13px rgba(0,108,140,.11);
    -webkit-box-shadow: 0 0 13px rgba(0,108,140,.11);
    z-index: 999;
    border-bottom: 3px solid #1f6182
}

.menu-drop {
    border-top: 1px solid #1f6182
}

div.menu-drop a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    color: #1f6182;
    font-size: x-large
}

    div.menu-drop a:hover {
        background-color: #1f6182;
        color: #fff
    }

.cursor {
    cursor: pointer;
}

.stanga {
    -webkit-transition: left 2s; /* For Safari 3.1 to 6.0 */
    transition: left 2s;
    width: 288px;
    background-color: #fff;
    float: left;
    top: 65px;
    height: 550px;
    left: -230px;
    position: fixed;
    z-index: 999999;
    box-shadow: 0 0 13px rgba(0,108,140,.11);
    -moz-box-shadow: 0 0 13px rgba(0,108,140,.11);
    -webkit-box-shadow: 0 0 13px rgba(0,108,140,.11)
}

    .stanga:hover {
        left: -40px
    }

ul {
    padding-left: 0
}

.dreapta {
    float: left;
    height: 90%;
    top: 80px;
    bottom: 0;
    margin-left: 70px;
    position: absolute
}

.upd-cl {
    width: 200px;
    z-index: 50;
}

.minus-top {
    width: 220px;
    margin: 8px 0 0
}

ul#menu-left li {
    line-height: 54px;
    text-align: right;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #1f6182;
    display: block;
    background: white;
}

.icon {
    background-image: url(../Images/meniu-sprite-icons.png);
    width: 50px;
    height: 50px;
    background-color: #1f6182;
    float: right;
    margin-left: 10px;
    margin-top: 2px
}

.cons-icon {
    background-image: url(../Images/cons-note.png);
    width: 50px;
    height: 50px;
    background-color: #1f6182;
    float: right;
    margin-left: 10px;
    margin-top: 2px
}

.products {
    background-position: 0 0
}

.dealers {
    background-position: -50px 0
}

.vip {
    background-position: -100px 0
}

.client {
    background-position: -150px 0
}

.invoice {
    background-position: 0 -50px
}

.stock {
    background-position: -50px -50px
}

.transfer-note {
    background-position: -100px -50px
}

.reception-note {
    background-position: -150px -50px
}

li a {
    transition: all 1s;
    -webkit-transition: all 1s;
}

ul#menu-left li a:hover {
    background-color: #8dc742;
    text-decoration: none;
    font-weight: 800;
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    margin-left: 40px;
}

tr.client-nou {
    display: none;
    width: 200px;
    position: absolute;
    background-color: #fff;
    top: 20%;
    border-top: 38px solid #1f6182;
    padding: 1% 0 1% 2%;
    left: 30%;
    box-shadow: 0 0 13px rgba(0,108,140,1);
    -moz-box-shadow: 0 0 13px rgba(0,108,140,1);
    -webkit-box-shadow: 0 0 13px rgba(0,108,140,1)
}

    tr.client-nou td {
        float: left;
        border: 0;
        padding-left: 1px;
        padding-right: 1px
    }

select.select-type {
    height: 26px;
    width: 174px
}

.doi {
    display: none
}

input#add-new-client[type=checkbox] {
    display: none
}

table tbody tr.adauga-client {
    background-color: #8dc742;
    display: none;
    color: white;
    border: 10px solid #fff;
    font-size: larger;
}


.meeting-box {
    width: 48%;
    float: left;
    margin: 0 13px;
}

.text-html {
    width: 98%;
    margin-left: 1%;
    margin-bottom: 15px;
}


.cli.meet {
    margin-top: 1%;
    border-bottom: 58px solid #fff;
}

div#mceu_14-body {
    display: none;
}


input.fereastra-meeting {
    width: 48.4%;
    float: left;
    margin: 5px 10px;
}

div#mceu_45-body {
    display: none;
}


p.input-group {
    margin-top: 22px;
}

p.date {
    margin-top: 12px;
}


span.butoane {
    margin-left: 46%;
}


div#mceu_76 {
    display: none;
}


div#mceu_107-body {
    display: none;
}

td.cli.left.top0 {
    margin-top: 10px;
}



.meeting-txt {
    margin: 0 13px;
    width: 98%;
}



input#add-new-client:checked + label span.text-buton:before {
    content: "close ";
}

input#add-new-client:checked + label span.plus {
    transform: rotate(225deg);
    transition-duration: 1s;
}

input#add-new-client:checked ~ table tbody tr.adauga-client {
    display: table-row;
}




input#edit[type=checkbox]:checked ~ div#pop-edit {
    display: block
}

input#cln[type=checkbox]:checked ~ div#client-nou {
    display: block
}

.upd {
    position: fixed;
    background-color: #fff;
    top: 20%;
    border-top: 40px solid #1f6182;
    padding: 1% 0 1% 2%;
    left: 10%;
    box-shadow: 0 0 13px rgba(0,108,140,1);
    -moz-box-shadow: 0 0 13px rgba(0,108,140,1);
    -webkit-box-shadow: 0 0 13px rgba(0,108,140,1)
}

tr.upd td {
    float: left
}

input#upd[type=checkbox]:checked ~ table tbody tr.doi {
    display: block
}

input#upd[type=checkbox] {
    display: none
}

label.anc {
    padding: 10px 20px;
    background-color: #1f6182;
    color: #fff;
    cursor: pointer;
    transition-duration: 1s;
}

.text-buton {
    margin-left: 30px;
    text-transform: uppercase;
    font-size: larger
}

.plus {
    font-size: 40px;
    font-weight: 800;
    margin-top: 11px;
    line-height: 5px;
    position: absolute;
    transition-duration: 1s;
}

th {
    background-color: #1f6182;
    border: 1px solid #dadada;
    text-align: center;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px
}

td {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #dadada
}

tr.head-tabel th {
    padding-top: 20px;
    padding-bottom: 20px;
    border: none
}

tr.lista-tabel td {
    border: 0;
    border-bottom: 1px solid #1f6182;
    min-height: 55px;
    color: #1f6182
}

.tabel {
    background-color: #fff;
    border: 10px solid #fff;
    margin-bottom: 30px;
    box-shadow: 0 0 13px rgba(0,108,140,.11);
    -moz-box-shadow: 0 0 13px rgba(0,108,140,.11);
    -webkit-box-shadow: 0 0 13px rgba(0,108,140,.11)
}

input[type=checkbox] {
    display: none
}

label.checkbox {
    margin: 0 auto
}

input[type=checkbox] + label.checkbox {
    background-image: url(../Images/checkoff.png);
    width: 50px;
    height: 50px
}

input[type=checkbox]:checked + label.checkbox {
    background-image: url(../Images/checkon.png)
}

input[type=checkbox]:checked + label {
    background-image: url(../Images/checkon.png)
}

tr.edit td {
    background-color: #8dc742
}

input.new-product {
    margin-top: 11px;
    width: 100%;
    text-align: center;
    line-height: 50px;
    margin-bottom: 10px;
}

.titlu-popup {
    position: absolute;
    margin-top: -37px;
    color: #fff;
    font-weight: 700
}

.add-buton {
    padding: 10px 20px;
    background-color: #1f6182;
    color: #fff;
    font-size: larger;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    border: 0;
    margin-right: 10px
}

.add-product {
    height: 80px;
    margin-top: -30px
}

.close-popup {
    margin-top: 0px;
    margin-left: 30px
}

.inchide {
    float: right;
    margin-top: -50px
}

.ultimul {
    border: 0
}

tr.upd td {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    border: 0
}

tr.bordura-dreapta-alba th {
    border-right: 1px solid #fff
}

tr.bordura-dreapta-albastra td {
    border-right: 1px solid #1f6182
}

.modal-content {
    min-width: 649px
}

.deposit-type {
    float: left;
    font-size: 16px;
    width: 170px;
    text-align: center;
    min-height: 70px;
    background-color: #fff;
    padding: 5px;
    text-transform: uppercase;
    box-shadow: 0 0 13px rgba(0,108,140,.11);
    -moz-box-shadow: 0 0 13px rgba(0,108,140,.11);
    -webkit-box-shadow: 0 0 13px rgba(0,108,140,.11)
}

.deposit-id, .number {
    float: left;
    font-size: 16px;
    width: 170px;
    text-align: center;
    min-height: 70px;
    background-color: #fff;
    padding: 5px;
    margin-left: 5px;
    text-transform: uppercase;
    box-shadow: 0 0 13px rgba(0,108,140,.11);
    -moz-box-shadow: 0 0 13px rgba(0,108,140,.11);
    -webkit-box-shadow: 0 0 13px rgba(0,108,140,.11);
    margin-top: -20px
}

.deposit-type label {
    color: #1f6182;
    width: 160px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    border: 1px solid #1f6182
}

.deposit-type input[type=radio]:checked ~ label {
    background-color: #8dc742
}

input.has {
    display: inline
}

input.r1 {
    float: right;
    margin-right: 8px
}

.titlurec {
    color: #fff;
    background-color: #1f6182;
    margin-bottom: 5px;
    padding: 10px 0
}

table.res, tbody.res, td.inv, td.nrec, td.res, th.res, thead.res, tr.res {
    display: block
}

td.res {
    width: 400px;
    border: none;
    position: relative;
    padding-left: 50%;
    border-bottom: 1px solid #fff
}

td.inv {
    width: 390px;
    border: none;
    position: relative;
    padding-left: 50%;
    border-bottom: 1px solid #fff
}

td.nrec {
    width: 390px;
    border: none;
    position: relative;
    padding-left: 50%;
    border-bottom: 1px solid #fff
}

    td.inv:before, td.nrec:before, td.res:before, td.trans-edit:before, td.trans-res:before, td.cons-res:before, .consumption-note-list:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        text-align: right;
        padding-right: 10px;
        padding-top: 10px;
        white-space: nowrap
    }

tr.lista-tabel td.res {
    border-bottom: 1px solid #fff;
    padding-top: 16px
}

tr.lista-tabel td.inv {
    border-bottom: 1px solid #1f6182;
    padding-top: 16px
}

tr.lista-tabel td.nrec {
    border-bottom: 1px solid #1f6182;
    padding-top: 16px
}

tr.lista-tabel:nth-of-type(odd) {
    background: #f9f9f9
}

td.res:nth-of-type(1):before {
    content: "Company"
}

td.res:nth-of-type(2):before {
    content: "Company operating point"
}

td.res:nth-of-type(3):before {
    content: "Series"
}

td.res:nth-of-type(4):before {
    content: "Number"
}

td.res:nth-of-type(5):before {
    content: "Issuing Date"
}

td.res:nth-of-type(6):before {
    content: "Due Date"
}

td.res:nth-of-type(7):before {
    content: "Client factura"
}

td.res:nth-of-type(8):before {
    content: "Client aviz"
}

td.res:nth-of-type(9):before {
    content: "Deposit"
}

td.res:nth-of-type(10):before {
    content: "Payment Type"
}

td.res:nth-of-type(11):before {
    content: "Notes"
}

td.res:nth-of-type(12):before {
    content: "Exchange Rate"
}

td.inv:nth-of-type(1):before {
    content: "Product Name"
}

td.inv:nth-of-type(2):before {
    content: "Number Of Units"
}

td.inv:nth-of-type(3):before {
    content: "Unit Price Without VAT"
}

td.inv:nth-of-type(4):before {
    content: "Discount Percent"
}

td.inv:nth-of-type(5):before {
    content: "Discount Value"
}

td.inv:nth-of-type(6):before {
    content: "Unit Price With Dis. Without VAT"
}

td.inv:nth-of-type(7):before {
    content: "Value Without VAT"
}

td.inv:nth-of-type(8):before {
    content: "VAT Percent"
}

td.inv:nth-of-type(9):before {
    content: "Value VAT"
}

td.inv:nth-of-type(10):before {
    content: "Value With VAT"
}

td.inv:nth-of-type(11):before {
    content: ""
}

td.nrec:nth-of-type(1):before {
    content: "Product Name"
}

td.nrec:nth-of-type(2):before {
    content: "Code"
}

td.nrec:nth-of-type(3):before {
    content: "Number Of Units"
}

td.nrec:nth-of-type(4):before {
    content: "Unit Price"
}

td.nrec:nth-of-type(5):before {
    content: "Acquisition Unit Price"
}

td.nrec:nth-of-type(6):before {
    content: "Acquisition Value"
}

td.nrec:nth-of-type(7):before {
    content: "VAT Percent"
}

td.nrec:nth-of-type(8):before {
    content: "Acquisition VAT Value"
}

td.nrec:nth-of-type(9):before {
    content: "Acquisition Value With VAT"
}

td.nrec:nth-of-type(10):before {
    content: ""
}


.box {
    float: left;
    margin: 4px
}

td.inv.titlu-inv {
    background-color: #1f6182;
    color: #8dc742;
    line-height: 18px;
    font-size: 16px;
    font-weight: 600
}

td.nrec.titlu-inv {
    background-color: #1f6182;
    color: rgba(141,199,66,1);
    line-height: 18px;
    font-size: 16px;
    font-weight: 600;
}

    td.nrec.titlu-inv:before {
        color: #fff;
    }

.total-vat, .total-without-vat {
    color: #1f6182;
    font-size: medium;
    text-align: left;
    width: 80%
}

.total-with-vat {
    position: absolute;
    color: #1f6182;
    font-size: 30px;
    text-align: right;
    width: 100%;
    line-height: 30px;
    padding-right: 20px;
    margin-top: -44px;
    margin-left: -5px;
    pointer-events: none
}

.download-invoice {
    text-align: center;
    background-color: #fafafa;
    /* width: 110px; */
    margin: -54px auto 0;
}

.info-invoice {
    background: #fff;
    margin-bottom: 10px;
    padding: 15px 10px;
    margin-left: 6px;
    border-left: 10px solid #1f6182;
    box-shadow: 0 0 13px rgba(0,108,140,.11);
    -moz-box-shadow: 0 0 13px rgba(0,108,140,.11);
    -webkit-box-shadow: 0 0 13px rgba(0,108,140,.11);
    width: 410px
}

.info-list {
    height: 55px;
    width: 100%;
    border-bottom: 1px solid #1f6182
}

    .info-list:hover {
        background-color: #1f6182;
        color: #fff; /* padding-left:10px */
    }

.info-name {
    width: 60%;
    float: left;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    padding-top: 14px;
    height: 100%
}

.info {
    width: 40%;
    float: right;
    height: 100%;
    padding-top: 15px
}

.last-row {
    border: 0
}

select.dpi {
    margin-bottom: 5px;
    height: 34px
}

.rnn {
    width: 160px;
    height: 33px;
    margin-top: -6px
}

input.rinv {
    height: 34px;
    margin-top: -7px
}

label.right-align, select#menu-mobil {
    display: none
}

td.add-new-prod {
    display: none;
    background-color: #1f6182;
    color: #fff;
    font-size: larger;
    font-weight: 600;
    padding-top: 16px
}

.reg {
    width: 470px;
    left: 50%;
    margin-left: -235px;
    position: fixed;
    background-color: white;
    border: 20px solid white;
    border-top: 50px solid #1f6182;
    box-shadow: 0 0 13px rgba(0,108,140,0.5);
    -moz-box-shadow: 0 0 13px rgba(0,108,140,0.5);
    -webkit-box-shadow: 0 0 13px rgba(0,108,140,0.5);
}

button.lo {
    float: right;
    margin-right: 0px;
    margin-top: 5px;
}

button.btn.add {
    float: right;
    margin-right: 18px;
    background-color: #1f6182;
    color: white;
    border-radius: 0;
    font-weight: 600;
    font-size: large;
}

.remember {
    float: left;
    margin-left: -12px;
}

.opp {
    width: 192px;
    left: 50%;
    margin-top: 39px;
    position: fixed;
    margin-left: -80px;
}

.rem-txt {
    float: left;
    margin-top: 13px;
    margin-left: -8px;
}

img.x {
    margin-top: -3px;
    margin-right: -7px;
}












.autocomplete > ul {
    top: 51px;
    position: absolute;
    background: white;
    z-index: 99999;
    /* display: block!important; */
    width: calc(100% - 30px);
    padding: 16px;
    list-style: none;
    max-height: 50vh;
    overflow: auto;
    box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.16);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

    .autocomplete > ul > li {
        padding: 8px 0;
        border-bottom: 1px solid lightgrey;
        cursor: pointer;
        transition: padding .3s ease-in-out;
        display: flex;
        align-items: center;
    }

        .autocomplete > ul > li:first-child {
            padding-top: 0;
        }
        .autocomplete > ul > li:last-child {
            padding-bottom: 0;
            border:none;
        }

        .autocomplete > ul > li:after {
            content: 'chevron_right';
            font-family: 'Material Icons';
            font-weight: normal;
            font-style: normal;
            font-size: 24px;
            line-height: 1;
            letter-spacing: normal;
            text-transform: none;
            display: inline-block;
            white-space: nowrap;
            word-wrap: normal;
            direction: ltr;
            -webkit-font-feature-settings: 'liga';
            -webkit-font-smoothing: antialiased;
            opacity: .66;
        }

        .autocomplete > ul > li > div:first-child {
            flex-grow: 1;
        }

        .autocomplete > ul > li:hover {
            /*background: #f2f2f2;*/
            padding-left: 8px;
        }

        .autocomplete > ul > li > div:first-child > div:last-child {
            opacity: .66;
            font-size: 86%;
            font-weight: normal;
        }

        .autocomplete > ul > li > div:first-child {
            font-weight: bold;
        }

        .autocomplete > ul > li span.highlight {
            
            color: #8dc742;
        }









@media only screen and (max-width:1300px) {
    .titlu-popup {
        margin-top: -52px
    }

    button.btn.add[disabled] {
        pointer-events: none;
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    input.fereastra-meeting {
        width: 95.5%;
    }

    .meeting-box {
        width: 44%;
    }

        .meeting-box.mob {
            width: 96%;
        }

    span.butoane {
        margin-left: 33%;
    }



    ul.pagination {
        margin-left: -5px;
        zoom: 1.27;
    }


    td.cli {
        width: 90%;
    }

    input.uc {
        width: 207px;
    }

    select.ucs {
        width: 207px;
    }

    button.add-buton.upda {
        width: 427px;
        margin-right: 0px;
        margin-bottom: 5px;
    }

    .cli {
        margin-top: 5%;
    }

    .cli {
        width: 450px;
    }

    input.nc {
        width: 215px;
    }


    select.ncs {
        width: 215px;
    }

    button.add-buton.clie {
        width: 442px;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    button.add-buton.clien {
        width: 442px;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    input.search-filter {
        width: 361px;
        height: 50px;
        font-size: 26px;
        color: #1f6182;
        padding-left: 10px;
        border-radius: 5px;
        border: 1px solid #1f6182;
    }

    button#filter {
        height: 50px;
        line-height: 39px;
        padding: 0;
        width: 100px;
        font-size: 25px;
        background-color: #8dc742;
        color: white;
        border: none;
        text-transform: uppercase;
        font-weight: 700;
    }





    td.prod.titlu-prod {
        min-width: 450px;
    }

    input.input-fereastra {
        margin-top: 0px;
        margin-bottom: 5px;
    }

    img.x {
        margin-top: -28px;
        margin-right: -7px;
    }

    tr.client-nou {
        border-top: 69px solid #1f6182;
    }

    tr.upd {
        border-top: 69px solid #1f6182;
    }

    .logo {
        border-bottom: 3px solid #1f6182;
    }

    .cursor {
        height: 80px;
    }

    .minus-top {
        margin-top: -7px
    }

    table.tabel.trans-res {
        background-color: #1f6182
    }

    table.tabel.mo {
        left: 0;
        position: absolute;
        width: 100%
    }

    .stanga {
        display: none
    }

    .dreapta {
        left: 50%;
        margin-left: -235px;
        top: 120px
    }

    label.right-align {
        display: block;
        float: right;
        margin-top: 4px;
        margin-right: 7px
    }

    select#menu-mobil {
        display: block;
        background-image: url(../Images/menu-mobil.png);
        text-align: center;
        position: absolute;
        background-repeat: no-repeat;
        width: 100%;
        top: 60px;
        z-index: 999;
        font-size: large;
        float: right;
        /* right: 7px; */
        height: 50px;
        line-height: 50px;
        border: 0;
        background-position: center;
    }

    select {
        -webkit-writing-mode: horizontal-tb
    }

    table.cl, table.dealer, table.invoice-res, table.prod, table.reception, table.reception-res, table.reception-res-has, table.rne, table.tabel.trans-res, table.transfer-note-list, table.vips, tbody.cl, tbody.reception-res, tbody.reception-res-has, td.cl, td.reception-res, td.reception-res-has, td.transfer-note-list, th.cl, th.reception-res, th.reception-res-has, thead.cl, thead.reception-res, thead.reception-res-has, table.consumption-note-list {
        display: block
    }

    table.tabel.reception-res, table.tabel.reception-res-has {
        float: left;
        width: 480px
    }

    table.tabel.reception-res {
        margin-right: 10px
    }

    table.cl {
        background-color: transparent;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border: 0
    }

    tr.cl-head, tr.head-tabel.dealer, tr.invoice-head, tr.prod-head, tr.reception-res-has-head, tr.reception-res-head, tr.rne-head, tr.trans-head, tr.vips-head {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    tr.cl, tr.dealer, tr.prod, tr.receprion-res-has, tr.reception-res, tr.rne, tr.vips {
        border: 0 solid #000
    }

    td.cl, td.dealer, td.invoice-res, td.reception, td.reception-res, td.reception-res-has, td.rne, td.trans-edit, td.trans-res, td.cons-res, td.transfer-note-list, td.vips, tr.prod, td.consumption-note-list {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        min-height: 55px
    }

    td.invoice-res, td.prod, td.reception, td.trans-edit, td.trans-res, td.cons-res, td.transfer-note-list, td.vips, td.consumption-note-list {
        display: block;
        padding-top: 16px
    }

    tr.prod {
        border: 10px solid #fafafa
    }

    table.consumption-note-list {
        border-top: 10px solid #1f6182;
    }

    td.prod.last {
        border: 0
    }

    td.cl.titlu-client, td.dealer.titlu, td.prod.titlu-prod, td.trans-edit.titlu-trans, td.vips.titlu-vip {
        background-color: #1f6182;
        color: #fff;
        font-weight: 600
    }

    table.tabel.prod, table.tabel.vips {
        border: 0
    }

    tr.cl {
        margin-bottom: 20px;
        background-color: #fff;
        box-shadow: 0 0 13px rgba(0,108,140,1);
        -moz-box-shadow: 0 0 13px rgba(0,108,140,1);
        -webkit-box-shadow: 0 0 13px rgba(0,108,140,1);
        border: 10px solid #fafafa
    }

    td.cl:before, td.dealer:before, td.invoice-res:before, td.reception-res-has:before, td.reception-res:before, td.reception:before, td.rne:before, td.transfer-note-list:before, td.vips:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }

    tr.edit td.dealer, tr.lista-tabel td.dealer {
        display: block
    }

    tr.edit td.action, tr.lista-tabel td.action {
        border: 0;
        padding: 0
    }

    td.add-new-prod {
        display: block
    }

    tr.lista-tabel.reception, tr.lista-tabel.transfer-note-list {
        border-top: 10px solid #1f6182
    }

    td.invoice-res:nth-of-type(1):before {
        content: "Date";
        padding-top: 10px
    }

    td.invoice-res:nth-of-type(2):before {
        content: "Deposit ID";
        padding-top: 10px
    }

    td.invoice-res:nth-of-type(3):before {
        content: "Number";
        padding-top: 10px
    }

    td.invoice-res:nth-of-type(4):before {
        content: "Reception Invoice Number";
        padding-top: 10px
    }

    td.invoice-res:nth-of-type(5):before {
        content: "";
        padding-top: 10px
    }

    td.reception:nth-of-type(1):before {
        content: "Date";
        padding-top: 10px
    }

    td.reception:nth-of-type(2):before {
        content: "Deposit ID";
        padding-top: 10px
    }

    td.reception:nth-of-type(3):before {
        content: "Number";
        padding-top: 10px
    }

    td.reception:nth-of-type(4):before {
        content: "Reception Invoice Number";
        padding-top: 10px
    }

    td.reception:nth-of-type(5):before {
        content: "";
        padding-top: 10px
    }

    td.transfer-note-list:nth-of-type(1):before {
        content: "Date";
        padding-top: 10px
    }

    td.transfer-note-list:nth-of-type(2):before {
        content: "Number";
        padding-top: 10px
    }

    td.transfer-note-list:nth-of-type(3):before {
        content: "Sending Deposit";
        padding-top: 10px
    }

    td.transfer-note-list:nth-of-type(4):before {
        content: "Receiving Deposit";
        padding-top: 10px
    }

    td.trans-edit:nth-of-type(1):before, td.transfer-note-list:nth-of-type(5):before {
        content: "";
        padding-top: 10px
    }

    td.trans-edit:nth-of-type(2):before {
        content: "Product Id";
        padding-top: 10px
    }

    td.trans-edit:nth-of-type(3):before {
        content: "Number Of Units";
        padding-top: 10px
    }

    td.trans-edit:nth-of-type(4):before {
        content: "";
        padding-top: 10px
    }

    td.cons-res:nth-of-type(1):before {
        content: "Deposit";
        padding-top: 10px;
        color: #fff
    }

    td.cons-res:nth-of-type(2):before {
        content: "Note number";
        padding-top: 10px;
        color: #fff
    }

    td.cons-res:nth-of-type(3):before {
        content: "Date";
        padding-top: 10px;
        color: #fff
    }

    td.trans-res:nth-of-type(1):before {
        content: "Sending Deposit";
        padding-top: 10px;
        color: #fff
    }

    td.trans-res:nth-of-type(2):before {
        content: "Receiving Deposit";
        padding-top: 10px;
        color: #fff
    }

    td.trans-res:nth-of-type(3):before {
        content: "Transfer note number";
        padding-top: 10px;
        color: #fff
    }

    td.trans-res:nth-of-type(4):before {
        content: "Date";
        padding-top: 10px;
        color: #fff
    }

    td.consumption-note-list:nth-of-type(1):before {
        content: "Date";
        padding-top: 10px
    }

    td.consumption-note-list:nth-of-type(2):before {
        content: "Number";
        padding-top: 10px
    }

    td.consumption-note-list:nth-of-type(3):before {
        content: "Deposit";
        padding-top: 10px
    }

    td.cl:nth-of-type(1):before {
        content: "Name";
        padding-top: 10px
    }

    td.cl:nth-of-type(2):before {
        content: "Deposit Id";
        padding-top: 10px
    }

    td.cl:nth-of-type(3):before {
        content: "Identifier1";
        padding-top: 10px
    }

    td.cl:nth-of-type(4):before {
        content: "Date";
        padding-top: 10px
    }

    td.cl:nth-of-type(5):before {
        content: "Adress";
        padding-top: 10px
    }

    td.cl:nth-of-type(6):before {
        content: "City";
        padding-top: 10px
    }

    td.cl:nth-of-type(7):before {
        content: "7";
        padding-top: 10px
    }

    td.cl:nth-of-type(8):before {
        content: "8";
        padding-top: 10px
    }

    td.cl:nth-of-type(9):before {
        content: "Phone";
        padding-top: 10px
    }

    td.cl:nth-of-type(10):before {
        content: "Email";
        padding-top: 10px
    }

    td.cl:nth-of-type(11):before {
        content: "adasjdasl";
        padding-top: 10px
    }

    td.reception-res:nth-of-type(1):before {
        content: "Deposit Type Id";
        padding-top: 17%
    }

    td.reception-res:nth-of-type(2):before {
        content: "Deposit Id";
        padding-top: 10px
    }

    td.reception-res:nth-of-type(3):before {
        content: "Number";
        padding-top: 10px
    }

    td.reception-res:nth-of-type(4):before {
        content: "Date";
        padding-top: 10px
    }

    td.reception-res:nth-of-type(5):before {
        content: "Reception Invoice Number";
        padding-top: 10px
    }

    td.reception-res:nth-of-type(6):before {
        content: "Reception Invoice Date";
        padding-top: 10px
    }

    td.reception-res:nth-of-type(7):before {
        content: "Reception Invoice Value";
        padding-top: 10px
    }

    td.reception-res-has:nth-of-type(1):before {
        content: "Transport Invoice Number";
        padding-top: 10px
    }

    td.reception-res-has:nth-of-type(2):before {
        content: "Transport Invoice Date";
        padding-top: 10px
    }

    td.reception-res-has:nth-of-type(3):before {
        content: "Transport Invoice Value";
        padding-top: 10px
    }

    td.reception-res-has:nth-of-type(4):before {
        content: "Custom Duties";
        padding-top: 10px
    }

    td.reception-res-has:nth-of-type(5):before {
        content: "Exchange Rate";
        padding-top: 10px
    }

    td.rne:nth-of-type(1):before {
        content: "Product Name";
        padding-top: 10px
    }

    td.rne:nth-of-type(2):before {
        content: "Product Code";
        padding-top: 10px
    }

    td.rne:nth-of-type(3):before {
        content: "Number Of Units";
        padding-top: 10px
    }

    td.rne:nth-of-type(4):before {
        content: "Reception Invoice Unit Price";
        padding-top: 10px
    }

    td.rne:nth-of-type(5):before {
        content: "Acquisition Unit Price";
        padding-top: 10px
    }

    td.rne:nth-of-type(6):before {
        content: "Acquisition Value";
        padding-top: 10px
    }

    td.rne:nth-of-type(7):before {
        content: "VAT Percent";
        padding-top: 10px
    }

    td.rne:nth-of-type(8):before {
        content: "Acquisition VAT Value";
        padding-top: 10px
    }

    td.rne:nth-of-type(9):before {
        content: "Acquisition Value With VAT";
        padding-top: 10px
    }

    td.rne:nth-of-type(10):before {
        content: "Sale Unit Price";
        padding-top: 10px
    }

    td.rne:nth-of-type(11):before {
        content: "Sale Unit VAT";
        padding-top: 10px
    }

    td.rne:nth-of-type(12):before {
        content: "Sale Unit Price With VAT";
        padding-top: 10px
    }

    td.rne:nth-of-type(13):before {
        content: "Sale Value With VAT";
        padding-top: 10px
    }

    td.vips:nth-of-type(1):before {
        content: "Name";
        padding-top: 10px
    }

    td.vips:nth-of-type(2):before {
        content: "Phone";
        padding-top: 10px
    }

    td.vips:nth-of-type(3):before {
        content: "Email";
        padding-top: 10px
    }

    td.vips:nth-of-type(4):before {
        content: "Target";
        padding-top: 10px
    }

    td.vips:nth-of-type(5):before {
        content: "Promise";
        padding-top: 10px
    }

    td.vips:nth-of-type(6):before {
        content: "Current target";
        padding-top: 10px
    }

    td.vips:nth-of-type(7):before {
        content: "Notes";
        padding-top: 10px
    }

    td.vips:nth-of-type(8):before {
        content: "";
        padding-top: 10px
    }

    td.prod:nth-of-type(1):before {
        content: "Name - ";
        padding-top: 10px
    }

    td.prod:nth-of-type(2):before {
        content: "Code - ";
        padding-top: 10px
    }

    td.prod:nth-of-type(3):before {
        content: "Has Unique Identifier (Serial Number)";
        padding-top: 10px
    }

    td.prod:nth-of-type(4):before {
        content: "Is a service";
        padding-top: 10px
    }

    td.prod:nth-of-type(5):before {
        content: "";
        padding-top: 10px
    }

    td.dealer:nth-of-type(1):before {
        content: "First Name";
        padding-top: 10px
    }

    td.dealer:nth-of-type(2):before {
        content: "Last Name";
        padding-top: 10px
    }

    td.dealer:nth-of-type(3):before {
        content: "Showroom Address";
        padding-top: 10px
    }

    td.dealer:nth-of-type(4):before {
        content: "Phone";
        padding-top: 10px
    }

    td.dealer:nth-of-type(5):before {
        content: "Email";
        padding-top: 10px
    }

    td.dealer:nth-of-type(6):before {
        content: "Discount percent";
        padding-top: 10px
    }

    td.dealer:nth-of-type(7):before {
        content: "Notes";
        padding-top: 10px
    }

    td.dealer:nth-of-type(8):before {
        content: "";
        padding-top: 10px
    }

    tr.edit.vips, tr.lista-tabel.vips {
        border: 10px solid #fafafa
    }

    tr.lista-tabel td.rne {
        display: block;
        padding-top: 17px
    }

    td.rne.titlu-product {
        background-color: #1f6182;
        color: #fff;
        font-weight: 600
    }

    tr.lista-tabel td {
        width: 450px;
        font-size: large
    }

    td.reception-res-has.last-row, td.reception-res.last-row {
        border: 0
    }

    tr.lista-tabel.cl:nth-of-type(odd) {
        background-color: #f9f9f9
    }

    .deposit-type {
        float: none;
        width: auto;
        text-align: center;
        min-height: 70px;
        background-color: transparent;
        padding-top: 8px;
        padding-right: 13px;
        text-transform: uppercase;
        box-shadow: 0 0 13px transparent;
        -moz-box-shadow: 0 0 13px transparent;
        -webkit-box-shadow: 0 0 13px transparent;
        margin-right: -66px
    }

    tr.lista-tabel td.client-action {
        border: 0;
        padding: 4px 0 0
    }

    tr.lista-tabel.tabel.cl {
        margin-bottom: 20px
    }

    tr.lista-tabel td.cl, tr.lista-tabel td.dealer {
        padding-top: 16px
    }

    select.dpi {
        margin-top: 9px;
        width: 160px;
        float: right;
        margin-right: -2px
    }

    .rnn {
        margin-top: 9px;
        float: right
    }

    .rows {
        margin: 8px 0 0;
        width: 160px;
        float: right
    }

    input.rinv {
        margin-top: 9px;
        float: right
    }

}

@media only screen and (min-width:300px) and (max-width:639px) {
    .add-product {
        height: 80px;
        margin-top: 0;
        width: 180px;
    }

    tr.client-nou {
        top: 10%
    }
}

td.action {
    border: 0;
    padding: 0
}

.clear {
    clear: both
}


.modal-header {
    background-color: #1f6182;
}

.identificator {
    float: left;
    height: 50px;
    padding-top: 15px;
    font-weight: 700;
    color: #1f6182;
}

.id-select {
    border-bottom: 1px solid #1f6182;
    width: 100%;
    height: 50px;
}

.id-check {
    width: 50px;
    float: right;
}

.modal-title {
    color: white;
}

.info-list.last-row input[type=checkbox] {
    display: block;
}


form.form-horizontal {
    display: table;
    width: 100%;
}