:root{
    --pcl:#304673;
    --fcl:#F1F0EB;
    --lcl:#FFFFFF;
    --w_col:#454545;
    --border:#5e5e5e5c;
}
:root{
    --inv:0;
    --fsize:13px;
    --Lspace:0px;
}

html,body{
    background: var(--fcl);
    margin: 0;
    font-family: sans-serif;
    overflow: hidden;
}
nav{
    background: var(--lcl);
    padding: 10px;
    height: 42px;
}
.logoxicon{
  font-size: 50px;
  color: var(--pcl);
}
.curencytab{
  position: absolute;
  right: 8px;
  background-color: var(--lcl)!important;
  color: var(--pcl)!important;
  border-bottom: 2px solid var(--lcl) !important;
  z-index: 1;
}
.crsym{
  margin: 0 8px!important;
  font-size: 17px;
}
.curencytab .icon-chevron-down{
  position: absolute;
  right: 4px;
  color: var(--pcl);
  opacity: .7;
}
.hide{display: none!important;}
.fl_sb{
    display: flex;
    justify-content: space-between;
}
.showprt{
  display: none;
}
.logo_div b{
    font-size: 24px;
    color: var(--pcl);
    margin-left: 3px;
}
.fl_c{
    display: flex;
    align-items: center;
    justify-content: center;
}
a{
    text-decoration: none;
}
.main70div{
  width: 70%;
  margin-top: 30px;
  position: relative;
  margin-left: 2%;
}
.maincldiv{
  display: flex;
  height: calc(100vh - 60px);
  overflow: auto;
  flex-wrap: wrap;
}
.invlinks a{
  margin: 0 11px;
  font-size: 16px;
  color: var(--pcl);
}
.invmainwrap{
    width: 96%;
    margin-left: 2%;
    margin-top: calc(1.5% + 10px);
}
span,td{
  color: var(--w_col);
}
.curencytab .dropdown{
  border: none;
}
.curencytab .select{
  padding: 0!important;
}
.curencytab .dropdown-menu{
  display: none;
  min-width: 250px;
  position: absolute;
  right: -16px!important;
  left: auto!important;
  top: 28px;
}
footer{
  background: var(--lcl);
  z-index: 2;
  color: var(--w_col);
  padding: 10px;
  font-size: 14px;
  margin-top: 50px;
}
footer a{
  color: var(--w_col);
}
.sidebar{
  width: 24%;
  margin-left: 2%;
  right: 2%;
  top: 126px;
  position: absolute;
}
.mninv{
    background: var(--lcl);
    padding: 1%;
    position: relative;
    min-height: 80vh;
    border-top: 2px solid var(--pcl);
    padding-bottom: 70px;
}

.incntb{
  background-color: var(--lcl);
  width: 66%;
  padding: 2% !important;
  line-height: 25px;
  color: var(--w_col);
}
h1{color: var(--pcl);}
.incntb h2{font-size: 18px;}
.incntb h3{font-size: 16px;}
.topbarinv{
    flex-wrap: wrap;
    color: var(--w_col);
}
.topbarinv > div,.topbarinv > label{
    background: var(--fcl);
    width: 30.5%;
    padding: 1%;
    margin-bottom: 1.5%;
}
.topbarinv > div.w{
    background: var(--lcl);
}

