@import url(font-common.css);
/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}
 
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #88b2fd; 
}

/* End Scrollbar Styling */

/** Bussiness Profile*/
/* .profile-pb,p {
  padding-bottom: 15px;
} */
.profile-pt {
  padding-top: 15px;
}
/** End Bussiness Profile*/

/* Login Form CSS Start */
.login-page{
    background-color:#fff;
}

/* s4  */
.purchaseDetails p {
  padding: 5px;
}
/* End s4 */

/* Vikas Purohit 19|Dec|2020 Start*/
[type='text'], 
[type='password'], 
[type='date'], 
[type='datetime'], 
[type='datetime-local'], 
[type='month'], 
[type='week'], 
[type='email'], 
[type='number'], 
[type='search'], 
[type='tel'], 
[type='time'], 
[type='url'], 
[type='color'], 
textarea,
[type='text']:focus, 
[type='password']:focus, 
[type='date']:focus, 
[type='datetime']:focus, 
[type='datetime-local']:focus, 
[type='month']:focus, 
[type='week']:focus, 
[type='email']:focus, 
[type='number']:focus, 
[type='search']:focus, 
[type='tel']:focus, 
[type='time']:focus, 
[type='url']:focus, 
[type='color']:focus, 
textarea:focus {
  border-radius: .25rem !important;
}
.tablegrid td nav .pagination {
  font-size: 12px;
}
.tablegrid td nav .pagination .page-item .page-link{
  background: #fff;
  color: #4885ED !important;
  font-weight: bold;
  border: 0;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  margin: 5px 5px;
  border-radius: .25rem;
}
.tablegrid td nav .pagination .disabled {
  padding: inherit;
}
.tablegrid td nav .page-item.active .page-link {
  padding: 10px 13px;
  font-size: 13px;
}
.tablegrid td nav .page-item .page-link:hover {
  background: #4885ED !important;
    color: #fff !important;
}
.tablegrid .table-responsive + .pull-right .pagination {
  margin-top: 10px;
}
.btn.btn-success .fas {
  font-size: 14px;
}
.tablegrid td nav .pagination .disabled {
  font-size: 16px;
}

.tablegrid .table tbody tr td {
  white-space: normal !important;
}
.table.dataTable.display tbody tr>th {
  vertical-align: middle;
}
.right-section::before,
.login-page::before {
    content: "";
    width: 25%;
    height: 100%;
    background-color: rgba(72, 133, 237, 0.3);
    border-radius: 0;
    position: fixed;
    top: -45%;
    left: -10%;
    transform: rotate(45deg);
}


/* 
.right-section::after,
.login-page::after {
	content: "";
	width: 100px;
	height: 100px;
	background-color: rgba(219, 50, 54, 0.3);
	border-radius: 100px;
	position: fixed;
	top: 0%;
	right: 0%;
	transform: scale(5);
} */

/* Vikas Purohit 19|Dec|2020 End*/

/* Vikas Purohit 19|Dec|2020 Start*/
.right-section::before {
	background-color: rgba(72, 133, 237, 0.1);
	left: 8%;
	z-index: -1;
}
.togglewidth .right-section::before {
	left: -9%;
}
/* Vikas Purohit 19|Dec|2020 End*/
.right-section::after{
    background-color: rgba(219,50,54,0.05);
    z-index: -1;
}
/*=== login right section ===*/
.login-form{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height:100vh;
}
.login-form form{
    width:100%;
}
.login-title{
    text-align: center;
    margin-bottom:50px;
}
.login-title h1{
    font-size:4em;
  font-family: "latobold";
  margin:0;
  padding: 0;
}
.login-title p{
    font-size:2em;
}

.login-form .form-group{
    position: relative;
}
.textcap
{
  text-transform: uppercase;
}

.dh-account{
    font-size: 2em;
    color:rgba(0,0,0,0.7);
    margin-top:15px;
}

