@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,700;0,900;1,500&display=swap');

body {
   margin: 0;
   font-family: 'Raleway', sans-serif;
}

.bx-wrapper{
   height: calc(100% - 110px);
}

.dash-left-col.fx-card .pie{
   border: 0;
}
.dash-left-col.fx-card .pie h3 em{
   font-style: normal !important;
}
.graphy.white{
   min-height: unset;
   max-height: unset;
   padding: 0 !important;
   /* background-color: transparent !important; */
}
.ui-tabs{
   box-shadow: none !important;
}
.graphy.white .ui-tabs{
   margin: 20px 0;
}
.graphy.white .ui-tabs canvas{
   /* margin: 40px 0 0 0 !important; */
} 
.graphy.white .bx-viewport{
   margin: 50px 0 0 0;
}
form.valign-middle{
   height: auto !important;
}

.trmf_frm .table_wrapper ul.row.margin_zero.pdn-none{
   margin: 0 0 25px 0 !important;
}

.trmf_frm .table_wrapper ul.row.margin_zero.pdn-none .btn{
   float: right;
   margin: 35px 0 0 0 !important;
}


#example.displays thead tr th{
   background: rgba(233, 42, 80) !important;
}
#example.displays thead, #example.displays thead tbody td{
   color: #fff !important;
   font-size: 13px;
   font-weight: 600;
   text-transform: uppercase;
}
#example.displays thead .datatbltxtaln, #example.displays thead tbody .datatbltxtaln{
   padding: 8px 5px !important;
   border-color: #fff;
}

#example.displays td{
   padding: 4px 5px;
}

.form-wrapper.wrap.clr{
   padding: 30px 45px 15px 45px;
   min-height: 100%;
   height: auto;
   z-index: 500;
   display: flex;
   justify-content: center;
   align-items: center;
}

.bx-wrapper .bx-viewport, .bx-wrapper .bx-viewport .bx-wrapper, .bx-wrapper .bx-viewport .bx-clone{
   height: 100% !important;
}

.bx-wrapper .bx-viewport li{
   width: 100%;
   height: 100%;
   background-size: cover !important;
   background-position: center !important;
   position: relative;
   padding: 1em;
}

.bx-wrapper .bx-viewport .overlay-box{
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(34, 34, 34,.4);
}

.lft-menu-bar .avater-wrapper{
   background: #e92a50;
}

.lft-menu-bar{
   position: fixed;
   min-height: 100vh;
   z-index: 1;
}


.dash-left-col .dash_tabs{
   /* max-height: calc(100vh - 170px) !important; */
   overflow-y: scroll;
}

.top-header{
   padding: 10px 0;
}

.top-header #corplogo{
   height: 40px !important;
   width: auto !important;
}

.slider-wrapper.clr .form-wrapper.wrap.clr{
   background: #CB3339 !important;
}

.form-wrapper.wrap .Forgot-lnk{
   margin-top: 13px !important;
}

.row.side-nav ul li a.active{
   background: #e92a50;
}
ul.actionMessage{
   padding: 2px;
}

/* .row.footer{
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
} */

.top-nav{
   position: relative;
}

.footer .col3{
   width: 33.33% !important;
   text-align: center;
   display: none;
}
.trequatro{
	width:60% !important;
}
.footer .copyright{
   font-size: 14px;
   height: auto !important;
}

.avater-wrapper .menu_logo{
   height: 45px;
   width: auto;
   margin-top: 15px;
}

.right-section .div-aligner{
   padding: 100px 30px 0 30px;
}

.dash_tabs{
   /* max-height: 100% !important; */
}

.forex_listing .col7c_2{
   width: 100%;
}

.right-section .div-aligner{
   padding-bottom: 70px;
}

