/***** General CSS *****/
body {
    word-break: break-word;
    font: 15px/25px 'circular', sans-serif;
    color: #393939;
    overflow-x: hidden;
    background-color: #f4f8fd;
}

html {
  overflow-x: hidden;
}

*:focus{
  outline: none !important;
}

a {
    text-decoration: none;
    color: #28b16d;
    white-space: initial;
}
a:hover, a:focus {
    text-decoration: none;
    color: #393939;
}
a:hover {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
img {
    max-width: 100%;
}
input[type="text"]:focus, textarea:focus, input[type="password"]:focus, select:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    outline: none;
}
select, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], textarea, input[type="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
ul {
    margin: 0 0 20px;
    padding: 0;
    list-style-type: none;
}
p {
    font-weight: 500;
}
/***** Font Files *****/
@font-face {
    font-family: 'Fonts Awesome';
    src: url(../fonts/fontawesome-webfont.eot);
    src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");
    font-weight: 400;
    font-style: normal
}
/***** Custom Classes *****/
.noPadding {
    padding: 0;
}
.noLeft {
    padding-left: 0;
}
.noRight {
    padding-right: 0;
}
.centerCol {
    float: none;
    margin: 0 auto;
}
.btn {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 15px 40px;
    color: #fff;
    margin: 20px 20px 20px 0;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    text-transform: capitalize;
    border: 2px solid;
    text-transform: uppercase;
} 
.cancel-btn {
  background-color: #3584D5;
  color: #fff;
  border-color: #3584D5
}
.submit-btn {
  background-color: #93C144;
  color: #fff;
  border-color: #93C144;
}
.btnGreen {
    background-color: #191b1a;
    color: #fff;
    border-color: #28b16d;
}
.btnGreen:focus, .btnGreen:hover {
    background-color: #fff;
    color: #28b16d;
    border-color: #28b16d;
}
img.pull-left, .imgOverlay.pull-left {
    margin: 0 30px 20px 0;
}
img.pull-right {
    margin: 0 0 20px 30px;
}
.flexRow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.flexCol {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center;
}
h1 {
    font-family: 'circular',Sans-Serif;
    font-size: 55px;
    line-height: 60px;
    color: #fff;
    font-weight: 500;
    margin: 0 0 17px;
}
h2 {
    font-family: 'circular',Sans-Serif;
    font-size: 55px;
    line-height: 60px;
    color: #393939;
    font-weight: 500;
    margin: 0 0 30px;
}
h3 {
    font-family: 'circular',Sans-Serif;
    font-size: 30px;
    line-height: 34px;
    color: #000000;
    font-weight: 600;
    margin: 0 0 28px;
}
h4 {
    font-family: 'circular',Sans-Serif;
    font-size: 24px;
    line-height: 29px;
    color: #393939;
    font-weight: 500;
    margin: 0 0 13px;
}
h5 {
    font-family: 'circular',Sans-Serif;
    font-size: 20px;
    line-height: 25px;
    color: #393939;
    font-weight: 500;
    margin: 0 0 20px;
}
h6 {
    font-family: 'circular',Sans-Serif;
    font-size: 18px;
    line-height: 23px;
    color: #393939;
    font-weight: 500;
    margin: 0 0 22px;
}
input[type="text"], input[type="password"], select, input[type="email"], input[type="url"], input[type="number"], textarea, input[type="tel"], input[type="Date"] {
    border: 1px solid #F6F6F6;
    background-color: #F6F6F6;
    font-size: 13px;
    line-height: 20px;
    color: #575757;
    height: 46px;
    margin-bottom: 20px;
    width: 100%;
    padding: 0px 15px;
    border-radius: 10px;
    font-weight: 600;
}
textarea {
    padding: 10px;
    height: 167px;
}
input[type="submit"] {
    color: #fff;
    background-color: #33458d;
    height: 55px;
    padding: 0px 65px;
    font-size: 12px;
    line-height: 20px;
    border: 2px solid #33458d;
    border-radius: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600;
}
input[type="submit"]:hover {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    background-color: #fff;
    color: #33458d;
    border-color: #33458d;
}
select {
    appearance: auto;
}
input[type="checkbox"], input[type="radio"] {
    margin: 0 10px 20px 0;
}
::-webkit-input-placeholder {
color:#575757;
}
::-moz-placeholder {
color:#575757;
opacity:1;
}
:-ms-input-placeholder {
color:#575757;
}
:-moz-placeholder {
color:#575757;
opacity:1;
}

.pd-0 {
  padding: 0;
}

/*@font-face {*/
/*  font-family: circular;*/
/*  src: url(CircularStd-Bold.otf);*/
/*}*/

.container {
    width: 1240px;
}

/*side nav start*/
.sidenav {
  height: 100%;
  /* 100% Full-height */
  position: fixed;
  /* Stay in place */
  z-index: 999;
  /* Stay on top */
  top: 0;
  left: -500px;
  background: #0578a0;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 59px;
  /* Place content 60px from the top */
  transition: 0.2s;
  /* 0.5 second transition effect to slide in the sidenav */
  -webkit-transition: 0.2s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  width: 250px;
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
  animation: fadeInDown .8s;
}
/* The navigation menu links */

/* When you mouse over the navigation links, change their color */

.sidenav a:hover, .sidenav a:focus {
  color: #fff;
  text-decoration: none;
  padding-left: 40px;
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: -9px;
  right: 6px;
  font-size: 36px;
  margin-left: 0;
}
.sidenav a {
  text-align: left;
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 12px;
  color: #fff;
  display: block;
  transition: 0.3s;
  text-transform: uppercase;
}
.mobilecontainer span {
  color: #fff;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  font-size: 25px;
  cursor: pointer;
}
.mobilecontainer img {
  width: 50%;
  margin: 10px 0;
}
.mobilecontainer {
  background-color: #fff;
  padding-left: 20px;
}
.navigation .caret {
  position: relative;
  left: 5px;
}
#mySidenav ul.dropdown-menu {
  position: static;
  float: none !important;
  width: 100%;
  display: none;
  background: #4a291c;
}
#mySidenav ul.dropdown-menu li {
  float: none;
  display: block;
  padding: 0 0px 4px;
}
#mySidenav .caret {
  display: none;
}
#mySidenav #hassubmenu {
  position: relative;
}
#mySidenav #hassubmenu i.fa.fa-angle-down {
  position: absolute;
  right: 20px;
  background: black;
  color: #fff;
  height: 20px;
  width: 20px;
  text-align: center;
  border-radius: 0;
  padding-top: 2px;
  top: 6px;
}
#mySidenav div {
  border-top: 1px solid white;
}
#mySidenav div:last-child {
  border-bottom: 1px solid white;
}
#mySidenav a.closebtn+div {
  margin-top: 10px;
}
#mySidenav ul.submenu {
   /*  display: none; */
    padding: 0;
    background-color: #000;
    width: 100%;
    overflow: scroll;
    height: 150px;
}
#mySidenav .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
.navigation ul li > .dropdown-menu li a i{
     float: right;
    right: 14px;
    font-weight: bold;
    margin-top: 1px;
    position: absolute;
    font-size: 17px;
}
.navigation ul .show-on-hover:hover>ul.submenu {
    left: 101% !important;
    top: -25% !important;
  }

.navigation ul li > .dropdown-menu li i.fa.fa-angle-down{display: none;}
/* sidenav-css end */
/*header css start */
.padl-0{
  padding-left: 0px;
}
.menuSec {
    padding: 0px 0;
}
.menuSec img {
    margin: 0 12px 0 0;
}
.menuSec ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}
.menuSec ul li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.menuSec li ul {
    display: none;
}
.menuSec ul li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    padding: 10px 22px;
    font-weight: 500;
}