.forgt-pw{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.forgt-pw a{
    color:rgba(0,0,0,0.8);
}
.forgt-pw .form-check-input{
    width:30px;
    height:30px;
    border:1px solid rgba(0,0,0,0.3);
    margin-right:15px;
}
.forgt-pw .form-check-label{
    margin:0;
}
.forgt-pw:hover{
    text-decoration: none;
    color:rgba(0,0,0,1);
}
.forpwdesc{
    font-size:1.8em;
}


/** Custom Css */

/* .header-btm .btn-group .btn.mb-1 {
  margin: 0 1em 1em 0 !important;
}

.header-btm > .btn-group + a {
  transform: translate(0, -7px);
}

a.btn.btn-primary.generate-qr {
  margin-right: 15px;
} */




/** End Custom Css */

/* Login Form CSS End */

/* ===== Login Page CSS End ===== */

/*===== Registration Page CSS ===== */

.registred-page-right,
.registred-page-left {
	height: calc(100vh - 160px);
	padding: 0 15px;
}

.registred-page-left {
	top: 0;
	background: #fafafa url('../assets/img/signup/signup.png') left top no-repeat;
	display: flex;
    flex-direction: column;
    justify-content: center;
}


/* .registred-page-left:before {
    content: "";
    width: 25%;
    height: 60%;
    background-color: rgb(237 241 252 / 1);
    border-radius: 16px;
    position: absolute;
    top: -33%;
    left: 0;
    transform: rotate(45deg);
} 

.vertical-align:after {
    content: "";
    width: 60%;
    height: 75px;
    background: url("../assets/img/signup/bottom-lines.png") 20% no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 15px;
    left: 0;
}*/


.referral-code[readonly] {
	border: 6px dashed rgba(0, 0, 0, 0.1);
	padding: 20px 0;
	text-align: center;
	font-size: 2em;
	height: 70px;
	font-style: italic;
	font-family: 'latobold';
	letter-spacing: 10px;
	color: #4A6DBE;
}

.form-control.referral-code:focus {
	box-shadow: 0 0 0 0 #E5F0FF;
}

.registred-page-left h1 {
	color: #486dc5;
	font-size: 5em;
	font-family: "latomedium";
}

.registred-page-left h1 span {
	font-size: 1em;
	display: block;
	font-family: "latobold";
}

.registred-page-left p {
	color: #444;
	font-size: 2em;
	width: 80%;
}

.registred-page .btn-primary {
	font-size: 2em;
	min-width: 250px;
}

.form-check-label {
    font-size: 1em;
}

.footer-info-box {
	flex: 1;
}

.registred-page-right {
	display: flex;
	align-items: center;
}

.registred-logo {
	width: 80%;
}

.registration-sub-heading {
    color: #2866ce;
    font-weight: normal;
    margin-bottom: 1.5em;
}

.referral-note {
	color: #adadad;
	font-size: 11px;
}

.edit-bg {
	background: #efefef;
	padding: 0;
}

.footer {
	height: 160px;
	display: flex;
}

.footer-info {
	display: flex;
	flex-direction: row;
	background: #4885ed;
	text-align: center;
	align-items: center;
	flex: 3;
}


.footer-logo {
	background: #286cce;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}


.footer-info p {
	color: #fff;
	width: 80%;
	margin: 0 auto;
	font-size: 12px;
}

.footer-info .icon-box {
	margin: 0 auto;
}

.footer-logo-img {
	width: 150px;
}

.footer-info img{
	filter: brightness(1000%);
	width: 40px;
}

.footer-info h4 a {
	color: #fff;
}

.footer-info .footer-border-right {
	background: url('../assets/img/signup/footer-border.jpg') center right no-repeat;
	background-size: 1%;
}

.footer-discount {
	background: #454545;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}


.footer-discount h5 a {
	color: #fff;
    font-size: 23px;
    text-align: center;
	margin: 0 auto;
    display: inline-block;
}
.footer-info a:hover,
.footer-discount h5 a:hover {
	text-decoration: none;
}

.registred-page-left p.punchline {
    color: #2866ce;
    white-space: nowrap;
    font-style: italic;
    font-size: 16px;
    line-height: 20px;
    margin: 1em 0em 1em 0em;
}

.btn-new {
	font-family: "Raleway", sans-serif;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 14px 32px;
	border-radius: 50px;
	transition: 0.5s;
	line-height: 1;
	color: #000;
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	background: #f3a747;
	margin-top: 15px;
	box-shadow: 4px 4px 6px #4a4a4a78;
  }
  
  .btn-new:hover {
	background: #e49128;
  }
  
  .btn-new.focus, .btn-new:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(243 167 71 / 40%);
  }
  
  .signup-submit {
    float: right;
    margin-top: 0;
  }

  .termsAndConditions .form-check {
    width: 60%;
    float: left;
  }
  
/*===== Dashboar start ===== */

/*===== header ===== */

.header-row{
    justify-content: space-between;
    display: flex;
}
.header-top{
    padding:5px 0;
    align-items: center;
    justify-content:flex-end;
    display: flex;
    width:100%;
}
.header-row .navbar-brand{
    font-size: 2.5em;
    color:rgba(0,0,0,0.8);
    font-weight: bold;
    padding:0 15px;
}
.header-row .navbar{
    flex-direction: column;
}
.header-row .btn{
    margin-right:15px !important;
}
.header-row .btn-primary{
    margin-right:0;
}

/*== user profile ==*/

.account-details{
    padding: 10px 0;
    background-color:#2866CE;
    text-align: center;
}
.account-details .uploadOuterpic{
    text-align: center;
    position: relative;
    margin: 0 20px 0 10px;
}
.content-details{
    color:#fff;
}
.content-details h2,
.content-details p{
    padding: 0px 0;
}
.content-details p{
    margin: 0 0 0px;
}
.content-details p small{
    color:#f7f7f7;
}

.account-details .uploadbtn{
    color: rgba(255,255,255,1);
    z-index: 1;
    padding: 3px 8px;
    margin: 0 auto;
    font-size: 1.5em;
    cursor: pointer;
}
.account-details .uploadbtn:hover{
    color:rgba(255,255,255,1);
}
.account-details .img-preview{
    margin: 0 auto;
    text-align: center;
}
.account-details .img-preview i{
    width:100%;
    font-size:28em;
    overflow: hidden;
    text-align: center;
    color:rgba(0,0,0,0.3);
}
.account-details .dragBox {
   display: none;
   
  }
  .account-details .img-preview  img {
    max-width: 100%;
    width: 100px;
    height: 100px;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0.3);
    padding: 2px;
  }

  /*=== User Profile End ===*/
  .header-icon .nav-item .nav-link{
      padding: 0px 15px;
  }
  .header-icon i{
    font-size: 2.5em;
    color:rgba(0,0,0,0.7);
    position: relative;
  }
  .header-icon .nav-item .nav-link i.fa-bell::after{
      width:8px;
      height:8px;
      position: absolute;
      top:0;
      right: 0;
      content: "";
      border-radius: 50px;
      background-color:#DB3236;
  }

  /* Setting Option */
  .dropdown{
      position: relative;
  }
  .dropdown .setting-option{
      display: none;
    position: absolute;
    right: 8px;
    top: 41px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.3);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    z-index: 2;
    width: max-content;
    border-radius: 4px;
  }
  .dropdown .setting-option a{
      display: block;
      font-size: 2em;
      padding:10px 15px;
      color:rgba(0,0,0,0.7);
  }
  .dropdown .setting-option a:hover{
    text-decoration: none;
    background-color:#4885ED;
    color:#fff;
  }
  .dropdown .setting-option::after{
    content: "";
    position: absolute;
    top: -16px;
    right: 6px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #7b7878;
  }