.dash-widgets .custom-widget .w-title{
   font-size: 11px;
   font-weight: 600;
   text-transform: uppercase;
   margin: 0 0 20px 0;
}
.dash-widgets .custom-widget{
   background: #fff;
   padding: 20px;
   border-radius: 5px;
   box-shadow: 10px 25px 30px -17px rgb(189 189 189 / 66%);
   -webkit-box-shadow: 10px 25px 30px -17px rgb(189 189 189 / 66%);
   -moz-box-shadow: 10px 25px 30px -17px rgb(189 189 189 / 66%);
   margin: 15px 10px;
   height: 200px;
}
.dash-widgets .custom-widget .icon-box{
   width: 90px;
   height: 90px;
   float: left;
}
.dash-widgets .custom-widget img{
   width: auto;
   height: auto;
   max-height: 100%;
   max-width: 100%;
}
.dash-widgets .custom-widget .val-box{
   display: flex;
   justify-content: flex-start;
   margin: 0;
   width: 100%;
}
.dash-widgets .custom-widget .val{
   font-size: 30px;
   color: #eb204b;
   font-weight: 400;
   font-size: 21px;
   font-family: 'Oswald', sans-serif;
   float: left;
   margin: 0;
}
.dash-widgets .custom-widget .link{
   margin: 20px 0 0 0;
   text-decoration: none;
   color: #000;
   font-size: 13px;
   font-weight: 600;
   /* text-align: right; */
   display: block;
   width: 100%;
}
.dash-widgets .custom-widget .link:hover{
   color: #eb204b;
}

.clearfix {
   *zoom: 1;
}

.clearfix::after, .clearfix::before{
   display: table;
   content: "";
   line-height: 0;
}
.clearfix::after{
   clear: both;
}

.dash_tabs{
   box-shadow: 19px 17px 30px 4px rgba(171,165,165,0.7);
   -webkit-box-shadow: 19px 17px 30px 4px rgba(171,165,165,0.7);
   -moz-box-shadow: 19px 17px 30px 4px rgba(171,165,165,0.7);
   border-radius: 5px;
}
.dash_tabs .forex_listing .fnt_clre2{
   width: auto;
   float: left;
   margin: 0 15px 0 0;
}

.dash_tabs .forex_listing.header{
   background: gray;
   padding: 10px 5px 10px 5px;
   color: white;
}
.dash_tabs .forex_listing.header .fnt_clre, .dash_tabs .forex_listing.header .fnt_clre2{
   color: #fff !important;
}
/*fix for inline forex buy and sell table */

.dash_tabs .forex_listing .fnt_clre{
   border: 0 !important;
   float: right !important;
   width: 25%;
   text-align: left;
}

ul.dash-widgets li{
   width: calc(50% - 30px) !important;
   margin: 10px 10px;
   float: left !important;
}

.col2 .blck.fntsze1{
   display: none !important;
}

ul.dash-widgets .dash-main-icon-wrapper.min_hgt{
   border: 0;
}

.company_list .clr.acctvisible .dash-main-icon-wrapper{
   margin-bottom:  0 !important;
}

.f-l{
   float: left;
}

.dash-main-icon-wrapper .text-box p{
   width: 100%;
}
.dash-main-icon-wrapper .stats-mrg{
   margin-bottom: 0;
}

.accnt_cta a:hover{
   color:#fff !important;
}

.head_wrap .icon-box{
   display: none;
   color: #fff;
}

.company_list{
   width: 100%;
}
.company_list .clr.acctvisible{
   width: 32.333%;
   margin-right: 1%;
   float: left;
}

.company_list .clr.acctvisible p{
   font-size: 13px;
}

.company_list .clr.acctvisible .white{
   position: relative;
   /* height: 200px; */
}

.company_list .clr.acctvisible .dash-main-icon-wrapper{
   margin: 0 0 0 0;
}

.company_list .clr.acctvisible .white .accnt_cta {
   /* position: absolute; */
   /* bottom: 10px; */
}

.company_list .clr.acctvisible p em{
   font-weight: 600;
   font-style: normal;
   font-family: 'Oswald', sans-serif;
   float: right;
}

.rgt.header-logos{
   margin: -20px 20px 0 0;
   position: absolute;
   top: 0;
   right: 5px;
   /* display: none; */
}

.resize_overlay {
   /* width: 33% !important; */
}

.white{
   background: #fff !important;
}


