.leftto-img,
.dbadd-img, .dbremove-img,
.minus-img,
.generate-img,
.full-screen-img,
.indicator-img, .video-img{
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}

.add-img, .add-img2,
.active-img, .blocked-img,
.edit-img, .del-img, .list-img,
.plus-img,
.minus-img,
.selected-img,
.search-img {
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    text-decoration: none !important;
    text-shadow: 0 0 5px #FFF;
}

.active-img, .blocked-img{
    cursor: auto;
}

.indicator-img{
    background: url(/design/img/indicator.gif) no-repeat center center;
}

.selected-img:before {
    color: limegreen;
    content: "\f00c";
}
.full-screen-img{
    background: url(/design/img/full-screen-icon.png) no-repeat center center;
}
.del-img:before {
    content: "\f014";
    color: #337ab7;
}
.generate-img{
    background: url(/design/img/generate-icon.png) no-repeat center center;
}

.edit-img {
    color: #337ab7;
}

a[role="tab"] {
    color: #555;
    font-weight: 600;
}

.edit-img:before {
    content: "\f040";
    /*content: "\f044";*/
}
.add-img:before {
    content: "\f067";
    color: green;
}
.add-img2:before {
    content: "\f067";
    color: green;
}
.search-img:before {
    content: "\f002";
}
.active-img{
    color: limegreen;
}

.active-img:before {
    content: "\f00c";
}

.blocked-img:before {
    content: "\f1db";
    color: red;
}

.plus-img:before {
    content: "\f067";
    color: dodgerblue;
}
.minus-img:before {
    content: "\f068";
    color: orangered;
}

.leftto-img{
    background: url(/design/img/leftto-icon.png) no-repeat center center;
}

.dbadd-img{
    background: url(/design/img/db-add.png) no-repeat center center;
}
.dbremove-img{
    background: url(/design/img/db-remove.png) no-repeat center center;
}
.video-img{
    background: url(/design/img/video-icon.png) no-repeat center center;
}

.a18px{
    font-size: 18px;
}

.spacer{
    height: 0;
    font-size: 1px;
    clear: both;
}

.err, .error{
    color: red;
}

.err2, .error2 {
    color: red;
    outline: 4px solid rgba(255, 0, 0, .4);
}

.nonerror{
    color: limegreen;
}
.bold{
    font-weight: bold;
}

#div_datefilter {
    position: absolute;
    left: 190px;
    top: 0;
    display: none;
}

#moveBarcodeSelection{
    position:fixed;
    width: 95%;
    top:   50px;
    left:  2.5%;
    right: 2.5%;
    z-index:19999;
}

#moveBarcodeSelection .portlet.x12{
    float:none;
    margin-left:auto;
    margin-right:auto;
}

#setMoveTarget{
    position:fixed;
    top:   50px;
    left:  50%;
    width: 400px;
    z-index:19999;
    transform: translateX(-50%);
}

#setMoveTarget .portlet.x12{
    float:none;
    margin-left:auto;
    margin-right:auto;
}

.rtl_text {
    direction: rtl;
}

.ltr_text {
    direction: ltr;
}

.show_hidden_sp {
    position: absolute;
    top: 6px;
    left: 200px;
    z-index: 200;
}

html.rtl .show_hidden_sp {
    left: auto;
    right: 200px;
}

input.weight{
    text-align: right;
}

input.price{
    text-align: right;
}
input[type=number]{
    text-align: right;
}

.blinker {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { color: #FFF; }
    20% { color: #FFF; }
    50% { color: red; }
    80% { color: #FFF; }
    100% { color: #FFF; }
}

@-webkit-keyframes blinker {
    0% { color: #FFF; }
    20% { color: #FFF; }
    50% { color: red; }
    80% { color: #FFF; }
    100% { color: #FFF; }
}

@keyframes blinker {
    0% { color: #FFF; }
    20% { color: #FFF; }
    50% { color: red; }
    80% { color: #FFF; }
    100% { color: #FFF; }
}

.blinker2 {
    -webkit-animation-name: blinker2;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker2;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker2;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker2 {
    0% { opacity: 1; }
    20% { opacity: 1; }
    50% { opacity: 0.5; }
    80% { opacity: 1; }
    100% { opacity: 1; }
}

@-webkit-keyframes blinker2 {
    0% { opacity: 1; }
    20% { opacity: 1; }
    50% { opacity: 0.5; }
    80% { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes blinker2 {
    0% { opacity: 1; }
    20% { opacity: 1; }
    50% { opacity: 0.5; }
    80% { opacity: 1; }
    100% { opacity: 1; }
}

#status_help_div{
    position:absolute;
    z-index: 1000;
    display:none;
    padding:10px;
    background: #FFF;
    border: 1px solid #DDD;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}