@font-face {
    font-family: 'coco';
    src: url('../fonts/coco.eot');
    src: url('../fonts/coco.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coco.woff') format('woff'),
         url('../fonts/coco.ttf') format('truetype'),
         url('../fonts/coco.svg#svgFontName') format('svg');
}

@font-face {
    font-family: 'sahel';
    src: url('../fonts/sahel.eot');
    src: url('../fonts/sahel.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sahel.woff') format('woff'),
         url('../fonts/sahel.ttf') format('truetype'),
         url('../fonts/sahel.svg#svgFontName') format('svg');
}

@font-face {
    font-family: 'sahelBold';
    src: url('../fonts/sahelBold.eot');
    src: url('../fonts/sahelBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sahelBold.woff') format('woff'),
         url('../fonts/sahel.ttf') format('truetype'),
         url('../fonts/sahelBold.svg#svgFontName') format('svg');
}

:root {
    --admin-header-height: 50px;
}

* {
    margin: 0;
    padding: 0;
}

html, body, ul, li, h1, h2, h3, h4, h5, h6, div, span, div, header, section, footer, aside, nav, main, article, figure, p, b, input, textarea, select {
    font: normal 12px sahel;
    color: #212121;
    direction: rtl;
}

div, header, section, footer, aside, nav, main, article, figure, p {
    display: block;
}

input, textarea, select {
    outline: none;
}

a, a:hover, .effect {
    color: #212121;
    text-decoration: none;
    transition: all 0.2s;
}

::-webkit-input-placeholder {
    color: #7a7a7a;
    text-align: right;
}

:-moz-placeholder {
    color: #7a7a7a;
    opacity:  1;
    text-align: right;
}

::-moz-placeholder {
    color: #7a7a7a;
    opacity:  1;
    text-align: right;
}

:-ms-input-placeholder {
    color: #7a7a7a;
    text-align: right;
}

::-ms-input-placeholder {
    color: #7a7a7a;
    text-align: right;
}

::placeholder {
    color:#7a7a7a;
    text-align: right;
}

select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

:focus {
    outline: none;
}

.gray {
    color: #7a7a7a;
}

.green {
    color: #7ebb39;
}

body {
    background: #f5f5f5;
}

.ltr {
    direction: ltr;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.container {
    width: 100%;
    margin: 0 auto;
}

.clear::after {
    clear: both;
    content: '';
    display: block;
}

#header {
    height: var(--admin-header-height);
    background: #fff;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    left: 0;
    z-index: 111;
}

.welcome {
    float: right;
    line-height: 49px;
    font-size: 12px;
    margin-left: 40px;
}

.welcome span {
    float: right;
    width: 28px;
    height: 28px;
    background: #ddd;
    border-radius: 100px;
    margin: 11px;
}

.welcome span::before {
    content: '';
    display: block;
    background: url('../images/user.png') center / cover;
    width: 100%;
    height: 100%;
    transform: scale(0.6);
}

.time span::before {
    background-image: url('../images/time.png');
}

.out {
    float: left;
    width: 28px;
    height: 28px;
    margin: 11px;
    display: block;
    background: url('../images/off.png') center / cover;
}

.out:hover {
    transform: scale(1.1);
}

.viewSite {
    margin-left: 0;
    background: url('../images/view.png') center / cover;
}

#right {
    position: fixed;
    right: 0;
    top: var(--admin-header-height);
    width: 220px;
    height: calc(100% - var(--admin-header-height));
    background: #424242;
    overflow-y: scroll;
}

#right .inMenu {
    display: block;
    color: #fff;
    padding: 13px 45px 14px 0;
    border-top: 1px solid #383838;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}

#right .menu_level_1 .inMenu {
    padding: 10px 47px 12px 0;
    background: #383838;
    border-color: #313131;
}

#right .menu_level_2 .inMenu {
    padding-right: 70px;
}

#right .inMenu.active::before, #right .inMenu:hover::before {
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #6bb4ff;
    width: 4px;
    height: 100%;
}