/*== header end == */


    /*=== Left Navigation Section ===*/
  
    .left-section .navigation{
        overflow: auto;
        height: 100%;
    }
    .left-section .navigation{
        width: 100%;
    }
    .toggle{
        position: relative;
        height: 50px;
        width: 50px;
        margin-top: 1.5em;
    }
    /*=== Hamburger Button ===*/
    .hamburger-btn{
        border: 0;
        height: 20px;
        width: 35px;
        position: absolute;
        background-color: transparent;
        border: 0;
        top:10px;
        left:0px;
        transform: rotateY(-180deg);
    }
    .togglewidth .left-section  .hamburger-btn{
        right: 10px;
        transform: rotateY(00deg);
    }
    .hamburger-btn:focus{
        outline: 0;
        box-shadow: 0;
    }
    .hamburger-btn span:nth-child(1),
    .hamburger-btn span:nth-child(2),
    .hamburger-btn span:nth-child(3){
       border-radius: 4px;
        height: 4px;
        background-color:rgba(0,0,0,0.7);
        margin-bottom: 4px;
        position: absolute;
        left:0;
       
    }
    .hamburger-btn span:nth-child(1){
        width:30px;
        top:0;
    }
    .hamburger-btn span:nth-child(2){
        width:25px;
        top:8px;
    }
    .hamburger-btn span:nth-child(3){
        width:20px;
        top:16px;
    }
    /*=== Hamburger Button End ===*/
    /*== nav bar == */
    .navi-close-btn
    {
        display: none;
    }
   
    .submeny-close-btn{
        display: none;
        position: absolute;
        top: 5px;
        right: 5px;
        width: 40px;
        height: 40px;
        border: 0;
        background: rgba(72,133,237,0.2);
        text-align: center;
        line-height: 48px;
        cursor: pointer;
        }
       .submeny-close-btn .fa-times{
            font-size: 2.5em;
            color:#4885ed;
        }
        .togglewidth .left-section .sidebar-submenu .submenu-inner .submeny-close-btn{
            display: block;
        }
    .nav-section ul{
        margin:0;
        padding: 0;
    }
    .nav-section ul li{
        list-style-type: none;
    }
    .nav-section ul li a{
        font-size: 1.4em;
        padding: 7px 0px;
        color:rgba(255,255,255,1);
        width:100%;
        display: block;
        background-color:#2866CE;
        border-top:1px solid #fff;
    }
    .nav-section ul li a:hover{
        text-decoration: none;
    }
    .nav-section ul li a span{
        padding-left:10px;
    }
   
    .nav-section ul li a i{
        padding:10px;
    }
    .nav-section ul li a:hover,
    .nav-section ul li a.nav-active{
        background-color:#2866CE;
        border-top:1px solid #fff;
        color:rgba(255,255,255,1);
    }
    .nav-section ul li a.nav-active .fa-chevron-down{
        transform: rotate(180deg);
    }
    .nav-section ul li a i .site-sta-sm-icon{
    padding: 0;
    font-size: 0.5em;
    position: absolute;
    top: 12px;
    left: 14px;
    }
    .nav-section ul li a .fa-chevron-down{
        float: right;
    }
     /*== Submenu == */

     .sidebar-submenu{
        /* display: none; */
        background-color: #4885ED;
    }
    .sidebar-submenu .submenu-inner > div{
        width:100%;
    }

    .sidebar-submenu .submenu-inner a.submenu-active{
        background-color: rgba(255,255,255,0.2);
        border-left: 5px solid #fff;

    }
    .nav-section ul li .sidebar-submenu a{
        padding: 8px 15px;
        background-color:transparent;
        border-top:0;
     }
      /*== Submenu end == */

    /*== toggle section ==*/

    .togglewidth .left-section .nav-section ul li a span,
    .togglewidth .left-section .nav-section ul li a .fa-chevron-down{
        
        display: none;
    }
    .togglewidth .left-section .nav-section ul li a{
        text-align: center;
    }
    .togglewidth .left-section .content-details{
        display: none;
    }
    .togglewidth .left-section .account-details .img-preview  img{
        width:60px;
        height: auto;
    }
    .togglewidth .left-section .account-details .uploadOuterpic{
        margin:0 5px;
    }
    .togglewidth .left-section .account-details .uploadbtn{
        display: none;
    }

   
 /*== Submenu == */
    /* Vikas Purohit 03|Dec|2020 start*/
     .togglewidth .left-section .nav-section ul li .sidebar-submenu {
      display: none;
      background-color: #fff;
      position: absolute;
      width: 250px;
      top: 0;
      bottom: 0;
      left: 72px;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
      border-radius: 0 4px 4px 0px;
      overflow-x: auto;
    }
    /* Vikas Purohit 03|Dec|2020 end*/
     .togglewidth .left-section .nav-section ul li .sidebar-submenu .submenu-inner{
         display: flex;
         align-items: center;
         height: 100vh;
     }
     .togglewidth .left-section .nav-section ul li .sidebar-submenu .submenu-inner  div{
         width:100%;
         margin-top: 50px;
     }
     

     .togglewidth .left-section .nav-section ul li .sidebar-submenu a{
         text-align: left;
         color:rgba(0,0,0,0.8);
     }
     .togglewidth .left-section .nav-section ul li .sidebar-submenu a:hover{
        text-align: left;
        background-color:rgba(72,133,237, 0.2);
        border-left:5px solid rgba(72,133,237, 1);
    }

    /*=== Left Navigation Section end ===*/

    /*=== right Section ===*/
       
        /*== section content == */
        .welcome-content{
            line-height:30px;
            margin:0;
        }
      

        /*=== breadcrumb === */

        .cust-breadcrumb .breadcrumb{
            background-color: transparent;
            padding:0;
            font-size:1.6em;
        }
        .cust-breadcrumb .breadcrumb .breadcrumb-item{
            color:#065C9B;
            font-family: "latobold";
        }
  
        .cust-breadcrumb .breadcrumb .breadcrumb-item a{
            color:rgba(0,0,0,0.7);
        }
        /*=== breadcrumb end ===*/

        /*== section content == */

        /*=== Edit Profile === */
        .profile-edit{
            justify-content: center;
            align-items: center;
            display: flex;
            height: 100%;
            padding: 15px 0;
            border-right: 1px solid rgba(0,0,0,0.3);
        }
        .uploadOuter{
            justify-content: center;
            align-items: center;
            display: flex;
            border: 1px solid rgba(0,0,0,0.3);
            text-align: center;
            padding:100px;
            position: relative;
            margin: 0 auto;
            overflow: hidden;
            border-radius:100%;
        }
      
        .img-uploadbtn{
            background-color: rgba(0,0,0,0.7);
            color: rgba(255,255,255,0.3);
            z-index:1;
            position: absolute;
            bottom: 0px;
            height: 54px;
            width:89%;
            margin: 0 auto;
            font-size: 4em;
            cursor: pointer;
            border-radius: 0 0 50px 50px;
        }
        .img-uploadbtn:hover{
            color:rgba(255,255,255,1);
        }
        .imgpreview{
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            text-align: center;
        }
        .imgpreview i{
            width:100%;
            font-size:28em;
            overflow: hidden;
            text-align: center;
            color:rgba(0,0,0,0.3);
        }
          .dragBox {
           display: none;
           
          }
          .imgpreview  img {
              max-width: 100%
          }
          /*=== Edit Profile ===*/

          /*=== User view profile ===*/

          .user-profile-view{
              display: flex;
              align-items: center;
          }
          .user-profile-view .userimg{
                padding: 0 20px 0 0;
          }
          .user-profile-view .userimg img{
              max-width: 100%;
              width:175px;
          }
          .user-data h2{
              font-family: 'latobold';
          }
          .user-data p{
              font-family: 'latosemibold';
          }
          .user-data p span{
            color:#7989A6
          }
          .info-data{
            font-family: 'latosemibold';
          }
         
          .info-data p{
            color:#7989A6;
          }
          .view-data h4{
              font-family: 'latobold';
          }
          .view-data p{
              font-family:'latosemibold';
              color:#7989A6;
          }


          /*=== table grid == */
          .tablegrid table.dataTable{
              border:1px solid #DDDDDD;
          }
          .tablegrid table.dataTable.no-footer{
              border-bottom: 1px solid #DDDDDD;
          }
          .tablegrid .dataTables_length label,
          .tablegrid .dataTables_filter,
          .tablegrid .dataTables_info,
          .tablegrid .dataTables_paginate {
                font-size: 1.4em;
          }
          .tablegrid table.dataTable.nowrap th
          {
            font-size: 1.5em;
            border-bottom:2px solid #DDDDDD;;
            padding: 13px 10px;
            background-color: #fff;
            border-right: 1px solid #ddd;
          }
          /*.tablegrid table.dataTable.nowrap th:last-child,
          .tablegrid table.dataTable.nowrap td:last-child{
              text-align: center;
          }*/
          .tablegrid table.dataTable.nowrap td{
            font-size: 1.4em;
            font-family: 'latomedium';
            border-right: 1px solid #ddd;
          }
          .tablegrid table.dataTable.nowrap td .btn-success{
            font-size: 1em;
            margin-bottom: 5px;
            width: auto;
            display: inline;
            padding: 4px 15px;
          }
          .tablegrid table.dataTable.stripe tbody tr.odd{
              background-color:#F8F9FA;
          }
          .tablegrid table.dataTable.stripe tbody tr.even{
            background-color:#F8F9FA;
        }
          .tablegrid table.dataTable.display tbody tr.odd>.sorting_1, 
          .tablegrid table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
              background-color: transparent;
          }
          .tablegrid table.dataTable thead .sorting {
            background-image: url(../images/sort_both.png);
            padding-right: 20px;
        }
        .tablegrid .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
        .tablegrid .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
            background: #4885ED;
            color: #fff !important;
            font-weight: bold;
            border: 1px solid transparent;
            box-shadow: 0 0 3px rgba(0,0,0,0.3);
        }
        .tablegrid .dataTables_wrapper .dataTables_paginate span .paginate_button
        {
            background: #fff;
            color:  #4885ED !important;
            font-weight: bold;
            border: 0;
            box-shadow: 0 0 3px rgba(0,0,0,0.3);
            margin: 5px 5px;
        }
        .tablegrid .dataTables_wrapper .dataTables_paginate span .paginate_button:hover{
            background: #4885ED;
            color: #fff !important;
        }
        .tablegrid .dataTables_wrapper .dataTables_paginate .paginate_button{
            margin-left:0;
        }
        .tablegrid .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
        .tablegrid .dataTables_wrapper .dataTables_paginate .paginate_button:active{
            background: transparent;
            color: #4885ED !important;
            border:1px solid #fff;
        }
        /*== Data Table end ==*/

        /*== table grid End == */

        /*== User Details == */

        .view-data{
            padding:0  20px;
        }
        .user-detail-view{
            padding:0px 0;
            display: flex;
            align-items: end;
            justify-content: space-between;
        }
       
        .user-detail-view h2{
            padding:0px 0 5px;
            font-size: 2.5em;
        }
        .user-detail-view p{
            margin-bottom: 5px;
            font-family: 'latoregular';
        }
        .personal-detail{
            padding:10px 0 0 0;
        }
        .personal-detail input{
            font-weight: bold;
            border-radius: .25rem;
        }
        .personal-detail .details{
            padding:15px 0 10px;
        }
        .personal-detail .details label{
            font-size: 1.6em;
            margin: 0 0 5px 0;
        }
        .personal-detail .details h3{
            font-size: 2em;
            padding:0
        }

        /*== Edit user view page == */
       
        /*.edituserimg .userimg{          
            max-height: 125px;
            height: 100%;
            overflow: hidden;          
        }*/
        .edituserimg img{
            max-width: 160px;
            max-height: 160px;
        }
        .edituserimg .btn{
            margin-top:10px;
            display: block;
        }
        .edituserimg span{
            color:rgba(0,0,0,0.5);
        }

    /*=== right Section end ===*/


