html {
    height: 100% !important;
}

body {
    padding-top: 80px;
    padding-bottom: 40px;
    margin: 0;
    background-color: transparent; 
    height: 100% !important;
}

.bg1 {
    background-image: url('https://cdn3.dacris.net/192c1d6c-53da-4edd-8ff6-a8331d0abe6d.jpg'); 
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
}


@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media print {
    .hidden-print {
        display: none !important;
    }
    @page {
        size: auto;
        margin: 0;
    }
}

.small-display .article-setup {
    margin-bottom: 4px;
}

.btn-success {
    background: rgb(27, 173, 167) !important;
}

.text-success {
    color: rgb(27, 173, 167) !important;
}

.dropdown-submenu{ position: relative; }
.dropdown-submenu>.dropdown-menu{
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
}
.dropdown-submenu>a:after{
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
  border-left-color:#555;
}
.dropdown-submenu.pull-left{ float: none; }
.dropdown-submenu.pull-left>.dropdown-menu{
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

@media only screen and (max-width: 506px) {
    html>body>div.container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
    footer {
        display: none;
    }
    .small-display-nomargin {
        padding: 0px;
    }
    .form-date-client {
        margin: 0px 8px 0 8px !important;
    }
    .small-display {
        display: block-inline !important;
    }
    .normal-display,
    .coloana_cat,
    .coloana_brand,
    .coloana_detalii {
        display: none !important;
    }
    .coloana_nume {
        /*width: 200px;*/
        text-justify: none;
    }
}

.bootstrap-select.show-tick button span {
    color: white !important;
}

@media only screen and (min-width: 507px) {
    .small-display {
        display: none !important;
    }
    .normal-display {
        display: block-inline !important;
    }
    .coloana_nume {
        /*width: 240px;*/
    }
}

h5 {
    font-weight: 300;
}

th a:hover {
    text-decoration: none;
    cursor: pointer;
}

th a {
    color: inherit;
}


/* fortam culoarea neagra in side menu */

.nav li>a {
    color: black !important;
    text-decoration: none;
}

.navbar-fixed-top {border:none !Important;}

th a.glyphicon {
    font-size: 24px;
}

.content-wrapper {
    /*
    boffer: 1px solid rgba(120,120,120,0.1);
    box-shadow: 0px 0px 3px inset;*/
    position: absolute;
    top: 80px;
    bottom: 38px;
    left: 40px;
    right: 40px;
    overflow-y: auto;
    overflow-x: auto;
}

.error-template {
    padding: 40px 15px;
    text-align: center;
}

.btn-success {
    background: #1bada7 !important;
}

.text-success {
    color: #1bada7 !important;
}

tr.art-row-selected td,
tr.art-row td {
    vertical-align: middle !important;
}

tr.art-row-selected {
    background-color: rgba(223, 44, 44, 0.1) !important;
}

tr.art-row-selected-inactive {
    background-color: rgba(223, 0, 0, 0.5) !important;
    color: whitesmoke;
}


/* Nume client la creare comanda */

/*
input#numeClient { 
    text-transform: uppercase;
}
::-webkit-input-placeholder { 
    text-transform: none;
}
:-moz-placeholder {
    text-transform: none;
}
::-moz-placeholder { 
    text-transform: none;
}
:-ms-input-placeholder { 
    text-transform: none;
}
*/


/* DRUID */ 
#druidWebchatRoot .wc-header {
    background: #1bada7 !important;
}





/* CANTITATE PENTRU MOBILE*/

.input-container {
    position: relative;
}

.input-container input {
    width: 100%;
}

.input-container .unit,
.input-container .input-percent,
.input-container .moneda {
    position: absolute;
    display: block;
    top: 6px;
    right: 0;
    padding-left: 5px;
    width: 45px;
}

.gear-field-progress {
    position: absolute;
    display: block;
    top: 8px;
    padding-left: 5px;
    width: 45px;
    display: none;
}


/* END */

.fa-gear {
    font-size: 16px;
}

input[type=file] {
    height: 0px;
    padding: 0;
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.btn-space {
    margin-right: 5px;
}

.hidden {
    display: none;
}

.dropdown-promo .dropdown-menu>.active>a,
.dropdown-promo .dropdown-menu>.active>a:hover,
.dropdown-promo .dropdown-menu>.active>a:focus {
    color: #666666;
    text-decoration: none;
    outline: 0;
}

.option-promo-baza {
    background: rgba(255, 127, 80, 0.1) !important;
}

.option-promo-focus {
    background: rgba(0, 255, 0, 0.1) !important;
}

.option-promo-bts {
    background: rgba(25, 200, 10, 0.1) !important;
}

.option-promo-nou {
    background: rgba(0, 0, 128, 0.4) !important;
    color: white !important;
}

.option-promo-recomandat {
    background: rgba(0, 0, 225, 0.1) !important;
}

.background-promo {
    background-color: rgba(125, 44, 0, 0.1)!important;
}

.background-focus {
    background-color: rgba(0, 255, 0, 0.1) !important;
}

.background-baza {
    background-color: rgba(255, 127, 80, 0.1) !important;
}

.background-recomandat {
    background-color: rgba(0, 0, 225, 0.1) !important;
}

.background-bts {
    background-color: rgba(25, 200, 10, 0.1) !important;
}

.background-nou {
    background-color: rgba(0, 0, 128, 0.4) !important;
}

.background-promo-primary {
    background-color: rgba(40, 0, 180, 0.1)!important;
}

.background-focus-primary {
    background-color: rgba(0, 180, 10, 0.1)!important;
}

.background-baza-primary {
    background-color: rgba(255, 127, 80, 0.1)!important;
}

.background-bts-primary {
    background-color: rgba(255, 1, 0, 0.1)!important;
}

.background-nou-primary {
    background-color: rgba(0, 0, 196, 0.3)!important;
}

.background-recomandat-primary {
    background-color: rgba(0, 0, 225, 0.1)!important;
}

.background-recomandat-primary {
    background-color: rgba(0, 0, 225, 0.1)!important;
}

.text-promo {
    color: rgba(165, 44, 0, 1)!important;
}

.text-focus {
    color: rgba(0, 128, 0, 1)!important;
}

.text-baza {
    color: rgba(255, 127, 80, 1)!important;
}

.text-recomandat {
    color: rgba(0, 0, 225, 1)!important;
}

.text-bts {
    color: rgba(25, 200, 10, 1)!important;
}

.text-nou {
    color: rgba(255, 255, 255, 1)!important;
}

.table-fixed thead {
    width: 97%;
}

.table-fixed tbody {
    overflow-y: hidden;
    width: 100%;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
    overflow-y: scroll;
}

.table-fixed tbody td,
.table-fixed thead>tr>th {
    float: left;
    border-bottom-width: 0;
    overflow-y: scroll;
}

footer {
    height: 38px;
}