#right .inMenu:hover {
    background: #383838;
}

#right .inMenu span {
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
}

#right .inMenu span img {
    width: 100%;
    height: 100%;
    filter: brightness(0) invert(1);
}

#left {
    float: left;
    width: calc(100% - 260px);
    margin-left: 20px;
    margin-bottom: 20px;
}

.section {
    margin-top: 20px;
}

.titleLarge {
    font-family: sahelBold;
    font-size: 15px;
    margin: 0 10px;
}

.block {
    border-radius: 8px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
    margin-top: 15px;
}

.table {
    width: 100%;
    /* overflow: hidden; */
    border-radius: 8px;
}

.table tr td {
    text-align: center;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 13px 0 15px;
}

.table tr:nth-last-of-type(1) td:nth-of-type(1) {
    border-bottom-right-radius: 8px;
}

.table tr:nth-last-of-type(1) td:nth-last-of-type(1) {
    border-bottom-left-radius: 8px;
}

.table tr:nth-of-type(2n) td {
    background: #f9f9f9;
}

.table tr.title td {
    font-family: sahelBold;
    color: #7a7a7a;
}

.table tr:nth-last-of-type(1) td {
    border-bottom: none;
}

.table tr td:nth-last-of-type(1) {
    border-left: none;
}

.table tr td.forSetting {
    padding: 0;
    line-height: 0;
}

.table tr td.right {
    text-align: right;
    padding-right: 20px;
}

.search {
    float: right;
    padding: 7px;
    border-left: 1px solid #ddd;
}

.search input[type="text"], #crmMobileEmail {
    float: right;
    border: 1px solid #ddd;
    background: #efefef;
    border-radius: 7px;
    padding: 4px 11px 6px;
    width: 80px;
    margin-left: 4px;
}

.login input[type="text"], .login input[type="password"] {
    border: 1px solid #ddd;
    background: #efefef;
    border-radius: 7px;
    padding: 8px 13px 8px;
    width: calc(100% - 48px);
    margin: 10px 10px 0 0;
}

.login .new {
    float: none;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 7px 18px 9px;
}

.search input[type="submit"] {
    float: right;
    border-radius: 7px;
    background: #448aff url('../images/search.png') no-repeat center / 17px;
    border: none;
    height: 31px;
    width: 31px;
    cursor: pointer;
}

.search input[type="submit"]:hover {
    background-color: #7ebb39;
}

.new {
    background: #448aff;
    border-radius: 7px;
    padding: 5px 14px 7px;
    color: #fff;
    float: left;
    display: block;
    margin: 7px 0 7px 7px;
}

.new:hover {
    background: #7ebb39;
    color: #fff;
}

#copyright {
    direction: ltr;
    font-size: 11px;
    margin: 20px 0 18px 20px;
}

.setting {
    display: inline-block;
    background: url('../images/tick.png') center / cover;
    width: 23px;
    height: 23px;
    margin: 1px 1px 0;
    filter: grayscale(100%);
    opacity: 0.5;
}

.edit {
    background-image: url('../images/plus.png');
}

.delete {
    background-image: url('../images/close.png');
    opacity: 0.35;
}

.print {
    background-image: url('../images/print.png');
    opacity: 0.35;
}

.setting:hover, .setting.active {
    filter: grayscale(0%);
    opacity: 1;
}

.navigation {
    direction: ltr;
}

.navigation a {
    display: inline-block;
    background: #ababab;
    color: #fff;
    border-radius: 6px;
    margin: 0 1px;
    padding: 5px 9px 4px;
    min-width: 10px;
}

.navigation a.active, .navigation a:hover {
    background: #448aff;
}

#showError {
    border-bottom: 1px solid #ddd;
    padding: 7px;
}

.showError {
    text-align: center;
    background: #effeb9;
    border: 1px solid #d6e893;
    padding: 11px 0 13px;
    border-radius: 7px;
    margin-top: 15px;
}

.showErrorRed, .errorLevel_error {
    background: #ffe9ad;
    border-color: #f2d88f;
}

#popUp {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
}

#popUp::before {
    content: '';
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.96;
    width: 100%;
    height: 100%;
}

#mainPopUp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 700px;
    width: auto;
}

#errorContent {
    text-align: center;
    background: #fff;
    border-radius: 12px;
    padding: 20px 30px;
}

.goDelete a, .goDelete div {
    display: inline-block;
    background: #7ebb39;
    color: #fff;
    padding: 6px 20px 8px;
    border-radius: 8px;
    margin: 20px 2px 0px;
    cursor: pointer;
}

.goDelete div {
    background: #448aff;
}

.goDelete .sendReturn {
    background: #7ebb39;
}

.goDelete a:hover, .goDelete div:hover {
    transform: scale(1.05);
}

.table tr td.newTitle {
    text-align: right;
    padding-right: 17px;
    font-family: sahelBold;
    color: #4a4a4a;
}

.formInput {
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    width: calc(100% - 44px);
    padding: 8px 12px 9px;
    margin: 9px;
    font-size: 11px;
}

textarea.formInput {
    height: 120px;
    line-height: 22px;
}

input.new {
    float: right;
    border: none;
    margin: 0 15px;
    cursor: pointer;
}

.formSelect {
    width: 240px;
    padding: 0;
    position: relative;
}

.formSelect select {
    margin: 0;
    border: none;
    background: none;
    font-size: 11px;
    width: 100%;
    padding: 8px 13px 9px;
    line-height: 17px;
}

.formSelect::after {
    content: '';
    position: absolute;
    top: 16px;
    left: 14px;
    display: block;
    width: 0;
    height: 0;
    border-radius: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    opacity: 0.6;
}

.formUpload {
    overflow: hidden;
    position: relative;
    width: 300px;
    min-height: 36px !important;
}

.formUpload::after {
    background: url('../images/upload.png') center / cover;
    content: '';
    position: absolute;
    top: 9px;
    left: 12px;
    display: block;
    width: 17px;
    height: 17px;
}

.formUpload input {
    position: absolute;
    top: -30px;
    height: 200%;
    right: 0;
    width: 100% !important;
}

.formUpload span {
    position: absolute;
    right: 13px;
    top: 8px;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 50px);
    overflow: hidden;
    text-align: right;
}

.sectionTitle {
    font-family: sahelBold;
    color: #448aff;
}

.contentSection {
    line-height: 0;
    border-bottom: 2px solid #d0d0d0;
    padding-bottom: 9px;
}

.contentSection .formInput {
    margin-bottom: 0;
}

.plus {
    background: #7ebb39;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    line-height: 13px;
    cursor: pointer;
    margin: 9px;
}

.plus:hover {
    background: #448aff;
}

.plus::after {
    content: "+";
    display: block;
    color: #fff;
    font-family: sahelBold;
    font-size: 24px;
    margin: 9px 7px 0 0;
    float: right;
}

.inTools {
    float: left;
    margin: 17px 0 0 17px;
    position: relative;
    z-index: 1;
}

.inTools span {
    display: block;
    width: 22px;
    height: 22px;
    background: #ddd;
    border-radius: 100%;
    float: left;
    margin-right: 3px;
    cursor: pointer;
    transition: all 0.3s;
}

.inTools span.toolDelete {
    background: #fd5b41;
}

.inTools span:hover {
    background: #448aff;
}

.inTools span::before {
    color: #fff;
    content: 'X';
    font-family: sahelBold;
    float: right;
    margin: 3px 7px 0 0;
}

.inTools span.toolUp::before, .inTools span.toolDown::before {
    content: '<';
    transform: rotate(-90deg);
    font-size: 17px;
    margin: -2px 5px 0 0;
}

.inTools span.toolDown::before {
    transform: rotate(90deg);
    margin: -1px 7px 0 0;
}