.menuSec ul li a i {
    display: inline-block;
    color: #93C144;
}

.menuSec ul li a:after {
    content: '';
    position: absolute;
    top: 35%;
    right: 0;
    width: 1px;
    height: 13px;
    background-color: #A5ACC6;
}

.menuSec ul li:last-child a:after {
    display: none;
}

.menuSec ul li a:hover, .menuSec ul li.active a {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    color: #93C144;
}

.menuSec li:hover > ul {
    display: block;
    position: absolute;
    z-index: 1000;
    background-color: #d31010;
    left: 0px;
    width: 230px;
    text-align: left;
    top: 98px;
}
.menuSec li > ul > li > a {
    border: none;
    padding: 13px 20px !important;
    color: #fff !important;
    overflow: hidden;
    font-size: 13px;
    line-height: 20px;
}
.menuSec li > ul > li, .menuSec li > ul > li > a {
    display: block;
    margin: 0;
}
.menuSec li > ul > li > a:before, .menuSec li > ul > li > a:after {
    display: none;
}
.menuSec li:hover li {
    float: none;
}
.menuSec li:hover a {
}
.menuSec li:hover li a:hover {
    background-color: #b21093;
}
.menuSec ul ul ul {
    left: 100%;
    top: 0;
}
.menuSec ul:before, .menuSec ul:after {
    content: " ";
    display: table;
}
.menuSec ul:after {
    clear: both;
}
.menuSec li > ul > li:hover > ul {
    left: 230px;
    top: 0px;
    width: 270px;
}
a.nav-link {
    padding: 0 !important;
}
.nav-item .dropdown-menu a {
    display: flex;
    align-items: center;
}
.nav-item .dropdown-menu a span.ml-2 {
    font-size: 16px;
    color: #2E3D62;
    margin-left: 10px;
    font-weight: 700;
}
.nav-item .dropdown-menu a .text-primary , .nav-item .dropdown-menu a .text-danger{
  color: #93C144;
}
.top-welcom h4 {
    font-size: 20px;
    line-height: 25px;
    color: #ababab;
    font-weight: 600;
}

.top-welcom h4 a {
    font-size: 20px;
    line-height: 16px;
    color: #3584D5 !important;
    padding: 0 !important;
}

.header-admin-wrap li {
    display: inline-block !important;
}

.header-admin-wrap h4 {
    font-size: 18px;
    line-height: 32px;
    color: #3584D5;
    margin: 0;
    font-weight: 600;
}