/*===== Dashboar start end ===== */

/*=== total-conn-info ===*/

.total-conn-info  a{
    font-size:1.3em;
}
.total-conn-info p span{
    color:#072D6B;
    font-family: "latobold";
font-size: 1.3em;    
}
/*== Payment Method ==*/
.personal-detail .card{
    border:0;
    border-bottom:1px solid #C5D7DD;
    border-radius: 0;
}
.personal-detail .card .card-body{
    padding:10px 0;
 
}
.personal-detail .card-head{
    display: flex;
    align-content: center;
    justify-content: space-between;
    padding:5px 10px;
    background-color:#F4F5FA;
}

/* ===== notification togle on off ===== */


.toggle-btn {
  width: 60px;
  height: 25px;
  margin: 10px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  background-color:#dae0e5;
  cursor: pointer;
  -webkit-transition: background-color .40s ease-in-out;
  -moz-transition: background-color .40s ease-in-out;
  -o-transition: background-color .40s ease-in-out;
  transition: background-color .40s ease-in-out;
  cursor: pointer;
  border:1px solid rgba(0,0,0,0.1)
}
.toggle-btn.active {
    background-color:#4885ED;
}
.toggle-btn.active .round-btn {
  left: 35px;
  background-color:#fff;
}
.toggle-btn .round-btn {
  width: 22px;
  height: 22px;
  background-color:rgba(0,0,0,0.5);
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -11px;
  -webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.toggle-btn .cb-value {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.made-with-love {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 10px;
  text-align: center;
  font-size: 10px;
  z-index: 9999;
  font-family: arial;
  color: #fff;
}
.made-with-love i {
  font-style: normal;
  color: #F50057;
  font-size: 14px;
  position: relative;
  top: 2px;
}
.made-with-love a {
  color: #fff;
  text-decoration: none;
}
.made-with-love a:hover {
  text-decoration: underline;
}

/*===== Collapse Heading ===== */
.accordion>.card:not(:last-of-type){
  
border-bottom: 1px solid #84B6CD;
}
.accordion .card-header{
/*background-color:#F4F5FA;*/
    border-bottom: 1px solid rgb(72 133 237);
    cursor: pointer;
    border-top: 1px solid #4885ed;
}
.collapse-heading i{
    font-size: 2.5em;
    color: #19499D;
    background-color:rgb(224, 224, 224);
    width:100%;
    height:100%;
    line-height:60px;
    text-align: center;
    border-radius: 100%;
}
.collapse-heading h3{
    margin-bottom: 0;
    padding: 0;
    color: #19499D;
    font-family: "latobold";
    font-size: 2em;
}
.collapse-heading p{
    font-size:1.4em;
    color:rgba(0,0,0,0.7);
    margin-bottom: 0;
}
.collapse-inner-heading{
    margin-bottom: 0;
    color: #19499D;
    font-family: "latobold";
    font-size: 2em;
    padding: 0;
}
.collapse-box{
    border-bottom: 1px solid #84B6CD;
    padding: 10px 20px;
    margin-bottom: 10px;
}
.colps-subcontent{
    padding:10px 0;
    border-bottom: 1px dashed rgba(0,0,0,0.3);
}
.colps-subcontent p a{
    font-size: 1em;
}
.colps-subcontent i{
    font-size: 2.2em;
    color: rgba(0,0,0,0.7);
    margin-right: 20px;
}
.colps-subcontent h6{
    margin-bottom: 0;
    padding: 0;
    color: rgba(0,0,0,0.7);
    font-family: "latobold";
    font-size:1.8em;
}
.colps-subcontent  p{
    font-size:1.4em;
    color:rgba(0,0,0,0.7);
    margin-bottom: 0;
}
.notifi-dot-pad{
    padding-left:50px;
    padding-right:50px;
}
.custom-form-check{
    margin-bottom: 15px;
    padding:0;  
}
.custom-form-check .form-check-label{
    background-color: #f5f5f5;
    padding: 15px 50px 15px 15px;
    border-radius: 5px;
    border: 1px solid #84B6CD;
    cursor: pointer;
    margin: 0;
    width:100%;
}
.custom-form-check .form-check-input{
    right: 20px;
    top:10px;
}
.number-cond{
    padding:20px 10px;
    background-color:#f5f5f5;
    display: none;

}
.number-cond h5{
    font-weight: bold;
}
.number-cond .list-group{
    background-color: transparent;
    padding: 0;
    margin-left:10px;
}
.number-cond .list-group-item{
list-style-type: none;
background-color: transparent;
}
.add-phone i{
    font-size:1.2em;
    margin-right: 10px;
}
.text-mes-edit{
    font-size: 1.6em;
    font-weight: bold;
}

.custom-form-check .form-check-input{
    opacity: 0;
}
.addchecksign{
    display: none;
}

.custom-form-check input[type="radio"]:checked ~ .addchecksign {
    display: block;
    position: absolute;
    top: 20%;
    right: 15px;
    border-top:0;
    border-right:0;
    border-left:6px;
    border-bottom: 6px;
    border-color:#19499D;
    border-style: solid;
    width:40px;
    height: 25px;
    border-radius: 4px 0 0 4px;
    transform: rotate(-45deg);
    color:#2866CE;

}

/*=====Member Support========*/
.Purchasestable {
    overflow: auto;
    max-width: 800px;
}
/*=====end Member Support========*/


/*=====arun css========*/
.merchant-logo img{
    position: relative;
    z-index: 9;
}
.form-wizard {
  color: #888888;
  padding: 30px;
}
/*.form-wizard .form-wizard-header{
  padding-top: 130px;
}*/
.form-wizard .clc-signup{
  padding-top: inherit;
}
.clc-progress{
  display: flex;
  justify-content: center;
}
.form-wizard .form-wizard-steps li .clc-icons{
      height: 65px;
      line-height: 65px;
      width: 65px;
      font-size: 24px;
}
.form-wizard .form-wizard-steps .clc-space {
    width: 34%;
}
.form-wizard .wizard-form-radio {
  display: inline-block;
  margin-left: 5px;
  position: relative;
}
.form-wizard .wizard-form-radio input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #dddddd;
  height: 25px;
  width: 25px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.form-wizard .wizard-form-radio input[type="radio"]:focus {
  outline: 0;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked {
  background-color: #fb1647;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 50%;
  left: 1px;
  right: 0;
  margin: 0 auto;
  top: 8px;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked::after {
  content: "";
  display: inline-block;
  -webkit-animation: click-radio-wave 0.65s;
  -moz-animation: click-radio-wave 0.65s;
  animation: click-radio-wave 0.65s;
  background: #000000;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
  border-radius: 50%;
}
.form-wizard .wizard-form-radio input[type="radio"] ~ label {
  padding-left: 10px;
  cursor: pointer;
}
.form-wizard .form-wizard-header {
  text-align: center;
}
.form-wizard .form-wizard-header p{
  font-size: 20px;
}
/* Vikas Purohit 02|Dec|2020 start*/

.form-wizard .form-wizard-next-btn,
.form-wizard .form-wizard-previous-btn,
.form-wizard .form-wizard-submit {
	background-color: #4885ed;
	color: #ffffff;
	display: inline-block;
	text-align: center;
	padding: 5px 30px !important;
    border-radius: .25rem;
}

/* Vikas Purohit 02|Dec|2020 end*/
.form-group .custom-flex .btn-success-save{
    background-color: #4CAF50;
    border: 0;
    padding: 10px;
    color: #fff;
    outline: none;
    text-align: center;
}
.form-wizard .form-wizard-next-btn:hover, .form-wizard .form-wizard-next-btn:focus, .form-wizard .form-wizard-previous-btn:hover, .form-wizard .form-wizard-previous-btn:focus, .form-wizard .form-wizard-submit:hover, .form-wizard .form-wizard-submit:focus {
  color: #ffffff;
  /*opacity: 0.6;*/
  text-decoration: none;
}
.form-wizard .wizard-fieldset {
  display: none;
}
.form-wizard .wizard-fieldset h5{
  font-size: 18px;
  color: rgba(0,0,0,0.7);
  font-weight: 600;
}
.form-wizard .wizard-fieldset.show {
  display: block;
}
.form-wizard .wizard-form-error {
  display: none;
  background-color: #d70b0b;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
}
.form-wizard .form-wizard-previous-btn {
  background-color: #072D6B;
}

/*.form-wizard .form-control:focus {
  box-shadow: none;
}*/
.form-wizard .form-group {
  position: relative;
}

.form-wizard .wizard-form-text-label {
  position: absolute;
  left: 10px;
  top: 16px;
  transition: 0.2s linear all;
}
.form-wizard .focus-input .wizard-form-text-label {
  color: #d65470;
  top: -18px;
  transition: 0.2s linear all;
  font-size: 12px;
}
.form-wizard .form-wizard-steps {
  margin: 20px 0;
}
.form-wizard .form-wizard-steps li {
  width: 33%;
  float: left;
  position: relative;
}
.form-wizard .form-wizard-steps li::after {
  background-color: #f3f3f3;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.form-wizard .form-wizard-steps li span {
  background-color: #dddddd;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 40px;
  z-index: 1;
}
.form-wizard .form-wizard-steps li:last-child::after {
  width: 50%;
}
.form-wizard .form-wizard-steps li.active span, .form-wizard .form-wizard-steps li.activated span {
  background-color: #4885ed;
  color: #ffffff;
}
.form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after {
  background-color: #4885ed;
  left: 50%;
  width: 50%;
  border-color: #4885ed;
}
.form-wizard .form-wizard-steps li.activated::after {
  width: 100%;
  border-color: #4885ed;
}
.form-wizard .form-wizard-steps li:last-child::after {
  left: 0;
}
.form-wizard .wizard-password-eye {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@keyframes click-radio-wave {
  0% {
    width: 25px;
    height: 25px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    width: 60px;
    height: 60px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0.0;
  }
}
@media screen and (max-width: 767px) {
  .wizard-content-left {
    height: auto;
  }
}

.file-upload {
  background-color: #ffffff;
  margin: 0 auto;
}

.file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #4885ed;
    border: none;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    border: 0;
    transition: all .2s ease;
    outline: 0!important;
    text-transform: uppercase;
    font-weight: 700;
}

.file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.file-upload-content {
  display: none;
  text-align: center;
  border: 3px solid #4885ed;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.image-upload-wrap {
  margin-top: 20px;
  border: 3px dashed #4885ed;
  position: relative;
}

.image-dropping,
.image-upload-wrap:hover {
    background-color: rgba(72, 133, 237, 0.49);
    border: 3px dashed #ffffff;
}

.image-title-wrap {
  color: #222;
}

.drag-text {
  text-align: center;
}

.drag-text h3 {
  text-transform: uppercase;
  color: #4885ed;
  padding: 60px 0;
  font-size: 32px;
}

.file-upload-image {
  max-height: 250px;
  max-width: 250px;
  margin: auto;
  padding: 20px;
}

.remove-image {
    margin: 0;
    color: #333;
    background: transparent;
    border: none;
    padding: 10px;
    border-radius: 3px;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-size: 14px;
}



.remove-image:active {
  border: 0;
  transition: all .2s ease;
}


.header-btm .btn-group .btn-referral {
    background-color: #072D6B;
    color: #fff;
}
.header-btm .btn-group .btn-referral:hover {
    background-color: #4885ed;
    color: #fff;
}

/*=====Member Support========*/
.membersupportbtn{
    margin-top: 39px;
    padding: 12px 22px;
    border-radius: 22px;
    font-size: 16px;
}
.member-support p{
  font-size: 20px;
  font-weight: 600;
  color: #072d6b;;
}

.selecttopic .form-check-input{
  position: inherit;
  margin: 0;
  height: 13px;
}

/*=====end Member Support========*/

/*=====Member Support========*/
.Purchasestable {
    overflow: auto;
    max-width: 800px;
}
/*=====end Member Support========*/

/*=====merchant-my-profile========*/
.merchantcheckbox {
    margin-top: 42px;
    font-size: 12px;
}
/*=====end merchant-my-profile========*/

/*=====Pending Transactions========*/
.pendingtra-btn{
  font-size: 10px;
  padding: 4px;
}
/*=====end Pending Transactions========*/
.clc-myclient{
  display: inherit;
}
.custom-pag .pagination{
  margin-top: 10px;
}
.header-btm .btn-referral a{
  color: #ffffff;
  text-decoration: none;
}
/*=====end arun css========*/
label sup{
    color: red;
    font-size: 18px;
}

/* file management page css */
.nav-link i {
    margin-right: 10px;
}
.flex-row #tree {
    background-color: #e9ecef;
    width: 245px;
}
#tree .nav-item{
  font-size: 14px;
}
.breadcrumb-item {
    font-size: 14px;
}
.info .item_name {
    font-size: 14px;
}
#tree .nav-pills > .sub-item > .nav-link {
    padding-left: 2rem;
}
/* file management page css end*/

/*=========mamber support page for accordion===========*/
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right;
    color: #fff;
    font-size: 16px; 
    width: 30px;
    height: 30px;
    background-color: #4885ed;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
    font-size: 16px;
    color: #fff;
    width: 30px;
    height: 30px;
    background-color: #4885ed;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
}
.accordionheading{
  border-top: 1px solid #ccc;
  padding: 20px 0;
  font-size: 20px;
}
.accordion .card-header .card-title{
  font-size: 14px;
}
#accordion .card {
    border: 1px solid rgb(72 133 237);
    border-radius: 0;
}