.corp_custom_logo{
   width: 45px !important;
   height: 45px !important;
   border-radius: 50%;
   display: block;
   margin: 7px 0 0 0;
}


.custnameletterbanner.corp_custom_name{
   /* position: absolute; */
   /* right: 5px; */
   /* bottom: 50%; */
   /* height: 14px !important; */
   /* width: 200px !important; */
   margin: 0 !important;
   /* line-height: 12px !important; */
   /* text-align: right; */
   font-size: 1em;
   font-weight: bold;
   float: left !important;
   text-transform: uppercase;
}

.transfers-wrap .col2{
   height: auto;
   width: 100%;
   margin: 0 0 18px 0;
}



.transfers-wrap .trfer-sub{
   background: transparent !important;
   padding: 0 !important;
   margin: 0 0 0 5px !important;
}

.row.side-nav ul li a{
   color: #fff !important;
}

#mainform .trmf_frm ul li.row{
   width: 100% !important;
   margin: 10px 0 !important;
}
#mainform .trmf_frm ul li{
   /* width: calc(50% - 10px) !important; */
   padding: .5em;
}
#mainform .trmf_frm ul li.lft{
   padding-right: 0 !important;
}
#mainform input.acother{
   font-family: 'Bliss2' sans-serif !important;
}

.label-style1 {
   margin: 15px 0 0 0 !important;
}


.slct.mrg-zero{
   font-weight: 600;
}
label.padding_spacer span:before{
   content: "" !important;
}

.dash-left-col.rgt .dash_tabs .forex_listing{
   /* border-bottom: 0 !important; */
}
.dash-left-col.rgt .dash_tabs .ui-widget-content{
   border: 0 !important;
}
#bdy_load{
   position: fixed;
   z-index: 10000;
   background: rgba(37, 45, 48,.85);
   color: #fff;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}
#bdy_load .app-loader{
   display: flex !important;
   width: 100%;
   height: 100%;
   justify-content: center;
   align-items: center;
}
#bdy_load .app-loader .logo{
   width: auto;
   height: auto;
   max-width: 400px;
   max-height: 400px;
}
#bdy_load .app-loader .txt{
   text-align: center;
   font-weight: 600;
   margin: 30px 0 0 0;
   font-size: 18px;
}
.flick {
   opacity: 1;
   animation: flick 1.5s linear infinite alternate;
}

@keyframes flick {
   0%   {opacity: 1;}
   100% {opacity: .3;}
}

.fade-enter-active, .fade-leave-active {
   transition: opacity .3s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
   opacity: 0;
}
#mainform .icon-calendar_icon style_input{
   font-family: 'Bliss2' sans-serif;
}

#mainform .lft.col2, #mainform .rgt.col2{
   /* width: auto !important; */
   /* padding: 0; */
   /* float: right; */
}
.trmf_frm .table_wrapper .full .halfy{
   width: auto !important;
   padding: 0;
   float: right;
}
.trmf_frm .table_wrapper .full .halfy:first-child {
   margin-right: 4%;
}

.login_err .errorMessage{
   padding: 4px 10px;
}

#mainformp .overlay-content.resize_overlay .add_card{
   padding: 3% 10.5% 5% 10.5% !important;
}

#mainformp .overlay-content.resize_overlay .add_card .lft{
   float: right !important;
   margin-left: 3%;
   width: 46%;
}

#mainform .filter-header{
   background: #fff;
   border-bottom: 0;
   padding: 20px 0;
}

#mainform .filter-header .filter-header-srch{
   margin: 0 !important;
}

#mainform .filter-header .filter-header-srch .benif_opt{
   padding: 0;
}

.accnt_dtl_spa .spn_accnt_dtl, .accnt_dtl_spa .spn_accnt_dtl .ctaz_mrgn_btn {
   /* margin-right: 5% !important; */
}

.third .col2.dtls_accnt{
   width: 100% !important;
}

.account-hist .pay{
   position: unset !important;
}
.account-hist .full.title_head{
   padding: 0 !important;
   margin: 0 0 20px 0;
}

.account-hist .full .title_head1{
   padding: 10px !important;
   position: unset !important;
   margin: 0 0 20px 0 !important;
   border-radius: 4px !important;
}

