/*body {
font-family: Arial, Verdana, Helvetica, sans-serif;

}*/

body {
font-family: "Segoe UI", Tahoma, sans-serif;
/*  font-size: 75%;*/
}

.w-100 {
width: 100%!important;
}

.w-45 {
    width: 45%!important;
}

.w-25 {
    width: 25% !important;
}

.w-20 {
    width: 20% !important;
}


w-500 {
max-width: 500px;
}

w-400 {
    max-width: 400px;
}

w-350 {
    max-width: 350px;
}

w-300 {
    max-width: 300px;
}

.w-100-150 {
width: calc(100% - 150px);
}

.w-240p {
width: 240px;
}

.w-100-p {
width: 100px;
}

.w-180 {
width: 180px
}

.w-160 {
width: 160px
}

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

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

.mr-10 {
margin-right: 10px;
}

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

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

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

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

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


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

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

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


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

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

.mr-30 {
margin-right: 30px;
}

.mr-7 {
margin-right: 7px;
}

.ml-20 {
margin-left:20px;
}

.ml-12 {
margin-left: 12px;
}

.brd-1 {
border-bottom: solid 1px #ddd;
}

.f-clr-black {
color: #000 !important
}

.bold {
font-weight: 600;
}

.black {
color: #000
}

.ar {
text-align: right;
}

.pad-0 {
padding: 0px 10px !important;
}

.w-100-block {
width: 100%;
display: block;
}

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

.c-red {
color: #ff0000 !important;
}

.c-blue {
color: #1d3996 !important;
}


.h-226p {
height: 226px;
}

.mt-36p {
margin-top: 36px;
}

.h-34p {
height:34px!important
}


.h-28p {
height: 28px !important
}

.h-26p {
height: 26px !important
}

.h-24p {
height: 24px!important
}
.pd-15 {
padding:15px;
}

.pr-10 {
padding-right:10px!important;
}

.pr-6 {
padding-right: 6px !important;
}

.p-6 {
padding: 6px !important;
}


.pl-10 {
padding-left: 10px !important;
}

.show {
    display: block;
}

.hidden {
    display: none;
}

/*.form-switch .form-check-input {
width: 40px!important;
margin-left: -2.5em;
height: 20px!important;
}

.form-check-input:checked {*/
/*   background-color: #0d6efd;
border-color: #0d6efd;*/
/*background-color: #ff0000;
border-color: #ff0000;
}*/

.ml {
margin-left: 8px;
}

.mr-15 {
margin-right:15px;
}

.max-w-600p {
    max-width: 600px !important
}

.max-w-550p {
    max-width: 550px !important
}

.max-w-500p {
    max-width: 500px !important
}

.max-w-450p {
    max-width: 450px !important
}

.max-w-400p {
max-width: 400px !important
}


.max-w-380p {
max-width: 380px !important
}

.max-w-360p {
max-width: 360px !important
}


.max-w-340p {
max-width: 340px !important
}

.max-w-320p {
max-width: 320px !important
}

.max-w-300p {
max-width: 300px !important
}

.max-w-280p {
max-width: 280px !important
}

.max-w-260p {
    max-width: 260px !important
}

.max-w-240p {
    max-width: 240px !important
}

.max-w-200p {
max-width: 200px !important
}

.max-w-190p {
max-width: 190px !important
}

.max-w-180p {
max-width: 180px !important
}

.max-w-170p {
max-width: 170px !important
}

.max-w-160p {
max-width: 160px !important
}

.max-w-150p {
max-width: 150px !important
}

.max-w-145p {
max-width: 140px !important
}

.max-w-140p {
max-width: 145px !important
}

.max-w-135p {
max-width: 135px !important
}

.max-w-130p {
max-width: 130px !important
}

.max-w-127p {
width: 127px !important
}

.max-w-120p {
max-width: 120px !important
}

.max-w-110p {
max-width: 110px !important
}

.max-w-103p {
max-width: 103px !important
}

.max-w-100p {
max-width: 100px !important
}

.max-w-90p {
max-width: 90px !important
}

.max-w-87p {
    max-width: 87px !important
}

.max-w-85p {
max-width: 85px !important
}

.max-w-80p {
    max-width: 80px !important
}

.max-w-70p {
width: 70px !important
}

.max-w-60p {
max-width: 60px !important
}

.max-w-54p {
    max-width: 54px !important;
}

.max-w-50p {
max-width: 50px !important
}

.max-w-40p {
max-width: 40px !important
}

.max-w-30p {
max-width: 30px !important
}

.max-w-25p {
max-width: 25px !important
}

max-w-20p {
max-width: 20px !important
}

.w-10p {
max-width: 10px !important
}


.w-200p {
width: 200px !important
}

.w-190p {
width: 190px !important
}

.w-180p {
width: 180px !important
}

.w-170p {
width: 170px !important
}

.w-160p {
width: 160px !important
}

.w-150p {
width: 150px !important
}

.w-145p {
width: 140px !important
}

.w-140p {
width: 145px !important
}

.w-135p {
width: 135px !important
}

.w-130p {
width: 130px !important
}

.w-127p {
width: 127px !important
}

.w-120p {
width: 120px !important
}

.w-110p {
width: 110px !important
}

.w-100p {
width: 100px !important
}

.w-90p {
width: 90px !important
}

.w-87p {
    width: 87px !important
}

.w-85p {
    width: 85px !important
}

.w-80p {
width: 80px !important
}

.w-70p {
width: 70px !important
}

.w-60p {
width: 60px !important
}

.w-50p {
width: 50px !important
}

.w-40p {
width: 40px !important
}

.w-38p {
    width: 38px !important
}

.w-36p {
    width: 36px !important
}
.w-34p {
    width: 34px !important
}


.w-32p {
    width: 32px !important
}

.w-30p {
width: 30px !important
}

.w-28p {
    width: 28px !important
}

.w-26p {
    width: 25px !important
}

.w-25p {
width: 25px !important
}

.w-24p {
width: 24px !important
}

.w-22p {
width: 22px !important
}

.w-20p {
width: 20px !important
}

.w-18p {
width: 18px !important
}


.w-16p {
width: 16px !important
}

.w-14p {
width: 14px !important
}

.w-12p {
width: 12px !important
}

.w-10p {
width: 10px !important
}


.h-200p {
height: 200px !important
}

.h-190p {
height: 190px !important
}

.h-180p {
height: 180px !important
}

.h-170p {
height: 170px !important
}

.h-160p {
height: 160px !important
}

.h-150p {
height: 150px !important
}

.h-140p {
height: 140px !important
}

.h-130p {
height: 130px !important
}

.h-120p {
height: 120px !important
}

.h-110p {
height: 110px !important
}

.h-100p {
height: 100px !important
}

.h-90p {
height: 90px !important
}

.h-80p {
height: 80px !important
}

.h-70p {
height: 70px !important
}

.h-60p {
height: 60px !important
}

.h-55p {
height: 55px !important
}

.h-50p {
height: 50px !important
}

.h-45p {
height: 45px !important
}

.h-44p {
height: 44px !important
}

.h-40p {
height: 40px !important
}

.h-39p {
height: 39px !important
}

.h-36p {
height: 36px !important
}

.h-34p {
height: 34px !important
}

.h-32p {
height: 32px !important
}

.h-30p {
height: 30px !important
}

.h-25p {
height: 25px !important
}

.h-44p {
    height: 14px !important
}

.h-22p {
    height: 14px !important
}

.h-20p {
height: 20px !important
}

.h-18p {
    height: 18px !important
}

.h-16p {
    height: 16px !important
}

.h-15p {
    height: 15px !important
}

.h-14p {
height: 14px !important
}

.h-10p {
height: 10px !important;
}



.mt-125p {
margin-top: 125px !important
}


.mt-120p {
margin-top: 120px !important
}

.mt-115p {
margin-top: 110px !important
}

.mt-110p {
margin-top: 110px !important;
}

.mt-105p {
margin-top: 105px !important;
}


.mt-100p {
margin-top: 100px !important
}

.mt-90p {
margin-top: 90px !important
}

.mt-80p {
margin-top: 80px !important
}

.mt-70p {
margin-top: 70px !important
}


.lh-44 {
line-height: 44px!important;
}


.lh-36 {
line-height: 36px !important;
}


.lh-43 {
line-height: 43px !important;
}


.lh-41 {
line-height: 41px !important;
}


.lh-40 {
line-height: 40px !important;
}


.lh-39 {
line-height: 39px !important;
}


.lh-38 {
line-height: 38px !important;
}


.lh-37 {
line-height: 37px !important;
}


.lh-36 {
line-height: 36px!important;
}

.lh-35 {
line-height: 35px !important;
}

.lh-34 {
line-height: 34px !important;
}


.lh-33 {
line-height: 33px !important;
}

.lh-32 {
line-height: 32px !important;
}

.lh-31 {
line-height: 31px !important;
}


.lh-30 {
line-height: 31px!important;
}

.lh-29 {
line-height: 29px !important;
}

.lh-28 {
line-height: 28px !important;
}

.lh-27 {
line-height: 27px !important;
}

.lh-26 {
line-height: 26px !important;
}

.lh-25 {
line-height: 25px !important;
}


.lh-24 {
line-height: 24px !important;
}

.lh-20 {
line-height: 20px !important;
}

.lh-18 {
line-height: 18px !important;
}

.lh-17 {
line-height: 17px !important;
}


.lh-16 {
line-height: 16px !important;
}


.lh-15 {
line-height: 15px !important;
}

.lh-14 {
line-height: 14px !important;
}

.lh-13 {
line-height: 13px !important;
}

.lh-12 {
line-height: 12px !important;
}

.lh-11 {
line-height: 11px !important;
}

.lh-10 {
line-height: 10px !important;
}

mt--10p {
margin-top: -10px
}

mt--9p {
margin-top: -9px
}

mt--8p {
margin-top: -8px
}

mt--7p {
margin-top: -7px
}

mt--6p {
margin-top: -6px
}

mt--5p {
margin-top: -5px
}
mt--4p {
margin-top: -4px
}

mt--3p {
margin-top: -3px
}

mt--2p {
margin-top: -2px
}

mt--1p {
margin-top: -1px
}

.outline-none:hover,
.outline-none:focus,
.outline-none {
outline: none !important
}

.bg-pink {
background-color: #fbe5e7 !important;
}

.bg-pink-dark {
    background-color: #fd2dee !important;
}

.text-pink-dark {
 color: #fd2dee !important;
}

.text-yellow {
    color: #ffc107 !important;
}

.text-blue-dark {
    color: #0857B5 !important;
}

.bg-green-p {
background-color:#e9fdf0
}

.bg-green-1 {
background-color: #e7f9ef !important;
}

.bg-green-ta-2 {
background-color:#ddfde8 !important
}
.color-green {
color: #008736 !important;
}

.bg-purple-1 {
background-color: #f7ddfc !important;
}

.color-purple {
color: #842697 !important;
}

.bg-purple-1 {
background-color: #f7ddfc !important;
}

.bg-purple-2 {
background-color: #f8e9fa !important;
}

.bg-red{
    background-color: #f9d7de !important;
}


.bg-white-border {
    background-color: #fff !important;
    border: solid 1px #ddd;
}


.bg-gray-1 {
    background-color: #e0e0e0 !important;
}

.bg-yellow-1 {
    background-color: #fff3cd !important;
}

.bg-blue-1 {
    background-color: #fff3cd !important;
}



.bg-lemon {
    background-color: #f1e70d !important;
    border: solid 1px #f1e70d !important;
}

.bg-lemon:hover {
    background-color: #f2f367 !important;
    border: solid 1px #f2f367 !important;
}

.hover-border-success {
background-color: #fff !important;
border: solid 1px #ddd;
}

.hover-border-success:hover {
background-color: #e7f9ef !important;
border: solid 1px #0d7533;
}

.hover-border-purple {
background-color: #fff !important;
border: solid 1px #ddd;
}

.hover-border-purple:hover {
background-color: #f8e9fa !important;
border: solid 1px #842697;
}

.hover-border-blue {
background-color: #fff !important;
border: solid 1px #ddd;
}

.hover-border-blue:hover {
background-color: #d4e5ff !important;
border: solid 1px #0d6efd;
}

.hover-variant-gray {
    background-color: #fff !important;
    border: solid 1px #ddd;
}

    .hover-variant-gray:hover {
        background-color: #ced4da !important;
    }


.login-bg-spec {
background-color: #198754
}

.bg-red-dark {
background-color: #ffd7df !important;
}

.color-red-dark {
color: #b7062b !important;
}

.bg-blue {
background-color: #d4e5ff !important;
}

.bg-orange {
background-color: #fff4df !important;
}

.bg-brown {
    background-color: #6a300c !important;
}

.text-brown {
    color: #6a300c !important;
}

.text-brown-dark {
    color: #834000 !important;
}

.bg-purple {
    background-color: #8418d3 !important;
}
.text-purple {
   color: #8418d3 !important;
}

.bg-turku {
    background-color: #046274 !important;
}

.text-turku {
    color: #046274 !important;
}


.color-dark-blue {
    color: #0d6efd !important;
}

.color-orange {
color: #e8641b !important;
}

.color-brown {
color: #5b3715 !important;
}

.bg-brown-subtle {
background-color: #e8d5ba !important;
}

bg-f1 {
background-color:#f1f1f1!important;
}

.margin-auto {
margin: 0 auto !important;
}

.margin-auto-center {
margin: 0 auto !important;
text-align: center;
}

.dashed-green {
border: dashed 1px #009936;
border-radius: 6px;
}

.dashed-red {
border: dashed 1px #dc3545;
border-radius: 6px;
}

.dotted-green{
    border: dotted 2px #0d7533;
}

.dotted-blue {
    border: dotted 2px #0d6efd;
}

.dotted-danger {
    border: dotted 2px #dc3545;
}

.dotted-brown {
    border: dotted 2px #5b3715;
}

.dotted-warning {
    border: dotted 2px #f59514;
}

.hover-black:hover {
color:#000000!important;
}

.text-black-75 {
color:#7d7d7d;
}

.t-a-green {
color: #009936 !important;
}

.t-a-red {
color: #e9172b !important;
}

.t-a-link:hover {
border-right: solid 1px #009936
}

.t-a-link:hover .t-text {
color: #009936 !important;
}

.t-a-link:hover a .bg-data,
.t-a-link:hover a .bg-data i {
background-color: #009936 !important;
color: #fff !important;
}

    .t-a-link:hover a .bg-data-message,
    .t-a-link:hover a .bg-data-message i {
        background-color: #009936 !important;
        color: #fff !important;
    }


.popover-refund .info-hover {
background-color: #fff;
padding: 10px;
border-radius: 50%;
height: 24px;
width: 24px;
}

.popover-refund .info-hover:hover {
background-color: #000;
}


.mb-m-screen-26p {
margin-bottom: 0px;
}

.mt-m-screen-32p {
margin-top: 32px;
}

.p-2px {
 padding:2px!important;
}


.refund-products-list ul li {
    border-bottom: 1px dashed #ddd !important;
    padding-bottom:30px;
    margin-bottom:40px
}

.refund-products-list ul li:last-child {
    border-bottom: none !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important
}

/*Animation*/

.pulse {
    margin: 100px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #cca92c;
    cursor: pointer;
    position: relative;
    border: 4px solid #cca92c;
}

    .pulse:after {
        content: "";
        display: block;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        border: 3px solid #CBA82C;
        position: absolute;
        top: -5px;
        left: -5px;
        animation: pulse 2s ease 0s infinite;
    }

@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    80% {
        opacity: 0;
        transform: scale(2);
    }

    100% {
        opacity: 0;
        transform: scale(3);
    }
}

.underline-color {
    text-decoration: underline;
    /* text-decoration-line: blink; */
    text-decoration-color: #dc3545;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.underline-black {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.underline-success {
    text-decoration: underline;
    text-decoration-color: #198754;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.underline-primary {
    text-decoration: underline;
    text-decoration-color: #0d6efd;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.underline-purple {
    text-decoration: underline;
    text-decoration-color: #8418d3;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.underline-danger {
    text-decoration: underline;
    text-decoration-color: #dc3545;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.underline-pink-dark {
    text-decoration: underline;
    text-decoration-color: #fd2dee;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.underline-turku {
    text-decoration: underline;
    text-decoration-color: #046274;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.underline-black {
    text-decoration: underline;
    text-decoration-color: #000;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

#processHistoryTable thead th {
    background-color: #fff !important;
    color: #444 !important;
    text-align: center;
    padding: 0px !important;
    border: 0px !important;
}

#processHistoryTable .table > thead,
#processHistoryTable thead {
    border-top: solid 1px #fff !important;
}


#processHistoryTable .table thead th .th-inner {
  /*  padding: 0px !important;*/
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px !important;
    padding-bottom: 1px !important;
    /* border-top: solid 1px #fff!important; */
}



/* Spin Animation Font Icon s */
.alert-z {
    height: 40px;
    width: 40px;
    z-index: 99;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.alert-z i {
color: #04a961;
font-size: 1rem;
line-height: 1rem;
}

.infinite-spin, .alert-z i {
animation-name: spin;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}


@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}

/* Spin Animation Font Icon e */


.tabiat-ana-logo {
width: 225px;
height: 46px;
margin-bottom: 22px !important;
}

.tabiat-ana-logo .sun {
width: 42px;
z-index: 0;
display: block;
position: relative;
left: 184px;
}

.tabiat-ana-logo .type {
z-index: 2;
position: relative;
margin-top: -65px;
}




.head-page-title {
font-size: 16px;
font-weight: 600;
color: #7d7d7d;
}

.search-spes {
width: 60px;
margin-left: 12px;
}

.admin-pages-title {
font-size: 18px;
font-weight: 600;
margin: 0px 0px 40px 0px;
}

/* Header */

#header-container {
border-bottom: solid 1px #ddd;
box-shadow: 0 1px 1px 0 rgb(85 85 85 / 50%);
width: 100%;
background-color: #fff;
}

#header.fixed-type .header-fixed-bar-menu, #header.fixed-type .header-fixed-bar-menu, #page {
max-width: 1200px;
margin: auto;
}

#header {
height: 95px;
}

.header-fixed-bar-menu {
display: flex;
margin-top: 12px;
justify-content: space-between;
}

#header .tabiat-ana-logo {
width: 224px;
margin: 2px 62px 0 0;
float: left;
}

#header .tabiat-ana-logo a {
display: block;
}

.vendor-main-header-title {
font-size: 20px;
font-weight: 700;
padding-top: 28px;
color: #009537;
}


#page-header {
max-width: 1280px;
margin: auto;
width: 100%;
display: flex;
}

.sidebar-header {
padding: 5px 8px 0px 5px;
background-color: #cccc;
display: flex;
margin-bottom: 14px;
height: 40px;
color: #fff;
border-radius: 4px;
}

.sidebar-header .patient-icon {
height: 34px;
width: 34px;
}

.sidebar-header img {
height: 30px;
margin-left: 8px;
}

.sidebar-header .patient-icon i {
font-size: 22px;
padding: 2px 2px;
}

.sidebar-header .bar-title {
color: #000;
font-size: 13px;
font-weight: 600;
margin-left: 26px;
padding-top: 4px;
white-space: nowrap;
letter-spacing: -0.5px;
}

.sidebar-header .bar-title span {
font-weight: 500;
font-size: 14px;
}


.exit a {
background-color: #ddd;
color: #1d3996;
text-align: center;
font-weight: 600;
line-height: 30px;
display: block;
border-radius: 4px;
}

.exit a:hover {
background-color: #ffacac;
color: #fff;
font-weight: 600;
line-height: 30px;
text-decoration: none;
}

.container-admin {
background-color: #f0f0f0;
padding: 40px 0px;
overflow: hidden;
display: flex;
}


.fc-green {
color: #009936;
}
.fc-blue {
color: #02a7e7;
}


#content-admin .member-information {
background-color: #fff;
height: 50px;
padding: 0px 12px;
width: calc(40% - -54px);
margin-right: 16px;
display: flex;
border-radius: 4px;
}

#content-admin .member-information i {
font-size: 21px;
color: #7d7d7d;
padding-right: 12px;
height: 50px;
line-height: 50px;
}

#content-admin .member-information .login-title-s {
font-size: 14px;
color: #009537;
font-weight: 600;
height: 50px;
line-height: 50px;
}

#content-admin .notify-area {
width: calc(60% - -1px);
background-color: #fff;
padding: 13px 12px 0px 16px;
border-radius: 4px;
}



#content-admin {
width: 100% !important;
}

.sidebar-menu-button {
position: relative !important;
background-color: #009537 !important;
height: 40px !important;
padding: 4px 12px;
cursor: pointer;
border-radius: 4px;
margin-right: 15px !important;
}

.sidebar-menu-button i {
font-size: 20px;
line-height: 33px;
color: #fff;
}

.notify-bar {
display: flex !important;
width: 100% !important;
justify-content: space-between;
}
.user-icon {
font-size: 21px;
color: #7d7d7d;
}

.flex-gap {
display: inline-flex;
flex-wrap: wrap;
}

.flex-gap > div {
margin: 6px;
}

.mainpage-area {
background-color: #fff;
border-radius: 4px;
padding: 6px;
margin-bottom: 24px;
}


.notify-bar ul {
width: 100%;
display: flex;
margin-bottom: 0px;
padding: 0;
}

.notify-bar ul li:last-child {
margin-right: 0px;
}



.notify-bar ul li:first-child {
background-color: #ffffff;
border-bottom: solid 5px #19891d;
}

.notify-bar ul li:nth-child(2) {
background-color: #ffffff;
border-bottom: solid 5px #f24f7c;
}


.notify-bar ul li:nth-child(3) {
background-color: #ffffff;
border-bottom: solid 5px #33b0e0;
}

.notify-bar ul li:nth-child(4) {
background-color: #ffffff;
border-bottom: solid 5px #ffc107;
}

.notify-bar ul li:last-child {
background-color: #ffffff;
border-bottom: solid 5px #716cb0;
}



.notify-bar ul li {
margin-right: 15px;
border-radius: 4px;
width: 25%;
height: 80px;
justify-content: space-between;
display: flex;
padding-top: 4px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
}

.notify-bar ul li:hover {
background-color: #f2fff7;
}



.notify-bar ul li a {
display: flex;
justify-content: space-between;
width: 100%;
text-decoration: none;
}

.notify-bar ul li a .icon-m {
margin-right: 4px;
border-radius: 4px;
display: flex;
}
.notify-bar ul li a .icon-m i {
padding: 0px 0px 0px 7px;
border-radius: 5px;
height: 40px;
width: 32px;
text-align: center;
line-height: 40px;
font-size: 18px;
}

.notify-bar ul li a span {
font-size: 15px;
font-weight: 500;
padding: 0px 8px;
height: 40px;
line-height: 40px;
color: #000;
}


.notify-bar ul li a badge-green {
color: #19891d;
font-size: 36px;
text-align: center;
padding-right: 20px;

}

.notify-bar ul li a badge-pink {
color: #f24f7c;
font-size: 36px;
text-align: center;
padding-right: 20px;
}


.notify-bar ul li a badge-orange {
color: #ffc107;
font-size: 36px;
text-align: center;
padding-right: 20px;
}

.notify-bar ul li a badge-purple {
color: #716cb0;
font-size: 36px;
text-align: center;
padding-right: 20px;
}

.notify-bar ul li a badge-blue {
color: #33b0e0;
font-size: 36px;
text-align: center;
padding-right: 20px;
}





.notify-bar ul li a .green-t, .notify-bar ul li a .green-i {
color: #19891d;
font-weight: 600;
font-size: 14px;
display: flex;
height: 32px;
line-height: 38px;
}

.notify-bar ul li a .red-t,
.notify-bar ul li a .red-i {
color: #f24f7c;
font-weight: 600;
font-size: 14px;
display: flex;
height: 32px;
line-height: 38px;
}

.notify-bar ul li a .blue-t,
.notify-bar ul li a .blue-i {
color: #33b0e0;
font-weight: 600;
font-size: 14px;
display: flex;
height: 32px;
line-height: 38px;
}

.notify-bar ul li a .orange-t,
.notify-bar ul li a .organge-i {
color: #ffc107;
font-weight: 600;
font-size: 14px;
display: flex;
height: 32px;
line-height: 38px;
}

.notify-bar ul li a .pink-t,
.notify-bar ul li a .pink-i {
color: #f24f7c;
font-weight: 600;
font-size: 14px;
display: flex;
height: 32px;
line-height: 38px;
}


.notify-bar ul li a .purple-t,
.notify-bar ul li a .purple-i {
color: #716cb0;
font-weight: 600;
font-size: 14px;
display: flex;
height: 32px;
line-height: 38px;
}




/* Admin Area Section -1 */

body.bg-gray {
background-color: #ebebeb !important;
}

.bg-data {
background-color: #f7f7fa;
}

.bg-icon {
background-color: #f7f7fa;
}


.info-section .card {
box-shadow: rgba(0, 0, 0, 0.30) 0px 1px 2px !important;
}

.info-section .card a {
text-decoration: none;
}


.new-badge {
background-color: #df8;
margin-right: -0.25rem;
padding: 0.5rem;
position: absolute;
right: 0;
top: 6rem;
}


.store-a {
line-height: 31px;
}

.max-82 {
max-height: 82px !important;
}

.text-red {
color:#ff0000;
}

.ltr-s-1 {
letter-spacing: 0.5px !important;
}

.text-gray-ta-1 {
color: #626262 !important;
}

.border-bottom-success {
border-bottom: solid 2px #108e0b;
}

.border-bottom-danger {
border-bottom: solid 2px #b70606;
}