.viaParentTitle {
    position: relative;
    line-height: 0;
}

.viaParentTitle > span {
    background: #d6e893;
    color: #333;
    border-radius: 100px;
    font-size: 10px;
    position: absolute;
    top: 5px;
    right: 20px;
    z-index: 1;
    padding: 0 5px;
    word-spacing: 0;
}

.contentShow div:nth-of-type(2n) .viaParentTitle > span {
    background: #f2d88f;
}

.viaParentTitle .formSelect, .viaParentTitle .formUpload {
    float: right;
}

.uploadSmall {
    float: left;
    width: 39px;
    height: 39px;
    object-fit: cover;
    margin: 6px 0 0 6px;
    border-radius: 3px;
}

.allGallery {
    line-height: 0;
}

.allGallery input {
    float: right;
    width: 200px;
    margin-right: 0;
}

.addGallery {
    border-radius: 3px;
    background: #7ebb39;
    color: #fff;
    float: right;
    cursor: pointer;
    line-height: 15px;
    margin: 18px 0 0 5px;
    padding: 1px 5px 0;
    width: 7px;
}

.removeGallery {
    background: #fd5b41;
}

.blockHalf {
    float: right;
    width: calc(100% / 2 - 10px);
}

.blockLeft {
    float: left;
}

.stat {
    height: 140px;
    padding: 15px 5px 5px 0;
}

.statLine {
    float: right;
    width: 30px;
    height: 100%;
    position: relative;
    margin-left: 5px;
}

.statLine .statInner {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #eaeaea;
    border-radius: 6px;
    transition: all 0.3s;
}

.statLine .statInner:hover {
    background: #ddd;
}

.showNum {
    background: #448aff;
    color: #fff;
    border-radius: 4px;
    font-size: 10px;
    padding: 1px 4px 0;
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%, 0px);
}

.numGreen {
    background: #7ebb39;
}

.numRed {
    background: #fd5b41;
}

.showDate {
    position: absolute;
    top: -33px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    font-size: 10px;
    text-align: center;
    width: calc(100% - 2px);
    left: 0;
    padding-top: 1px;
    opacity: 0;
    transition: all 0.3s;
}

.statLine .statInner:hover .showDate {
    opacity: 1;
}

.showDate::before, .showDate::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid #ddd;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    left: calc(50% - 4px);
    top: 17px;
}

.showDate::after {
    top: 16px;
    border-top-color: #fff;
    transform: scale(0.7);
}

.blockLogin {
    width: 300px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.blockLogin .showError {
    margin: 10px 10px 0;
    line-height: 13px;
}

.arrowDown {
    color: #fff;
    position: relative;
    top: 3px;
    display: inline-block;
    margin-left: 5px;
}

#right .menu_level_2 .inMenu .arrowDown {
    top: 2px;
    margin-left: 1px;
}

.timerHeader {
    font-style: normal;
}

.addPlus, .removePlus, .returnItem {
    background: #7ebb39;
    border-radius: 5px;
    display: block;
    line-height: 11px;
    color: #fff;
    padding: 4px 5px 2px;
    cursor: pointer;
    float: right;
    margin: 9px 9px 9px 0;
    transition: all 0.3s;
}

.removePlus {
    background: #fd5b41;
    margin: 18px 10px 0 0;
}

.returnItem {
    margin: 18px 5px 0 0;
}

.addPlus:hover, .removePlus:hover, .returnItem:hover {
    transform: scale(1.1);
}

.plusParent {
    width: 170px;
    margin: 9px 9px 0 0;
    position: relative;
    float: right;
}

.plusParent .formInput {
    margin: 0;
    width: calc(100% - 26px);
}

.plusParent .formSelect {
    width: calc(100% - 2px);
}

.plusParent > span {
    position: absolute;
    top: -6px;
    right: 10px;
    background: #448aff;
    color: #fff;
    border-radius: 100px;
    font-size: 9px;
    line-height: 11px;
    padding: 1px 3px;
    z-index: 4;
}

