/* input[type=number]{
    direction: ltr;
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
} */

.table-header {
    font-size: 20px;
    font-weight: 600;
}

textarea{
    resize: none;
}

.body-table-style{
    margin-bottom: 50px;
}

.table-project thead tr {
    font-size: 12px;
    background-color: #015688;
    color: white;
}

.modal-title{
    font-size: 15px;
    font-weight: 600;
}

.form-parents label{
    font-size: 14px;
    font-weight: 500;
}

.form-parents select, .form-parents input, .form-parents textarea {
    font-size: 12px;
}

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
    border-right-width: 1px;
}

.dataTables_filter{
    float: right;
    font-size: 12px;
}

.dataTables_length{
    float: right;
    font-size: 12px;
}

.page-item.active .page-link{
    color: white !important;
    background-color: rgb(255, 92, 15) !important;
}

.btn-dataTable {
    border: 0;
    background-color: rgba(220, 220, 220, 0);
}

.btn-dataTable i {
    color: rgb(43, 125, 43);
    font-size: 18px;
}

.fieldsetstyle {
    border: 2px solid #ff5c0f;
    border-radius: 10px;
}
.fieldsetstyle legend {
    width: auto;
    padding: 0px 10px;
}

.validity-checker {
    border-color: #dc3545 !important;
    box-shadow: 0 0 10px #f1507f !important;
}

.parent-excel {
    width: 300px;
    min-height: 100px;
    background-color: white;
    border-radius: 5px;
    display: none;
    position: absolute;
    z-index: 9;
    left: 35px;
    box-shadow: 0 0 3px;
    top: 127px;
    padding: 8px;
}

.parent-excel::-webkit-scrollbar {
    background-color: rgb(178, 178, 178);
    border-radius: 10px;
    border: 4px solid rgb(128, 128, 128);
}

.parent-excel::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(128, 128, 128);
}

button.dt-button{
    background-color: white;
    border: 0;
    font-size: 12px;
}

.dt-buttons{
    float: left;
}

.icon-color{
    color: rgb(43, 125, 43);
    font-size: 19px;
}