.border-bottom-warning {
border-bottom: solid 2px #ffa413;
}

.z-index-1 {
z-index:1;
}

.action-row:hover .t-text-small {
color:#fff!important;
}




.action-row-gray:hover {
background-color: #f7f7fa !important;
}

.action-row {
}
.action-row:hover .text-gray-ta-1,
.action-row:hover {
background-color: #008736 !important;
color: #fff!important;
}

.action-row:hover .t-tex-2 {
color: #fff !important;
}


.action-row-footer:hover .t-tex-3 {
color: #008736 !important;
}


.row-hover:hover {
background-color: #008736 !important;
color: #fff !important;
padding: 0px 12px !important;
border-radius: 4px !important;
}

.row-hover:hover .text-hover{
color: #fff !important;
}


.row-hover-36 {
min-height: 36px;
line-height: 36px !important;
}

.text-hover-36 {
min-height: 36px;
line-height: 36px !important;
}

.row-hover-36:hover {
background-color: #008736 !important;
color: #fff !important;
padding: 0px 12px !important;
border-radius: 4px !important;
}

.row-hover-36:hover .text-hover-36 {
color: #fff !important;
}


/*.action-row-2{
background-color: #f1f1f1 !important;
padding: 8px 12px 8px 12px !important;
border-radius:6px!important;
}
*/
.action-row-2 {
    background-color: #f1f1f1 !important;
    padding: 4px 12px 4px 4px !important;
    border-radius: 6px !important;
}


.action-row-2:hover,
.action-row-2:hover .text-gray-ta-1,
.action-row-2:hover .text-red,
.action-row-2:hover .text-success {
background-color: #008736 !important;
color: #fff !important
}


.text-blue {
    color: #0d6efd !important;

}
.action-row-blue {
    background-color: #f1f1f1 !important;
/*    padding: 4px 12px 4px 4px !important;*/
    border-radius: 6px !important;
}

.action-row-blue:hover,
.action-row-blue:hover .text-blue,
.action-row-blue:hover .text-gray-ta-1 {
    background-color: #0d6efd !important;
    color: #fff !important
}


.action-row-danger {
    background-color: #f1f1f1 !important;
    padding: 4px 12px 4px 4px !important;
    border-radius: 6px !important;
}

    .action-row-danger:hover,
    .action-row-danger:hover .text-danger,
    .action-row-danger:hover .text-gray-ta-1 {
        background-color: #dc3545 !important;
        color: #fff !important
    }


.action-row-black {
    background-color: #f1f1f1 !important;
    padding: 4px 12px 4px 4px !important;
    border-radius: 6px !important;
}

    .action-row-black:hover,
    .action-row-black:hover .text-black,
    .action-row-black:hover .text-gray-ta-1 {
        background-color: #444 !important;
        color: #fff !important
    }


.lh-30 {
line-height: 31px;
}

.lh-14p {
line-height:14px
}

.border-bottom-1 {
border-bottom: solid 1px #ddd !important;
}

.bg-green-ta-1 {
background-color: #d6f9e3;
}

.bg-gray-ta-2 {
background-color: #cdcdcd;
}

.shadow-ta-1 {
box-shadow: rgba(0, 0, 0, 0.30) 0px 1px 2px !important;
}


.rounded-r-30 {
border-bottom-right-radius: 30px !important;
border-top-right-radius: 30px !important;
}

.max-content {
max-height: max-content;
}
.max-h-250 {
max-height:250px!important;
}


.max-h-200p {
max-height: 200px !important;
}

.elipsis-l-1 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
height: 20px !important;
}

.elipsis-l-1-h-100 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}

.elipsis-l-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 45px !important;
}

#content-admin #admin-area-1 {
background-color: #fff;
margin-top: 14px;
float: left;
width: 100% !important;
padding: 30px 30px 30px 30px;
}

#content-admin .admin-area {
background-color: #fff;
margin-top: 4px;
float: left;
width: 100% !important;
padding: 12px 20px 20px 20px;
}

#content-admin .filter-area {
background-color: #fff;
margin-top: 4px;
float: left;
width: 100% !important;
min-height: 40px;
line-height: 40px;
}

#content-admin .filter-area a {
text-align: center;
font-size: 14px;
color: #108719;
text-decoration: none;
}

#content-admin .filter-area a .plus-icon {
transition: all 0.5s ease;
color: #7c7c7c;
font-size: 14px;
margin-left: 8px;
}

#content-admin .filter-area a .search-icon-2 {
background-color: #ffc107;
padding: 4px 6px;
color: #000;
}

#content-admin .filter-area a .search-icon {
background-color: #009537;
padding: 4px 6px;
color: #fff;
}

.order-area {

padding: 12px;
}

.category-area {
}

.product-area {
background-color: #fff;
padding: 12px;
}

.upload-area {
background-color: #fff;
padding: 12px;
}

.store-area {
background-color: #fff;
padding: 12px;
}


.management-area {
background-color: #fff;
padding: 12px;
}

.section-form {
position: relative;
padding: 20px;
/*    margin: 0 -1.5rem 1rem;*/
border: solid 1px #f1f1f1
}
.order-form {
position: relative;
padding: 20px;
border: solid 1px #f1f1f1;
background-color: #fff;
}
.save-button-form {
position: relative;
padding:0px;
/*margin: 0 -1.5rem 1rem;*/
}


.title-role {
color: #7d7d7d !important;
font-size: 14px !important;
font-weight: 600;
}




/*  Upload Category Banner s*/


.uploader-banner {
width: 100%;
background-color: #f1f1f1;
padding: 10px 20px 20px 20px;
}

.uploader-banner .upload-area {
width: auto;
height: 220px;
border: 1px dashed #c3c3c3;
}

.uploader-banner .action-menu {
display: block;
}

.uploader-banner .action-menu ul {
list-style-type: none;
display: flex;
margin: 0;
}

.uploader-banner .action-menu ul li {
width: 80px;
height: 28px;
margin-top: 20px;
text-align: center;
font-size: 14px;
font-weight: 600;
border-radius: 5px;
cursor: pointer;
line-height: 28px;
}

.uploader-banner .action-menu ul li:first-child {
background-color: #fff;
color: green;
margin-right: 25px;
border: solid 1px green;
}

.uploader-banner .action-menu ul li:first-child:hover {
background-color: green;
color: white;
}

.uploader-banner .action-menu ul li:last-child {
background-color: #fff;
color: red;
margin-right: 25px;
border: solid 1px red;
}

.uploader-banner .action-menu ul li:last-child:hover {
background-color: red;
color: white;
}





.file-upload-content > img {
width: 100%;
max-height: 220px;
}

.file-upload-input {
position: absolute;
margin-left: -60px;
padding: 0;
width: 80px;
height: 28px;
opacity: 0;
cursor: pointer;
margin-top: -2px;
cursor: pointer;
}


.image-title-wrap {
padding: 0 15px 15px 15px;
color: #222;
}

.remove-image {
display: none
}

.image-title {
visibility: hidden;
}
.admin-save-button {
padding: 0px 24px 0px 24px;
height: 40px;
background-color: #0d7533;
color: #fff;
font-size: 15px;
font-weight: 600;
text-align: center;
border-radius: 5px;
letter-spacing: 0.5px;
cursor: pointer;
border: none;
line-height: 40px;
}

.admin-save-button:hover {
background-color: #63bd00;
color: #000;
/*opacity: 0.7;*/
}


/*  Upload Category Banner s*/

#content-admin .product-aprroval-area {
background-color: #fff;
margin-top: 4px;
float: left;
width: 100% !important;
padding: 22px 30px 30px 30px;
border-bottom: solid 1px #d7d7d7;
}



.dr-admin-title-bar {
display: inline-flex;
margin-bottom: 30px;
width: 100%;
margin-top: 30px;
border-bottom: solid 1px #f0f0f0;
}

.exit {
float: left;
display: block;
width: 100%;
}

#content-admin .page-heading {
background-color: #fff;
/* margin-left: 15px !important; */
margin-top: 14px;
float: left;
width: 100% !important;
padding: 0px 0px 0px 0px;
}

/* Admin Toggle Menu */

.toggle-menu {
cursor: pointer;
width: 100%;
border: none;
text-align: left;
outline: none;
display: inline-block;
border-bottom: solid 1px #fff;
white-space: nowrap;
max-width: 200px;
height: 40px;
}


.chevron-icon {
transition: all 0.5s ease;
color: #dfdfdf;
font-size: 10px;
margin-left: 8px;
}

.toggle-menu:hover .chevron-icon {
color: #ff0000;
}

.more {
transform: rotateX(0deg);
}

.less {
transform: rotateX(180deg);
}

.panel {
display: none;
}


.vendor-left-menu {
width: 100%;
background: #fff;
padding: 2px;
float: left;
border-radius: 4px;
margin-bottom: 2px;
white-space: nowrap;

}

.vendor-left-menu-title {
font: 600 13px Roboto, Arial;
display: inline-block;
color: #000;
letter-spacing: -0.5px;
height: 40px;
line-height: 40px;
}

.vendor-left-menu-title:hover {
color: #ff0000;
}

.admin-menu-list {
list-style-type: none;
margin-bottom: 10px;
background-color: #f1f1f1;
}

.admin-menu-list li {
padding: 0px 0px 0px 6px;
height: 24px;
white-space: nowrap;
line-height: 24px;
}
.admin-menu-list li:hover {
background-color: #c4e6d0;
color: #ff0000;
}

.admin-menu-list li a {
color: #000;
/* text-overflow: ellipsis; */
font-size: 12px;
font-weight: 600;
text-decoration: none;
display: flex;
letter-spacing: -0.2px;
}

.admin-menu-list ul li a span:hover,
.admin-menu-list ul li a:hover {
color: #ff0000;
}

.mainpage-title:before,
.admin-menu-list li a:before {
content: "\f185";
height: 24px;
line-height: 24px;
color: #b2b3b2;
display: block;
margin-right: 6px;
font-family: 'Font Awesome 5 Free';
}

.admin-menu-list li a input[type="text"]:disabled, 
.admin-menu-list li a input {
font-size: 10px;
margin-left: 5px;
color: #fff;
font-weight: 600;
background-color: #ff9800 !important;
height: 16px;
line-height: 18px;
border-radius: 4px;
margin-top: 4px;
padding: 0px 3px;
letter-spacing: 0.5px;
border: none;
max-width: 20px;
text-align: center;
}

.admin-menu-list .data-counter {
padding: 0px 0px 0px 4px;
display: flex;
font-weight: 400;
}
.admin-menu-list .count {
font-size: 13px;
font-weight: 600;
color: #ff0000;
}

/*  .admin-menu-list li a badge:empty {
display: none;
}*/

.icon-l-menu {
height: 18px;
width: 20px;
background-color: #fff;
padding: 3px 3px;
border-radius: 2px;
text-align: center;
margin-left: 4px;
}

.admin-save-button {
padding: 0px 24px 0px 24px;
height: 40px;
background-color: #0d7533;
color: #fff;
font-size: 15px;
font-weight: 600;
text-align: center;
border-radius: 5px;
letter-spacing: 0.5px;
cursor: pointer;
border: none;
line-height: 40px;
}

.admin-save-button:hover {
background-color: #63bd00;
color: #000;
/*opacity: 0.7;*/
}


#desktop,
#web_mobile,
#app {
background-color: #fff;
padding: 4px;
}

#desktop {
height: 367px;
display: block;
width: 1200px;
background-image: url(https://media.tabiatana.com/images/carousel/web-desktop/default-slide.jpg);
}

#thumbnail {
height: 70px;
display: block;
width: 80px;
background-image: url(https://media.tabiatana.com/images/carousel/web-desktop/default-icon.jpg);
}

#desktop img {
border: solid 2px #7d7d7d;
cursor: pointer;
width: 1200px;
height: 367px;
}


#thumbnail img {
border: solid 2px #7d7d7d;
cursor: pointer;
width: 80px;
height: 70px;
}

#desktop img:hover,
#thumbnail img:hover {
border: solid 2px #ff0000;
background-color: rgba(255, 0, 0, 0.4);
}



#web_mobile {
height: 367px;
display: block;
width: 1200px;
background-image: url(https://media.tabiatana.com/images/carousel/web-desktop/default-slide.jpg);
}



#web_mobile img {
border: solid 2px #7d7d7d;
cursor: pointer;
width: 1200px;
height: 367px;
}



#web_mobile img:hover {
border: solid 2px #ff0000;
background-color: rgba(255, 0, 0, 0.4);
}


#app {
height: 367px;
display: block;
width: 1200px;
background-image: url(https://media.tabiatana.com/images/carousel/web-desktop/default-slide.jpg);
}



#app img {
border: solid 2px #7d7d7d;
cursor: pointer;
width: 1200px;
height: 367px;
}



#app img:hover {
border: solid 2px #ff0000;
background-color: rgba(255, 0, 0, 0.4);
}

.checkbox-block {
border-radius: 5px;
padding: 4px 12px 7px 12px;
}



.bg-footer {
background-color:#f7fafc;
}



#appCampaigns {
    height: auto;
    display: block;
    width: auto;
   /* background-image: url(https://media.tabiatana.com/images/carousel/web-desktop/default-slide.jpg);*/
}



    #appCampaigns img {
        border: solid 2px #7d7d7d;
        cursor: pointer;
        width: auto;
        height: auto;
    }



        #appCampaigns img:hover {
            border: solid 2px #ff0000;
            background-color: rgba(255, 0, 0, 0.4);
        }

/* Admin Dashboard s */


.t-box-1 {
background-color: #edf5fb;
text-align: left;
color: #0a6ab1;
}

.t-box-1-data {
color: #0a6ab1;
}


.t-box-1-arrow-right {
position: relative;
z-index: 10;
}

.t-box-1-arrow-right::after {
content: "";
width: 0;
height: 0;
display: block;
position: absolute;
z-index: 10;
border: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
margin-top: -9px;
top: 50%;
border-left: 14px solid #edf5fb;
left: auto;
right: -14px;
}



.t-box-2 {
background-color: #f8e9fb;
text-align: left;
color: #842697;
}

.t-box-2-data {
color: #842697;
}

.t-box-2-arrow-right {
position: relative;
z-index: 10;
}

.t-box-2-arrow-right::after {
content: "";
width: 0;
height: 0;
display: block;
position: absolute;
z-index: 10;
border: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
margin-top: -9px;
top: 50%;
border-left: 14px solid #f8e9fb;
left: auto;
right: -14px;
}

.t-box-3 {
background-color: #e7f9ef;
text-align: left;
color: #008736;
}

.t-box-3-data {
color: #008736;
}

.t-box-3-arrow-right {
position: relative;
z-index: 10;
}

.t-box-3-arrow-right::after {
content: "";
width: 0;
height: 0;
display: block;
position: absolute;
z-index: 10;
border: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
margin-top: -9px;
top: 50%;
border-left: 14px solid #e7f9ef;
left: auto;
right: -14px;
}


.t-a-link-tbox:hover .t-box-1-arrow-right::after,
.t-a-link-tbox:hover .t-box-2-arrow-right::after,
.t-a-link-tbox:hover .t-box-3-arrow-right::after {
border-left: 14px solid #008736;
}

.t-a-link-tbox:hover .t-box-1,
.t-a-link-tbox:hover .t-box-2,
.t-a-link-tbox:hover .t-box-3 {
background-color: #008736;
color: #fff;
}

.t-a-link-tbox:hover .t-tex-2 {
color: #008736;
}




#content-admin .mainpage-area {
background-color: #fff;
margin-top: 12px;
float: left;
width: 100% !important;
padding: 20px 20px 20px 20px;
border-bottom: solid 1px #d7d7d7;
}

.section-title-1 {
font-size: 18px;
font-weight: 600;
margin-bottom: 6px;
color:#444;
}

.section-title-2 {
font-size: 14px;
font-weight: 600;
margin-bottom: 6px;
display: flex;
height: 38px;
line-height: 38px;
color: #444;
}

.section-title-3 {
font-size: 14px;
font-weight: 600;
margin-bottom: 6px;
display: flex;
height: 38px;
line-height: 38px;
color: #444;
}

.dahsboard-cell {
border: solid 1px #f1f1f1;
padding: 0px 12px 0px 0px;
border-radius: 4px;
max-height: 42px;
border-bottom: solid 1px #d7d7d7;
width: 100%;
}

.dahsboard-cell-1 {
/*    border: solid 1px #eaf7ea;
padding: 0px 12px 0px 0px;
border-radius: 4px;
max-height: 42px;
border-bottom: solid 1px #cfe9d0;
width: 100%;*/
}

.dahsboard-cell-1:hover,
.dahsboard-cell:hover {
background-color: #ddd;
}

/*  .dahsboard-cell:hover .detail-left {
border-right: solid 1px #ccc;
}
*/
.dahsboard-cell-1:hover .order-count,
.dahsboard-cell:hover .order-count {
color: #000;
}

.dahsboard-cell-1 a,
.dahsboard-cell a {
text-decoration: none;
width: 100%;
display: block;
}

.dahsboard-cell-1 .seller-order,
.dahsboard-cell .seller-order {
float: left;
width: 55px;
}

.dahsboard-cell-1 .dashboard-title,
.dahsboard-cell .dashboard-title {
color: #7d7d7d;
font-size: 14px;
font-weight: 500;
/* padding-top: 8px; */
height: 20px;
line-height: 20px;
}

.dahsboard-cell-1 .order-count,
.dahsboard-cell .order-count {
font-size: 16px;
font-weight: 600;
color: #0e8e3d;
height: 20px;
line-height: 20px;
}

.dahsboard-cell-1 .detail-left {
float: left;
width: 50px;
background-color: #ddd;
text-align: center;
height: 40px;
}

    
.dahsboard-cell .detail-left {
float: left;
width: 50px;
background-color: #ddd;
text-align: center;
height: 40px;
}


.dahsboard-cell-1 .detail-left img,
.dahsboard-cell .detail-left img {
width: 36px;
}

.dahsboard-cell-1 .detail-right,
.dahsboard-cell .detail-right {
font-size: 13px;
font-weight: 600;
color: #000;
margin-left: 24px;
display: inline-block;
height: 40px;
line-height: 40px;
}


.dahsboard-refun-cell {
border: solid 1px #f1f1f1;
border-radius: 4px;
border-bottom: solid 1px #f7dcdc;
}

.dahsboard-refun-cell a {
text-decoration: none;
}
.dahsboard-refun-cell .refun-title {
color: #444444;
font-size: 14px;
font-weight: 500;
background-color: #ddd;
text-align: center;
padding: 8px 0px;

}


.dahsboard-refun-cell .refun-count {
font-size: 16px;
font-weight: 600;
color: #eb5a5a;
height: 40px;
line-height: 44px;
text-align: center;
width: 100%;
}

.dahsboard-product-cell {
border: solid 1px #ddf0ff;
padding: 0px 12px 0px 0px;
border-radius: 4px;
max-height: 42px;
border-bottom: solid 1px #ddf0ff;
width: 100%;
}

.dahsboard-product-cell:hover {
background-color: #ddd;
}


.dahsboard-product-cell a {
text-decoration: none;
}

.dahsboard-product-cell .seller-order {
float: left;
width: 55px;
}

.dahsboard-product-cell .dashboard-title {
color: #7d7d7d;
font-size: 14px;
font-weight: 500;
}



.dahsboard-product-cell .detail-left {
float: left;
width: 50px;
background-color: #ddd;
text-align: center;
height: 40px;
}


.dahsboard-product-cell .detail-left .order-count {
font-size: 16px;
font-weight: 600;
color: #2196F3;
height: 40px;
line-height: 40px;
}
.dahsboard-product-cell .detail-left .order-count i {
font-size: 18px;
font-weight: 600;
color: #2196F3;
line-height: 20px;
}

.dahsboard-product-cell .detail-right {
font-size: 13px;
font-weight: 600;
color: #000;
margin-left: 24px;
display: inline-block;
height: 40px;
line-height: 40px;
}

 


/* Admin Dashboard e */

/*.active-file {
font-size: 20px;
color: #009936;
}

.deactive-file {
font-size: 20px;
color: #ff0000;
}
*/

.p-name {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 34px;

}


/* Stores Admin */

.section-br {
border: solid 1px #f1f1f1;
padding: 20px;
border-radius: 5px;
}

.bg-f1 {
background-color: #f1f1f1;
border-bottom: solid 2px #fff;
}

.vendor-edit-store {
font-size: 18px;
font-weight: 600;
color: #7d7d7d;
margin-bottom: 40px;
}

.vendor-edit-store img {
float: left;
margin-top: 6px;
border-right: solid 1px #ddd;
padding-right: 12px;
}


.vendor-edit-store span {
font-size: 16px;
color: #000;
margin-left: 12px;
font-weight: 600;
margin-top: 12px;
display: inline-block;
}


.vendor-edit-store .edit-sub-title {
font-size: 13px;
font-weight: 400;
color: #7d7d7d;
margin-left: 92px;
height: 24px;
}

.vendor-edit-store .edit-sub-title span {
font-size: 14px;
font-weight: 600;
color: #000;
text-align: left;
display: contents;
}


/* Store Name Disabled */
input[type="text"]:disabled {
background: #dddddd;
}

/* Store Description Character Counter s */
#countTextarea {
float: right;
font-size: 14px;
font-weight: 600;
color: #ff0000;
}

.char-count {
height: 24px;
width: 34px;
font-size: 13px;
font-family: roboto, sans-serif;
font-weight: 600;
background-color: #ddd;
color: #ff0000;
float: right;
margin-right: 0px;
padding: 6px;
text-align: center;
}


.store-description {
border: solid 2px #ccc;
background-color: #f1f1f1;
}

.store-description:hover {
border: solid 2px #7d7d7d;
background-color: #f0f0f0;
}

.store-description:focus {
border: solid 2px #0d7533;
background-color: #fff;
}

.gray {
color: #7d7d7d;
}

.store-logo-main img {
border: solid 1px #ddd;
}

.disp-none {
display: none;
}


.container-image {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}

#confirm-img {
height: 218px;
border-radius: 4px;
}


.page-link-info {
color: #000;
font-size: 14px;
font-weight: 500;
}

.red {
color: #ff0000
}

.cursor {
cursor: pointer
}

/* Scroll */


.store-listing {
padding: 10px;
padding-bottom: 30px;
max-height: 800px;
height: 100%;
overflow: auto;
}

.store-listing::-webkit-scrollbar {
width: 10px;
height: 10px;
padding-top: 40px;
right: 30px;
}


.store-listing::-webkit-scrollbar-track-piece {
height: 30px;
width: 30px;
}


.store-listing::-webkit-scrollbar {
min-width: 12px;
width: 12px;
max-width: 12px;
min-height: 12px;
height: auto;
max-height: 12px;
background: #f0f0f0;
cursor: pointer;
}

.store-listing::-webkit-scrollbar-thumb {
background: #959595;
border: none;
border-radius: 10px;
border: solid 2px #fff;
box-shadow: inset 0px 0px 3px #999;
cursor: pointer;
}

.store-listing::-webkit-scrollbar-thumb:hover {
background: #7d7d7d;
border: solid 1px #fff;
cursor: pointer;
}

#store-stoping-alert {
display: none;
}

#store-stoping-alert.show {
display: block;
}


/* Switch Button Stop Store */
.switch_container {
position: relative;
}

.switch_container input[type=checkbox] {
display: none;
}

.switch_container input[type=checkbox] + label {
position: absolute;
left: 0;
top: 0;
padding-left: 80px;
width: 400px;
height: 40px;
display: inline-block;
font-family: arial;
font-size: 1.5em;
line-height: 26px;
z-index: 0;
cursor: pointer;
}

.switch_container input[type=checkbox] + label:before, .switch_container input[type=checkbox] + label:after {
content: "";
position: absolute;
left: 0px;
transition: all 0.1s ease-in;
z-index: -1;
}

.switch_container input[type=checkbox] + label:before {
content: "Kapalı";
text-align: right;
width: 70px;
height: 28px;
padding-left: 5px;
padding-right: 5px;
border-radius: 16px;
background: #c00;
color: #fff;
font-size: 12px;
line-height: 28px;
}

.switch_container input[type=checkbox] + label:after {
width: 22px;
height: 22px;
background: #fff;
border-radius: 18px;
top: 3px;
left: 4px;
}

.switch_container input[type=checkbox]:checked + label:before {
content: "Açık";
background: #070;
text-align: left;
}

.switch_container input[type=checkbox]:checked + label:after {
left: 43px;
}


/* Store Status Process */

.input-login:hover {
border: solid 2px #7d7d7d;
background-color: #f0f0f0;
}

.input-login:focus {
border: solid 3px #0d7533;
background-color: #fff;
}




/* Store active passive switch */


.role-selector {
display: flex;
background-color: #efefef;
width: auto;
padding: 12px 20px;
border-radius: 8px;
}

.role-selector input {
display: none;
}

.role-selector input + span {
color: #ff0000;
font-weight: 600;
font-size:14px;
}

.role-selector input + * + * + span {
color: grey;
}

.role-selector input:checked + span {
color: grey;
font-weight: 500;
}

.role-selector input:checked + * + * + span {
color: green;
font-weight: 600;
}


.role-selector .switch {
position: relative;
display: inline-block;
width: 42px;
height: 20px;
}


.role-selector .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.role-selector .slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}



.role-selector input:checked + span + .switch .slider {
background-color: #2196F3;
}

.role-selector input:focus + span + .switch .slider {
box-shadow: 0 0 1px #2196F3;
}

.role-selector input:checked + span + .switch .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(21px);
transform: translateX(21px);
}


/* Rounded sliders */