.account-hist .full .title_head1.profmgt{
   background: transparent !important;
   padding: 15px !important;
}
.account-hist .full.brd .favs{
   margin: 30px 0 0 0;
}
.account-hist .footie .btn{
   margin: 10px 0 !important;
   float: right;
}

#mainform .btn{
   margin: 0 10px 0 0;
   display: inline-block;
   float: left;
}
/* Table Styles */
.fx-card{
   padding: 15px;
   margin: 15px 0 10px;
   border-radius: 5px;
   background: #fff;
   box-shadow: 10px 25px 30px -17px rgb(189 189 189 / 66%);
   -webkit-box-shadow: 10px 25px 30px -17px rgb(189 189 189 / 66%);
   -moz-box-shadow: 10px 25px 30px -17px rgb(189 189 189 / 66%);
}
.fx-card .title{
   font-size: 14px;
   font-weight: 600;
   margin: 0 0 10px 0;
   text-transform: uppercase;
   display: block;
   /* border-bottom: 1px solid #e7e7e7; */
}
.fx-table .dataTables_length {
  float: left;
  margin: 0;
}
.fx-table .dataTables_length label{
  font-size: 13px;
  font-weight: 600;
}
.fx-table th {
  padding: 14px 14px !important;
}
.fx-table tr {
  /* padding: 0 15px !important; */
}
.fx-table td {
  /* padding: 12px !important; */
  color: hsl(150, 1%, 46%);
  text-align: center;
  border: 1px solid #e1dddd;
  background: none !important;
  font-size: 14px;
}
.fx-table .dataTables_filter {
  padding: 10px 0;
  float: right;
}
.fx-table .dataTables_filter input {
  padding: 6px 12px;
  border: solid 1px #DEDEDE;
  border-radius: 4px;
  float: right;
  margin: 5px 0 20px -10px;
}
.fx-table .current {
  /* background: #c4c4c4 !important; */
}
.fx-table .paginate_button {
  padding: 10px 12px;
  cursor: pointer;
  background: #eaeaea;
  color: #000;
}
.fx-table .previous {
  border-radius: 4px 0 0 4px;
  background: #d0d0d0;
}
.fx-table .next {
  border-radius: 0 4px 4px 0;
  background: #d0d0d0;
}
.fx-table .paginate_button:hover {
  text-decoration: none;
  background: #c1c1c1;
}
.fx-table .ellipsis {
  cursor: pointer;
  padding: 10px 15px;
  background: #eaeaea;
}
.fx-table .dataTables_info {
  padding: 30px 10px 30px 15px;
  display: inline-block;
}
.fx-table .dataTables_paginate {
  padding: 30px 10px 30px 15px;
  display: inline-block;
  float: right;
}
.fx-table tbody tr:nth-of-type(even) {
  background-color: #F9FAFB;
}
.fx-table tbody tr:nth-of-type(odd) {
  /* background-color: #fff; */
}
tfoot {
  background: #d4d4d5;
}
/* End of Table Styles */
.authorize_transfer {
    background-color: #f8f8fa;
    width: 70%;
    padding: 10px 30px;
    font-size: 12px;
    height: 100%;
}
.balance-wrap {
    background-color: #eb204b;
    width: 30%;
    float: left;
    color: #fff;
    height: 100%;
    position: relative;
}
.o-hidden{
	overflow: hidden;
}
.l-1{
	    line-height: 23px;
	    font-size:14px;
}
.mr-1{
	margin-right:1em;
}

.mr-2{
	margin-right:2em;
}
@media (min-width: 1643px){
   .company_list .clr.acctvisible{
      width: calc(33.33% - 30px) !important;
      margin: 15px;
   }
   .sigle-account ul li{
      width: 33.33% !important;
   }
}

