body {
  background:transparent url("/Image/Background") no-repeat top center fixed;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  height:100%;
}

span.attachment{
    padding-right: 10px;
}

a.no-decoration{
    text-decoration: none !important;
}

div.search-progress {
    height:34px;
}

span.cartDesc {
    text-overflow: ellipsis;
}
table.table-cart{
    font-size: 8pt;
}

div.combobox {
  position:relative;
}

div.goto-block a{
    width: 100%;
}

table.combobox thead{
    padding-top: 10px;
    background-color: #fff;
}

a.remove-left-pad {
  padding-left:0px !important;
}

div.combobox-items {
  position:absolute;
  z-index:3;
  width:100%;
}

.navbar div.combobox-items {
  width:auto;
  margin-left:15px;
}

.navbar div.row {
  color:black;
}

.ellipses {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

a.btn.btn-home-page {
  width:200px;
}

nav.navbar {
  padding-bottom:10px;
}

.popover-content{
    color: black;
}

.navigation-clean-button {
  padding-bottom:0px !important;
  padding-top:0px;
}

table.table-bal-info > thead > tr:first-child > td, table.table-bal-info > tbody > tr:first-child > td, table.table-bal-info > tbody > tr:nth-child(2) > td {
  border:none;
}

.link-unstyled, .link-unstyled:link, link-unstyled:hover, .link-unstyled:focus {
  text-decoration:inherit;
}

div.statement-header {
  padding-bottom:10px;
}

table .header-fixed {
  position:fixed;
  top:0px;
  z-index:1020;
}

.table-fixed-header th {
  height:4em;
}

div span {
  font-size:1.1em;
}

div strong {
  font-weight:200;
}

.table thead {
  background-color:#fafcfe;
}

thead.header tr {
  background-color:#fafcfe;
}

div.login {
  margin:30px auto;
  background:#fafcfe;
  padding:30px;
  border-radius:4px;
  max-width:490px;
  box-shadow:3px 3px 2px #888888;
}

div.collapse-header{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow:2px 2px 2px #e0dcdc;
    padding: 5px 20px;
    border-right:solid 1px #e0dcdc;
}

div.collapse-header i{
    padding-left: 7px;
    color: white;
}

div.collapse-table{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 5px 20px;
}

div.collapse-table i{
    padding-left: 7px;
    color: white;
}

input.form-control, select.form-control, div.input-group.date{
    margin-bottom: 5px;
}

[data-toggle="collapse"].collapsed i.if-not-collapsed {
  display: none;
}
[data-toggle="collapse"]:not(.collapsed) i.if-collapsed {
  display: none;
}

div.padding{
    margin-bottom:20px;
}
div.highlight {
  border-radius:4px;
  box-shadow:2px 2px 2px #e0dcdc;
  background-color:#ffffff !important;
  padding:10px;
  margin-bottom:20px;
  border:solid 1px #e0dcdc;
}

.highlight thead {
  background-color:inherit;
}

.highlight.no-top{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.highlight thead > tr > th {
  border:none;
}

.highlight tbody > tr > td {
  border:none;
  padding-top:0px;
}

.highlight tbody > tr > td > hr {
  margin:5px;
}

div.content {
  margin:30px auto;
  background-color:#fafcfe;
  padding:30px 30px 30px 30px;
  border-radius:4px;
  box-shadow:3px 3px 2px #888888;
}

iframe {
    background-color:#fafcfe !important;
}

div.spacer {
  height:15px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:100;
}

div.login-icon {
  text-align:right;
  font-size:50px;
  padding:0 0 20px;
}

span.rememberme {
  margin-left:20px;
}

th {
  font-weight:500;
}

div.reportTitle {
    padding-bottom: 15px;
}

form.reportForm{
    padding-bottom: 15px;
}

form.reportForm-hide {
    display: none;
}

input.clear-ms-input::-ms-clear{
    display: none;
}

div.shopping-cart{
    font-size: 1.5em;
}

div.shopping-cart i {
    padding-right: 15px;
}

i.delete-line{
    font-size: 1.5em;
    float: right;
}

i.delete-button{
    padding-right:10px;
}

#reportIframe {
    width:100%;
    height:100%;
}

div.goto-block{
    padding: 10px;
    height: 100%;
    justify-content:space-between;
    border-radius: 4px;
}

.goto-block i {
    font-size: 2em;
    padding-right: 10px;
}

span.h2 a {
    margin: 15px;
}

/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

@media (max-width:767px) {
  body {
    background:none;
    background-color:#fafcfe;
  }

  .col-sm-7 .row .col-xs-10 .pull-right {
    float:none !important;
  }

  div.navbar {
    padding-left:15px;
    padding-right:15px;
  }

  .nav li a {
    padding-bottom:15px !important;
  }

  div.content {
    margin:0px 0px 0px 0px;
    padding:0px;
    box-shadow:none;
    border-radius:0px;
    display:inline-block;
    width: 100%;
  }

  div.login {
    padding:10px;
  }

  div.goto-block.bg-primary{
      margin-bottom:10px;
  }
}

@media (min-width:768px){

    div.cartItemSearch {
        overflow-y: auto;
        max-height: calc(100vh - 200px);
    }


    div.goto-block.bg-primary {
        flex-direction: column;
        -ms-box-orient: vertical;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
    }

    .flex-item {
        padding-bottom:10px;
    }

    .flex-container {
        padding-top: 10px;
        margin: 0;
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;

        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    div.modal-lg{
        width:80%;
    }
}

@media (min-width:992px) {
  .box {
    min-height:20em;
  }

  .box-short {
      min-height: 10em !important;
  }

  div.highlight.box.total {
    margin-left:-8px;
    margin-right:-15px;
  }
  
  div.highlight.box.vat {
    margin-left:-15px;
    margin-right:-8px;
  }
}

@media (max-width:991px) {
  div.highlight.box.total {
    margin-left:-15px;
    margin-right:-15px;
  }

  div.highlight.box.vat {
    margin-left:-15px;
    margin-right:-15px;
  }
}