.dataTables_wrapper .dataTables_filter label input {
    margin-left: 0;
}
.section-container .form-group input{
  font-size: 14px;
}
/* vikas purohit 03|Dec|2020 start */
.section-container .form-group .form-control, 
.section-container .form-group .custom-select {
  height: 35px;
  font-size: 14px;
  padding: 0px 30px 0px 10px!important;
}
/* vikas purohit 03|Dec|2020 end */

.non-editable-fields{
  pointer-events: none;
}

.required-red{
  color:red;
}


.passwordinput {
    position: relative;
}
.field-icon {
    position: absolute;
    top: 46px;
    right: 10px;
}
#ui-datepicker-div{
  width: 180px;
}

/*========= start admin dashboard style===========*/
.admin-card{
  border-radius: 12px;
    box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);
    background-color: #f0f3fb;
    color: #252422;
    margin-bottom: 20px;
    position: relative;
    border: 0 none;
    transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
}

.admin-card .card-body{
  padding: 15px 15px 0;
  flex: 1 1 auto;
  min-height: 1px;
}

.admin-card .card-footer{
  padding: 0 15px 15px;
  background-color: transparent;
  border: 0;
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
.admin-card .card-body .numbers{
  text-align: right;
    font-size: 2em;
}
.admin-card .card-body .numbers .card-category {
    color: #9a9a9a;
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 400;
}
.admin-card .card-body .numbers p {
    margin-bottom: 0;
}
.admin-card .card-footer hr {
    margin-top: 10px;
    margin-bottom: 15px;
}

.admin-card .card-footer .stats {
    color: #9a9a9a;
    font-size: 15px;
}

.admin-card .card-footer .stats i {
    margin-right: 5px;
    position: relative;
    top: 0;
    color: #66615b;
}
.admin-card .icon-big i{
  font-size: 40px;
}
/*========= end admin dashboard style===========*/


/*=========end mamber support page for accordion===========*/

.alert-warning {
    word-break: break-all;
}
.alert-success {
    word-break: break-all;
}
.alert-danger {
    word-break: break-all;
}

.dropdown.show .dropdown-menu.show {
    left: auto ;
    right: 0;
    transform:translate3d(-0px, 42px, 0px) !important;
}

div#editpreview {
    border: 1px solid #2866ce;
    width: 120px;
    height: 120px;
    border-radius: 200px;
    margin: 0 auto;
    overflow: hidden;
}
.edituserimg {
    max-width: 150px;
    margin: 0 auto;
    position: relative;
}