.logobrxup{
    border-radius: 5px;
    user-select: none;
    cursor: pointer;
}
.logobrxup > .icon-uploadlogo{
    opacity: .4;
    margin-right: 10px;
    font-size: 55px;
}
.txtc {
    color: var(--w_col);
}
.logobrxup .upltxt{
    line-height: 25px;
    text-align: center;
}
.s_18{
    font-size: calc(var(--fsize) + 4px);
}
.toplfbarxn input{
    margin-left: 7px;
    border-bottom: 2px solid var(--border);
}
.xformaddprd{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.xformaddprd input{
    padding: 6px;
    border: 1px solid var(--border);
    border-radius: 3px;
}
.xformaddprd input:nth-child(3){
    width: calc(98% - 6px);
}
.tr_row span{
    border-radius: 2px;
    text-align: center;
    margin: 2px;
}
.bodydiv .tr_row span{
    background:var(--lcl);
    color: var(--w_col);
}
.basictables{
    max-height: 400px;
    overflow: auto;
}
.basictables > .tr_row{
    position: sticky;
    top: 0px;
}
.basictables > .tr_row .ix::before{
    color: var(--lcl)!important;
}
.basictables > .tr_row span{
    background:var(--pcl);
    margin-top: 0;
    color: var(--lcl);
}
.tr_row{
    display: flex;
    justify-content: space-between;
}
.lrgicon{
  font-size: 150px;
  opacity: .5;
  color: var(--pcl);
}
.w25{width: 25%;}
.w30{width: 30%;}
.discamtx,.taxamtx{
  width: 40%;
  text-align: right;
}
.w10{width: 10%;}
.w100{width:calc(100% - 5px);}
.wid100{width: 100%!important;}
.w48 {width: calc(48% - 5px);}

.ib{
    outline: none;
    border: none;
    border-bottom: 1px solid var(--border);
    color: var(--w_col);
    padding-left: 5px;
    background: transparent;
}
.toplfbarxn > div{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 32px;
    position: relative;
}
input::placeholder {
    position: relative;
    top: -1px;
}
.m18{
    margin: 18px;
}
.mb7{
    margin-bottom: 7px;
}
.btmbarx p{
    text-align: center;
    background: var(--pcl);
    color:var(--lcl);
    border-radius: 2px;
    font-size: calc(var(--fsize) + 1px);
    padding: 2px;
    margin-top: 1px;
}
.btmbarx input,.btmbarx textarea{
    margin-bottom: 6px;
    font-size: var(--fsize);
    outline: none;
    letter-spacing: var(--Lspace);
}
[contenteditable]{
    min-width:50px;
    letter-spacing: var(--Lspace);
    outline-color: var(--border);
}

.toplfbarxn > div label{
  width: 40%;
  font-size: calc(var(--fsize) + 2px);
}
.toplfbarxn > div input{width: calc(55% - 7px);}

#prdcbody tr .add{
    display: none;
}
#prdcbody tr:last-child .del{
    display: none;
}

#prdcbody tr td:last-child .ix{
    position: relative;
    right: -4px;
    cursor: pointer;
}   

#prdcbody tr:last-child .add{
    display: inline;
}