.plusParentAns > span {
    background: #bfbfbf;
}

.table tr td.forTinymce {
    padding: 9px;
}

.fr-box {
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.fr-wrapper + div, .fr-counter + div, .fr-quick-insert + div {
    display: none;
}

.fr-toolbar.fr-top {
    border: none !important;
    border-bottom: 1px solid #ddd !important;
}

.fr-toolbar.fr-top, .fr-box.fr-basic.fr-top .fr-wrapper {
    box-shadow: none !important;
    border-radius: 0 !important;
}

.caption {
    font-size: 10px;
    color: #666;
}

#options, #generate {
    padding: 5px 10px;
}

.showOption {
    background: #f1f1f1;
    border-radius: 100px;
    margin: 4px 0;
}

.showOption h6 {
    float: right;
    width: 60px;
    margin: 7px 14px;
    color: #de2222;
}

.listOption {
    float: right;
    width: calc(100% - 90px);
}

.listOption label {
    width: calc(100% / 8);
    display: block;
    float: right;
    margin-top: 6px;
}

.custom {
    display: block;
    position: relative;
    padding-right: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  
.custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
  
.checkmark {
    position: absolute;
    top: 2px;
    right: 0;
    height: 12px;
    width: 12px;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 50%;
}

.custom input[type="checkbox"] + .checkmark {
    border-radius: 4px;
    transform: scale(0.94);
}
  
.custom:hover input ~ .checkmark {
    border-color: #2196F3;
}
  
.custom input:checked ~ .checkmark {
    background-color: #2196F3;
    border-color: #2196F3;
}
  
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 100px;
    top: 3px;
    left: 3px;
}

.custom input[type="checkbox"] + .checkmark::after {
    background: none;
    content: '✔';
    color: #fff;
    top: -3px;
    right: 2px;
    transform: rotate(-12deg);
}
  
.custom input:checked ~ .checkmark:after {
    display: block;
}

.childMenu {
    display: none;
}

.checkList {
    padding: 8px 15px;
    max-height: 285px;
    overflow-y: scroll;
}

.checkList label {
    margin: 7px 0;
}

.checkList label.custom_1 {
    margin-right: 20px;
}

.checkList label.custom_2 {
    margin-right: 40px;
}

.checkList label.custom_3 {
    margin-right: 60px;
}

.checkList label.custom_4 {
    margin-right: 80px;
}

.setPriceGroup {
    background: #f1f1f1;
    border-radius: 12px;
    margin: 4px 0;
}

.setPriceGroup b {
    display: block;
    padding: 8px 13px 0 0;
    color: #de2222;
}

.setPriceGroup .formInput {
    width: 120px;
    margin-left: 0;
    background: #fff;
}

.plusDataWithoutAdd {
    padding-bottom: 9px;
}

.byName {
    text-align: right;
    background: #b9b9b9;
    border-radius: 100px;
    float: right;
    color: #fff;
    margin: 9px 9px 1px;
    padding: 0px 10px;
}

#plusGallery .formUpload {
    margin-bottom: 0;
    float: right;
}

#plusGallery .clonePlus img {
    float: right;
    height: 34px;
    margin-top: 10px;
    border-radius: 6px;
    box-shadow: 0 0 8px rgb(0 0 0 / 15%);
}

#plusGallery .clonePlus span.delImg {
    float: right;
    background: #de2222;
    color: #fff;
    border-radius: 100px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    text-align: center;
    margin: 19px 10px 0 0;
}

.arrowDownMenu {
    background: #383838;
}

.arrowDownMenu > .inMenu::after {
    content: '';
    position: absolute;
    left: 15px;
    top: 21px;
    display: block;
    transform: rotate(180deg);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #ddd;
}

.payment_color_0 {
    color: #ff3616;
}

.payment_color_1 {
    color: #39b307;
}