label.btn[for="edituploadFile"] {
    background: #2866ce;
    width: 30px;
    font-weight: 700;
    border-radius: 100px;
    height: 30px;
    padding: 3px;
    color: #fff;
    position: absolute;
    right: 22px;
    top: 78px;
}

div#editpreview img {
    max-width: 100%;
    max-height: 120px;
}

div#openlinkbox .dropdown-toggle::after {
    display: none;
}

/* Vikas Purohit 02|Dec|2020 start */

a#LeftShow{
	display: none;
}

/* Vikas Purohit 02|Dec|2020 end */


@media only screen and (max-width:480px){
  .secure-points .box-1 p:last-child {
    display: flex;
    flex-direction: column;
    align-items: center;
}
}

.fs-label-wrap {
  background-color: #fff;
  border: 1px solid #b2b2b2 !important;
  border-radius: .25rem;
}

.fs-label-wrap .fs-label {
    padding: 9px 22px 9px 8px !important;
    border-radius: 0.25rem;
}

.fs-wrap:focus,
.fs-label-wrap:focus,
.fs-label:focus {
  outline: none !important;
}

.fs-label-wrap .fs-label:focus {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 5px #cacaca;
    box-shadow: 0 0 5px #cacaca;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

.fs-wrap.fs-default {
  outline: none !important;
}

.taxable-status{
  height:15px !important;
  width: 15px;
  float: left;       
  margin-right: 10px;
  margin-top: 6px;
}

.left-profile {
  margin: 0 auto;
}
.left-profile tbody{
  border: none;
  background-color: #2866ce !important;
}
.left-profile tbody tr:nth-child(even){
  background-color: #2866ce !important;
}
.left-profile tbody tr th{
  text-align: right;
  padding: 3px 3px;
}
.left-profile tbody tr td{
  text-align: left;
  padding: 3px 3px;
}

.profile-page tbody{
  border: none;
  background-color: #ffffff;
}
.profile-page tbody tr:nth-child(even){
  background-color: #ffffff;
}
.profile-page tbody tr th{
  text-align: right;
  padding: 3px 3px;
}
.profile-page tbody tr td{
  text-align: left;
  padding: 3px 3px;
}

.btn-info {
    color: #ffffff;
    background-color: #4885ed !important;
    border-color: #4885ed !important;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 21px;
}

.right-section .form-group .btn-info {
  line-height: 19px;
  margin-top: -3px;
}

.btn-info:hover,
.btn-info:active {
  color: #ffffff;
  background-color: #3169c7 !important;
  border-color: #3169c7 !important;
  padding: 8px 20px;
}

.fa-edit{
    color: #4885ed;
}
.fa-trash{
    color: #4885ed;
}

/** Vikas Purohit**/

.nav-active + .sidebar-submenu {
	display: block;
}

/* Vikas Purohit 19|Dec|2020 */


/* Vikas Purohit 19|Dec|2020 */

.button-section {
	display: flex;
	justify-content: center;
  }
  
  .button-section .btn-warning.btn-shop {
	background: #fbb041;
  }
  
  .button-section .btn-warning.btn-shop:hover,
  .button-section .btn-warning.btn-shop:focus {
	background: #e49b2e;
	color: #fff;
  }
  
  .btn-primary.btn-refer {
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    padding: 5px 30px;
    margin: 5px 3px;
    text-transform: initial;
  }
  
  .nav-logo {
	position: absolute;
	bottom: 40px;
	left: 10px
  }  
  
  .dashboard-bg.togglewidth .nav-logo {
	display: none;
  }
  
  .nav-logo a img {
	width: 270px;
  }
  
  /*26|11
   .submenu-inner {
	 max-height: 200px; 
	overflow-y: auto;
  }*/
  
  .submenu-inner.lpo {
    max-height: 330px;
    overflow-y: auto;
  }

  .punchline {
	color: #173e80;
	white-space: nowrap;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
	margin: 1em 3em 1em 1em;
  }

  .header-top {
	width: auto;
  }

  .header-row .navbar {
	flex-direction: row;
  }

  .right-header-logo {
	background: #2867ce;
	margin-left: 2em;
  }

  .right-header-logo img{
	width: 80px;
	padding: 1em; 
  }

  .right-section header {
	transform: translate(0, -20px);
  }

  .right-section header .container {
	padding-right: 0
  }

  .welcome-text {
	  color: grey;
	  padding-left: 2.5em;
	  margin-bottom: 2.5em;
  }
  
  .small-box {
    border-radius: .25rem;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    display: block;
    margin-bottom: 20px;
    position: relative;
	}

	.small-box>.inner {
    padding: 60px 10px 10px;
    color: #fff;
    margin-left: 0%;
	}

    .bg-refer {
    	background: #2d89e8 linear-gradient(180deg,#2d89e8,#5a62cc) repeat-x!important;
	}

	.bg-purchase {
    	background:#f49c3e linear-gradient(180deg,#f49c3e,#cd7417) repeat-x!important;
	}

	.bg-points {
    	background: #cc6ef7 linear-gradient(180deg,#cc6ef7,#8b34c2) repeat-x!important;
	}

	.bg-donation {
    	background: #0fc1fb linear-gradient(180deg,#0fc1fb,#095eea) repeat-x!important;
	}

	.small-box .icon>img {
		position: absolute;
		left: 10px;
		top: 15px;
		color: #fff;
		transition: all .3s linear;
	}

	.small-box .icon>img{
		width: 30px;
	}

	/* vikas purohit 03|Dec|2020 start */
	.box-balance {
		margin-bottom: 0;
		text-align: right 
	}

	.box-subbalance {
		padding-left: 20px;
		position: absolute;
		bottom: 0;
		opacity: .8;
		right: 13px;
	}
	/* vikas purohit 03|Dec|2020 end */

	.small-box:hover .icon>img {
		width: 35px;
	}

	.box-subheading {
		font-size: 11px;
	}

	.dasboard-table .product-img {
		width: 30px
	}

	.dasboard-table .badge {
		border-radius: 0.25rem;
		padding: 0.9em;
	}

	.dashboard-badge-status {
		width: auto;
	}

	.dashboard-badge-status.bg-warning {
		background: #fbb041 !important;
	}

/** Vikas Purohit End **/



/** 
  Drag and drop css code
*/

.dropzone-wrapper {
  border: 3px dashed #4885ed;
  color: #4885ed;
  position: relative;
  height: 200px;
}

.dropzone-desc {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  top: 50px;
  font-size: 20px;
  font-weight: 700;
}

.dropzone,
.dropzone:focus {
  position: absolute;
  outline: none !important;
  width: 100%;
  height: 150px;
  cursor: pointer;
  opacity: 0;
}

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
  background: #ecf0f5;
}

