@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap');
/*Theme Colors*/
/*bootstrap Color*/
/*Normal Color*/
/*Border radius*/
/*Preloader*/
.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}
.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}
/*Just change your choise color here its theme Colors*/
body {
  background: #fff; font-size: 14px;font-family: 'Cairo', sans-serif;
}
html{font-size: 14px;font-family: 'Cairo', sans-serif;}
.top-left-part {
  background: #fff;
}
.top-left-part .dark-logo {
  display: none;
}
.top-left-part .light-logo {
  display: inline-block;
}
/*Top Header Part*/
.logo i {
  color: #ffffff;
}
.navbar-header {
  background: #fff; box-shadow: -4px 5px 7px 0px rgba(171, 171, 171, 0.2);
}
.navbar-top-links > li > a {
  color: #a7a7a7;
}
.sidebar .sidebar-head {
  background: #ffffff;
}
.sidebar .sidebar-head h3 {
  color: #686868;
}
/*Right panel*/
.right-sidebar .rpanel-title {
  background: #41b3f9;
}
/*Bread Crumb*/
.bg-title .breadcrumb .active {
  color: #41b3f9;
}
/*Sidebar*/
.sidebar {
  background: #606060;
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}
.sidebar .label-custom {
  background: #01c0c8;
}
#side-menu li a {
  color: #bbbbbb;
}
#side-menu li a {
  color: #bbbbbb;
  border-left: 0px solid #fff;
}
#side-menu > li > a {
  border-left: 3px solid transparent;
}
#side-menu > li > a:hover,
#side-menu > li > a:focus {
  background: rgba(0, 0, 0, 0.07);
}
#side-menu > li > a.active {
  background: transperant;
  color: #bbb;
  border-left: 3px solid #f47e20;
  font-weight: 500;
}
#side-menu ul > li > a:hover {
  color: #f47e20;
}
#side-menu ul > li > a.active {
  color: #54667a;
  font-weight: 500;
}
.user-profile .user-pro-body .u-dropdown {
  color: #54667a;
}
/*themecolor*/
.bg-theme {
  background-color: #707cd2 !important;
}
.bg-theme-dark {
  background-color: #41b3f9 !important;
}
/*Button*/
.btn-custom {
  background: #41b3f9;
  border: 1px solid #41b3f9;
  color: #ffffff;
}
.btn-custom:hover {
  background: #41b3f9;
  opacity: 0.8;
  color: #ffffff;
  border: 1px solid #41b3f9;
}
/*Custom tab*/
.customtab li.active a,
.customtab li.active a:hover,
.customtab li.active a:focus {
  border-bottom: 2px solid #41b3f9;
  color: #41b3f9;
}
.tabs-vertical li.active a,
.tabs-vertical li.active a:hover,
.tabs-vertical li.active a:focus {
  background: #41b3f9;
  border-right: 2px solid #41b3f9;
}
/*Nav-pills*/
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background: #41b3f9;
  color: #ffffff;
}
/*Extra css*/
.bg-theme {
  background-color: #41b3f9 !important;
}
.panel-themecolor,
.panel-theme {
  border-color: #41b3f9;
}
.panel-themecolor .panel-heading,
.panel-theme .panel-heading {
  border-color: #41b3f9;
  color: white;
  background-color: #41b3f9;
}
.panel-themecolor .panel-heading a,
.panel-theme .panel-heading a {
  color: #ffffff;
}
.panel-themecolor .panel-heading a:hover,
.panel-theme .panel-heading a:hover {
  color: rgba(255, 255, 255, 0.5);
}
.panel-themecolor a,
.panel-theme a {
  color: #41b3f9;
}
.panel-themecolor a:hover,
.panel-theme a:hover {
  color: #0791e6;
}


.navbar-static-top{position: static; padding-left: 60px; padding-right: 0;}
                    
