@charset "utf-8";
/* CSS Document */

.bg-sunny-morning {    background-image: linear-gradient(120deg, #c921f3 0, #3bda6b 100%)!important;}
.bg-premium-dark {    background-image: linear-gradient(to right, #8955ef 0, #b78458 100%)!important;}
.finfo {    margin-top: 25px;}
.finfo p {    margin-bottom: 0px;    font-size: 13px;}
.app-login-box h4 span {    font-size: 1.5rem;}
.account-wrapper h4 {    font-size: 17px;    font-weight: bold;}
.account-wrapper h5 {    font-size: 16px;}
.account-wrapper h6 {    font-size: 14px;}
.account-wrapper p {    font-size: 13px;    margin-bottom: 4px;}
.account-wrapper span {    font-weight: bold;    margin-right: 10px;}
.business-logo img {    padding: 4px;    border: 1px solid #ccc;}
.form-row btn {    padding: 1px 6px;}
.form-row i {    font-size: 18px;}
.edit-wrp {    width: 100%;    height: 40px;    text-align: right;    border-bottom: 1px solid #e9ecef;    margin-bottom: 12px;}
.edit-wrp .btn {    font-size: 15px;    padding: 3px 6px;}
.form-control {    font-size: 14px !important;}
.filter-wrp span {    width: 25%;    float: left;}
.filter-wrp .form-control {    width: 75%;    float: left;}
.filter-wrp .in-wrp {    margin-top: -27px;}
.filter-wrp .in-wrp ul {    margin-left: -24px;}
.filter-wrp .in-wrp ul li {    list-style: none;    float: left;    margin-right: 10px;}
.hdc {    margin-bottom: 0px;    padding-bottom: 0px;    margin-left: 10px;}
.hdc .card-title {    margin-bottom: 0rem;}
.bt-in {    text-align: right;}
.client-sec .nav-tabs {    width: 95%;    margin-left: 15px;    padding-left: 20px;}
.client-sec .nav-tabs div {    width: 100px;}
span.text-danger {    float: right;}
.inv-wrapper {    margin: 0 auto;    width: 100%;}
a.add_button {    margin: 7px;}
.inv_prw {    width: 800px;    margin: 0 auto;    background: #FFF;}
.inv_prw_in {    margin: 0px 0px 15px 0px;    padding: 20px 0;}
.inv_prw_in table {    width: 100%;    margin-bottom: 25px;}
.inv_prw_in h4 {    font-size: 15px;    margin: 0 auto;    font-weight: 500;}
.inv_prw_in .cr1 {    width: 33.3%;    text-align: center;}
.inv_prw_in .cr2 {    width: 50%;    text-align: left;    padding-left: 6px;    padding-right: 6px;}
.inv_prw_in .cr2 .ads {    width: 235px;}
.inv_prw_in .cr2.cr {    text-align: right;}
.inv_prw_in p {    font-size: 11px;}
.blk {    width: 100%;}
.blk1 {    float: left;    width: 75%;    font-weight: 600;}
.blk1 p {    font-weight: 700;}
.blk2 {    float: left;    width: 25%;}
.tax-inv {    text-align: center;    font-size: 11px;}
.tax-inv p {    text-align: left;    padding-left: 6px;    margin-top: 0px;    margin-bottom: 0px;}
.inv_prw_in table.tax-inv1 {    margin-bottom: 5px;}
table tr.dc2 td.adrs {    padding-top: 6px;}
table tr.dc2 td.adrs p { text-align: left !important;}
table tr.dc2 td p {  text-align: right !important;}
.sign {  float: left; width: 200px; height: 110px;}
.totl {  position: relative;}
.totl div { position: absolute; top: 0px; text-align: right !important;  width: 100%;  padding-right: 8px;  padding-top: 6px;}
.cr2 p { margin-bottom: 0px;}
.hd {  position: relative; height: 65px; padding-top: 6px;}
.hd div { position: absolute;  top: 0px;}
.tble {  border: 1px solid #dadada;}
.tble th { border: 1px solid #dadada;}
.tble td { border: 1px solid #dadada;}
.invbk1{ width:8%;}
.invbk2{ width:25%;}
.invbk3{ width:3%;}
.inv-lst {width: 100%;    margin: 6px 0px 0px 0px; display: inline-block;}
.inv-lst input.invbk1 { width: 7.6%; float: left; margin: 1px; }
.inv-lst input.invbk3{ width:3%; float:left; margin: 1px; }
.inv-lst input.invbk2{ width:23.8%; float:left;}
.field_wrapper{width: 98%;  margin: 0 auto; }
.nbt-rht {margin: 0px 15px;  float: right;}

@media(min-width:320px) and (max-width:767px) {    
.crc {  border-top: 5px solid #667eea;  border-bottom: 85px solid #667eea; }
.crc1 {  padding-top: 55px;  border-top: 5px solid #667eea; }
.crc2 {  margin-bottom: 45px; }
}


/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  
  /* Transparent Overlay */
  .loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
  
    background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  
  .loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  }
  
  /* Animation */
  
  @-webkit-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-moz-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-o-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }