@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 1.) Global Typography
 ----------------------------------------*/
*, :before, :after{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 100%;
}
body {
  font-size: 62.5%;
  font-family: 'Work Sans', sans-serif;
  background:#f2f2f2;
}
button:focus {
    outline: none !important;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
td canvas{display: none;}
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.e__shop.table_lay{width: 100%;
    min-width: 1000px;}
.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}
.hidden{display: none;}
.clearfix {
  display: block;
}
.copySuccess{color: green;font-size: 14px;margin-top:5px; }
.closestate .sidebar_component {
  width: 72px;
}
.fa.fa-trash{color: red;}
.fa{margin-right: 6px !important;font-size: 18px;}
.closestate  .rightbox_component {
 
  padding: 72px 24px 15px 96px;

}

.closestate .header_component {
  width: calc(100% - 120px);

  left: 96px;
  
}
.b_wrapper input{outline: none;}
.react-tel-input .intl-tel-input .country-list{ width: 380px;}
.bankgroup .validate_error{outline: 0;
  border-width: 0 0 1px !important;
  border-color: red !important}
.disconnect a{color:#fff;}
.closestate .menu a {
  
  font-size: 0;
  line-height: 0;

  padding: 12px 0px;
  text-align: center;
}
.shop_edit .overview_component {
    border-radius: 16px;
    max-width: 100%;
    width:100%;
    margin-top: 30px;
}
.closestate .menu a i{
  margin:0;
}
.closestate .disconnect {
 
  font-size: 0;
  line-height: 0;
  padding: 13px 0;

}
.button-save{width: 100%; padding: 0 15px;}
.bankuser_pic i .profile_edit_icon{height: 56%;
    width: 30px;
    position: absolute;
    margin-left: 12px;}
.closestate .disconnect i {

  position: static;
 
  transform: none;
}

.closestate  .open_close_arrow {
  padding: 20px 0;
  text-align: center;
}
.closestate .open_close_arrow i {
  
  transform: rotate(180deg);
}
.closestate .logo_wrapper a.openlogo{
  display: none;
}
.closestate  .closelogo{
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Arial;
font-style: normal;
font-weight: bold;
height:70px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
}
.closestate .logo_wrapper{
  padding: 0;
}


@media only screen and (max-width:1229px){
  
}


/*Right Box*/

.rightbox_component {
  min-height: 100vh;
  background: #10C5FE;
  padding:72px 24px 15px 287px;
  position: relative;
}
.rightbox_content {
  height: 100%;
  background: #f2f2f2;
  border-radius:15px 15px 15px 15px;
  padding:24px;
  overflow: auto;
  min-height: calc(100vh - 87px);
}

@media only screen and (max-width:767px){
  .rightbox_component {
     
    padding: 50px 12px 8px 67px;
      
  }
  .rightbox_content{
      padding:0;
      background:transparent;
  }
  
  
}




/* Overview */
.overview_component{
  background: #FFFFFF;
  box-shadow: 0px 1px 16px 1px rgba(206, 206, 206, 0.36);
  border-radius: 16px;
  
  margin-bottom:48px;
}
.Toastify__toast-body{font-size: 12px !important;
    vertical-align: middle;
    text-align: center;
    color: #000 !important;}

.component_head span{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 47px;
  display:block;
  border-bottom:1px solid rgba(187, 194, 201, 0.5);
padding: 0 24px;
  color: #00526C;
}
.component_button_wrapper{
  
  
  display:flex;
  justify-content: flex-start;
 
  flex-wrap: wrap;
  padding:19px 13px 18px;
}
.component_button_wrapper button{
  width:145px;
  height:48px;
  line-height: 46px;
  display:block;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  background: #10C5FE;
  border-radius: 12px;
  border:1px solid #10C5FE;
  font-family: 'Work Sans', sans-serif;
  color:#fff;
  cursor: pointer;

  margin:5px 10px;
}
.component_button_wrapper button.active{
  background: #00526C;
  border:1px solid #00526C;

}

.card_wrapper
{
margin:0 0px;
padding:44px 0;
border-top: 1px solid rgba(187, 194, 201, 0.5);
text-align: center;
}

.card_cell {
  display:inline-block;
  vertical-align: middle;
  margin-right:5px;
  position: relative;
  width:227px;
  height: 224px;
}
.card_cell  figure , .card_cell  figure img{
  width:100%;
  height:100%;
}
.card_overlay{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.card_overlay i{
  display:block;
  margin:0 auto 5px;
  width:48px;
  height:48px;
}
.card_overlay i svg{
  width:100%;
  height:100%;
}
.card_overlay span{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
  display:block;
  margin:0 0 4px;
  color:#414042;

}
.fa.fa-star{color:#414042;}
.page_title a {color: #00526C;}
.card_overlay img{width:48%;height: 48px;}
.btn_add a{color: #fff;}
.page_title.active a{color: #00526C;}
.page_title a{color: #fff;}
.mainContainer .sales_overview_com .card_overlay strong span{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 42px;
  display: block;
  color: #414042;
}
.form-inline label{
  font-size:13px;
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  color:#000000;
}
.table td, .table th{
  font-size:12px;
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  color:#000000;
  text-align: center;
  border-top:5px solid#fff;
}
.table-striped thead tr th{
  text-align: center;
}
.table-striped thead tr th img{
  vertical-align: middle;
}
.table-striped tbody tr:nth-of-type(2n+1) , .table-striped tbody tr  {
  
  background-color: transparent;
}
.table-striped tbody tr:nth-of-type(2n+1) td , .table-striped tbody tr td{
  background-color: #F0F0F8;
}
.sales_list_wrapper .mt-1 {
  font-size:14px;
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  color:#000000;
  margin-top:12px !important;
}
.table-striped thead tr th:first-child , .table-striped tbody tr td:first-child{
  border-top-left-radius:20px  !important;
  border-bottom-left-radius:20px !important;
}
.table-striped thead tr th:last-child , .table-striped tbody tr td:last-child{
  border-top-right-radius:20px !important;
  border-bottom-right-radius:20px !important;
}
.table{
  min-width: 942px;
}
.table td p {
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}

.table_wrapper_list  .col-md-4.offset-md-4 .form-inline{
  justify-content: flex-end;
}


.mainContainer .table_wrapper_list {
  overflow: visible;
}
.input_wrapper{
  padding:16px 48px 24px 24px;
  position: relative;
}
.input_wrapper input{
  width:100%;
  height:32px;
  line-height: 31px;
  padding:0;
  border:none;
  border-bottom:1px solid rgba(0, 0, 0, 0.5);
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #000;
}
.input_wrapper input:focus
{
  outline: none;
}
.input_wrapper i {
  display:inline-block;
  width:24px;
  height:24px;
  position: absolute;
  top:20px;
  right:48px;
 cursor: pointer;
  z-index: 9999;
}
.input_wrapper i svg{
  height:100%;
  width:100%;
}

.overview_component_email{
  max-width:576px;
}

@media only screen and (max-width:1229px){
  .component_button_wrapper {
      
      justify-content: flex-start;

  }
}

@media only screen and (max-width:992px){
  .card_cell {
      display: block;
      margin: 0 auto 10px;
      
  }
  .card_cell figure{
      text-align: center;
  }
  .component_button_wrapper {
      justify-content: center;
  }
}


@media only screen and (max-width:767px){
  .component_head span {
      
      font-size: 14px;
      line-height: 50px;
      text-align: center;
     
  }
  .input_wrapper {
      padding: 21px 17px 41px 7px;
     
  }
  .input_wrapper i {
      
      width: 15px;
      height: 15px;
     
      top: 30px;
      right: 17px;
     
  }
  .input_wrapper input{
      width:calc(100% - 25px);
      font-size: 12px;
  }
  .component_button_wrapper{
      padding:0;
      margin-right:10px;
      display: block;
  }

  .btn_card_wrapper{
      padding:19px 17px 6px;
      display: flex;
justify-content: space-between;
flex-wrap: nowrap;
  }


  .component_button_wrapper button {
      width: 75px;
      height: 26px;
      font-size: 12px;
      line-height: 24px;
     padding:0;
      margin: 0 0 23px;
  }
  .card_cell{
      width:153px;
      height:121px;
      margin:0;
  }
  .card_wrapper {
      margin: 0;
      padding: 0;
      border-top: none;
  }
  .card_cell figure ,   .card_cell figure img{
      width:100%;
      height:100%;
  }
  .card_overlay i{
      width:25px;
      height:25px;
      margin:0 auto;
  }
  .card_overlay span{
      font-size:12px;
      /* color:#fff; */
  }
  .card_overlay strong{
      font-size:18px;
      line-height: 21px;
      /* color:#fff; */
  }
  /* .card_overlay i svg path{
      fill:#fff !important;
  } */
  .overview_component{
      margin:0 0 15px;
  }
  .overview_component:first-child{
      border-radius:0 16px 16px 16px;
  }
}


/* Bank Detail */
.bankdetail_card{
  padding:24px;
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.bankdetail_component{
  max-width: 100%;
}
.bankuser_pic {
  width: 108px;
  height: 108px;
  /* border-radius: 50%;
  overflow: hidden; */
  margin-right:20px;
  position:relative;
  overflow: visible;
}
.bankuser_pic  img{
  border-radius: 50%;
}
.bankuser_pic  input{
  position:absolute;
  width:100%;
  left:0;
  top:-7px;
  height:100%;
  z-index: 100000000;
  opacity: 0;
 cursor: pointer;
}
.input_cell select option:checked, option:hover, select:focus{
	background-color: #10C5FE;
}
.bankdetail_input_wrapper{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bankgroup{
  width:calc(33.33% - 22px);

}
.bankgroup input{
  width:100%;
  height:32px;
  line-height: 30px;
  padding:0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color:#000;
  font-family: 'Work Sans', sans-serif;
  border:1px solid transparent;
  border-bottom:1px solid rgba(0, 0, 0, 0.5);
}
.bankgroup input:focus
{
  outline: none;
}
.bankuser_detail {
  width: calc(100% - 128px);
}

.b_wrapper{
  margin: 39px 0 0;
  text-align:center !important;
}
.save_btn{
  display:inline-block;
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  font-size: 18px;
  color:#FFF;
  height:48px;
  line-height: 46px;
  padding:0 24px;
  background: #FFAF83;
  border-radius: 24px;
  border:1px solid #FFAF83;
}
.bankdetail_component .btn_card_wrapper{
flex-wrap: wrap;       
}
.table td a {
  color: #000;
}

/* Table Style */
table.dataTable thead th{
  border-bottom:8px solid #fff;
  padding:12px 18px;
}

table.dataTable tbody td {
  padding: 6px 24px;
  vertical-align: middle;
}
.table_lay tbody tr td:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 25px;
}
.table_lay tbody tr td:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 25px;
}
.table_lay thead tr th:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 25px;
}
.table_lay thead tr th:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 25px;
}
body  #example_paginate span {
 
  line-height: 22px;
  display: inline-block;
  border-bottom: none;
  padding: 0;
  color: #000;
  border: none;
  font-size: 14px;
  font-weight: 400;
  
}
body .paginate_button.previous  {
  line-height: 22px;
  display: inline-block;
  border-bottom: none;
  padding: 0;
  color: #000 !important;
  border: none;
  font-size: 14px;
  font-weight: 400;
padding:0 10px !important;
  background: rgba(187, 194, 201, 0.37)  !important;
border-radius: 15px 0px 0px 15px !important; 
border:1px solid transparent !important;
float: left;
margin:0;
}
.paginate_button.next{
  line-height: 22px;
  display: inline-block;
  border-bottom: none;
  padding: 0;
  color: #000 !important;
  border: none;
  font-size: 14px;
  font-weight: 400;
padding:0 10px !important;
  background: rgba(187, 194, 201, 0.37)  !important;
border-radius: 0px 15px 15px 0px !important; 
border:1px solid transparent !important;
margin:0;
float: left;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
  margin:0  !important
}
body #example_paginate span{
  margin:0;
  float:left;
}
.paging_simple_numbers{
  overflow: hidden;
}
body #example_paginate span a , body  .products_paginate span .paginate_button
{
  padding: 0;
background: rgba(187,194,201,0.37);
color: #000 !important;
display: block;
border: none;
width: 24px;
line-height: 24px ;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  border:none !important;
  padding:0 !important;
  line-height: 24px !important;
  width: 24px;
}
.component_head .dataTables_wrapper .dataTables_paginate.paging_simple_numbers span{
  padding: 0;
}
.component_head .dataTables_wrapper span {
  font-family: 'Work Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
display: inline-block;
border-bottom: none;
padding: 5px 12px;
color: #00526C;
float: left;
}

.dataTables_wrapper .dataTables_filter input:focus{
outline: none;
  }
#example_paginate {
  margin: 7px 0 0;
}
table.dataTable.no-footer {
  border-bottom: none;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background:rgb(43 197 251) !important;
  color: #fff !important;
}
body #example_paginate span a.current{
  color:#fff !important;
}
.dataTables_wrapper .dataTables_info{
  font-size: 14px;
  color:#000;
  font-weight: 400;
  margin-top:0px;
}
#example_length, #example_filter, .dataTables_length , .dataTables_filter {
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: 400;
  color:#000;
}
body #example_paginate span a{
  display: inline-block;
}
.table_wrapper_list{
  overflow: auto !important;
  overflow-y: hidden !important;
}
.dataTables_wrapper{
  min-width: 880px;
}
.product_delete{
  display: inline-block;
}
.product_image{padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; width:100%;margin-top: 10px;}
table.dataTable.no-footer {
  border-bottom: none;
  
}
.sales_list_wrapper .active{
  color:#fff !important;
}
.star-container{
  padding-right: 0 !important ;
}
.star-container svg {
  width: 30px !important;
  height: 30px !important;
}
.bankuser_pic img{
  max-width: 100%;
  max-height: 100%;
}