.preview-zone {
  text-align: center;
}

.preview-zone .box {
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
}

/** 
  End Drag and drop css code
*/

/** image css */
div#editpreview img {
  background-size: cover;
  height: 100%;
  width: 100%;
}
/** End image css */


/** Point increment & decrement css **/
.point-increment{
  color:green;
} 

.point-decrement{
  color:red;
}
/** End Point increment & decrement css **/

/* vikas purohit 26|Dec|2020 start */
.box-heading {
  font-size: 1.5em;
}

.uploadOuterpic .logo {
	float: left; 
	margin-left: 20px;
}

.uploadOuterpic .logo img {
    width: 80px;
    height: 80px;
    margin: 10px 0;
}

.dashboard-bg.togglewidth .uploadOuterpic .logo img {
  width: 60px;
  height: 60px;
  margin: 10px 0;
}

.togglewidth .uploadOuterpic .logo {
	margin-left: 0;
}
.left-section .navigation {
	overflow: auto;
	height: calc(100% - 100px);
	width: 100%;
}
.nav-logo {
	position: absolute;
	bottom: 25px;
	left: 10px
  }  


/* vikas purohit 26|Dec|2020 start */

/* vikas purohit 28|Nov|2020 start */
.left-section .navigation {
	overflow: auto !important;
	height: calc(100% - 100px) !important;
	width: 100% !important;
}
.header-row .navbar {
	flex-direction: row !important;
  }

  div.dataTables_filter label input{
		width: auto !important;
		margin-left: 10px !important; 
		display: inline-block !important;
  }
  .uploadOuterpic .logo {
    float: left; 
    margin-left: 20px;
  }
  
  .uploadOuterpic .logo img {
      width: 80px;
      margin: 10px 0;
  }
  .togglewidth .uploadOuterpic .logo {
    margin-left: 0;
  }
  .membersupportbtn {
    margin-top: 37px;
    padding: 12px 22px;
    border-radius: 22px;
    font-size: 16px;
  }

  .table-responsive td.child span.dtr-data {
		white-space: initial;
	}

	.table-responsive td.child span.dtr-data label{
		margin: 5px;
  }
  .box-subbalance {
		padding-left: 20px;
		position: absolute;
		bottom: 0;
		opacity: .8;
  }
	.table-responsive thead th a {
    white-space: nowrap;
    color: #000;
    text-decoration: none;
  }
  .csttble .table-responsive thead th 
  {
    position: relative;
  }