.role-selector .slider.round {
border-radius: 34px;
}

.role-selector .slider.round:before {
border-radius: 50%;
}

.l-wrap-l {
font-size: 16px;
height: 20px;
line-height: 20px;
display: block;
margin: 0px 15px 0px 0px;
}

.l-wrap-r {
font-size: 16px;
height: 20px;
line-height: 20px;
display: block;
margin: 0px 0px 0px 15px;
}

#Active_Store,
#Stopped_Store {
background-color: #f1f1f1;
padding: 6px 0px 15px 20px;
border-radius: 8px;
}


#Active_Store .title-open-store {
font-size: 14px;
font-weight: 600;
margin: 12px 0px;
color: green;
}

#Active_Store .title-open-store::before {
content: "\f058";
font-family: FontAwesome;
color: green;
font-size: 20px;
margin-right: 8px;
line-height: 24px;
}


#Active_Store ul {
padding: 0;
margin: 0;
list-style-type: none;
}

#Active_Store ul li {
font-size: 13px;
font-weight: 500;
color: #000;
}

#Active_Store ul li::before {
content: "\f00c";
font-family: FontAwesome;
color: green;
font-size: 17px;
margin-right: 8px;
line-height: 24px;
}


#Stopped_Store .title-stopped-store {
font-size: 13px;
font-weight: 600;
margin: 12px 0px;
color: #ff0000;
}

#Stopped_Store .title-stopped-store::before {
content: "\f06a";
font-family: FontAwesome;
color: red;
font-size: 20px;
margin-right: 8px;
line-height: 24px;
}

#Stopped_Store ul {
padding:0;
margin:0;
list-style-type:none;
}

#Stopped_Store ul li {
font-size: 13px;
font-weight: 500;
color: #000;
}


#Stopped_Store ul li::before {
content: "\f12a";
font-family: FontAwesome;
color: red;
font-size: 17px;
margin-right: 8px;
line-height: 24px;
}


.page-head-1 {
font-size: 14px;
color: #000;
display: flex
}

.page-head-1 a {
font-size: 14px;
color: #000;
font-weight: 600;
text-decoration: none;
}


.vendor-new-store {
font-size: 18px;
font-weight: 600;
color: #7d7d7d;
margin-bottom: 40px;
margin-left: -12px;
}

.vendor-new-store img {
float: left;
margin-top: 6px;
border-right: solid 1px #ddd;
padding-right: 12px;
}

.vendor-new-store span {
font-size: 16px;
color: #000;
margin-left: 12px;
font-weight: 600;
margin-top: 23px;
display: inline-block;
}

.new-sub-title {
font-size: 13px;
font-weight: 400;
color: #7d7d7d;
height: 24px;
}

.new-sub-title span {
font-size: 14px;
font-weight: 600;
color: #000;
text-align: left;
display: contents;
}

.st-subtitle-sub::before {
content: "\f0c8";
font-family: FontAwesome;
color: #009537;
font-size: 14px;
margin-right: 8px;
line-height: 24px;
}

.l-color {
color: #b8b4b4;
}

.new-store-data {
font-size: 14px;
font-weight: 600;
}

.new-store-document {
border: solid 1px #f1f1f1;
padding: 20px;
display: flex;
}

.new-store-document img {
border: solid 1px #ddd;
width: 120px;
height: auto;
margin: 12px;
}

.new-store-document .title {
font-size: 12px;
color: #b8b4b4;
text-align: center;
width: 120px;
}

.wating-list-document {
font-size: 15px;
}

.wating-list-document span {
font-weight: 600;
margin-top: 15px;
display: block;
margin-bottom: 10px;
color: #ff0000;
}

.wating-list-document ul {
padding: 0px;
list-style-type: none;
}

.wating-list-document ul li {
padding: 1px;
list-style-type: none;
font-weight: 600;
}


/* Brand */

.brand-section {
position: relative;
padding: 80px 0px 40px 0px;
}

.brand-section .brand-detail {
display: inline-block;
padding: 24px;
border-radius: 10px;
background-color: #f1f1f1;
}

.brand-section .brand-detail img {
float: left;
width: 100%;
max-width: 650px;
padding: 0px 40px 40px 0px;
border-radius: 8px;
}

.brand-section .brand-detail .brand-subject {
font-size: 20px;
text-align: left;
margin-bottom: 16px;
color: #ff0000;
}

.brand-section .brand-detail .brand-title {
font-size: 27px;
text-align: left;
margin-bottom: 26px;
}

.brand-section .brand-detail .brand-text {
font-size: 14px;
text-justify: inter-character;
margin-bottom: 32px;
}

.brand-type {
margin: 4px 0px 10px 0px;
font-size: 15px !important;
/*   width: 100%;*/
background-color: #f1f1f1;
border-radius: 6px;
font-weight: 600;
height: 38px;
line-height: 38px;
/* float: right;*/
}

.brand-type a {
text-decoration: none;
color: #ffffff;
background-color: #0d7533;
padding: 0px 30px;
border-radius: 4px;
width: 180px;
display: flex;
text-align: center;
height: 38px;
line-height: 38px;
/* float: right; */
}

.brand-type i {
color: #ffffff;
font-size: 20px;
height: 38px;
line-height: 38px;
margin-right: 6px;
}

.brand-type a:hover i,
.brand-type a:hover {
text-decoration: none;
color: #000;
background-color: #ffc107;
}

.brand-type a:hover i {
color: #000;
}
.edit-brand-btn {
background-color: #f1d47c;
color: #000;
display: block;
border-radius: 6px;
text-align: center;
font-weight: 600;
padding: 4px 12px;
text-decoration: none;
}

.edit-brand-btn:hover {
background-color: #000;
color: #ffc107;
}

.border-yellow {
border: solid 1px #ffc107!important;
}

/*Admin Css s */
/*Admin New Style s*/

.hidden {
display: none !important
}

.fl {
float: left !important;
}

.fr {
float: right;
}

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

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

.mt-80 {
margin-top: 105px;
}

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

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


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


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

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


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

.ml-30 {
margin-left: 30px;
}

.mr-40 {
margin-right: 40px;
}

.mr-20 {
margin-right: 20px
}

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

.fs-26 {
font-size: 26px!important;
}


.fs-25 {
font-size: 25px!important;
}


.fs-24 {
font-size: 24px!important;
}


.fs-23 {
font-size: 19px!important;
}


.fs-22 {
font-size: 22px!important;
}

.fs-21 {
font-size: 21px!important;
}


.fs-20 {
font-size: 20px!important;
}


.fs-19 {
font-size: 19px!important;
}


.fs-18 {
font-size: 18px!important;
}


.fs-17 {
font-size: 17px!important;
}


.fs-16 {
font-size: 16px!important;
}



.fs-15 {
font-size: 15px!important;
}

.fs-14 {
font-size: 14px!important;
}

.fs-13 {
font-size: 13px!important;
}

.fs-12 {
font-size: 12px!important;
}

.fs-11 {
font-size: 11px!important;
}


.fs-10 {
font-size: 10px!important;
}

.fs-9 {
font-size: 9px!important;
}



.pd-25 {
padding: 25px;
}

.pd-bottom-50 {
/*    padding-bottom: 50px !important;*/
}

.fw-green {
font-weight: 600 !important;
color: #169746;
}

.ff-arial {
font-size: 14px;
font-family: arial;
}

.ds-flow-root {
display: flow-root;
}

.pull-right {
float: right;
}

.bg-header {
background-color: #fff;
}

.bg-darkgray {
background-color: darkgray;
}

.w-20 {
width: 20% !important
}

.w-12 {
width: 12% !important
}

.w-80 {
width: 80% !important
}

.min-w340p {
min-width: 340px;
}


.min-w320p {
min-width: 320px;
}


.min-w300p {
min-width: 300px;
}


.min-w120 {
min-width: 120px;
}

.min-w100p {
min-width: 100px;
}

.min-w32p {
    min-width: 32px;
}

.width-auto {
    width: fit-content;
    /* or use width: max-content; if you prefer */
}

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

.bold {
font-weight: 600;
}

.green {
color: green;
}

.blue {
color: deepskyblue
}

.gray {
color: #7d7d7d
}

.l-gray {
color: #b5b5b5;
}

.border-red {
border: solid 1px #ff0000
}

.max-200 {
max-width: 200px;
width: 100%;
}


.max-240 {
max-width: 240px;
width: 100%;
}

.max-400-b {
max-width: 400px;
width: 100%;
}

/* Login s */

.tabiat-ana-logo-admin {
width: 100%;
text-align: left;
padding: 60px 0px 40px 0px;
border: solid 2px #d7f1d3;
}

.login-admin-tab {
background-color: #ccc;
height: 50px;
width: 100%;
max-width: 410px;
border-radius: 10px;
margin-bottom: 20px;
padding: 1px 0px 1px 1px;
}

.login-admin-tab .tag {
width: 50%;
background-color: #fff;
height: 48px;
line-height: 50px;
text-align: center;
font-size: 18px;
font-weight: 600;
border-radius: 10px;
color: #009537;
}

.login-admin-title {
font-size: 17px;
color: #a3a3a3;
margin: 0px 0px 30px 0px;
font-weight: 500;
}

.show-hide-pswd-login {
position: absolute;
right: 54px;
margin-top: -59px;
background: none;
border: none;
font-weight: 600;
cursor: pointer;
background-color: #fff;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
height: 44px;
padding: 12px;
}

#AdminLogin button:disabled {
background: #adadad;
cursor: not-allowed;
}

.loadign-process {
border: none;
margin: 0;
padding: 0;
font-weight: 400;
list-style: none;
margin: 30px 0px 0px 0px;
display: block;
text-align: center;
font-size: 90%;
}


/* Login e */



/* DataTables */
.table-bordered {
border-bottom: 1px solid #EBEBEB;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
background-color: #F5F5F6;
border-bottom-width: 1px;
}

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


div.dataTables_wrapper div.dataTables_info {
font-size: 14px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
font-size: 14px;
}

div.dataTables_wrapper div.dataTables_filter label {
font-size: 14px;
}

div.dataTables_wrapper div.dataTables_length label {
font-size: 14px;
margin-bottom: 30px;
}


#BrandListing img {
border-radius: 6px;
width: 60px;
}

#BrandAllListing img {
border-radius: 6px;
width: 60px;
}

/* Admin top Menu s */
.header-exit {
height: 80px;
padding: 0px 12px;
color: #000;
font-weight: 600;
font-size: 15px;
text-decoration: none;
line-height: 80px;
border-left: solid 1px #ddd;
}

.header-exit:hover {
background-color: #ff0000 !important;
}

.header-exit i {
color: #000;
font-size: 24px;
line-height: 80px;
}

.header-exit:hover i {
color: #ff0000 !important;
}
/* Notefy Shake Ring Bell End*/

.top-nav-menu {
padding: 0px 30px;
font-size: 22px;
border-left: solid 1px #dfdfdf;
border-right: none;
border-top: none;
border-bottom: none;
height: 60px;
background: none;
}

.order-nav-menu {
padding: 0px 30px;
font-size: 22px;
border-left: solid 1px #dfdfdf;
border-right: solid 1px #dfdfdf;
border-right: none;
border-top: none;
border-bottom: none;
height: 26px;
background: none;
}

.product-list-nav-menu {
padding: 0px 12px;
font-size: 15px;
border-left: solid 1px #dfdfdf;
border-right: solid 1px #dfdfdf;
border-right: none;
border-top: none;
border-bottom: none;
height: 30px;
background: #ffc107;
border-radius: 5px;
}


.list-menu-i {
display: inline-block;
font-size: 14px;
}

.list-menu-i i {
color: #009936;
text-align: center;
}

.menu-green {
color:#009936
}

.order-menu-i {
text-align: center;
font-size: 14px;
font-weight: 600;
color: #000;
text-align: left;
}

.order-menu-i i {
background-color: #009936;
color: #fff;
padding: 4px 6px;
border-radius: 4px;
font-size: 14px;
width: 28px;
border: solid 1px #ddd;
margin-right: 4px;
}

.message-item-number {
border: solid 1px #fff;
position: absolute;
background-color: #ee9b00;
border-radius: 100%;
height: 22px;
width: 22px;
margin-left: 12px;
font-family: arial;
top: 9px;
color: #fff;
text-align: center;
font-size: 11px;
line-height: 20px;
}



@-webkit-keyframes ring {
0% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}

2% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}

4% {
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg);
}

6% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}

8% {
-webkit-transform: rotate(-22deg);
transform: rotate(-22deg);
}

10% {
-webkit-transform: rotate(22deg);
transform: rotate(22deg);
}

12% {
-webkit-transform: rotate(-18deg);
transform: rotate(-18deg);
}

14% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}

16% {
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);
}

18% {
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}

20% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}

@keyframes ring {
0% {
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
}

2% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}

4% {
-webkit-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
}

6% {
-webkit-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg);
}

8% {
-webkit-transform: rotate(-22deg);
-ms-transform: rotate(-22deg);
transform: rotate(-22deg);
}

10% {
-webkit-transform: rotate(22deg);
-ms-transform: rotate(22deg);
transform: rotate(22deg);
}

12% {
-webkit-transform: rotate(-18deg);
-ms-transform: rotate(-18deg);
transform: rotate(-18deg);
}

14% {
-webkit-transform: rotate(18deg);
-ms-transform: rotate(18deg);
transform: rotate(18deg);
}

16% {
-webkit-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
transform: rotate(-12deg);
}

18% {
-webkit-transform: rotate(12deg);
-ms-transform: rotate(12deg);
transform: rotate(12deg);
}

20% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}

.faa-ring.animated, .faa-ring.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-ring {
-webkit-animation: ring 2s ease infinite;
animation: ring 2s ease infinite;
transform-origin-x: 50%;
transform-origin-y: 0px;
transform-origin-z: initial;
}
/* Notefy Shake Ring Bell End*/

/* Admin Notefy e */

.dropdown-menu .fnt {
font-size: 14px;
font-weight: 600;
}

.admin-header-title {
font-size: 17px;
font-weight: 600;
color: #787878;
line-height: 60px;
}

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

.navbar {
border: 0;
/*    height: 60px;*/
width: 100%;
z-index: 999;
}

.navbar .admin-logo {
height: 33px;
}

.navbar-default ul li {
display: inline-block;
width: 100%;
}

.navbar-default ul li a {
color: #000;
font-weight: 600;
font-size: 13px;
text-decoration: none;
}

.navbar-default ul li a:hover {
background-color: #dddd
}

ul.nav-second-level {
}

.icon {
cursor: pointer;
transition: transform 333ms ease-out, color 333ms;
text-align: center;
float: right;
background-color: #e5e5e5;
border-radius: 50%;
padding: 6px 2px 2px 2px;
width: 20px;
height: 20px;
color: #000;
margin-top: 10px;
}

body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span {
display: none;
}

.nav-label {
font-size: 12px
}

.nav.nav-second-level > li.active {
border: none;
}

.nav.nav-second-level.collapse[style] {
height: auto !important;
}

.mini-navbar .nav-second-level {
display: none;
}

.nav-second-level li a:hover {
background-color: #ccc;
}



.nav-second-level li {
border-bottom: none !important;
}

.nav-second-level li a {
padding-left: 25px;
color: #ff0000;
height: 32px;
display: inline-grid;
padding-top: 12px;
}

.nav-third-level li a {
padding-left: 62px;
}

.nav-second-level li:last-child {
margin-bottom: 20px;
}


body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
.mini-navbar .nav li:focus > .nav-second-level {
display: block;
border-radius: 0 2px 2px 0;
min-width: 140px;
height: auto;
}

body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
font-size: 12px;
border-radius: 3px;
}

.fixed-nav .slimScrollDiv #side-menu {
padding-bottom: 60px;
}

.mini-navbar .nav-second-level li a {
padding: 10px 10px 10px 15px;
}

.mini-navbar .nav .nav-second-level {
position: absolute;
left: 56px;
background-color: #f1f1f1;
font-size: 12px;
border-radius: 10px;
width: 220px;
padding: 10px 10px 0px 10px;
border: dashed 1px #000;
}

.mini-navbar li.active .nav-second-level {
left: 56px;
width: 220px
}

.fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level,
.canvas-menu.mini-navbar .nav li:focus > .nav-second-level {
display: block;
height: auto;
}

body.mini-navbar .navbar-static-side {
width: 70px;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
font-size: 12px;
border-radius: 3px;
}

body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
font-size: 13px;
border-radius: 3px;
}

.fixed-sidebar.mini-navbar .nav-second-level li a,
.canvas-menu.mini-navbar .nav-second-level li a {
padding: 10px 10px 10px 15px;
}

.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
position: relative;
padding: 0;
font-size: 13px;
}

.fixed-sidebar.mini-navbar li.active .nav-second-level,
.canvas-menu.mini-navbar li.active .nav-second-level {
left: 0;
}

.canvas-menu.mini-navbar .nav-second-level li a,
.fixed-sidebar.mini-navbar .nav-second-level li a {
padding: 7px 10px 7px 52px;
}

.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
left: 0;
}

.sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 100;
padding: 48px 0 0;
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}


.sidebar-fixed {
position: -webkit-sticky !important;
position: sticky !important;
top: 130px;
bottom: 0;
left: 0;
z-index: 100;
padding: 0px 0 0;
}

.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}

.main-area {
background-color: #f3f3f4;
margin-top: 40px;
}

.main-menu {
margin: 0px 0px 30px 0px;
padding: 4px;
font-size: 13px;
font-weight: 600;
}

.main-menu i {
margin-right: 40px;
}

.main-menu a {
float: right;
background-color: #ddd;
padding: 3px 6px 3px 12px;
width: 40px;
text-align: center;
font-size: 16px;
color: #000;
border-radius: 6px;
}

.main-menu a:hover {
background-color: #ec9e00;
color: #000;
}

.link-item {
min-height: 30px;
line-height: 7px;
width: 100%;
white-space: normal;
color: #0e7835;
text-align: left;
display: flex;
text-decoration: none;
font-weight: 600;
font-size: 13px;
}


/* admin menu item icon */
.icon {
cursor: pointer;
transition: transform 333ms ease-out, color 333ms;
text-align: center;
float: right;
background-color: #f1f1f1;
border-radius: 50%;
padding: 6px 2px;
width: 20px;
height: 20px;
}

.admin-menu-item.open .icon {
fill: #000;
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}







.n-style {
height: 46px;
width: 100px;
border-radius: 6px;
background-color: #f1f1f1;
margin: 0 auto;
line-height: 50px;
font-weight: 600;
font-size: 24px;
}

.m-style {
padding: 30px 12px;
background-color: #f1f1f1;
border-radius: 8px;
}

.icon-box {
background-color: #7d7d7d;
border-top-left-radius: 3px;
margin-right: 20px;
height: 36px;
width: 36px;
display: inline-block;
color: #fff;
text-align: center;
line-height: 36px;
}

.pd-card {
padding: 0px;
}

.chart-box {
border: solid 1px #ddd;
padding: 24px;
border-radius: 6px;
background-color: #f8fffc;
}

.chart-box-2 {
border: solid 1px #ddd;
padding: 24px;
border-radius: 6px;
background-color: #faf8ff;
}



.chart-title {
font-size: 17px;
font-weight: 400;
margin: 0px 0px 20px 0px;
}


.bg-m {
background-color: #9ad5c9;
}

.message-bar-title {
font-size: 17px !important;
font-weight: 600;
color: #000 !important;
}

.message-bar-title-s {
color: #000 !important;
font-size: 13px;
}

.border-y {
border: solid 1px #9ad5c9;
}

.if {
font-size: 41px;
margin: 0px 20px 0px 10px;
color: darkcyan;
margin-top: 4px;
}

.write-icon {
font-size: 20px;
padding: 0px 6px 6px 6px;
text-align: center;
color: #7d7d7d;
margin-top: -8px;
height: 30px;
line-height: 52px;
}

.morelink {
color: #b50e0e;
text-decoration: none;
font-weight: 600;
}

.morelink:hover {
color: #0d6efd;
}

.message-line-hover:hover {
background-color: #f1f1f1;
}

.forward-title {
font-size: 16px;
padding-left: 10px;
color: #c30000;
}

.forward-text {
font-size: 13px;
padding-left: 12px;
color: #c30000;
padding: 20px 20px;
background-color: #f1f1f1;
border-radius: 6px;
margin-bottom: 20px;
}

.msg-title {
font-size: 17px;
font-weight: 600;
color: #000;
}

.msg-body {
border: solid 2px #ddd;
width: 100%;
border-radius: 4px;
font-size: 14px;
color: #000;
margin-top: 4px;
padding: 5px 12px;
}



.data-box {
border: solid 1px #ddd;
padding: 24px;
border-radius: 6px;
background-color: #fff;
}

.page-heading .breadcrumb {
padding: 4px;
margin-bottom: 0px;
display: flex;
justify-content: space-between;
}

.page-heading .breadcrumb select{
font-size: 12px;
max-width: 140px;
}

.page-heading .breadcrumb .breadcrumb-item i {
font-size: 19px;
color: #000;
padding: 0px 5px;
border-radius: 4px;
height: 30px;
line-height: 30px;
}

.breadcrumb .breadcrumb-item .page-name {
font-size: 13px;
font-weight: 500;
display: flex;
}



.page-heading .breadcrumb .breadcrumb-item a, .page-heading .breadcrumb .breadcrumb-item {
font-size: 14px;
color: #918f8f;
text-decoration: none;
height: 34px;
line-height: 31px;
display: flex;
font-weight: 600;
}

.page-heading .breadcrumb .breadcrumb-item a:nth-child(3),
.page-heading .breadcrumb .breadcrumb-item:nth-child(3) {
color: #838383!important;
font-weight: 600!important;
}

.page-heading .breadcrumb .breadcrumb-item a:hover i,
.page-heading .breadcrumb .breadcrumb-item a:hover {
font-weight: 600;
color: #ff0000;
}

.page-heading .breadcrumb .breadcrumb-item a span {
padding-left: 4px;
}



.pages-title {
font-size: 13px;
font-weight: 600;
margin: 0px 0px 12px 0px;
background-color: #f1f1f1;
text-align: center;
color: #7d7d7d;
padding: 2px 0px;
}


.dot-box {
display: flex;
}


.dot-list {
height: 14px;
width: 14px;
display: inline-block;
border-radius: 50%;
padding-right: 8px;
line-height: 12px;
}


.dot-list span {
margin-left: 22px;
}

.status-width {
display: block;
width: 140px;
}

.mw-90 {
max-width: 90px !important;
}

.calc-170 {
width: calc(100% - 170px);
display: inline-flex;
}

.calc-70 {
width: calc(100% - 70px);
display: inline-flex;
}

.filter-label {
width: 100%;
display: block;
}

.paddign-space-r {
padding: 0px 40px 0px 0px;
}

.paddign-space-l {
padding: 0px 0px 0px 40px;
}

/* Scroll e */

/*Input Login s */

.input-message, .input-login {
height: 40px;
/*    border: solid 1px #ccc;*/
width: 100%;
padding: 0px 12px;
border-radius: 4px;
background-color: #fff !important;
font-weight: 500;
font-size: 15px;
}

.input-login:hover {
border: solid 2px #009537 !important;
}

.input-login:focus {
border: solid 3px #0d7533 !important;
background-color: #fff !important;
}
/*Input Login e */

/*Input Order s */

.input-order {
height: 34px;
border: solid 1px #ccc;
width: 100%;
padding: 0px 12px;
border-radius: 4px;
background-color: #fff !important;
font-weight: 500;
font-size: 14px;
}

.input-order:hover {
border: solid 2px #7d7d7d !important;
}

.input-order:focus {
border: solid 2px #0d7533 !important;
background-color: #fff !important;
}
/*Input Order e */


.order-filter {
position: relative
}

.order-filter ul {
width: 100%;
padding: 0px 0px;
margin: 0px 0px;
list-style-type: none;
text-align:center;
}

.order-filter ul li {
width: 100%;
max-width: 300px;
margin: 0 auto;
}

.order-select {
margin-top: -8px;
max-width: 154px;
border: 1px solid #ebebeb;
}

.order-select:hover {
border: 1px solid #ccc;
}


.button-search {
padding: 0px 12px 0px 12px;
height: 34px;
background-color: #7d7d7d;
color: #fff;
font-size: 14px;
font-weight: 600;
text-align: center;
border-radius: 5px;
letter-spacing: 0.5px;
cursor: pointer;
border: none;
line-height: 34px;
}

.button-search:hover {
background-color: #009537;
color: #fff;
}



/* Order Detail */


.order-seller-title {
color: #009936;
font-size: 14px;
margin-top: 10px;
width: 100%;
border-bottom: #009537 solid 1px;
margin-bottom: 20px;
float: left;
font-weight: 600;
display: flex;
}

.order-seller-title span {
background-color: #f1f1f1;
padding: 6px 10px;
border-radius: 4px;
}