.empt{
    width: 18px;
}
.w66_2{width: 66.2%;}
.w31{width: 31%;}
.w24_5{width: 24.5%;}
.wid49_5{width: 49.5%;}
#prdcbody tr td:nth-child(1){
    width: 33.6%;
}
#prdcbody tr td:nth-child(3){
    width: 13.1%;
}
#prdcbody tr td:not(.empt){
    border: 1px solid var(--border);
    line-height: 25px;
    outline: none;
    text-align: center;
    font-size: var(--fsize);
}
thead th:not(.empt) span{
  color: var(--lcl);
}
thead th:not(.empt){
    background-color: var(--pcl);
    color: var(--lcl);
    padding: 4px 0;
    font-weight: normal;
    font-size: calc(var(--fsize) + 1px);
}
.invfotterx{
    margin-top: 15px;
}
.fbarxin,.invfotterx{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.fbarxin > div{
    margin-bottom: 5px;
}
.fbarxin > div > span{
    width: 100%;
    display: inline-block;
    border: 1px solid var(--border);
    text-align: center;
    padding: 2px 0px;
}
.fbarxin > div > span:nth-child(1){
    background: var(--fcl);
    color: var(--pcl);
    height: 17px;
    border-bottom: none;
    font-size: calc(var(--fsize) + 1px);
}
.fbarxin > div > span:nth-child(2){
    height: calc(100% - 35px);
    min-height: 35px;
    outline: none;
    padding: 3px 0px;
    font-size: var(--fsize);
}
.foterxtotl > div{
    color: var(--w_col);
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    align-items: center;
}
.foterxtotl > div > span:nth-child(1){
    min-width: 22%;
    font-size: calc(var(--fsize) + 2px);
}

.foterxtotl input{
    width: 40%;
    border-bottom: 2px solid var(--border);
    text-align: right;
    font-size: var(--fsize);
    letter-spacing: var(--Lspace);
}

.foterxtotl input::-webkit-outer-spin-button,
.foterxtotl input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.tooglebtnx{
    position: relative;
    width: 59px;
    height: 16px;
    border: 1px solid var(--w_col);
    border-radius: 50px;
    padding: 1px;
    cursor: pointer;
    user-select: none;
  }
  
  .cssDot{
    position: absolute;
    width: 39px;
    height: 16px;
    background-color:  var(--w_col);
    border-radius: 50px;
    cursor: pointer;
    transition: 0.3s;
    left: 1px;
    top:1px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cssDot[status='right']{
    left:21px
  }
  .cssDot[status='right']::after{
    content: attr(tr);
  }
  .cssDot[status='left']::after{
    content: attr(fl);
    position: relative;
    top: -1px;
  }
  .cssDot::after{
    font-size: 11px;
    color: var(--lcl);
  }
  .cssDot[status='left']{
    left:1px
  }
  .lrgam{
    font-weight: bold;
    font-size: calc(var(--fsize) + 2px)!important;
  }
  .actLogo{
    background: var(--lcl)!important;
  }
  .actLogo .hdafl{
    display: none;
  }
  .mr8{
    margin-right: 8px;
  }
  .mr14{
    margin-right: 14px;
  }
  #flogoimg{position: relative;}
  .dellogo{
    position: absolute;
    background: var(--lcl);
    border: 1px solid #ff000038;
    padding: 3px;
    border-radius: 4px;
    top: -13px;
    display: none;
  }
  .actLogo:hover .dellogo{display:  inline;}

  input:-webkit-autofill,textarea:-webkit-autofill{
    transition: background-color 0s 600000s, color 0s 600000s !important;
    -webkit-box-shadow: 0 0 0px 1000px var(--fcl) inset;
  }
  #seting_wrapperx .tinput,.xformaddprd input{
    background: var(--lcl);
    color: var(--w_col);
  }

  textarea{
    resize: vertical;
    overflow: hidden;
    min-height: 34px;
  }
  .tabsx{
    display: flex;
    width: 100%;
    position: relative;
    top: 2px;
  }

  .tabsx > span{
    display: inline-block;
    background-color: var(--pcl);
    color: var(--lcl);
    border: 2px solid var(--pcl);
    padding: 6px 10px;
    margin-left: 8px;
    font-size: 14px;
    min-width: 115px;
    border-top-left-radius: 5px;
    cursor: pointer;
    border-top-right-radius: 5px;
    display: flex;
    align-items: center;
    transition: .2s;
  }
  .tabsx span[data]{
    display: flex;
    margin-right: 4px;
}
.tabsx .tbtn span{
  color: var(--lcl);
}
  .tabsx .tbtn .ix{
    color: var(--lcl);
    margin-right: 6px;
    font-size: 18px;
  }
  .tabsx > span.active span{
    color: var(--pcl);
  }
  .tabsx > span.active{
    background: var(--lcl);
    border-bottom: 2px solid var(--lcl);
    z-index: 1;
  }
  .tabsx > span.active .ix{
    color: var(--pcl);
  }
  .settingtabx{
    display: flex;
    padding: 1.5%;
    justify-content: space-between;
  }
  .settingtabx > div:nth-child(1){
    width: 22%;
  }
  .basebtn,.settingtabx > .sidesetingb span,.invbtnhis > span{
    display: block;
    border-radius: 6px;
    padding: 8px 1px;
    font-size: 15px;
    cursor: pointer;
  }
  .mninv[data="History"]{padding: 1% 3%;}
  .invbtnhis > span:hover{
    background: var(--pcl);
    color: var(--lcl);
  }
  .invbtnhis > span:hover .ix{
    color: var(--lcl);
  }
  .invbtnhis > span{
    border-radius: 3px;
    display: inline-block;
    border: 1px solid var(--w_col);
    padding: 6px 10px;
    margin: 6px;
  }
  .xbtn{
    border-radius: 6px;
    padding: 6px 15px;
    font-size: 14px;
    background-color: var(--pcl);
    color: var(--lcl);
    display: inline-block;
    margin: 6px;
    line-height:16px;
    cursor: pointer;
  }
  .themebtns .basebtn .ix{
    font-size: 18px;
  }
  .themebtns .basebtn{
    color: var(--w_col);
    border: 1px solid var(--w_col);
    min-width: 45%;
    padding: 8px 10px;
    display: flex;
    align-items: center;
  }
  .themebtns .basebtn.active{
    border: 2px solid var(--w_col);
    padding: 7px 9px;
  }
  .settingtabx > div:nth-child(1) span{
    border: 2px solid var(--pcl);
    margin-bottom: 8px;
    background: var(--pcl);
    text-align: center;
    font-size: 14px;
    color: var(--lcl);
  }
  .settingtabx > div:nth-child(1) span.active{
    color: var(--pcl);
    background: var(--lcl);
  }
  .settingtabx > div:nth-child(2){
    width: 71%;
    border: 1px solid var(--pcl);
    padding: 2%;
    border-radius: 3px;
}
.colorcont{
    width: 23%;
    display: flex;
    align-items: center;
}
.colorindi{
    display: flex;
    margin-right:6px;
}
.colorindi > span:nth-child(1){
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.colorindi > span:last-child{
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.colorindi > span{
    display: inline-block;
    width: 30px;
    height: 28px;
}
.colorcont > b{
  font-size: 14px;
  color: var(--pcl)!important;
}
.colorcont > span{
    border: 1px solid var(--pcl);
    color: var(--pcl);
    padding: 2px 5px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
}
.fontseting,.fontseting > div{
    display: flex;
}
.fontseting .select_cont{
    outline: none;
    padding: 4px;
    width: 48%;
}
.fontseting > div:nth-child(n+2) input{
    width: 100%;
    margin-left: 9px;
    padding-left: 8px;
    outline: none;
    border-radius:2px;
    border: 1px solid var(--border);
    height: 36px;
}
.f22{font-size: 22px;}
.f20{font-size: 20px;}

.fontseting > div:nth-child(n+2){
    width: 23.5%;
    display: flex;
    align-items: center;
}

  /*Styling Selectbox*/
.dropdown {
    width: 100%;
    outline: none;
    background-color: var(--lcl);
    border-radius: 2px;
    border: 1px solid var(--border);
    position: relative;
    font-size: 14px;
    color: var(--w_col);
    line-height:16px!important;
  }
  .dropdown .select {
      cursor: pointer;
      display: block;
      padding: 10px
  }
  .dropdown .select > b {
      font-size: 21px;
      color: #888;
      transition: all .2s ease-in-out;
      float: right;
      line-height: 10px
  }
  .dropdown.active .select > b {
    transform: rotate(-90deg);
    line-height: 15px
    }
  .dropdown.active:hover,
  .dropdown.active {
      border-radius: 2px 2px 0 0;
  }
  .dropdown-menu {
      position: absolute;
      background-color: var(--lcl);
      width: 100%;
      left: -1px;
      margin-top: 1px;
      border-radius: 0 1px 2px 2px;
      overflow: hidden;
      display: none;
      border: 1px solid var(--border);
      border-top: none;
      max-height: 200px;
      overflow-y: auto;
      z-index: 9
  }
  .dropdown-menu li {
      padding: 10px;
      transition: all .2s ease-in-out;
      cursor: pointer;
      border:1px solid var(--fcl)
  } 
  .dropdown-menu {
      padding: 0;
      list-style: none
  }
  .dropdown-menu li:hover {
      background-color: var(--fcl)
  }
  .dropdown-menu li.active {
      background-color: var(--fcl)
  }
  .dropdown.active .dropdown-menu{
    display: block;
  }
  .cln_bisn .bsnsdetail p{
    line-height: 25px;
  }
.cln_bisn textarea{
    margin-top: 7px;
    margin-bottom: 0px;
}

.cln_bisn .shpdetail{
    width: calc(100% - 14px)!important;
}
.tooglebtnx:has(> .checkcolr[status='right']) {
    background-color: var(--pcl);
}
.checkcolr[status='right']{
    background-color: var(--lcl);
}
.checkcolr[status='right']::after{
    color: var(--w_col)!important;
}
.tgl_wi_lbl{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 0;
    cursor: pointer;
    user-select: none;
}
.errinp{
  border-bottom: 1px solid #e36b6b;
}
.errinp::placeholder {
  color: #e36b6b;
  opacity: 1;
}
.visible {
  animation: movein 0.5s ease forwards, moveout 0.5s 5s ease forwards;
}
#notif.s{
  background: #106d64;
}
#notif::before{
  margin-right: 10px;
  font-weight: bold;
}
#notif.s::before{
  content: '✔';
}
#notif.e::before{
  content: 'ⓘ';
}
#notif.e{
  background: #e85a4f;
}
#notif {
  max-width: 250px;
  color: white;
  border-radius: 3px;
  font-size: 16px;
  padding:6px 14px;
  position: fixed;
  bottom: 60px;
  left: -264px;
}

