::-webkit-scrollbar{
        width: 10px;
        height: 10px;
        }
        ::-webkit-scrollbar-thumb{
            background: #929292;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb:hover{
            background: #929292;
        }
        ::-webkit-scrollbar-track{
        background: #FFFFFF;
        border-radius: 10px;
        box-shadow: inset 7px 10px 12px 0px #fff;
        }
        
        .app-vertical-menu .app-vertical-submenu > li > a {
            padding: 8px 11px 8px 20px;
            display: block;
            font-size: 13px;
            color: #777777;
        }

        table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
            vertical-align:middle;
        }

        div.dataTables_wrapper div.dataTables_filter input {
            width:140px;
            height: 30px;
        }

  
        .required {
            color:#ff0000;
        }

        .dataTables_wrapper {
            padding:0px!important;
            width: calc(100% - 0px);
        }

        .swal2-styled.swal2-confirm:focus {
            box-shadow: 0 0 0 3px rgb(0 95 168 / 34%);
        }

        .m-b-0 {
            margin-bottom:0px
        }



        
    table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
        top: auto;
        left: 6px;
        height: 14px;
        width: 14px;
        display: block;
        position: absolute;
        color: #7a8997;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        box-sizing: content-box;
        text-align: center;
        line-height: 14px;
        content: '\F86A';
        font: normal normal normal 24px/1 "Material Design Icons";
        background-color: transparent;
        font-size: 20px;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
        content: '\F209';
        color: #7a8997;
        background-color: transparent;
    }

    table.dataTable li:last-child span.dtr-data {
        float:left;
    }

    div.dataTables_wrapper div.dataTables_length label {
        font-size: 0px;
    }

    .dataTables_filter input {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
        background-repeat: no-repeat;
        background-position: 3px 4px !important;
        padding-left: 26px;
    }

    .dataTables_filter {
        display:inline-block;
        max-width:200px; 
        float:right;
    }

    .dataTables_length {
        display:inline-block;
        max-width:100px;
    }

    .app-contentbar {
        max-width:1500px;
        margin: 0 auto;
        margin-bottom:60px;
    }


    .tox .tox-statusbar__branding svg {
        display:none;
    }


    .border-grey {
        border:1px solid #eee;
    }
    
    .form-text {
        display: block;
        margin-top: 0.25rem;
        font-size: 11px;
    }

    .select2-container .select2-selection--single {
        height: 35px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 35px;
    }

    .show-order-email h3 {

        margin-top:30px;
        padding-bottom:0px !important;
    }

    .dtr-bs-modal input {
        display:none
    }

    @media all and (max-width:768px) {
        .btn span {
            display:none;
        }
    }

.dataTables_processing
{
z-index: 105
}



.submit .loader {
    display: none;
    justify-content: right;
    align-items: center;
    width: 20px;
    height: 20px;
    background: transparent;
    /* margin: 30px auto 0 auto; */
    border: solid 2px #efefef;
    border-top: solid 2px transparent;
    border-radius: 50%;
    opacity: 0;
    vertical-align: middle;
    margin-left: 5px;
}

.submit .loader.active {
    animation-name: loading;
    animation-duration: 700ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    opacity: 1;
}

@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }

}


.app-breadcrumbbar .page-title {
    position: relative;
}

.app-breadcrumbbar .page-title::after {
    content:"";
    width:30px;
    height:3px;
    background:#42a5ff;
    position:absolute;
    left:calc(50% - 15px);
    bottom: -15px;
}

.app-pricing-amount {
    transition: opacity 0.5s; 
}

.app-pricing .app-pricing-middle .list-group-item {
    border-bottom:1px solid #eee;
    border-radius: 0px;
}



.loader {
    display: none;
    justify-content: right;
    align-items: center;
    width: 20px;
    height: 20px;
    background: transparent;
    /* margin: 30px auto 0 auto; */
    border: solid 2px #efefef;
    border-top: solid 2px transparent;
    border-radius: 50%;
    opacity: 0;
    vertical-align: middle;
    margin-left: 5px;
}

.loader.active {
    animation-name: loading;
    animation-duration: 700ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    opacity: 1;
    display: inline-flex;
}

@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }

}

    #preloader {
    position: absolute;
    /* top: 200px; */
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: saturate(120%) blur(6px);
    z-index: 22000;
    width: 100%;
    height: 100%;
  }
  
  .spinner {
    display: inline-block;
    width: 66px;
    height: 66px;
    top: 300px;
    position: absolute;
    left: calc(50% - 33px);
  }

  .spinner:after {
    content: " ";
    display: block;
    width: 50px;
    height: 50px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #333;
    border-color: #333 transparent #333 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
  }
  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
.bg-light {
    background-color: #fbfbfa !important;
}

.current-plan {
    width: calc(100% - 20px);
    position: absolute;
    bottom: 20px;
    left: 10px;
    border-color: #f4f3f2 !important;
}

.switchery-default {
    background-color: #42a5ff !important;
    border-color: #42a5ff !important;
    box-shadow: #42a5ff 0px 0px 0px 16px inset !important;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}


.highlighted {
    display: table;
    background-color: #3E454C;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    cursor: default;
    float: none;
    margin-right: 5px;
    margin-top: 7px;
    padding: 5px 10px;
}

.active-worker {
    background: #42a5ff1c;
    border: 1px solid #d4e6c8;
}

.paused-worker {
    background: #fac7521a;
    border: 1px solid #edd9ae;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    margin-right: 5px;
}

.form-group {
    margin-bottom:10px;
}