.order-seller-title .s-title {
font-size: 14px;
font-weight: 500;
color: #fff;
background-color: #009537;
padding: 4px 8px;
height: 26px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.order-seller-title .s-title a {
font-size: 14px;
font-weight: 500;
color: #ffebb0;
text-decoration: none;
padding-left: 6px;
padding-right: 4px;
}


.order-seller-title .s-title i {
font-size: 12px;
color: #ffffff;
}



.order-seller-title-2 {
color: #009936;
font-size: 14px;
width: 100%;
margin-bottom: 20px;
font-weight: 600;
margin-top: 0px;
}

.order-seller-title-2 .s-data-2 {
font-size: 14px;
font-weight: 500;
color: #000;
padding: 4px 0px;
height: 30px;
border-top-left-radius: 6px;
}

.order-seller-title-2 .s-data-2 span {
font-size: 14px;
font-weight: 600;
padding: 4px 12px;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
}


.orderTableList {
font-size:14px;
}

.orderTableList th {
background-color: #f1f1f1;
border-right: solid 4px #fff;
padding: 0px 8px;
}

.orderTableList tr {
margin-bottom: 10px;
}

.invoice-data-title, order-seller-title-2 .invoice-data-title {
font-size: 12px;
font-weight: 600;
background-color: #7d7d7d;
padding: 0px 12px;
margin-bottom: 10px;
line-height: 24px;
height: 22px;
border-radius: 6px;
width: 100%;
display: block;
color: #fff;
}

.order-detail-img,
.order-detail-product-img {
width: 45px;
border-radius: 5px;
border: solid 1px #f1f1f1;
}

.order-data-title-customer {
color: #000000;
font-size: 14px;
width: 100%;
float: left;
font-weight: 600;
}

.order-data-title-customer span {
color: #444;
font-weight: 500;
background-color: #f1f1f1;
padding: 2px 6px;
margin: 0px 3px 3px 0px;
display: inline-block;
border-radius: 4px;
min-width: 120px;
}




.print-order-title {
font-size: 16px;
font-weight: 700;
width: 100%;
text-align: center;
}

.processing-title-1 {
background-color: #f1f1f1;
padding: 20px 20px 0px 25px;
margin-top: 20px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
color: #000;
font-weight: 600;
font-size: 14px;
}

.processing-title-2 {
background-color: #f1f1f1;
padding: 20px 20px 0px 25px;
margin-top: 2px;
color: #000000;
font-weight: 600;
font-size: 14px;
}


.processing-sub-title {
font-size: 14px;
font-weight: 500;
color: #444;
padding: 10px 25px;
}
.order-processing {
/*background-color: #f1f1f1;
border-top-left-radius: 6px;
border-top-right-radius: 6px;*/
}

/*.order-processing .proccess-line {
padding: 20px 20px 0px 25px;
}*/

.order-processing  ul {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
}
.order-processing  ul li {
margin: 0px 4px 10px 4px;
}

.order-processing ul li:first-child,
.order-processing ul li:nth-child(3),
.order-processing ul li:nth-child(5),
.order-processing ul li:nth-child(7),
.order-processing ul li:nth-child(9),
.order-processing ul li:nth-child(11),
.order-processing ul li:nth-child(13),
.order-processing ul li:nth-child(15),
.order-processing ul li:nth-child(17),
.order-processing ul li:nth-child(19),
.order-processing ul li:nth-child(21) {
color: #000000;
background-color: #ccc;
border-radius: 50%;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
}


.order-processing ul li:nth-child(2),
.order-processing ul li:nth-child(4),
.order-processing ul li:nth-child(6),
.order-processing ul li:nth-child(8),
.order-processing ul li:nth-child(10),
.order-processing ul li:nth-child(12),
.order-processing ul li:nth-child(14),
.order-processing ul li:nth-child(16),
.order-processing ul li:nth-child(18), 
.order-processing ul li:nth-child(20) {

color: #cbc6c6;
font-size: 15px;
height: 40px;
line-height: 40px
}


.order-processing ul li:first-child.active,
.order-processing ul li:nth-child(3).active,
.order-processing ul li:nth-child(5).active,
.order-processing ul li:nth-child(7).active,
.order-processing ul li:nth-child(9).active,
.order-processing ul li:nth-child(11).active,
.order-processing ul li:nth-child(13).active,
.order-processing ul li:nth-child(15).active,
.order-processing ul li:nth-child(17).active,
.order-processing ul li:nth-child(19).active {
background-color: #ee9b00 !important;
}

.order-processing ul li i {
vertical-align: middle;
}

    .order-processing span {
        margin-top: 30px;
        font-size: 14px;
    }

    .order-processing .delivery-icon {
        width: 22px;
        padding-left: 2px;
    }

    .order-processing .cancel-icon {
        height: 24px;
        padding-right: 2px;
    }

.order-status-title .order-status-icon {
height: 30px;
}


.order-status-title {
/*width: 100%;
padding: 0px 0px 15px 25px;*/
}

.order-status-title span {
font-size: 14px;
font-weight: 700;
color: #000000;
}

.order-status-title span:before {
content: "";
height: 12px;
width: 12px;
background-color: #ee9b00 !important;
margin-right: 5px;
display: inline-block;
border-radius: 100%;
}

.order-process-block {
width: 100%;
margin: 1px 0px 20px 0px;
padding: 16px 0px;
max-width: 1200px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
display: flow-root;
}
.order-process-block input {
display: none;
}

.order-state-select {
font-size: 14px;
padding: 0px 12px 0px 12px;
text-decoration: none;
color: #009537;
height: 32px;
/* width: 110px; */
display: block;
line-height: 30px;
font-weight: 600;
border: solid 1px #009537;
border-radius: 4px;
}
.order-state-select:hover {
color: #fff;
background-color: #198754;
}


.total-order-edit {
font-size: 14px;
}

.order-items-detail {
font-size: 14px;
}

.btn-select {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 1rem;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color: #fff;
background-color: #198754;
}


.btn-unselect {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 1rem;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color: #000000;
border-color: #000000;
background-color: #fff;
margin-right: 20px;
}




#OrdersDetailMenu {
width: 100%;
list-style-type: none;
padding: 0px;
}

#OrdersDetailMenu li:last-child {
margin-right: 0px;
}
#OrdersDetailMenu.tab-content > .tab-pane {
border: solid 1px #ddd !important;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
padding: 15px 15px;
font-size: 14px;
}

.admin-order-title {
color: #000;
font-size: 14px;
margin-bottom: 20px;
background-color: #e7e7e7;
padding: 0px 20px;
height: 28px;
line-height: 28px;
max-width: 260px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}




/* Print Cargo Detail Flash Button s */

.print-button {
background-color: #f1f1f1;
font-size: 14px;
text-align: center;
color: #000000;
font-weight: normal;
-moz-transition: all 0.3s linear;
cursor: pointer;
border: 0px;
border-radius: 4px;
width: 100%;
border: solid 1px #7d7d7d;
height:30px;
line-height:27px;
}

.print-button i {
font-size: 16px;
}

.print-button:hover {
background-color: #198754;
color: #fff;
}
.blink_me,
.print-button:hover > .blink_me {
opacity: 1 !important;
animation: none;
}

.blink_me,
.print-button .blink_me {
animation: blinker 1s linear infinite;
}

@keyframes blinker {
50% {
opacity: 0;
}
}



.order-basket {
font-size: 14px;
}

.order-basket th {
background-color: #f1f1f1;
border-right: solid 4px #fff;
padding: 0px 8px;
}

.order-basket tr {
margin-bottom: 10px;
width: 100%;
justify-content: space-between;
}

.order-basket td:first-child,
.order-basket th:first-child {
width: 6%;
text-align:center;
}

.order-basket td:nth-child(2),
.order-basket th:nth-child(2) {
width: 30%;
text-align:left;
}

.order-basket td:nth-child(3),
.order-basket th:nth-child(3) {
width: 10%;
text-align:center;
}

.order-basket td:nth-child(4),
.order-basket th:nth-child(4) {
width: 10%;
text-align:center;
}
.order-basket td:nth-child(5),
.order-basket th:nth-child(5) {
    width: 10%;
    text-align:center;
}
.order-basket td:nth-child(6),
.order-basket th:nth-child(6) {
    width: 10%;
    text-align:center;
}
.order-basket td:last-child,
.order-basket th:last-child {
width: 10%;
text-align:center;
}



.order-store-total-block {
width: 100%;
}

.order-store-total-block ul {
margin: 0;
list-style-type: none;
display: flex;
justify-content: flex-end;
}


.order-store-total-block ul li {
margin-left: 15px;
font-size: 12px !important;
color: #7d7d7d;
}

.order-store-total-block ul li .total-order-basket {
font-weight: 600;
font-size: 13px;
color: #444;
}

.label-role {
font-size: 15px;
color: #fff;
font-weight: 500;
text-align: center;
margin-bottom: 10px;
cursor: default;
background-color: #ff0000;
padding: 4px 10px;
border-radius: 4px;
}

.upload-doc{
font-size: 13px;
color: #7b7b7b;
font-weight: 500;
margin-bottom: 4px;
width: 150px;
margin-right: auto;
cursor: default;
line-height: 16px;
}


.label-doc {
font-size: 14px;
color: #7b7b7b;
font-weight: 500;
margin-bottom: 4px;
width: 100%;
margin-right: auto;
cursor: default;
line-height: 16px;
}

.label-doc .title {
font-size: 14px;
color: #7b7b7b;
font-weight: 500;
margin-bottom: 8px;
}


.label-doc .title .options {
color: #038c09;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px
}

.label-doc .recommed {
color: #ff0000;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px
}


.doc-view {
/* max-width: 110px;*/
}

.logo-upload-view {
width: 130px;
display: inline-block;
}

.logo-upload-view img {
width: 130px;
border: solid 1px #ddd;
}

.doc-view img {
width: 100%;
display: inline-block;
border: transparent;
}

.doc-view .upload {
color: #ff0000;
width: 100%;
padding-left: 0px !important;
border: dashed 1px #ff0000;
text-align: center;
margin-top: 6px;
cursor: pointer;
background-color: #fff;
float: left;
font-size: 15px;
height: 30px;
line-height: 30px;
font-weight: 400 !important;
}


.doc-view .upload i {
padding-right: 5px;
color: #ff0000;
font-size: 17px;
}


.doc-view:hover .upload,
.doc-view .upload:hover {
background-color: #009936;
color: #fff;
border: dashed 1px #fff;
}


.doc-view:hover .upload i,
.doc-view .upload:hover i {
color: #fff;
}

.doc-view .upload.max-w86 {
max-width: 86px;
}


.upload-2 {
color: #7b7b7b;
width: 100%;
border: transparent;
text-align: center;
margin-top: 6px;
cursor: pointer;
float: left;
font-size: 15px;
display: flex;
margin-left: 6px;
}


.upload-2 i {
padding-right: 5px;
color: #7b7b7b;
}


.upload-2:hover {
color: #009936;

}


.upload-2:hover i {
color: #009936;
}

.doc-view .upload-2.max-w86 {
max-width: 86px;
}

/* Image Product Thumbnail */
.page-proccess #grote_image {
width: 100%;
margin-bottom: 14px;
max-width: 350px;
}

.page-proccess .thumbnail {
width: 50px;
display: inline-block;
cursor: pointer;
}

.page-proccess .thumbnail img {
width: 100%;
}

.product-specifacition .t-p .t-p-t {
font-weight: 600;
background-color: #dfdfdf;
width: 140px;
padding: 0px 14px;
height: 34px;
line-height: 34px;
color: #000;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
font-size: 14px;
}

.product-specifacition .t-p-text {
font-size: 14px;
line-height: 14px;
padding: 26px 20px;
border: solid 1px #dfdfdf;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}


.status-label {
background-color: #6c757d;
color: #ffffff;
padding: 6px 8px;
font-weight: 600;
}


.status-data-red {
background-color: #ffc107;
color: #000;
padding: 6px 8px;
font-weight: 600;
margin-left: 8px;
text-decoration: none;
}


.status-data-red:hover {
color: #fff;
background-color: #ff0000;

}


.st-subtitle-sub::before {
content: "\f0c8";
font-family: FontAwesome;
color: #009537;
font-size: 14px;
margin-right: 8px;
line-height: 24px;
}

.c-red {
color: #ff0000 !important;
}

#Stop-Sale,
#No-Accept {
margin-top: 15px;
background-color: #f1f1f1;
padding: 20px 20px;
}

#Stop-Sale,
#No-Accept {
display: none;
}

#Stop-Sale .title,
#No-Accept .title {
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
}

.label-t {
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
}

.f-s-14 {
font-size: 14px;
}

input.file {
position: relative;
height: 1px;
width: 1px;
opacity: 0;
-moz-opacity: 0;
cursor: default;
display: none;
}

.h-220 {
height: 220px;
}

.max-h-120p {
max-height: 120px;
} 
.max-ht {
max-height: 150px;
}



.remove-product-btn {
width: 100%;
background-color: #ffff;
width: 42px;
height: 22px;
border: transparent;
text-align: left;
float: right;
margin-top: -20px;
font-weight: 600;
z-index: 5;
position: relative;
font-size: 14px !important;
color: #7b7b7b;
text-align: center;
}

.remove-product-btn:hover {
color: #ff0000;
border: transparent;
}


.mb-3-768 {
margin-bottom:0px;
}

.mb-3-980 {
margin-bottom: 16px;
}


/*  Message detail accordion Start */
.message-page-title {
margin-bottom: 16px;
display: flex;
background-color: #fbfbfb;
width: 150px;
padding: 6px 12px;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
border: solid 1px #ddd;
}


.message-page-title span {
font-weight: 400;
color: #000;
font-size: 15px;
height: 20px;
line-height: 20px;
}

.message-page-title i {
padding-right: 6px;
color: #000;
font-size: 20px;
height: 20px;
line-height: 20px;
}



.message-action-block {
margin-bottom: 12px;
text-align: right;
}

.message-action-block .search-input {
border: solid 2px #7d7d7d;
font-size: 13px;
border-radius: 4px;
padding: 6px 12px;
min-width: 220px;
}

.message-action-block .search-input:hover,
.message-action-block .search-input:focus {
border: solid 2px #009936;
}


.message-action-block input::-webkit-input-placeholder {
font-size: 12px;
}

.message-action-block .write-message {
float: left;
margin-bottom: 10px;
}

.message-action-block .write-message i {
font-size: 20px;
color: #009936;
padding-right: 4px;
}

.message-action-block .write-message span {
font-size: 16px;
color: #009936;
font-weight: 600;
}

.message-action-block .write-message:hover i,
.message-action-block .write-message:hover span {
color: #ff0000;
font-weight: 600;
}


.message-list-header {
background-color: #f1f1f1;
color: #444;
/* cursor: pointer; */
padding: 16px 16px 16px 16px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
/* border: solid 1px #ddd; */
display: inline-block;
margin-bottom: 14px;
border-radius: 8px;
font-weight: 600;
height: 44px;
}

.message-list-header ul {
padding: 0px;
list-style: none;
display: flex;
}

.message-list-header ul li:first-child {
width: 20%;
height: 20px;
text-align: left;
}

.message-list-header ul li:last-child {
width: 20%;
height: 20px;
text-align: right;
}

.message-list-header ul li:nth-child(2) {
width: 60%;
height: 20px;
text-align: center;
}

.message-detail .data-message .message-subject {
font-size: 14px;
margin-bottom: 40px;
text-align: center;
/* height: 40px; */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.message-box {
border: solid 1px #ddd;
padding: 40px;
border-radius: 6px;
margin-left: -15px;
}


.message-box .order-product-list {
display: inline-block;
border-bottom: solid 1px #f1f1f1;
padding-bottom: 20px;
margin-bottom: 30px;
width: 100%;
}

.message-box .order-product-list ul {
list-style-type: none;
padding: 0px;
}

.message-box .order-product-list ul li {
width: 100%;
}

.message-box.order-product-list ul li a {
font-size: 14px;
font-weight: 500;
text-decoration: none;
margin: 10px 0px;
margin-bottom: 10px;
display: block;
}

.message-box .order-product-list ul li a:hover {
font-size: 14px;
font-weight: 400;
text-decoration: none;
color: #ff0000;
}

.message-box .order-product-list ul li a span {
font-size: 14px;
}


.message-box .order-product-list ul li .price {
font-size: 15px;
color: #7d7d7d;
}



.message-detail .message-box .message-data-title {
color: #009936;
font-size: 14px;
margin-top: 10px;
width: 100%;
border-bottom: #f1f1f1 solid 1px;
margin-bottom: 10px;
float: left;
font-weight: 600;
padding-bottom: 5px;
}

.message-detail .message-box .message-data-title span {
background-color: #f1f1f1;
padding: 6px 10px;
border-radius: 4px;
}


.message-detail .message-box .message-data-title-2 {
color: #7d7d7d;
font-size: 14px;
width: 100%;
float: left;
}

.message-detail .message-box .message-data-title-2 span {
color: #444;
font-weight: 500;
background-color: #f1f1f1;
padding: 4px 10px;
margin: 0px 6px 6px 0px;
display: inline-block;
border-radius: 4px;
}


.message-detail .message-text {
width: 100%;
display: inline-block;
}

.message-detail .message-text span {
font-size: 14px;
margin-bottom: 40px;
text-align: left;
background-color: #e7e7e7;
width: 50%;
border-radius: 12px;
position: relative;
display: flex;
flex-direction: column;
padding: 8px 20px;
font-weight: 600;
}


.message-detail .message-text span:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 17px solid #e7e7e7;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
top: 0px;
left: -10px
}


.message-detail .message-text span:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 15px solid #e7e7e7;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
top: 0;
left: -15px;
}



.message-detail .message-text-r {
width: 100%;
display: inline-block;
}

.message-detail .message-text-r span {
font-size: 14px;
margin-bottom: 40px;
text-align: left;
background-color: #e7e7e7;
width: 60%;
border-radius: 12px;
position: relative;
display: flex;
flex-direction: column;
padding: 8px 20px;
font-weight: 400;
border-top-left-radius: 0px;
float: right;
font-weight: 600;
}

.message-detail .message-text-r span:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 17px solid #e7e7e7;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
top: 0px;
right: -10px
}


.message-detail .message-text-r span:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 15px solid #e7e7e7;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
top: 0;
right: -15px;
}


.message-detail .message-text small,
.message-detail .message-text-r small {
text-align: right !important;
font-size: 12px;
color: #7d7d7d;
}

.send-block {
margin-left: -40px;
margin-right: -40px;
margin-bottom: -25px;
background-color: #d9d9d9;
padding: 30px 30px 20px 30px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.send-block .txt-area {
height: 100px;
padding: 15px 15px;
border: solid 1px #ccc;
border-radius: 8px;
width: calc(100% - 95px);
background-color: #ffffff;
font-size: 13px;
color: #000;
}



.send-block .send-msg-btn {
width: 80px;
height: 100px;
margin-left: 10px;
float: right;
}


.msg-count .count-style {
font-weight: 600;
color: #ff0000;
}


.character-count {
font-size: 13px;
color: #444;
text-align:left;
}

.character-count .count-c {
font-weight: 600;
color: #000;
}


.character-count .count-style {
font-weight: 600;
color: #ff0000;
}

.btn-gray {
color: #fff;
background-color: #7d7d7d;
}

.btn-gray:hover,
.btn-gray:focus {
color: #fff;
background-color: #009936;
opacity: 1;
}



.message-detail .panel .order-product-list {
display: inline-block;
}

.message-detail .panel .order-product-list ul {
list-style-type: none;
padding: 0px;
display: flex;
}

.message-detail .panel .order-product-list ul li {
width: 100%;
}

.message-detail .panel .order-product-list ul li a {
font-size: 14px;
font-weight: 500;
text-decoration: none;
}

.message-detail .panel .order-product-list ul li a:hover {
font-size: 14px;
font-weight: 400;
text-decoration: none;
color: #ff0000;
}

.message-detail .panel .order-product-list ul li a span {
font-size: 14px;
}


.message-detail .panel .order-product-list ul li .price {
font-size: 15px;
font-weight: 600;
color: #7d7d7d;
}


.data-message {
position: relative;
}

.data-message ul {
width: 100%;
display: flex;
}

.data-message ul li {
width: 100%;
}


.data-message ul li > ul li:first-child,
.data-message ul li > ul li:last-child {
width: 15%;
height: 20px;
}

.data-message ul li > ul li:nth-child(2) {
width: 70%;
height: 20px;
}



.data-message ul li .o-number {
font-size: 15px;
color: #7d7d7d;
font-weight: 600;
}

.data-message ul li .o-date {
font-size: 12px;
color: #7d7d7d;
}



/* Message detail accordion End */



/* Store Management - Admin s */


.section-br {
border: solid 1px #f1f1f1;
padding: 20px;
border-radius: 5px;
}

.bg-f1 {
/* background-color: #f1f1f1;*/
border-bottom: solid 2px #fff;
}

.vendor-edit-store {
font-size: 18px;
font-weight: 600;
color: #7d7d7d;
margin-bottom: 40px;
}

.vendor-edit-store img {
float: left;
margin-top: 6px;
border-right: solid 1px #ddd;
padding-right: 12px;
}


.vendor-edit-store span {
font-size: 16px;
color: #000;
margin-left: 12px;
font-weight: 600;
margin-top: 12px;
/* line-height: 60px; */
display: inline-block;
}


.vendor-edit-store .edit-sub-title {
font-size: 13px;
font-weight: 400;
color: #7d7d7d;
margin-left: 92px;
height: 24px;
/* line-height: 0px; */
}

.vendor-edit-store .edit-sub-title span {
font-size: 14px;
font-weight: 600;
color: #000;
text-align: left;
display: contents;
}


/* Store Name Disabled */
input[type="text"]:disabled {
background: #f1f1f1;
}

.input-store-name {
height: 50px;
border: solid 1px #ccc;
width: 100%;
padding: 0px 12px;
border-radius: 8px;
background-color: #f1f1f1;
font-weight: 600;
}

.input-store-name:hover {
border: solid 2px #7d7d7d;
background-color: #f0f0f0;
}

.input-store-name:focus {
border: solid 2px #0d7533;
background-color: #fff;
}


/* Store Description Character Counter s */
#countTextarea {
float: right;
font-size: 14px;
font-weight: 600;
color: #ff0000;
}

.char-count {
height: 24px;
width: 34px;
font-size: 13px;
font-family: roboto, sans-serif;
font-weight: 600;
background-color: #ddd;
color: #ff0000;
float: right;
margin-right: 0px;
padding: 6px;
text-align: center;
}

.msg-count-store {
font-size:13px;
}

.msg-count-store strong {
color:#ff0000;
font-weight:600;
}

.msg-count-store .count-style {
color: #009936;
font-weight: 600;
}

.store-status-result {
font-size: 14px;
padding: 10px 12px;
/*  background-color: #f1f1f1;*/
border-radius: 6px;
display: flex;
}

.store-status-result .title-status {
font-size: 14px;
font-weight:400;

}

.store-status-result .title-result {
font-size: 15px;
font-weight: 700;
padding: 0px 11px;
}

.iban-number-result {
font-size: 14px;
padding: 10px 12px;
/*   background-color: #f1f1f1;*/
border-radius: 6px;
}

/* Add Iban  S */
.iban-label {
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
color: #7d7d7d;
}

.iban-block {
width: 45%;
position: relative;
background-color: #f1f1f1;
padding: 12px;
margin-bottom: 30px;
float: left;
margin-right: 12px;
}

.iban-block .refun-account-number {
font-size: 14px;
color: #000;
font-weight: 600;
line-height: 34px;
}

.iban-block .refun-iban-number {
font-size: 14px;
color: #000;
font-weight: 600;
line-height: 34px;
}


#ibanForm {
width: 100%;
}

#ibanForm tr td:first-child {
width: 33%;
}

#ibanForm tr td:nth-child(2) {
width: 33%;
}

#ibanForm tr td:nth-child(3) {
width: 33%;
}



#ibanForm tr td:nth-child(4) {
width: 10%;
}

.add-new-iban,
a.add-new-iban {
font-size: 13px;
color: #7d7d7d;
font-weight: 600;
letter-spacing: 0.3px;
padding: 0px 0px 0px 10px;
margin-bottom: 20px;
border: dashed 2px #ddd;
width: 110px;
height: 32px;
text-align: center;
display: inline-block;
line-height: 32px;
text-decoration: none;
margin-right: 22px;
}

.add-new-iban:hover,
a.add-new-iban:hover {
font-size: 13px;
color: #009936;
border: solid 2px #009936;
}

.add-new-iban i,
a.add-new-iban i {
margin-right: 8px;
font-size: 16px;
}

.no-recent-iban {
font-size: 13px;
margin-bottom: 45px;
font-weight: 400;
color: #000;
padding: 20px 20px 0px 0px;
}


.no-recent-iban i {
font-size: 18px;
color: #ef9c00;
margin-right: 8px;
}

.iban-block-edit {
width: 10%;
position: relative;
background-color: #f1f1f1;
padding: 12px;
margin-bottom: 30px;
float: left;
height: 92px;
font-size: 14px;
font-weight: 600;
line-height: 80px;
text-align: center;
}

.iban-block-edit a {
font-size: 14px;
font-weight: 600;
line-height: 80px;
color: #000;
padding: 12px;
border: dashed 1px #7d7d7d;
}

.iban-block-edit a:hover {
color: #ff0000;
border: dashed 1px #ff0000;
}

.iban-line {
display:flex;
}

.iban-tr {
background-color: #f1f1f1;
padding: 3px 5px;
height: 38px;
line-height: 38px;
font-weight: 600;
}

.store-save-button {
height: 32px;
line-height: 32px;
padding: 0px 12px;
font-size: 14px;
font-weight: 400;
text-align: center;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
color: #000;
border: solid 1px #009537 !important;
}

.store-save-button:hover {
background-color: #009537;
color:#fff;
}

.brand-save-button {
height: 32px;
line-height: 32px;
padding: 0px 12px;
font-size: 14px;
font-weight: 400;
text-align: center;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border: solid 1px #ffc107 !important;
background-color: #fffbee;
}


.brand-save-button:hover {
background-color: #ffc107
}

/* Admin Toggle Menu */

.toggle-store-edit {
cursor: pointer;
width: 100%;
border: none;
text-align: left;
outline: none;
display: inline-block;
border-bottom: solid 1px #fff;
white-space: nowrap;
max-width: 200px;
height: 40px;
}


