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

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif ;
}

/* add by rahul from style_dashboard */
:root {
    --color-bl: #000;
    --color-wh: #fff;
    --color-bg: #ffffff4d;
    --color-gr: gray;
}


body {
    width: 100vw;
    overflow-x: hidden;
}

header {
    background: var(--color-bg);
    padding: 20px;
}

/* add by rahul from style_dashboard */

/*:root {*/
/*    --color-bl: #000;*/
/*    --color-wh: #fff;*/
/*    --color-bg: #ffffff4d;*/
/*    --color-gr: gray;*/
/*}*/

/*header {*/
/*    background: var(--color-bg);*/
/*    padding:  20px;*/
/*}*/
/*header .mainTitle {*/
/*    font-size: 25px;*/
/*    font-weight: 600;*/
/*    padding-bottom: 10px;*/
/*}*/
/*header .topCards {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*}*/

/*header .topCards .card {*/
/*    width: 19.5%;*/
/*    height: 100px;*/
/*    box-shadow: 0 0 20px rgb(0,0,0,.1);*/
/*    border-radius: 10px;*/
/*    padding: 15px 20px;*/
/*}*/
/*header .topCards .card .card_label {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*}*/
/*header .topCards .card .card_label a {*/
/*    color: var(--color-gr);*/
/*    cursor: pointer;*/
/*    text-decoration: none;*/
/*    transition: .3s linear;*/
/*}*/
/*header .topCards .card .card_label a:hover {*/
/*    color: #861212;*/
/*}*/
/*header .topCards .card .card_label p{*/
/*    font-size: 13px;*/
/*    color: var(--color-gr);*/
/*    font-weight: 500;*/
/*}*/
/*header .topCards .card .card_value {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    padding-top: 20px;*/
/*}*/
/*header .topCards .card .card_value h1{*/
/*    font-size: 14px;*/
/*    font-weight: 700;*/
/*}*/
/*header .topCards .card .card_value sup{*/
/*    font-size: 12px;*/
/*    font-weight: 700;*/
/*    color: #861212;*/
/*}*/

/*header .topCards .card .card_value p{*/
/*    font-size: 12px;*/
/*    font-weight: 500;*/
/*    color: var(--color-gr);*/
/*    position: relative;*/
/*}*/
/*header .topCards .card .card_value p span{*/
/*    position: absolute;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    top: -20px;*/
/*    right: 0;*/
/*    padding: 3px 10px 2px 10px;*/
/*    border-radius: 5px;*/
/*    font-size: 9px;*/
/*}*/
/*header .topCards .card .card_value p span i{*/
/*    margin-right: 3px;*/
/*}*/


/*.green_up {*/
/*    background: #ccffe4;*/
/*    color: #2b8612;*/
/*}*/
/*.red_down {*/
/*    background: #ffcccc;*/
/*    color: #861212;*/
/*}*/


/*header .graphData {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    margin-top: 20px;*/
/*}*/

/*header .graphData .stock_out {*/
/*    width: 19%;*/
/*    height: 300px;*/
/*    box-shadow: unset;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    flex-direction: column;*/
/*}*/

/*header .graphData .stock_out .box{*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 47%;*/
/*    background: var(--color-wh);*/
/*    box-shadow: 0 0 20px rgb(0,0,0,.1);*/
/*    border-radius: 10px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-direction: column;*/
/*    overflow: hidden;*/
/*}*/
/* header .graphData .stock_out .box::before{
    position: absolute;
    content: '';
    width: 100px;
    height: 100%;
    background: #86121247;
    border-radius: 50%;
    left: -60px;
    box-shadow: 0 0 20px rgb(0,0,0,.2);
}
header .graphData .stock_out .box::after{
    position: absolute;
    content: '';
    width: 100px;
    height: 100%;
    background: #86121247;
    border-radius: 50%;
    right: -60px;
    box-shadow: 0 0 20px rgb(0,0,0,.2);
} */
/*header .graphData .stock_out .box i{*/
/*    font-size: 35px;*/
/*    color: var(--color-gr);*/
/*}*/
/*header .graphData .stock_out .box h1{*/
/*    font-size: 17px;*/
/*    margin-top: 10px;*/
/*    font-weight: 600;*/
/*    text-align: center;*/
/*}*/
/*header .graphData .stock_out .box h2{*/
/*    font-size: 22px;*/
/*    line-height: 28px;*/
/*    text-align: center;*/
/*}*/

/*header .graphData .barGraph {*/
/*    position: relative;*/
/*    width: 49%;*/
/*    height: 300px;*/
/*    box-shadow: 0 0 20px rgb(0,0,0,.1);*/
/*    border-radius: 10px;*/
/*    overflow: hidden;*/
/*    background: #fff;*/
/*}*/

/*header .graphData .barGraph::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 55px;*/
/*    height: 6px;*/
/*    background: var(--color-wh);*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    z-index: 999999999999;*/
/*}*/

/*header .graphData .barGraph .head{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    padding: 0 20px;*/
/*    margin-top: 15px;*/
/*}*/
/*header .graphData .barGraph .head .left_bx h1{*/
/*    font-size: 17px;*/
/*}*/
/*header .graphData .barGraph .head .left_bx p{*/
/*    font-size: 12px;*/
/*    color: var(--color-gr);*/
/*}*/
/*header .graphData .barGraph .head .right_bx h1{*/
/*    font-size: 17px;*/
/*    text-align: end;*/
/*}*/
/*header .graphData .barGraph .head .right_bx p{*/
/*    font-size: 12px;*/
/*    color: var(--color-gr);*/
/*}*/
/*header .graphData .barGraph .graph{*/
/*    width: 100%;*/
/*    height: 254px;*/
/*}*/

/*header .graphData .revenue {*/
/*    position: relative;*/
/*    width: 29%;*/
/*    height: 300px;*/
/*    box-shadow: 0 0 20px rgb(0,0,0,.1);*/
/*    border-radius: 10px;*/
/*    padding: 15px 18px 18px 18px;*/
/*}*/

/*header .graphData .revenue canvas {*/
/*    height: 210px !important;*/
/*    width: 270px !important;*/
/*    position: absolute;*/
/*    right: -7px;*/
/*    bottom: 20px;*/
/*}*/
/*header .graphData .revenue .content  {*/
/*    width: 160px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-direction: column;*/
/*    position: absolute;*/
/*    right: 47px;*/
/*    bottom: 90px;*/
/*}*/
/*header .graphData .revenue .content p {*/
/*    color: var(--color-gr);*/
/*    font-size: 10px;*/
/*    text-align: center;*/
/*}*/
/*header .graphData .revenue .legend {*/
/*    position: absolute;*/
/*    bottom: 30px;*/
/*    left: 25px;*/
/*}*/
/*header .graphData .revenue .legend .len {*/
/*    margin-top: 10px;*/
/*}*/
/*header .graphData .revenue .legend .len h6 {*/
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    font-size: 9px;*/
/*}*/
/*header .graphData .revenue .legend .len h6 div {*/
/*    width: 20px;*/
/*    height: 5px;*/
/*    margin-left: 5px;*/
/*    border-radius: 8px;*/
/*}*/

/*header .graphData .revenue .legend .len h4 {*/
/*    font-size: 14px;*/
/*}*/
/*header .graphData .revenue .rev::after {*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 60px;*/
/*    height: 19px;*/
/*    background: var(--color-wh);*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    z-index: 99999;*/
/*    border-radius: 0 0 0 10px ;*/
/* }*/

/* header .graphData .revenue .rev_head  {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/* }*/
/* header .graphData .revenue .rev_head h1 {*/
/*    font-size: 17px;*/
/* }*/
/* header .graphData .revenue .rev_head p {*/
/*    font-size: 10px;*/
/*    color: var(--color-gr);*/
/*    font-weight: 500;*/
/* }*/
/* header .graphData .revenue .rev_head a{*/
/*    font-size: 12px;*/
/*    text-decoration: none;*/
/*    transition: .3s linear;*/
/*    color: var(--color-gr);*/
/*    font-weight: 600;*/
/*}*/
/*header .graphData .revenue .rev_head a:hover{*/
/*     font-size: 13px;*/
/*     color: #861212;*/
/* }*/


/*header .tables {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    margin-top: 20px;*/
/*}*/

/*header .tables .delivery , .stock {*/
/*    width: 49%;*/
/*    height: 270px;*/
/*    box-shadow: 0 0 20px rgb(0,0,0,.1);*/
/*    border-radius: 10px;*/
/*    padding: 10px 15px;*/
/*}*/


/*header .tables .delivery .del_head {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*}*/

/*header .tables .delivery .del_head h1 {*/
/*    font-size: 17px;*/
/*}*/
/*header .tables .delivery .del_head p {*/
/*    font-size: 11px;*/
/*    color: var(--color-gr);*/
/*    font-weight: 500;*/
/*}*/

/*header .tables .delivery .del_head button {*/
/*    padding: 3px 10px;*/
/*    border-radius: 6px;*/
/*    border: none;*/
/*    background: #861212;*/
/*    color: var(--color-wh);*/
/*    font-family: 'Poppins', sans-serif;*/
/*    font-weight: 600;*/
/*    font-size: 11px;*/
/*    cursor: pointer;*/
/*    transition: .3s linear;*/
/*}*/
/*header .tables .delivery .del_head button:hover {*/
/*    background: rgb(142, 81, 81);*/
/*}*/
/*header .tables .delivery .head:nth-child(2)  {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/
/*header .tables .delivery .del_head a {*/
/*    font-weight: 600;*/
/*    font-size: 11px;*/
/*    cursor: pointer;*/
/*    transition: .3s linear;*/
/*    text-decoration: none;*/
/*    margin-left: 10px;*/
/*    color: #343434;*/
/*    background: rgb(234, 234, 234);*/
/*    padding: 3px 8px;*/
/*    border-radius: 5px;*/
/*}*/
/*header .tables .delivery .del_head a:hover {*/
/*   background: #861212;*/
/*   color: var(--color-wh);*/
/*}*/

