/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10.6.2016, 11:01:20
    Author     : Horus
*/
h5 {line-height: 18px;}
.body {padding-bottom: 60px;}
.pricetable {width: 100%;}
.pricetable tr th {line-height: 1.4;padding:3px;font-weight: bold;background-color: #f9f9f9;}
.pricetable tr td {line-height: 1.4;padding:3px;}
.pricetable tr td:first-child {color:#992b58;}
.pricetable .row-error td {background-color: #eb85a9;}
.pricetable .row-commiting td {background-color: #FFFAE8;}
.pricetable .row-deleting td {text-decoration: line-through;}
.pricetable td.number {text-align: right;}

.header-background {background-image: url(../../../../../templates/etipc/images/background-blue.png); color: white; text-align: center; }
.header-background-login {background-image: url(../../../../../templates/etipc/images/background-blue.png);}
.header-background .shadow {background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;}
.header-background .title {height: 90px;font-size: 30px;display: flex; justify-content: center; align-items: center; max-width: 1000px;}
.header-background .title-small {height: 5px;position: relative;top:-18px;color:#4693b5;font-size: 30px;display: flex; justify-content: center; align-items: center;max-width: 1000px;}

.qtable-striped  tr:nth-of-type(2n) {background-color: #f9f9f9;white-space: nowrap;}
.qtable-striped  tr:nth-of-type(2n) .PS2, .qtable-striped  tr:nth-of-type(2n) .PS3 {background-color: #f1f5fd;}
.pricetable tr:first-child th {border: none;padding: 0;background: none;}

.pricetable  td:last-child {padding: 0;text-align: center;}
.pricetable tr:last-child td:last-child button {display: none;}
.pricetable th:last-child, .pricetable td:last-child {display: none;}

.pricetable button {width: 40px;}
.pricetable tr:last-child td {height: 36px;}
.pricetable .separator {width: 5px; border: none;padding: 0;}

.pricetable .cellStatUp {color:#3db65f;}
.pricetable .cellStatDown {color:#c63510;}
.pricetable .tb-statistic {font-size: 12px;float: right;color: gray;}
.pricetable .bonus {font-size: 12px;}
.pricetable .tb-statistic .arrUp {background-image: url(../images/icon-arrow-up.png); width: 16px;height: 16px; display: inline-block;margin-right: 4px;}
.pricetable .tb-statistic .arrDown {background-image: url(../images/icon-arrow-down.png); width: 16px;height: 16px; display: inline-block;margin-right: 4px;}

.qtable-bordered tr td, .qtable-bordered tr th {
    border: 1px solid #dddddd;
}
.qtable-bordered tr th {border-bottom: 2px solid #dddddd}

.qtable-input {
background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #6f6f6f;
    display: block;       
    
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 90%;
}
.number .qtable-input {float: right;text-align: right;min-width: 70px;}
.pricetable td.calculated {background-color: #f9ffc3  !important;}
.pricetable td.fixed {background-color: #f4f4f4 !important;color4:#4994b6;} 
.tb-supplier input {width: 120px;padding: 3px;color:gray; font-weight: bold;}
.qdatatable-progress {display: none;}

.supplier-box {border: 1px solid #ebebeb; padding: 2px;float: left;width: 150px;margin: 2px; cursor: pointer;}
.supplier-box .commands {background-color: #ebebeb;}
.supplier-box .commands div:nth-child(1) {float: left;margin-left: 10px;font-weight: bold;font-size: 20px;line-height: 16px;padding-top: 1px;}
.supplier-box .commands div:nth-child(2) {float: right;margin-right: 10px;font-weight: bold;font-size: 20px;line-height: 16px;padding-top: 2px;}
.supplier-box .title {text-align: center;font-size: 11px;}
.supplier-box .count {background-color: #ebebeb;text-align: center;}

.supplier-box.C0 .commands {background-color: #f8b6cd;}
.supplier-box.C0 .count {background-color: #f8b6cd;}
.supplier-box.C1 .commands {background-color: #cdfaff;}
.supplier-box.C1 .count {background-color: #cdfaff;}
.supplier-box.C2 .commands {background-color: #9ce1cd;}
.supplier-box.C2 .count {background-color: #9ce1cd;}

.subtitles {margin-bottom: 5px;}
.table-subtitle {border-bottom: 3px solid #992b58; color: #992b58; margin-bottom: 5px;margin-top: 5px; padding-bottom: 0px; font-size: 20px; font-weight: normal;}
.table-subtitle button {position: relative;top: 22px;width: 120px;}

.supplier-title {color:#992b58;}
.warning-notice {display: none; color: #a5005b}

.question-line {border-bottom: 3px solid #992b58; color:silver; font-size: 30px; font-weight: bold; text-align: right; margin-top: 15px;}
.segment-qa {display: none;}
.addBBBlueColorBlue {color: #1d7cb3; border-bottom-color: #1d7cb3;}

.question-line.success {border-bottom-color: #68d865;}

.counter-box {float: left;width: 150px;margin-right: 10px;}
.counter-box .title {float: left;width: 150px; border-bottom: 1px solid silver;}
.counter-box .counter {font-size: 50px;text-align: center; }
.counter-box.C1 .counter {color:#1d7cb3;}
.counter-box.C2 .counter {color:#5cb85c;}
.counter-box.C3 .counter {color:#5bc0de;}
.counter-box.C4 .counter {color:#d9534f;}
.supplierbox {margin: 0 5px;cursor: pointer;text-align: right;}
.supplierbox-float {margin: 0 5px;float: left;cursor: pointer;}
.supplierbox-float:hover {background-color: #d6e9c6;border-radius: 4px;}

.option-supplier {width: 200px;}
.option-country {width: 290px;}
.login-wrapper {width: 500px;background-color: white;padding: 10px;}
.login-wrapper .login {border-bottom: 1px solid #992b58;text-align: right;font-size: 16px;margin-bottom: 20px;}
.login-wrapper input {width: 200px;padding: 3px;color:gray; font-weight: bold;border: 1px solid silver;}
.aligncenter{
      display: -webkit-box;
      display: -moz-box;
      display: box;
      -webkit-box-align: center;
      -moz-box-align: center;
      flex-align: center;
      flex: 1 100%;
      /*
      -webkit-box-pack: center;
      -moz-box-pack: center;
      flex-pack: center;
      */
}

.table-packet-stat tr:nth-child(1) td {font-weight: bold;}
.table-packet-stat tr:nth-child(2) td {background-color: #ebebeb;padding: 2px;}
.table-packet-stat .number {font-size: 22px;text-align: center;}
.table-packet-stat tr:nth-child(2) td:last-child {background-color: #68d865;text-align: center;}

.table-import-stat tr:nth-child(1) td {font-weight: bold;}
.table-import-stat tr:nth-child(2) td {background-color: #f5f5f5;padding: 2px;}
.table-import-stat .number {font-size: 38px;text-align: center;}

.table-suppliers-stat tr:nth-child(1) td {background-color: #ebebeb;padding: 2px;}
.table-suppliers-stat .number {font-size: 22px;text-align: center;}
.table-suppliers-stat .name {color: #4994b6;}

.table-pricelist-packet-details td:nth-child(1) {color:#333;font-weight: bold;}
.table-pricelist-packet-details td:nth-child(2) {}
.table-pricelist-packet-suppliers td:first-child {text-align: right;cursor: pointer;}
.table-pricelist-packet-suppliers td:last-child {width: 25px;text-align: center;}

.check-green {background-image: url(../images/icon-check-16.png); width: 16px;height: 16px; display: inline-block;position: relative;top: 3px;}
.grayscale {-webkit-filter: grayscale(100%);filter: grayscale(100%);}