@keyframes movein {
  from { left: -264px; }
  to   { left: 10px; }
}
@keyframes moveout {
  from { left: 10px; }
  to   { left: -264px; }
}

.sameascl{
  opacity: .7;
  pointer-events: none;
  user-select: none;
}
.scl_9{
  scale: .9;
}
.tgl_wi_lbl > span{
    margin-left: 7px;
    font-size: 14px;
    color: var(--w_col);
    opacity: .9;
}
.cln_bisn .bsnsdetail{
    width: 46.5%;
    line-height: 32px;
    background: var(--fcl);
    padding: 7px;
}

.dvtblrow{
    display: flex;
    justify-content: space-between;
}
.pr_color{
    color: var(--pcl);
}
.dvtblrow > span:nth-child(1){
    width: calc(67% - 2px);
    padding-left: 6px;
}
.dvtblrow > span:nth-child(n+2) .ix{
    cursor: pointer;
}
.dvtblrow > span:nth-child(n+2){
    width: 11%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dvtblrow > span{
    background: var(--lcl);
    display: block;
    font-size: 14px;
    color: var(--w_col);
    margin: 2px;
    padding: 1px 3px;
    border-radius: 2px;
    line-height: 28px;
}
.scroldivhtx{
    max-height: 45vh;
    overflow: auto;
}

.sidebarbtns .ix {
  position: relative;
  top: 2px;
  color: var(--pcl);
}
.sidebarbtns > span {
  padding: 6px;
  cursor: pointer;
  margin: 1%;
  color: var(--pcl);
  display: inline-block;
  border-radius: 3px;
  border: 1px solid var(--pcl);
  min-width: calc(47% - 12px);
  text-align: center;
}
.writingsec{
  padding: 3%;
  color: var(--w_col);
  line-height: 23px;
}
.sidebar > div{
  background: var(--lcl);
  padding: 5px;
  border-radius: 2px;
  border-top: 2px solid var(--pcl);
  flex-wrap:wrap;
}
.sidebar > .adsection{
  margin-top: 15px;
  min-height: 640px;
  border: none;
}
.addivx{
  min-height: 300px;
  background:url('/static/img/ads_container.png');
  filter: invert(var(--inv));
  background-repeat:no-repeat;
  background-position:center;
  opacity: .6;
  background-size:240px 105px
}
.lgname{
  display: none;
}

.edtact::before{
  content: "\ea0d"!important;
  color: #e36b6b;
}
.dateinp {
  position: absolute;
  height: 20px;
  width: 20px!important;
  border: none!important;
  right: 4px;
}

.dateinp::-webkit-datetime-edit, .dateinp::-webkit-inner-spin-button, .dateinp::-webkit-clear-button {
  display: none;
}
.darkbody .dateinp{
  color-scheme: dark;
}
.dateinp::-webkit-calendar-picker-indicator {
  position: absolute;
  top: -2px;
  right: 0;
  font-size: 17px;
}
#loaderlayer{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: none;
  align-items: center;
  background: #1e1e1eb8;
  justify-content: center;
  right: 0;
  z-index: 999;
}
#loaderlayer.rotate{
  display: flex;
}
#loaderlayer.rotate span{
-webkit-animation: rotating .5s linear infinite;
}
#loaderlayer.rotate span{
  font-size: 50px;
  color: white;
}
@-webkit-keyframes rotating {
  from{
      -webkit-transform: rotate(0deg);
  }
  to{
      -webkit-transform: rotate(360deg);
  }
}
.xwrapsugest{
  position: absolute;
  background: var(--fcl);
  z-index: 3;
  color: var(--w_col);
  border-radius: 4px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.xwrapsugest p{
  margin: 0;
  padding: 10px;
  font-size: 14px;
}
.xwrapsugest p:hover{
  cursor: pointer;
  background: var(--fcl);
}
@media only screen and (max-width: 950px) {
  .main70div,.sidebar,.settingtabx > div:nth-child(2){
    width: 96%;
  }
  .tabsx > span{
    min-width:auto;
    margin-left: 4px;
    padding: 6px 8px;
  }
  .tabsx .tbtn .ix{
    margin-right: 0;
  }
  .topbarinv.fl_sb,.invfotterx,.settingtabx{
    flex-direction: column;
  }
  .topbarinv > div, .topbarinv > label{
    width: 98%;
    margin-bottom:3.5%;
  }
  .invfotterx .w66_2,.invfotterx .w31{
    width: 92%;
    padding:3%;
  }
  .adsection,.printxxbt,.curencytab .select small,footer,.tabsx .tbtn span:nth-child(2),.invlinks{
    display: none!important;
  }
  .sidebar > .sidebarbtns{
    position: fixed;
    width: calc(100% - 10px);
    left: 0;
    z-index: 3;
    bottom: 0;
  }
  .settingtabx > div:nth-child(1){width: 100%;    display: flex;
    flex-wrap: wrap;
    margin:24px 0;
}
.settingtabx > div:nth-child(1) span{
  min-width: 46%;
  margin: 1%;
}
.themebtns .basebtn{
  min-width: 41%;
}
#clientd > div,#businessd > div{
  width: 100%;
}
.prdfrm .w48{
  width: calc(98% - 6px);
}
.dmodex.color_wrap,#clientd,#businessd{
  flex-wrap: wrap;
}
.colorcont {
  width: 48%;
  margin: 3% 1%;
}
  .sidebarbtns > span{
    width: 94%;
    line-height: 4vh;
  }
  .logobrxup{
    margin-top: 5%;
    min-height: 103px;
    width: 90%!important;
    margin-left: 4%;
  }
}