.chevron-icon {
transition: all 0.5s ease;
color: #565656;
font-size: 10px;
margin-left: 4px;
}
.toggle-store-edit:hover .chevron-icon {
color: #ff0000;
}

.more {
transform: rotateX(0deg);
}

.less {
transform: rotateX(180deg);
}

.panel-edit {
display: none;
border: dashed 1px #7d7d7d;
padding: 20px 20px 20px 20px;
border-radius: 6px;
}



.gray {
color: #7d7d7d;
}

.store-logo-main img {
border: solid 1px #ddd;
}

.limit-label {
font-size:14px;
font-weight:600;
margin-bottom: 5px;
color:#7d7d7d;
}

.b-2px {
border: solid 2px #ccc;
}

.disp-none {
display: none;
}


.container-image {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}

#confirm-img {
height: 218px;
border-radius: 4px;
}


.page-link-info {
color: #000;
font-size: 14px;
font-weight: 500;
}

.red {
color: #ff0000
}

.cursor {
cursor: pointer
}

#store-stoping-alert {
display: none;
}

#store-stoping-alert.show {
display: block;
}



.switch_container {
position: relative;
width: 100%;
display: inline-block;
}

.switch_container input[type=checkbox] {
display: none;
}

.switch_container input[type=checkbox] + label {
left: 0;
top: 0;
padding-left: 80px;
width: 400px;
height: 40px;
display: inline-block;
font-family: arial;
font-size: 1.5em;
line-height: 26px;
z-index: 0;
cursor: pointer;
}

.switch_container input[type=checkbox] + label:before, .switch_container input[type=checkbox] + label:after {
content: "";
position: absolute;
left: 0px;
transition: all 0.1s ease-in;
z-index: -1;
}

.switch_container input[type=checkbox] + label:before {
content: "Kapalı";
text-align: right;
width: 70px;
height: 28px;
padding-left: 5px;
padding-right: 5px;
border-radius: 16px;
background: #c00;
color: #fff;
font-size: 12px;
line-height: 28px;
}

.switch_container input[type=checkbox] + label:after {
width: 22px;
height: 22px;
background: #fff;
border-radius: 18px;
top: 3px;
left: 4px;
}

.switch_container input[type=checkbox]:checked + label:before {
content: "Açık";
background: #070;
text-align: left;
}

.switch_container input[type=checkbox]:checked + label:after {
left: 43px;
}


/* Store Status Process */

.input-login:hover {
border: solid 2px #7d7d7d;
background-color: #f0f0f0;
}

.input-login:focus {
border: solid 3px #0d7533;
background-color: #fff;
}


#No-Accept,
#Stopped-Store,
#Wait-Document {
display: none;
}

#No-Accept,
#Stopped-Store,
#Wait-Document {
margin-top: 15px;
background-color: #f1f1f1;
padding: 20px 20px;
}

#No-Accept .title,
#Stopped-Store .title,
#Wait-Document .title {
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
}

#No-Accept .form-check,
#Stopped-Store .form-check {
padding-left: 0px;
}


.page-head-1 {
font-size: 14px;
color: #000;
display: flex
}

.page-head-1 a {
font-size: 14px;
color: #000;
font-weight: 600;
text-decoration: none;
}


.vendor-new-store {
font-size: 18px;
font-weight: 600;
color: #7d7d7d;
margin-bottom: 40px;
margin-left: -12px;
}

.vendor-new-store img {
float: left;
margin-top: 6px;
border-right: solid 1px #ddd;
padding-right: 12px;
}

.vendor-new-store span {
font-size: 16px;
color: #000;
margin-left: 12px;
font-weight: 600;
margin-top: 23px;
display: inline-block;
}

.new-sub-title {
font-size: 13px;
font-weight: 400;
color: #7d7d7d;
height: 24px;
}

.new-sub-title span {
font-size: 14px;
font-weight: 600;
color: #000;
text-align: left;
display: contents;
}


.st-subtitle-sub {
display: flex;
flex-direction: row;
height: 24px;
color: #009537;
line-height: 24px;
font-weight:600!important
}


.st-subtitle-sub::before {
content: "\f0c8";
font-family: FontAwesome;
color: #009537;
font-size: 14px;
margin-right: 8px;
line-height: 24px;
}

.l-color {
color: #b8b4b4;
}

.new-store-data {
font-size: 14px;
font-weight: 600;
}

.new-store-document {
border: solid 1px #f1f1f1;
padding: 20px;
display: flex;
}

.new-store-document img {
border: solid 1px #ddd;
width: 120px;
height: auto;
margin: 12px;
}

.new-store-document .title {
font-size: 12px;
color: #b8b4b4;
text-align: center;
width: 120px;
}

.wating-list-document {
font-size: 15px;
}

.wating-list-document span {
font-weight: 600;
margin-top: 15px;
display: block;
margin-bottom: 10px;
color: #ff0000;
}

.wating-list-document ul {
padding: 0px;
list-style-type: none;
}

.wating-list-document ul li {
padding: 1px;
list-style-type: none;
font-weight: 600;
}



/* Store Management - Admin  e */




#SearchMenu {
width: 100%;
list-style-type: none;
padding: 0px;
justify-content: space-between;
}

#SearchMenu li:last-child {
margin-right: 0px;
}

.input-src {
height: 40px;
border: solid 1px #ccc;
width: 100%;
padding: 0px 12px;
font-weight: 600;
}

.input-src:hover {
border: solid 2px #7d7d7d;
background-color: #f0f0f0;
}

.input-src:focus {
border: solid 2px #0d7533;
background-color: #fff;
}




#SearchMenu .nav-link.active {
background-color: #7d7d7d !important;
color: #fff !important;
}

.CriticalStockLevel {
background-color: #fdf6d1
}

.stock-alert-line {
text-align: right;
font-size: 13px;
margin-bottom: -60px;
height: 20px;
line-height: 30px;
}

.stock-alert-box {
background-color: #fdf6d1;
height: 20px;
width: 20px !important;
margin: 0px 6px;
border: solid 1px #ffd800;
display: inline-block;
}

.list-prod-img {
height: 40px;
width: auto;
}

/* Pagination s */

.pagination-container {
margin-top: 24px;
}

.pagination-container .pagination {
display: flex;
padding-left: 0;
list-style: none;
width: 100%;
}


.pagination-container .pagination li {
width: 24px;
background-color: #f1f1f1;
text-align: center;
margin: 2px;
border: solid 1px #ddd;
height: 28px;
}

.pagination-container .pagination li.active {
width: 22px;
background-color: #169746;
text-align: center;
color: #fff
}


.pagination-container .pagination li a {
font-size: 14px;
text-decoration: none;
color: #000000;
width: 24px;
height: 28px;
display: contents;
line-height: 28px;
}

.pagination-container .pagination li:hover,
.pagination-container .pagination li a:hover {
background-color: #ffd800;
color: #000;
border: solid 1px #000;
}

.pagination .paginate_button a {
font-size: 13px;
}


/* Add Edit Product Proccess - Category Section s */

/* Steps Progress s */

.steps {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
margin: 0 auto;
max-width: 75%;
margin-bottom: 40px;
}


.step-item {
display: flex;
font-size: 14px;
height: 32px;
align-items: center;
justify-content: center;
border-radius: 34px;
z-index: 10;
background-color: #ccc;
padding: 0px 15px;
line-height: 14px;
text-align: center;
}


.step-item.active {
opacity: 1;
background-color: #ffc107;
font-weight: 600;
}

.step-item.finish {
background-color: #4CAF50;
color: #fff;
border: solid 1px #009537;
font-weight: 600;
font-size: 14px;
}

.tab {
display: none
}

.progress-line {
-webkit-appearance: none;
position: absolute;
width: 95%;
z-index: 5;
height: 3px;
margin-left: 18px;
background-color: #ccc;
}

.alert-empty {
font-size: 12px;
width: 100%;
display: none;
height: 22px;
line-height: 22px;
color: #ff0000;
}



.prod-control.invalid {
border: solid 1px #ff0000
}

.prod-control.invalid ~ .alert-empty {
display: block
}

button:hover {
opacity: 0.8
}

#prevBtn {
background-color: #bbbbbb
}

.update-product-categories .select {
padding: 1px 0px;
text-align: left;
width: 100%;
float: left;
margin-top: 20px;
}

.update-product-categories .select .selected-cat {
background: #fff3d0;
padding: 0px 12px;
font-weight: bold;
font-weight: 600;
font-size: 13px;
color: #000;
float: left;
height: 28px;
line-height: 28px;
}


.update-product-categories .select ul {
padding: 0px;
list-style-type: none;
display: flex;
}

.update-product-categories .select ul li:first-child {
margin-left: 20px;
}

.update-product-categories .select ul li {
font-size: 13px;
color: #000;
font-weight: 500;
font-weight: 600;
font-size: 15px;
line-height: 32px;
}



.update-product-categories .select ul li a {
color: #000;
font: 600 15px Roboto, Arial;
}

.update-product-categories .select ul li span {
padding: 0px 5px;
font-size: 13px;
color: #ffc107;
height: 32px;
line-height: 35px;
display: block;
}

.update-title {
color: #169746;
text-align: left;
}

.input-show-cat {
border: none;
padding: 0px 0px;
border-bottom: dashed 1px #ddd;
height: 28px;
border-radius: 6px;
width: 100%;
font-size: 13px;
}


.category-update {
display: inline-block;
}


.category-update a {
color: #000;
font-size: 14px;
margin-top: 30px;
display: inline-block;
text-decoration: none;
}

.category-update a:hover {
background-color: #f1f1f1;
}

/* Category item icon */

.category-update a i {
cursor: pointer;
color: #009537;
font-size: 18px;
margin-right: 5px;
}

.change-category {
font-size: 15px;
text-decoration: none;
color: #000;
padding: 2px 6px;
border-radius: 5px;
}

.thanks-message {
display: none
}

.pages-sub-title {
font-size: 17px;
font-weight: 600;
margin: 25px 0px 40px 0px;
}

.sub-title-p {
font-size: 14px;
font-weight: 500;
color: #000000;
height: 30px;
line-height: 26px;
letter-spacing: 0.4px;
display: inline-block;
}

/* Upload Product start */
.add-product-categories {
margin-bottom: 10px;
margin-top: 40px;
}

.add-product-categories .section-title {
font: 600 16px Roboto, Arial;
display: inline-block;
color: #0654ba;
padding-right: 12px;
height: 30px;
width: 100%;
}



.add-product-categories form {
margin-top: 30px;
}

.add-product-categories .main-category {
width: calc(23% - 20px);
float: left;
margin-right: 30px;
}

.add-product-categories .main-category select,
.add-product-categories .main-category ul {
width: 100%;
height: 100%;
border: solid 1px #d9d9d9;
padding: 12px;
background: #e5e5e5;
overflow-y: auto;
font-family: roboto, sans-serif;
max-height: 380px;
}

.add-product-categories .main-category select option,
.add-product-categories .main-category li a {
margin: 1px 0;
padding: 6px 10px;
display: block;
cursor: pointer;
font-size: 14px;
font-weight: 600;
}

.add-product-categories .sub-category {
width: calc(23% - 20px);
float: left;
margin-right: 30px;
}

.add-product-categories .sub-category select,
.add-product-categories .sub-category ul {
width: 100%;
height: 100%;
border: solid 1px #d9d9d9;
padding: 20px;
background: #e5e5e5;
overflow-y: auto;
font-family: verdana;
font-weight: normal;
font-size: 14px;
line-height: 16px;
max-height: 380px;
}

.add-product-categories .sub-category select option,
.add-product-categories .sub-category li a {
margin: 1px 0;
padding: 5px 10px;
display: block;
cursor: pointer;
}


.add-product-categories .main-category select option:hover,
.add-product-categories .sub-category select option:hover,
.add-product-categories .sub-category-sub select option:hover {
background-color: #009537;
color: #fff;
}


.add-product-categories .sub-category-sub {
width: calc(23% - 20px);
float: left;
margin-right: 30px;
}

.add-product-categories .sub-category-sub select,
.add-product-categories .sub-category-sub ul {
width: 100%;
height: 100%;
border: solid 1px #d9d9d9;
padding: 20px;
background: #e5e5e5;
overflow-y: auto;
line-height: 16px;
min-height: 380px;
font-size: 14px;
}

.add-product-categories.sub-category-sub select option,
.add-product-categories .sub-category-sub li a {
margin: 1px 0;
padding: 6px 10px;
display: block;
cursor: pointer;
font-size: 14px;
font-weight: 600;
}




.add-product-categories .selected {
padding: 1px 0px;
text-align: left;
/* margin-top: 2px; */
width: 100%;
float: left;
margin-top: 40px;
}

.add-product-categories .selected .selected-line {
/* width: 200px; */
background: #009537;
padding: 7px 20px;
/* display: inline-block; */
font-weight: bold;
letter-spacing: 0.3px;
font-weight: 600;
font-size: 15px;
color: #fff;
float: left;
/* list-style-type: none; */
border-radius: 6px;
}

.add-product-categories .selected .selected-line-homepage {
background: #ffc107;
padding: 7px 20px;
font-weight: bold;
letter-spacing: 0.3px;
font-weight: 600;
font-size: 15px;
color: #000;
float: left;
border-radius: 6px;
}

.add-product-categories .selected ul {
padding: 0px;
list-style-type: none;
display: flex;
}

.add-product-categories .selected ul li:first-child {
margin-left: 20px;
}

.add-product-categories .selected ul li {
font-size: 13px;
color: #000;
font-weight: 500;
font-weight: 600;
font-size: 15px;
line-height: 32px;
}



.add-product-categories .selected ul li a {
color: #000;
font: 600 15px Roboto, Arial;
}

.add-product-categories .selected ul li span {
padding: 0px 12px;
font-size: 16px;
color: #ffc107;
height: 38px;
line-height: 38px
}


/*.select-category-title {
font-size: 13px;
display: flex;
margin-bottom: 9px;
}
*/
.select-category-title span {
font-size: 13px;
width: 24px;
height: 24px;
border-radius: 10%;
background-color: #ccc;
color: #000;
align-items: center;
line-height: 24px;
display: block;
text-align: center;
font-weight: 600;
margin-right: 8px;
}


#upload-product-buttons {
width: 900px;
float: right;
margin-bottom: 40px;
background-color: #fff;
padding: 20px 0px;
box-shadow: 0 1px 2px 0 rgba(85,85,85,.5);
text-align: center;
display: block;
}

#upload-product-buttons .cancel-button {
height: 36px;
font: 400 16px/36px Roboto,Arial,sans-serif;
border-style: solid;
border: solid 1px #ddd;
-moz-border-radius: 3px;
padding: 0 0px;
text-align: center;
cursor: pointer;
background-color: #ccc;
color: #000;
font-weight: 600;
width: 120px;
border-radius: 5px;
display: inline-block;
}

#upload-product-buttons .cancel-button:hover {
color: #fff;
border-color: #fff;
background-color: #ff0000;
}


#upload-product-buttons .upload-product-button {
padding: 0px 16px 0px 26px;
height: 36px;
background: #0d7533;
color: #fff;
font-size: 16px;
font-weight: 500;
display: inline-block;
text-align: center;
line-height: 36px;
border-radius: 5px;
letter-spacing: 0.5px;
cursor: pointer;
margin-left: 50px;
width: 180px;
}

#upload-product-buttons .upload-product-button:hover {
background: #0654ba;
color: #fff;
}


#upload-product-buttons .upload-product-button i {
margin-left: 4px;
float: right;
padding: 12px 10px 10px 10px;
}


/* Scroll order listing s */

#MainCategory,
#SubCategory,
#SubCategory {
position: relative;
height: 380px;
overflow-x: auto;
}



#MainCategory::-webkit-scrollbar,
#SubCategory::-webkit-scrollbar,
#SubCategory::-webkit-scrollbar {
width: 14px;
height: 14px;
padding-top: 40px;
right: 30px;
}



#MainCategory::-webkit-scrollbar-track-piece,
#SubCategory::-webkit-scrollbar-track-piece,
#SubCategory::-webkit-scrollbar-track-piece {
height: 30px;
width: 30px;
}


#MainCategory::-webkit-scrollbar,
#SubCategory::-webkit-scrollbar,
#SubCategory::-webkit-scrollbar {
min-width: 14px;
width: 14px;
max-width: 14px;
min-height: 14px;
height: auto;
max-height: 14px;
background: #f0f0f0;
cursor: pointer;
right: 12px
}


#MainCategory::-webkit-scrollbar-thumb,
#SubCategory::-webkit-scrollbar-thumb,
#SubCategory::-webkit-scrollbar-thumb {
background: #ccc;
border: none;
border-radius: 10px;
border: solid 2px #fff;
box-shadow: inset 0px 0px 3px #999;
cursor: pointer;
}


#MainCategory::-webkit-scrollbar-thumb:hover,
#SubCategory::-webkit-scrollbar-thumb:hover,
#SubCategory::-webkit-scrollbar-thumb:hover {
background: #7d7d7d;
border: solid 1px #fff;
cursor: pointer;
}

/* Scroll e */


/* Category Select Product end */

/* Upload Product Photo s */


photobig {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
}

avatar img,
photobig img {
border: solid 1px #ddd;
background-color: #f1f1f1;
border: solid 1px #7d7d7d;
border-radius: 5px;
}

avatar {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
max-width: 200px;
}


/* Category Management */

.category-management {
display: inline-block;
}


.category-management a {
color: #000;
font-size: 15px;
margin-top: 50px;
display: inline-block;
text-decoration: none;
}

.category-management a:hover {
background-color: #f1f1f1;
}



.category-area.section-title {
font: 600 16px Roboto, Arial;
display: inline-block;
color: #0654ba;
padding-right: 12px;
height: 30px;
width: 100%;
}



.category-area form {
margin-top: 30px;
}

.category-area .main-category {
/*    width: calc(23% - 20px);
float: left;
margin-right: 30px;*/
}

.category-area .main-category select {
width: 100%;
height: 100%;
border: solid 1px #d9d9d9;
padding: 12px;
background: #e5e5e5;
overflow-y: auto;
font-family: roboto, sans-serif;
max-height: 380px;
}

.category-area .main-category select option {
margin: 1px 0;
padding: 4px 6px;
display: block;
cursor: pointer;
font-size: 13px;
font-weight: 600;
}

.category-area .sub-category {
/*       width: calc(23% - 30px);
float: left;
margin-right: 30px;*/
}

.category-area .sub-category select {
width: 100%;
height: 100%;
border: solid 1px #d9d9d9;
padding: 20px 5px 20px 20px;
background: #e5e5e5;
overflow-y: auto;
font-family: verdana;
font-weight: normal;
font-size: 13px;
line-height: 16px;
max-height: 380px;
}

.category-area .sub-category select option {
margin: 1px 0;
padding: 5px 10px;
display: block;
cursor: pointer;
}


.category-area .main-category select option:hover,
.category-area .sub-category select option:hover,
.category-area .sub-category-sub select option:hover {
background-color: #009537;
color: #fff;
}


.category-area .sub-category-sub {
/*        width: calc(23% - 10px);
float: left;*/
}

.category-area .sub-category-sub select {
width: 100%;
height: 100%;
border: solid 1px #d9d9d9;
padding: 20px;
background: #e5e5e5;
overflow-y: auto;
line-height: 16px;
max-height: 380px;
font-size: 14px;
}

.category-area .sub-category-sub select option {
margin: 1px 0;
padding: 6px 10px;
display: block;
cursor: pointer;
font-size: 14px;
    
}




.category-area .selected {
padding: 1px 0px;
text-align: left;
width: 100%;
float: left;
margin-top: 10px;
}

.category-area .selected .selected-line {
background: #f5e3aa;
padding: 7px 20px;
font-weight: bold;
letter-spacing: 0.3px;
font-weight: 600;
font-size: 14px;
color: #000;
float: left;
border-radius: 6px;
}

.category-area .selected ul {
padding: 0px;
list-style-type: none;
display: flex;
}

.category-area .selected ul li:first-child {
margin-left: 20px;
}

.category-area.selected ul li {
font-size: 13px;
color: #000;
font-weight: 500;
font-weight: 600;
font-size: 15px;
line-height: 32px;
}



.category-area .selected ul li a {
color: #000;
font: 600 15px Roboto, Arial;
}

.category-area .selected ul li span {
padding: 0px 12px;
font-size: 16px;
color: #ffc107;
height: 38px;
line-height: 38px
}


.selected .clac-88 {
width: calc(100% - 87px);
float: left;
}

.category-management a {
color: #000;
font-size: 15px;
margin-top: 50px;
display: inline-block;
text-decoration: none;
width: 100%;
}

.category-management a:hover {
background-color: #198754;
color: #fff;
border: 1px solid #198754;
}

.select-category-title span {
font-size: 13px;
width: 22px;
height: 22px;
border-radius: 10%;
background-color: #ccc;
color: #000;
align-items: center;
line-height: 24px;
display: block;
text-align: center;
font-weight: 600;
margin-right: 8px;
display:none;
}

.contract-type {
margin: 4px 0px 10px 0px;
font-size: 15px !important;
width: 100%;
background-color: #f1f1f1;
border-radius: 6px;
font-weight: 600;
height: 38px;
line-height: 38px;
float: right;
}

.contract-type a {
text-decoration: none;
color: #ffffff;
background-color: #0d7533;
padding: 0px 30px;
border-radius: 4px;
display: flex;
text-align: center;
height: 38px;
line-height: 38px;
float: right;
}

.contract-type i {
color: #ffffff;
font-size: 20px;
height: 38px;
line-height: 38px;
margin-right: 6px;
}

.contract-type a:hover i,
.contract-type a:hover {
text-decoration: none;
color: #000;
background-color: #ffc107;
}

.contract-type a:hover i {
color: #000;
}
/* EDIT PROFILE */


.photo-add-title {
margin-bottom: 20px;
text-align: left;
display: flex;
}

.photo-tag {
font-size: 13px;
font-weight: 400;
font-size: 13px;
font-weight: 400;
width: 100%;
display: block;
color: #7d7d7d;
}


.add-photo-product {
cursor: pointer;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border: none;
overflow: hidden;
position: relative;
transition: 0.2s ease-in-out;
background-color: #7d7d7d;
font-size: 15px;
border-radius: 5px;
width: 100%;
font-weight: 600;
color: #fff;
margin-top: 4px;
line-height: 36px;
}

.add-photo-product:hover {
background-color: #ffc107;
color: #000;
}



.product-big-1,
.product-big-2,
.product-big-3 {
opacity: 0.4;
}

.space-p {
margin: 30px 0px 20px 0px;
}

.s-style {
padding: 4px 6px;
font-weight: 600;
cursor: pointer;
}


/* Upload Product Photo e */

.fw-green {
font-weight: 500 !important;
color: #169746;
}

.checkbox-switch {
background-color: #f1f1f1;
padding: 0px 20px;
border-radius: 4px;
height: 40px;
line-height: 40px;
display: flex;
font-size: 14px;
}


/*.form-label {
    margin-bottom: 2px !important;
    font-size: 12px;
    color: #686868 !important;*/
    /* font-weight: 500 !important; */
/*}*/

.form-label {
    margin-bottom: 2px !important;
    font-size: 12px;
    color: #009936 !important;
    /* font-weight: 500 !important; */
}

.form-switch .form-check-input {
width: 36px !important;
height: 20px !important;
}

.lbt-text {
padding-left: 8px;
height: 40px;
line-height: 37px;
font-weight: 600;
}

.page-heading .sub-breadcrumb {
margin-bottom: 0px;
padding-left: 4px;

}

.page-heading .sub-breadcrumb .breadcrumb-item {
font-size: 13px;
font-weight: 600;
color: #000000;
display: flex;
height: 20px;
list-style: none;
line-height: 15px;
}

.page-heading .sub-breadcrumb .breadcrumb-item:before {
content: "";
width: 12px;
height: 12px;
background-color: #009537;
margin-right: 8px;
display: block;
border-radius: 4px;
margin-top: 2px;
}

.product-section-title {
font-size: 13px;
font-weight: 600;
color: #ffffff;
display: inline-block;
background-color: #169746;
padding: 2px 10px;
border-radius: 5px;
width: auto;
margin-bottom: 12px;
}

.brand-section-title {
font-size: 14px;
font-weight: 600;
color: #7d7d7d;
display: flex;
}

.brand-section-title small {
padding: 2px 0px 0px 10px;
color:#ff0000;
}


.alert-section-title {
font-size: 13px;
font-weight: 600;
color: #e72929;
background-color: #fff;
margin-bottom: 4px;
}

.alert-section-title i {
font-size: 16px;
color: #e72929;
padding-right: 5px;
}


.stop-alert-section-title {
font-size: 14px;
font-weight: 600;
color: #fff;
background-color: #e72929;
margin-bottom: 4px;
text-align: center;
border-radius: 6px;
}

.stop-alert-section-title i {
font-size: 18px;
color: #ffffff;
padding-right: 10px;
}


.product-section-title:before {
content: "";
width: 12px;
height: 12px;
background-color: #009537;
margin-right: 8px;
display: block;
border-radius: 50%;
margin-top: 4px;
}


.input-prod {
height: 32px;
border: 1px solid #ccd8e3;
width: 100%;
padding: 0px 12px;
font-size: 14px;
color: #49525a;
font-weight: 600;
}

.input-prod:hover {
border: solid 1px #7d7d7d;
/*  background-color: #f0f0f0;*/
}

.input-prod:focus {
border: solid 1px #0d7533;
background-color: #fff;
}