/*header .tables .delivery .cards {*/
/*   overflow-y: auto;*/
/*   height: 200px;*/
/*}*/

/*header .tables .delivery .cards::-webkit-scrollbar {*/
/*   background: rgb(237, 237, 237);*/
/*   border-radius: 10px;*/
/*   width: 5px;*/
/*   display: none;*/
/*}*/

/*header .tables .delivery .cards::-webkit-scrollbar-thumb {*/
/*   background: #861212;*/
/*   border-radius: 5px;*/
/*}*/

/*header .tables .delivery .cards .del_card {*/
/*   display: flex;*/
/*   align-items: center;*/
/*   justify-content: space-between;*/
/*   border: 2px dashed rgb(224, 224, 224);*/
/*   border-radius: 10px ;*/
/*   padding: 5px 10px;*/
/*   margin-top: 10px;*/
/*}*/
/*header .tables .delivery .cards .del_card .img_det{*/
/*   display: flex;*/
/*   align-items: center;*/
/*}*/
/*header .tables .delivery .cards .del_card .img_det img{*/
/*   width: 40px;*/
/*}*/
/*header .tables .delivery .cards .del_card .img_det .det {*/
/*   margin-left: 10px;*/
/*}*/
/*header .tables .delivery .cards .del_card .img_det .det h3{*/
/*   font-size: 15px;*/
/*}*/
/*header .tables .delivery .cards .del_card .img_det .det h3{*/
/*   font-size: 15px;*/
/*}*/
/*header .tables .delivery .cards .del_card .img_det .det .from{*/
/*   display: flex;*/
/*   align-items: center;*/
/*}*/
/*header .tables .delivery .cards .del_card .img_det .det .from span {*/
/*   font-size: 12px;*/
/*   margin-right: 15px;*/
/*}*/
/*header .tables .delivery .cards .del_card .img_det .det .from span {*/
/*   font-size: 12px;*/
/*   margin-right: 15px;*/
/*   color: var(--color-gr);*/
/*}*/
/*header .tables .delivery .cards .del_card button {*/
/*   padding: 4px 10px;*/
/*   border-radius: 5px;*/
/*   border: none;*/
/*   font-family: 'Poppins', sans-serif;*/
/*   font-weight: 400;*/
/*   transition: .3s linear;*/
/*}*/
/*.del_delivered button {*/
/*    background: #c5ffb5;*/
/*    color: #059407;*/
/*}*/
/*.del_pending button {*/
/*   background: #faffb5;*/
/*   color: #9b991c;*/
/*}*/
/*.del_shipped button {*/
/*   background: #b5fffe;*/
/*   color: #05948d;*/
/*}*/


/*header .tables .stock .del_head {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*}*/

/*header .tables .stock .del_head h1 {*/
/*    font-size: 17px;*/
/*}*/
/*header .tables .stock .del_head p {*/
/*    font-size: 11px;*/
/*    color: var(--color-gr);*/
/*    font-weight: 500;*/
/*}*/

/*header .tables .stock .del_head button {*/
/*    padding: 3px 10px;*/
/*    border-radius: 6px;*/
/*    border: none;*/
/*    background: #861212;*/
/*    color: var(--color-wh);*/
/*    font-family: 'Poppins', sans-serif;*/
/*    font-weight: 600;*/
/*    font-size: 11px;*/
/*    cursor: pointer;*/
/*    transition: .3s linear;*/
/*}*/
/*header .tables .stock .del_head button:hover {*/
/*    background: rgb(142, 81, 81);*/
/*}*/
/*header .tables .stock .head:nth-child(2)  {*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/
/*header .tables .stock .del_head a {*/
/*    font-weight: 600;*/
/*    font-size: 11px;*/
/*    cursor: pointer;*/
/*    transition: .3s linear;*/
/*    text-decoration: none;*/
/*    margin-left: 10px;*/
/*    color: #343434;*/
/*    background: rgb(234, 234, 234);*/
/*    padding: 3px 8px;*/
/*    border-radius: 5px;*/
/*}*/
/*header .tables .stock .del_head a:hover {*/
/*   background: #861212;*/
/*   color: var(--color-wh);*/
/*}*/

/*header .tables .stock .stock_table{*/
/*   width: 100%;*/
/*   overflow-x: hidden;*/
/*   overflow-y: auto;*/
/*   height: 190px;*/
/*   margin-top: 10px;*/
/*   position: relative;*/
/*}*/
/*header .tables .stock .stock_table::-webkit-scrollbar{*/
/*   display: none;*/
/*}*/
/*header .tables .stock .stock_table table{*/
/*   width: 100%;*/
/*   border-collapse: collapse;*/
/*}*/
/*header .tables .stock .stock_table table thead{*/
/*   position: sticky;*/
/*   top: 0;*/
/*   background: var(--color-wh);*/
/*   width: 100%;*/
/*   height: 30px;*/
/*   box-shadow: 0 0 20px rgb(0,0,0,.1);*/
/*}*/
/*header .tables .stock .stock_table table tr{*/
/*   width: 100%;*/
/*}*/
/*header .tables .stock .stock_table table th{*/
/*   width: fit-content;*/
/*   font-size: 13px;*/
/*}*/
/*header .tables .stock .stock_table table td{*/
/*   width: fit-content;*/
/*   width: -moz-fit-content;*/
/*   text-align: center;*/
/*   font-size: 12px;*/
/*   padding: 10px 0;*/
/*   font-weight: 500;*/
/*   color: rgb(78, 78, 78);*/
/*}*/
/*header .tables .stock .stock_table table td i {*/
/*  margin-right: 2px;*/
/*  font-size: 10px;*/
/*}*/

/*header .tables .delivery .recent_table{*/
/*   width: 100%;*/
/*   overflow-x: hidden;*/
/*   overflow-y: auto;*/
/*   height: 190px;*/
/*   margin-top: 10px;*/
/*   position: relative;*/
/*   display: none;*/
/*}*/
/*header .tables .delivery .recent_table::-webkit-scrollbar{*/
/*   display: none;*/
/*}*/
/*header .tables .delivery .recent_table table{*/
/*   width: 100%;*/
/*   border-collapse: collapse;*/
/*}*/
/*header .tables .delivery .recent_table table thead{*/
/*   position: sticky;*/
/*   top: 0;*/
/*   background: var(--color-wh);*/
/*   width: 100%;*/
/*   height: 30px;*/
/*   box-shadow: 0 0 20px rgb(0,0,0,.1);*/
/*}*/
/*header .tables .delivery .recent_table table tr{*/
/*   width: 100%;*/
/*}*/
/*header .tables .delivery .recent_table table th{*/
/*   width: fit-content;*/
/*   font-size: 13px;*/
/*}*/
/*header .tables .delivery .recent_table table td{*/
/*   width: fit-content;*/
/*   width: -moz-fit-content;*/
/*   text-align: center;*/
/*   font-size: 12px;*/
/*   padding: 10px 0;*/
/*   font-weight: 500;*/
/*   color: rgb(78, 78, 78);*/
/*}*/
/*header .tables .delivery .recent_table table td i {*/
/*  margin-right: 2px;*/
/*  font-size: 10px;*/
/*}*/

/*header .tables .onOff .recent_table {*/
/*    display: block;*/
/*}*/

/*header .tables .onOff .cards {*/
/*    display: none;*/
/*}*/

/*header .tables .stock_out {*/
/*    color: #861212 !important;*/
/*}*/
/*header .tables .stock_in {*/
/*    color: #05948d !important;*/
/*}*/


/*header .tables .delivery .del_head p {*/
/*    color: #000;*/
/*    font-weight: 600;*/
/*}*/
/*header .tables .delivery .del_head p i {*/
/*    margin: 0 5px;*/
/*    color: #7f7f7f;*/
/*}*/

/*header .tables .stock .del_head p {*/
/*    color: #000;*/
/*    font-weight: 600;*/
/*}*/

/*header .tables .stock .del_head p i {*/
/*    margin: 0 5px;*/
/*}*/




:root {
    --color-main: #e31e2a;
    --color-btn: #ff6d36;
    --color-gbtn: #97BE5A;
    /* #e31e2a */
    /* #705ec8 */
}


html body {
    overflow-x: hidden;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    background: #efe5e5;
}

.top_menu {
    background: var(--color-main);
    height: 80px;
}

.navbar-brand {
    font-size: 30px;
}

.log_1 {
    color: red;
}

.log_2 {
    color: white;
}

.top_menu .navbar-nav>li>a {
    color: #fff;
    letter-spacing: 0.32px;
    line-height: 16px;
    font-size: 11px;
}

.top_menu .navbar-nav>li:hover {
    background-color: #fff;
}

.top_menu .navbar-nav>li>a:focus {
    background: #fff;
}

.nav>li>a:focus,
.nav>li>a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #fff;
    color: #1f1b20;
}

.top_menu .navbar-nav>li:hover ul {
    display: block;
}