.header-admin-wrap h3 {
    font-size: 20px;
    line-height: 26px;
    color: #DDDDDD;
    margin: 0;
    font-weight: 600;
    position: relative;
}
.header-admin-wrap h3:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #93C144;
    top: 10px;
    right: -24px;
}
.bg-header {
  background-image: url('../images/header-bg.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 20px;
}

.text-grey {
  color: #A5ACC6;
}

.last-logout-wrap {
    border-right: 1px solid #8c8c8ca6;
}

.br-1 {
  border-top: 1px solid #636363;
  padding: 15px 0px;
  margin-top: 30px;
}

.bordr-b-1 {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 30px;
}
/*header css start */




/*SIGN-IN PAGE STRT*/
.sigin-lft {
  background-image: url('../images/sign-in-bg.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 45% 0% 45% 12%;
  height: 100vh;
}

.sign-in-page .menuSec {
    padding: 1% 3%;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
}

.sigin-lft h2 {
    font-size: 55px;
    line-height: 70px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}
.forgt_pass{
  padding: 20% 17% !important;
  position: relative;
}
.forgt_pass .clos{
  position: absolute;
  top: 10%;
  right: 10%;

}
.forgt_pass .clos a{
  color: #1B232B;
  font-size: 30px;
  padding: 20px 26px;
  border-radius: 50px;
}

.sigin-sec {
    overflow: hidden;
}

.signin-form-container {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sigin-right {
    padding: 10% 17%;
    background-color: #f4f8fd;
}

.sigin-right h3 {
  color: #2E3D62;
  font-size: 55px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: -1.1px;
}

.sigin-right p {
  color: hsl(252deg 50% 23% / 40%);
  font-size: 22px;
  font-weight: 400;
  position: relative;
}
.sigin-right p::after{
  position: absolute;
  content: '';
  width: 60px;
  height: 7px;
  background-color: #3584D5;
  border-radius: 10px;
  bottom: -20px;
  left: 0;
}

.sigin-right form label {
    color: #A3A1BC;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.sigin-right form {
    margin-top: 40px;
}


.sigin-right form input {
    padding: 26px;
    background-color: #fff;
    box-shadow: 4px 3px 6px #00000026;
    border: 0;
    border-radius: 7px;
}


.sigin-right form input[type="checkbox"] {
    width: 16px;
    margin: 0px 15px 0 0;
    height: 16px;
}

.sigin-right .theme-btn {
    display: block;
    background-color: #93C144;
    box-shadow: 4px 20px 50px #93c14494;
    border-color: #93c144;
    text-transform: capitalize;
    font-size: 18px;
}

.sigin-right .theme-btn:hover {
    background-color: #fff;
    box-shadow: 4px 20px 50px #93c14494;
    border-color: #93c144;
    color: #93c144;
}

.width-100 {
  width: 100%;
}

.forget-password {
    color: #93C144;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    display: block;
    text-align: right;
}
/*SIGN-IN PAGE END*/



/*HOME PAGE STRT*/
.box {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0px 8px 15px #0000000A;
}
.text-center {
  text-align: center;
}

.client-info {
    margin-bottom: 40px;
}

.client-info img {
    margin: auto;
    width: 70px;
}

.client-name {
    color: #2E3D62;
    margin: 10px 0 5px 0;
    font-weight: 600;
    font-size: 22px;
}

.client-info h6 {
    color: #9290B1;
    margin: 0;
    font-size: 16px;
}

.total-projects h4 {
    color: #2E3D62;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 28px;
}

.total-projects h2 {
    color: #A3A1BC;
    font-size: 45px;
    font-weight: 600;
    line-height: 60px;
    margin: 0;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.d-flex {
    display: flex !important;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #3584D5;
    transition: width 0.6s ease;
}


.progress-animated {
    animation-duration: 5s;
    animation-name: myanimation;
    transition: all 5s ease 0s;
}

.progress-bar {
    border-radius: 4px;
}

.bg-warning {
    background-color: #3584D5 !important;
}

.bg-info {
    background-color: #93C144 !important;
}

.total-projects {
    margin-bottom: 20px;
}
/*HOME PAGE END*/


.cash_and_prod{
  background-color: #fff;
  padding: 15px;
  border-radius: 8px;
}
.cash_and_prod h4{
  font-size: 18px;
  color: #2E3D62;
  font-weight: 700;
}
.cash_and_prod h4 span{
  float: right;
  color: #A3A1BC;
}
.cash_home_delivery_left h4{
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 15px;
}
.cash_home_delivery_left h5{
  font-size: 16px;
  color: #2E3D62;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 0px;
}
.cash_home_delivery_left p{
  font-size: 13px;
  margin-bottom: 0px;
  color: #A3A1BC;
}
.cash_home_delivery_left{
  width: 70%;
}
.cash_home_delivery{
  display: flex;
  align-items: center;
}
.cash_home_delivery_price{
  width: 30%;
  text-align: center;
}
.cash_home_delivery_price h4{
  margin-top: 0px;
  line-height: 16px;
  text-align: right;
}
.cash_home_delivery_price i{
  color: #fff;
  background-color: #93C144;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: right;
  border-radius: 30px;
}



/*SHAHZAIB CSS*/

/*SEND MONEY STRT*/
.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.sec-title {
    font-size: 30px;
    margin: 0;
    font-weight: 600;
    line-height: 35px;
}

.sec-normal-text {
  color: #A3A1BC;
  font-size: 18px;
  margin: 0;
}

.sec-head {
    padding-bottom: 30px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 30px;
}

.theme_label {
    font-size: 15px;
    font-weight: 600;
    color: #A3A1BC;
    margin: 0px 0px 10px 2px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-30 {
  margin-top: 30px;
}


.theme_label span {
    color: red;
}

.pt-20 {
  padding-top: 20px;
}

.width-70 {
  width: 70%;
  display: block;
}

.flagss {
    margin-top: 36px;
}

.total-price h2 {
    color: #2E3D62;
    font-size: 25px;
    line-height: 28px;
    margin: 0;
}

.total-price h2 span {
    color: #3584D5;
    font-size: 30px;
    line-height: 30px;
    margin: 0 0px 0px 30px;
}

.total-price h4 {
    color: #2E3D62;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}

.total-price h4 span {
    color: red;
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 0 38px;
}

.total-price {
    text-align: right;
}

.text-right {
  text-align: right;
}

.mb-40 {
  margin-bottom: 40px;
}


.box-footer h2 {
    font-size: 30px;
    margin: 0;
    color: #2E3D62;
}

.box-footer ol {
   padding: 0px 0px 0px 15px;
}

.box-footer li {
    font-size: 14px;
    margin: 0;
    color: #FF1C1C;
}

.theme-btn {
    display: block;
    background-color: #93C144;
    box-shadow: 4px 20px 50px #93c14494;
    border-color: #93c144;
    text-transform: capitalize;
    font-size: 18px;
}

.theme-btn:hover {
    background-color: #fff;
    box-shadow: 4px 20px 50px #93c14494;
    border-color: #93c144;
    color: #93c144;
}

.next-btn-wrap a {
    width: 15%;
    display: table;
    margin: 0 0 40px 0;
    float: right;
}

.next-btn-wrap {
    text-align: right;
}

.transaction-details h3 {
    font-size: 30px;
    line-height: 34px;
    color: #2E3D62;
    font-weight: 600;
    margin: 0px 0 5px;
}


.transaction-details h2 {
    font-size: 36px;
    line-height: 40px;
    color: #3584D5;
    font-weight: 600;
    margin: 0px 0 0px;
}

.transaction-details p {
    font-size: 20px;
    line-height: 30px;
    color: #A3A1BC;
    font-weight: 400;
    margin: 0px 0 0px;
}


.transaction-tbl h4 {
    color: #2E3D62;
    font-size: 16px;
    margin: 0;
}

.transaction-tbl h4 span {
    color: #A3A1BC;
    font-size: 16px;
    margin: 0 40px 0 0;
    float: right;
}


.blue-btn-wrap a {
    background-color: #3584D5;
    box-shadow: 4px 20px 50px #3584d569;
    border-color: #3584D5;
    text-transform: capitalize;
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    font-weight: 500;
    padding: 15px 40px;
    margin: 20px 20px 20px 0;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    text-transform: capitalize;
    border: 2px solid #3584D5;
}

.blue-btn-wrap a:hover {
    background-color: #fff;
    color: #3584D5;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    text-transform: capitalize;
    border: 2px solid #3584D5;
}


.confirm_trans_heading h3{
  color: #2E3D62;
  font-size: 26px;
  margin: 0;
}
.confirm_trans_butns ul li{
  display: inline-block;
}
.confirm_trans_butns ul li a{
  display: inline-block;
  padding: 14px 36px;
  color: #fff;
  font-size: 20px;
  border-radius: 30px;
      box-shadow: 7px 7px 15px 6px #00000021;
}
.confirm_trans_butns ul{
  text-align: right;
  margin: 0;
}
.confirm_trans_butns ul li:first-child a{
  background-color: #A3A1BC;
}
.confirm_trans_butns ul li:last-child a{
  background-color: #D53535;
}

.transaction-log h3 {
    color: #2E3D62;
    font-size: 20px;
    margin: 0;
    font-weight: 600;
}

.trns-tbl h4 {
    display: inline-block;
    width: 50%;
}

.trns-tbl {
    display: flex;
    align-items: center;
}

.transaction-tbl input {
    width: 70%;
    margin: 0 0px 0 30px;
    border-radius: 100px;
}


.trns-tbl span {
    color: #A3A1BC;
    font-size: 16px;
}


.transaction-log .confirm_trans_butns ul li:first-child a {
    background-color: #3584D5;
}

.tbl-img img {
    background-color: #000;
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 100px;
}

.tbl-img img:first-child {
    background-color: #93C144;
}

.tbl-img img:last-child {
    background-color: #3584D5;
}
/*SEND MONEY END SHAHZAIB*/



.all-transactions-table table{
  width: 100%;
}
.all-transactions-table table thead{
  background-color: #F6F6F6;
  height: 60px;
}
.all-transactions-table table thead th{
  padding: 20px;
  color: #2E3D62;
  font-size: 16px;
}
.all-transactions-table table tbody tr{
  height: 60px;
  border-bottom: 1px solid #f6f6f6;
}
.all-transactions-table table tbody tr td{
  padding: 20px;
  color: #9290B1;
  font-weight: 600;
  font-size: 16px;
}

.all-transactions-table table tbody tr td:last-child i{
  text-align: right;
  color: #fff;
      background-color: #93C144;
    width: 31px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    border-radius: 30px;
}



















.cash_and_prod{
  background-color: #fff;
  padding: 30px 15px;
  border-radius: 8px;
}
.cash_p {
  font-size: 20px !important;
    font-weight: 600 !important;
    color: #2E3D62 !important;
}
.cash_and_prod h4{
  font-size: 16px;
  color: #2E3D62;
  font-weight: 700;
}
.cash_and_prod h4 span{
  float: right;
  color: #A3A1BC;
}
.cash_home_delivery_left h4{
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 15px;
}
.cash_home_delivery_left h5{
  font-size: 16px;
  color: #2E3D62;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 0px;
}
.cash_home_delivery_left p{
  font-size: 13px;
  color: #A3A1BC;
}
.cash_home_delivery_left{
  width: 70%;
}
.cash_home_delivery{
  display: flex;
  align-items: center;
}
.cash_home_delivery_price{
  width: 30%;
  text-align: center;
}
.cash_home_delivery_price h4{
  margin-top: 0px;
  line-height: 16px;
  text-align: center;
}
.cash_home_delivery_price i{
  color: #fff;
  background-color: #93C144;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  border-radius: 30px;

}





.multi-graph {
  width: 300px;
  height: 150px;
  position: relative;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
}
.multi-graph:before {
  content: "";
  width: 300px;
  height: 150px;
  border: 50px solid rgba(0, 0, 0, 0.15);
  border-bottom: none;
  position: absolute;
  box-sizing: border-box;
  transform-origin: 50% 0%;
  border-radius: 300px 300px 0 0;
  left: 0;
  top: 0;
}
.multi-graph .graph {
  width: 300px;
  height: 150px;
  border: 50px solid var(--fill);
  border-top: none;
  position: absolute;
  transform-origin: 50% 0% 0;
  border-radius: 0 0 300px 300px;
  left: 0;
  top: 100%;
  z-index: 5;
  -webkit-animation: 1s fillGraphAnimation ease-in;
          animation: 1s fillGraphAnimation ease-in;
  transform: rotate(calc( 1deg * ( var(--percentage) * 1.8 ) ));
  box-sizing: border-box;
  cursor: pointer;
}
.multi-graph .graph:after {
  content: attr(data-name) " " counter(varible) "%";
  counter-reset: varible var(--percentage);
  background: var(--fill);
  box-sizing: border-box;
  border-radius: 2px;
  color: #fff;
  font-weight: 200;
  font-size: 12px;
  height: 20px;
  padding: 3px 5px;
  top: 45px !important;
  position: absolute;
  left: 0;
  transform: rotate(calc( -1deg * var(--percentage) * 1.8 )) translate(-30px, 0px);
  transition: 0.2s ease-in;
  transform-origin: 0 50% 0;
  opacity: 0;
}
.multi-graph .graph:hover {
  opacity: 0.8;
}
.multi-graph .graph:hover:after {
  opacity: 1;
  left: 30px;
}
.multi-graph .graph1:hover:after {
    opacity: 1;
    left: 65px;
    height: 25px;
}
.multi-graph .graph2:hover:after{
  opacity: 1;
    left: 40px;
    height: 25px;
}
.multi-graph .graph3:hover:after {
    opacity: 1;
    left: 22px;
    height: 25px;
    top: -8px !important;
}
@-webkit-keyframes fillAnimation {
  0% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(135deg);
  }
}

@keyframes fillAnimation {
  0% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(135deg);
  }
}
@-webkit-keyframes fillGraphAnimation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
}
@keyframes fillGraphAnimation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
}




.my_bar{
  height: 25px;
  width: 100%;
  display: block;
  margin-bottom: 25px;
}
.my_bar .yellow{
  background-color: #E7D001;
  width: 25%;
  height: 25px;
  display: inline-block;
  margin-right: -5px;
  color: #fff;
  text-align: right;
  padding-right: 8px;
}
.my_bar .green{
  background-color: #93C144;
  width: 25%;
  height: 25px;
  display: inline-block;
  margin-right: -5px;
  color: #fff;
  text-align: right;
  padding-right: 8px;
}
.my_bar .red{
  background-color: #FF1D1D;
  width: 25%;
  height: 25px;
  display: inline-block;
  margin-right: -5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  color: #fff;
  text-align: right;
  padding-right: 8px;
}
.my_bar .blue{
  background-color: #3584D5;
  width: 25%;
  height: 25px;
  display: inline-block;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  color: #fff;
  text-align: right;
  padding-right: 8px;
}
.graph_box{
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 8px 15px #0000000a;
}
.graph_main_list li:first-child{
  font-size: 18px;
  font-weight: 600;
  color: #2E3D62;
}
.graph_main_list li:first-child span{
  float: right;
  color: #2E3D62;
}

.graph_main_list li{
  font-size: 15px;
  font-weight: 600;
  color: #2E3D62;
}
.graph_main_list li span{
  color: #D53535;
  float: right;
}
.cash_drop_ord h4{
  font-size: 17px;
  color: #2E3D62;
  font-weight: 600;
}
.list_graph li{
  font-size: 13px;
  position: relative;
}
.list_graph li:first-child:before {
    content: '';
    position: absolute;
    left: -15px;
    top: 8px;
    height: 6px;
    width: 6px;
    background-color: #FF6384;
    border-radius: 10px;
}
.list_graph li:last-child:before {
    content: '';
    position: absolute;
    left: -15px;
    top: 8px;
    height: 6px;
    width: 6px;
    background-color: #FFCD56;
    border-radius: 10px;
}
.list_graph li:nth-child(2):before {
    content: '';
    position: absolute;
    left: -15px;
    top: 8px;
    height: 6px;
    width: 6px;
    background-color: #FF9F40;
    border-radius: 10px;
}
.year_Select select{
  border-radius: 30px;
  border: none !important;
  background-color: #f4f8fd;
  appearance: auto;
  font-weight: 600;
  color: #2E3D62;
}
.transiction_graph h3{
  font-size: 24px;
  font-weight: 700;
  color: #2E3D62;
}
.grap_bars_box img{
  margin-top: 40px;
  width: 100%;
}
.edit_icon i {
    color: #fff;
    background-color: #AAB1C9;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: right;
    border-radius: 30px;
    margin: 0 auto;
}
.box_height{
  height: 500px;
}

.latest_transactions h4{
  font-size: 20px;
  font-weight: 600;
  color: #2E3D62;
}
.withdrawl_trans h5{
  font-size: 16px;
  color: #2E3D62;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 6px;
}
.withdrawl_trans h5 span{
  font-size: 15px;
}
.withdrawl_code h6{
  font-size: 18px;
  font-size: 15px;
  color: #2E3D62;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 6px;
}

.withdrawl_code h6 span{
  font-size: 12px;
  color: #9290B1;
}
.brb{
  border-bottom: 1px solid #F5F6F9;
}

/*.all_transaction_slider{
  overflow-x: scroll;
}*/
.all_transaction_slider li{
  display: inline-block;
  width: 14%;

}
.all_transaction_slider_small input{
  font-size: 10px;
}
.all_transaction_slider_small select{
  font-size: 10px;
}
.all_transaction_slider li input{
  background-color: #EEEEEE;
  border-radius: 30px;
  height: 40px;
  width: 100%;
}
.all_transaction_slider li input::placeholder{
  color: #2E3D62;
  font-weight: 600;
}
.all_transaction_slider li select{
  padding-left: 10px;
  background-color: #EEEEEE;
  border-radius: 30px;
  appearance:auto;
  height: 40px;
  color: #2E3D62;
  font-weight: 600;
}
.all_transaction_slider li button{
  width: 100%;
  color: #fff;
  font-size: 16px;
  background-color: #93C144;
  height: 40px;
  border: none;
  border-radius: 30px;
}

.all-transactions-table table{
  width: 100%;
}
.all-transactions-table table thead{
  background-color: #F6F6F6;
  height: 60px;
}
.all-transactions-table table thead th{
  padding: 20px;
  color: #2E3D62;
  font-size: 14px;
}
.all-transactions-table table tbody tr{
  height: 60px;
  border-bottom: 1px solid #f6f6f6;
}
.all-transactions-table table tbody tr td{
  padding: 20px;
  color: #9290B1;
  font-weight: 600;
  font-size: 14px;
}

.all-transactions-table table tbody tr td:last-child i{
  text-align: right;
  color: #fff;
      background-color: #93C144;
    width: 31px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    border-radius: 30px;
}
.all-trans-pagination p{
  font-size: 13px;
  color: #9290B1;
  padding-left: 20px;
}
.all-trans-pagination p a{
  color: #9290B1;
}
.box_all_transaction h4{
  font-size: 30px;
  color: #2E3D62;
  font-weight: 700;
}
.box_all_transaction{
  font-size: 13px;
  font-weight: 600;
  color: #9290B1;
}




/*CONFIRM TRANSACTION*/
.confirm_trans_heading h3{
  color: #2E3D62;
  font-size: 26px;
  margin: 0;
}
.confirm_trans_butns ul li{
  display: inline-block;
}
.confirm_trans_butns ul li a{
  display: inline-block;
  padding: 14px 36px;
  color: #fff;
  font-size: 20px;
  border-radius: 30px;
      box-shadow: 7px 7px 15px 6px #00000021;
}
.confirm_trans_butns ul{
  text-align: right;
  margin: 0;
}
.confirm_trans_butns ul li:first-child a{
  background-color: #A3A1BC;
}
.confirm_trans_butns ul li:last-child a{
  background-color: #93C144;
}
.pre_transaction_disclouser h4{
  font-size: 26px;
  color: #2E3D62;
  font-weight: 600;
  margin-bottom: 30px;
  margin-top: 20px;
}
.pre_transaction_disclouser p{
  font-size: 16px;
  color: #A3A1BC;
  margin-bottom: 22px;
}
.pre_transaction_disclouser ul{
  margin: 40px 0px;
}
.pre_transaction_disclouser ul li{
  font-size: 16px;
  font-weight: 600;
  color: #2E3D62;
}
.pre_transaction_disclouser ul li:not(:last-child){
  margin-bottom: 15px;
}
.recipt_logo img{
  margin-bottom: 20px;
}
.recipt_logo h5{
  font-size: 20px;
  font-weight: 600;
  color: #3584D5;
}
.disclouser_logo{
  display: flex;
  align-items: center;
}
.disclouser_logo h5{
  font-size: 20px;
  font-weight: 600;
  color: #3584D5;
  margin-left: 40px;
}
.pay_det_recipt{
  padding: 20px 0px;
  border-bottom: 1px solid #ECEEFD;
}
.pay_det_recipt h3{
  font-size: 30px;
  font-weight: 700;
  color: #2E3D62;
  margin-bottom: 0;
}
.pay_det_recipt p{
  font-size: 15px;
  color: #A3A1BC;
  margin-bottom: 0px;
}
.sender_det{
  padding: 15px 0px;

  border-bottom: 1px solid #ECEEFD;
}
.sender_det ul{
  margin-bottom: 0px;
}
.sender_det ul li{
  color: #A3A1BC;
  font-size: 13px;
}
.sender_det ul li:first-child{
  color: #2E3D62;
  font-size: 15px;
}
.amount_recipt ul li{
  font-size: 14px;
  color: #A3A1BC;
}
.amount_recipt{
  padding: 14px 0px;
}
.amount_recipt ul li span{
  float: right;
  color: #2E3D62;
  font-weight: 600;
}
.total_amount_recipt h3{
  font-size: 28px;
  color: #2E3D62;
  font-weight: 700;
  margin-bottom: 0px;
}
.total_amount_recipt h4{
  margin-top: 0px;
  font-size: 25px;
  color: #3584D5;
  font-weight: 700;
}
.recipt_warning p{
  color: #FF1C1C;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  margin-bottom: 0px;
}
.print_pre_butn a{
  color: #fff;
  font-size: 16px;
  background-color: #93C144;
  padding: 17px 40px;
  border-radius: 30px;
}
.recipt_checkbox input{
  width: 25px;
  height: 25px;
  margin-right: 15px;
}
.recipt_checkbox label {
    font-size: 18px;
    color: #2E3D62;
    position: relative;
    font-weight: 700;
    top: -5px;
}
.cont_btn a{
  background-color: #3584D5;
  padding: 14px 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 18px;
}

.box2 {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 10px;
    box-shadow: 0px 8px 15px #0000000a;
}
.pre_transaction_recipt {
    border: 1px dashed #a3a1bc;
    padding: 20px;
}
.recipt_logo h6{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #A3A1BC;
}
.recipt_logo h4{
  font-size: 24px;
  color: #2E3D62;
  font-weight: 600;
  margin-top: 10px;
}

.sender_det h6{
  font-size: 14px;
  font-weight: 600;
  color: #2E3D62;
  margin-bottom: 0px;
}
.sender_det p{
  color: #a3a1bc;
  font-size: 13px;
}
.sender_det h6 span{
  color: #A3A1BC;
}
.recipt_logo h4 span{
  color: #3584D5;
}
.marchant_list{
  padding: 32px 0px 0;
}
.marchant_list ul{
  margin-bottom: 0px;
}
.marchant_list ul li{
  font-size: 13px;
  color: #a3a1bc;
}
.print_recipt a{
  padding: 14px 40px;
  color: #fff;
  font-size: 16px;
  background-color: #93C144;
  border-radius: 30px;
  font-weight: 600;
  box-shadow: 0 0 20px #00000021;
}


.product_lookup h4{
  font-size: 25px;
  font-weight: 600;
  columns: #2E3D62;
  margin-bottom: 0px;
}
.product_lookup p{
  color: #A3A1BC;
  font-size: 16px;
}
.send_product_selct label{
  font-size: 14px;
  color: #2E3D62;
  margin-bottom: 10px;
}
.send_product_selct select{
  width: 100%;
  padding-left: 15px;
  border-radius: 30px;
  background-color: #F6F6F6;
  color: #2E3D62;
  font-weight: 600;
  height: 45px;
  appearance:auto;
}
.send_product_selct label span{
  color: red;
}
/* skin 2 */
.skin-2 .num-in {
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 25px;
  height: 40px;
  width: 110px;
  float: left;
}

.skin-2 .num-in span {
  width: 25%;
  display: block;
  height: 40px;
  float: left;
  position: relative;
}

.skin-2 .num-in span:before, .skin-2 .num-in span:after {
  content: '';
  position: absolute;
  background-color: #667780;
  height: 2px;
  width: 10px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
}

.skin-2 .num-in span.plus:after {
  transform: rotate(90deg);
}

.skin-2 .num-in input {
    float: left;
    width: 50%;
    height: 40px;
    border: none;
    text-align: center;
    background: none;
}

/* / skin 2 */

.product_list_table table{
  width: 100%;
}
.product_list_table table thead tr{
  height: 60px;
  background-color: #F6F6F6;
}
.product_list_table table thead tr th{
  padding: 20px;
  color: #2E3D62;
  font-weight: 600;
  font-size: 17px;
}
.product_list_table table tbody tr{
  height: 80px;
}
.product_list_table table tbody tr td{
  padding: 20px;
  color: #a3a1bc;
  font-size: 14px;
  border: 1px solid #ECECEC;
}
.product_list_table table tbody tr td .chk{
  height: 18px;
  width: 18px;
}
.product_list_table table tbody tr td .chkl{
  position: relative;
  top: -15px;
}
.product_list_table table tbody tr .td_name{
  font-size: 16px;
  color: #2E3D62;
  font-weight: 600;
}
.product_list_table table tbody tr .pr{
  font-size: 20px;
  color: #3584D5;
  font-weight: 600;
}
.product_list_table h3{
  font-size: 27px;
  columns: #2E3D62;
  font-weight: 600;
}
.next a{
  color: #fff;
  background-color: #93C144;
  padding: 14px 50px;
  border-radius: 30px;
  border: 1px solid #93C144;
  font-size: 20px;
}


.important_notes h4{
  font-size: 24px;
  color: #A3A1BC;
  font-weight: 600;
}
.important_notes ul li{
  font-size: 15px;
  color: #FF1C1C;
  font-weight: 600;
}
.prod_list_price ul{
  text-align: right;
}
.prod_list_price ul li{
  font-size: 16px;
  color: #a3a1bc;
  font-weight: 600;
}
.prod_list_price ul li span{
  color: #3584D5;
  margin-left: 10px;
}
.prod_list_price ul li:last-child{
  font-size: 19px;
}
.prod_list_price ul li:not(:last-child){
  margin-bottom: 12px;
}
.next{
  margin-top: 50px;
}
.next223 span{
  color: #FF1C1C;
  margin-right: 20px;
  font-size: 16px;
}
.confirm_trans_heading p{
  font-size: 15px;
  color: #a3a1bc;

}
.new_height{
  height: 928px;
}
.custom_advisor_lst ul{
  margin-top: 40px;
}
.custom_advisor_lst ul li{
  font-size: 13px;
  color: #2E3D62;
  font-weight: 600;
}
.custom_advisor_lst ul li:not(:last-child){
  margin-bottom: 12px;
}
.reset_btn{
  background-color: #D53535 !important;
}
.wallet_btn a{
  padding: 14px 40px;
  border-radius: 30px;
  background-color: #A3A1BC;
  color: #fff;
  font-size: 18px;
}


.ticket_post{
  width: 100%;
  height: 150px;
  border: 3px dashed #2E3D62;
  border-radius: 10px;
  background-color: #F6F6F6;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ticket_post h2{
  font-weight: 700;
  color: #2E3D62;
  margin-bottom: 0px;
  font-size: 45px;
}
.ticket_post p{
  font-weight: 600;
  color: #a3a1bc;
  font-size: 16px;
}
.gr{
  color: #93C144 !important;
}
.rd{
  color: #FF1C1C !important;
}

.mt-1{
  margin-top: 10px;
}
.mt-5{
  margin-top: 50px;
}
.mb-5{
  margin-bottom: 50px;
}
.mb-4{
  margin-bottom: 40px;
}
.mt-8{
  margin-top: 80px;
}
.mt-4{
  margin-top: 40px !important;
}
.mt-3{
  margin-top: 30px;
}
.mb-3{
  margin-bottom: 30px;
}
.mt-2{
  margin-top: 20px;
}
.mb-7{
  margin-bottom: 70px;
}
.modal-header{
  border:none;
}
.red_list{
  margin-top: 5px !important;
  margin-bottom: 15px !important;
}
.red_list li{
  font-size: 16px !important;
  color: #FF1C1C !important;
  margin-bottom: 4px !important;
  font-weight: 500 !important;
}

#edit .modal-title{
  font-size: 20px;
  color: #2E3D62;
  font-weight: 600;
}
.modal-content {
    padding: 10px;
}
#edit .modal-body h4{
  font-size: 18px;
  color: #2E3D62;
  font-weight: 600;
}
#edit .modal-body h4 span{
  color: #3584D5;
}
#edit .modal-body form{
  margin: 30px 0px;
}
#edit .modal-body form label{
  font-size: 13px;
  font-weight: 600;
  color: #9DA4AD;
}
#edit .modal-body form input{
  width: 100%;
}
#edit .modal-body form input::placeholder{
  color: #2E3D62;
  font-weight: 600;
}
#edit .modal-body form a{
  padding: 12px 35px;
  background-color: #93C144;
  color: #fff;
  font-size: 16px;
}

.modal-header .close {
    /* margin-top: -2px; */
    position: absolute;
    right: -23px;
    font-size: 40px;
    background: #79797f;
    opacity: 1;
    color: #fff;
    border-radius: 30px;
    padding: 4px 13px;
    top: -21px;
}

#edit2 .modal-title{
  font-size: 20px;
  color: #2E3D62;
  font-weight: 600;
}
#edit2 .modal-body h4{
  font-size: 18px;
  color: #2E3D62;
  font-weight: 600;
}
#edit2 .modal-body h4 span{
  color: #3584D5;
}
#edit2 .modal-body form{
  margin: 30px 0px;
}
#edit2 .modal-body form label{
  font-size: 13px;
  font-weight: 600;
  color: #9DA4AD;
}
#edit2 .modal-body form input{
  width: 100%;
}
#edit2 .modal-body form input::placeholder{
  color: #2E3D62;
  font-weight: 600;
}
#edit2 .modal-body form h5{
  font-size: 16px;
  color: #2E3D62;
  font-weight: 600;
  margin-bottom: 0px;
}
#edit2 .modal-body form a{
  padding: 12px 35px;
  background-color: #93C144;
  color: #fff;
  font-size: 16px;
}

.modal_btn ul li{
  display: inline-block;
}
.modal_btn ul li:first-child a{
  background-color: #3584D5 !important;
}




#update .modal-title{
  font-size: 20px;
  color: #2E3D62;
  font-weight: 600;
}
#update .modal-body h4{
  font-size: 18px;
  color: #2E3D62;
  font-weight: 600;
}
#update .modal-body h4 span{
  color: #3584D5;
}
#update .modal-body form{
  margin: 30px 0px;
}
#update .modal-body form label{
  font-size: 13px;
  font-weight: 600;
  color: #9DA4AD;
}
#update .modal-body form input{
  width: 100%;
}
#update .modal-body form input::placeholder{
  color: #2E3D62;
  font-weight: 600;
}
#update .modal-body form h5{
  font-size: 16px;
  color: #2E3D62;
  font-weight: 600;
  margin-bottom: 0px;
}
#update .modal-body form a{
  padding: 12px 35px;
  background-color: #93C144;
  color: #fff;
  font-size: 16px;
}


#otp .modal-title{
  font-size: 20px;
  color: #2E3D62;
  font-weight: 600;
}
#otp .modal-body h4{
  font-size: 18px;
  color: #2E3D62;
  font-weight: 600;
}
#otp .modal-body h4 span{
  color: #3584D5;
}
#otp .modal-body form{
  margin: 30px 0px;
}
#otp .modal-body form label{
  font-size: 13px;
  font-weight: 600;
  color: #9DA4AD;
}
#otp .modal-body form input{
  width: 100%;
}
#otp .modal-body form input::placeholder{
  color: #2E3D62;
  font-weight: 600;
}
#otp .modal-body form h5{
  font-size: 16px;
  color: #2E3D62;
  font-weight: 600;
  margin-bottom: 0px;
}
#otp .modal-body form a{
  padding: 12px 35px;
  background-color: #93C144;
  color: #fff;
  font-size: 16px;
}
#otp .modal-body p{
  text-align: right;
}
#otp .modal-body p a{
  color: red;
  padding: 0;
  background-color: transparent;
}