.fw-green {
font-weight: 500 !important;
color: #169746;
}


.disabledbutton {
pointer-events: none;
opacity: 1;
}

.hidebutton {
pointer-events: none;
opacity: 0;
display: none
}

.save-style {
display: none;
background-color: #f1f1f1 !important;
height: 40px;
line-height: 40px;
border-radius: 6px;
color: #169746;
margin-top: 30px;
float: left;
border: solid 1px #dddddd;
}

.percent-discount {
font-size:13px;
font-weight:500;
color:#ff0000;
}

.percent-discount-green {
font-size: 13px;
font-weight: 500;
color: #009136;
}

.percent-discount-gray {
font-size: 13px;
font-weight: 500;
color: #7d7d7d;
}

.discount-image {
padding: 8px 8px;
background-color: #ccc;
border-radius: 8px;
width: 100%;
max-width: 88px;
}

.discount-image img {
height: 100px;
width: auto;
}

.discount-product-name {
font-size: 15px;
font-weight: 700;
}


.confirmed-comment-must-title i {
font-size: 20px;
color: #ff0000;
}


/*Sales Approval */

.approval-image {
padding: 8px 8px;
background-color: #ccc;
border-radius: 8px;
width: 100%;
max-width: 88px;
}

.approval-image img {
height: 100px;
width: auto;
}

.approval-product-name {
font-size: 14px;
font-weight: 600;
}
.approval-product-code {
font-size: 14px;
color: #7d7d7d;
}

.approval-product-price {
font-size: 14px;
color: #7d7d7d;
}

.approval-cargo-Payment{
font-size: 14px;
color: #7d7d7d;
}

.approval-cargo-City {
font-size: 14px;
color: #7d7d7d;
}

.approval-cargo-Time {
font-size: 14px;
color: #7d7d7d;
}


.approval-Cargo-Firm {
font-size: 14px;
color: #7d7d7d;
}

.approval-product-description {
font-size: 14px;
font-weight: 600;
}

.approval-product-photo {
  
width: 100%;
}

.approval-product-photo img {
height: 100px;
width: auto;
}

/* Add Edit Product Proccess  e */

.Layout_Row_Error {
background: #ffe9e9
}

.inp-table-search {
max-width: 290px
}

.pl30 {
padding-left: 30px
}

.min-w-144 {
min-width: 144px;
}

.min-w-110 {
min-width: 110px;
}

.min-h-60p {
    min-height: 60px!important;
}

.store-i-m {
width: 120px;
background-color: #f1f1f1;
padding: 6px;
/* margin-right: 12px; */
}


.store-preview-link:hover {
background-color: #0d7533;
color: #fff;
}

.store-preview-link:hover span,
.store-preview-link:hover i {
color: #fff;
}


.store-preview-link i {
font-size: 14px;
color: #0d7533;
display: block;
}

.store-preview-link span {
font-size: 14px;
padding: 0px 12px 0px 10px;
}

.data-bg {
background-color: #f1f1f1;
padding: 4px 12px;
max-width: 200px;
}


.subtitle-mng {
display: flex;
flex-direction: row;
/* height: 24px; */
color: #212529;
line-height: 24px;
font-weight: 600;
background-color: #f1f1f1;
padding: 4px 12px;
border-radius: 6px;
font-size: 14px;
}

.subtitle-mng::before {
content: "\f0c8";
font-family: FontAwesome;
color: #009537;
font-size: 14px;
margin-right: 8px;
line-height: 24px;
}



.r-input-list {
margin-top: 6px !important;
height: 24px !important;
width: 30px !important;
border-radius: 3px !important;
}



.radio-select-large {
background: #f1f1f1;
padding: 3px 12px;
display: inline-block;
border-radius: 8px;
position: relative;
display: flex;
width: 100%;
transition: all 0.2s ease-out;
gap: 1em;
height: 42px;
line-height: 38px;
font-size: 15px;
font-weight: 600;
}


.radio-select-large input[type=radio]::before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 0.5em;
box-shadow: 0;
transition: all 0.2s ease-out;
cursor: pointer;
}

.radio-select-large input[type=radio]:hover:not(:checked)::before {
box-shadow: 0 0 0 1px inset #7d7d7d;
}

.radio-select-large input[type=radio]:checked::before {
box-shadow: 0 0 0 2px inset #198754;
}


.radio-select-large .form-check-input:first-child:checked {
background-color: #198754;
border-color: #198754;
}




.subtitle-mng-brand {
display: flex;
flex-direction: row;
/* height: 24px; */
color: #212529;
line-height: 24px;
font-weight: 600;
background-color: #f1f1f1;
padding: 4px 12px;
border-radius: 6px;
font-size: 14px;
border: solid 1px #cbcbcb !important;
}

.subtitle-mng-brand::before {
content: "\f0c8";
font-family: FontAwesome;
color: #ffc107;
font-size: 14px;
margin-right: 8px;
line-height: 24px;
}


.n-s-l {
font-weight: 500;
color: #7d7d7d;
padding-left: 6px;
}


.img-thumbnail-mng {
padding: 10px;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
max-width: 100%;
height: auto;
}

.check_custom {
width: 15px;
height: 15px;
float: left;
}

.btnaction {
max-width: 80px;
}

.btn-w-m {
min-width: 80px;
border-radius: 0px;
}

.RowAP {
}

.RowAP:hover {
background: #eaeaea !important
}

.SubDesc {
margin-right: 30px;
}
/*
.CriticalStockLevel {
background: #ffe1e1
}*/

.lightBoxGallery {
text-align: left
}

/*.form-group {
padding: 5px;
margin-bottom: 5px !important;
margin-left: -5px !important;
margin-right: 5px !important;
}*/

.checkbox-success label, .radio label {
padding-left: 5px;
padding-top: 3px
}

.btnnvm2 {
min-height: 50px;
line-height: 20px;
max-width: 100%;
white-space: normal;
color: #fff;
background: #304c65;
border-color: #304c65;
padding-top: 15px;
padding-bottom: 15px;
font-size: 11px;
}

.btnnvm2:hover {
background: #1ab394;
border-color: #1ab394;
}



.btnnvm:hover {
background: #1ab394;
border-color: #1ab394;
}


.btnnvm > i {
color: #39eac6;
}

.hdr {
padding: 20px;
color: #fff;
border-bottom: solid 1px #cbcbcb;
font-size: 14px;
display: none;
}


.tb2 {
text-align: left;
width: 83%;
margin-right: 5px;
float: right;
border-radius: 5px;
}

hr {
border-top: 1px solid #dcdcdc !important;
}

.ibox-content {
border: solid 1px #ddd;
}

.fa-2x {
font-size: 17px !important
}

.fa-1x {
font-size: 17px !important
}

.ListHR {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}

.ktl {
border: solid 1px #dcdcdc;
padding: 5px;
margin-right: 10px
}

.question-sender-name,
.question-store-name {
width: 100%;
}

.question-message {
height: auto;
border: solid 1px #bdddbd;
width: 100%;
padding: 12px 12px;
border-radius: 8px;
background-color: #f4fdf7 !important;
font-weight: 500;
font-size: 15px;
}

/*Home Page Management*/

.list-prod-img img {
height: 40px;
width: auto;
}

.store-search-input {
width: 100%;
height: 38px;
line-height: 40px;
border: solid 2px #000;
padding: 0 20px 0 20px;

border-radius: 4px;
font-size: 15px;
}

.btn-1s {
margin-left: 4px;
width: 90px;
}

.store-search-btn {
width: 56px;
height: 38px;
border: 0;
background: #000;
color: #fff;
font-size: 15px;
font-weight: bold;
cursor: pointer;
border-radius: 4px;
opacity: 0.8;
line-height: 38px;
}

.btn-2s {
margin-left: 4px;
max-width: 90px !important;
}

.main-category select, .sub-category select, .sub-category-sub select {
border: solid 1px #d9d9d9;
padding: 6px 12px 6px 5px;
overflow-y: auto;
font-family: roboto, sans-serif;
font-size: 13px;
line-height: 14px;
min-width: 180px;
font-weight: 600 !important;
border-radius: 4px;
}
.category-area .selected {
padding: 1px 0px;
text-align: left;
/* margin-top: 2px; */
width: 100%;
float: left;
margin-top: 10px;
}


.category-area .add-homepage-category {
background-color: #ff0000;
height: 32px;
padding: 4px 12px;
border-radius: 5px;
max-width: 140px;
margin-left: 12px;
font-size: 14px !important;
}

.category-area .add-homepage-category a {
font-size: 18px;
color: #fff;
text-decoration: none;
}

.category-area .add-homepage-category i {
font-size: 18px;
color: #fff;
margin-right: 6px;
}


.head-type {
margin: 4px 0px 10px 0px;
font-size: 14px !important;
width: 100%;
line-height: 32px;
background-color: #f1f1f1;
border-radius: 6px;
padding: 0px 12px;
font-weight: 500;
max-width: 270px;
}

.email-input {
height: 40px;
border: solid 1px #7d7d7d !important;
width: 100%;
padding: 0px 12px;
border-radius: 6px;
background-color: #f1f1f1;
font-weight: 600;
}


.captcha-style {
border: none;
background-color: #f1f1f1;
padding: 0px 30px;
}

.captcha-input-l {
height: 44px;
border: solid 1px #ccc;
width: 100%;
padding: 0px 10px;
border-radius: 8px;
font-weight: 600;
}


.t-area {
border: solid 1px #7d7d7d;
width: 100%;
padding: 12px 12px;
border-radius: 8px;
font-weight: 600;
}


.t-area:hover,
.t-area:hover {
border: solid 2px #7d7d7d;
background-color: #f0f0f0;
}

.t-area:focus,
.t-area:focus {
border: solid 2px #0d7533;
background-color: #fff;
}

#counter,
.in-contact #counter {
text-align: right;
font-size: 14px;
font-weight: 600;
display: flex;
}


.vendor-contact-btn {
padding: 0px 30px 0px 30px;
height: 40px;
background-color: #0d7533;
color: #fff;
font-size: 16px;
font-weight: 600;
text-align: center;
border-radius: 5px;
letter-spacing: 0.5px;
cursor: pointer;
border: none;
/* float: right; */
width: 100%;
}

.vendor-contact-btn:hover {
background-color: #ff0000;
color:#fff;
}


.contact-info-title {
font-size: 14px;
font-weight: 600;
}

.contact-comment {
font-size: 13px;
}

.input-general{
height: 40px !important;
width: 100% !important;
padding: 0px 12px !important;
border-radius: 8px !important;

}

.input-login {
height: 40px !important;
width: 100% !important;
padding: 0px 12px !important;
border-radius: 8px !important;
font-weight: 500 !important;
font-size: 14px !important;
}
.input-login-verify {
    height: 40px !important;
    width: 100% !important;
    padding: 0px 12px !important;
    border-radius: 8px !important;
}
.textarea-login {

width: 100%!important;
padding: 12px 12px!important;
border-radius: 8px!important;
font-weight: 500!important;
}

.input-login-verify:hover,
.textarea-login:hover,
.input-general:hover,
.input-login:hover,
.in-login .login .input-login:hover {
    border: solid 2px #7d7d7d !important;
    background-color: #f0f0f0 !important;
}

    .input-login-verify:focus,
    .textarea-login:focus,
    .input-login:focus,
    .input-general:focus,
    .in-login .login .input-login:focus {
        border: solid 3px #0d7533 !important;
        background-color: #fff !important;
    }

.input-login-p {
    height: 40px !important;
    border: solid 2px #b2b0b0 !important;
    width: 100% !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.input-login-p:hover {
border: solid 2px #7d7d7d !important;
background-color: #f0f0f0 !important;
}


.input-login-p:focus {
border: solid 2px #0d7533 !important;
background-color: #fff !important;
}

.textarea-p {
    border: solid 2px #b2b0b0 !important;
    min-height:200px !important;
    width: 100% !important;
    padding: 0px 12px !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding-top:20px !important;
}

    .textarea-p,
    .textarea-login-p {
        border: solid 2px #b2b0b0 !important;
        width: 100% !important;
        padding: 0px 12px !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        font-weight: 500 !important;
        font-size: 14px !important;
    }

    .textarea-p:hover,
.textarea-login-p:hover {
border: solid 2px #7d7d7d !important;
background-color: #f0f0f0 !important;
}

.textarea-p:focus,
.textarea-login-p:focus {
border: solid 2px #0d7533 !important;
background-color: #fff !important;
}


.input-style {
height: 40px !important;
border: solid 2px #ccc !important;
width: 100% !important;
padding: 0px 12px !important;
border-radius: 8px !important;
font-weight: 500 !important;
font-size: 14px !important;
}

.input-style:hover  {
border: solid 2px #7d7d7d !important;
}

.input-style:focus {
border: solid 3px #0d7533 !important;
background-color: #fff !important;
}


.edit-icon {
color:#7d7d7d;
}

.edit-icon:hover {
color: #f5172c;
}


#MessageForm button:disabled {
background: #adadad;
cursor: not-allowed;
}

.loadign-process {
border: none;
margin: 0;
padding: 0;
font-weight: 400;
list-style: none;
margin: 30px 0px 0px 0px;
display: block;
text-align: center;
font-size: 90%;
}

.loadign-process img {
height: 40px;
}

.sms-textarea {
width: 100%;
border: 2px dashed rgb(125, 125, 125);
border-radius: 6px;
padding: 20px;
min-height: 200px;
height: 205px;
background-color: #f1f1f1;
}


.send-sms-btn {
padding: 0px 30px 0px 30px;
height: 40px;
background-color: #ccc;
border:solid 1px #7d7d7d;
color: #fff;
font-size: 15px;
font-weight: 600;
text-align: center;
border-radius: 5px;
letter-spacing: 0.5px;
cursor: pointer;
border: none;
line-height: 40px;
}


.send-sms-btn:hover {
background-color: #0d7533;
color: #fff;
   
}
#productTableList img {
width: 34px;
}

/* Product List image Hover */

.p-image-transition {
transition: transform .2s;
width: 34px;
/*    border: 1px solid #d3d0d0;*/
cursor: pointer;
}


.p-image-transition:hover {
transform: scale(3);
z-index:99;
}


/* Floating Label s */

.form-floating > .form-control, .form-floating > .form-select {
height: 40px !important;
line-height: 40px !important;
font-size: 14px !important;
min-height: 38px !important;
padding-left: 12px !important;
padding-right: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}

.form-floating > label {
position: absolute;
top: 0;
left: 12px;
height: 100%;
padding: 0px 6px !important;
pointer-events: none;
/* border: 1px solid transparent; */
transform-origin: 0 0;
transition: opacity .1s ease-in-out,transform .1s ease-in-out;
/* background-color: #fff !important; */
height: 20px !important;
line-height: 20px !important;
transform: scale(.90) translateY(0.70rem) translateX(0.35rem);
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
opacity: 1 !important;
transform: scale(.96) translateY(-0.8rem) translateX(0.15rem) !important;
background-color: #fff !important;
color: #7d7d7d !important;
font-size: 13px !important;
width: auto;
border-radius: 4px;
}



select.is-valid, .was-validated select:valid,
.form-control.is-valid, .was-validated .form-control:valid {
background-image: none !important;
}

.form-floating > .form-select {
padding-top: 0px !important;
padding-bottom: 0px !important;
}

/* Floating Label e */

.space-section {
height: 14px;
background-color: #f1f1f1;
margin-right: calc(-1.1* var(--bs-gutter-x));
margin-left: calc(-1.1* var(--bs-gutter-x));
}



/*Editable input Product List s */

#productTableList .input-group-append {
width: 100% !important;
clear: both !important;
}

#productTableList .input-group-append button {
height: 34px;
line-height: 34px;
padding: 0px;
width: 34px;
text-align: center;
}


#productTableList .editable + form {
display: none;
/*   margin: -0.45rem -0.8rem;*/
}

#productTableList .editable + form input {
height: 32px;
padding: 0px 10px;
margin-bottom: 6px;
border: solid 2px #000;
border-radius: 0px;
font-weight: 600;
font-size: 14px;
color: #ff0000;
}

#productTableList .editable:after {
content: "\F4CA";
font-family: "bootstrap-icons";
font-size: 0.8rem;
display: inline-block;
margin-left: 0.5rem;
color: #009537;
}

#productTableList .editable:hover:after {
color: #ff0000;
}

#productTableList .editable-link {
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
color: #000;
}

/*Editable input Product List e */

/*Summernote text Editor*/

.note-editing-area {
font-size: 14px !important;
}



/* Cargo tooltip s */

.cargo-tooltip {
display: inline-block;
cursor: pointer;
font-size: 16px;
background-color: #ffc107;
color: #000;
height: 22px;
width: 22px;
border-radius: 4px;
font-weight: 600;
text-align: center;
z-index:9;
position:relative;
}

.cargo-tooltip i {
display: none;
font-style: normal;
font-weight: bold;
font-size: 15px;
padding: 5px 10px 10px 10px;
/* border: solid 1px #000000; */
position: absolute;
background: #ffc107;
margin: -77px 0px 0 -70px;
color: #000;
width: 160px;
height: 60px;
text-align: center;
box-shadow: rgb(0 0 0 / 30%) 0 2px 10px;
border-radius: 8px;
}


.cargo-tooltip:hover i {
display: block;
}

.cargo-tooltip i > p {
color: #f00;
}



.cargo-tooltip i:after {
content: '';
position: absolute;
left: calc(50% - 15px);
top: 58px;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #ffc107 transparent transparent transparent;
}

.cargo-tooltip i:before {
content: '';
position: absolute;
left: calc(50% - 16px);
top: 59px;
border-style: solid;
border-width: 16px 16px 0 16px;
border-color: #ffc107 transparent transparent transparent;
}

.cargo-tooltip i > p {
color: #f00;
}


.tooltip-alert {
float: left;
margin-top: -52px;
margin-left: 190px;
}


/* Cargo tooltip e */

.list-product-p-title {
padding: 4px;
display: flex;
height: 65px;
vertical-align: middle;
}

.list-product-p-title img {
width: 50px;
border: 1px solid #d3d0d0;
margin-right: 10px;
background-image:url(https://media.tabiatana.com//images/icons/products/urun-hazirlaniyor-290x437.svg);
display:block
}




.list-product-p-title .prod-name {
color: #000000;
font-size: 14px;
font-weight: 600;
padding-top: 38px;
}



/*   Embed s*/

select option {
height: 28px !important;
line-height: 28px !important;
padding: 6px 10px !important;
}

/* radio option select end */

.data-line-sub {
font-weight: bold;
margin-top: 20px;
}

.data-line-sub .tl,
.data-line-sub .kurus {
font-weight: 400;
font-size: 14px;
margin: 0px 5px;
vertical-align: bottom;
color: #7d7d7d;
}

.align-r .select {
width: 198px;
height: 30px;
padding: 0 0 0 5px;
border: solid 1px #b2b2b2;
margin: 0px 0px 0px 10px;
font-size: 14px;
font-weight: 600;
border-radius: 0px !important;
}

.input-price {
height: 32px;
padding: 8px;
width: 50px;
border: solid 2px #7d7d7d;
margin: 0px 0px 0px 10px;
font-size: 14px;
}

.input-price-2 {
height: 32px;
padding: 8px;
width: 40px;
border: solid 2px #7d7d7d;
margin: 0px 0px;
font-size: 14px;
}

.input-price-2:hover,
.input-price-2:active,
.input-price:hover,
.input-price:active {
border: solid 2px #0654ba;
}


.align-r,
.align-l {
color: #7d7d7d;
}

label {
cursor: pointer;
}

/* Lazy Load Product datalist s */

.progressive {
display: block;
outline: none;
overflow: hidden;
position: relative
}

.progressive img {
border: 0;
display: block;
height: auto;
max-width: none;
/* width: 100%*/
}

.progressive img.preview {
/*      filter: blur(1vw);*/
/*  transform: scale(1.05)*/
}

.progressive img.reveal {
animation: progressiveReveal 1s linear;
left: 0;
position: absolute;
top: 0
}

@keyframes progressiveReveal {
0% {
opacity: 0;
/*   transform: scale(1.05)*/
}

to {
opacity: 1;
/*   transform: scale(1)*/
}
}

/* Lazy Load Product datalist s */


/* DataTable List s */

.dt-buttons {
float: right;
font-weight: 600;
}

.dt-buttons .btn {
position: relative !important;
display: inline-block !important;
box-sizing: border-box !important;
margin-left: 0.167em !important;
margin-right: 0.167em !important;
margin-bottom: 0.333em !important;
padding: 0px 10px !important;
border-radius: 2px !important;
cursor: pointer !important;
font-size: 12px !important;
white-space: nowrap !important;
background-color: #fff !important;
border: solid 1px #ccc !important;
border-radius: 4px !important;
height: 32px !important;
line-height: 32px !important;
color: #444 !important;
}

.dt-buttons .btn-secondary {
background-color: transparent !important;
}

.dt-button .btn:hover {
background-color: #ccc;
border: solid 1px #ccc;
color: #000;
}

.dataTables_length {
/* width: 320px; */
float: right;
font-size: 14px;
height: 30px;
line-height: 30px;
margin-left: 30px;
}

.dataTables_length label {
display: flex;
}


.dataTables_length .form-select {
height: 32px !important;
border: solid 1px #ccc !important;
width: 70px !important;
padding: 0px 8px !important;
border-radius: 4px !important;
font-weight: 500 !important;
font-size: 14px !important;
background-color: #fff !important;
margin: 0px 8px;
}

.dataTables_length .form-select:hover {
border: solid 2px #7d7d7d !important;
background-color: #fff !important;
}

.dataTables_length .form-select:focus {
border: solid 2px #0d7533 !important;
background-color: #fff !important;
}

.dataTables_paginate {
float: right;
}

.dataTables_filter {
font-size: 14px;
height: 30px;
line-height: 30px;
}

.dataTables_filter label {
display: flex;
}

.dataTables_filter label input {
height: 32px;
border: solid 1px #ccc;
width: 100%;
padding: 0px 12px;
border-radius: 4px;
background-color: #fff !important;
font-weight: 500;
font-size: 14px;
margin-left: 8px;
}

.dataTables_filter label input {
font-weight: 600;
}


.dataTables_filter label input:hover {
border: solid 2px #7d7d7d !important;
}

.dataTables_filter label input:focus {
border: solid 2px #0d7533 !important;
background-color: #fff !important;
}

.dataTables_info {
font-weight: 500;
font-size: 13px;
}

.pagination {
font-size: 13px;
}

.page-item.active .page-link {
background-color: #4CAF50 !important;
border-color: #4CAF50 !important;
}

.table > :not(:first-child) {
border-top: 2px solid #9E9E9E !important;
}

/* DataTable List e */

/* Refun s */

.refun-area {
background-color: #fff;
}

.refun-area .p-t-title {
font-size: 14px;
font-weight: 600;
background-color: #f1f1f1;
/* border-radius: 6px; */
padding: 6px 12px;
color: #00934f;
}

.refun-area h2 {
font-weight: bold;
}

.refun-area hr {
margin: 6px 0px;
color: inherit;
background-color: currentColor;
border: 0;
opacity: .40;
}

.refun-area .price {
font-size: 14px;
font-weight: 700 !important;
}

.refun-area.price del {
font-weight: 100;
font-size: 15px;
}

/*.refun-area .detail-info {
text-align: left;
font-size: 14px;
}*/

.refun-area .hover {
/*    border-top: solid 1px #f1f1f1;*/
/* padding: 4px 0px; */
/* height: 32px; */
}
.refun-area .hover-2 {
/*        padding: 4px 0px;
min-height: 32px;*/
}

.refun-area .border-bottom {
/* border-top: solid 1px #ffffff;*/

}


.refun-area .hover-2:hover,
.refun-area .hover:hover {
background-color: #f1f1f1
}


.refun-area .justify-content-between:hover p {
color:#ff0000;
}

.refun-area .detail-info .title {
font-weight: 600 !important;
font-size: 14px;
margin-right: 10px;
}

.refun-area .detail-info .data {
font-size: 14px;
}

/*    .refun-area p {
margin-top: 0;
margin-bottom: 4px;
font-weight: 500;
}
*/
.refun-area .t-p {
/*     border-bottom: 1px solid #dfdfdf;
margin-bottom: 20px;*/
}

.refun-area .refun-description .t-p .t-p-t {
font-weight: 600;
background-color: #dfdfdf;
width: 140px;
padding: 0px 14px;
height: 34px;
line-height: 34px;
color: #000;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
font-size: 14px;
}

.refun-area .refun-description .t-p-text {
font-size: 14px;
line-height: 14px;
padding: 26px 20px;
border: solid 1px #dfdfdf;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}

.refun-area .product-aprroval-area .customer-action {
display: flex;
justify-content: space-between;
margin-top: 50px;
}

.refun-area .product-aprroval-area .admin-action {
/*    display: flex;
justify-content: space-between;*/
}



.refun-area .status-data-red {
background-color: #ff0000;
color: #fff;
padding: 6px 8px;
font-weight: 600;
}

.refun-area .status-data-red a {
color: #ff0000;
text-decoration: none;
padding: 3px 8px;
font-weight: 600;
background-color: #fff;
border-radius: 5px;
margin-left: 8px;
}

.status-data-red a:hover {
color: #fff;
background-color: #000;
}


/*.refun-area .st-subtitle-sub {
display: flex;
flex-direction: row;
height: 24px;
color: #6c757d;
line-height: 24px;
}*/

.refun-area .st-subtitle-sub::before {
content: "\f0c8";
font-family: FontAwesome;
color: #009537;
font-size: 14px;
margin-right: 8px;
line-height: 24px;
}

/*    .refun-area .st-subtitle-sub:after {
content: "";
flex: 1 1;
border-bottom: 0px solid #dadada;
margin: auto 0px 10px 10px;
}
*/

.refun-area .st-subtitle-message {
display: flex;
flex-direction: row;
height: 24px;
color: #6c757d;
line-height: 24px;
}

.refun-area .st-subtitle-message::before {
content: "\F32C";
font-family: bootstrap-icons;
color: #000;
font-size: 18px;
margin-right: 8px;
line-height: 24px;
}


.refun-area .st-subtitle-sms {
display: flex;
flex-direction: row;
height: 24px;
color: #6c757d;
line-height: 24px;
}

.refun-area .st-subtitle-sms::before {
content: "\F263";
font-family: bootstrap-icons;
color: #000;
font-size: 18px;
margin-right: 8px;
line-height: 24px;
}



.refun-area .c-red {
color: #ff0000 !important;
}

.refun-area #Stop-Sale,
.refun-area #No-Accept {
margin-top: 15px;
background-color: #f1f1f1;
padding: 20px 20px;
}

.refun-area #Stop-Sale,
.refun-area #No-Accept {
display: none;
}