/* /////////////////////////////////ICONS////////////////////// */

@font-face {
    font-family: 'icomoon';
    src:  url('/static/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  .ix {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  

  .icon-font-h:before {
    content: "\e90b";
  }
  .icon-font-v1:before {
    content: "\e900";
  }
  .icon-brush1:before {
    content: "\e901";
  }
  .icon-moon:before {
    content: "\e902";
  }
  .icon-sun:before {
    content: "\e903";
  }
  .icon-logo:before {
    content: "\e904";
  }
  .icon-theme:before {
    content: "\e905";
  }
  .icon-user1:before {
    content: "\e906";
  }
  .icon-setting:before {
    content: "\e907";
  }
  .icon-uploadlogo:before {
    content: "\e908";
    cursor: pointer;
    color: #106d64;
  }
  .icon-add:before {
    content: "\e909";
    color: #535353;
  }
  .icon-trash1:before {
    content: "\e90a";
    color: #e85a4f;
  }
  .icon-business-card:before {
    content: "\e90c";
  }
  .icon-error_outline:before {
    content: "\e90d";
  }
  .icon-brush:before {
    content: "\e90e";
  }
  .icon-cog:before {
    content: "\e90f";
  }
  .icon-user:before {
    content: "\e971";
  }
  .icon-user-plus:before {
    content: "\e973";
  }
  .icon-spinner9:before {
    content: "\e982";
  }
  .icon-cancel-circle:before {
    content: "\ea0d";
  }
  .icon-trash:before {
    content: "\e910";
  }
  .icon-download:before {
    content: "\f019";
  }
  .icon-print:before {
    content: "\f02f";
  }
  .icon-edit:before {
    content: "\f044";
  }
  .icon-pencil-square-o:before {
    content: "\f044";
  }
  .icon-plus-circle:before {
    content: "\f055";
  }
  .icon-check-circle:before {
    content: "\f058";
  }
  .icon-chevron-down:before {
    content: "\f078";
  }
  .icon-paper-plane:before {
    content: "\f1d8";
  }
  .icon-send:before {
    content: "\f1d8";
  }
  .icon-receipt_long:before {
    content: "\e912";
  }
  .icon-history:before {
    content: "\e94d";
  }
  .icon-invoice-svg:before {
    content: "\e911";
    position: relative;
    top: 1px;
  }