@media (max-width: 1050px){
   .dash_tabs .forex_listing .fnt_clre{
      width: calc(50% - 20px);
      float: left !important;
      text-align: left;
      margin: 10px 0 0 0;
   }
   .dash_tabs .forex_listing .blck2.fnt_clre2{
      width: 100%;
   }
   .lft-menu-bar{
      display: none;
   }
   
   .right-section, .head_wrap{
      width: 100%;
   }

   .head_wrap .icon-box{
      display: inline-block !important;
      margin: 20px;
      font-size: 24px;
      float: left;
   }

   .lft-menu-bar{
      position: fixed;
      width: 300px;
      z-index: 2000;
      overflow-y: scroll !important;
   }

   .sigle-account ul li{
      width: 100% !important;
   }
   .dash-widgets .custom-widget{
      width: calc(100% - 40px) !important;
   }
}



@media (max-width: 845px){
   .right-section .div-aligner{
      padding: 70px 0 0;
   }
   .company_list .clr.acctvisible .dash-main-icon-wrapper{
      margin: 0 0 5px 0;
   }
   .company_list .clr.acctvisible .white .accnt_cta {
      position: relative;
   }
   .company_list{
      display: block;
   }
   .company_list .clr.acctvisible .col2f{
      width: 100%;
      margin: 5px 0;
   }
   .dash-left-col .dash_tabs{
      max-height: 100% !important;
      overflow-y: auto !important;
   }
   .dash-right-col.lft{
      width: 100%;
   }
   .dash-left-col.rgt.clr{
      width: 100%;
      margin: 20px 0 0 0;
      padding: 0 0 0;
   }
   .company_list .clr.acctvisible{
      width: calc(100% - 30px) !important;
      margin: 15px;
   }
   .dash-left-col.fx-card .pie .mrg-zero{
      max-width: 100% !important;
   }

   .dash_tabs .forex_listing .fnt_clre{
      width: 100%;
   }

	.bx-wrapper{
      height: 300px !important;
   }

   .slider-wrapper.clr .form-wrapper.wrap.clr{
      max-width: 100% !important;
      width: 100%;
      position: relative;
      left: 0;
      height: auto;
      right: 0;
      padding: 50px 30px;
   }

   .slider-wrapper.clr .form-wrapper.wrap.clr #mainform{
      height: auto !important;
   }

   .footer .col3{
      width: 100% !important;
      text-align: left;
   }

   .slider-wrapper.clr .form-wrapper.wrap.clr #mainform .lock-icon, .slider-wrapper.clr .form-wrapper.wrap.clr #mainform .user-icon, .slider-wrapper.clr .form-wrapper.wrap.clr #mainform .campany-name{
      background-position: 2% !important;
   }

   .form-wrapper.wrap.clr{
      height: auto !important;
      min-height: auto !important;
   }
   .sigle-account ul li{
      width: 100% !important;
   }
   .dash-widgets .lft, .dash-widgets .rgt{
      width: calc(100% - 20px) !important;
   }

   .dash-widgets .lft .blck.lft, .dash-widgets .rgt .blck.lft{
      width: 100% !important;
   }

   .dash-widgets .requests_pending{
      margin: 10px 0;
   }

   .dash-widgets .requests .rgt{
      width: 100% !important;
   }
   .dash-widgets .lft, .dash-widgets .rgt{
      width: calc(100% - 20px) !important;
   }

   .dash-widgets .lft .blck.lft, .dash-widgets .rgt .blck.lft{
      width: 100% !important;
   }

   .dash-widgets .requests_pending{
      margin: 10px 0;
   }

   .dash-widgets .requests .rgt{
      width: 100% !important;
   }

   #mainform .trmf_frm ul li{
      width: calc(100% - 10px) !important;
   }

   .account-hist .full .pay.profmgt li.halfy{
      width: 100%;
   }
   .third{
      width: 100% !important;
   }
}