.modal_btn .sub{
  background-color: #93c144;
  padding: 12px 30px;
  color: #fff;
  font-weight: 600;
  border-radius: 30px;
  margin-top: 0px;
}
.modal_btn h5{
  font-size: 22px;
  color: #2E3D62;
  margin-bottom: 0px;
  font-weight: 600;
}

#otp2 .modal-title{
  font-size: 20px;
  color: #2E3D62;
  font-weight: 600;
}


#refund .modal-title{
  font-size: 20px;
  color: #2E3D62;
  font-weight: 600;
}

#refund .modal-body h4{
  font-size: 18px;
  color: #2E3D62;
  font-weight: 600;
}
#refund .modal-body h4 span{
  color: #3584D5;
}
#refund .modal-body form{
  margin: 30px 0px;
}
#refund .modal-body form label{
  font-size: 13px;
  font-weight: 600;
  color: #9DA4AD;
}
#refund .modal-body form input{
  width: 100%;
}
#refund .modal-body form input::placeholder{
  color: #2E3D62;
  font-weight: 600;
}
#refund .modal-body form a{
  padding: 12px 35px;
  background-color: #93C144;
  color: #fff;
  font-size: 16px;
}


#refund2 .modal-title{
  font-size: 20px;
  color: #2E3D62;
  font-weight: 600;
}
#refund2 .modal-body h4{
  font-size: 18px;
  color: #2E3D62;
  font-weight: 600;
}
#refund2 .modal-body h4 span{
  color: #3584D5;
}
#refund2 .modal-body form{
  margin: 30px 0px;
}
#refund2 .modal-body form label{
  font-size: 13px;
  font-weight: 600;
  color: #9DA4AD;
}
#refund2 .modal-body form input{
  width: 100%;
}
#refund2 .modal-body form textarea::placeholder{
  color: #2E3D62;
  font-weight: 600;
}
#refund2 .modal-body form h5{
  font-size: 16px;
  color: #2E3D62;
  font-weight: 600;
  margin-bottom: 0px;
}
#refund2 .modal-body form a{
  padding: 12px 35px;
  background-color: #93C144;
  color: #fff;
  font-size: 16px;
}
#refund2 .modal-body label {
    font-size: 13px;
    color: #a3a1bc !important;
    position: relative;
    top: -2px;
}
#refund2 ul li{
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
}
#refund2 ul li span{
  color: #3584D5;
  margin-left: 10px;
}
.double_ic a i{
  color: #fff !important;
}
.red_bg{
  color: #fff;
}


