html, body {
    font-family: "Segoe UI", Arial, sans-serif;
    margin: 0;
    padding: 0;
}
.loginform {
    margin: 50px auto 0 auto;
    width: 280px;
}
.loginform h3 { margin-bottom: 20px; }
.loginform label { width: 65px; }
.loginform input { width: 160px; }
button { cursor: pointer; }

.dashboard {
    max-width: 540px;
}
.dashboard .row.title {
    margin: 20px 0;
    text-align: left;
}
.dashboard .row {
    text-align: center;
}
.dashboard .row > div {
    margin-bottom: 10px;
}
.dashboard .bigbtns .btn {
    width: 240px;
}
.dashboard .row.stdbtns {
    margin-top: 50px;
}
.dashboard .stdbtns .btn {
    width: 200px;
}
.dashboard .card {
    background-color: #eee;
    margin-top: 20px;
    padding: 10px 15px;
    text-align: left;
}
.dashboard .card .btn {
    width: 145px;
}

.controls { margin-top: 10px; margin-bottom: 10px; }
.controls button,
.controls a {
    margin: 0 10px 8px 0;
}

#holidays .row { margin-bottom: 5px; }

.year { margin-right: 10px; }
.monthes { margin-right: 8px; }
.year,
.year input {
    width: 50px;
}
.monthes,
.monthes input {
    text-align: center;
    width: 30px;
}

.stdform .row {
    margin-bottom: 8px;
}
.stdform .title {
    margin-right: 8px;
    width: 210px;
}
#departments .tarifs {
    width: 600px;
}
#departments .tarifs select {
    display: inline-block;
    margin-right: 8px;
    width: 180px;
}
.stdform .ids {
    width: 60px;
}
.stdform .ids input { width: 45px; text-align: center; }
.stdform .status { margin-top: 8px;  }
.btnmonth {
    border: 1px solid #ced4da;
}

.datepicker th { font-weight: normal; }

#bonusinvent .position {
    margin-right: 8px;
    width: 250px;
}
#bonusinvent .sum {
    margin-right: 8px;
    width: 70px;
}
.stdform .monthbegin,
.stdform .monthend,
.tarifs .monthbegin,
.tarifs .monthend {
    margin-right: 8px;
    width: 110px;
}

#params .id_param {
    margin-right: 8px;
    width: 70px;
}
#params .pvalue {
    margin-right: 8px;
    width: 70px;
}