.table .listView tr td {
    padding: 15px 0 13px;
}

.cloneProduct .plusParent {
    width: calc(100% / 11 - 25px);
}

.cloneProduct .plusParentLarge {
    width: 270px;
}

.cloneAddress .plusParent {
    width: 120px;
}

.searchAjaxResult {
    display: none;
    position: absolute;
    left: 9px;
    top: 44px;
    width: 350px;
    background: #d6d6d6;
    border-radius: 7px;
    padding: 0 4px;
    z-index: 111111;
}

.searchAjaxResult .showOption {
    cursor: pointer;
}

.useIt {
    float: right;
    color: #151515;
    margin: 17px 10px 0 0;
    cursor: pointer;
    background: #d8d8d8;
    border-radius: 100px;
    font-size: 11px;
    padding: 0px 8px 2px;
}

.plusParent .searchAjaxResult {
    left: 0;
    top: 35px;
}

.lsCall {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 5px 15px;
    padding: 8px 0;
}

.lsCall span {
    display: block;
    color: #2196F3;
}

.lsCall div {
    margin: 5px 0;
}

.lsCall .custom {
    display: inline-block;
}

.searchFind {
    position: absolute;
    left: 25px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: #ddd;
    border-radius: 100px;
    cursor: pointer;
}

.searchFind::after {
    content: '\1F50D';
    display: block;
    font-size: 12px;
    line-height: 22px;
    margin-right: 4px;
}

.searchChild {
    position: absolute;
    top: 3px;
    right: 3px;
    width: calc(100% - 20px);
    padding: 1px 6px;
    z-index: 99;
    border: 1px solid #4589ff;
    border-radius: 4px;
}

.resUp {
    position: absolute;
    top: 25px;
    right: 3px;
    border: 1px solid #4589ff;
    height: 200px;
    width: calc(100% - 8px);
    background: #fff;
    border-radius: 5px;
    z-index: 99;
    overflow-y: scroll;
    padding-bottom: 7px;
}

.resUp span {
    display: block;
    padding: 5px 7px 0;
    cursor: pointer;
    float: none !important;
    margin: 0 !important;
    text-align: right;
    font-size: 11px;
}

.resUp span:hover {
    color: #2196F3;
}

.formInputSmall {
    margin: 0;
    padding: 6px 0;
    width: 50px;
    text-align: center;
}

.redLine {
    border-color: #fd5b41;
}

.searchFilter input[type="text"] {
    width: 100px;
}

.listFilter {
    float: left;
    margin-top: 12px;
}

.listFilter a {
    float: left;
    margin-left: 25px;
}

.listFilter a:hover {
    color: #2196F3;
}

.finder {
    border: 1px solid #c9c9c9;
    text-align: right;
    padding: 10px;
    border-radius: 6px;
    margin: 10px 10px 0;
    background: #fff;
}

.finder h3 {
    color: #fd5b41;
}

#xGo {
    float: right;
    color: #000;
    position: absolute;
    top: 15px;
    right: 70px;
    font-size: 22px;
}

.xFc {
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    background: #727271;
    height: 100%;
}
.xFc1 {
    position: absolute;
    right: 15px;
    top: 0;
    width: 25px;
    background: #ec691f;
    height: 100%;
}

.xFcLogo {
    background: url('../images/xLogo.png');
    width: 151px;
    height: 62px;
    background-size: cover;
    position: absolute;
    top: 5px;
    left: 5px;
}