@media only screen and (max-width:992px){
  .bankgroup {
      margin:0 0 20px;
      width: 100%;
  }
  .b_wrapper{   
      margin:0;
  }
}
@media only screen and (max-width:767px){
  .bankuser_pic {
      width: 85px;
      height: 85px;
      margin: 0 0 12px;
  }
  .bankuser_pic img{
      width:100%;
      height:100%;
  }
  .bankuser_detail {
      width: 100%;
  }
  .bankgroup {
      
      margin: 0 0 27px;
  }
  .bankgroup input {
      width: 100%;
      height: 24px;
      line-height: 22px;
    
      font-size: 12px;
     
  }
  .b_wrapper {
    
      text-align: center;
  }
  .save_btn {
     
     
      line-height: 23px;
      padding: 0 26px;
      
  }
  .bankdetail_component .btn_card_wrapper {
      padding: 40px 9px 20px 13px;
  }
}


/* Sidebar */
.sidebar_component{
  position: fixed;
  height: 100%;
  overflow: auto;
  left:0;
  top:0;
  background: #00526C;
  width:264px;
  z-index: 1;
}

.closelogo{
  display: none;
}
.logo_wrapper{
  padding:17px 28px 14px 27px;
  border-bottom: 1px solid rgba(159, 171, 182, 0.55);
  margin:0 0 12px;
}