.csttble .table-responsive thead th a
{
    padding: 0 20px 0 0;
}
.csttble .table-responsive thead th i
{
  position: absolute;
  top: 13px;
  right: 10px;
}
	.table td {
		font-size: 12px;
		vertical-align: middle;
	}

	.table .badge {
		font-weight: 500;
	}

  /* Vikas Purohit 02|Dec|2020 start*/
  
  .table-responsive label.label {
    border-radius: .25rem;
  } 
  span.shorttext {
    width: 150px;
    display: block;
    white-space: break-spaces;
}
  .example_wrapper .btn.btn-info, 
  .example_wrapper .btn-primary, 
  .example_wrapper .btn-success, 
  .example_wrapper .btn-warning, 
  .example_wrapper .btn-danger, 
  .example_wrapper .btn-light, 
  .example_wrapper .btn-secondary, 
  .example_wrapper .btn-referral 
  {
		padding: 5px 30px ;
		border-radius: 3px ;
	}
	.table-responsive table td .btn-success {
		padding: 5px 30px ;
		border-radius: 3px;
    margin: 5px 0;
    width: 100%;
  }
  .btnReject
  {
    width: 100%;
  }
  #all_user_list a{
    display: block;
  }
	/* Vikas Purohit 02|Dec|2020 end*/

	button.dt-button.buttons-csv {
		background: none;
		outline: none!important;
		margin-left: auto;
		display: block;
		margin-bottom: 5px;
	}

	.badge,
	.section-container .form-group input,
	select,
	.dataTables_wrapper .dataTables_filter label input,
	.btn-primary,
	.btn-success,
	.btn-referral {
		border-radius: .25rem !important;
	}

	.badge {
		padding: 0.9em !important;
	}

	.badge.badge-light {
		padding: 0.4em 0.9em !important;
	}

	.close, .paginate_button  {
		outline: none !important;
	}

	.paginate_button:hover,
	.paginate_button.current,
	.paginate_button.current:hover,
	.dataTables_wrapper .previous.paginate_button,
	.dataTables_wrapper .previous.paginate_button.disabled,
	.dataTables_wrapper .next.paginate_button,
	.dataTables_wrapper .next.paginate_button.disabled {
		border: 0 !important;
	}

	.tablegrid table.dataTable.nowrap td {
		border-right: 1px solid transparent !important;
	}

	.table-responsive table thead th:last-child,
	.tablegrid table.dataTable.nowrap th:last-child {
		border-radius: 0 .25rem .25rem 0 !important;
	}

	.table-responsive table thead th:first-child,
	.tablegrid table.dataTable.nowrap th:first-child {
		border-radius: .25rem 0 0 .25rem !important;
	}
	

	.table-responsive .fa-2x {
		font-size: 1.5em !important;
	}

	#srchForm a {
		margin-top: -5px !important;
	}

	.right-section {
		padding: 0 0 5px !important;
	}

	.box-heading {
		font-size: 1.5em !important;
	}

	.sidebar-submenu .submenu-inner a:hover {
		background-color: rgba(255, 255, 255, 0.2) !important;
  }
    
  
/* vikas purohit 28|Nov|2020 End */

/* Vikas Purohit 30|Nov|2020 start*/

.reffer-text {
  width: 60%;
}

.jumbotron.refer-friends-section {
  padding: 2rem 1rem;
  border: 1px solid #d4d4d4;
  border-radius: .25rem;
  background: #f5f5f4;
}

.tablegrid table.dataTable.nowrap tbody th {
  border-bottom: 0px solid #DDDDDD;
}
.mobile-ellipsis-v .onmobileview .btn
{
  top: 0;
  background: transparent;
  right: 0;
}
.mobile-ellipsis-v .dropdown-menu
{
  padding: 0;
  margin: 0;  
}
.mobileview-dorpdown .dropdown-menu {
  left: -140px!important;
  width: 160px;
  top: 15px!important;
}
.seller-registration-link {
  margin-top: 45px;
  margin-bottom: 45px;
}
.tablegrid .btn.btn-danger
{
  padding: 4px 15px;
  border-radius: 4px;
  font-size: 12.88px;
}
.collapse-heading i {
  width: 60px !important;
  height: 60px !important;
}

/* Vikas Purohit 30|Nov|2020 end*/


/* S3 30-11-2020 */
[type='color'] {
  width: 50px !important;
}
/* S3 30-11-2020 */