.xFcBottom {
    background: url('../images/xBottom.png');
    width: 388px;
    height: 17px;
    background-size: cover;
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.info {
    border: 1px solid #000;
    border-bottom: none;
    padding: 0 0 7px 7px;
}

.basketTable {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    width: 100%;
}

.basketTable tr td {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    text-align: center;
    padding: 5px 0;
}

.basketTable tr.titleTable td {
    padding: 11px 0 13px;
    font-weight: bold;
}

.basketTable tr.titleTableGray td {
    background: #eaeaea;
}

.infoFactor {
    float: right;
    margin-top: 3px;
}

.infoFactorLeft {
    float: left;
}

.infoFactor p {
    float: right;
    margin: 7px;
    width: 80px;
    text-align: left;
}

.infoFactor .inpForPrint, .sltForPrint {
    background: #fff;
    float: right;
    border: 1px solid #000;
    padding: 5px 10px 7px;
    min-width: 120px;
    text-align: center;
    border-radius: 0;
    height: 19px;
}

.infoFactorFull {
    width: 100%;
}

.infoFactorFull .inpForPrint {
    width: calc(100% - 116px);
}

.infoFactor .inpForPrint.rightText {
    text-align: right;
}

.upCheckbox {
    text-align: right;
    margin: 5px 0;
}

.upCheckbox * {
    text-align: right;
}

.checkboxChild {
    margin-right: 30px;
}

.forSettingCheck {
    padding: 20px !important;
}

.custom_check_0 {
    color: #ff3616;
}

.table tr td.newTitleCenter {
    color: #fd5b41;
    text-align: center;
}

.blue {
    color: #2196F3;
}

.red {
    color: #fd5b41;
}

.returnH_1, .returnH_2 {
    display: none;
}

#paymentSms {
    display: none;
}

.cloneAddress .custom {
    float: right;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 16px 11px 0 0;
}

.upCheckboxIn {
    display: inline-block;
    margin: 0;
}

.singleCheckbox {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 auto;
}

.loadingCenter {
    position: absolute;
    left: calc(50% - 13px);
    top: calc(50% - 13px);
    width: 22px;
    height: 22px;
    z-index: 111;
    border: 2px solid #fff;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-radius: 100px;
    animation: loadingLarge 0.6s linear infinite;
}

@keyframes loadingLarge {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.later {
    background: #2196F3;
    color: #fff;
    border-radius: 4px;
    padding: 2px 6px 3px;
}

.later:hover {
    background: #39b307;
    color: #fff;
}

.plusDataItem .plusParent {
    width: calc(100% / 12 - 4px);
}

.table tr td.redAccess {
    text-align: center;
    color: #ff3616;
    font-weight: bold;
    background: #efefef;
}

.previewFile {
    line-height: 0;
    float: left;
    margin: 5px;
}

.previewFile img {
    height: 44px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.plusDataAns .clonePlus .plusParent {
    width: calc(100% / 12);
}

.plusDataAns .clonePlus .plusParent:nth-of-type(1) {
    width: calc(100% - 40px);
}

.plusDataRes .clonePlus .plusParent:nth-of-type(2) {
    width: calc(70% - 100px);
}

.plusDataRes .clonePlus .plusParentAns:nth-of-type(n+2) {
    margin-left: 2px;
}

.color_ticket_0 {
    color: #39b307;
}

.color_ticket_1 {
    color: #fd5b41;
}

.showTicket {
    text-align: justify;
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
    margin: 5px;
}

.plusDataPoll .plusParentLine {
    text-align: right;
    width: 240px;
    padding-top: 6px;
}

.search .formSelect {
    float: right;
    margin: 0;
    margin-left: 4px;
    border-color: #ddd;
    background: #efefef;
    width: 120px;
}

.search .formSelect select {
    padding: 5px 11px 7px;
}

.search .formSelect::after {
    top: 13px;
    left: 11px;
}

.errorShowUp {
    position: absolute;
    left: 0;
    top: calc(100% - 7px);
    width: 100%;
    font-style: normal;
    font-size: 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    gap: 10px;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 0 12px rgb(0 0 0 / 15%);
}

.errorShowUp input {
    width: 12px;
    height: 12px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
}

.plusDataProduct .clonePlus {
    margin-top: 40px;
}

.errorShowUp b {
    display: block;
    color: red;
    font-size: inherit;
    cursor: pointer;
    font-weight: bold;
}

.addCustom {
    background: #2196F3;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 11px;
    padding: 2px 8px 4px;
}

.addCustom:hover {
    background: #39b307;
    color: #fff;
}

.withTax {
    float: left;
    font-size: 11px;
    margin: -5px 0 5px 10px;
    color: #2196F3;
}

.withTaxInp {
    background: #f5f5f5;
    width: 100px;
    height: 20px;
    float: left;
    border: 1px solid #ddd;
    border-radius: 100px;
    text-align: center;
    font-size: 11px;
    margin: -6px 0 5px 20px;
}

.inAdminList {
    background: #eee;
    border-radius: 12px;
    margin: 5px;
    padding: 15px;
    text-align: right;
}

.tab_info span {
    background: #666;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 11px;
    padding: 2px 8px 4px;
}

.tab_info span.active {
    background: #39b307;
}

.tab_user {
    display: none;
}

.tab_user_1 {
    display: table-row;
}

.blockWelcome {
    text-align: center;
    padding: 20px 0;
}

.plusParentAction {
    float: right;
}

.plusParentAction .searchSelect {
    width: 120px;
}

.search .newExcel {
    background-image: none !important;
    margin: 0;
    width: auto !important;
}

.searchLeft {
    float: left;
    border: none;
}

.searchLeft input[type="submit"] {
    background: #2196F3;
    padding: 0 10px;
    color: #fff;
    width: auto;
}

#crmMobileEmail {
    float: left;
    margin-top: 7px;
}

#crmSend {
    cursor: pointer;
}