@media (max-width: 750px) {
   .table-responsive{
         overflow: unset !important;
   }
   .table-responsive thead {
      display: none;
   }
.pie_data_keys ul {
    width: 100%;
}
   .table-responsive tr {
      /* display         : block; */
      /* margin-bottom   : 1.5rem; */
      /* padding         : 1rem 0.2rem 0.5rem 0.2rem; */
      background-color: transparentize(white, 0.15);
      /* border-bottom   : dashed 1px #aaa; */
   }

   .table-responsive tr:last-child {
      border-bottom: 0;
   }

   .table-responsive td {
      display         : block;
      /* width: 100% !important; */
      /* white-space:
      nowrap !important; */
      /* margin          : 1.25rem 1.25rem 1.25rem 0 !important; */
      /* padding         : 4px; */
      text-align      : left !important;
      background-color: transparent;
      border          : 0;
      position        : relative;
      padding-top     : 15px;
      /* width: calc(100% - 1.25rem); */
      /* font-size  : 14px !important; */
   }

   .table-responsive tbody tr:nth-of-type(even) {
      background-color: #fff;
   }

   .table-responsive td:empty {
      display: none;
   }

   .table-responsive td:before {
      content  : attr(data-label) "";
      /* position : absolute; */
      top      : 1px;
      font-size: 13px !important;
      float: left;
      float      : left;
      margin: 0 1em;
      /* padding    : 0.625rem 0.5rem 0.625rem; */
      font-weight: bold;
      /* line-height: 13px; */
      text-transform: uppercase;
      display: inline-block;
   }
}

.dataTables_length select {
   background: #eff3f6;
   border: none;
}
.big-num{
   float: left;
   font-size: 2em;
   font-weight: bold;
}
.footie .btn {
   margin-top: 1em;
}


.dataTables_length select {
   background: #eff3f6;
   border: none;
}
.big-num{
   float: left;
   font-size: 2em;
   font-weight: bold;
}
.footie .btn {
   margin-top: 1em;
}
.row.side-nav {
    width: 100%;
    padding-top: 1em;
}
.trmf_frm ul.row p{
	    padding:0 0 0 10px !important;
}

.trmf_frm p{
	    padding:0 0 0 10px !important;
}

table.doctable {
  border-collapse: collapse;
  width: 96%;
  margin: 2em 2%;
}

table.doctable th, table.doctable td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #DDD;
  font-size: 13px;
}