.top_menu .navbar-nav>li a {
    border-radius: 10px 10px 0 0;
}
.top_menu .navbar-nav>li:hover a {
    background-color: #fff;
    color: #1f1b20;
    border-radius: 10px;
}

.top_menu .navbar-nav>li ul li a:hover {
    background: #ebeaea;
}

.navbar-brand img {
    width: 55px;
    margin-top: -14px;
}

.dropdown-menu {
    position: absolute;
    display: none;
    /* top: 46px; */
    left: -1px;
    min-width: 200px;
    box-shadow: rgb(216, 216, 216) 0px 2px 4px 0px;
    color: rgb(125, 125, 125);
    text-align: left;
    background: rgb(255, 255, 255);
    padding: 5px 0px;
    border-top: 0px;
}

.dropdown-menu>li>a {
    display: block;
    padding: 8px 15px;
}

.right_menu {
    float: right;
    list-style: none;
    margin-bottom: 0px;
    /* margin-right: 23px; */
    height: 46px;
}

.right_menu li {
    float: left;
    text-align: left;
    position: relative;
}

.right_menu li a {
    color: #fff;
    font-size: 13px;
    padding: 16px 14px 12px;
    display: inline-block;
}

.right_menu li a:hover {
    background: #fff;
    color: #2b1a20;

}

.right_menu li a i {
    font-size: 16px;
}

.right_menu li a:hover {
    text-decoration: none;
}

