.clearfix {
    clear: both;
}
.padding-zero {
    padding: 0 !important;
}
.table-itemlist-top > thead > tr > th, 
.table-itemlist-top > tfoot > tr > th ,
.table-iteminside-bottom > thead > tr > th, 
.table-iteminside-bottom > tfoot > tr > th {
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-transform: none;
    letter-spacing: 0;
    border-right: solid 1px #fff;
}


.mainItem .form-group 
.mainItem .form-group {
    float: left;
    width: 100%;
}

/* GENERAL */

.panel-heading {
    position: relative;
}
.panel-heading .action-buttons {
    position: absolute;
    right: 20px;
    top: 10px;
}


/* LOGIN */

.signwrapper .panel-heading {
    padding: 10px;
}
.signwrapper input.form-control {
    padding-left: 50px;
    width: 100%;
    display: block;
    height: 42px;
    font-size: 13px;
}
.signwrapper .input-group {
    display: block;
}
.signwrapper .form-group {
    clear: both;
    float: left;
    width: 100%;
}
.signwrapper .panel-title {
    text-align: center;
    color: #333;
    margin-top: 20px;
    text-transform: none;
    font-weight: normal;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0px;
}
.signwrapper h2.under-logo {
    font-size: 17px;
    text-align: center;
    margin: 0 0 4px 0;
}
.signwrapper h2.under-logotag {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    text-align: center;
}
.signwrapper .signin h1 {
    margin-bottom: 20px;
}
.signwrapper .sepor {
    clear: both;
    height: 1px;
    overflow: hidden;
    margin: 20px auto;
    width: 65%;
    background: #259dab;
}