.new.loading {
    opacity: 0.2;
}

.newZip, .delZip, .zipSelectAll {
    display: block;
    cursor: pointer;
    background: #e85af8;
    margin: 15px 0 0 20px;
}

.zipSelectAll {
    background: #49a26b;
}

.delZip {
    background: #666;
}

.afterCrm {
    line-height: 22px;
    padding: 20px;
}

/* .chart_container {
    
    float: right;
    margin: 0 1%;
} */

p.listCount {
    background: #32bea6;
    border-radius: 7px;
    padding: 5px 14px 7px;
    color: #fff;
    float: right;
    display: block;
    margin: 7px;
}

.searchSelect2 .select2-container{
    width: 120px !important;
    margin: 0;
    background-color: #fff;
}

.searchSelect2 .select2-container--default .select2-selection--multiple{
    background-color: #efefef;
    border: 1px solid #ddd;
    border-radius: 7px;
}

input[name="submit_reload"] {
    position: fixed;
    bottom: 20px;
    z-index: 100;
}

.datepicker-navigator {
    float: right !important;
}

.datepicker-navigator .pwt-btn-next,
.datepicker-navigator .pwt-btn-prev,
.datepicker-navigator .pwt-btn-switch {
    float: right !important;
}
.form-select.form-select{
    background-image: none;
}

/**
* START CRM Activity Logs Section
 */
.logs-container {
    max-width: 900px;
    margin: 40px auto;
}
.log-card .card-body {
    position: relative;
}

.log-card .card-title {
    font-weight: bold;
}
.log-card.current-item {
    border-color: #198754;
    border-width: 2px;
}
    /* Styling for the action buttons (edit/remove) */
.log-actions {
    position: absolute;
    top: 1.25rem; /* Aligns with card-body padding */
    left: 1.25rem;
}
.log-actions a {
    color: #6c757d; /* Muted gray color */
    text-decoration: none;
    margin-left: 0.75rem;
    transition: color 0.2s ease-in-out;
}
.log-actions a:hover {
    color: #212529; /* Darker color on hover */
}
/* Style for the multiline "Call result" */
.call-result {
    background-color: #f8f9fa;
    border-right: 4px solid #dee2e6;
    padding: 10px 15px;
    margin-top: 10px;
    font-style: italic;
}
.log-meta p {
    margin-bottom: 0.5rem; /* Tighter spacing for log details */
}
/**
* END CRM Activity Logs Section
 */