@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/SourceSansPro/SourceSansPro-Light.ttf);
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/SourceSansPro/SourceSansPro-Light.ttf);
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/SourceSansPro/SourceSansPro-Light.ttf);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/SourceSansPro/SourceSansPro-Regular.ttf);
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/SourceSansPro/SourceSansPro-Regular.ttf);
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/SourceSansPro/SourceSansPro-Regular.ttf);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/KaushanScript-Regular.ttf);
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/KaushanScript-Regular.ttf);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.table-item-link{
  text-decoration: none !important;
  color: #333;
}
.table-item-link:hover{
  text-decoration: underline !important;
  color: #333;
}
#icon-print-crt{
    font-size: 24px;
    cursor: pointer;
    border: 1px solid #fff;
    padding: 2px;
}
 #icon-print-excel{
    font-size: 24px;
    border: 1px solid #fff;
}
#icon-print-excel:hover{
    border: 1px solid;
    cursor: pointer;
}
.no-space{
  letter-spacing:0 !important;
}
#icon-print-crt:hover{
    border: 1px solid;
}
.spinnerFx {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.c-pointer{
  cursor: pointer;
}
.t-none{
  text-decoration: none !important;
}
.full-w{
  width: 100%;
}
select.dp-none,td.dp-none,tr.dp-none{
  display: none;
}
.form-group p{
  border-bottom: 1px solid #ccc;
}
.empty{
  min-height: 23px;
}
#fstable td,#fstable th{
  padding: 5px;
}
#lde-table-body{
  letter-spacing: .2px;
}
strong.balance{
  display: block;
  margin-top:9px; 
  text-align:left;
  min-height: 22px;
  font-size: 15px;
  letter-spacing: .8px;
}
.rpt-filters{
  background: #3f51b5;
}
#table-bill{
  font-size: 15px;
}
table#table-lde td, th{
  padding: .772rem .272rem;
}
.table-amt{
  font-size: 16px !important;
  letter-spacing: .9px !important;
  text-align: right !important;
}
#wIsT{
  float: right;
  font-weight: 500;
}
td .err{
      box-shadow: inset 0 0 2px red;
      padding: 4px;
      border-radius: 3px;
}
.amount,.totaldue{
    letter-spacing: .9px;
    font-size: 20px;
}
.totaldue{
    text-align: right;
    overflow-wrap: break-word;
}
.amount{
    text-align: left;
}
#buttonsFx {
    height: 38px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}
#xwrapper{
  z-index: 1010 !important;
}
#xalertText{
  z-index: 1020 !important;
}

.submit-bill {
    position: fixed;
    right: 31px;
    background-color: #4caf50;
    border-color: #4caf50;
    color: #fff !important;
    min-width: 100px;
}
.btn-warning.submit-bill,.btn-warning.submit-new{
    background-color: #ff9800;
}
.btn-warning.submit-bill:hover,.btn-warning.submit-new:hover{
    background-color: #ffa726;
}
.cancel-bill{    
    position: fixed;
    right: 315px;
    background-color: #e53935;
    color: #fff !important;
    min-width: 100px;
}
.submit-new {
    position: fixed;
    width: 120px;
    z-index: 11;
    bottom: 5px;
    right: 170px;
    color: #fff !important;
}
.cancel-bill:hover, .btn-warning.submit-bill:hover,.submit-bill:hover,.submit-new:hover{
    color: #000 !important;
}
.cancel-bill,.btn-warning.submit-bill,.submit-bill,.submit-new,.float-right .btn{
    font-weight: 400 !important;
    letter-spacing: .2px;
}
.space8{
    letter-spacing: .8px;
}
.t-l,.td-left{
    text-align: left;
}
.t-r,.td-right{
    text-align: right;
}
.t-c,.td-center{
    text-align: center;
}
.grey {
    background-color: #eee !important;
    font-weight: 500;
    padding: 5px 12px !important;
    font-size: 16px;
    letter-spacing: .8px;
}
.font-500{
  font-weight: 500 !important;
}
.font-20{
  font-size: 20px !important;
}
.font-19{
  font-size: 19px !important;
}
.font-18{
  font-size: 18px !important;
}
.font-17{
  font-size: 17px !important;
}
.font-16{
  font-size: 16px !important;
}
.font-15{
  font-size: 15px !important;
}
.font-14{
  font-size: 14px !important;
}
.multi_edit_buttons {
    padding-left: 8px;
}
/*button arrow*/
.arrows a.next, .arrows a:visited.next, .arrows a.prev, .arrows a:visited.prev{
  height:24px;
  width:24px;
  float:left;
  margin-left: 5px;
  margin-top: -9px;
  }
