*{
    font-family: 'Tajawal', sans-serif;
}
.tns .tns-item{
    opacity: 1 !important;
}

.package-type-span{
    position: absolute;
    top: 40px;
    right: -45px;
    display: inline-block;
    width: 200px;
    text-align: center;
    color: white;
    font-size: 20px;
    font-weight: bold;
    transform: rotate(45deg);
}
[data-toggle="liteasuploader"] {
    cursor: pointer;
}
[data-toggle="liteasuploader"] .input-group-text{
    font-weight: 500;
    font-size: 12px;
    border-radius: 0 5px 5px 0;
    font-style: italic;
}
[data-toggle="liteasuploader"] .form-control{
    font-weight: 500;
    font-size: 12px;
    border-radius: 5px 0 0 5px;
    font-style: italic;
}
.uppy-size--md .uppy-Dashboard-inner{
    width: 100%!important;
    height: 100%!important;
    min-height: 65vh;
}

.liteas-uploader-all {
    margin-left: -10px;
    margin-right: -10px;
    overflow-y: auto;
    height: calc(100vh - 303px);
}
.gutters-5 {
    margin-right: -5px;
    margin-left: -5px;
}
.liteas-file-box-wrap {
    padding: 0 10px;
    width: 50%;
    float: left;
}
@media (min-width: 576px){
    .liteas-file-box-wrap {
        width: 33.3333%;
    }
}
@media (min-width: 768px){
    .liteas-file-box-wrap {
        width: 25%;
    }
}
@media (min-width: 992px) {
    .liteas-file-box-wrap {
        width: 20%;
    }
}
@media (min-width: 1200px){
    .liteas-file-box-wrap {
        width: 16.66666%;
    }
}
.liteas-file-box {
    position: relative;
}
.liteas-file-box:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.card {
    margin-bottom: 20px;
}
.card-file {
    padding: 8px;
    position: relative;
    border-color: rgb(223, 224, 228);
    transition: all 0.2s ease-in-out;
    margin-bottom: 20px;
}
.liteas-file-box .card-file {
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    border-radius: 5px;
    border: 1px solid rgb(223, 224, 228) !important;
}
.card-file .card-file-thumb {
    height: 120px;
    background-color: #f5f6fa;
    display: flex;
    align-items: center;
    justify-content: center;
}
.liteas-file-box .card-file .card-file-thumb {
    position: absolute;
    width: calc(100% - 16px);
    top: 8px;
    left: 8px;
    height: calc(100% - 55px);
}
.img-fit {
    max-height: 100%;
    width: 100%;
    object-fit: cover;
}
.card .card-body {
    padding: 20px 25px;
    border-radius: 4px;
}
.card-file .card-body {
    padding: 10px 0 0;
}
.liteas-file-box .card-file .card-body {
    position: absolute;
    width: calc(100% - 16px);
    bottom: 5px;
    left: 8px;
}
.card-file .card-body h6 {
    font-size: 0.8rem;
    margin-bottom: 0;
}
.card-file .card-body p {
    margin-bottom: 0;
    font-size: 9px;
    color: #8392a5;
}
.uppy-Root {
    height: 100% !important;
}
.uppy-Dashboard-inner {
    width: 100% !important;
    height: 100% !important;
}
[data-selected="true"] .liteas-uploader-select {
    border-color: #007bff !important;
    background: rgba(0, 123, 255, 0.05);
}
.w-15px, .size-15px {
    width: 15px;
}
.h-15px, .size-15px {
    height: 15px;
}
.file-preview.box:after {
    content: "";
    clear: both;
    display: table;
}
.file-preview-item {
    padding: 8px;
    border: 1px solid #ebedf2;
    border-radius: 0.25rem;
}
.file-preview.box .file-preview-item {
    width: 160px;
    float: left;
    margin-right: 0.5rem;
    padding: 0;
    display: block !important;
    position: relative;
}
.file-preview.box.sm .file-preview-item {
    width: 100px;
}
.file-preview-item .thumb {
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    height: 45px;
    width: 50px;
    text-align: center;
    background: #f1f2f4;
    font-size: 20px;
    color: #92969b;
    border-radius: 0.25rem;
    overflow: hidden;
}
.file-preview.box .thumb {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    border-radius: 0;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.file-preview.box.sm .thumb {
    height: 52px;
}
.file-preview-item .body {
    min-width: 0;
}
.file-preview.box .body {
    padding: 8px 8px 2px;
}
.file-preview-item h6 {
    font-size: 13px;
    margin-bottom: 0;
}
.file-preview-item p {
    font-size: 10px;
    margin-bottom: 0;
    color: var(--secondary);
}
.file-preview-item .remove {
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
    max-width: 52px;
    width: 52px;
}
.file-preview.box .remove {
    position: absolute;
    top: -6px;
    right: -6px;
    width: auto;
    max-width: 100%;
}
.file-preview.box .remove .btn {
    padding: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #eaeaea;
}
.file-preview .file-preview-item .col.body{
    margin: 0 5px;
}
.h-100vh{
    height: 100vh !important;
}
.min-h-100vh{
    min-height: 100vh !important;
}
.end-rtl-0{
    left: 0 !important;
}
.overflow-y-scroll{
    overflow-y: scroll !important;
}
.overflow-x-hidden{
    overflow-x: hidden !important;
}
.bootstrap-select .dropdown-menu li{
    margin-bottom: 5px;
    font-size: 14px;
}
.bootstrap-select>.dropdown-toggle{
    background: transparent;
    color: #181c32;
    border: 1px solid #e4e6ef !important;
    font-size: 12px;
    border-radius: 5px;
}
[data-theme="dark"] .bootstrap-select>.dropdown-toggle{
    border: 1px solid #323248 !important;
    color: #f1f1f1!important;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    text-align: right !important;
}
.dropdown-file{
    position: absolute;
    top: 8px;
    left: 9px;
    z-index: 1;
}

table>tbody>tr>td>span.footable-toggle{
    background-color: #1e1e2d;
    color: #fff;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

[data-theme=dark] table>tbody>tr>td>span.footable-toggle{
    background-color: #2a2a3c;
}

[data-theme=dark] .uppy-Dashboard-inner{
    background-color: #2b2b40 !important;
    border-color: #66668b !important;
}

[data-theme=dark] .uppy-Dashboard-dropFilesTitle{
    color: #f1f1f1 !important;
}

[data-theme=dark] .uppy-DashboardContent-title{
    color: #f1f1f1 !important;
}

[data-theme=dark] .uppy-DashboardContent-bar{
    background-color: #2b2b40 !important;
    border-color: #66668b !important;
}

[data-theme=dark] .uppy-StatusBar{
    background-color: #2b2b40 !important;
}

.uppy-size--md .uppy-DashboardContent-addMore{
    display: flex;
    align-items: center;
}

.uppy-size--md .uppy-DashboardContent-addMore .uppy-DashboardContent-addMoreCaption{
    margin-left: 5px;
    margin-right: 5px;
}

[data-theme=dark] .uppy-StatusBar-statusPrimary{
    color: #f1f1f1 !important;
}

[data-theme=dark] .uppy-DashboardItem-name{
    color: #f1f1f1 !important;
}

.uppy-Dashboard-files {
    max-height: calc(100vh - 363px);
}

[data-theme=dark] .liteas-file-box .card-file{
    border-color: #66668b !important;
}

[data-theme=dark] [data-selected="true"] .liteas-uploader-select{
    border-color: #007bff !important;
}

[data-theme=dark] .uppy-Dashboard-AddFilesPanel{
    background: linear-gradient(0deg,#1e1e2d 35%,hsl(240deg 19.63% 20.98%)) !important;
}

.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap{
    min-height: 65vh;
}

.newsletter input{
    border-radius: 0 5px 5px 0 !important;
}

.newsletter input::placeholder{
    text-align: right !important;
}

.newsletter button{
    border-radius: 5px 0 0 5px !important;
    margin-right: -5px;
}