.logo_wrapper a.openlogo{
  width:209px;
  height:41px;

  display: inline-block;

}

.logo_wrapper a img{
  width:100%;
  height:100%;
 
}

.menu a{
  display:block;
  color: #FFF;
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  font-family: 'Work Sans', sans-serif;
  padding:12px 24px;
opacity: .8;
}
.menu a:hover , .menu a.active
{
  color:#fff;
  background: #10C5FE;opacity: 1;

}
.menu a i {
  display:inline-block;
  width:24px;
  height:24px;
  vertical-align: middle;
  margin-right:24px;
}
.menu a i svg .menu a i img{
width:100%;
height:100%;
}
.menu a i svg path{
  fill: #BBC2C9 !important;
}
.menu a:hover i svg path  , .menu a.active i svg path{
  fill: #fff !important;
}

.disconnect
{
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #BBC2C9;
  padding:26px 18px 26px;
  border-top: 1px solid rgba(159, 171, 182, 0.55);
  border-bottom: 1px solid rgba(159, 171, 182, 0.55);
  text-align: left;
  position: relative;;
}
.disconnect i {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 18px;
    vertical-align: middle;
}
.disconnect i svg{
  width:100%;
  height:100%;
}
.open_close_arrow {
  padding:21px 20px 18px;
  text-align: right;
}
.open_close_arrow i {
  display:inline-block;
  width:32px;
  height:32px;
}
.menu {
  min-height: calc(100% - 220px);
}