.refun-area #Stop-Sale .title,
.refun-area #No-Accept .title {
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
}

.refun-area .label-t {
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
}

/*.refun-area .refun-document {
border: solid 1px #f1f1f1;
padding: 12px;
display: flex;
}
*/

/*.refun-area .refun-document img {
border: solid 1px #fff;
width: 80px;*/
/* padding: 6px; */
/*margin-right: 20px;
}*/

/*.refun-area .refun-document img:hover {
border: solid 1px #7d7d7d;
}*/

/*.refun-total {
background-color: #ccc;
}
*/
.refun-money-button {
background-color: #ef9c00;
-moz-transition: all 0.3s linear;
width: calc(100% - 290px);
height: 34px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
color: #000;
border: none;
border-radius: 4px;
}

.refun-money-button:hover i,
.refun-money-button:hover {
background-color: #00782b;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
color: #fff
}

.refun-money-button i {
font-size: 18px;
color: #000;
margin-right:10px;
}


/* Refun s */


/* Refun Products List */


.confirmation #confirmationBtn .send-cargo-code-sms-btn {
    z-index: 1;
    display: block;
    font-size: 14px;
    color: #0f469b;
    height: 32px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    background-color: #a9dbff;
    font-weight: 600;
}

    .confirmation #confirmationBtn .send-cargo-code-sms-btn:hover {
        background-color: #0f469b;
        color: #fff;
    }

.confirmation {
width: 100%;
display: flex;
justify-content: start;
margin-left: 0px;
padding-left: 0px;
}
.confirmation #confirmationBtn {
display:flex;
}

.confirmation #confirmationBtn .accepted-btn {
z-index: 1;
display: block;
font-size: 14px;
color: #009537;
width: 90px;
height: 32px;
text-align: center;
line-height: 30px;
cursor: pointer;
background-color: #dcfbe8;
font-weight: 600;
}

.confirmation #confirmationBtn .accepted-btn:hover {
background-color: #009537;
color: #fff;
}

.confirmation #confirmationBtn .not-accepted-btn {
z-index: 1;
display: block;
font-size: 14px;
color: #ff0000;
width: 90px;
height: 32px;
text-align: center;
line-height: 30px;
cursor: pointer;
background-color: #ffe2e2;
font-weight: 600;
border: none;
}

.confirmation #confirmationBtn .not-accepted-btn:hover {
background-color: #ff0000;
color: #fff;
}



.confirmation #confirmationBtn a.new-product-btn {
z-index: 1;
display: block;
font-size: 14px;
color: #2e2d2d;
width: 140px;
height: 32px;
text-align: center;
line-height: 30px;
cursor: pointer;
background-color: #fbe297;
font-weight: 600;
text-decoration: none;
letter-spacing: -0.3px;
}

.confirmation #confirmationBtn a.new-product-btn:hover {
background-color: #ffc107;
color: #000;
}


.confirmation #confirmationBtn .disagreement {
background-color: #ffc107;
color: #000;
}

.confirmation #confirmationBtn .disagreement:hover {
background-color: #ff0000;
color: #fff;
}

.refun-product-list .inner {
background-color: #f1f1f1;
padding: 12px;
}


.refun-product-list .dropdown-toggle-edit {
position: relative;
float: right;
margin-top: 1px;
}

.refun-product-list .dropdown-toggle-edit a {
text-decoration: none;
}

.refun-product-list .dropdown-toggle {
z-index: 1;
display: block;
/* position: relative; */
font-size: 16px;
color: #009537;
width: 120px;
height: 36px;
/* border-radius: 6px; */
/* border: solid 1px #000; */
text-align: center;
line-height: 36px;
cursor: pointer;
background-color: #f1f1f1;
}


.refun-product-list .dropdown-toggle i {
color: #afafaf;
}

.refun-product-list .dropdown-toggle-edit .dropdown-menu {
padding: 0px 0px;
width: 110px;
min-width: 110px;
border: solid 1px #ddd !important;
background-color: #f9f9f9;
}


.refun-product-list .dropdown-toggle-edit .dropdown-menu .edit-menu-item {
font-size: 14px !important;
line-height: 30px;
height: 32px;
text-align: right;
padding: 3px 12px;
cursor: pointer;
display: flex;
}

.refun-product-list .dropdown-toggle-edit .dropdown-menu .edit-menu-item:hover {
background-color: #ddd;
color: #00782b;
}

.refun-product-list .dropdown-toggle::after {
display: none;
}

.refun-product-list .dropdown-toggle:hover {
background-color: #ebebeb;
}


.refun-product-list .dropdown-toggle-edit .dropdown-menu .edit-menu-item a.green {
color: #136d16 !important;
}


.refun-product-list .dropdown-toggle-edit .dropdown-menu .edit-menu-item a.red {
color: #ff0000 !important;
}


.refun-product-list .menu-dropdown .dropdown-toggle:hover {
background-color: #ebebeb;
}


.confirmation #acceptedAlert {
font-size: 14px;
width: 100%;
color: #009537;
}

.confirmation #acceptedAlert i {
font-size: 18px;
color: #009537;
margin-right: 6px;
}



#notAcceptedComment {
width: 100%;
}

#notAcceptedComment .title {
font-size: 14px;
display: flex;
color: #ff0000;
}

#notAcceptedComment .title i {
font-size: 18px;
color: #ff0000;
margin-right: 6px;
}

#notAcceptedComment #description {
font-size: 13px;
width: 100%;
     
}

#notAcceptedComment #description textarea {
width: 100%;
background-color: #fff;
border: none;
resize: none;
}



/* Refun Message s */

.border-dashed {
border: dashed 1px #ddd;
}

.message-text {
width: auto;
/*  display: inline-block;*/
}

.message-text .refun-msg-body {
font-size: 14px;
margin-bottom: 14px;
text-align: left;
background-color: #f1f1f1;
width: 80%;
border-radius: 6px;
position: relative;
display: flex;
flex-direction: column;
padding: 8px 10px;
font-weight: 400;
border-top-left-radius: 0px;
}


.message-text .refun-msg-body:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 17px solid #f1f1f1;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
top: 0px;
left: -10px
}


.message-text .refun-msg-body:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 15px solid #f1f1f1;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
top: 0;
left: -15px;
}




.message-text-r .refun-msg-body:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 17px solid #e1fbdd;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
top: 0px;
right: -10px
}

.message-text-r .refun-msg-body:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 15px solid #e1fbdd;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
top: 0;
right: -15px;
}



.message-text-r {
width: 100%;
display: inline-block;
}

.message-text-r .refun-msg-body {
font-size: 14px;
margin-bottom: 20px;
text-align: left;
/* width: 100%; */
float: right;
background-color: #e1fbdd;
width: 80%;
border-radius: 6px;
position: relative;
display: flex;
flex-direction: column;
padding: 8px 12px;
}



.msg-time-r {
text-align: right;
font-size: 11px;
color: #009936;
display: block;
}

.msg-time-l {
text-align: right;
font-size: 11px;
color: #bd670c;
display: block;
}

.refun-message-button-section {
border: dashed 1px #ddd;
padding: 12px 20px 12px 20px;
/*   display: flex;
justify-content: flex-start;*/
}



.refun-message-send-block .txt-area {
height: 100px;
padding: 15px 15px;
border: solid 1px #ccc;
border-radius: 8px;
width: 100%;
background-color: #ffffff;
font-size: 13px;
color: #000;
}


.refun-message-send-block .msg-count {
font-size:13px;
}

.refun-message-send-block .msg-count .count-style {
font-weight: 600;
color: #ff0000;
}

/* Refun Message e */

/*Refun Sms s */

.refun-send-sms-section {
border: dashed 1px #ddd;
padding: 30px 20px;
}


.refun-sms-send-block {
background-color: #e1e1e1;
padding: 15px 30px 15px 30px;
width: 100%;
}

.form-style-1 {
    height: 36px;
    border: solid 2px #000000;
    padding: 0px 12px;
    font-weight: 500;
    font-size: 14px;
    color: #dc3545;
    line-height: 30px;
}

.form-style-1:hover {
border: solid 2px #7d7d7d;
background-color: #f0f0f0;
}

.form-style-1:focus {
border: solid 2px #0d7533;
background-color: #fff;
}

.code-cargo {
width:180px
}

.show-icon {
    position: absolute;
    /*   top: 0px;
            right: 0px; */
    font-size: 20px;
    background-color: #ff0000;
    color: #fff;
    padding: 5px;
    opacity: 0;
}

.pop:hover .show-icon {
    opacity: 1;
    cursor: pointer;
}

.refun-document .pop {
    border: solid 1px #ddd;
    cursor: pointer;
}

.refun-document .pop:hover img {
    border: solid 1px #ff0000;
    cursor: pointer;
}
/*.refun-document:hover svg {
    border: solid 1px #fff;
    cursor: pointer;
}*/

/*Refun Sms e */

/* Finance */
.st-subtitle-sub-f {
display: flex;
flex-direction: row;
height: 24px;
color: #009537;
/* line-height: 24px; */
}

.st-subtitle-sub-f::before {
content: "\f0c8";
font-family: FontAwesome;
color: #009537;
font-size: 14px;
margin-right: 8px;
line-height: 24px;
}

.st-subtitle-sub-f:after {
content: "";
flex: 1 1;
border-bottom: 10px solid #dadada;
margin: 6px 0px 10px 10px;
}


#SelectTotal .period-total,
#SelectCount .period-count {
background-color: #f1f1f1;
padding: 2px 10px !important;
border: solid 1px #188653;
margin-right: 8px;
border-radius: 4px;
font-size: 13px;
}

#SelectTotal .period-total.active2,
#SelectCount .period-count.active {
background-color: #188653;
color: #ffffff;
}




#SelectTotal .period-total:hover,
#SelectCount .period-count:hover {
background-color: #188653;
color: #ffffff;
opacity: 1;
}



#ProductPerformanceView canvas {
width: 100%;
max-width: 750px;
}


#ProductPerformanceOrder canvas {
width: 100%;
max-width: 750px;
}



#ViewCount .period-view,
#OrderCount .period-order {
background-color: #f1f1f1;
padding: 2px 10px !important;
border: solid 1px #188653;
margin-right: 8px;
border-radius: 4px;
font-size: 13px;
}

#ViewCount .period-view.active,
#OrderCount .period-order.active2 {
background-color: #188653;
color: #ffffff;
}




#ViewCount .period-view:hover,
#OrderCount .period-order:hover {
background-color: #188653;
color: #ffffff;
opacity: 1;
}



.admin-invoice-title {
color: #ffffff;
font-size: 14px;
margin-bottom: 20px;
background-color: #000000;
padding: 0px 20px;
height: 28px;
line-height: 28px;
/* max-width: 260px; */
/* border-bottom-left-radius: 6px; */
/* border-bottom-right-radius: 6px; */
font-weight: 600;
}

/* Menü */

#desktop-menu-photo {
height: 200px;
display: block;
width: 200px;
background-image: url(https://media.tabiatana.com/images/menu/default.jpg);
}

.uploader-menu {
width: 240px;
background-color: #f1f1f1;
padding: 10px 20px 20px 20px;
}


/*Create Cargo*/

.box-sample-size {
max-width: 180px;
}

.bg-icon-v1 {
background-color: #f1f1f1;
padding: 4px;
}


.firm-list-group .firm-list-item {
/* background: #f1f1f1;*/
border: solid 1px #f1f1f1;
}

.firm-list-group .firm-list-item:hover {
background: #e9fff1;
}

.firm-list-group .firm-list-item a {
padding: 0.5em 0em;
margin-left: 2em;
color: white;
}

.firm-list-group .firm-list-item a:hover {
text-decoration: none;
}

.firm-list-item .firm-logo {
max-width: 90px;
margin-left: 60px;
}

.firm-list-item .firm-comment {
height: 38px;
line-height: 38px;
font-size: 14px;
}

.firm-list-item .cargo-price {
text-align: right;
flex-flow: column;
display: inline-flex;
}

.firm-list-item .cargo-price .without-tax {
font-size: 15px;
font-weight: 600;
color: #000;
}

.firm-list-item .cargo-price .without-tax small {
font-weight: 500;
font-size: 12px;
color: #464646;
}

.firm-list-item .cargo-price .with-tax {
font-size: 12px;
font-weight: 600;
color: #7d7d7d;
}


/*Radio Button*/

.select-cargo-radio {
height: 60px;
padding: 14px 12px 6px 12px;
border: solid 1px #fff;
border-radius: 5px;
}

input[type="radio"]:checked + .select-cargo-radio,
input[type="radio"]:checked + .select-cargo-radio::before {
color: #0d7533;
border-color: #0d7533;
background-color: #e9fff1;
}

.select-cargo-radio::before {
content: "";
width: 32px;
height: 32px;
border: 2px solid #ddd;
border-radius: 5px;
position: absolute;
}

.select-cargo-radio::after {
content: "";
width: 10px;
height: 20px;
border: 5px solid #0d7533;
position: absolute;
top: 29px;
left: 24px;
transform: translateY(-50%) rotate(45deg);
border-left: none;
border-top: none;
visibility: hidden;
}

input[type="radio"]:checked + .select-cargo-radio::after {
visibility: visible;
}

.red-border {
border: solid 1px #ff0000;
}

.no-before-icon::before {
display: none !important;
}


.cargo-process {
font-size: 16px;
color: #fff;
width: 30px;
height: 30px;
border-radius: 5px;
line-height: 30px;
float: left;
margin-right: 6px;
background: #009936;
text-align: center;
font-weight: 600;
}

.cargo-process-icon {
font-size: 18px;
color: #009936;
width: 30px;
height: 30px;
border-radius: 5px;
line-height: 30px;
float: left;
margin-right: 6px;
background-color: #f1f1f1;
text-align: center;
font-weight: 600;
}

.cargo-process-text {
font-size: 14px;
font-weight: 600;
color: #0d7533;
line-height: 30px;
letter-spacing: 0.4px;
border-radius: 5px;
height: 30px;
max-width: 450px;
/* border-bottom: dashed 1px #ddd; */
display: inline-block;
background-color: #f1f1f1;
padding: 0px 15px;
margin-bottom: 10px;
border-bottom: solid 1px #f1f1f1;
width: 100%;
}

/* Cargo Offer Scrolller */

.offer-list-sroll {
position: relative;
max-height: 260px;
overflow-x: auto;
padding-right: 6px;
}
.offer-list-sroll::-webkit-scrollbar {
width: 12px;
height: 9px;
padding-top: 40px;
right: 30px;
overflow: hidden;
}

.offer-list-sroll::-webkit-scrollbar-track-piece {
height: 30px;
width: 30px;
}

.offer-list-sroll::-webkit-scrollbar:hover {
min-width: 9px;
width: 12px;
max-width: 12px;
min-height: 9px;
height: auto;
max-height: 9px;
background: #f0f0f0;
cursor: pointer;
overflow-y: scroll;
}

.offer-list-sroll::-webkit-scrollbar-thumb {
background: #ddd;
border: none;
border-radius: 10px;
border: solid 2px #fff;
box-shadow: inset 0px 0px 3px #999;
cursor: pointer;
}



.cat_store_1::-webkit-scrollbar-thumb:hover {
background: #7d7d7d;
border: solid 1px #fff;
cursor: pointer;
}


.max-area-1280p {
max-width: 1280px;
margin: 0 auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1320px;
}


.password-btn-hover:hover {
background-color: #dc3545!important;
color: #fff !important;
}


/* Store May Account Tab menu */


#my-account .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important;
    height: 30px !important;
}

#my-account .nav-tabs .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important;
    height: 30px !important;
}

    #my-account .nav-tabs .nav-link.active,
    #my-account .nav-tabs .show > .nav-link {
        color: #0e95d5 !important;
        border-bottom: 3px solid #0e95d5 !important;
        border-radius: 0px !important;
        border-top: 0px !important;
        border-left: 0px !important;
    }

#my-account .sort-product.active,
#my-account .nav-link.active {
    color: #000 !important;
    /*    border-bottom: 3px solid #9704a9 !important;
border-radius: 0px !important*/
}

    #my-account .nav-link.active::after {
        position: relative;
        height: 0;
        width: 0;
        transform: rotate(180deg);
        border: 12px solid transparent;
        border-bottom-color: #0e95d5;
        content: "";
        margin-top: -8px;
        margin-left: 40%;
        display: block;
    }

#my-account .nav-link:hover {
    background-color: #0e95d5 !important;
    /*    border-bottom: 3px solid #fff !important;
border-radius: 0px !important;*/
    color: #fff !important;
}

#my-account .nav-tabs .nav-link.active:hover,
#my-account .nav-link:hover small,
#my-account .nav-link:hover p,
#my-account .nav-link:hover span {
    color: #fff !important;
}


/* Store Manage Tab menu */

#manage-store .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important;
height: 30px !important;
}

#manage-store .nav-tabs .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important;
height: 30px !important;
}

#manage-store .nav-tabs .nav-link.active, 
#manage-store .nav-tabs .show > .nav-link {
color: #9704a9 !important;
border-bottom: 3px solid #9704a9 !important;
border-radius: 0px !important;
border-top: 0px!important;
border-left: 0px!important;
}

#manage-store .sort-product.active,
#manage-store .nav-link.active {
color: #000 !important;
/*    border-bottom: 3px solid #9704a9 !important;
border-radius: 0px !important*/
}

#manage-store .nav-link.active::after {
position: relative;
height: 0;
width: 0;
transform: rotate(180deg);
border: 12px solid transparent;
border-bottom-color: #9704a9;
content: "";
margin-top: -8px;
margin-left: 40%;
display: block;
}

#manage-store .nav-link:hover {
background-color: #9704a9 !important;
/*    border-bottom: 3px solid #fff !important;
border-radius: 0px !important;*/
color: #fff !important;
}

#manage-store .nav-tabs .nav-link.active:hover,
#manage-store .nav-link:hover small,
#manage-store .nav-link:hover p,
#manage-store .nav-link:hover span {
color: #fff !important;
}



/* Brand Edit Tab menu */

#brand-edit .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important;
height: 30px !important;
}

#brand-edit .nav-tabs .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important;
height: 30px !important;
}

#brand-edit .nav-tabs .nav-link.active,
#brand-edit .nav-tabs .show > .nav-link {
color: #0e95d5 !important;
border-bottom: 3px solid #0e95d5 !important;
border-radius: 0px !important;
border: solid 1px #fff !important;
}


#brand-edit .nav-link.active {
color: #000 !important;
border-bottom: 3px solid #0e95d5 !important;
border-radius: 0px !important
}

#brand-edit .nav-link.active::after {
position: relative;
height: 0;
width: 0;
transform: rotate(180deg);
border: 12px solid transparent;
border-bottom-color: #0e95d5;
content: "";
margin-top: -8px;
margin-left: 42%;
display: block;
}

#brand-edit .nav-link:hover {
background-color: #0e95d5 !important;
border-bottom: 3px solid #fff !important;
border-radius: 0px !important;
color: #fff !important;
}

#brand-edit .nav-tabs .nav-link.active:hover,
#brand-edit .nav-link:hover small,
#brand-edit .nav-link:hover p,
#brand-edit .nav-link:hover span {
color: #fff !important;
}

.empty-data-danger {
border: 1px solid red !important;
}

.empty-data-danger i {
color: red !important;
}


.emptyKep,
.emptyMersis,
.emptyIban {
width: calc(100% - 45px) !important
}


.emptyKep:hover,
.emptyKep:focus,
.emptyMersis:hover,
.emptyMersis:focus
.emptyIban:hover,
.emptyIban:focus {
outline: none!important;
}

/* Support Tab menu */

#support .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important;
height: 30px !important;
}

#support .nav-tabs .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important;
height: 30px !important;
}

#support .nav-tabs .nav-link.active,
#support .nav-tabs .show > .nav-link {
color: #85460e !important;
border-bottom: 3px solid #85460e !important;
border-radius: 0px !important
}


#support .nav-link.active {
color: #000 !important;
border-bottom: 3px solid #85460e !important;
border-radius: 0px !important
}

#support .nav-link.active::after {
position: relative;
height: 0;
width: 0;
transform: rotate(180deg);
border: 12px solid transparent;
border-bottom-color: #85460e;
content: "";
margin-top: -8px;
margin-left: 40%;
display: block;
}

#support .nav-link:hover {
background-color: #85460e !important;
border-bottom: 3px solid #fff !important;
border-radius: 0px !important;
color: #fff !important;
}

#support .nav-link:hover small,
#support .nav-link:hover p,
#support .nav-link:hover,
#support .nav-link:hover tt,
#support .nav-link:hover span {
color: #fff !important;
}


.msg-body-title-l {
margin-top: -19px;
display: table;
background-color: #ffedb6;
width: auto;
text-align: center;
color: #000000 !important;
border-radius: 8px;
padding: 2px 10px;
border: solid 3px #ffffff;
}


.msg-body-title-r {
margin-top: -19px;
display: table;
background-color: #c9f5da;
width: auto;
text-align: center;
color: #000000 !important;
border-radius: 8px;
padding: 2px 10px;
float: right;
border: solid 3px #ffffff;
}


#questions-listing .nav-tabs .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important
}

    #questions-listing .nav-tabs .nav-link.active, 
    #questions-listing .nav-tabs .show > .nav-link {
        color: #0d6efd !important;
        border-bottom: 3px solid #0d6efd !important;
        border-radius: 0px !important;
        border-top: 0px;
        border-left: 0px;
    }

#questions-listing .form-check-input {
width: 24px !important;
height: 24px !important;
border: solid 3px #f1f1f1 !important;
}

#questions-listing .form-check-input:checked {
background-color: #0d6efd !important;
border-color: #0d6efd !important;
width: 18px !important;
height: 18px !important;
border-radius: 3px !important;
margin-top: 6px !important;
}

#questions-listing input[type="radio"]:checked + .select-message-radio,
#questions-listing input[type="radio"]:checked + .select-message-radio::before {
color: #000;
background-color: #cfe3ff;
}

.red-border {
border: solid 1px #ff0000;
}

.no-before-icon::before {
display: none !important;
}

#questions-listing .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important
}

#questions-listing .sort-message.active,
#questions-listing .nav-link.active {
color: #0d6efd !important;
border-bottom: 3px solid #0d6efd !important;
border-radius: 0px !important
}

#questions-listing .nav-link.active::after {
position: absolute;
height: 0;
width: 0;
transform: rotate(180deg);
border: 12px solid transparent;
border-bottom-color: #0d6efd;
content: "";
margin-top: 6px;
margin-left: -12px;
}


#questions-listing .nav-link:hover {
background-color: #0d6efd !important;
border-bottom: 3px solid #fff !important;
border-radius: 0px !important;
color: #fff !important;
}

#questions-listing .nav-tabs .nav-link.active:hover,
#questions-listing .nav-link:hover p,
#questions-listing .nav-link:hover span {
color: #fff !important;
}



.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text {
margin-right: 6px;
font-size: 13px !important;
}


#email-listing .nav-tabs .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important
}

#email-listing .nav-tabs .nav-link.active,
#email-listing .nav-tabs .show > .nav-link {
color: #198754 !important;
border-bottom: 3px solid #198754 !important;
border-radius: 0px !important
}


#email-listing .form-check-input {
width: 24px !important;
height: 24px !important;
border: solid 3px #f1f1f1 !important;
}

#email-listing .form-check-input:checked {
background-color: #198754 !important;
border-color: #198754 !important;
width: 18px !important;
height: 18px !important;
border-radius: 3px !important;
}

#email-listing input[type="radio"]:checked + .select-message-radio,
#email-listing input[type="radio"]:checked + .select-message-radio::before {
color: #000;
background-color: #cfe3ff;
}




#email-listing .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important
}

#email-listing .sort-message.active,
#email-listing .nav-link.active {
color: #198754 !important;
border-bottom: 3px solid #198754 !important;
border-radius: 0px !important
}

#email-listing .nav-link.active::after {
position: absolute;
height: 0;
width: 0;
transform: rotate(180deg);
border: 12px solid transparent;
border-bottom-color: #198754;
content: "";
margin-top: 6px;
margin-left: -12px;
}


#email-listing .nav-link:hover {
background-color: #198754 !important;
border-bottom: 3px solid #fff !important;
border-radius: 0px !important;
color: #fff !important;
}

#email-listing .nav-link:hover p,
#email-listing .nav-link:hover span {
color: #fff !important;
}




#support-listing .nav-tabs .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important
}