.arrows a:hover.next, .arrows a:hover.prev{
  height:24px;
  width:24px;
  float:left;
  margin-left: 5px;
  margin-top: -9px;
  }
.arrows a.next, .arrows a:visited.next{
  background:url(../../xven/img/next.png) top left no-repeat;
  }
.arrows a:hover.next{
  background:url(../../xven/img/nexthover.png) top left no-repeat;
        cursor: pointer;
  }
.arrows a.prev, .arrows a:visited.prev{
  background:url(../../xven/img/previous.png) top left no-repeat;
  }
.arrows a:hover.prev{
  background:url(../../xven/img/previoushover.png) top left no-repeat;
        cursor: pointer;
  }
.arrowsnext a.next, .arrowsnext a:visited.next, .arrowsnext a.prev, .arrowsnext a:visited.prev{
  height:24px;
  width:24px;
  float:left;
  margin-left: 5px;
  margin-top: -9px;
  }
.arrowsnext a:hover.next, .arrowsnext a:hover.prev{
  height:24px;
  width:24px;
  float:left;
  margin-left: 5px;
  margin-top: -9px;
  }
.arrowsnext a.next, .arrowsnext a:visited.next{
  background:url(../../xven/img/next.png) top left no-repeat;
  }
.arrowsnext a:hover.next{
  background:url(../../xven/img/nexthover.png) top left no-repeat;
        cursor: pointer;
  }
.arrowsnext a.prev, .arrowsnext a:visited.prev{
  background:url(../../xven/img/previous.png) top left no-repeat;
  }
.arrowsprev a.next, .arrowsprev a:visited.next, .arrowsprev a.prev, .arrowsprev a:visited.prev{
  height:24px;
  width:24px;
  float:left;
  margin-left: 5px;
  margin-top: -9px;
  }
.arrowsprev a:hover.next, .arrowsprev a:hover.prev{
  height:24px;
  width:24px;
  float:left;
  margin-left: 5px;
  margin-top: -9px;
  }
.arrowsprev a.next, .arrowsprev a:visited.next{
  background:url(../../xven/img/next.png) top left no-repeat;
  }
.arrowsprev a.prev, .arrowsprev a:visited.prev{
  background:url(../../xven/img/previous.png) top left no-repeat;
  }
.arrowsprev a:hover.prev{
  background:url(../../xven/img/previoushover.png) top left no-repeat;
        cursor: pointer;
  }
/*button arrow*/
.cube1, .cube2 {
  background-color: #333;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
.loaderFx {
    width: 93px;
    margin: 85px auto;
    font-size: 0;
    position: relative;
    z-index: 16000;
}
table#fstable td a{
  color: #62a8ea;
}
.center{
  text-align: center;
}
.input-daterange .input-group {
    float: left;
    width: 50%;
}
.rpt-table{
  background: #fff;
  padding: 5px !important;
  margin: 0;
  border-radius: 3px;
}
.rpt-table table{
  margin: 0;
}
.rpt-table table td,.rpt-table table th{
  padding: 5px;
}
.rpt-table table{
  border-left: none;
  border-right: none;
}
.rpt-table .breadcrumb{
  float:  none !important;
  position: initial !important;
  top: 20px;
  right: 31px;
  text-transform: uppercase;
}
.breadcrumb li a{
  color:#444 !important;
}
.breadcrumb li:first-child a{
  color:#17a2b8 !important;
}
.print-lstng{
  font-style: italic;
}
.page-title span{
  font-size: 19px;
}
.modal-footer button.btn-default{
  font-weight: 500 !important;
}
.is-disabled{display: none}