.background {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.blue-purple {
  background-color: #1D2B64;
  background-image: -webkit-linear-gradient(left, #1D2B64, #F8CDDA);
  background-image: linear-gradient(to right,#1D2B64, #F8CDDA);
  -webkit-animation: fadeInOut 25s ease;
  -moz-animation: fadeInOut 25s ease;
  animation: fadeInOut 25s ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.green-blue {
  background-color: #43cea2;
  background-image: -webkit-linear-gradient(left, #43cea2, #185a9d);
  background-image: linear-gradient(to right,#43cea2, #185a9d);
  -webkit-animation: fadeOutIn 25s ease;
  -moz-animation: fadeOutIn 25s ease;
  animation: fadeOutIn 25s ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutIn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeOutIn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOutIn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.signwrapper .copyright {
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: center;
    width: 100%;
    color: #fff;
    opacity: 0.8;
}
.signwrapper .copyright a {
    color: #ececec;
}



/* LIST ITEMS */

.table.table-itemlist-top > thead > tr > th, 
.table.table-itemlist-top > tbody > tr > th, 
.table.table-itemlist-top > tfoot > tr > th, 
.table.table-itemlist-top > thead > tr > td, 
.table.table-itemlist-top > tbody > tr > td, 
.table.table-itemlist-top > tfoot > tr > td {
    white-space: nowrap;
}

.fixed-table {
    table-layout:fixed
}
.fixed-table td.strict{
    max-width: 130px;
    overflow: hidden;
    word-wrap: break-word;
    white-space: normal !important;
}
.fixed-table > tbody > tr > td {
    vertical-align: middle;
}
table.small-book2 tbody > tr.detailed_line td {
    padding: 2px 4px;
    line-height: 12px;
    font-size: 10px;
    background: #dbdbdb;
}
table.small-book2 tbody > tr > td.insise_there_is_a_table {
    padding: 0;
}
table.small-book2 tbody > tr > td.insise_there_is_a_table > table {
    margin: 0;
}
table.small-book2 tbody > tr.detailed_line.detailed_green > td {
    background: #a3ecc6;
}
table.small-book2 tbody > tr.detailed_line.detailed_blue > td {
    background: #a3c1ec;
}



/* DEFK */

span.nodata {
    display: block;
    text-align: center;
    line-height: 270px;
    background: #efefef;
    margin: 10px 0 0 0;
    width: 100%;
}

/* INSIDE ITEMS */

.table-iteminside-top > thead > tr > th, 
.table-iteminside-top > tfoot > tr > th {
    padding-left: 15px;
    padding-right: 15px;
}
.table-iteminside-top thead > tr > th:first-child,
.table-iteminside-top tbody > tr > td:first-child {
    text-align: right;
}
.table-iteminside-top tbody > tr:first-child > td {
    border-top: solid 1px #f0f1f4;
}
.table-iteminside-top tbody > tr:last-child > td {
    border-bottom: solid 1px #f0f1f4;
}
.secondary-table {
    margin-top: 38px;
}


td.red {
    color: #ff0000;
    font-weight: bold;
}


/* BOOK ADET */

.bookAdet-tableOut {
    max-height: 80vh;
    overflow: scroll;
}
table.small-book {
    min-width: 1300px;
}
table.small-book thead > tr > th ,
table.small-book thead > tr > td {
    font-size: 12px;
    padding: 0;
}
table.small-book tbody > tr > td {
    font-size: 10px;
    font-weight: bold;
    padding: 8px 0px;
}
table.small-book thead .small-top-head th {
    padding: 4px 0px;
    text-align: center;
    background: #84878c;
    color: #fff;
}
table.small-book table {
    width: 100%;
    background: none;
}
table.small-book table > tbody > tr > td {
    padding: 0 6px;
}
table.small-book thead > tr > th table tr td {
    padding: 6px 0px;
    white-space: normal;
    text-align: center;
    vertical-align: middle;
    border-right: solid 1px #fff;
    overflow: hidden;
    line-height: 12px;
    height: 40px;
}
table.small-book thead > tr > th table tr td:last-child {
    border: 0;
}
table.small-book table.small-inside tr:first-child {
    opacity:0;
}
table.small-book table.small-inside tr.border-top{
    border-top: solid 1px #ccc;
}
table.small-book table.small-inside-total td.text-right {
    padding-top: 28px;
}
table td.bookHeir {
    overflow: hidden;
    max-width: 84px;
    white-space: normal;
}

/* BOOK WAREHOUSE */

.wrapper1, .wrapper2{
  width: 100%;
  border: 0px;
  overflow-x: scroll;
  overflow-y:hidden;
}
.wrapper1{
  height: 20px;
}
.wrapper1 .div1 {
  min-width: 1300px;
  height: 20px;
}
.wrapper2 .div2 {
  min-width: 1300px;
  overflow: auto;
}



table.small-book2 {
    min-width: 1300px;
}
table.small-book2.stock-table {
    max-width: 600px;
    min-width: inherit;
}
table.small-book2 tbody > tr > td {
    font-size: 12px;
    font-weight: bold;
    padding: 8px 5px;
}
table.small-book2 table .warning {
    color: #ff0000 !important;
}
table.small-book2 table tr:nth-child(2n) {
    background: #d8dce3;
}
table.small-book2 thead .small-top-head th {
    padding: 4px 0px;
    text-align: center;
    background: #84878c;
    color: #fff;
}
table.small-book2 table {
    width: 100%;
    background: none;
    margin: 0 0 20px 0;
}
table.small-book2 table > tbody > tr.table-total td {
    border-top: solid 3px #84878c;
    border-bottom: solid 3px #84878c;
    background: #fff;
}
table.small-book2 table > tbody > tr > td {
    padding: 5px 6px;
}
table.small-book2 thead > tr > th table tr td {
    padding: 6px 0px;
    white-space: normal;
    text-align: center;
    vertical-align: middle;
    border-right: solid 1px #fff;
    overflow: hidden;
    line-height: 12px;
    height: 40px;
}
table.small-book2 thead > tr > th table tr td:last-child {
    border: 0;
}
table.small-book2 table.small-inside tr:first-child {
    opacity:0;
}
table.small-book2 table.small-inside tr.border-top{
    border-top: solid 1px #ccc;
}
table.small-book2 table.small-inside-total td.text-right {
    padding-top: 28px;
}





.panel-heading.withbtns {
    float: left;
    width: 100%;
}
.panel-heading.withbtns h4 {
    float: left;
    line-height: 38px;
}
.panel-heading-btns {
    float: right;
}


/* BODY EGIITIKI */

.table-wrap-overflow {
    width: 49%;
    margin: 0 1% 0 0;
}
.table.table-overflow {
    width: 100%;
    max-width: none;
    max-height: 400px;
    overflow: hidden;
}
.table-responsive .dataTables_wrapper {
    max-height: 50vh;
}
.table.table-overflow thead td, 
.table.table-overflow tbody td {
    white-space:nowrap;
}
.tables-totals > table {
    width: 48%;
    margin-right: 2%;
    float: left;
}
.tables-totals > table tr td {
    height: 42px;
    font-size: 13px;
    font-weight: bold;
}

/* STATISTICS */

.statisticsRow > .panel-body {
    padding: 10px 0px;
    border-top: solid 1px #d8dce3;
    border-bottom: solid 1px #d8dce3;
}
.statisticsRow > .panel-body h4.panel-title {
    font-size: 14px;
}
.panel-default .panel-options > li > a,
.panel-default .panel-heading .panel-title {
  color: #313745;
}




@media print {
    @page {size: landscape}
    .sidepanel,
    .action-buttons,
    .headerbar
    {
        display: none;
    }
    a:after{
        display: none;
    }
    .mainpanel {
        margin-left: 0 !important;
    }
    .panel-title {
        background: #efefef !important;
        width: auto;
        float: left;
        padding: 0;
        margin: 0;
    }
    .table td, .table th {
        padding: 8px 5px !important;
    }
    .table th {
        border-top: 0 !important;
        border-bottom: solid 3px #333333 !important;
    }
    .table td {
        border-top: 0 !important;
        border-bottom: solid 1px #333333 !important;
    }
    .panel-heading {
        position: relative;
        float: left;
        clear: both;
    }
    .panel-body {
        position: relative;
        float: left;
        clear: both;
        width: 100%;
    }
    .action-buttons {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .headerpanel,
    .headerpanel .logopanel {
        position: static;
        border: 0;
    }
    .mainpanel,
    .contentpanel {
        padding: 0 !important;
    }
    table.small-book2 {
        min-width: inherit;
        font-size: 10px;
    }
    table.small-book2 th,
    table.small-book2 td,
    table.small-book2 tr td {
        font-size: 85% !important;
        padding: 2px !important;
    }


    /* VIVLIO ADET */
    table.small-book {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    table.small-book th,
    table.small-book td,
    table.small-book tr td {
        font-size: 80% !important;
        padding: 2px !important;
    }
    table.small-book > thead > tr,
    table.small-book > thead > tr td {
         border: 0 !important;
    }
    table.small-book > tbody > tr  {
        border-bottom: solid 2px #000 !important;
    }
    table.small-book > tbody > tr > td {
        border: 0 !important;
    }
    table.small-book > tbody > tr > td:nth-child(2) {
        border: 0 !important;
        padding: 0 !important;
    }
    table.small-book > tbody > tr > td > table.small-inside tr {
        border: 0 !important;
    }
    table.small-book > tbody > tr > td > table.small-inside tr td {
        border-bottom: solid 1px #000 !important;
    }
    table.small-book > tbody > tr > td > table.small-inside tr:first-child td{
        padding: 6px 0 0 0 !important;
    }
    table.small-book > tbody > tr > td > table.small-inside tr:last-child,
    table.small-book > tbody > tr > td > table.small-inside tr:last-child td {
        border: 0 !important;
    }
    table.small-book > tbody table.small-inside {
        border: 0 !important;
    }
    .bookAdet-tableOut {
        max-height: inherit;
        overflow: inherit;
    }



}