.login-aside{

	background-image: url(../media/bg/bg-4.jpg);

}

.parsley-error{

	border: 1px solid #d21818 !important; 

}

.parsley-errors-list.filled{

	margin-top: 7px;

    font-size: 14px;

}

.form-group label.remember_me{

	color: #353535;

}

input:-internal-autofill-selected{

	background-color: unset !important;

}

.spniner i{

	display: none;

}

.sumit_from.active i,

.reg_spin.active i,

.login_spin.active i{

	    display: inline-block;

    padding: 0;

    margin-right: 8px

}

label.parsley-error{

	border: none !important;

}

.pass_error{

	display: none;

    color: #B94A48;

    font-size: 14px;

    margin-bottom: 0px;

    background: #a7101017;

    padding: 7px 15px;

    font-weight: 500;

}

.pass_error.active{

	display: block;

}

.pass_error i{

	    color: #B94A48;

    padding-right: 9px;

}

.dataTables_wrapper .dt-button{

	background: #ece7f5;

    border-color: #ece7f5;

    font-weight: 500;

    border-radius: 5px;

    transition: all ease-in-out 0.3s;

}

.dataTables_wrapper .dt-button:hover{

	    background: #5221a1 !important;

    color: #fff;

    border-color: #5221a1 !important;

}



.dataTables_filter input,

#datatble_wrap_filter input{

	    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #464e5f;

    border: 1px solid #ddd;

    border-radius: 5px;

    padding: 6px 8px;

}

.dataTables_filter input:focus,

#datatble_wrap_filter input:focus{

	border: 1px solid #5221a1;

    outline: none;

}

table.dataTable tfoot th, table.dataTable tfoot td{

	border-top: 1px solid #5221a1;

}

table.dataTable thead th, table.dataTable thead td{

	border-bottom: 1px solid #5221a1;

}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{

	background-color: transparent;

}

.dataTables_wrapper .dataTable{

	padding-top: 20px;

}

.dataTables_wrapper .dataTable tfoot th, .dataTables_wrapper .dataTable thead th{

	font-weight: 600;

    color: #5221a0;

}