@media (min-width:768px){
.navbar-static-top{position: static; padding-left: 240px;}
  
}
/*#side-menu li a:before{content: "";*/
  /*width: 12px;*/
  /*height: 12px;*/
  /*border-radius: 50%;*/
  /*border: 2px solid #bbb;*/
  /*display: inline-block;*/
  /*position: absolute;*/
  /*left: 13px;*/
  /*top: 16px; }*/

  #side-menu li a.active:before{border-color: #f47e20;}
#side-menu>li>a{padding:13px 20px 13px 30px}
.sidenav-profile-photo{width:100%; display: block; text-align: center; padding:15px 0}
.sidenav-profile-photo-box{width:100px; display:inline-block; border-radius: 50%; border:1px solid #f47e20; padding: 4px;}
.sidenav-profile-photo-box img{width:100%; height: auto; background: #fff;}
.navbar-top-links > li > a{position: relative;}
.navbar-top-links > li > a:after{content: "|";
  font-size: 16px;
  color: #afafaf;
  line-height: 20px;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translate(0, -50%);}
  .navbar-top-links > li:last-child > a:after{display: none;}
  .bg-title h4{font-weight: 700; font-size: 1.25em; text-transform: capitalize; color: var(--c-orange); font-family: 'Cairo', sans-serif; margin:  initial; }
  .analytics-info-title{display: block; font-size: 14px; font-weight: 400; line-height:24px; color:#a1a1a1; padding:10px 0 0}
  .analytics-info-count{display: block; font-size: 22px; font-weight: 400; line-height:26px; padding:5px 0 15px}
  .analytics-info-count span{display: block;}
  .customer-analy .analytics-info-count{color: #f47e20}
  .merchant-analy .analytics-info-count{ color:#ed8280}
  .transaction-analy .analytics-info-count{color:#64c891}
  #page-wrapper{background: #fff;}
  .white-box-dash{width:100%; padding:15px; display: block;}
  .dashboard-list-title{width:100%; display: block; padding:15px 10px; background: #fff; font-size: 18px; font-weight: 400; line-height:26px; color:#a1a1a1; box-shadow: -1px 1px 4px 0 rgba(171, 171, 171, 0.2);margin:3px 0 }
  .dashboard-list-box{width:100%; display: block; }
  .dashboard-list-box ul{width:100%; display: block; padding: 0; margin:0}
  .dashboard-list-box ul li{width:100%; display: flex; padding:10px 15px; list-style:none; box-shadow: -1px 1px 4px 0 rgba(171, 171, 171, 0.2);}
  .dashboard-list-box-img{width: 60px;}
  .analytics-info-img{width:60px; display: inline-block;}
.dashboard-list-box-data{width: 100%;}
.dashboard-list-data-top{width: 100%; margin-bottom:5px;font-size: 15px; display: flex; justify-content: space-between; font-weight: 400; line-height: 24px; color: #a1a1a1;}
.dashboard-list-data-down{width: 100%;font-size: 13px; font-weight: 400; display: flex; justify-content: space-between; line-height: 24px; color: #a1a1a1;}
  .white-box{box-shadow: -1px 1px 4px 0 rgba(19, 18, 18, 0.2); }
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 8px;}
.table>thead>tr>th{border:0}
.table>tbody>tr>td, .table>tfoot>tr>td,  .table>thead>tr>td{border-top:0}
  span.action-btn{font-size: 12px; margin:4px;}
  .edit-action{color:#7bcce2}
  .delete-action{color:#d58582}
  /*a.action-view{color:#7bcce2; border:1px solid #7bcce2; display: inline-block; padding:2px 5px; font-size: 12px; border-radius: 13px;}*/
  .item-status{padding:3px 12px; border-radius: 10px; border:1px solid #7ad3a2; color:#7ad3a2;  font-size: 14px; line-height: 18px;  display: inline-block;}
  .item-status-orng{padding:3px 12px; border-radius: 10px; border:1px solid #f5d88f; color:#f5d88f;  font-size: 14px; line-height: 18px;  display: inline-block;}
  
  /*a.add-btn, button.add-btn{padding:2px 15px; font-weight: 600; border-radius: 8px; border:1px solid #7ad3a2; color:#7ad3a2;  font-size: 16px; line-height: 18px;  display: inline-block; text-transform: uppercase;}*/
  /*a.add-btn2, button.add-btn2{padding:2px 15px; font-weight: 600; border-radius: 8px; border:1px solid #40b6d6; color:#40b6d6;  font-size: 16px; line-height: 18px;  display: inline-block;}*/
  .page-link{border:0; margin-left: 0; line-height: 18px;}
  .current .page-link{color:#40b6d6; border-radius: 4px; border:1px solid #40b6d6; font-size:18px; font-weight:600}
  .no-records{}
  .white-box-table-filter{padding:15px 15px 25px; display:block;}
  .filter-field label{color:#959595;}
  .filter-field input{min-width: 150px; height:34px; border:1px solid #959595; color:#959595; border-radius: 8px; padding: 5px;}
  .filter-field select{min-width: 150px; height:34px; border:1px solid #959595; color: #959595; border-radius: 8px; line-height: 20px; padding:5px}
  button.filter-reset-btn{border:1px solid #40b6d6; background:none; color: #40b6d6; font-size: 14px; line-height: 20px; padding: 5px 10px; border-radius: 8px;  }
  .app-setting-box{padding-bottom: 25px;}
  .app-setting-box span{display: block; padding: 15px 0 10px; font-size: 16px; color:#40b6d6; line-height: 24px; font-weight:700}
  .app-setting-box a{display: inline-block; padding: 2px 15px; font-size: 13px; border-radius: 4px; border:1px solid #40b6d6; color:#40b6d6; line-height: 24px; font-weight:400}

.form-feild-set label{color:#959595;}
  .form-feild-set input[type=text],.form-feild-set input[type=email],.form-feild-set input[type=password]{ width:100%; height:34px; border:1px solid #959595; color:#959595; border-radius: 8px; padding: 5px;}
  .form-feild-set textarea{ width:100%; border:1px solid #959595; color:#959595; border-radius: 8px; padding: 5px;}
  .form-feild-set button.feild-btn{border:1px solid #7ad3a2; background:none; color: #7ad3a2; font-size: 14px; line-height: 20px; padding: 5px 10px; border-radius: 8px;  }
  .form-feild-set select{ width:100%; height:34px; border:1px solid #959595; color: #959595; border-radius: 8px; line-height: 20px; padding:5px}
  /*.vouchers-stat-box{width:100%; display: block; padding:10px 10px 10px 150px;}*/
  /*.vouchers-stat-box ul{width:100%; margin:0; display: block; padding:10px;}*/
  /*.vouchers-stat-box ul li{width:150px; text-align: center; max-width: 100%; margin:0 15px; display: inline-block; padding:10px; list-style: none;border:1px solid #7ad3a2; color:#7ad3a2;  font-size: 15px; line-height: 18px; border-radius: 5px;}*/
  /*.vouchers-stat-box ul li span{display: block; font-size: 16px; line-height: 24px; font-weight: 700;}*/

  .vouchers-catagory-box{width:100%; display: block; padding:10px 10px 10px 150px;}
  .vouchers-catagory-box ul{width:100%; margin:0; display: block; padding:10px;}
  .vouchers-catagory-box ul li{width:150px; text-align: center; text-align: center; max-width: 100%; margin: 15px; display: inline-block; padding:10px; list-style: none; background: #fff; border-radius: 5px;box-shadow: -1px 1px 4px 0 rgba(171, 171, 171, 0.2);}
  .vouchers-catagory-title{display: block;width:100%; font-size: 15px; line-height: 22px; font-weight: 400;}
  .vouchers-catagory-icon{display: block; width:100%; height: 100px; font-size: 15px; line-height: 22px; font-weight: 400;}
  a{color: #40b6d6;}
  a.tab-btn, button.tab-btn{padding:4px 15px; font-weight: 600; border-radius: 8px; border:1px solid #b3b3b3; color:#b3b3b3;  font-size: 14px; line-height: 20px;  display: inline-block;}
  a.tab-btn.active, button.tab-btn.active{border:1px solid #40b6d6; color:#40b6d6; }
  .red-color{color: #ef1e1e;}
  .green-color{color: #16b95f;}

  a.tab-box-btn, button.tab-box-btn{padding:4px 15px; font-weight: 400; border-radius: 8px;border:0px solid #b3b3b3; color:#b3b3b3;  font-size: 14px; line-height: 20px; margin:5px; display: inline-block; box-shadow: -1px 1px 4px 0 rgba(171, 171, 171, 0.2);}
  a.tab-box-btn.active, button.tab-box-btn.active{border:0px solid #40b6d6; color:#16b95f; }
  .label-note-text{color:#16b95f; font-size: 12px; line-height: 18px; display:block}
  .setting-section-title{width: 100%; padding:15px 0 5px 35px; margin-bottom:20px;  font-size:14px; font-weight: 700; text-transform: uppercase; border-bottom:1px solid #efefef}
  table.setting-table-field { width:100% ; }
  table.setting-table-field td{font-size:14px; line-height: 24px; padding:8px 5px; border-bottom:1px solid #e7e7e7 ;}
  table.setting-table-field input{ height:30px; border:1px solid #e7e7e7; color:#959595; border-radius: 8px; padding: 5px;}
  .gift-card-box{width:100%; padding:15px; display: flex;}
  .gift-card-box-img{ max-width:130px; min-width: 120px; min-height:120px; display: inline-block; border-radius:5px; box-shadow: -1px 1px 4px 0 rgba(171, 171, 171, 0.2);}
  .gift-card-box-detail{ width: 100%; display: inline-block; padding-left: 20px;}
  .card-list-title{font-size: 22px; display: block; color: #57bedb;
    line-height: 30px;
    font-weight: 700;
    padding: 20px 0 8px; }
    .card-list-count{display: block; width: 100%;}
    .card-list-count span{display:inline-block; width: auto; padding:3px 10px; margin:0 2px; background:#7ad3a2; border-radius: 6px; font-optical-sizing: 14px;line-height: 18px; color:#fff;} 
    .card-list-count a{display:inline-block; width: auto; padding:3px 10px; background:#57bedb; border-radius: 6px; font-optical-sizing: 14px;line-height: 18px; color:#fff; margin:0 2px 0 6px;} 
    .card-action-box{width:100%; display: block; position: relative; top:-20px; text-align: right;}
    .card-action-box a{margin:0 10px; font-size: 14px;}
    .feed-list-box{width:100%; display: block; padding-left: 20px;}
    .feed-list-box-inner{width:100%; display: block;}
    .feed-list-box-inner ul{width:100%; padding: 0; margin: 0; display: block;}
    .feed-list-box-inner ul li{width:100%; list-style: none; padding:4px 0; margin: 0; display: block;}
    .feed-list-label{color:#959595; font-size:14px ; line-height: 22px; display: block;}
    .feed-list-desc{color:#959595; font-size:14px ; line-height: 22px; display: block; margin:15px 0}
    .feed-list-media{width:100%; display: block;}
  .feed-list-media-src{max-width:130px; min-width: 120px; min-height:120px; display: inline-block; border-radius:5px; margin:10px 0 0; box-shadow: -1px 1px 4px 0 rgba(171, 171, 171, 0.2);}
  .feed-list-media-src img{width: 100%; height: auto;}
  .feed-list-action{margin:5px 4px; font-size: 14px; text-decoration: none;}
  .feed-list-action.green{color:#16b95f;}
  .feed-list-action.blue{color: #40b6d6;}
  .feed-list-action.red{color: #ef1e1e;}

  .analytics-info-img {
    position: absolute;
    width: 75px;
    left: 10px;
    top: 20px;
}

.analytics-info-img img {
    width: 100%;
}

.white-box.analytics-info {
    position: relative;
    padding-left: 100px;
}
.sidebar-logo{
  padding: 10px;
  margin: 20px 0;
  text-align:center
}
.sidebar-logo img{ max-width:100%; width:150px}