@media only screen and (max-width:767px){
  .sidebar_component{
      width:60px;
  }
  .logo_wrapper a.openlogo{
      display:none;
  }
  .closelogo {
      display: flex;
      align-items: center;
      justify-content: center;
    
      text-decoration: none;
      
  }
  .logo_wrapper {
      padding: 0;
      
      margin: 0 0px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .menu a {
    
      font-size: 0px;
      line-height: 8.21px;
     
      padding: 10px 0;
      text-align: center;
     
  }
  .menu a i {
      display: block;
      width: 15px;
      height: 15px;
      margin: 0 auto 7px;
  }
  .menu a i img{

    width:14px;
    
  }
 
  .open_close_arrow{
      display:none;
  }
  .disconnect{
      font-size:0px;
      padding:14px 0 16px;
	  text-align: center;
  }
  .disconnect i{
      width:20px;
      height:20px;
      left:50%;margin-right: 0;
  }
  .disconnect i img{
      width:100%;
      height:100%;
  }
}


/* Top Header */
.header_component {
  background: #10C5FE;
  position: absolute;
  width: calc(100% - 311px);
  height: 72px;
  top: 0;
  left: 287px;
  display: flex;
justify-content: flex-start;
z-index: 99;
}
.page_title{
display:inline-block;
width:192px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 21px;
text-align: center;
font-family: 'Work Sans', sans-serif;
color: #00526C;
text-decoration: none;
line-height: 72px;
}
.page_title svg{
  display:none;
}
.page_title.active {
  background: #f2f2f2;
  position: relative;
}
.left_corner {
    position: absolute;
    bottom: 0;
    left: -13px;
}
.page_title.active:first-child .left_corner{
	display: none;
}
.page_title.active svg{
  display:block;
}
 .courbe-left {
  position: absolute;
  right: 123px;
  bottom: 0px;
}
.courbe-right {
  position: absolute;
  right: -14px;
	bottom: 0px;
}
.page_title i {
display: none;
}
.header_right_box {
  background-color: #10C5FE;
  height: 100%;
  width: 100%;
  /* border-radius: 0 0 0 15px; */
  text-align: right;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.flag_icon{
  display:inline-block;
  width:32px;
  height:32px;
}
.flag_icon svg{
  width: 100%;
  height:100%;
}

.notification{
  display:inline-block;
  width:24px;
  height:24px;
  margin-right:40px;
  position: relative;
}


.notification_list{
  width: 288px;
  border-radius: 12px;
  position: absolute;
  right: -30px;
  top: 38px;
  background: #EDEDED;
  display:none;
}
.notification_list:after{
  content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 10px solid #EDEDED;
position: absolute;
right: 37px;
top: -10px;
}


.notification_list.active{
  display:block;
}
.notification_cell{
  padding:11px 12px 0;
  border-bottom:1px solid  rgba(187, 194, 201, 0.5);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.notification_cell figure{
	width:36px;
	height:36px;
	border-radius: 50%;
	overflow: hidden;
	margin-right:8px;
}
.labeltext{
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.notification_cell figure img{
  height:100%;
  width:100%;

}
.notification_text {
  width:calc(100% - 44px);
}
.notification_text p{
  font-style: normal;
  text-align: left;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  font-family: 'Work Sans', sans-serif;
  color: #000000;
}
.notification_text small{
  display:block;
  text-align:right;

  font-family: 'Work Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 20px;
text-align: right;

color: #414042;
}
.notification span{
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-family: 'Work Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 9px;
  line-height: 15px;
  text-align: center;
  position: absolute;
  top: -9px;
  left: 12px;
  background: red;
  color: #fff;
}
.notification svg{
  width:100%;
   height:100%;
}
.title_icon{
  display:none;
}


.mainContainer .overview_component.sales_view_component .table_wrapper_list{
  overflow: auto;
}
.overview_page_style .page_title {
  
color: #fff;
background: #10C5FE;
border-radius: 0 0 15px 0;
}
.overview_page_style .rightbox_content{
  border-radius: 20px;
}

.overview_page_style .order__view {
  background: #F2F2FA;
  border-radius: 0;
  margin-left: 0;
  position: static;
  width: 192px !important;
  text-align: center !important;
  font-size: 18px;
  color: #000;
  font-weight: 500;
}
.overview_page_style .header_component{
  flex-wrap: wrap;
  background:#f2f2f2;
}
.overview_page_style .header_right_box {
  
  width: calc(100% - 384px);
}
.rightbox_content{
  background:#f2f2f2;
}





.menu li{
  position:relative;
}
.menu .submenu li a {
  background: #10C5FE;
  border-bottom: 1px solid #f2f2f2;
}
.accordin_icon {
  position: absolute;
  right: 20px;
  top:17px;
  margin: -6px 0 0;
}
.submenu {
  transition: 0.5s ease;
  height: 0;
  overflow: hidden;
  
}
.menu li.active .submenu{
  height:88px;
}
.accordin_icon span{
display:inline-block;
background-color: #947f7f;
}
.accordin_icon .sec_line{
  height: 10px;
  width: 2px;
  position: absolute;
  top: 9px;
  right: 4px;
}
.menu li.active .accordin_icon .sec_line{
  display:none;
}
.accordin_icon .first_line{
  height: 2px;
  width: 10px
}

.rightbox_content.bank_page {
 
  min-height: calc(100vh - 87px);
}

.product_image {
  padding: 0;
  background-color: transparent;
  border: 1px solid #dee2e6;
  border-radius: 10px;
  max-width: 90px;
  width: auto;
  margin-top: 10px;
}

.grand_total{
  border-radius:20px;
  padding:16px 200px 16px 24px;
  text-align:right;
  margin-top:20px;
  background: #00526C;

}
.grand_total span{
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    text-align: left;
    line-height: 16px;
    color: #fff;
    font-family: 'Work Sans', sans-serif;
    margin: 0 7px;
    margin-left: 3px; 
  }

.com_bank_head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-bottom:1px solid  rgba(187, 194, 201, 0.5);
  padding:12px 31px 13px 22px;
}
.component_head.com_bank_head span {
 
  line-height: normal;
 font-size:18px;
 color:#00526C;
 font-weight:500;
  border-bottom: none;
  padding: 0;

}
.current_status {
  width: 113px;
  background: #A7001E;
  border-radius: 16px;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.current_status_user {
  width:137px;
  background: #A7001E;
  border-radius: 16px;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.current_status i {
  display: inline-block;
  margin-right: 10px;
}

.current_status_pending {
  width: 113px;
  background: #FFAF83;
  border-radius: 16px;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.current_status_pending i {
  display: inline-block;
  margin-right: 10px;
  vertical-align: sub;
}
.approved_current_status {
  width: 113px;
  background: #7EE274;
  border-radius: 16px;
  text-align: center;
  line-height: 32px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.approved_current_status i {
  display: inline-block;
  margin-right: 10px;
  vertical-align: sub;
}
.bg-c3.img-cir.img-40 img{width: 40px; height: 40px; border-radius: 50%; overflow: hidden; }
.bankdetail_card{
  padding:24px 22px 24px;
}
.bankuser_pic{
  margin-right:48px;
}
.bankuser_detail {
  width: calc(100% - 156px);
}
.bankgroup {
  width: calc(33.33% - 25px);
  margin: 0 0 16px;
}
.bankgroup .flag-select {
  position: relative;
  display: inline-block;
  vertical-align: inherit;
  padding-bottom: 0;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 400;
}
.react-tel-input .form-control {
  position: relative;
  font-size: 14px;
  letter-spacing: .01rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 48px;
  margin-left: 0;
  border: none;
  border-radius: 5px !important;
  line-height: 30px !important;
  height: 32px !important;
  width: 100% !important;
  outline: none;
  border-radius: 0px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.react-tel-input .flag-dropdown {
  position: absolute;
  top: 0;
  bottom: 4px;
  padding: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.form-control:focus{
  box-shadow: none;
}
.bankuser_pic i {
 cursor: pointer;
  width: 24px;
  height: 24px;
  /* border-radius: 50%;
  background: #BBC2C9; */
  z-index: 1;
  top: 6%;
  position: absolute;
  right: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transform: translate(50%, -50%);
  cursor: pointer;
}
.bankuser_pic i .profile_edit_icon {
  height: auto;
  width: auto;
  position: absolute;
  margin-left: 0;
  max-width: 100%;
  max-height: 100%;
  border-radius: 0;
}
.status_notification{
  margin:0 0 24px;
  background: #A7001E;

/* Encart */
box-shadow: 0px 1px 16px 1px rgba(206, 206, 206, 0.36);
border-radius: 16px;
padding:16px;
font-size:14px;
font-weight:600;
color:#fff;
line-height: 16.42px;
}
.approved_status_notification{
  margin:0 0 24px;
  background: #7EE274;

/* Encart */
box-shadow: 0px 1px 16px 1px rgba(206, 206, 206, 0.36);
border-radius: 16px;
padding:16px;
font-size:14px;
font-weight:600;
color:#fff;
line-height: 16.42px;
}
.status_notification_pending{
  margin:0 0 24px;
  background:#FFAF83;

/* Encart */
box-shadow: 0px 1px 16px 1px rgba(206, 206, 206, 0.36);
border-radius: 16px;
padding:16px;
font-size:14px;
font-weight:600;
color:#fff;
line-height: 16.42px;
}

.status_notification.one
{
  background: #E99F76;

  /* Encart */
  box-shadow: 0px 1px 16px 1px rgba(206, 206, 206, 0.36);

}
.status_notification.two
{
  background: #7EE274;

/* Encart */
box-shadow: 0px 1px 16px 1px rgba(206, 206, 206, 0.36);
}






.rightbox_component .card-body{
padding:0;
}
.card-heading{
  background: #fff;
  padding: 10px 20px;
  border-bottom: 1px solid #e3e4e6;
}
.card-heading h1{
  font-size:18px;
  font-weight:600;
  color:#00526C;
}


.card_wrap {
  display: flex;
  justify-content: space-between;
  align-content: stretch;
}
.card{
  height:100%;
}
.au-task.js-list-load {
  padding: 0px;
  margin:0 0 10px;
  /* border-bottom: 1px solid rgba(0,0,0,.125); */
  /* height: calc(100% - 33px); */
}
.card_wrap_cell {
  width: calc(50% - 20px);
}
.au-task__item-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.top5img.user img {
  max-width: 100%;
  max-height: 100%;
  width:auto;
  height:auto;
}
.avatar-wrap{
  margin-right:8px;
  width:40px;
}
.text .task {
  margin: 0 0 10px;
}
.text .task a , .text .task a:hover {
  font-size: 14px;
  text-decoration: none;
  color: #00526C;
  font-weight: 600;
}
.text .time{
  font-size: 12px;
  color: #faaf83;
  font-weight: 400;
  display: inline-block;
  text-transform: uppercase;
}
.au-task-list.js-scrollbar3{
  padding: 5px 10px;
background: #f2f2fa;
border-radius: 50px;
}
.card_wrap_cell_product .au-task.js-list-load:last-child{
  border-bottom: none;
}
.card_height {
  max-height: 400px;
  overflow: auto;
  padding:10px 20px;
}
.card_wrap_cell_profile .top5img img {
  width: 40px;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
}

.add_product_box{
  padding: 0 15px;
margin: 0 0 25px;
position: relative;
width:100%;
}
.add_product_box label {
  font-weight: 300;
  color: #333;
  margin-bottom: 20px;
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 1.625;
}
.product_table_wrapper{
overflow: auto;
}
.product_table_wrapper table{
width:100%;
min-width: 686px;
}
.product_table_wrapper tr td{
padding:10px;
}
.product_table_wrapper input {
  width: 100%;
  display: block;
  padding: 9px 11px;
  font-size: 15px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  font-weight: 300;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}
.product_table_wrapper table th{
   font-size:18px;
   font-weight:600;
   color:#000;
   padding:10px 10px;
   border-top:1px solid #ced4da;
   border-bottom:1px solid #ced4da;
}
.left__product {
  width: 100%;
}
.card_wrap_cell_product .avatar-wrap {
  margin-right: 8px;
  width: 70px;
  height: 40px;
}
.card_wrap_cell_product .top5img.user , .card_wrap_cell_product .top5img.user img{
  width:78%;
  height:100%;
}
.card{
  border-radius:20px;
  overflow: hidden;
}
.email-dropdown, .notifi-dropdown {
    top: 49px !important;
    left: unset !important;
    right: -37px !important;
}
.email-dropdown::before , .notifi-dropdown::before{
    right: 38px !important;
    left: unset !important;
}
.overflow {
    overflow-y: auto;
    height: 320px;
}
.overflow a:hover{
	text-decoration: none;
}
@media only screen and (max-width:1340px){
 /*  .page_title.active svg {
    display: none;
} */
}
@media only screen and (max-width:1200px){
	.bankuser_pic {
		top: 0px !important;
	}
	.bankgroup {
		width: calc(50% - 25px);
		margin: 0 0 16px;
	}
	.bankdetail_component .btn_card_wrapper{
	  align-items: flex-start;
	}
	.card_wrap_cell {
	  width: calc(50% - 10px);
	}
	.au-task-list.js-scrollbar3 {
	  padding: 10px 15px;
	}
}

@media only screen and (max-width:992px){
  .email-dropdown::before, .notifi-dropdown::before {
		right: 6px !important;
		left: unset !important;
	}
	.email-dropdown, .notifi-dropdown {
		top: 39px !important;
		left: unset !important;
		right: 0px !important;
	}
	.mainContainer .sales_overview_com .search_box input{
    padding-right:35px;
  }
  .form-inline .form-control{
    width:120px;
  }
  .overview_page_style .page_title , .overview_page_style .order__view{
    width:150px  !important;
    font-size:14px; 
    display: flex;
justify-content: center;
align-items: center;
padding: 0 5px;
  }
  .overview_page_style .header_right_box {
    width: calc(100% - 300px);
}
.grand_total {
 
  padding: 16px 100px 16px 24px;

}
.bankgroup {
  width: 100%;

}
.card_wrap{
  flex-wrap: wrap;
}
.card_wrap_cell {
  width: calc(100% - 10px);
  margin: 0 auto 20px;
}


.add_product.shop_edit .input_cell.eshop {
  width: 100%;
  padding: 0;
  margin: 0 0 10px;
  position: relative;
}
}






@media only screen and (max-width:767px){
	
  .header_component {
    background: #fff;
position: absolute;
width: calc(100% - 76px);
height: 50px;
top: 0;
left: 67px;
     
  }
	.page_title {
		width: 105px;
		font-size: 10px;
		line-height: 50px;
	}
  .notification {
      
      width: 20px;
      height: 20px;
      margin-right: 9px;
    
  }
  .notification_list{
      width:230px;
      top:32px;
  }
  .notification_list::after{
      right:35px;
  }
  .notification_text p{
      font-size:11px;
      line-height: 1.2;
  }
  .notification_cell{
      padding:5px 12px;
  }
  .notification_text small{
      font-size: 9px;
      line-height: 1.2;
  }
  .notification_cell figure {
      width: 30px;
      height: 30px;
      margin-right: 5px;
  }
  
  .title_icon {
      display: block;
      height: 15px;
      width: 15px;
      margin: 0 auto 10px;
    
  }
  .title_icon svg{
      vertical-align: top;
      display: inline-block;
  }
  .page_title{
      line-height: normal;
      padding:7px 0;
	  background-color: #10C5FE;
  }

  .page_title i {
    display: block;
    }
    .overview_component_email{
      max-width:100%;
    }
	.page_title a {
		line-height: 30px;
		padding: 20px 10px;
	}
 
    

  /* Table */


  .sales_list_wrapper .mt-1{
    text-align:center;
    /* margin:0 0 26px; */
  }
  .sales_list_wrapper .btn-group{
 display: flex;
  }
  .form-inline .form-control{
    width:100px;
    margin:8px 0;
  }
  
  .rightbox_content{
    overflow: visible;
	padding: 15px;
  }
  .search_box i{
    top:0;
  }


  .overview_page_style .page_title , .overview_page_style .order__view{
    width:90px  !important;
    font-size:12px; 
    padding: 0 5px;
word-break: break-all;

  }
  .overview_page_style .header_right_box {
    width: calc(100% - 180px);
}




.btn_card_wrapper{display:block;}

.component_button_wrapper{margin-right:0;}
.component_button_wrapper button {
  width: 100%;
  height: 30px;

  line-height: 28px;

  margin: 0 0 15px;
}
.card_cell {
  width: 100%;
  height: auto;
  max-width: 300px;
  margin: 0 auto;
}
.closestate .menu a i {
  margin: 0 auto;
}
.component_button_wrapper button{
  width: 168px;
height: 48px;
line-height: 46px;
margin: 0 auto 15px;
font-size: 16px;
}
.bankuser_pic {
  width: 96px;
  height: 96px;
  margin: 0 auto 12px;
}

.component_head span {
  font-size: 15px;
  
  font-weight: 500;
  text-align: left;
  border-bottom: none;
}
.grand_total {
  text-align: center;
  padding: 16px 0;
}
.grand_total span{
  margin:0 5px;
}
.sales_view_component .trabnsition_wrapper {
  padding: 0 10px 20px;
}
.bankuser_detail {
  width: 100%;
}
.bankuser_pic {
  width: 75px;
  height: 75px;
  margin: 0 auto 26px;
}
.bankgroup{
  margin:0 0 26px;
}
.bankdetail_component{
  margin:0 0 50px;
}
.com_bank_head{
  padding: 8px 8px 7px;
}
.current_status{
  margin-top:10px;
}
.status_notification {

  padding: 16px 12px;
  font-size: 12px;
 margin:0 5px 25px;
  line-height: 14.42px;
}
.p_wrapper {
  padding-bottom: 25px;
  padding-top: 5px;
}
.card-heading{
  padding:10px;
}
.card-heading h1{font-size:14px;}
.au-task-list.js-scrollbar3 {
  padding: 5px 10px;
}

.avatar-wrap{margin-right:10px;}
.text .task a, .text .task a:hover , .text .time{font-size:14px;}
.add_product {
  padding: 10px 0;
}
.add_product_title{
  font-size:16px;
  padding:10px;
}
.add_product.shop_edit .input_cell.eshop {
  width: 100%;
  padding: 0;
  margin: 0 0 10px;
  position: relative;
}
.product_bottom{
  padding:10px;
}
.accordin_icon {
    position: absolute;
    right: 20px;
    top: 17px;
    margin: -6px 0 0;
    display: none;
}
}
.mainContainer .sales_component{
 max-width:100%;
}
.table_lay tbody tr td{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    vertical-align: middle;
    line-height: 35px;
    font-family: 'Work Sans', sans-serif;
    background: #F0F0F8;
    color: #000000;
    padding: 0px 24px;
    text-align: left;
    border-bottom: 8px solid#fff;
}

.sales_total{font-size: 36px !important; margin-top:10px !important;}
.card_overlay strong span{font-size: 25px !important; margin-top:10px !important;}
.order__view{background: #4846a9;
    border-radius: 0 0 0 15px;
    margin-left: 140px;
    position: absolute;
}
.search_icon{cursor: pointer;}
.message{color:green;}
.error__message{color: red; font-size: 13px; margin-top: 3px;position: absolute;} 
.table_lay thead tr th{

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    line-height: 16px;
    background: #10C5FE;
    color:#fff;
    padding:16px 24px;
    font-family: 'Work Sans', sans-serif;
    border-bottom: 8px solid#fff;
}
.table_lay {
    width: 100%;
}
.sales_list_wrapper{
    padding: 24px;
}
.table_wrapper_list {
    margin:0 0 16px;
}


.table_lay tbody  tr td:first-child { border-top-left-radius: 20px;border-bottom-left-radius: 20px; }
.table_lay tbody  tr td:last-child { border-top-right-radius: 20px; border-bottom-right-radius: 20px;}


.table_lay thead  tr th:first-child { border-top-left-radius: 20px;border-bottom-left-radius: 20px; }
.table_lay thead  tr th:last-child { border-top-right-radius: 20px; border-bottom-right-radius: 20px;}


.pagination_wrapper{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.overview_component .pagination_wrapper span{
    display:inline-block;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color:#000;
    font-family: 'Work Sans', sans-serif;
    border-bottom: none;
    padding:0 0 0 24px;
}


.pagination_count{
display: flex;
background: rgba(187, 194, 201, 0.37);
border-radius: 15px;
}
.pagination_count li{
    display: inline-block;
}
.pagination_count li a{
    display: inline-block;
    font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
color:#000;
font-family: 'Work Sans', sans-serif;
width: 24px;
text-align: center;
}

.pagination_count li:last-child a , .pagination_count li:first-child a{
    width:72px !important;
}
.pagination_count li.active a
{
    box-shadow: inset 0px 1px 16px rgba(0, 0, 0, 0.25);
    background-color: #4741A9;
    color:#fff;
}


.table_filter{
    display:flex;
    justify-content: space-between;
    margin:0 0 20px;
}
.search_box{
width:168px;
position: relative;

}

.search_box i {
    position: absolute;
    width:20px;
    height:20px;
    right:0;
    bottom:6px;
}
.search_box i svg{
    width:100%;
    height:100%;
}

.search_box input{
height:32px;
border:1px solid transparent;
border-bottom:1px solid  #BBC2C9;
line-height: 30px;
font-style: normal;
font-weight: normal;
font-size: 14px;
font-family: 'Work Sans', sans-serif;
color:#BBC2C9;
width:100%;
}
.search_box input:focus{
    outline: none;
}

.component_head .result span{
    font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 15px;
display:inline-block;
color:#000;
font-family: 'Work Sans', sans-serif;
width:auto;
border-bottom:none;
padding:0 4px;
}


.select_count_number{
    width:60px;
    text-align: left;
    font-style: normal;
    font-family: 'Work Sans', sans-serif;
    color:#000;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    height:32px;
    padding-right:28px;
    border:none;
    border-bottom:1px solid #000;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
}

.result{
    position:relative;
}
.result i {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 40px;
    bottom: 7px;
}
.result i svg{
    height:100%;
    width:100%;
}



/* sales_view_component */

.mainContainer .sales_view_component{
max-width: 100%;
}

.sales_view_component h5{
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color:#000;
    padding:28px 0;
}
.sales_view_component .trabnsition_wrapper {
    padding: 0 24px 48px 24px;
}
.sales_view_component .trabnsition_wrapper .table_lay tbody tr td{
    vertical-align: middle;
}
.sales_view_component .table_lay{
    min-width:884px;
}
.mainContainer .sales_view_component .status_info {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    font-family: 'Work Sans', sans-serif;
    color: #000;
    background: #7EE274;
    border-radius: 16px;
    display: inline-block;
    padding: 0 10px;
}
.status_info.canceled{background: #F44336 !important;}
.status_info.pending{background: #df7f40 !important;}
.status_info.schedule{background: #FFC107 !important; color: #795548 !important; font-weight: 700;}
.status_info.on_transit{background: #6d190a !important; color: #fff !important; font-weight: 700;}
.status_info.confirmed{background: #764fb7 !important; color: #fff !important; font-weight: 700;}

@media only screen and (max-width:767px){
    .overview_component .pagination_wrapper span {
        font-size: 12px;
        padding: 0;
        width: 100%;
        margin: 0 0 10px;
    }
    .pagination_count{
        margin: 0 auto;
    }
    .sales_view_component h5 {
       
        font-size: 12px;
       text-align: center;
        padding: 17px 0;
    }
    .sales_view_component .trabnsition_wrapper {
        padding: 0 34px 21px 34px;
    }
}
.mainContainer .earn_component{
  max-width:100%;
}
.table_lay a{color: #000000;text-decoration: none;}
.mainContainer .earn_component .status_info{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    font-family: 'Work Sans', sans-serif;
    color:#000;
    background:#7EE274;
    border-radius: 16px;
    display:inline-block;
    padding:0  10px;
}
.sales_list_wrapper .inactive{  
    background: #bd2130;
    color: #fff !important;
    border-radius: 10px;
    font-size: 12px;
    border-color: #bd2130;
    vertical-align: middle;
    padding: 5px 12px;
    font-weight: 700;
}
.sales_list_wrapper .active{  background:#3a8038;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    border-color: #3a8038;
    vertical-align: middle;
    padding: 5px 12px;
    font-weight: 700;
}
.banner__image{width:40%}
.sales_list_wrapper .role.reseller {
    background: #FF9800;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    border-color: #FFC107;
    vertical-align: middle;
    padding: 5px 12px;
    font-weight: 700;
}
.sales_list_wrapper .role.manager {
    background: #ff5722;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    border-color: #ff5722;
    vertical-align: middle;
    padding: 5px 12px;
    font-weight: 700;
}
.left__product .table-striped thead tr th img {display: none}
.product_edit{width: 25px; vertical-align: middle; display: inline-block;}
.product_delete{cursor: pointer;}
.table-striped thead tr th{

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    line-height: 16px;
    background: #4741A9;
    color:#fff;
    padding:16px 24px;
    font-family: 'Work Sans', sans-serif;
    border-bottom: 8px solid#fff;
}
.mainContainer .table_wrapper_list{
    overflow: auto;
}
.mainContainer .sales_overview_com{
    max-width:552px;
}
.mainContainer .sales_overview_com .card_cell {
    margin:0;
    width: 193px;
    height: 159px;
}
.mainContainer .sales_overview_com .card_cell img{
    width:100%;
    height:100%;
}
 .mainContainer .sales_overview_com .card_overlay span{
    font-size:12px;
    line-height: 14px;
}
.mainContainer .sales_overview_com  .card_overlay i{
    width:24px;
    height:24px;
}
.mainContainer .sales_overview_com .card_wrapper{
    padding: 5px 0 26px;
    border-top: none;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;


    
}
.mainContainer .sales_overview_com .search_box {
    width: 225px;
    position: relative;
    margin-left: 83px;
    margin-top: 10px;
}
.mainContainer .sales_overview_com  .search_box input{
    color:#000;
}
.mainContainer .sales_overview_com  .table_lay
{
    min-width:1000px;
}


@media only screen and (max-width:992px){
    .mainContainer .sales_overview_com .card_cell {
      
        width: 400px;
       
    }
    .mainContainer .sales_overview_com .search_box {
        width: 300px;
      
        margin-left: 10px;
       
    }
    .sales_list_wrapper {
        padding: 24px 12px;
    }
    .overview_component .pagination_wrapper span {
       
        font-size: 12px;
        
        padding: 0;
    }
    .pagination_count li:last-child a, .pagination_count li:first-child a {
        width: 60px !important;
    }
    .pagination_count li a{
        font-size:12px;
    }
    .table_lay {
        width: 100%;
        min-width: 1000px;
    }
}
 .component_head table td span{line-height: normal;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-weight: 400;
    width: auto;
    padding: 0 5px 0 0;font-size: 16px;} 
@media only screen and (max-width:767px){
    .mainContainer .sales_overview_com .card_cell{
        width: 100%;
margin-top: 33px;
    }
    .mainContainer .sales_overview_com .card_wrapper{
        width: 100%;
        position: relative;
        display: block;
    }
    .mainContainer .sales_overview_com .search_box {
        width: 300px;
        margin-left: 0;
        position: absolute;
        top: 0;
        left: 50%;
        margin:0;
        transform: translateX(-50%);
    } 
    .bankdetail_component {
        max-width: 100%;
        border-radius: 0 15px 15px 15px !important;
    }
    .mainContainer .sales_overview_com .search_box{
        width: 126px;
    }
    .mainContainer .sales_overview_com .search_box input{
        font-size:12px;
        line-height: 24px;
    }
    .mainContainer .sales_overview_com .btn_card_wrapper{
        padding:10px 0 17px;
    }
    .mainContainer .sales_overview_com {
        margin: 0 0 21px;
    }
    .search_box{
        width:110px;
    }
    .search_box input{
        height:24px;
        line-height: 23px;
    }
    .search_box i{
        bottom:auto;
    }
    .select_count_number{
        line-height:25px;

    }
    .select_count_number{
        width:40px;
        padding-right:0;
    }
    .component_head .result span{
        padding:0 4px;
    }

    .result i {
      
        left: 25px;
        bottom: 6px;
    }
    .table_filter{
        align-items: center;
    }
    .table-striped tbody tr td {
        
        padding: 4px 24px;
       
        vertical-align: middle;
    }
    .overview_component .pagination_wrapper span {
        font-size: 12px;
        padding: 0;
        margin: 0 0 26px;
    }
    .sales_list_wrapper{
        padding-bottom:100px;
    }
}
#wrapper {}

.container {
  max-width: 1054px;
  width: 100%;
  margin: 0 auto;
}

.add_product {
  padding: 16px 43px 16px 32px;
}

.flex_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top:4px;
}
.add_product .success {color: green; font-size: 14px; margin-top: 0px; }
.right_product {
  width: 236px;
}
.add_product .error{color: red;font-size: 14px; margin-top: 0px;}
.left_product {
  width: calc(100% - 266px);
}

.top_head {
  font-size: 16px;
  text-align: left;
  background: #eeeeee;
  padding: 12px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  color: rgb(102, 102, 102);
  line-height: 26px;
}

.add_product_title {
  font-size: 24px;
  text-align: left;
  padding: 12px 20px;
  background: rgb(238, 238, 238);
  color: rgb(84, 84, 110);
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.bottom_sec {
  padding: 20px;
  box-shadow: 0px 0px 5px #00000014;
  border: 1px solid #e4e1e11c;
  min-height: 114px;
}

.btn_wrapper {
  position: relative;
}

.btn_wrapper button {
  width: 100%;
  background: #f9d138;
  border: 1px solid #f9d138;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  height: 40px;
  line-height: 38px;
  cursor: pointer;
}

.btn_wrapper button:hover {
  color: #000;
  background-color: #FCE87D;
  border-color: #FCE87D;
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{
  color: #000;
  background-color: #FCE87D;
  border-color: #FCE87D;}
.btn_wrapper input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 99;
  cursor: pointer;
}

.product_bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px;
  box-shadow: 0px 0px 5px #00000014;
  border: 1px solid #0000001c;
}

.input_cell {
  width: 33.33%;
  padding: 0 15px;
  margin: 0 0 16px;
  position: relative;
}
.input_cell.eshop {
  width: 50%;
  padding: 0 15px;
  margin: 0 0 25px;
  position: relative;
}
.select2.select2-container {
  width: 100% !important;
}

.select2.select2-container .select2-selection {
  border: 0 solid #ccc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 0;
  height: 34px;
  margin-bottom: 4px;
  outline: none;
  transition: all 0.15s ease-in-out;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
  color: #000;
  line-height: 32px;
  padding-right: 33px;
  padding-left: 0;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #f2f2f2 !important;
	color: #000 !important;
}
.select2.select2-container .select2-selection .select2-selection__arrow {
  background: #fff;
  border-left: 0 solid #ccc;
  border-radius: 0;
  height: 32px;
  width: 33px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #000 !important;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
  background: #fff;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
  border: 1px solid #34495e;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
	border-color: transparent transparent rgba(0, 0, 0, 0.5) transparent;
    border-style: solid;
	border-width: 0 5px 5px 5px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: 5px !important;
}

.select2.select2-container.select2-container--focus .select2-selection {
  border: 0;
  border-bottom: 1px solid #000;
}

.select2.select2-container .select2-selection--multiple {
  height: auto;
  min-height: 34px;
}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 32px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 0 4px;
  line-height: 29px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 4px 4px 0 0;
  padding: 0 6px 0 22px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  position: relative;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #e74c3c;
  font-weight: bold;
  font-size: 16px;
}

.select2-container .select2-dropdown {
  background: transparent;
  border: none;
  margin-top: -5px;
}

.select2-container .select2-dropdown .select2-search {
  padding: 0;
}

.select2-container .select2-dropdown .select2-search input {
  outline: none;
  border: 1px solid #34495e;
  border-bottom: none;
  padding: 4px 6px;
}

.select2-container .select2-dropdown .select2-results {
  padding: 0;
}

.select2-container .select2-dropdown .select2-results ul {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #f2f2f2;
	color: #000 !important;
}
.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected="false"] {
  background-color: #10C5FE;
	color: #fff !important;
}

.select2-container {
    font-size: 14px;
}
.bankuser_pic1.bankuser_pic img{
	border-radius: 0;
}
.bankuser_pic1.bankuser_pic {
    border-radius: 0;
    background-color: #CECECE36;
    border-radius: 20px;
    padding: 40px;
    width: 200px;
    height: 200px;
    top: 0;
}
.bankuser_detail.bankuser_detail1 {
    width: calc(100% - 230px);
}
.bankuser_pic1.bankuser_pic i {
    top: 12%;
    right: 25px;
}
.bankuser_detail2.bankuser_detail{
    width: 100%;
	padding: 0 30px;
}
.coupon_txt{
	color: #00526C;
	font-size: 13px;
	font-weight: 488;
}
.bankuser_pic2.bankuser_pic{
    border-radius: 0;
    background-color: #CECECE36;
    border-radius: 20px;
    padding: 40px;
    width: 420px;
    height: 264px;
    top: 0;
}
.bankuser_detail.bankuser_detail3 {
    width: calc(100% - 460px);
}
.bankuser_pic2.bankuser_pic i {
    top: 12%;
    right: 25px;
}
.bankuser_pic.bankuser_pic2 img{
	border-radius: 0;
}
.bankuser_pic.bankuser_pic2 img {
    width: 160px;
    height: auto;
}
.bankuser_pic2 p {
    font-size: 14px;
    color: #aaa;
    margin-top: 6px;
}
.table-striped.table_style_1 tbody tr:first-child th {
    background-color: #10C5FE;
	color: #fff;
	font-size: 13px;
}
.table-striped.table_style_1 tbody tr th:first-child {
    border-radius: 20px 0px 0px 20px !important;
}
.table-striped.table_style_1 tbody tr th:last-child {
    border-radius: 0 20px 20px 0 !important;
}
.grey-icon {
    float: left;
    padding: 0;
    background-color: transparent;
    border: 0;
	color: #C1C1C1;
}
.grey-icon i {
    margin-right: 0 !important;
}
.red-icon {
    padding: 0;
    float: left;
    background-color: transparent;
    border: 0;
	margin-left: 6px;
}
.red-icon i {
    margin-right: 0 !important;
	color: #D60404 !important;
}
.producttype_wrp .select2-container--default .select2-selection--single {
    background-color: #fff0;
	text-align: left;
}
.producttype_wrp .select2.select2-container .select2-selection .select2-selection__arrow {
    background: #fff0;
}
.producttype_wrp .select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
    background: #fff0;
}
.formcontrol {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #000;
    padding: 8px 0;
	width: 100% !important;
}
.formcontrol:focus{
	outline: none;
}
.table_style_1 td, .table_style_1 th {
    padding: 15px 10px;
}
.pro_blk {
    padding-top: 10px;
}
.table.table-striped.table_style_1 {
    line-height: 18px;
}
.sub_ttl {
    color: #00526C;
    font-size: 14px;
    padding: 15px 0;
    margin-top: 20px;
    font-weight: 503;
}
.table_style_1.table_style_2 td, .table_style_1.table_style_2 th {
    padding: 10px 25px;
	text-align: left;
}
.table.table_style_1 {
    min-width: 100% !important;
}
form {
    width: 100%;
}
.box-styled-tab2 {
    width: 100%;
}
.box-styled-tab2 .nav-tabs {
    border-bottom: 0;
}
.box-styled-tab2 ul a.nav-link {
    border: 1px solid #ccc !important;
    border-radius: 0;
    border-right: 0 !important;
    font-size: 14px;
    padding: 12px 40px;
	color: #495057;
}
.box-styled-tab2 ul a.nav-link.active{
	background: #F0F0F8;
}
.box-styled-tab2 ul li:last-child a.nav-link {
    border-right: 1px solid #ccc !important;
}
.box-styled-tab2 ul a.nav-link i{
	margin-left: 6px;;
}
.wp100{
	width: 100% !important;
}
.title-1 {
    font-size: 18px;
    color: #00526C;
    font-weight: 500;
    margin-top: 45px;
}
.btn_1 {
    border-radius: 20px;
    padding: 7px 10px;
    float: right;
    margin-top: -5px;
	font-weight: normal;
}
.btn_1 i{
	vertical-align: text-top;
}
.detail_box_blk {
    background: #F0F0F8;
    margin-bottom: 0px;
    font-size: 14px;
    color: #000;
    padding: 10px 15px;
    border: 1px solid #d7d7d7;
    border-bottom: 0;
}
.detail_box_blk:nth-child(2n) {
    background-color: #fff;
}
.detail_box_blk:last-child{
    border-bottom: 1px solid #d7d7d7;
}
.detail_box_content {
    display: inline-block;
    width: 49%;
	font-weight: 500;
}
.detail_box_content:last-child {
    width: 50%;
	font-weight: normal;
}
#detailsUpdate label, #updateDocument label, #updateBank label {
    font-size: 14px;
    margin-top: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: #F0F0F8;
    padding: 10px;
    border: 1px solid #d7d7d7;
}
#detailsUpdate select, #detailsUpdate textarea, #updateDocument select, #updateDocument textarea, #updateBank select, #updateBank textarea{
    border: 1px solid #ccc;
	font-size: 12px;
}
#detailsUpdate .form-group, #updateDocument .form-group, #updateBank .form-group{
    margin-bottom: 10px;
}
#updateDocument label i.fa-edit{
    float: right;
}
.inputbox {
    padding: 10px;
    border: 1px solid #d7d7d7;
	border-top: 0;
}
.input_cell label {
  font-weight: 300;
  color: #333;
  margin-bottom: 5px;
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 1.625;
}

.input_cell input, .input_cell select {
  width: 100%;
  display: block;
  padding: 9px 11px;
  font-size: 15px;
  /*line-height: 1.5;*/
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  font-weight: 300;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.input_cell select{border: 1px solid transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5); border-radius: 0;padding-left: 0;
padding-right: 0;}
/* #phone {
    border-radius: 0 !important;
} */
.intl-tel-input.separate-dial-code .selected-dial-code {
    font-size: 13px;
}
.bankgroup input:placeholder{
	color: rgb(0, 0, 0, .5);
}
select {
  background-image: url(../images/down-arrow.png);
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-position: center right;
  background-position-x: right;
  background-size: 12px;
  background-position-x: 95%;
  outline: none;
}

.btn-success {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  margin-left:15px;
  -ms-user-select: none;
  user-select: none;
  padding: 6px 60px;
  font-size: 16px;
  line-height: 1.5;
  border-radius:3px;
  color: #000;
  background-color: #FCE87D;
  border: 1px solid #FCE87D;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-success:hover{
  color: #000;
background-color: #FCE87D;
border-color: #FCE87D;
}
.img-thumbnail{margin-top:10px;}
.react-tel-input .selected-flag {
    background-color: #E4E1FB !important;
}
@media only screen and (max-width:992px) {
  .left_product {
    width: 100%;
    margin: 0 0 60px;
  }
  .right_product {
    width: 100%;
  }
  .input_cell {
    width: 100%;
  }
}
@media only screen and (max-width:767px) {
  .left_product {
    width: 100%;
    margin: 0 0 60px;
  }
  .right_product {
    width: 100%;
  }
  .input_cell {
    width: 100%;
  }
}
.bankdetail_card{
    padding:24px;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bankdetail_component{
    max-width: 100%;
}
.bankuser_pic {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    /* overflow: hidden; */
    margin-right:20px;
	top: -15px;
}
.selected-flag {
    background-color: #fff !important;
}
.bankuser_pic img {
    width: 100%;
    height: 100%;
    
}

.bankdetail_input_wrapper{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bankgroup{
    width:calc(33.33% - 22px);

}
.bankgroup input{
    width:100%;
    height:32px;
    line-height: 30px;
    padding:0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color:#000;
    font-family: 'Work Sans', sans-serif;
    border:1px solid transparent;
    border-bottom:1px solid rgba(0, 0, 0, 0.5);
}
.textareastyle{
    width:100%;
    line-height: 30px;
    padding:0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color:#000;
    font-family: 'Work Sans', sans-serif;
    border:1px solid transparent;
    border-bottom:1px solid rgba(0, 0, 0, 0.5);
}
.bankgroup input:focus
{
    outline: none;
}
.bankuser_detail {
    width: calc(100% - 145px);
}

.b_wrapper {
    margin: 0px 0 0;
    text-align: right !important;
}
.save_btn{
    display:inline-block;
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    cursor: pointer;
    font-size: 18px;
    color:#ffff;
    height:48px;
    line-height: 46px;
    padding:0 24px;
    background: #FFAF83;
    border-radius: 24px;
    border:1px solid #FFAF83;
}

.bankdetail_component .btn_card_wrapper{
  flex-wrap: wrap;       
}
@media only screen and (max-width:992px){
    .bankgroup {
        margin:0 0 20px;
        width: 100%;
    }
    .b_wrapper{
        margin:0;
    }
}
@media only screen and (max-width:767px){
    .menu a i img {
		width: 18px;
	}
	.menu a i {
		margin: 0 auto 0px;
		height: 18px;
	}
	.menu a {
		padding: 16px 0;
	}
	.menu a span{
		display: none;
	}
	.bankuser_pic {
        width: 85px;
        height: 85px;
        margin: 30px auto 12px auto;
    }
    .bankuser_pic img{
        width:100%;
        height:100%;
    }
    .bankuser_detail,.bankuser_detail.bankuser_detail1,.bankuser_detail.bankuser_detail2, .bankuser_detail.bankuser_detail3{
        width: 100%;
    }
    .bankgroup {
        
        margin: 0 0 27px;
    }
    .bankgroup input {
        width: 100%;
        height: 24px;
        line-height: 22px;
      
        font-size: 12px;
       
    }
    .b_wrapper {
      
        text-align: center;
    }
    .save_btn {
       
       /* height: 25px;*/
        line-height: 23px;
        padding: 0 26px;
        
    }
    .bankdetail_component .btn_card_wrapper {
        padding: 12px 9px 20px 13px;
    }
}

@media only screen and (max-width:767px){
    .bankdetail_component{
        border-radius:0 15px 15px 15px;
    }
}


@media only screen and (max-width:480px){
	.component_head.com_bank_head span {
		font-size: 14px;
	}
	.approved_current_status i {
		margin-right: 3px;
	}
	.approved_current_status {
		width: 90px;
	}
	.email-dropdown, .notifi-dropdown {
		top: 39px !important;
		left: unset !important;
		right: 0px !important;
		min-width: 270px !important;
	}
}