#comm .modal-title{
  font-size: 20px;
  color: #2E3D62;
  font-weight: 600;
}
#comm .modal-body .agent_com{
  display: flex;
  align-items: flex-start;
  margin: 20px 0px;
}
#comm .modal-body .agent_com h6{
  margin: 0;
  width: 25%;
  font-size: 17px;
  font-weight: 600;
  color: #2E3D62;
}
#comm .modal-body .agent_com span{
  margin: 0;
  width: 75%;
  font-size: 15px;
  color: #A3A1BC;
  font-weight: 600;
}




.my-wrap{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.my-wrap span{
  font-size: 18px;
  margin-right: 22px;
  color: #FF1C1C;
}

.transaction-tbl-my h4{

  width: 30%;
}
.transaction-tbl-my .rd{
  color: #FF1C1C;
}
.blu{
  color: #3584D5 !important;
}





.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid;
}
.styled-checkbox:hover + label:before {
  background: #93C144;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #93C144;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 10px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}




.date_text22{
  padding-left: 12px;
}
.Forgot_head h3{
  position: relative;
  margin-bottom: 55px;
}

.Forgot_head h3::after {
    position: absolute;
    content: '';
    width: 60px;
    height: 7px;
    background-color: #3584D5;
    border-radius: 10px;
    bottom: -30px;
    left: 0;
}

.my-nn{
  overflow-x: hidden;
}


.pas_icon_eye{
  position: relative;
}
.pas_icon_eye span{
  position: absolute;
  right: 10px;
  top: 18px;
  color: #93C144;
}











@media only screen and (min-width: 1600px) and (max-width: 1920px){}
@media only screen and (min-width: 1445px) and (max-width: 1599px) {}
@media only screen and (min-width: 1366px) and (max-width: 1444px) {
  .sigin-right{
    padding: 20% 17%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px){
.sigin-lft h2{
    font-size: 52px;
  }
  .sigin-right{
    padding: 20% 17%;
  }
  }
@media only screen and (min-width: 992px) and (max-width: 1199px){

}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .container {
    width: inherit;
  }
  .sigin-lft {
    background-image: url(../images/sign-in-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 35% 0% 35% 12%;
    height: 55vh;
  }
  .sigin-right {
    padding: 10% 17%;
    background-color: #f4f8fd;
    height: 65vh;
  }
}
@media only screen and (min-width: 520px) and (max-width: 767px){

  .ticket_post {
    margin-bottom: 30px;
  }

  .main_logo {
    margin: 13px 0 0 0;
    width: 50% !important;
  }
  .my-nn{
    overflow-x: auto;
  }
  .sigin-lft {
    background-image: url(../images/sign-in-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 45% 0% 20% 8%;
    height: auto;
  }

  .sigin-lft h2 {
    font-size: 38px;
    line-height: 50px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
  }

  .sigin-right {
    padding: 20% 7% 20% 7%;
    background-color: #f4f8fd;
    height: auto;
  }

  .sigin-right h3 {
    color: #2E3D62;
    font-size: 38px;
    line-height: 40px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: -1.1px;
  }

  .sigin-right p {
    color: hsl(252deg 50% 23% / 40%);
    font-size: 18px;
    font-weight: 400;
    position: relative;
  }

  .forgot-pass-page .sigin-lft {
    padding: 25% 8% 20% 12%;
  }

  .forgt_pass {
    padding: 20% 12% 20% 12%!important;
    position: relative;
  }

  .mobo_block {
    display: block !important;
  }


  .top-welcom h4 {
    font-size: 20px;
    line-height: 25px;
    color: #ababab;
    font-weight: 600;
    margin: 0;
  }

  .top-welcom h4 a {
    font-size: 20px;
    line-height: 16px;
    color: #3584D5 !important;
    padding: 0 !important;
  }

  .last-logout-wrap {
    border-right: 1px solid #8c8c8ca6;
    padding-right: 23px;
    margin-top: 30px;
  }

  .last-logout-wrap li {
    font-size: 14px;
  }

  .menuSec img {
    margin: 13px 0 0 0;
    width: 80%;
  }

  .header-admin-wrap h4 {
    font-size: 20px;
    line-height: 32px;
    color: #3584D5;
    margin: 0;
    font-weight: 600;
  }

  .header-admin-wrap h3 {
    font-size: 20px;
    line-height: 20px;
    color: #DDDDDD;
    margin: 0;
    font-weight: 600;
  }


  .all_transaction_slider li {
    display: inline-block;
    width: 48.5%;
  }

  .all_transaction_slider li select {
    padding-left: 9px;
    height: 40px;
  }

  .box_height {
    height: auto;
  }

  .menuSec .br-1 {
    border: 0;
    padding: 0;
  }

  .list_graph {
    padding-left: 17px;
  }


  .box {
    margin-top: 30px;
  }

  .box_all_transaction h4 {
    font-size: 24px;
    color: #2E3D62;
    font-weight: 700;
  }

  .cash_and_prod {
    margin-top: 40px;
  }

  .mt_0_mob {
    margin-top: 0px;
  }

  .container {
    width: 100%;
  }

  .multi-graph {
    margin: auto;
  }



  .confirm_trans_butns ul {
    text-align: left;
    margin: 0px 0 0 0;
  }

  .confirm_trans_butns ul li {
    display: inline-block;
    margin-top: 15px;
  }

  .mt-50 {
    margin-top: 30px;
  }

  .home-main-sec.pb-50 {
    padding-bottom: 30px;
  }
  .home-main-sec.pt-50 {
      padding-top: 30px;
  }

  .sec-title {
    font-size: 25px;
  }

  .side_chkbx {
    text-align: left;
  }

  .total-price {
    text-align: left;
  }

  .next-btn-wrap a {
    width: 60%;
    display: inline-block;
  }


  .disclouser_logo {
    display: block;
  }

  .disclouser_logo h5 {
    margin-left: 0px;
    margin-top: 20px;
  }

  .print_pre_butn.text-right {
    text-align: left;
    margin-top: 30px;
  }

  .print_pre_butn a {
    font-size: 15px;
    padding: 17px 13px;
    border-radius: 30px;
  }

  .recipt_warning p {
    font-size: 17px;
    line-height: 25px;
  }

  .recipt_checkbox label {
    font-size: 12px;
    line-height: 18px;
    top: -5px;
  }

  .box2 {
    margin-top: 30px;
  }

  .transaction-details h3 {
    font-size: 20px;
    line-height: 34px;
  }

  .transaction-details h2 {
    font-size: 20px;
    line-height: 24px;
  }

  .transaction-details p {
    font-size: 15px;
    line-height: 30px;
  }

  .total-price h2 {
    color: #2E3D62;
    font-size: 22px;
    line-height: 28px;
    margin: 0;
  }

  .total-price h2 span {
    color: #3584D5;
    font-size: 27px;
    line-height: 30px;
    margin: 0 0px 0px 30px;
  }


  .new_height {
    height: auto;
  }

  .transaction-tbl input {
    width: 70%;
    margin: 0 0px 0 0px;
    border-radius: 100px;
  }

  .date_text {
    margin-top: 30px;
  }








}
@media only screen and (min-width: 300px) and (max-width: 519px){
  .sigin-lft {
    background-image: url(../images/sign-in-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 45% 0% 20% 8%;
    height: auto;
  }
  .my-nn{
    overflow-x: auto;
  }
  .sigin-lft h2 {
    font-size: 38px;
    line-height: 50px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
  }

  .sigin-right {
    padding: 20% 7% 20% 7%;
    background-color: #f4f8fd;
    height: auto;
  }

  .sigin-right h3 {
    color: #2E3D62;
    font-size: 38px;
    line-height: 40px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: -1.1px;
  }

  .sigin-right p {
    color: hsl(252deg 50% 23% / 40%);
    font-size: 18px;
    font-weight: 400;
    position: relative;
  }

  .forgot-pass-page .sigin-lft {
    padding: 25% 8% 20% 12%;
  }

  .forgt_pass {
    padding: 20% 12% 20% 12%!important;
    position: relative;
  }

  .mobo_block {
    display: block !important;
  }


  .top-welcom h4 {
    font-size: 14px;
    line-height: 25px;
    color: #ababab;
    font-weight: 600;
    margin: 0;
  }

  .top-welcom h4 a {
    font-size: 14px;
    line-height: 16px;
    color: #3584D5 !important;
    padding: 0 !important;
  }

  .last-logout-wrap {
    border-right: 1px solid #8c8c8ca6;
    padding-right: 23px;
    margin-top: 30px;
  }

  .last-logout-wrap li {
    font-size: 9px;
  }

  .menuSec img {
    margin: 13px 0 0 0;
    width: 80%;
  }

  .header-admin-wrap h4 {
    font-size: 14px;
    line-height: 22px;
    color: #3584D5;
    margin: 0;
    font-weight: 600;
  }

  .header-admin-wrap h3 {
    font-size: 14px;
    line-height: 20px;
    color: #DDDDDD;
    margin: 0;
    font-weight: 600;
  }


  .all_transaction_slider li {
    display: inline-block;
    width: 48.5%;
  }

  .all_transaction_slider li select {
    padding-left: 9px;
    height: 40px;
  }

  .box_height {
    height: auto;
  }

  .menuSec .br-1 {
    border: 0;
    padding: 0;
  }

  .list_graph {
    padding-left: 17px;
  }


  .box {
    margin-top: 30px;
  }

  .box_all_transaction h4 {
    font-size: 24px;
    color: #2E3D62;
    font-weight: 700;
  }

  .cash_and_prod {
    margin-top: 40px;
  }

  .mt_0_mob {
    margin-top: 0px;
  }

  .container {
    width: 100%;
  }

  .ticket_post {
    margin-bottom: 30px;
  }

  .confirm_trans_butns ul {
    text-align: left;
    margin: 0px 0 0 0;
  }

  .confirm_trans_butns ul li {
    display: inline-block;
    margin-top: 15px;
  }

  .mt-50 {
    margin-top: 30px;
  }

  .home-main-sec.pb-50 {
    padding-bottom: 30px;
  }
  .home-main-sec.pt-50 {
      padding-top: 30px;
  }

  .sec-title {
    font-size: 25px;
  }

  .side_chkbx {
    text-align: left;
  }

  .total-price {
    text-align: left;
  }

  .next-btn-wrap a {
    width: 60%;
    display: inline-block;
  }


  .disclouser_logo {
    display: block;
  }

  .disclouser_logo h5 {
    margin-left: 0px;
    margin-top: 20px;
  }

  .print_pre_butn.text-right {
    text-align: left;
    margin-top: 30px;
  }

  .print_pre_butn a {
    font-size: 15px;
    padding: 17px 13px;
    border-radius: 30px;
  }

  .recipt_warning p {
    font-size: 17px;
    line-height: 25px;
  }

  .recipt_checkbox label {
    font-size: 12px;
    line-height: 18px;
    top: -5px;
  }

  .box2 {
    margin-top: 30px;
  }

  .transaction-details h3 {
    font-size: 20px;
    line-height: 34px;
  }

  .transaction-details h2 {
    font-size: 20px;
    line-height: 24px;
  }

  .transaction-details p {
    font-size: 15px;
    line-height: 30px;
  }

  .total-price h2 {
    color: #2E3D62;
    font-size: 22px;
    line-height: 28px;
    margin: 0;
  }

  .total-price h2 span {
    color: #3584D5;
    font-size: 27px;
    line-height: 30px;
    margin: 0 0px 0px 30px;
  }


  .new_height {
    height: auto;
  }

  .transaction-tbl input {
    width: 70%;
    margin: 0 0px 0 0px;
    border-radius: 100px;
  }

  .date_text {
    margin-top: 30px;
  }

}



/* Custom styles */
.deatil-form-bg {
    padding: 5% 0;
    background-color: #f4f8fd;
}

.aval-bal {
    background-color: #93c144;
    text-align: center;
    padding: 40px 20px;
    border-radius: 10px;
}

.aval-bal span {
    background-color: #fff;
    display: inline-block;
    padding: 20px 22px;
    border-radius: 100%;
}

.aval-bal h4 {
    color: #fff;
    font-size: 34px;
    margin: 14px 0 6px;
}

.aval-bal p {
    color: #fff;
    margin: 0;
}

.aval-bal a {
    background-color: #3584d5;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    margin-top: 14px;
    width: 100%;
    padding: 12px 0;
    border-radius: 30px;
}

.aval-bal i {
    font-size: 44px;
    color: #3584d5;
}

.ned-hlp {
    background-color: #9190A2;
    margin-top: 20px;
}

.ned-hlp span {
    padding: 22px 17px;
}

.aval-bal i {
    font-size: 44px;
    color: #3584d5;
}

.ned-hlp h5 {
    margin: 20px 0 10px;
    font-size: 20px;
    color: #fff;
}

.aval-bal p {
    color: #fff;
    margin: 0;
}

.ned-hlp h6 {
    color: #fff;
    font-size: 24px;
    margin: 13px 0 0;
}

.prof-blk {
    background-color: #fff;
    box-shadow: 10px 10px 10px #eceefd;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.pro-img {
    position: relative;
    text-align: center;
}

.pro-img img {
    border: 1px solid #3584d5;
    border-radius: 100%;
    padding: 4px;
}

.pro-img a {
    background-color: #3584d5;
    color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 60px;
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    right: 25px;
}

.prof-blk .loc-title {
    margin-bottom: 20px;
}

.deatil-form-bg .loc-title {
    border-bottom: 1px solid #00000036;
    padding-bottom: 28px;
}

.loc-title {
    margin: 0 0 40px;
}

.loc-title h3 {
    font-size: 30px;
    color: #2E3D62;
    margin: 0 0 5px;
}

.prof-fld h5 {
    color: #2D2D2D;
    font-size: 16px;
    margin-bottom: 7px;
}

.prof-fld p {
    color: #A3A1BC;
}

#send-product-summary-btn[disabled],
#send-money-summary-btn[disabled] {
    opacity: 0.7;
}