#support-listing .nav-tabs .nav-link.active,
#support-listing .nav-tabs .show > .nav-link {
color: #198754 !important;
border-bottom: 3px solid #198754 !important;
border-radius: 0px !important
}


#support-listing .form-check-input {
width: 24px !important;
height: 24px !important;
border: solid 3px #f1f1f1 !important;
}

#support-listing .form-check-input:checked {
background-color: #198754 !important;
border-color: #198754 !important;
width: 18px !important;
height: 18px !important;
border-radius: 3px !important;
}

#support-listing input[type="radio"]:checked + .select-message-radio,
#support-listing input[type="radio"]:checked + .select-message-radio::before {
color: #000;
background-color: #cfe3ff;
}


#support-listing .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important
}

#support-listing .sort-message.active,
#support-listing .nav-link.active {
color: #198754 !important;
border-bottom: 3px solid #198754 !important;
border-radius: 0px !important
}

#support-listing .nav-link.active::after {
    position: absolute;
    height: 0;
    width: 0;
    transform: rotate(180deg);
    border: 12px solid transparent;
    border-bottom-color: #198754;
    content: "";
    margin-top: 6px;
    margin-left: -12px;
}


#support-listing .nav-link:hover {
background-color: #198754 !important;
border-bottom: 3px solid #fff !important;
border-radius: 0px !important;
color: #fff !important;
}

#support-listing .nav-tabs .nav-link.active:hover,
#support-listing .nav-link:hover p,
#support-listing .nav-link:hover span {
    color: #fff !important;
}


#order-listing .nav-tabs .nav-link.active,
#order-listing .nav-tabs .show > .nav-link {
color: #e9172b !important;
border-bottom: 3px solid #e9172b !important;
border-radius: 0px !important;
 
}


#order-listing .form-check-input {
width: 24px !important;
height: 24px !important;
border: solid 3px #f1f1f1 !important;
}

#order-listing .form-check-input:checked {
background-color: #e9172b !important;
border-color: #e9172b !important;
width: 18px !important;
height: 18px !important;
border-radius: 3px !important;
}

#order-listing input[type="radio"]:checked + .select-message-radio,
#order-listing input[type="radio"]:checked + .select-message-radio::before {
color: #000;
background-color: #cfe3ff;
}


#order-listing .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important
}

#order-listing .sort-message.active,
#order-listing .nav-link.active {
color: #e9172b !important;
border-bottom: 3px solid #e9172b !important;
border-radius: 0px !important;
border-top: 0px !important;
border-right: 0px !important;
border-left: 0px !important;
}

#order-listing .nav-link.active::after {
position: absolute;
height: 0;
width: 0;
transform: rotate(180deg);
border: 12px solid transparent;
border-bottom-color: #e9172b;
content: "";
margin-top: 6px;
margin-left: -12px;
}


#order-listing .nav-link:hover {
background-color: #e9172b !important;
border-bottom: 3px solid #fff !important;
border-radius: 0px !important;
color: #fff !important;
}

#order-listing .nav-tabs .nav-link.active:hover,
#order-listing .nav-item:hover p,
#order-listing .nav-item:hover span {
color: #fff !important;
}

/*Products Tabs*/

#product-listing .nav-tabs .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important;
text-align: center;
}

#product-listing .nav-tabs .nav-link.active,
#product-listing .nav-tabs .show > .nav-link {
color: #198754 !important;
border-bottom: 3px solid #198754 !important;
border-radius: 0px !important;
border-radius: 0px !important;
border-top: 0px !important;
border-left: 0px !important;
}


#product-listing .form-check-input {
width: 24px !important;
height: 24px !important;
border: solid 3px #f1f1f1 !important;
}

#product-listing .form-check-input:checked {
background-color: #198754 !important;
border-color: #198754 !important;
width: 24px !important;
height: 24px !important;
border-radius: 3px !important;
}

#product-listing input[type="radio"]:checked + .select-product-radio,
#product-listing input[type="radio"]:checked + .select-product-radio::before {
color: #000;
background-color: #e9fff1;
}


#product-listing .nav-link {
border-bottom: 3px solid #fff;
border-radius: 0px !important
}

#product-listing .sort-product.active,
#product-listing .nav-link.active {
color: #198754 !important;
border-bottom: 3px solid #198754 !important;
border-radius: 0px !important
}

#product-listing .nav-link.active::after {
position: absolute;
height: 0;
width: 0;
transform: rotate(180deg);
border: 12px solid transparent;
border-bottom-color: #198754;
content: "";
margin-top: 6px;
margin-left: -12px;
}


#product-listing .nav-link:hover {
background-color: #198754 !important;
border-bottom: 3px solid #fff !important;
border-radius: 0px !important;
color: #fff !important;
}

#product-listing .nav-tabs .nav-link.active:hover,
#product-listing .nav-link:hover small,
#product-listing .nav-link:hover p,
#product-listing .nav-link:hover span {
color: #fff !important;
}


#complaint-listing .nav-tabs .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important
}

    #complaint-listing .nav-tabs .nav-link.active,
    #complaint-listing .nav-tabs .show > .nav-link {
        color: #dc3545 !important;
        border-bottom: 3px solid #dc3545 !important;
        border-radius: 0px !important
    }


#complaint-listing .form-check-input {
    width: 24px !important;
    height: 24px !important;
    border: solid 3px #f1f1f1 !important;
}

    #complaint-listing .form-check-input:checked {
        background-color: #dc3545 !important;
        border-color: #dc3545 !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 3px !important;
    }

#complaint-listing input[type="radio"]:checked + .select-message-radio,
#complaint-listing input[type="radio"]:checked + .select-message-radio::before {
    color: #000;
    background-color: #cfe3ff;
}


#complaint-listing .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important
}

    #complaint-listing .sort-message.active,
    #complaint-listing .nav-link.active {
        color: #dc3545 !important;
        border-bottom: 3px solid #dc3545 !important;
        border-radius: 0px !important
    }

        #complaint-listing .nav-link.active::after {
            position: absolute;
            height: 0;
            width: 0;
            transform: rotate(180deg);
            border: 12px solid transparent;
            border-bottom-color: #dc3545;
            content: "";
            margin-top: 6px;
            margin-left: -12px;
        }


    #complaint-listing .nav-link:hover {
        background-color: #dc3545 !important;
        border-bottom: 3px solid #fff !important;
        border-radius: 0px !important;
        color: #fff !important;
    }

    #complaint-listing .nav-link:hover p,
    #complaint-listing .nav-link:hover span {
        color: #fff !important;
    }



#ParameterListTab .nav-tabs .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important
}

    #ParameterListTab .nav-tabs .nav-link.active,
    #ParameterListTab .nav-tabs .show > .nav-link {
        color: #00822d !important;
        border-bottom: 3px solid #00822d !important;
        border-radius: 0px !important
    }


#ParameterListTab .form-check-input {
    width: 24px !important;
    height: 24px !important;
    border: solid 3px #f1f1f1 !important;
}

    #ParameterListTab .form-check-input:checked {
        background-color: #00822d !important;
        border-color: #00822d !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 3px !important;
    }

#ParameterListTab input[type="radio"]:checked + .select-message-radio,
#ParameterListTab input[type="radio"]:checked + .select-message-radio::before {
    color: #000;
    background-color: #cfe3ff;
}


#ParameterListTab .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important
}

    #ParameterListTab .sort-message.active,
    #ParameterListTab .nav-link.active {
        color: #00822d !important;
        border-bottom: 3px solid #00822d !important;
        border-radius: 0px !important
    }

        #ParameterListTab .nav-link.active::after {
            position: absolute;
            height: 0;
            width: 0;
            transform: rotate(180deg);
            border: 12px solid transparent;
            border-bottom-color: #00822d;
            content: "";
            margin-top: 6px;
            margin-left: 30px;
        }


    #ParameterListTab .nav-link:hover {
        background-color: #00822d !important;
        border-bottom: 3px solid #fff !important;
        border-radius: 0px !important;
        color: #fff !important;
    }

        #ParameterListTab .nav-link:hover p,
        #ParameterListTab .nav-link:hover span {
            color: #fff !important;
        }


#ParameterListTab .nav-tabs .nav-link {
    border: none !important
}

    #ParameterListTab .nav-tabs .nav-link.active {
        border-color: #fff !important;
    }

#ParameterListTab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: #fff !important
}



.btn-product {
    background-color: #00822d !important;
    /* border-bottom: 3px solid #fff !important; */
    border-radius: 0px !important;
    color: #fff !important;
    margin-right: 6px;
    font-size: 14px !important
}

#list-drop .dropdown-menu:after {
    border-width: 0px !important;
    border-style: none !important;
    border-color: transparent !important;
}

/* Reviews */

#reviews-listing .nav-tabs .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important
}

    #reviews-listing .nav-tabs .nav-link.active,
    #reviews-listing .nav-tabs .show > .nav-link {
        color: #fd2dee !important;
        border-bottom: 3px solid #fd2dee !important;
        border-radius: 0px !important
    }


#reviews-listing .form-check-input {
    width: 24px !important;
    height: 24px !important;
    border: solid 3px #f1f1f1 !important;
}

    #reviews-listing .form-check-input:checked {
        background-color: #fd2dee !important;
        border-color: #fd2dee !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 3px !important;
        margin-top: 6px !important;
    }

#reviews-listing input[type="radio"]:checked + .select-message-radio,
#reviews-listing input[type="radio"]:checked + .select-message-radio::before {
    color: #000;
    background-color: #cfe3ff;
}


#reviews-listing .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important
}


    #reviews-listing .nav-link.active {
        color: #fd2dee !important;
        border-bottom: 3px solid #fd2dee !important;
        border-radius: 0px !important;
        border-left: 0px;
        border-top: 0px;
    }
        #reviews-listing .nav-link.active::after {
            position: absolute;
            height: 0;
            width: 0;
            transform: rotate(180deg);
            border: 12px solid transparent;
            border-bottom-color: #fd2dee;
            content: "";
            margin-top: 6px;
            margin-left: -12px;
        }


    #reviews-listing .nav-link:hover {
        background-color: #fd2dee !important;
        border-bottom: 3px solid #fff !important;
        border-radius: 0px !important;
        color: #fff !important;
    }

        #reviews-listing .nav-tabs .nav-link.active:hover,
        #reviews-listing .nav-link:hover p,
        #reviews-listing .nav-link:hover span {
            color: #fff !important;
        }




/* Refund */
.btn-refund-money {
    background-color: #f1e70d !important;
    /* border-bottom: 3px solid #fff !important; */
    border-radius: 0px !important;
    color: #000 !important;
    margin-right: 6px;
    font-size: 14px !important
}




.btn-refund {
    background-color: #ffc107 !important;
    /* border-bottom: 3px solid #fff !important; */
    border-radius: 0px !important;
    color: #000 !important;
    margin-right: 6px;
    font-size: 14px !important
}


#refund-listing .nav-tabs .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important
}

    #refund-listing .nav-tabs .nav-link.active,
    #refund-listing .nav-tabs .show > .nav-link {
        color: #000 !important;
        border-bottom: 3px solid #ffc107 !important;
        border-radius: 0px !important
    }


#refund-listing .form-check-input {
    width: 24px !important;
    height: 24px !important;
    border: solid 3px #f1f1f1 !important;
}

    #refund-listing .form-check-input:checked {
        background-color: #ffc107 !important;
        border-color: #ffc107 !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 3px !important;
        margin-top: 6px !important;
    }

#refund-listing input[type="radio"]:checked + .select-message-radio,
#refund-listing input[type="radio"]:checked + .select-message-radio::before {
    color: #000;
    background-color: #cfe3ff;
}


#refund-listing .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important
}


    #refund-listing .nav-link.active {
        color: #ffc107 !important;
        border-bottom: 3px solid #ffc107 !important;
        border-radius: 0px !important;
        border-left: 0px;
        border-top: 0px;
    }

        #refund-listing .nav-link.active::after {
            position: absolute;
            height: 0;
            width: 0;
            transform: rotate(180deg);
            border: 12px solid transparent;
            border-bottom-color: #ffc107;
            content: "";
            margin-top: 6px;
            margin-left: -12px;
        }


    #refund-listing .nav-link:hover {
        background-color: #ffc107 !important;
        border-bottom: 3px solid #fff !important;
        border-radius: 0px !important;
        color: #000 !important;
    }

        #refund-listing .nav-tabs .nav-link.active:hover,
        #refund-listing .nav-link:hover p,
        #refund-listing .nav-link:hover span {
            color: #000 !important;
        }



/* Payments Store */

#payments-store-listing .nav-tabs .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important
}

    #payments-store-listing .nav-tabs .nav-link.active,
    #payments-store-listing .nav-tabs .show > .nav-link {
        color: #834000 !important;
        border-bottom: 3px solid #834000 !important;
        border-radius: 0px !important
    }


#payments-store-listing .form-check-input {
    width: 24px !important;
    height: 24px !important;
    border: solid 3px #f1f1f1 !important;
}

    #payments-store-listing .form-check-input:checked {
        background-color: #834000 !important;
        border-color: #834000 !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 3px !important;
        margin-top: 6px !important;
    }

#payments-store-listing input[type="radio"]:checked + .select-message-radio,
#payments-store-listing input[type="radio"]:checked + .select-message-radio::before {
    color: #000;
    background-color: #cfe3ff;
}


#payments-store-listing .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important
}


    #payments-store-listing .nav-link.active {
        color: #834000 !important;
        border-bottom: 3px solid #834000 !important;
        border-radius: 0px !important;
        border-left: 0px;
        border-top: 0px;
    }

        #payments-store-listing .nav-link.active::after {
            position: absolute;
            height: 0;
            width: 0;
            transform: rotate(180deg);
            border: 12px solid transparent;
            border-bottom-color: #834000;
            content: "";
            margin-top: 6px;
            margin-left: -12px;
        }


    #payments-store-listing .nav-link:hover {
        background-color: #834000 !important;
        border-bottom: 3px solid #fff !important;
        border-radius: 0px !important;
        color: #fff !important;
    }

        #payments-store-listing .nav-tabs .nav-link.active:hover,
        #payments-store-listing .nav-link:hover p,
        #payments-store-listing .nav-link:hover span {
            color: #fff !important;
        }


.btn-paid-store {
    background-color: #0d7533 !important;
    border-radius: 4px !important;
    color: #fff !important;
    margin-right: 6px;
    font-size: 14px !important;
    padding: 2px 12px;
    /* border-radius: 4px; */
}

.btn-payment-store {
    background-color: #834000 !important;
    border-radius: 4px !important;
    color: #fff !important;
    margin-right: 6px;
    font-size: 14px !important;
    padding: 2px 12px;
    /* border-radius: 4px; */
}



#cancel-order-listing .nav-tabs .nav-link.active,
#cancel-order-listing .nav-tabs .show > .nav-link {
    color: #0e6a1f !important;
    border-bottom: 3px solid #7cc623 !important;
    border-radius: 0px !important;
}


#cancel-order-listing .form-check-input {
    width: 24px !important;
    height: 24px !important;
    border: solid 3px #f1f1f1 !important;
}

    #cancel-order-listing .form-check-input:checked {
        background-color: #7cc623 !important;
        border-color: #7cc623 !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 3px !important;
    }

#cancel-order-listing input[type="radio"]:checked + .select-message-radio,
#cancel-order-listing input[type="radio"]:checked + .select-message-radio::before {
    color: #000;
    background-color: #cfe3ff;
}


#cancel-order-listing .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important
}

    #cancel-order-listing .sort-message.active,
    #cancel-order-listing .nav-link.active {
        color: #0e6a1f !important;
        border-bottom: 3px solid #7cc623 !important;
        border-radius: 0px !important;
        border-top: 0px !important;
        border-right: 0px !important;
        border-left: 0px !important;
    }

        #cancel-order-listing .nav-link.active::after {
            position: absolute;
            height: 0;
            width: 0;
            transform: rotate(180deg);
            border: 12px solid transparent;
            border-bottom-color: #7cc623;
            content: "";
            margin-top: 6px;
            margin-left: -12px;
        }


    #cancel-order-listing .nav-link:hover {
        background-color: #7cc623 !important;
        border-bottom: 3px solid #fff !important;
        border-radius: 0px !important;
        color: #fff !important;
    }

#cancel-order-listing .nav-tabs .nav-link.active:hover,
#cancel-order-listing .nav-item:hover p,
#cancel-order-listing .nav-item:hover span {
    color: #fff !important;
}


/*Invoice*/


#invoice-order-listing .nav-tabs .nav-link.active,
#invoice-order-listing .nav-tabs .show > .nav-link {
    color: #6c757d !important;
    border-bottom: 3px solid #6c757d !important;
    border-radius: 0px !important;
}


#invoice-order-listing .form-check-input {
    width: 24px !important;
    height: 24px !important;
    border: solid 3px #f1f1f1 !important;
}

    #invoice-order-listing .form-check-input:checked {
        background-color: #6c757d !important;
        border-color: #6c757d !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 3px !important;
    }

#invoice-order-listing input[type="radio"]:checked + .select-message-radio,
#invoice-order-listing input[type="radio"]:checked + .select-message-radio::before {
    color: #000;
    background-color: #cfe3ff;
}


#invoice-order-listing .nav-link {
    border-bottom: 3px solid #fff;
    border-radius: 0px !important
}

    #invoice-order-listing .sort-message.active,
    #invoice-order-listing .nav-link.active {
        color: #6c757d !important;
        border-bottom: 3px solid #6c757d !important;
        border-radius: 0px !important;
        border-top: 0px !important;
        border-right: 0px !important;
        border-left: 0px !important;
    }

        #invoice-order-listing .nav-link.active::after {
            position: absolute;
            height: 0;
            width: 0;
            transform: rotate(180deg);
            border: 12px solid transparent;
            border-bottom-color: #6c757d;
            content: "";
            margin-top: 6px;
            margin-left: -12px;
        }


    #invoice-order-listing .nav-link:hover {
        background-color: #6c757d !important;
        border-bottom: 3px solid #fff !important;
        border-radius: 0px !important;
        color: #fff !important;
    }

#invoice-order-listing .nav-tabs .nav-link.active:hover,
#invoice-order-listing .nav-item:hover p,
#invoice-order-listing .nav-item:hover span {
    color: #fff !important;
}


.btn-invoice-order {
    background-color: #6c757d !important;
    border-radius: 4px !important;
    color: #fff !important;
    margin-right: 6px;
    font-size: 14px !important;
    padding: 2px 12px;
    /* border-radius: 4px; */
}


.btn-order {
    background-color: #e9172b !important;
    border-radius: 4px !important;
    color: #fff !important;
    margin-right: 6px;
    font-size: 14px !important;
    padding: 2px 12px;
    /* border-radius: 4px; */
}

.btn-cancel-order {
    background-color: #7cc623!important;
    border-radius: 4px !important;
    color: #fff !important;
    margin-right: 6px;
    font-size: 14px !important;
    padding: 2px 12px;
    /* border-radius: 4px; */
}

.cancel-order {
    color: #0e6a1f !important;
}


    .btn-order i,
    .btn-payment-store i {
        color: #fff !important;
    }

.page-size {
    color: #fff !important;
}



.hide-label {
    display: none;
}


.upload-btn {
    color: #fff;
    width: 100%;
    padding-left: 9px;
    text-align: center;
    margin-top: 6px;
    cursor: pointer;
    background-color: #009537;
    height: 32px;
}



.upload-btn i {
color: #fff;
font-size: 18px;
}


.upload-btn:hover {
background-color: #009936;
color: #fff;

}

.upload-btn:hover i {
color: #fff;
}


.hide-btn {
display: none !important;
}

.show-btn {
display: block !important;
}


.btn-pink-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #fd2dee;
    --bs-btn-border-color: #fd2dee;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f509e4;
    --bs-btn-hover-border-color: #f509e4;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cdcdcd;
    --bs-btn-active-border-color: #f509e4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
}

/* Update Status */

.status-hover-update {
    display: block;
    z-index: 1;
    position: relative;
}

.status-label {
display: none;
z-index: 0;
}

.status-hover-update:hover {
display: none;
z-index: 0;
}

.status-label:hover,
.status-hover-update:hover ~ .status-label {
display: block;
z-index: 3;
position: relative;
cursor: pointer;
}


/* Update Price */

.price-hover-update {
    display: block;
    z-index: 1;
    position: relative;
}

.price-label {
    display: none;
    z-index: 0;
}

.price-hover-update:hover {
    display: none;
    z-index: 0;
}

    .price-label:hover,
    .price-hover-update:hover ~ .price-label {
        display: block;
        z-index: 3;
        position: relative;
        cursor: pointer;
    }



/* Update Stock */

.stock-hover-update {
    display: block;
    z-index: 1;
    position: relative;
    background-color: #fff;
    /* border: solid 2px #ffc107 !important;*/
    border: solid 2px #0043a7 !important;
   
}

.stock-hover-update:hover {
border: solid 2px #0043a7;
background-color: #0043a7;
color: #fff !important;
}


/* Update Campain */

.campain-hover-update {
    display: block;
    z-index: 1;
    position: relative;
}

.campain-label {
    display: none;
    z-index: 0;
}

.campain-hover-update:hover {
    display: none;
    z-index: 0;
}

    .campain-label:hover,
    .campain-hover-update:hover ~ .campain-label {
        display: block;
        z-index: 3;
        position: relative;
        cursor: pointer;
    }

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.blink-new {
    animation: blink 1.5s infinite;
}

.blink-status {
    animation: blink 1.5s infinite;
}


.blink-bg {
  background-color:#ffc107;
    animation: blink 1.5s infinite;
}

.blink-bg-red {
    background-color: #ff0000;
    animation: blink 1.5s infinite;
}

.blink-bg-green {
    background-color: #009936;
    animation: blink 1.5s infinite;
}

.blink-bg-warning {
    background-color: #ffc105;
    animation: blink 1.5s infinite;
}

.blink-bg-blue {
    background-color: #ffbc09;
    animation: blink 1.5s infinite;
}

a.hover-listing-item:hover, 
.hover-listing-item:hover {
    color: #000000 !important;
    background-color: #ffc107 !important;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    border-radius: 4px;
}


/*Invoice */

.invoice-button {
    background-color: #1a73e8;
    -moz-transition: all 0.3s linear;
    width: 160px;
    height: 34px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 4px;
}

    .invoice-button:hover i,
    .invoice-button:hover {
        background-color: #dc3545;
        transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        color: #fff
    }

    .invoice-button i {
        font-size: 18px;
        color: #fff;
        margin-right: 10px;
    }

.upload-pdf-icon {
    height: 46px;
    display: block;
    line-height: 46px;
    background-color: #a9a9a9;
    width: 60px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    text-align: center;
    border: solid 1px #a9a9a9;
}

/*Questions Scroll*/

.questions-listing-scrollbar {
    padding: 10px;
    padding-bottom: 30px;
    max-height: 800px;
    height: 100%;
    overflow: auto;
}

    .questions-listing-scrollbar ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        padding-top: 40px;
        right: 30px;
    }


    .questions-listing-scrollbar ::-webkit-scrollbar-track-piece {
        height: 30px;
        width: 30px;
    }


    .questions-listing-scrollbar ::-webkit-scrollbar {
        min-width: 12px;
        width: 12px;
        max-width: 12px;
        min-height: 12px;
        height: auto;
        max-height: 12px;
        background: #f0f0f0;
        cursor: pointer;
    }

    .questions-listing-scrollbar ::-webkit-scrollbar-thumb {
        background: #959595;
        border: none;
        border-radius: 10px;
        border: solid 2px #fff;
        box-shadow: inset 0px 0px 3px #999;
        cursor: pointer;
    }

        .questions-listing-scrollbar ::-webkit-scrollbar-thumb:hover {
            background: #7d7d7d;
            border: solid 1px #fff;
            cursor: pointer;
        }


.products-img {
    display: flex;
    list-style-type: none;
    padding: 0px;
    flex-direction: row;
    margin-left: 30px !important;
}

.product-photos {
    transition: margin 0.1s ease-in-out;
    overflow: hidden;
    margin-left: -30px;
}

    .product-photos:last-child {
        z-index: 15;
    }

    .product-photos:nth-child(14) {
        z-index: 14;
    }

    .product-photos:nth-child(13) {
        z-index: 13;
    }

    .product-photos:nth-child(12) {
        z-index: 12;
    }

    .product-photos:nth-child(11) {
        z-index: 11;
    }

    .product-photos:nth-child(10) {
        z-index: 10;
    }

    .product-photos:nth-child(9) {
        z-index: 9;
    }

    .product-photos:nth-child(8) {
        z-index: 8;
    }

    .product-photos:nth-child(7) {
        z-index: 7;
    }

    .product-photos:nth-child(6) {
        z-index: 6;
    }

    .product-photos:nth-child(5) {
        z-index: 5;
    }

    .product-photos:nth-child(4) {
        z-index: 4;
    }

    .product-photos:nth-child(3) {
        z-index: 3;
    }

    .product-photos:nth-child(2) {
        z-index: 2;
    }

    .product-photos:nth-child(1) {
        z-index: 2;
    }

    .product-photos img {
        width: 100%;
    }

.products-img:hover .product-photos {
    margin-right: 34px !important;
}

.commission-input {
    field-sizing: content;
}


.quick-menu-outer {
    display: flex;
    align-items: center;
}

.quick-menu-item {
    position: relative;
    min-width: 50px;
    min-height: 50px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}


    .quick-menu-item > .badge-count {
        position: absolute;
        min-width: 15px;
        min-height: 15px;
        border-radius: 100%;
        right: 0;
        bottom: 0;
        top: 45px;
    }


.outer {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.outer footer {
    position: absolute;
    bottom: 0;
}