.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{

	    color: #fff !important;

    border: 1px solid #979797;

    background-color: #5221a1;

    background: #5221a1;

    margin: 0px 4px;

    border-radius: 6px;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.next,

.dataTables_wrapper .dataTables_paginate .paginate_button.previous{

	background-color: #ede8f5;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous{

	margin-right: 5px;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.next{

	margin-left: 5px;

}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{

	    color: #fff !important;

    border: 1px solid #979797;

    background-color: #5221a1;

    background: #5221a1;

    border-radius: 6px;

}

.dataTables_wrapper .dataTables_paginate .paginate_button{

	padding: 4px 11px;

}

table.dataTable.display tbody td{

	line-height: 28px;

}

.action_icon_btn{

	    color: #5221a1;

    background-color: #eae4f4;

    border-color: transparent;

    transition: all ease-in-out 0.3s;

}

.action_icon_btn .svg-icon svg g [fill]{

	fill: #5221a1;

}

.action_icon_btn:hover{

	background-color: transparent;; 

}

.image-input-wrapper{

	background-image: url('../media/profile-icon.png');

}

.user_profile_wrap{

	text-align: center;

    margin-bottom: 50px;

}

.notfount_txt{

    margin: 0px auto;

    font-size: 14px;

    color: #d61e26;

    width: 30%;

    margin-top: 13px;

    margin-bottom: 13px;

    background: #d61e260f;

    font-weight: 500;

}

.notfount_txt i{

    background: #d61e26;

    color: #fff;

    padding: 9px;

    border-radius: 4px;

    margin-right: 20px;

}

/*.switch.switch-outline.switch-primary input:empty~span:before{

	    border: 2px solid #5221a152;

}

.switch.switch-outline.switch-primary input:empty~span:after {

    background-color: #5221a152;

}*/



.service_data .dataTables_wrapper{

    margin-bottom: 50px;

}



.dataTables_wrapper > *::-webkit-scrollbar {

  width: 10px;

}



/* Track */

.dataTables_wrapper > *::-webkit-scrollbar-track {

  background: #f1f1f1; 

}

 

/* Handle */

.dataTables_wrapper > *::-webkit-scrollbar-thumb {

  background: #888; 

}



/* Handle on hover */

.dataTables_wrapper > *::-webkit-scrollbar-thumb:hover {

  background: #555; 

}



.custom_btn{

       background: #ece7f5;

    border-color: #ece7f5;

    font-weight: 500;

    border-radius: 5px;

    transition: all ease-in-out 0.3s;

    padding: 6px 11px;

    font-size: 11px;

        z-index: 11;

    cursor: pointer;

    position: absolute;

    left: 8%;

}

.custom_btn:hover{

        background: #5221a1;

    color: #fff;

    border-color: #5221a1;

}

.dt-button i{

    display: none;

}

.dt-button.active i{

    display: block;

}

.dt-button.active span{

    display: none;

}

.service_wizad .form-section{

    display: none;

}



.service_wizad .form-section.current{

    display: block;

}

.dataTables_wrapper .dataTable td, .dataTables_wrapper .dataTable th{

    font-weight: 500;

}

.serivce_step{

    display: flex;

        margin-bottom: 40px;

}

.service_step_inner{

   flex: 1;

    padding: 12px 23px;

    background: #5221a012;

    border-radius: 5px;

    margin: 0px 7px; 

    position: relative;

}

.serv_step_1{

    margin-left: 0px;

}

.serv_step_2{



}

.serv_step_3{



}

.serv_step_4{

    margin-right: 0px;

}

.service_step_inner p{

    margin: 0;

    font-size: 15px;

    color: #52229f;

    font-weight: 600;

}

.service_step_inner.active{

    background-color: #5221a1;

}

.service_step_inner p i{

    color: #52229f;

    padding-right: 6px;

}

.service_step_inner.active p i,

.service_step_inner.active p{

    color: #fff;



}

.service_step_inner:after{

    font-weight: 900;

    font-size: 40px;

    bottom: -33px;

    left: 50%;

    transform: translateX(-50%);

    color: transparent;

        font-family: "Font Awesome 5 Free";

    content: "\f0d7";

    position: absolute;

}

.service_step_inner.active:after{

    color: #5221a1;

}

.form-navigation{

    text-align: right;

}

.serv_tbl_list tbody tr td{

    cursor: pointer;

    transition: all ease-in-out 0.3s;

}

.serv_tbl_list tbody tr td:hover{

    background-color: #e5dfef;

}

.justify-center{

    justify-content: center;

}



.service_data::-webkit-scrollbar{

  width: 5px;

  height: 5px;

}



/* Track */

.service_data::-webkit-scrollbar-track{

  background: #ede8f5;

    border-radius: 8px;

}

 

/* Handle */

.service_data::-webkit-scrollbar-thumb{

  background: #908d9b;

    border-radius: 8px;

    cursor: pointer;

}



/* Handle on hover */

.service_data::-webkit-scrollbar-thumb:hover {

  background: #555;

}

.dashbord_boxs{

    display: flex;

    background-color: #fff !important;

}

.dashbord_boxs .icon_box{

    flex: 1;

}

.dashbord_boxs .icon_txt{

    align-self: center;

}

.icon_count_box{

    background-color: #52229f36;

    color: #000;

    width: 40px;

    line-height: 40px;

    display: block;

    border-radius: 50%;

    text-align: center;

    font-size: 15px;

    font-weight: 600;

    box-shadow: 3px 2px 10px #ddd;

}



.logo_title{

    margin-top: 20px;

}

.progress_overy {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgb(253 253 253 / 30%);
    top: 0;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    opacity: 0;
    visibility: hidden;
}
.progress_overy_inner {
    display: flex;
    margin: 0 auto;
    width: fit-content;
    background: #fff;
    box-shadow: 1px 3px 17px #ddd;
    padding: 8px 20px;
    border-radius: 5px;
    margin-top: 90px;
}
.progress_overy_inner i {
    align-self: center;
    color: #000;
}
.progress_overy_inner p {
    margin: 0;
    padding-left: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.progress_overy.active{
       opacity: 1;
    visibility: visible;
}
.reletive_dt{
    position: relative;
}

table.dataTable.display tbody td p {
    white-space: break-spaces;
}

table.dataTable.display tbody td p {
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    max-width: 200px;
}


.dataTable tbody td{
        padding: 5px !important; 
}
.dataTable tbody td a{
    color: #464e5f;
}
.dataTable tbody td a:hover{
    color: #6e2fd4;
    text-decoration: underline !important;
}
.dataTable tbody td p{
    margin-bottom: 0px;
}
.modal-content .card-body{
    padding: 0px !important;
}
#salesman_details .img-thumbnail{
    height: 100px;
}
.fulldetails-btn{
   background-color: #eae4f4;
    border-color: transparent;
    transition: all ease-in-out 0.3s;
    font-weight: 600;
    color: #5221a1;
}
.fulldetails-btn .svg-icon svg g [fill] {
    fill: #5221a1;
}
.fulldetails-btn:hover{
    background-color: #5221a1;
    color: #fff;
}
.fulldetails-btn:hover .svg-icon svg g [fill] {
     fill: #fff; 
}    
.datatble_wrap tbody .switch label{
    margin: 0px;
}
.datatble_wrap tbody .switch{
    display: flex; 
}
.total-table{
    margin: 0;
    color: #000;
    font-size: 16px; 
} 
p#sum_sale_amount:before,
p#sum_recharge:before{
    font-family: "Font Awesome 5 Free";
    content: '\f156';
    display: inline-block;
    padding-right: 4px;
    font-weight: 900;
} 

.summry_short{
    display: flex;
}
.summry_short span.card-label {
    font-size: 15px !important;
    position: relative;
    padding-right: 15px;
}
.summry_short #total_recharge{
    margin: 0;
        font-weight: 600;
    color: #5222a0;
}
.summry_short #total_sale{
    margin: 0;
        font-weight: 600;
    color: #5222a0;
}
.summry_short #total_sale_amount{
    margin: 0;
        font-weight: 600;
    color: #5222a0;
}
.summry_short span.card-label:after {
    content: '';
    width: 2px;
    height: 45px;
    /* display: revert; */
    background: #d7d5da;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.summry_short span.card-label:last-child:after{
    display: none;
}