table.doctable tr:hover {background-color: #D6EEEE;}
.card, .card.trmf_frm ul.row{
    padding: 2em 0em 2em 0em !important;
    border: none !important;
    background: white !important;
}


.swiftpop .btn {
    margin: 20px 20px 0 0;
}
.fefte {
    width: 50%;
}

.full{
	width: 100% !important;
}
 .halfy {
    width: 48%;
    float: left;
    margin: 0 1% 0 ;
}

.quatro{
  width: 25%;
  float: left;
    padding: 0 3% 0 0;
}

.third{
    width: 33.333%;
    float: left;
    padding: 0 5% 0 0;
}
.m-top-1{
	margin-top:0.7em !important;
}
.m-right-1{
	margin-right:0.7em !important;
}
.m-bottom-1{
	margin-bottom:0.7em !important;
}
.m-left-1{
	margin-left:0.7em !important;
}

.m-top-2{
	margin-top:1.5em !important;
}
.m-right-2{
	margin-right:1.5em !important;
}
.m-bottom-2{
	margin-bottom:1.5em !important;
}
.m-left-2{
	margin-left:1.5em !important;
}

.m-top-3{
	margin-top:2em !important;
}
.m-right-3{
	margin-right:2em !important;
}
.m-bottom-3{
	margin-bottom:2em !important;
}
.m-left-3{
	margin-left:2em !important;
}
.m-0{
	margin:0 !important;
}


.p-right-1 {
    padding-left: 1.5em;
}

h3.kichwa{
	text-transform: uppercase;
	font-size: 14px;
	background: #ffffff;
	padding: 0 1.5em;
	font-family: 'Oswald', sans-serif;
	width: 100%;
	float: left;
}
.small{
	font-size:13px;
}
.head1 {
    padding-top: 4%;
    padding-left: 8% !important;
}
.buttn {
    float: right;
    padding: 5% 8.2% !important;
}
.resend {
    color: #e62e53;
    padding: 0 0;
    margin: 10px 0 !important;
    font-size: 13px;
}
.side-nav svg {
    width: 35px !important;
    float: left;
    padding-right: 6%;
    padding-top: 0 !important;
    height: auto;
    margin-top: -3px;
    }

	.st0{fill:#d2d2d2 !important; }
	.st1{fill:#ffffff !important;}
.listitem  {
	width: 30%;
	display: inline-block;
}
tbody td {
    /* padding: 10px 0!important; */
    text-align: center;
}
a, a > span {
  position: relative;
  color: inherit;
  text-decoration: none;
  line-height: 24px;
}
a:before, a:after, a > span:before, a > span:after {
  content: '';
  /* position: absolute; */
  transition: transform .5s ease;
}
.hover-1 {
  text-decoration: none;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 12px;
  color: #e92a50;
}

.hover-1:hover {
  color: #ec803e;
}
.hover-1:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #ec803e;
  transform: scaleX(0);
}
.hover-1:hover:before {
  transform: scaleX(1);
}


.graphy canvas{
	width:1000px !important;
}

.icono {
    margin-top: 6px;
    float: left;
	font-size:2em;
	float:left;
}
.lbld {
    font-size: 12px;
    display: inline-block;
    padding: 0 1em;
    line-height: 3;
    float: left;
}

.add_active .st0, .add_active .st1{
	fill: #9A9A9A !important;
}
.trmf_frm  {
    margin-bottom: 1em;
}
.getfrmbene{
	width:50%;
	text-align:center;
	margin: 0;
}
.whitey{
	background:white;
}
.d-none{
	display:none;
}

.p-0{
	padding: 0 !important;
}

.p-1{
	padding:1em;
}

.p-2{
	padding:2em;
}
.pl-1{
	padding-left:1em;
}
.pl-20px{
	padding-left:20px;
}
.pt-1{
	padding-top:1em;
}
.pt-2{
	padding-top:2em;
}
.pl-2{
	padding-left:2em;
}
.pl-0{
	padding-left:0;
}
.pb-2{
	padding-bottom:2em !important;
}
.pb-1{
	padding-bottom:1em !important;
}
.ml-3m {
    margin:0 0 0 3em;
}

.mb-1m {
    margin-bottom: 1em ;
}

.mt-1m {
    margin-top:1em  ;
}

.mb-15m {
    margin:0 0 1.5em 0 ;
}
.mb-2m {
    margin:0 0 2em 0 ;
}
.mt-2m {
    margin:2em 0 0 0;
}
m-0{
	margin:0;
}
.ml-1em{
	margin-left:1em !important;
}
.bg-none{
	background:none !important;
}
.listedd {
	width: 100%;
	background: white;
	float: left;
	padding: 2em;
	border-radius: 5px;
	color: #838584;
	font-size: 13px;
}
.listedd li{
	display:inline-block;
	padding-bottom: 1em;
}
.border-btm{
	border-bottom: 1px solid #ccc;
}
.btn {
    background-color: #bdbdbd;
    color: #fff;
    font-size: 12px;
    border: none;
    padding: 8px 45px;
    cursor: pointer;
    margin-right: 20px;
}
.head_wrap .hambuger-icon {
    display: none;
    color: #fff;
}
.icon-cross {
    background: none;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -0.5em;
    padding: 1em;
    font-size: 1em;
    z-index: 9999;
    color: white;
    background: #d80f3a;
}
canvas, progress, video {
    display: inline-block;
    /* position: relative !important; */
    top: 6em;
}
.text-center{
	text-align:center;
}
.header-txt1 {
    color: #665c5e;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    margin: 0;
    padding: 20px;
}
.calc_form li input {
    font-size: 12px;
    float: left;
}
.overlay-content.ndogo {
    width: 50%;
    height: auto;
}
.overlay-content.ndogo input {
    position: absolute;
    bottom: 22px;
    left: 45px;
}
.pie_data_keys {
    margin-bottom: 10px;
    position: absolute;
    left: 0;
    width: 70%;
    top: 4em;
    /* margin: auto; */
}
.pie_data_keys ul {
    width: 100%;
}
.ui-tabs-vertical {width: 100%;}
  .ui-tabs-vertical .ui-tabs-nav {padding: .2em .1em .2em .2em;float: left;width: 10em;margin-top: 5em;text-align: left;}
  .ui-tabs-vertical .ui-tabs-nav li {clear: left;width: 100% !important;border-bottom-width: 1px !important;border-right-width: 0 !important;margin: 0 -1px .2em 0;}
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {padding-bottom: 0;padding-right: .1em;border-right-width: 1px;width: 100%;}
  .ui-tabs-vertical .ui-tabs-panel {padding: 1em;float: right;width: 43em;}
.ui-tabs-vertical .ui-tabs-nav li a {
    padding: 5px 0 5px 0.7em !important;
    width: 100%;
}


@media (max-width: 500px){
.trmf_frm ul li {
    width: 100%;
}
.fefte, .options_check{
	width:100%;
}
.statement_tabs_wrapper .ui-tabs .ui-tabs-nav li {
    float: left;
    width: 100%;
}
}


@media (max-width: 800px){
body {
    /* height: 100vh; */
    margin: 0;
    padding-bottom: 2em;
}
.authorize_transfer {
    background-color: #f8f8fa;
    width: 100%;
    padding: 10px 30px;
    font-size: 12px;
}

.balance-wrap {
    background-color: #eb204b;
    width: 100%;
    float: left;
    color: #fff;
    position: relative;
    height: auto;
}
.custnameletterbanner.corp_custom_name {
    padding-left: 1em;
}
.calculator_form ul li {
    float: left;
    width: 100%;
    padding: 20px;
	margin:0;
}	
.search-icon {
    right: 33px !important;
}
#mainform .btn {
    display: block;
    }
.halfy.sm-full{
	width:100%;
}
	.positionin .slct.mrg-zero{
		width:100% !important;
	}
	.header-trfer {
    padding-left: 1em;
}
.filter-header-srch li{
	width:100%;
	margin:1em 0 0;
}
.overlay-content {
    width: 85% !important;
    height: 100%;
    top: 2em;
}
}
@media (max-width: 1050px){
.head_wrap .hambuger-icon {
    display: inline-block !important;
    font-size: 24px;
    float: left;
}
}





	
		
.tooltip {
    position: absolute;
    display: inline-block;
    background: #e5e5e5;
    text-align: center;
    font-size: 1em;
    height: 30px;
    width: 30px;
    color: black;
    line-height: 30px;
    top: 12px;
    right: 8px;
    border-radius: 50%;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 175px;
  background-color: #000;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  line-height: 20px;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 13px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.tooltip.innertip {
    position: relative;
    display: inline-block;
    background: #e5e5e5;
    text-align: center;
    font-size: 1em;
    height: 30px;
    width: 30px;
    color: black;
    line-height: 30px;
    top: 0;
    right: 0; 
    border-radius: 50%;
}
	.posrel{
        position: relative;
    }
    
    .fcontroll{
	position:relative;
	}
	
	html {
    width: 100%;
    overflow-x: hidden;
}
.overlay-content h4 {
    margin-block-start: 0;
    padding-top: 2em;
    margin-block-end: 0;
}
.overlay-content table.dataTable thead .sorting, .overlay-content .fx-table td {
    color: black !important;
    font-size: 11px;
}
.pie{
	position:
	relative;
	height: 400px;
}
.pie_data_keys ul li {
    float: left;
    width: 43%;
    padding: 6px 10px;
    font-size: 12px;
    color: #333c48;
    text-align: left;
}
.graphy {
    width: 100%;
}
.graphy .bx-wrapper .bx-controls-direction a {

    z-index: 0;
}
.graphy .ui-helper-reset {
    z-index: 0;
}
.graphy .ui-state-active a {
    color: #ffffff;
}
.acdate {
	font-size:2em;
}

@media (max-width: 750px){
.pie_data_keys ul {
    width: 100%;
}
.pie_data_keys ul li {
    width: 100%;
}
.pie_data_keys {
    width: 100%;
}
.ball {
    padding: 1em !important;
}
.ball span.halfy {
    width: 100%; 
}
.listedd li {
    width: 100%;
}
}

.linkbtn {
    width: 100%;
    padding: 0.5em;
}