.navbar-nav>li:hover .caret {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.guests {
    padding-left: 5px;
    position: relative;
    padding-top: 5px;
}

.guests small {
    width: 125%;
}

.guest_name {
    position: absolute;
    left: 5px;
    top: -6px;
}

.dotsss {
    width: 100%;
    height: 3px;
    float: left;
}

.fa-ellipsis-v:before {
    content: "\F142";
}

.dots_menu:hover ul {
    display: block;
}

.dots_menu .dropdown-menu {
    left: -160px;
    top: 46px;
}

.right_menu li ul li {
    display: block;
    width: 100%;
}

.right_menu li ul li a {
    color: #73afe3;
    padding: 6px 20px;
    width: 100%;
}

.right_menu li ul li a:hover {
    color: #fff;
    background: #d3d4d4;
}

.navbar-toggle {
    border: 1px solid #ffffff;
    cursor: pointer;
}

.navbar-toggle .icon-bar {
    background: #fff;
}

.nogify_imgs {
    width: 15%;
    height: 100%;
    float: left;
}

.nogify_text {
    width: 85%;
    height: auto;
    float: left;
}

.notify {
    position: relative;
}

.inoify_info {
    position: absolute;
    background: #fff;
    width: 350px;
    height: auto;
    z-index: 999;
    right: -90px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 0px;
    display: none;
}

.inoify_info:before {
    content: " ";
    border-bottom: 9px solid #fff;
    float: left;
    position: absolute;
    top: -10px;
    right: 101px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 0px;
}

.notify:hover .inoify_info {
    display: block;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.inoify_info p {
    padding: 6px;
    margin: 0px;
}

.notify_op_cnt {
    text-align: center;
}

.inoify_info li {
    padding: 8px 10px;
    border-bottom: 1px solid #e1e1e1;
    cursor: pointer;
}

.inoify_info li:last-child {
    border: none;
}

.inoify_info .notification_heading {
    padding: 0px;
    position: relative;
    padding-right: 35px;
    font-size: 14px;
    color: #3da131;
}

.inoify_info .notification_heading small {
    position: absolute;
    right: 0px;
    top: 3px;
    font-size: 10px;
    font-weight: 500;
    color: #4f4e4e;
}

.notification_text {
    font-size: 11px;
    padding: 0px !important;
}

.notify_op_cnt {
    font-size: 15px;
    background: #ebebeb;
}

.inoify_info li:hover {
    background: rgba(159, 157, 157, 0.1);
}

.noti_img {
    width: 35px;
    height: 35px;
    float: left;
    /* background: #676767; */
    border-radius: 50%;
    margin-right: 10px;
    text-align: center;
    padding-top: 6px;
}

.noti_img i {
    font-size: 23px;
    color: #3da131;
}

.notification_number {
    position: absolute;
    top: 9px;
    padding: 1px 3px 0px;
    left: 20px;
    background: #2b1a20;
    color: #ffffff;
    text-align: center;
    border-radius: 7px;
    font-size: 11px;
}

.logo_top {
    margin-top: -8px;
}

/*==========  header css ends here ===============*/
.secion_main {
    padding: 0px 10px;
    width: 100%;
    height: auto;
    float: left;
   
}

.card {
    width: 100%;
    height: auto;
    float: left;
    box-shadow: rgb(223, 223, 223) 0px -1px 3px 0px;
    background: rgb(255, 255, 255);
    border-radius: 4px;
    margin-bottom: 15px;
}

.card_t {
    padding: 12px 15px 7px;
    width: 100%;
    height: auto;
    float: left;
}

.card_bot {
    padding: 12px 15px;
    width: 100%;
    height: auto;
    float: left;
    background: #fffcf4;
}

.card__ll {
    width: 25%;
    height: 80px;
    float: left;
}

.card__rr {
    width: 75%;
    height: 80px;
    float: left;
    padding-top: 10px;
}

.card__rr a {
    text-decoration: none;
    color: var(--color-main);
}

.card__rr a:hover {
    text-decoration: none;
}

.card__rr small {
    font-size: 88%;
    color: rgb(119, 119, 119);
}

.card_in2 {
    width: 50%;
    height: 60px;
    float: left;
}

.badge_sml {
    width: 25%;
    height: auto;
    float: left;
}

.card__ll img {
    width: 50px !important;
}

.badge_contet {
    font-size: 11px;
    color: rgb(119, 119, 119);
}

.content-header {
    color: #343434;
}

.content-header:hover {
    text-decoration: none;
}

.dots_menu {
    position: absolute !important;
    right: 0px;
}

.card_in_top {
    padding: 10px 10px;
    border-bottom: 1px solid #ebebeb;
}

.card_in_top a {
    font-size: 15px;
    color: var(--color-main);
}

.card_in_top a:hover {
    text-decoration: none;
}

.last_update {
    float: right;
}

.card_in_bottom {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px;
}

.count_box {
    width: 100%;
    height: 120px;
    float: left;
    text-align: center;
    padding-top: 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 8px;
}

.count_number {
    color: rgb(63, 63, 63);
    font-size: 24px;
    font-weight: 300;
    margin-top: 10px;
}

.count_name {
    font-size: 11px;
    color: rgb(63, 63, 63);
}

.boxes_in2 {
    width: 20%;
    height: auto;
    float: left;
    padding: 0px 10px;
}

.count_box2 {
    height: 70px;
    padding: 20px;
}

.count_box2 p {
    color: #337ab7;
}


/*  ========= Add product page css starts =========*/
.pd-0 {
    padding: 0px;
}

.pt-1 {
    padding-top: 5px;
}

.pt-2 {
    padding-top: 10px;
}

.mt-1 {
    margin-top: 5px;
}

.mt-2 {
    margin-top: 10px;
}

.mt-3 {
    margin-top: 15px;
}

.section-header {
    height: 55px;
    box-shadow: rgb(204, 204, 204) 0px 1px 6px 0px;
    -webkit-box-shadow: rgb(204, 204, 204) 0px 1px 6px 0px;
    -moz-box-shadow: rgb(204, 204, 204) 0px 1px 6px 0px;
    -ms-box-shadow: rgb(204, 204, 204) 0px 1px 6px 0px;
    -o-box-shadow: rgb(204, 204, 204) 0px 1px 6px 0px;
    background: rgb(247, 247, 247);
    padding: 11px 30px 0px;
    margin-bottom: 18px;
}

.listing_top {
    list-style: none;
    padding: 0px;
}

.listing_top li {
    display: inline-block;
}

.listing_top li:last-child {
    display: block;
    font-size: 22px;
    color: rgb(63, 63, 63);
}

.listing_top li a {
    vertical-align: middle;
    color: rgb(227, 30, 42);
    text-decoration: none;
    font-size: 13px;
}

.listing_top li a:hover {
    text-decoration: none;
}

.fi_c {
    vertical-align: middle;
    color: rgb(170, 170, 170);
    padding: 0px 5px;
}

.nave_side {
    width: 211px;
    height: 100%;
    background-color: rgb(247, 247, 247);
    padding: 0px 10px 10px;
}

.nav_in {
    height: 67px;
    border-bottom: 1px solid rgb(223, 223, 223);
    padding: 10px;
    padding-top: 25px;
}

.nav_in .progress-icon {
    width: 22px;
    float: left;
    height: 100%;
    position: relative;
}

.sidebar-link-content {
    font-weight: bold;
    font-size: 11px;
    display: inline-block;
    color: rgb(170, 170, 170);
    text-align: left;
    text-transform: uppercase;
}

.progress-icon i {
    color: rgb(151, 168, 190);
    border-radius: 50%;
    background: white;
}

.search_input {
    color: rgb(170, 170, 170);
    font-size: 13px;
    border: none;
    outline: none;
    box-shadow: rgba(63, 63, 63, 0.15) 0px 1px 3px 0px inset;
    -webkit-box-shadow: rgba(63, 63, 63, 0.15) 0px 1px 3px 0px inset;
    -moz-box-shadow: rgba(63, 63, 63, 0.15) 0px 1px 3px 0px inset;
    -ms-box-shadow: rgba(63, 63, 63, 0.15) 0px 1px 3px 0px inset;
    border-radius: 4px;
    margin: 0px;
    padding: 10px 45px 10px 15px;
    height: 40px;
    width: 325px;
    background-color: rgb(247, 247, 247);
    margin-top: 15px;
}

.search_bx {
    position: relative;
    width: 325px;
    height: auto;
    float: left;
    margin-bottom: 10px;
}

.search_icon {
    position: absolute;
    top: 30px;
    right: 6px;
    margin: auto;
    color: #a1a0a0
}

.catlog_selection {
    width: 100%;
    height: 420px;
    float: left;
}

.list_one_bx {
    width: 147px;
    height: auto;
    float: left;
    margin-right: 12px;
    position: relative;
}

.list_one_bx ul {
    margin: 0px 10px 0px 0px;
    position: relative;
    display: block;
    height: 100%;
    width: 147px;
    height: 440px;
    overflow-y: scroll;
    overflow-x: hidden;
    float: left;
}

.list_one_bx ul {
    list-style: none;
    padding: 0px;
}

.list_one_bx ul li {
    font-size: 14px;
    overflow-wrap: break-word;
    cursor: pointer;
    list-style-type: none;
    border-bottom: 1px solid rgb(223, 223, 223);
    padding: 10px 16px 12px 27px;
    background: #fff;
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
}

.list_one_bx li i {
    border: 1px solid #7c7b7b;
    width: 21px;
    height: 21px;
    padding-top: 3px;
    border-radius: 50%;
    text-align: center;
    color: #7c7b7b;
    margin-left: -13px;
    font-size: 13px;
    left: 15px;
    position: absolute;
}

.li_active {
    background: #e7f3ff !important;
}

.bor_right .carousel-inner .item img {
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.bor_right .carousel-control.left,
.bor_right .carousel-control.right {
    background: none !important;
}

.bor_right .glyphicon-chevron-right:before,
.bor_right .glyphicon-chevron-left:before {
    color: #090909;
    font-size: 14px;
}

.pord_discs {
    width: 85%;
    margin: auto;
}

/*.list_one_bx ul li:before{
    content: " ";
    width: 12px;
    height: 12px;
    border-left: 10px solid #ccc;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -12px;
    top: 30%;
    display: none;
    z-index: 999
}
.list_one_bx ul li:hover:before{
    display: block;
}*/
.side_arrow {
    position: relative;
    width: 0px;
    height: 30px;
    float: left;
}

.pro_hading {
    font-size: 11px;
    border-bottom: 1px solid rgb(223, 223, 223);
    padding: 17px 17px 12px;
}

.prosub_hading {
    color: rgb(170, 170, 170);
    margin-right: 15px;
    text-transform: uppercase;
}

.prosub_titles {
    color: rgb(63, 63, 63);
}

.pro_discp {
    width: 50%;
    height: 100%;
    float: left;
}

.bor_right {
    border-right: 1px solid rgb(223, 223, 223);
}

.list_bx2,
.list_bx3 {
    display: none;
}

.list_bx2:before,
.list_bx3:before,
.side_arrow:before {
    content: " ";
    width: 12px;
    height: 12px;
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -12px;
    top: 10px;
}

.info_contents {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(208, 208, 208, 0.5) 0px -1px 3px 0px;
    height: 440px;
    margin: 0px;
    position: relative;
    width: unset;
    min-width: unset;
    overflow: hidden;
    display: block;
    z-index: unset;

}

.padd_card {
    padding: 20px;
    background: #fff;
}

.border-right {
    border-right: 1px solid #e1e1e1;
}

.add_catlog_btns {
    background: #1f1b20;
    border: 1px solid #1f1b20;
    color: #fff;
    margin-top: 15px;
    padding: 10px 15px;
    font-size: 14px;
    margin: 0px 15px 1px 25px;
    transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
}

.add_catlog_btns:hover {
    border: 1px solid #1f1b20;
    background: #fff;
    color: #1f1b20;


}

.p_te01 {
    margin-bottom: 20px;
}

.pro_Searchings .product-search-input {
    width: 270px;
    box-sizing: border-box;
    color: rgb(119, 119, 119);
    background-color: rgb(255, 255, 255);
    height: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(223, 223, 223);
    border-image: initial;
    padding: 0px 13px 2px;
    border-radius: 3px;
}

.pb-1 {
    padding-bottom: 10px;
}

.addcat_log-search-btn {
    top: 0px;
    width: 130px;
    height: 40px;
    position: relative;
    vertical-align: middle;
    margin: 0px 0px 0px -4px;
    border-radius: 0px 2px 2px 0px;
    cursor: pointer;
    min-width: 90px;
    white-space: nowrap;
    color: rgb(255, 255, 255);
    background-color: rgb(31, 27, 32);
    border: 1px solid #1f1b20;
}

.pb-2 {
    padding-bottom: 20px;
}

.pb-3 {
    padding-bottom: 30px;
}

.pb-4 {
    padding-bottom: 40px;
}

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

.img_uploaders {
    color: rgb(71, 160, 251);
}

/*  ---- inventory css starts */

.ml-0 {
    margin-left: 0px !important;
}

.mr-0 {
    margin-right: 5px !important;
}

.top_inventory {
    width: 100%;
    height: auto;
    float: left;
    box-shadow: rgba(223, 223, 223, 0.4) 0px -1px 0px 0px, rgb(223, 223, 223) 0px 1px 0px 0px;
    background-color: rgb(250, 251, 252);
    padding: 16px 30px 0px;
}

.inventry_bxxes {
    width: 150px;
    height: 65px;
    display: inline-block;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(223, 223, 223);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 5px 7px 14px 11px;
    margin-right: 12px;
    position: relative;
    margin-bottom: 20px;
}

.small_info {
    position: absolute;
    bottom: -18px;
    left: 0px;
    color: #959191;
}

.small_info i {
    color: var(--color-main);
}

.content_invent,
.cont_number {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
    color: #3f3f3f;
}

.cont_number span {
    font-size: 15px;
    font-weight: 400;
}

.section_invont {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    padding: 10px 30px 40px;
    margin-top: 1px;
}

.downl_report {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #1f1b20;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    color: #1f1b20;
    cursor: pointer;
    transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    float: left;
    margin-right: 5px;
}

.form_cl {
    border-radius: 0px;
    margin-bottom: 5px;
}

.table_boxes {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
    margin-bottom: 20px;
}

.downl_report:hover {
    background: #1f1b20;
    color: #fff;
}

.catagory_filters {
    width: 100%;
    height: auto;
    float: left;
    background: #f1f1f1;
    padding: 10px 20px;
    border: 1px solid #dbdbdb;
    border-bottom: 0px;
}

.filter1 {
    width: 12px;
    height: 34px;
    float: left;
    padding-top: 7px;
    color: #777;
    font-size: 13px;
}

.filter2 {
    width: auto;
    height: 34px;
    float: left;
    margin-left: 7px;
    font-size: 13px;
}

.filter3 {
    width: auto;
    height: 34px;
    float: left;
    margin-left: 7px;
    font-size: 13px;
}

.btn_apply {
    margin-left: 10px;
    background: #fff;
    padding: 7px 30px;
}

.data_table {
    width: 100%;
    min-height: 70px;
    float: left;
    background: #fff;
    border-top: 0px;
    border: 1px solid #dbdbdb;
    padding: 10px;
    padding-bottom: 20px;
    overflow-x: scroll;
}

.select_re00 {
    margin-top: 10px;
}

.cont_number span {
    font-size: 11px;
}

.data_table .dataTables_length label {
    font-weight: 500;
}

.data_table .dataTables_length select {
    height: 26px;
}

.data_table .dataTables_filter input[type="search"] {
    border: 1px solid #ccc;
    height: 26px;
}

.table_main {
    border: 1px solid #ddd !important;
    margin-top: 10px;
}

.table_main th,
.table_main td {
    text-align: center;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid #ddd !important;
}

table.table_main .hover tbody tr:hover,
table.table_main .display tbody tr:hover {
    background-color: transparent !important;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: transparent !important;
}

table.dataTable.stripe tbody tr.odd:hover,
table.dataTable.display tbody tr.odd:hover {
    background-color: #f9f9f9 !important;
}

table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.display tbody tr>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr>.sorting_1 {
    background-color: transparent !important;
}

.dataTables_wrapper .dataTables_filter {
    margin-bottom: 10px;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6;
}

.infoicon {
    position: relative;
}

.sc-info {
    white-space: normal;
    width: 150px;
    height: auto;
    font-size: 11px;
    margin-left: 5px;
    margin-top: 5px;
    display: inline-block;
    color: rgb(255, 255, 255);
    opacity: 0.7;
    padding: 2px 5px;
    background: rgb(0, 0, 0);
    border-radius: 4px;
    position: absolute;
    right: 4px;
    top: 8px;
    display: none;
}

.infoicon:hover .sc-info {
    display: block;
}

/*  ---- inventory css ends */
.pr01 .content_invent {
    font-size: 12px;
}

.active_listing {
    border-color: rgb(227, 30, 42);
}

.active_listing .content_invent,
.active_listing .cont_number {
    color: rgb(227, 30, 42);
}

.pr01 .content_invent,
.pr01 .cont_number {
    margin-bottom: 0px;
}

.searh_bx01 {
    position: relative;
}

.serch_icon {
    position: absolute;
    right: 8px;
    top: 11px;
    color: #a1a1a1;

}

.orderDisable_btns {
    color: rgba(31, 27, 32, 0.49);
    background-color: rgb(255, 255, 255);
    border-color: rgba(31, 27, 32, 0.3);
}

.orderDisable_btns22 {
    background-clip: padding-box;
    color: rgba(31, 27, 32, 0.76);
    background-color: rgba(31, 27, 32, 0.22);
    border-color: rgba(31, 27, 32, 0.3);
    cursor: pointer !important;
}

/*============== Returns page ===========*/
.ret_filter {
    width: 100%;
    height: 30px;
    float: left;
    border-bottom: 1px solid #ddd;
}

.retu_filter_main {
    width: 100%;
    height: auto;
    float: left;
}

.side_text {
    color: #000;
    font-size: 15px;
}

.side_text2 {
    float: right;
    padding-top: 3px;
}

.side_text a {
    font-size: 12px;
}

.side_text a i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.to_cont22 {
    font-size: 14px;
    margin-left: 20px;
    color: #8c8c8c;
}

.to_cont22 span {
    color: #000;
}

.retur_date_range label {
    text-transform: uppercase;
    color: #b7b7b7;
    margin-bottom: 5px;
    font-size: 12px;
    letter-spacing: 0.2px;
}

.select_re00 .panel {
    background: transparent;
    padding-bottom: 6px;
    box-shadow: none;
}

.select_re00 .panel-title {
    font-size: 13px;
}

.select_re00 .panel-title a {
    padding: 6px 0px;
    display: block;
    color: #8e8e8e;
    text-transform: uppercase;
    position: relative;
}

.table_order td .fancybox.ajax .btn-sm {
    padding: 2px 4px;
}

.select_re00 .panel-title a:hover {
    text-decoration: none;
}

.select_re00 .panel-collapse {
    padding-left: 5px;
}

.select_re00 .panel-title a:focus {
    text-decoration: none;

}

.select_re00 .panel-title a:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: #ccc;
    right: 12px;
    top: 13px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transition: all ease .5s;
}

.select_re00 .panel-title a:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: #ccc;
    right: 5px;
    top: 13px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transition: all ease .5s;
}

.ret_filter ul {
    list-style: none;
}

.ret_filter ul li {
    display: inline-block;
    padding-right: 40px;
    color: #027cd5;
    font-size: 13px;
    padding-left: 10px;
}

.ret_filter ul li:first-child {
    border-right: 1px solid #ccc;
    color: #1f1b20;
}

.ret_filter2 {
    width: 100%;
    height: 40px;
    float: left;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
}

.ret_filter ul li .nav_cont {
    font-weight: bold;
    padding-left: 8px;
}

.returns .nav-tabs>li>a {
    color: #1f1b20;
}

.returns .nav-tabs>li.active>a,
.returns .nav-tabs>li.active>a:focus,
.returns .nav-tabs>li.active>a:hover {
    color: var(--color-main);
    cursor: default;
    background-color: #fafbfc;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

/*============== My payment starts ===========*/
.mb-2 {
    margin-bottom: 20px;
}

.help_link {
    display: block;
    margin: 4px 0px;
    font-size: 15px;
    color: #47A0FB;
    font-weight: 100;
}

.help_link:hover {
    text-decoration: none;
    color: #47A0FB;
}

.card_payment {
    min-height: 210px;
    height: auto;
    width: 100%;
    padding: 5px 20px;
    background-color: #ffffff;
    box-shadow: 0 -1px 3px 0 rgba(208, 208, 208, 0.5);
}

.card_payment_header {
    margin-bottom: 6px;
    font-weight: 400;
    float: left;
}

.card_payment_header p {
    color: #909090;
}

.pay_text {
    width: 80%;
    height: auto;
    float: left;
}

.date_block {
    float: right;
    width: 18%;
    display: inline-block;
    padding: 8px 5px;
    background-color: #fcf8e3;
    border: solid 1px #faf2cc;
    border-radius: 3px;
    vertical-align: top;
    font-size: 13px;
    text-align: center;
    color: #f86d72;
}

.card_row {
    font-size: 14px;
    padding: 6px 0px;
    width: 100%;
    float: left;
}

.card_prod {
    width: 55%;
    height: auto;
    float: left;
}

.card_total {
    width: 45%;
    height: auto;
    float: left;
    text-align: right;
    color: #0871D5;
}

.card_total i {
    font-size: 13px;
}

.total_am {
    font-weight: bold;
    border-top: 1px solid #ccc;
}

.card_pp {
    float: left;
    width: 100%;
    min-height: 70px;
}

.pay_text2 {
    width: 100%;
    height: auto;
    float: left;
}

/*============== My payment Ends ===========*/
/*============== Performace starts ===========*/
.performance_sec .nav-tabs>li {
    width: 100%;
}

.performance_sec .nav-tabs>li.active>a,
.performance_sec .nav-tabs>li.active>a:focus,
.performance_sec .nav-tabs>li.active>a:hover {
    border-left: 4px solid var(--color-main);
    border-radius: 0px;
    border-top: 0px;
    border-right: 0px;
}

.perf_side_menu .nav-tabs>li>a {
    margin-right: 0px;
    border-radius: 0px;
    font-size: 14px;
    font-weight: bold;
    padding: 13px 15px;
}

.perf_side_menu {
    border-right: 1px solid #e1e1e1;
    padding-right: 0px;
    padding-left: 0px;
    min-height: 540px;
}

.perfor h4 {
    font-size: 17px;
    color: #424242;
}

.res_top {
    padding-top: 10px;
}

.sho_results {
    width: 15%;
    height: auto;
    float: left;
}

.days_filters {
    width: 36%;
    height: auto;
    float: left;
}

.sho_perfo {
    width: 40%;
    height: auto;
    float: left;
}

.sho_results,
.days_filters {
    margin-right: 20px;
}

.days_filters a {
    border: 1px solid #337ab7;
    padding: 3px 8px;
    background: #fff;
    color: #337ab7;
    margin: -2px;
}

.days_filters a:hover,
.days_filters a:focus,
.days_filters a:visited {
    text-decoration: none;
}

.days_filters a:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.days_filters a:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.active_days {
    background: #cee9f7 !important;
}

.b_perfor {
    width: 100%;
    background-color: rgb(255, 255, 255);
    display: inline-block;
    border-radius: 4px;
    border: 1px solid rgb(223, 223, 223);
    padding: 10px 14px;
    border-radius: 4px;
}

.b_perfor .card-name {
    color: rgb(63, 63, 63);
    font-size: 12px;
    line-height: 18px;
}

.b_perfor .card-value {
    font-size: 18px;
    color: rgb(74, 74, 74);
    margin: 5px 0px;
}

.border_bot {
    margin: 5px 0px;
    border-bottom: 1px solid rgb(234, 234, 234);
}

.b_perfor_sub {
    color: rgb(130, 130, 130);
    height: 20px;
}


/*============== Performace Ends ===========*/
/*============== reports page starts ===========*/
.pd-1 {
    padding-top: 5px;
}

.pd-2 {
    padding-top: 10px;
}

.report_btn {
    background: #1f1b20;
    color: #fff;
    border: 1px solid #1f1b20;
    padding: 7px 15px;
    margin-top: 8px;
    font-size: 15px;
    border-radius: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.form_reoprts {
    width: 100%;
    height: auto;
    float: left;
}

.form_inpt {
    margin-bottom: 15px;
}

.btn_qued {
    background: #1f1b20;
    padding: 3px 10px;
    border: 1px solid #1f1b20;
    color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
}

.btn_down {
    padding: 3px 10px;

}

.bbtt {
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 10px;
}

/*============== reports page Ends ===========*/

/*----=- login page  starts-----------*/
.login_header {
    width: 100%;
    height: 80px;
    float: left;
    background: var(--color-main);
    padding-top: 12px;
}

.login-form input {
    border: solid 1px #ddd;
    padding: 6px 8px 5px 8px;
    font-size: 12px;
    width: 160px;
    margin-right: 6px;

}

.sub_btn {
    background: #1f1b20;
    border-color: #1f1b20 !important;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 0;
    border: 0;
    width: 79px !important;
    height: 30px;
    margin-left: 9px;
    transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
}

.sub_btn:hover {
    color: #ffffff;
    border: 1px solid var(--color-main);
    background: var(--color-main);
}

.log_banner_section {
    width: 100%;
    float: left;
    height: 656px;
    background-position: bottom;
    background: url(../img/ex8.jpg) no-repeat center center/cover !important;

}

.bannerHeading {
    color: #262626;
    font-size: 35px;
    margin: 87px 0 0;
    line-height: 37px;
    text-transform: uppercase;
}

.bannerHeading .text_below {
    font-size: 40px;
    display: block;
    line-height: 52px;
    text-shadow: none;
}

.bannerHeading .orangetext {
    color: var(--color-main);
    font-weight: bold;
}

.circular_boxes {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 35px;
}

.big_circles {
    width: 155px;
    height: 155px;
    border-radius: 200px;
    background: #939a9f;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    float: left;
    display: table;
    margin: 0 25px 0 0;
    line-height: 21px;
    padding-top: 45px;
}

.cir_number {
    font-size: 30px;
    display: block;
    margin: 0 0 12px;
}

.cir_text {}

.register_form {
    width: 370px;
    float: left;
    background: #fff;
    min-height: 350px;
    padding: 38px 35px 40px;
    margin: 50px 0 0;
    box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 1px 3px 9px rgba(0, 0, 0, 0.35);
}

.res_heading {
    font-size: 27px;
    color: #555555;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 30px;
    font-weight: 600;
}

.register_form input[type="text"],
.register_form input[type="password"] {
    border: solid 1px #d5d5d5;
    width: 100%;
    height: 45px;
    padding: 0 10px 0 50px;
    font-size: 13px;
    margin: 0 0 12px;
}

.register_form input[type="text"].name {
    background: url(/img/user-icon.png) no-repeat 14px 14px;
    background-size: 23px 21px;
}

.register_form input[type="text"].email {
    background: url(/img/envelope-icon.svg) no-repeat 14px 14px;
}

.register_form input[type="text"].smartphone {
    background: url(/img/smartphone-icon.svg) no-repeat 12px 11px;
}

.register_form input[type="password"].password {
    background: url(/img/pass.png) no-repeat 12px 11px;
    background-size: 20px 20px;
}

.register_form input[type="submit"] {
    background: var(--color-main);
    width: 100%;
    height: 44px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid var(--color-main);
    padding: 6px 0 0;
    font-weight: bold;
    margin: 10px 0 0;
    transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;

}

.register_form input[type="submit"]:hover {
    color: var(--color-main);
    border: 1px solid var(--color-main);
    background: #fff;
}

.whyUs {
    width: 100%;
    margin: 0 auto;
    color: #666666;
    background: #f8f8f8;
    float: left;
    padding-bottom: 44px;
}

.b_title {
    font-size: 35px;
    text-align: center;
    color: #4f4f4f;
    margin-top: 47px;
    margin-bottom: 70px;
}

.w_title {
    font-size: 18px;
    color: #7a7a7a;
    text-transform: uppercase;
    margin: 13px 0 11px 0;
    font-weight: bold;

}

.w_text {
    font-size: 16px;
    line-height: 18px;
    color: #606060;
}

.how_it_works {
    background: #fff;
    width: 100%;
    float: left;
    padding-bottom: 60px;
}

.how_it_works .b_title {
    margin-bottom: 10px;
}

.how_it_works .mantra {
    font-size: 18px;
    color: #888888;
}

.text_work {
    height: 240px;
    background: #faf3ed;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.line_side {
    width: 3px;
    height: 240px;
    float: left;
    background: #f68121;
    position: absolute;
    top: 23%;
    left: 20%;
    z-index: 999;
}

.number_circle {
    width: 50px;
    height: 50px;
    float: left;
    background: #f68121;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-left: -24px;
    margin-top: -3px;
    color: #fff;
    font-size: 26px;
    padding-top: 8px;
    font-weight: bold;
}

.how_work_contant {
    width: 72%;
    height: auto;
    margin-left: 28%;
    text-align: left;
    float: left;
    padding-top: 10%;
}

.how_work_contant h3 {
    color: #636363;
}

.how_work_contant ul {
    padding-left: 15px;
    font-size: 15px;
    color: #6e6d6d;
}

.hei_01 {
    height: 240px;
    padding-top: 6%;
}

.work_2 {
    background: #fff;
}

.work_2 .number_circle {
    background: #bd1a8d;
}

.work_2 .line_side {
    background: #bd1a8d;
}

.how_work_in {
    width: 72%;
    margin: auto;
    border: 1px solid #efefef;
    padding: 10px;
    padding-bottom: 0px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    margin-top: 21px;
    overflow: hidden;
}

.login_footer {
    width: 90%;
    margin: auto;
    padding: 25px 40px 20px;
    font-size: 14px;
    color: #666;
    background: #f4f4f4;
}

.fot_email span {
    font-size: 16px;
}

.fot_social i {
    background: #fff;
    text-align: center;
    border-radius: 200px;
    border: solid 1px #e9e9e9;
    width: 32px;
    height: 32px;
    display: inline-block;
    padding: 7px 0 0;
    margin: 0 7px 0 0;
}

.fot_social i:hover {
    background: #337ab7;
    color: #fff;
}

.icon_whyus {
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
    padding-top: 27px;
    font-size: 35px;
    color: #fff;
}

.i_w1 {
    background: #e95f67;
}

.i_w2 {
    background: #afab31;
}

.i_w3 {
    background: #31a4af;
}

.i_w4 {
    background: #316aaf;
}

/*----=- login page  Ends-----------*/

/*----=- login_inner page  Starts-----------*/

.login_inner_sec {
    background: url(/ReDi/images/ex9.jpg) no-repeat #1f1b20 bottom;
}

.login_inner_head {
    color: #FFFFFF;
    font-size: 36px;
    line-height: 49px;
    margin-top: 100px;
}

.create_account {
    width: 100%;
}

.create_account .res_heading {
    font-size: 22px;
}

.catogry_selection {
    width: 100%;
    height: 550px;
    float: left;
    background: #ffffff;
    margin-top: 50px;
    overflow: hidden;
}

.head_sel {
    width: 100%;
    float: left;
    height: 50px;
    border-bottom: 1px solid #d5d5d5;
}

.head_sel2 {
    width: 100%;
    float: left;
    height: 50px;
    border-top: 1px solid #d5d5d5;
}

.inner_select01 {
    width: 100%;
    height: 440px;
    float: left;
    background: #ffffff;
    overflow-y: scroll;
    padding: 10px 20px;
}

.sub_headings {
    margin: 15px 0px 5px;
    color: #676767;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
}

.check_labels {
    padding-left: 13px;
    color: #787878;
    font-size: 14px;
}

.head_sel2 input[type="submit"] {
    background: var(--color-main);
    width: auto;
    height: auto;
    color: #fff;
    font-size: 16px;
    float: right;
    text-transform: uppercase;
    border: 1px solid var(--color-main);
    padding: 6px 10px;
    font-weight: bold;
    margin: 10px 20px;
    transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
}

/*----=- login_inner page  Ends-----------*/
.listing_right {
    list-style: none;
    text-align: right;
}

.listing_right li {
    margin-right: 5px;
    min-width: 52px;
    display: inline-block;
    position: relative;
}

.listing_right li:last-child {
    margin-right: 0px;
}

/* table css ---- */
.table tr {
    font-size: 11px;
}

.table .child ul {
    width: 100% !important;
    text-align: left !important;
}

table.dataTable>tbody>tr.child span.dtr-title {
    width: 45%;
    display: inline-block;
}

table.dataTable>tbody>tr.child span.dtr-data {
    width: 55%;
    display: inline-block;
}

/*----=- Responsive Starts-----------*/


@media(max-width: 1255px) {
    .nav>li>a {
        padding: 15px 4px;
    }

    .right_menu {
        margin-right: 12px;
    }

    .filter1,
    .filter2,
    .filter3,
    .downl_report {
        margin-bottom: 5px;
    }

}

@media(max-width: 1200px) {
    .card_in2 {
        width: 100%;
        text-align: center;
    }

    .card__ll img {
        width: 50px !important;
    }

    .badge_sml img {
        width: 40px !important;
    }

    .bannerHeading {
        font-size: 30px;
    }

    .bannerHeading .text_below {
        font-size: 32px;
    }

    .big_circles {
        margin: 0 19px 0 0;
    }

    /* .padd_card.table{
		overflow-y: scroll;
	} */
}

@media(max-width: 1170px) {
    .nav>li>a {
        padding: 15px 4px;
    }

    .nav>li:last-child>a {
        padding: 15px 8px;
    }

    .right_menu {
        margin-right: 8px;
        padding-left: 0px;
    }

    .right_menu li a {
        padding: 19px 10px 16px;
    }

    .navs {
        background: var(--color-main);
    }

    .fot_email span,
    .fot_calls span a {
        font-size: 14px !important;
    }
}

@media(max-width: 992px) {

    .pro_Searchings .product-search-input,
    .addcat_log-search-btn {
        width: auto;
    }

    .addcat_log-search-btn i {
        left: 3px !important;
        font-size: 17px !important;
        top: 10px !important;
    }

    .add_catlog_btns {
        margin: 0px 10px 1px 4px;
        padding: 10px 10px;
        font-size: 13px;
        margin-bottom: 8px;
    }

    .top_menu {
        height: auto;
    }

    .register_form {
        width: 100%;
        padding: 30px 18px 40px;
    }

    .bannerHeading {
        font-size: 26px;
        margin: 60px 0 0;
    }

    .bannerHeading .text_below {
        font-size: 28px;
    }

    .cir_number {
        font-size: 24px;
        margin: 0 0 4px;
    }

    .cir_text {
        font-size: 14px;
    }

    .big_circles {
        width: 120px;
        height: 120px;
        padding-top: 25px;
        margin: 0 10px 0 0;
    }

    .days_filters {
        width: 48%;
    }

    .sho_perfo {
        width: 29%
    }

    .table_order td .fancybox.ajax .btn-sm {
        margin-bottom: 2px;
    }
}

@media(max-width: 992px) and (min-width: 767px) {

    .customer_base,
    .trust,
    .reach,
    .grouth {
        height: 200px;
    }

}

@media(max-width: 767px) {
    .top_menu {
        height: auto;
    }

    .top_menu .navbar-nav>li>a {
        text-align: center;
    }

    .dropdown-menu>li>a {
        display: block;
        width: 100%;
        text-align: center;
    }

    .navbar-nav>li>.dropdown-menu {
        width: 100%;
        text-align: center;
    }

    .mobi_only {
        position: absolute;
        top: 0px;
        right: 70px;
    }

    .inoify_info {
        right: -70px;
    }

    .inoify_info:before {
        right: 76px;
    }

    .boxes_in2 {
        width: 100%;
    }

    .card__ll {
        text-align: center;
    }

    .border-right {
        border-right: none;
    }

    .section-header {
        padding: 8px 20px 0px;
        height: auto;
    }

    .pd_top {
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .searh_bx01 {
        padding: 0px 15px;
        margin-bottom: 5px;
    }

    .searh_bx01 .serch_icon {
        right: 19px;
    }

    .listing_top li:last-child {
        font-size: 19px;
    }

    .help_link {
        font-size: 12px;
    }

    .card_payment {
        margin-bottom: 15px;
    }

    .top_inventory {
        padding: 16px 15px 35px;
    }

    .card_payment {
        float: left;
    }

    .performance_sec .nav-tabs>li {
        width: 33.33%;
    }

    .perf_side_menu {
        min-height: auto;
    }

    .perf_side_menu .nav>li:last-child>a {
        padding: 13px 8px;
    }

    .perf_side_menu .nav-tabs>li>a {
        font-size: 12px;
        padding: 13px 7px;
    }

    .register_form {
        width: 100%;
        padding: 15px 18px 29px;
        margin: 20px 0 0;
    }

    .bannerHeading {
        font-size: 19px;
        line-height: 22px;
        margin: 32px 0 0;
        text-align: center;
    }

    .bannerHeading br {
        display: none;
    }

    .bannerHeading .text_below {
        font-size: 21px;
        line-height: 21px;
    }

    .text_below br {
        display: none;
    }

    .circular_boxes {
        margin-left: 18%;
    }

    .circular_boxes {
        margin-left: 20%;
    }

    .how_work_in {
        width: 100%;
    }

    .fot_social,
    .fot_calls,
    .fot_email {
        text-align: center !important;
        margin-bottom: 10px;
    }

    .performance_sec .nav-tabs>li>a {
        text-align: center;
    }

    .b_perfor {
        margin-bottom: 10px;
    }

    .report_sub_menu .nav-tabs>li {
        width: 50%;
    }

}

@media(min-width: 1400px) {
    .table tr {
        font-size: 12px;
    }
}

@media(max-width: 600px) {
    .inventry_bxxes {
        width: 100%;
    }

    .top_inventory {
        padding-bottom: 10px;
    }

    .catagory_filters {
        padding: 10px 5px;
    }

    .btn_apply {
        padding: 7px 9px;
    }

    .catagory_filters .form-control {
        padding: 6px 4px;
        font-size: 12px;
    }

    .section_invont {
        padding: 10px 12px 40px;
    }

    .login_header {
        height: auto;
    }

    .login-form input {
        margin-bottom: 5px;
    }

    .circular_boxes {
        margin-left: 8%;
    }

    .how_work_contant {
        width: 90%;
        height: auto;
        margin-left: 16%;
    }

    .line_side {
        left: 7%;
    }

    .hei_01 img {
        width: 110%;
        margin-top: 25px;
    }
}

@media (max-width: 480px) {

    .filter1,
    .filter2,
    .filter3 {
        float: none;
    }

    .btn_apply {
        padding: 7px 20px;
        float: right;
    }

    .circular_boxes {
        margin-left: 13%;
    }

    .big_circles {
        width: 90px;
        height: 90px;
        padding-top: 13px;
    }

    .cir_number {
        font-size: 17px;
        margin: 0 0 4px;
    }

    .cir_text {
        font-size: 10px;
        line-height: 14px;
    }

    .big_circles br {
        display: none;
    }

    .how_work_contant {
        width: 93%;
    }

    .number_circle {
        width: 34px;
        height: 34px;
        margin-left: -16px;
        margin-top: -3px;
        font-size: 20px;
        padding-top: 3px;
    }

    .hei_01 img {
        margin-top: 50px;
    }

    .down_bt .filter1 {
        display: inline;
    }

    .down_bt .downl_report {
        float: none;
    }
}

@media(max-width: 400px) {
    .inoify_info {
        width: 300px;
    }

    .inoify_info .notification_heading {
        font-size: 12px;
    }

    .noti_img {
        width: 30px;
        height: 30px;
    }

    .noti_img i {
        font-size: 20px;
    }

    .card_in_top {
        text-align: center;
    }

    .card_in_top a {
        display: block;
    }

    .last_update {
        float: initial;
    }

    .pro_Searchings .product-search-input {
        width: 155px;

    }

    .addcat_log-search-btn {
        min-width: 30px;
    }

    .addcat_log-search-btn .search-text {
        display: none;
    }

    .addcat_log-search-btn i {
        left: 5px !important;
    }

    .padd_card {
        padding: 5px;
    }

    .circular_boxes {
        margin-left: 5%;
    }
}

@media(max-width: 350px) {
    .circular_boxes {
        margin-left: 2%;
        padding-top: 23px;
    }

    .big_circles {
        margin: 0 1px 0 0;
    }
}

@media(max-width: 350px) {
    .big_circles {
        margin: 0 0px 0 0;
    }
}

.has-error {
    font-size: 14px;
    color: var(--color-main);
}

.manage_profile .padd_2 {
    padding: 5px 20px 20px;
    margin-top: 10px;
}

.manage_profile .add_pic {
    font-size: 14px;
    margin-top: 6px;
}

.manage_profile .main_sec {
    color: #1f1b20;
    line-height: 3rem;
    margin-bottom: 20px;
    border-bottom: 1px solid #b5bac4;
}

.manage_profile .main_sec i {
    margin-right: 7px;
}

.manage_profile .mb_2 {
    margin-bottom: 15px;
}

.manage_profile .in_bx {
    position: relative;
    display: inline-block;
}

.manage_profile .in_bx i {
    position: absolute;
    left: 25px;
    top: 33px;
    color: #979797;
}

.manage_profile .in_bx .form-control {
    padding-left: 30px;
}

.manage_profile .in_bx label {
    color: #1f1b20;
}

.manage_profile .radio_btns {
    margin-left: 10px;
}

.manage_profile .sub_btn2 {
    background: #1f1b20;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 3px 18px;
    border: 0;
    height: 30px;
    margin-left: 9px;
    transition: all ease-in .2s;
    margin: 10px 0px 20px;
}

.manage_profile .sub_btn2:hover {
    background: var(--color-main);
}

.redi_btn {
    display: inline-block;
    padding: 7px 15px;
    border: 1px solid #1f1b20;
    border-radius: 2px;
    color: #1f1b20;
    background: #fff;
    cursor: pointer;
    transition: all ease-in .2s;
    margin-left: 5px;
}

.redi_btn:hover {
    background: #1f1b20;
    color: #fff;
}

.redi_btn.xs {
    padding: 2px 8px;
}

.redi_btn_black {
    display: inline-block;
    padding: 7px 15px;
    border: 1px solid #1f1b20;
    border-radius: 2px;
    color: #fff;
    background: #1f1b20;
    cursor: pointer;
    transition: all ease-in .2s;
    margin-left: 5px;
}

.redi_btn_black.xs {
    padding: 2px 8px;
}

.redi_btn_black:hover {
    background: #fff;
    color: #1f1b20;
}

.nowrap,
.nowrap th {
    text-align: center;
}

.relative {
    position: relative;
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

/* toggle button */
.toggle-btn {
    width: 40px;
    height: 19px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    background: #e74c3c;
    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;
    background-size: 12px;
}

.toggle-btn:before {
    content: "";
    width: 12px;
    height: 2px;
    background: #fff;
    float: left;
    position: absolute;
    right: 5px;
    top: 8px;
    transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
}

.toggle-btn:after {
    content: "";
    width: 12px;
    height: 2px;
    background: #fff;
    float: left;
    position: absolute;
    right: 5px;
    top: 8px;
    transform: rotate(-43deg);
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
}

.toggle-btn.active:before {
    content: "";
    width: 8px;
    height: 2px;
    background: #fff;
    float: left;
    position: absolute;
    left: 5px;
    top: 9px;
    transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
}

.toggle-btn.active:after {
    content: "";
    width: 12px;
    height: 2px;
    background: #fff;
    float: left;
    position: absolute;
    left: 9px;
    top: 8px;
    transform: rotate(-43deg);
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);

}

.toggle-btn.active {
    background-color: #2ecc71;
}

.toggle-btn.active .round-btn {
    left: 24px;
}

.toggle-btn .round-btn {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 0;
    margin-top: 3px;
    -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)";
}

.btn_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ca4c4c;
    -webkit-transition: .4s;
    transition: .4s;
}

.btn_slider:before {
    position: absolute;
    content: "";
    height: 11px;
    width: 11px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.btn_slider {
    background-color: #4CAF50;
}

input:focus+.btn_slider {
    box-shadow: 0 0 1px #2196F3;
}


.table {
    width: 100% !important;
}

.redi_delete_btn {
    background: #f12424 !important;
    color: #fff !important;
    border: 1px solid red !important;
}

table td {
    text-wrap: balance !important;
    word-break: break-all !important;
}

.table_custom_class {
    overflow-x: auto !important;
}






/* new  */



.top_menu {
    background: var(--color-main);
    height: 80px;
    /* position: fixed; */
    z-index: 999;
    width: 100%;
    box-shadow: 0 10px 20px rgb(0, 0, 0, .3);
}

.secion_main {
    margin-top: 0 !important;
}

header .topCards .left .card section {
    margin-top: -30px;
}

header .topCards .card .card_value h1 {
    margin-top: 7px;
}

.delivery {
    background: #fff;
}

table {
    text-align: center !important;
}

table .td {
    position: relative;
    height: 40px;
    text-align: center;
}

table .td span {
    position: relative;
    top: 10px;
}


table .td:nth-child(2) {
    text-align: left;
}


table td a img {
    border-radius: 10px;
    border: 2px solid #fff;
    box-shadow: 0 0 10px rgb(0, 0, 0, .1);
    padding: 3px;
    width: 45px;
    height: 45px;
    background: #fff;
}

/* table tbody tr td:nth-child(2) {
    font-weight: 600;
} */


table tbody tr td:nth-child(2) img {
    margin-right: 10px;
}

.redi_btn {
    display: inline-block;
    padding: 5px 15px !important;
    border: 1px solid var(--color-main);
    border-radius: 5px;
    color: #fff;
    background: var(--color-main);
    cursor: pointer;
    transition: all ease-in .2s;
    margin-left: 5px;
}


table tbody tr:nth-child(even) {
    background: rgb(244, 244, 244);
}

.secion_main {
    margin-top: 40px;
    min-height: 63vh !important;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #dddddd8c;
}


.card {
    width: 98% !important;
    position: relative;
    left: 1.5% !important;
    border-radius: 0 0 10px 10px;
}

table tbody tr td i {
    margin-right: 5px;
}

table tbody tr td {
    height: 40px;
}

.redi_btn:hover {
    background: transparent;
    color: var(--color-main);
}

.section-header {
    position: relative;
    height: 55px;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    -ms-box-shadow: unset;
    -o-box-shadow: unset;
    background: #fff;
    padding: 10px;
    width: 95%;
    position: relative;
    left: 1.5% !important;
    margin-top: 20px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    margin-bottom: 0;
    margin-left: 25px;
    z-index: 999;
}

.section-header::before {
    position: absolute;
    content: '';
    left: -3px;
    top: 14px;
    width: 10px;
    height: 30px;
    background: var(--color-main);
    border-radius: 10px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: var(--color-main);
    border-color: var(--color-main);
}

.pagination>li>a,
.pagination>li>span {
    color: var(--color-main);
}

.listing_top li:last-child {
    display: block;
    font-size: 18px;
    color: rgb(63, 63, 63);
    font-weight: 500;
    margin-left: 16px;
    margin-top: 5px;
}

.section-header .row:nth-child(1) div:nth-child(2) {
    margin-top: 10px;
    position: relative;
    left: -12px;
}

.secion_main select {
    /* margin: 0 10px; */
    border-radius: 8px;
}

.secion_main select {
    transition: .3s linear;
}


/* .secion_main select:hover {
    background: var(--color-main);
    color: #fff;
} */

.form-inline .form-control {
    border-radius: 10px;
}


.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    text-align: center;
}



.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 6px 5px 10px;
}

.btn-primary {
    background-color: var(--color-btn);
    border-color: var(--color-btn);
    transition: .3s linear;
    text-wrap: nowrap;
}

.btn-info {
    background-color: var(--color-btn);
    border-color: var(--color-btn);
    transition: .3s linear;
    text-wrap: nowrap;
}


.btn-primary:hover {
    background-color: var(--color-main);
    border-color: var(--color-main);
}

.btn-info:hover {
    background-color: var(--color-main);
    border-color: var(--color-main);
}

.toggle-btn.active {
    background-color: var(--color-gbtn);
}

.secion_main .nav-tabs {
    width: 98%;
    margin-left: 1.5%;
    background: #fff !important;
    z-index: 999;
    position: relative;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 4px;
}

.performance_sec .nav-tabs {
    position: relative;
    right: -18%;
    background: #fff;
}

.redi_btn {
    text-wrap: nowrap;
}

.modal-body img {
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    box-shadow: 0 0 20px rgb(0, 0, 0, .1);
    border-radius: 10px;
    margin-right: 10px;
}

.modal-header {
    position: relative;
}

.modal-header::before {
    position: absolute;
    content: '';
    width: 10px;
    height: 30px;
    background: var(--color-main);
    border-radius: 10px;
    left: -6px;
    top: 12px;
}

.card-header h2 {
    font-size: 18px;
    margin-left: 15px;
}

.card-header {
    position: relative;
}

.card-header::before {
    position: absolute;
    content: '';
    width: 10px;
    height: 30px;
    background: var(--color-main);
    border-radius: 10px;
    left: -11px;
    top: -5px;
}

.timeline>li>.timeline-item>.timeline-header {
    font-size: 13px !important;
    line-height: 19px !important;
}


.card-header .time {
    color: rgb(227, 227, 227);
    font-size: 11px !important;
}

.no_edit_history {
    text-wrap: nowrap;
}

.no_edit_history span {
    font-size: 13px !important;
    padding: 5px 15px !important;
}

.no_edit_history::before {
    all: unset !important;
}

.form-group {
    margin-top: 8px;
}

.form-group label i {
    margin-right: 5px;
}

.modal-content {
    overflow: hidden;
}

.input-group {
    width: 100%;
}


.form-group label i {
    margin-right: 5px;
    position: absolute;
    top: 36px;
    left: 26px;
    z-index: 9999;
}

.form-control {
    padding-left: 32px;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    padding-left: 25px;
}

.dataTables_length .form-control {
    padding: 0 8px;
}

.submit_btn_bx {
    display: flex;
    justify-content: space-between;
    width: 100%;
}





@media screen and (min-width:1770px) {
    .section-header {
        width: 95.6%;
        left: 2.7%;
    }
}

@media screen and (max-width:1566px) {
    .section-header {
        width: 94.35%;
        left: 3.3%;
    }
}

@media screen and (max-width:1367px) {
    .section-header {
        width: 94.35%;
        left: 3.3%;
    }
}

@media screen and (max-width:1275px) {
    .section-header {
        width: 93.75%;
        left: 3.6%;
    }
}



/* 6/27/2024 Jahid Start */

.modal-content .redi_btn {
    margin: 10px 0 25px 0;
    width: fit-content;
}

.history_bx .fancybox-opened {
    width: 50% !important;
    left: 25% !important;
}

.history_bx .fancybox-inner {
    width: 100% !important;
}


.upload_side ol li {
    padding: 7px;
}

.upload_side ol li {
    padding: 0px 7px;
    font-size: small;
}

.upload_side span {
    line-height: 28px;
}
.upload_side span strong {
    color: var(--color-main) !important;
}

.performance_sec .col-md-10 {
    width: 98% !important;
}

.performance_sec .nav_table_band {
    display: flex;
    align-items: center;
    background: var(--color-wh);
    width: 98% !important;
    position: relative;
    left: 1.5% !important;
    z-index: 999;
    position: relative;
    padding: 10px;
}
.performance_sec .nav_table_band li {
    list-style: none;
    margin: 0 10px 0 0;
}
.performance_sec .nav_table_band li a {
    color: var(--color-bl);
    font-weight: 500;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 8px;
    text-decoration: none;
    transition: .3s linear;
}
.performance_sec .nav_table_band li a:hover {
    background: var(--color-main);
    color: var(--color-wh);
}
.performance_sec .nav_table_band .li_active a {
    background: var(--color-main);
    color: var(--color-wh);
}
/* 6/27/2024 Jahid End */


.assign_edit {
    display: flex;
    align-items: center;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tab {
   display: flex;
   align-items: center;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li {
   margin: 10px 5px;
   margin-bottom: 20px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li>a {
    all: unset;
    font-weight: 500;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 8px;
    text-decoration: none;
    transition: .3s linear;
    cursor: pointer !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover {
    all: unset;
    font-weight: 500;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 8px;
    text-decoration: none;
    transition: .3s linear;
    background: var(--color-main);
    color: var(--color-wh);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    all: unset;
    font-weight: 500;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 8px;
    text-decoration: none;
    transition: .3s linear;
    background: var(--color-main);
    color: var(--color-wh);
}

input[type='search'] {
    padding-left: 10px !important;
    text-align: left;
}


.navbar-nav>li {
    padding: 2px 1px ;
    font-family: 'poppins' , sans-serif !important;
    border-radius: 10px 10px 0 0;
}

@media screen and (min-width: 1370px) {
    .navbar-nav>li {
        padding: 2px 8px ;
    }
}

.dropdown-menu>li>a {
    font-size: 11px;
    font-family: 'poppins' , sans-serif !important;
}

.dropdown-menu li a i {
    margin-right: 5px !important;
}

.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
    margin-right: 4px;
}


.dropdown-menu {
    top: 40px;
    left: 0px;
    box-shadow: 0 13px 20px rgb(0,0,0,.1);
    outline: none;
    border: none;
    border-radius: 0 10px 10px 10px !important;
}
.dropdown-menu li {
    width: 98%;
}

.secion_main .padd_card select:hover {
    background: unset !important;
    color: #000;
}

.profile-username {
    position: absolute;
    top: 6px;
    right: -23px;
    background: var(--color-main);
    color: #fff;
    padding: 3px 10px;
    font-weight: 500;
    transform: rotate(45deg);
    width: 110px;
}
.avatar {
    width: 35px;
    height: 36px;
    border-radius: 50%;
    background-color: #e31e2a;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: white;
    font-weight: bold;
}

body::-webkit-scrollbar{
    width: 10px;
    border-radius: 10px;
    background: #ffd2d5;
}
body::-webkit-scrollbar-thumb{
    width: 10px;
    border-radius: 10px;
    background: #e31e2a;
}

.table-responsive::-webkit-scrollbar{
    height: 10px;
    border-radius: 10px;
    background: #e6e6e6;
}

.table-responsive::-webkit-scrollbar-thumb{
    height: 10px;
    border-radius: 10px;
    background: #d0d0d0;
}


.submit_btn_align {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 32px  0;
    width: 100%;
}