div.dt-button-collection{
    background: #fff;
    border: gainsboro;
    box-shadow: 1px 1px 25px #ddd;
    border: 1px solid #ddd;
}
.dt-button-collection a.dt-button{
    border: none !important;
    border-bottom: 1px solid #d0cdcd;
    background: #fff;
}
.dt-button-collection a.dt-button span{
    font-weight: 600;
    font-size: 13px;
}
.dt-button-collection a.dt-button.active{
        background: #252525 !important;
    color: #fff;
    box-shadow: none !important;
}
.dt-button-collection a.dt-button:last-child{
        border: none;
    margin: 0;
}
.dt-button-background{
    display: none !important;
}
.dt-button-collection a.dt-button:hover{
    border-color: #d0cdcd !important;
    box-shadow: none !important;
    background-color: #fff !important;
    border-bottom: 1px solid #d0cdcd !important;

}
.dt-button-collection a.dt-button.active:hover{
    background-color: #252525 !important;
}
.dt-button-collection a.dt-button span {
    font-weight: 600;
    font-size: 13px;
}
.dt-button.active span {
    display: block !important;
}
.dataTable .form-control{
     padding: 5px 2px;
    height: auto;
        width: 120px;
}

.table_image {
    width: 55px; 
    height: 55px;
    border: 1px solid #dadada;
   border-radius: 5px;
    padding: 2px;
    background-color: #fff;
    box-shadow: 1px 1px 5px #ddd;
    object-fit: cover;
}
.morning_stock{
        color: #2c8808;
    font-weight: 600;
}
.purchase_stock{
        color: #ff0000;
    font-weight: 600;
}
.y_cleam_stock{
    color: #2434f7;
    font-weight: 600;
}

.dash-text{
    font-size: 14px;
    color: black !important;
}  

.tableareabox{
    overflow: auto;
}
.tableareabox span{
    width: 200px;
    display: block;
    line-height: normal;
}


.tableareabox::-webkit-scrollbar {
  width: 5px;
    height: 5px;
}

/* Track */
.tableareabox::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.tableareabox::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.tableareabox::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


.fail_state{
    background-color: #ffefef !important;
}
.success_state {

}
.totalorderamount {
    display: block;
    color: #000;
}
.totalorderamount span,
.totalorderamount .orderamount{
        color: #c90202;
    margin-left: 6px;
}
.prodtdata_wrap{
    padding: 0px 10px;

}
.week_subs{
}
.thmon_subs{
    background-color: #cbdeff;
}
.year_subs{
    background-color: #bbffa3;
}
.mon_subs{
        background-color: #f6ff8e;
}
.year_offer_subs{
        background-color: #ffc5c8;
}

.pegrap_content{
    white-space: normal;
    line-height: normal;
}
.tokendata {
        display: block;
    color: #ff1111;
    font-size: 20px;
    font-weight: 700;
}