.btn-set-filter {
    background-color: rgb(43, 125, 43);
    border: 0;
    margin-bottom: 5px;
    border-radius: 5px;
    font-size: 12px;
    color: white;
}

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

    .zoom {
        height: 30px;
        width: 30px;
        transition: transform 0.2s;
    }

    .zoom:hover {
        -ms-transform: scale(2);
        /* IE 9 */
        -webkit-transform: scale(2);
        /* Safari 3-8 */
        transform: scale(2);
    }

    .card-header {
        padding: 0.75rem 1.25rem 0.2rem;
    }

    /* th {
            font-size: 13px;
        } */
    /* td {
            font-size: 14px;
        } */

    button.btn {
        font-size: 12px;
    }

    i {
        font-size: 10px;
    }

    label {
        font-size: 0.8rem;
        font-weight: 500 !important;
        color: #000;
    }

    .icheck-primary label {
        font-weight: 400 !important;
    }

    .form-control {
        font-size: 13px;
        font-family: 'IRANSansFaNum';
    }

    .required-label::after {
        content: "*";
        position: relative;
        right: 2px;
        color: #dc3545;
    }

    .card-body .radio-header {
        font-size: 0.8rem;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.5);
        display: inline-block;
        margin-bottom: 0.5rem;
    }

    .abrar-project-slider .tooltip {
        font-family: "IRANSansFaNum" !important;
    }

    .abrar-project-slider .slider-selection,
    .abrar-project-slider .slider-handle,
    .abrar-project-slider .slider-tick.in-selection {
        background: #007bff;
    }

    [class*="icheck-"] {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .abrar-map-layout {
        position: relative;
        height: 409px;
        margin-bottom: 15px;
    }

    .abrar-map-layout>#abrar-map,
    #abrar-map-2 ,  #edit-map {
        height: 100%;
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
    }

    .abrar-map-layout>#abrar-map-static {
        height: 100%;
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
    }

    .abrar-map-layout>#abrarshow-map {
        height: 100%;
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
    }

    .abrar-map-layout>.pin-container {
        position: absolute;
        top: 34%;
        right: 44%;
        z-index: 1009;
    }

    .input-cord {
        font-family: "IRANSans" !important;
        text-align: center !important;
        direction: ltr !important;
    }

    .listproject-main {
        margin-top: 95px;
        padding: 0 10px;
    }

    .update-main {
        margin-top: 36px;
        padding: 0 10px;
    }

    .tool-main {
        margin-top: 70px;
        padding: 0 10px;
    }

    .card-footer {
        text-align: left;
    }

    .map-btn {
        border-radius: 0.25rem !important;
    }

    .is-invalid-input {
        color: #dc3545 !important;
        border-color: #dc3545;
    }
    .is-invalid-file {
        color: #dc3545 !important;
        border: 1px solid #dc3545 !important;
    }

    .is-invalid-text {
        color: #dc3545 !important;
    }

    .is-invalid-box {
        border-color: #dc3545;
    }

    .menu_top {
        z-index: 1040 !important;
    }

    .leaflet-div-icon {
        background: transparent !important;
        border: none !important;
    }

    .pin-marker {
        position: relative;
        width: 45px;
        height: 71px;
        font-family: "IRANSans";
    }

    .pin-marker.pin-move>.map-pin-marker {
        transform: scale(0.75);
    }

    .pin-marker.pin-set>.map-pin-marker>.pin-title-circle {
        background-color: #009900;
    }

    .pin-marker.pin-warn>.map-pin-marker>.pin-title-circle {
        background-color: #e90a0a;
    }

    .pin-marker.pin-move>.pin-main-shadow {
        transform: scale(1.35);
    }

    .map-pin-marker {
        position: relative;
        width: 45px;
        height: 65px;
        z-index: 10;
        transform-origin: 22.5px 0;
        transition: transform 0.2s;
    }

    .map-pin-marker>.pin-main-circle {
        position: absolute;
        width: 45px;
        height: 45px;
        left: 0;
        background-color: rgba(22, 67, 88, 1);
        border-radius: 50%;
        z-index: 12;
    }

    .map-pin-marker>.pin-white-circle {
        position: absolute;
        width: 39px;
        height: 39px;
        left: 3px;
        top: 3px;
        background-color: #ffffff;
        border-radius: 50%;
        z-index: 13;
    }

    .map-pin-marker>.pin-title-circle {
        position: absolute;
        width: 35px;
        height: 35px;
        left: 5px;
        top: 5px;
        background-color: rgba(22, 67, 88, 1);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 14;
        transition: background-color 0.3s;
    }

    .map-pin-marker>.pin-title-circle>.title-circle-text {
        line-height: 1;
        font-size: 10px;
        color: #ffffff;
        font-weight: 600;
        z-index: 15;
    }

    .map-pin-marker>.pin-main-line {
        position: absolute;
        width: 5px;
        height: 25px;
        z-index: 11;
        background-color: #000000;
        top: 40px;
        left: 20px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .pin-marker>.pin-main-shadow {
        position: absolute;
        width: 11px;
        height: 11px;
        left: 17px;
        top: 58px;
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10;
        transition: transform 0.2s;
    }

    .pin-marker>.pin-main-shadow>.shadow-dot {
        position: relative;
        width: 1px;
        height: 1px;
        left: 0;
        top: 0;
        background-color: #000000;
        border-radius: 50%;
        z-index: 10;
    }

    .map-latlng-input-row {
        position: absolute;
        bottom: 6px;
        z-index: 1000;
        width: 240px;
        left: 5px;
    }

    .map-latlng-form {
        margin-bottom: 0;
    }

    .map-latlng-input {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .map-latlng-label {
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 0.25rem;
        padding: 3px 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border: 1px solid #ced4da;
        color: #000000;
        border-bottom: 0;
        margin: 0;
    }

    .map-latlng-first-input {
        border-radius: 0;
        font-size: 12px;
        color: #009900;
    }

    .map-latlng-first-input::placeholder {
        font-size: 10px;
    }
    

    .map-latlng-first-input-edit {
        border-radius: 0;
        font-size: 12px;
        color: #009900;
    }

    .map-latlng-first-input-edit::placeholder {
        font-size: 10px;
    }

    .map-latlng-sec-input {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        font-size: 12px;
        color: #009900;
    }

    .map-latlng-sec-input::placeholder {
        font-size: 10px;
    }

    .abrar-map-title {
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 1000;
        padding: 4px 7px;
        color: #000;
        font-size: 13px;
        font-weight: 500;
        border-radius: 0.25rem;
        background-color: rgba(255, 193, 7, 0.8);
    }

    @keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

.divloader {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1052;
}
.loader {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    border: 4px solid #ff5c0f;
    top: 0;
    animation: loader 2s infinite ease;
}

.loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    animation: loader-inner 2s infinite ease-in;
}
    .distance-input {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .card-tools {
        margin-bottom: 0.75rem;
    }

    .error-message {
        display: none;
        font-size: 12px;
    }

    .second-round-title {
        font-size: 15px;
        font-weight: 500;
    }

    .edit-description {
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    }

    /* .tablefontheader {
            font-size: 12px;
        }
        
        table.table-bordered.dataTable tbody th,
        table.table-bordered.dataTable tbody td {
            border-bottom-width: 0;
            font-size: 11px;
        }
        
        .headercolortable {
            background-color: #286893;
            color: white;
        }
        
        table.dataTable tbody tr.selected {
            background-color: #99cc99;
        }
        
        .div.dataTables_wrapper div.dataTables_length label {
            float: left;
        }
        
        .dataTables_length {
            float: left;
        }
        
        table.dataTable thead>tr>th.sorting_asc,
        table.dataTable thead>tr>th.sorting_desc,
        table.dataTable thead>tr>th.sorting,
        table.dataTable thead>tr>td.sorting_asc,
        table.dataTable thead>tr>td.sorting_desc,
        table.dataTable thead>tr>td.sorting {
            padding-right: 10px;
        }
        
        .table.dataTable thead .sorting:before,
        table.dataTable thead .sorting_asc:before,
        table.dataTable thead .sorting_desc:before,
        table.dataTable thead .sorting_asc_disabled:before,
        table.dataTable thead .sorting_desc_disabled:before {
            display: none;
        }
        
        .table.dataTable thead .sorting:after,
        table.dataTable thead .sorting_asc:after,
        table.dataTable thead .sorting_desc:after,
        table.dataTable thead .sorting_asc_disabled:after,
        table.dataTable thead .sorting_desc_disabled:after {
            display: none;
        }
        
        div.dataTables_wrapper div.dataTables_info {
            padding-top: 0.85em;
            white-space: nowrap;
            font-size: 12px;
        } */

    .preview-template {
        border-left: 2px solid black;
        border-right: 2px solid black;
    }

    .template-section {
        border-top: 2px solid black;
        border-bottom: 2px solid black;
    }

    .section-title {
        font-size: 11px;
        text-align: center;
        background-color: lightgrey;
        font-weight: 600;
        padding: 10px 15px;
        border-bottom: 2px solid black;
    }

    /* .section-table>table {
            width: 100%;
        }
        
        .section-table>table,
        th,
        td {
            border: 1px solid black;
            border-collapse: collapse;
        }
        
        .section-table th {
            text-align: center;
            font-size: 8px;
            font-weight: 600;
            padding: 4px 5px;
        }
        
        .section-table th.sub-title {
            text-align: center;
            font-size: 8px;
            font-weight: 500;
            padding: 4px 5px;
        }
        
        .section-table td {
            text-align: center;
            padding: 4px 2px;
        }
        
        .section-table th.w-2 {
            width: 3%;
        }
        
        .section-table th.w-3 {
            width: 3%;
        }
        
        .section-table th.w-4 {
            width: 4%;
        }
        
        .section-table th.w-5 {
            width: 5%;
        } */
    /* div.dataTables_wrapper div.dataTables_processing {
            position: absolute;
            top: 70%;
            left: 50%;
            width: 200px;
            margin-left: -100px;
            margin-top: -26px;
            text-align: center;
            padding: 1em 0; */
    /* z-index: 10000; */
    /* } */

    .file-input-modal-container {
        width: 100%;
    }

    .file-input-modal {
        justify-content: center;
        font-size: 11px;
        display: flex;
        align-items: center;
        width: 100%;
        height: 80px;
        cursor: pointer;
        text-align: center;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
        background-color: #ffffff;
    }

    .file-input {
        display: none;
    }

    .modal {
        height: 90% !important;
        width: 100%;
    }

    .modal-error-message {
        display: none;
    }

    .zoomimage {
        width: 100%;
        height: 80px;
    }

    .slideroverlay {
        display: none;
        text-align: right;
        direction: rtl;
        position: fixed;
        z-index: 1051;
        padding-top: 77px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
    }

    .slideroverlay>.upload-confirm {
        z-index: 50;
        display: block;
        position: absolute;
        background: transparent;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

    .slideroverlay>.modal-content {
        background-color: #ffffff;
        border-radius: 7px;
        margin: auto;
        padding: 20px 1.5% 1px 1.5%;
        border: 1px solid #888;
        width: 70%;
        position: relative;
        z-index: 51;
    }

    .slideroverlay>.modal-content>.close {
        position: absolute;
        text-align: center;
        top: 3px;
        right: 5px;
        color: #979797;
    }

    .slideroverlay>.modal-content>.close::before {
        content: "\00d7";
        font-size: 22px;
        position: absolute;
    }

    .slideroverlay>.modal-content>.close:hover,
    .slideroverlay>.modal-content>.close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

    .slideroverlay>.modal-content>.slideshow .mySlides {
        display: none;
    }

    .slideroverlay>.modal-content>.slideshow img {
        /* vertical-align: middle;
    width: 100%;
    height: auto;
    opacity: 1;
    max-height: 500px;
	max-width: 100%; */
        vertical-align: middle;
        width: auto;
        height: auto;
        opacity: 1;
        max-height: 500px;
        max-width: 100%;
        margin: 0 auto;
        display: flex;
    }

    .slideroverlay>.modal-content>.slideshow .slideshow-container {
        max-width: 100%;
        position: relative;
        margin: auto;
    }

    .slideroverlay>.modal-content>.slideshow .prev,
    .slideroverlay>.modal-content>.slideshow .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -22px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .slideroverlay>.modal-content>.slideshow .next {
        right: 0;
        border-radius: 0px 3px 3px 0;
    }

    .slideroverlay>.modal-content>.slideshow .prev {
        left: 0;
        border-radius: 3px 0 0 3px;
    }

    .slideroverlay>.modal-content>.slideshow .prev:hover,
    .slideroverlay>.modal-content>.slideshow .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .slideroverlay>.modal-content>.slideshow .text {
        color: #f2f2f2;
        background-color: rgba(0, 0, 0, 0.8);
        padding: 10px 15px;
        position: absolute;
        bottom: -3px;
        width: 100%;
        text-align: center;
        font-family: "IRANSans";
        font-size: 12px;
    }

    .slideroverlay>.modal-content>.slideshow .numbertext {
        color: #f2f2f2;
        font-size: 14px;
        padding: 8px 12px;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.8);
        top: 0;
        border-radius: 3px;
    }

    .slideroverlay>.modal-content>.slideshow #slideshow-dot {
        margin-top: 15px !important;
        margin-bottom: 10px;
        direction: ltr;
    }

    .slideroverlay>.modal-content>.slideshow .dot {
        cursor: pointer;
        height: 12px;
        width: 12px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }

    .slideroverlay>.modal-content>.slideshow .active,
    .slideroverlay>.modal-content>.slideshow .dot:hover {
        background-color: #717171;
    }

    .slideroverlay>.modal-content>.slideshow .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
    }

    .colorset {
        background-color: #286893;
        color: white;
    }

    /* .table th,
        .table td {
            padding: 8px;
        } */

    .remove-image-container501 {
        display: flex;
        flex-direction: row;
        color: #c32323;
        position: absolute;
        top: -16px;
        left: 6px;
        font-weight: bold;
        cursor: pointer;
        font-size: 14px;
    }

    .tooltipstart1 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstart2 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstart3 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstart4 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstart5 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstart6 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstart7 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstart8 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstart9 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstart10 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstart11 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstart12 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstart13 {
        position: relative;
        /* display: inline-block; */
    }

    .tooltipstartcost {
        position: relative;
        /* display: inline-block; */
    }

    .tooltiptextstart {
        visibility: hidden;
        width: 150px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 35px;
        left: 100%;
        font-size: 10px;
        white-space: nowrap;
    }

    .tooltiptextstart::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent black transparent transparent;
    }

    .tooltipstart1:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstart2:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstart3:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstart4:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstart5:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstart6:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstart7:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstart8:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstart9:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstart10:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstart11:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstart12:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstart13:hover .tooltiptextstart {
        visibility: visible;
    }

    .tooltipstartcost:hover .tooltiptextstart {
        visibility: visible;
    }

    .slideroverlay>.modal-content>.slideshow .textt {
        color: #f2f2f2;
        background-color: rgba(0, 0, 0, 0.8);
        padding: 10px 15px;
        position: absolute;
        bottom: -38px;
        width: 100%;
        text-align: center;
        font-family: "IRANSans";
        font-size: 12px;
    }

    .slideroverlay>.modal-content>.slideshow #slideshow-dot {
        margin-top: 15px !important;
        margin-bottom: 10px;
        direction: ltr;
    }

    /* button.dt-button:hover:not(.disabled),
        div.dt-button:hover:not(.disabled),
        a.dt-button:hover:not(.disabled) {
            background-image: linear-gradient(to bottom, #007e49 0%, #007e49 100%);
            color: white;
        } */
    /* .dt-button:nth-child(2) {
            background: #007bff !important;
            border-color: #007bff !important;
        }
        
        .dt-button:nth-child(1) {
            background: #007bff !important;
            border-color: #007bff !important;
            color: white !important;
            line-height: 30.5px;
        } */
    /* div.dt-buttons {
            position: relative;
            float: right;
        } */
    /* div.dataTables_wrapper div.dataTables_filter {
            text-align: left;
        } */
    /* .dt-button:nth-child(1) {
            background: #28a745 !important;
            border-color: #28a745 !important;
            color: white !important;
            line-height: 30.5px;
        }
        
        .dt-button:nth-child(2) {
            background: gold !important;
            border-color: gold !important;
            color: white;
            line-height: 30px;
        } */
    /* table.dataTable tbody tr.selected {
            background-color: #29ab87;
        } */

    .select2 {
        width: 85% !important;
    }

    span.email-ids {
        float: left;
        /* padding: 4px; */
        margin-right: 5px;
        margin-bottom: 5px;
        background: #007bff !important;
        border-color: #007bff !important;
        padding: 3px 10px;
        color: white;
        border-radius: 5px;
    }

    span.cancel-email {
        width: 18px;
        display: block;
        float: right;
        text-align: center;
        margin-left: 20px;
        border-radius: 49%;
        height: 18px;
        line-height: 15px;
        margin-top: 1px;
        cursor: pointer;
    }

    .email-id-row {
        border-radius: 5px;
        border: 1px solid #ccc;
    }

    .email-id-row input {
        border: 0;
        outline: 0;
    }

    span.to-input {
        display: block;
        float: left;
        padding-right: 11px;
    }

    .all-tax {
        margin-left: 5px;
    }

    .btn-add-filter button {
        border-radius: 50%;
        padding: 1px;
        width: 30px;
        height: 30px;
    }

    .select2-results__options li {
        font-size: 13px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        font-size: 13px;
    }

    #btn_filter_show {
        color: white;
        background: rgb(43, 125, 43);
        border-color: rgb(43, 125, 43);
    }

    .body-table-style {
        margin-bottom: 100px;
    }


    .parent-filter {
            width: 223px;
            min-height: 200px;
            background-color: white;
            border-radius: 5px;
            display: none;
            position: absolute;
            z-index: 9;
            left: 30px;
            box-shadow: 0 0 3px;
            top: 127px;
            padding: 8px;
        }

    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .navbar-nav .dropdown-menu {
        position: absolute !important;
    }

    .dropdown-menu {
        background-image: linear-gradient(#707070, white);
    }

    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }

    .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }

    .dropdown-submenu:hover>a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left>.dropdown-menu {
        left: -78%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

    /* mohammad added */

    .imgbox {
        border: 1px solid #ccc;
        width: 150px;
        height: 150px;
        cursor: pointer;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        padding: 0;
        margin: 0;
        color: #666;
    }

    .img-preview {
        max-width: 100%;
    }

    .btn-delete-img {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        font-size: 12px;
        background-color: #007bff;
        border: none;
    }

    .table thead tr {
        background-color: #015688;
    }

    .line-empty-col {
        background-color: rgb(255, 92, 15);
        width: 50px;
        height: 1px;
        margin-left: auto;
        margin-right: auto;
    }

    #rahdaredit .displayTitle {
        display: none !important;
    }

    /* mohammad added */

    .modal-header .close, .modal-header .mailbox-attachment-close {
    padding: 1rem;
    margin: -1rem auto -1rem -1rem;
}