.dynamic-row {
    padding: 8px 0;
}
.dynamic-row select {
    float: left;
    width: 310px;
    margin-bottom: 8px;
}
.dynamic-row .deleteDefTarif,
.dynamic-row .deleteDefParam {
    float: left;
    margin-left: 8px;
    margin-top: 3px;
    width: 25px;
}
.dynamic-row .deleteDefTarif i,
.dynamic-row .deleteDefParam i { color: #e66; font-size: 120%; }

.newparam,
.newtarif {
    display: none;
}

.container-fluid .row.controls {
    margin-left: 20px;
}

.workers .row,
.tarifs .row {
    padding: 6px 0;
}
.workers .row:nth-child(odd),
.tarifs .row:nth-child(odd) { background-color: #eee; }
.row-title { background: #ccc !important; padding: 4px 0; }
.btncol { padding-left: 30px; width: 140px; }
.workers .surname { width: 180px; }
.workers .firstname { width: 120px; }
.workers .middlename { width: 160px; }
.workers .status { width: 80px; }
.workers .ipn { width: 110px; }
.workers .code1c { width: 70px; }
.workers .pos { width: 250px; }
.workers .dep { width: 300px; }
.workers .ids { width: 50px; }
.statuscolor0 { color: #ee0000; }
.statuscolor1 { color: #009900; }

.identificator {
    margin-top: -15px;
    position: absolute;
}


.tarifs .row-title { font-size: 0.95em; }
.tarifs .title { width: 280px; }
.tarifs .type { width: 110px; }
.tarifs .id_dep  { width: 250px; }
.tarifs .tarif  { width: 80px; }
.tarifs .knight { width: 80px; }
.tarifs .kholiday { width: 80px; }
.tarifs .kholinight { width: 80px; }
input[name="tarif"], input[name="knight"], input[name="kholiday"], input[name="kholinight"],
input[name="tarif0"], input[name="knight0"], input[name="kholiday0"], input[name="kholinight0"] {
    width: 60px;
}
.bg-light-green {
    background-color: #eeffdd;
}

#spent .row-title div,
#spentworkers .row-title div {
    line-height: 19px;
    /*display: flex;*/
    /*justify-content: center;*/
    /*flex-direction: column;*/
    text-align: left;
}
#accmonth { width: 140px; }
#accmonthform { margin: 15px 0; }
.col-dep { width: 120px; }
.col-tarif { width: 250px; margin-right: 10px; }
.col-qday { width: 65px; font-size: 13px; }
.col-qnight { width: 65px; font-size: 13px; }
.col-qholi { width: 65px; font-size: 13px; }
.col-qholinight { width: 75px; padding-right: 8px; font-size: 13px; }
.col-stazh { width: 65px; font-size: 13px; }
.col-dep select { width: 120px; }
.col-tarif select { width: 250px; }
.col-qday input,
.col-qnight input,
.col-qholi input,
.col-qholinight input,
.col-stazh input { width: 60px; !important; text-align: right; }
.col-qnight input, .col-qholinight input {
    background-color: #666;
    color: #fff;
    font-weight: bold;
}
.col-delete { width: 25px; padding-top: 3px; }
.col-modify { width: 85px; font-size: 9px; }
.row-title .col-modify { font-size: 13px; }
.tarif-row:first-child .col-delete a { display: none; }
.border-bottom { border-bottom: 1px solid #eee; }

#spentworkers .tarifs-col { width: 640px !important; }
#spentworkers .bonuses-col { width: 460px !important; }
#spentworkers .tarifs-col .row,
#spentworkers .bonuses-col .row { margin: 0 !important; }

#spent .col-tarif { width: 240px; }
#spent .col-qday,
#spent .col-qnight { width: 95px; }
#spent .col-qday input,
#spent .col-qnight input { width: 90px; }
#spent .col-modify { width: 130px; }

.col-invbonus { width: 60px; }
.col-bonus { width: 70px; }
.col-penalty { width: 70px; }
.col-hospital, .col-rest, .col-restnopay, .col-restspec { width: 55px; font-size: 13px; }
.col-bonus input,
.col-penalty input { width: 60px; }
.col-hospital input,
.col-rest input,
.col-restnopay input,
.col-restspec input { width: 50px; }
.col-comment { margin-top: 12px; }
.col-comment input { width: 240px; }


.col-bounscomm { margin-top: 4px; width: 270px; }

.col-hospital input, .hospital-col input { background-color: #cfeeff; }
.col-restnopay input, .restnopay-col input { background-color: #ffdddd; }
.col-restspec input, .restspec-col input { background-color: #ddffdd; }

.leave-cols .col-lv { width: 75px !important; }
.leave-cols .col-lv input { width: 65px !important; }

.col-separator {
    width: 32px;
}



.deleteSpentTarif i { color: #e66; font-size: 120%; }
.container-fullhd {
    padding-left: 20px;
    width: 1870px !important;
}

.newsd { display: none; }
.units {
    line-height: 12px;
    font-size: 12px;
    color: #999;
    padding-bottom: 4px;
    padding-right: 15px;
    text-align: right;
}
#spent .row-title {
    background-color: #007bff !important;
    color: #fff;
    border-radius: 10px 10px 0 0;
}
.row.controls { background: none !important; }
#spent > .row { padding: 5px 0 6px; }
#spent > .row:nth-child(odd) {
    background-color: #ddeeff;
}

#spentworkers .row-title {
    background-color: #28a745 !important;
    color: #fff;
    border-radius: 10px 10px 0 0;
    top: 0;
    z-index: 5;
}
.spentworkerscont .item-row {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}
.tarif-row { padding: 2px 0;}


/* Розрахунок */

.calc-result td {
    vertical-align: top;
}
.calc-result tr:nth-child(even) td {
    background-color: #fff;
}
.calc-result tr:nth-child(odd) td {
    background-color: #eee;
}
.calc-result table tr td {
    background: none !important;
    border-bottom: 1px solid #999;
}
.calc-result table tr:last-child td { border-bottom: none; }
.calc-result th {
    background-color: #fc0;
    font-weight: normal;
}
.calc-result th.header {
    background-image: url(/tmpl/js/tablesorter/themes/blue/bg.gif);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 16px;
}
.calc-result th.headerSortUp {
    background-image: url(/tmpl/js/tablesorter/themes/blue/desc.gif);
    background-color: #b80;
}
.calc-result th.headerSortDown {
    background-image: url(/tmpl/js/tablesorter/themes/blue/asc.gif);
    background-color: #b80;
}
.calc-result {
    width: 3490px;
}
.t-surname { width: 120px; }
.t-firstname { width: 100px; }
.t-middlename { width: 110px; }
.t-position { width: 150px; }
.t-department { width: 150px; }
.t-ipn { width: 80px; }
.t-rr { width: 120px; }
.t-tarifs { width: 1080px; }
.t-title { width: 250px; }
.t-day { width: 130px; }
.t-night { width: 120px; }
.t-holiday { width: 120px; }
.t-holinight { width: 120px; }
.t-sum { width: 100px; }
.t-sign { width: 20px; text-align: center; }
.t-bonus { width: 80px; }
.t-leave {width: 260px; }
.leaveinfo { font-size: 70%; display: none; }
.leaveinfobtn,
.leaveinfobtn:hover { color: #fc0; }
.t-params { width: 160px; }
.t-param { width: 80px; }
.t-pvalue { width: 80px; }
.t-total { width: 100px; text-align: right; }
.t-paid { width: 100px; text-align: right; }
.t-topay { width: 120px; text-align: right; padding-right: 20px; }
.unt { font-size: 80%; }

.t-tarifs div { display: block; }
.t-title, 
.t-day,
.t-night,
.t-holiday,
.t-holinight,
.t-sum,
.t-sign {
    display: inline-block;
}

.small-text {
    font-size: 9px;
}
.medium-text {
    font-size: 12px;
}

.msg {
    padding: 8px 10px;
    margin-bottom: 15px;
    width: 100%;
}
.msg.ok {
    background: #9e9;
    border-top: 1px solid #090;
    border-bottom: 1px solid #090;
}
.msg.error {
    background: #e99;
    border-top: 1px solid #900;
    border-bottom: 1px solid #900;
}

.beforebutton { height: 32px; }

.clearbottom {
  clear: both;
  height: 100px;
  width: 100%;
}

.visible input { max-width: 50px; margin-right: 15px; }
.reportscnt button { margin-bottom: 5px; }