/* header 2 */
.language-bnt {
    color: #55BFCE !important;
    font-size: 14px;
    text-decoration: none !important;
}

/*.header-dashboard .header-dashboard-top-logo img {
    width: 120px;
}*/

.dropdown-content,
.dropdown-menu-avatar {
    display: none;
    position: absolute;
    background: white;
    /* padding: 10px 20px; */
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 24px 24px 0px rgb(0 0 0 / 10%);
    min-width: 200px;
}

    .dropdown-content li a,
    .dropdown-menu-avatar li a {
        color: #31356F;
        font-size: 15px;
        display: block;
        border-bottom: 1px solid #F4F4F4;
        padding: 12px 16px;
        padding-bottom: 10px;
        transition: all ease 0.3s;
        text-decoration: none;
    }

    .dropdown-content li:last-child a,
    .dropdown-menu-avatar li:last-child a {
        border-bottom: 0px !important;
    }

@media (max-width: 768px) {
    .dropdown-content {
        display: block;
        position: relative;
        background: initial;
        padding: 10px 20px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        background-color: initial;
        box-shadow: none;
        min-width: 100%;
    }

        .dropdown-content li a {
            color: #fff;
            font-size: 16px;
            display: block;
            border-bottom: 0px;
            padding: 14px;
            padding-bottom: 10px;
            transition: all ease 0.3s;
            text-decoration: none;
        }

    .header-dashboard-list {
        overflow-y: auto;
        height: 60vh;
    }
}

.header-dashboard .header-dashboard-top {
    margin-bottom: 0px;
}

.header-dashboard .header-dashboard-list-link {
    padding: 8px 10px;
}

.avatar-small-medium.avatar-container.ng-isolate-scope {
    border-radius: 100px;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    background-color: #56B7CB;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

    .avatar-small-medium.avatar-container.ng-isolate-scope span {
        line-height: 2rem !important;
        font-weight: bold;
        font-size: 14px;
    }

.header-dashboard .search-header {
    padding: 5px 15px 3px;
}

.header-dashboard-top-drop {
    position: relative;
}

.dropdown-menu-avatar {
    transform: translate(0px, 50px);
}
/* end header 2 */

/* breadcrombs */
.breadcrombs-box {
    width: 1140px;
    margin: auto;
    padding: 10px 0;
}

    .breadcrombs-box .bread-crombs {
        color: #31356F;
        font-size: 14px;
        gap: 5px;
    }

        .breadcrombs-box .bread-crombs a:hover {
            text-decoration: none;
        }


@media (max-width: 1199px) {
    .breadcrombs-box {
        width: 950px;
    }
}

@media (max-width: 991px) {
    .breadcrombs-box {
        width: 100%;
        padding: 25px;
    }
}

@media (max-width: 479px) {
    .breadcrombs-box {
        padding: 25px;
    }
}
/* end breadcrombs */
/* add-new-channel-contanier */
.d-none {
    display: none !important;
}

.add-new-channel-popup-fullscreen,
.channel-service-popup-fullscreen {
    display: none;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99;
    top: 0px;
    margin: 0rem 0rem;
    visibility: visible;
}

.add-new-channel-contanier,
.channel-service-contanier {
    width: 80%;
    height: 100vh;
    overflow: auto;
    padding: 30px;
    background: #fff;
    margin: 0 auto;
}

.add-new-channel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .add-new-channel-title .title {
        color: #074D31;
        font-size: 26px;
        font-family: "boldFont";
    }

    .add-new-channel-title .cancel-bnt {
        margin-top: 0px;
    }

        .add-new-channel-title .cancel-bnt img {
            width: 20px;
        }

@media (max-width: 479px) {
    .add-new-channel-contanier {
        padding: 10px;
    }
}

/* title top */
.title-section-top {
    width: 1140px;
    margin: auto;
    padding: 30px 0;
}

    .title-section-top .title-container-top {
        justify-content: space-between;
        align-items: center;
    }

        .title-section-top .title-container-top .title {
            display: flex;
            align-items: center;
        }

            .title-section-top .title-container-top .title h4 {
                font-family: "boldFont";
                font-size: 30px;
                color: #074D31;
            }

@media (max-width: 1199px) {
    .title-section-top {
        width: 950px;
    }
}

@media (max-width: 991px) {
    .title-section-top {
        width: 100%;
        padding: 25px;
    }
}

@media (max-width: 479px) {
    .title-section-top {
        padding: 25px;
    }

        .title-section-top .title-container-top .title h4 {
            font-size: 24px;
        }
}

.title-section-top .title-container-top .title .order-status {
    font-size: 16px;
    position: relative;
    padding: 0px 20px;
    margin-right: 15px;
}

    .title-section-top .title-container-top .title .order-status:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        right: 0px;
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
    }

    .title-section-top .title-container-top .title .order-status.complete {
        color: #18a37a;
    }

        .title-section-top .title-container-top .title .order-status.complete:after {
            content: "";
            background-color: #18a37a;
        }

[dir="ltr"] .title-section-top .title-container-top .title .order-status {
    margin-left: 15px;
    margin-right: 0px;
}

    [dir="ltr"] .title-section-top .title-container-top .title .order-status:after {
        left: 0px;
    }

/* end title top */
/* switch-language */
.switch-language .arabic {
    float: right;
    margin-left: 39px;
    color: #9b9b9a;
    font-size: 14px;
}

.switch-language .english {
    margin-right: 4px;
    color: #9b9b9a;
    font-size: 14px;
}

.switch-language .form-check-input:checked[type="checkbox"] {
    background-color: #ebeaf0;
    border-color: #ebeaf0;
}

.form-switch .form-check-input,
.form-switch .form-check-input:checked,
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%232E326B'/%3e%3c/svg%3e");
}

[dir="ltr"] .switch-language .arabic {
    float: left;
    margin-right: 50px;
    margin-left: 0;
}

[dir="ltr"] .switch-language .english {
    margin-left: 0px;
    margin-right: 4px;
}

@media (max-width: 425px) {
    [dir="ltr"] .form-switch {
        padding-left: 0rem;
    }

    [dir="ltr"] .title-section-top .title-container-top .title {
        flex: 1;
    }
}
/* end switch-language */

/*  cloud-list-page */
.table-div .orders-table {
    border-collapse: initial;
}

.orders-table tbody td {
    border: 0px;
}

.table-overflow {
    padding: 0px 5px;
}

.orders-table tbody tr {
    border-radius: 16px;
    box-shadow: 0 0 1px #bdbdbd;
}

.orders-table tbody td:last-child {
    border: 0px;
    display: flex;
}

[dir="ltr"] .orders-table thead th,
[dir="ltr"] .orders-table tbody td {
    text-align: left;
}

    [dir="ltr"] .orders-table tbody td:first-child {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-right: 0px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-left: 1px solid #f0f0f0;
    }

    [dir="ltr"] .orders-table tbody td:last-child {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-left: 0px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        border-right: 1px solid #f0f0f0;
    }

[dir="ltr"] .orders-table .arrow-table {
    padding-right: 0px;
    padding-left: 10px;
}

    [dir="ltr"] .orders-table .arrow-table img {
        transform: rotate(180deg);
    }

[dir="ltr"] .orders-table tbody .order-status:after {
    left: 0px;
}
/*  end cloud-list-page */

/*  cloud-form-components-page */
.form-cloud-container {
    flex-wrap: wrap;
    justify-content: start;
}

.form-cloud-box {
    box-shadow: 0px 10px 32px #0000000a;
    border: 1px solid #e2e2e2;
    border-radius: 13px;
    padding: 14px 20px;
    color: #2e326b;
    margin: 10px;
    flex: 23%;
    flex-grow: inherit;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

    .form-cloud-box h4.title {
        font-size: 18px;
        font-weight: bold;
    }

    .form-cloud-box p {
        font-size: 14px;
    }

    .form-cloud-box .question {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-top: auto;
    }

        .form-cloud-box .question .num {
            font-size: 12px;
            margin-bottom: 2px;
        }

    .form-cloud-box .progres-line {
        width: 100%;
        height: 4px;
        border-radius: 2px;
        display: block;
        background: #ebeaf0;
    }

        .form-cloud-box .progres-line::before {
            width: 60%;
            content: "";
            height: 4px;
            background: #2e326b;
            display: block;
            border-radius: 2px;
        }

    .form-cloud-box.complete .question .complete-title,
    .form-cloud-box.complete .question .num {
        color: #29b3b4;
        font-size: 12px;
    }

    .form-cloud-box.complete .progres-line {
        background: #29b3b4;
    }

        .form-cloud-box.complete .progres-line::before {
            width: 100%;
            background: #29b3b4;
        }

.form-date {
    display: flex;
    align-items: center;
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
    margin-top: 35px;
}

    .form-date .percentage,
    .form-date .close-date {
        font-size: 16px;
        color: #2e326b;
    }

    .form-date .percentage {
        margin-right: 45px;
    }

    .form-date button {
        margin-right: auto;
    }

[dir="ltr"] .form-date .percentage {
    margin-right: 0px;
    margin-left: 45px;
}

[dir="ltr"] .form-date button {
    margin-right: 0;
    margin-left: auto;
}

[dir="ltr"] .form-cloud-box h4.title img {
    transform: rotate(180deg);
}

@media (max-width: 1199px) {
    .form-cloud-box {
        flex: 30%;
        flex-grow: inherit;
    }
}

@media (max-width: 768px) {
    .form-cloud-box {
        flex: 100%;
        flex-grow: inherit;
    }

    .form-date {
        flex-direction: column;
    }

        .form-date .percentage {
            margin: 10px 0px;
        }

        .form-date button {
            margin-right: inherit;
        }

    [dir="ltr"] .form-date button {
        margin-left: inherit;
    }

    [dir="ltr"] .form-date .percentage {
        margin-left: 0px;
    }
}

/* end cloud-form-components-page */

/* cloud-form template-1 page */

.cloud-form-table thead tr th {
    color: #fff;
    background: #37326d;
    font-size: 13px;
}

.cloud-form-table thead tr.years th {
    padding-top: 10px;
    border-left: 3px solid #fff;
}

    .cloud-form-table thead tr.years th:last-child {
        border-left: 0px;
    }

.cloud-form-table thead tr.years,
.cloud-form-table thead tr.explanation th {
    text-align: center;
}

    .cloud-form-table thead tr.explanation th.Cloud {
        font-weight: lighter;
        padding-bottom: 20px;
        border-left: 3px solid #fff;
    }

.cloud-form-table tbody tr {
    border-bottom: 1px solid #dedede;
    color: #37326d;
    font-size: 14px;
}

    .cloud-form-table tbody tr.table-section-title {
        font-size: 16px;
        font-weight: bold;
        color: #37326d;
        background: #ebeaf0;
        border-top: 4px solid #fff;
        border-bottom: none;
    }

        .cloud-form-table tbody tr.table-section-title td {
            padding: 15px 4px 15px 4px;
        }

.cloud-form-table td input {
    border: 1px solid #dedede;
    border-radius: 0px;
}

.cloud-form-table tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}

    .cloud-form-table tr td:first-of-type {
        font-weight: bold;
    }

.box-container {
    box-shadow: none;
}

.btn-edit {
    margin-top: 30px;
    float: left;
}

[dir="ltr"] .cloud-form-table thead tr.years th {
    border-left: 0px;
    border-right: 3px solid #fff;
}

    [dir="ltr"] .cloud-form-table thead tr.years th:last-child {
        border-right: 0px;
    }

[dir="ltr"] .cloud-form-table thead tr.explanation th.Cloud {
    border-left: 0px;
    border-right: 3px solid #fff;
}

[dir="ltr"] .btn-edit {
    float: right;
}
/* end cloud-form template-1 page */

/* cloud-form-template 2 */
.mr-auto {
    margin-right: auto;
}

.section-card .section-card-header .title {
    font-size: 24px;
}

.procedures-select .procedures-select-bnt {
    background-color: #fff;
    border: 0px;
}

.section-card img {
    transform: rotate(0deg);
}

.section-card.active img {
    transform: rotate(180deg);
}

.details-form {
    margin-bottom: 24px;
}

    .details-form label {
        display: block;
        color: #5A5A5A;
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 5px;
    }

    .details-form span {
        display: block;
        color: #5A5A5A;
        font-size: 16px;
    }

.add-new-channel-title .cancel-bnt {
    border: 0px;
    background-color: white;
}

.dropdown-service-body {
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    padding: 20px 15px;
    border-radius: 10px;
    position: absolute;
    z-index: 111;
}

.dropdown-service-container.procedures-select {
    position: relative;
    display: inline-flex;
}

.dropdown-service-body.procedures {
    margin-top: 43px;
    /*width: 165px;*/
    left: 0px;
}

.dropdown-service-body:before {
    content: "";
    position: absolute;
    top: -15px;
    width: 0;
    height: 0;
    left: 25px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #fff;
}

.dropdown-service-body a {
    border-bottom: 1px solid #DBDBDB;
    display: block;
    margin-bottom: 5px;
    color: #074D31;
    padding-bottom: 4px;
    font-size: 14px;
}

    .dropdown-service-body a:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .dropdown-service-body a.delete {
        color: red;
    }

.form-box-input {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    padding: 2px 15px 5px;
    margin-top: 25px;
}

    .form-box-input input,
    .form .section-input {
        border: 0px;
        padding: 0px;
    }

.dir-ltr {
    direction: ltr;
}

.dir-rtl {
    direction: rtl;
}

.form-box-dropdown {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    padding: 5px 0px 15px;
    margin-top: 25px;
}

    .form-box-dropdown .section-input {
        border: 0px;
        color: #074D31;
        padding: 0 15px;
    }

    .form-box-dropdown .section-label {
        color: #706F6F;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }

.form-box-input .section-label {
    color: #706F6F;
    font-size: 14px;
}

[dir="ltr"] .mr-auto {
    margin-left: auto;
    margin-right: 0px;
}

[dir="ltr"] .header-contanier .arrow-img {
    margin-left: 0px;
    margin-right: 10px;
}

@media (max-width: 519px) {
    .next-box.display-flexbox,
    .next-box.display-flexbox .bottons.display-flexbox {
        flex-direction: column;
        text-align: center;
    }
}

/* end cloud-form-template 2 */

.sup-title-section {
    font-size: 18px;
    font-weight: bold;
    color: #074D31;
}

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

/* cloud-form-template 4 */

.cloud-table-form tbody tr.table-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #37326d;
    background: #ebeaf0;
    border-bottom: none;
    padding: 15px 4px 15px 4px;
}

.cloud-table-form td {
    font-size: 14px;
    color: #37326D;
}

.cloud-table-form td {
    width: 46%;
    vertical-align: middle;
    padding-top: 20px;
}

    .cloud-table-form td:first-of-type {
        width: 4%;
    }

    .cloud-table-form td:last-of-type {
        padding-right: 30px;
    }

.file-upload-name {
    color: #37326D;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 7px;
    margin-top: 12px;
}

    .file-upload-name li {
        margin-bottom: 7px;
        cursor: pointer;
    }

    .file-upload-name img {
        width: 10px;
        margin-left: 10px;
        vertical-align: middle;
    }

.table-section-title td {
    padding-bottom: 14px;
    padding-top: 14px;
}

.file-upload-bnt {
    padding-left: 38px;
    padding-right: 38px;
}

[dir="ltr"] .file-upload-name img {
    margin-left: 0px;
    margin-right: 10px;
}

[dir="ltr"] .cloud-table-form td:last-of-type {
    padding-right: 0px;
    padding-left: 30px;
}

.margin-t-0 {
    margin-top: 0px;
}

/* end cloud-form-template 4 */

.orders-table {
    margin-top: 0px;
}

/* floating */
.form-floating {
    margin-top: 25px;
}

    .form-floating > label {
        color: #706F6F;
        font-size: 12px;
        font-family: "boldFont";
        top: -5px;
    }

    .form-floating > .form-select ~ label {
        opacity: 1 !important;
    }

[dir="ltr"] .form-floating > .form-control:focus ~ label,
[dir="ltr"] .form-floating > .form-control:not(:placeholder-shown) ~ label,
[dir="ltr"] .form-floating > .form-control-plaintext ~ label,
[dir="ltr"] .form-floating > .form-select ~ label,
.dir-ltr.form-floating > .form-control:focus ~ label,
.dir-ltr.form-floating > .form-control:not(:placeholder-shown) ~ label,
.dir-ltr.form-floating > .form-control-plaintext ~ label,
.dir-ltr.form-floating > .form-select ~ label {
    transform: scale(1) translateY(-0.5rem) translateX(0rem);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label,
.dir-rtl.form-floating > .form-control:focus ~ label,
.dir-rtl.form-floating > .form-control:not(:placeholder-shown) ~ label,
.dir-rtl.form-floating > .form-control-plaintext ~ label,
.dir-rtl.form-floating > .form-select ~ label {
    transform: scale(1) translateY(-0.5rem) translateX(0%);
}

.form-floating > .form-select {
    padding-top: 1.625rem;
}

[dir="rtl"] .form-floating > .form-select {
    padding-right: 13px;
}

[dir="ltr"] .form select {
    background-position: right 15px center;
}

.form-box-input.date-input label,
.form-box-dropdown.floating-file-upload .section-label {
    //color: #a2a2a2;
    font-size: 12px;
}

.floating-file-upload.disabled {
    background-color: #eeeeee;
    color: #706f6f;
}

    .floating-file-upload.disabled .section-input {
        color: #706f6f;
    }
/* end floating */

/* delete bnt */
.delete-btn,
.delete-btn:hover {
    border: 2px solid #d90101;
    padding: 7px 50px;
    border-radius: 10px;
    font-size: 16px;
    font-family: "boldFont";
    color: #d90101;
    gap: 10px;
    display: inline-flex;
    text-decoration: none;
}
/* end delete bnt */

/* request-card */
.request-card {
    border: 1px solid #F0F0F0;
    border-radius: 15px;
    margin-top: 40px;
    margin-bottom: 40px;
    box-shadow: 0px 15px 14px 0px #efeded;
    padding: 24px 35px;
    background: #fff;
}

h2.request-num {
    color: #074D31;
    font-size: 22px;
    font-family: "boldFont";
    margin-bottom: 10px;
}

.request-details {
    display: flex;
    min-height: 60px;
}

.details-card {
    color: #074D31;
    font-size: 14px;
    margin-left: 30px;
    width: 100%;
}

    .details-card .name {
        display: block;
        font-family: "boldFont";
    }

    .details-card form {
        display: flex;
    }

.task-details-body .request-details a.details-card:last-child .link-bnt.name {
    border: 1px solid #074D31;
    border-radius: 10px;
    margin: 0px 5px;
    padding: 7px 15px;
}

.accept-request-bnt {
    padding: 6px 24px;
    border: 1px solid;
    background-color: #fff;
    color: #65C99B;
    border-color: #65C99B;
    box-shadow: none;
    font-family: 'boldFont';
    font-size: 14px;
    border-radius: 10px;
    text-decoration: none;
    margin-left: 10px;
    margin-top: 15px !important;
}

.reject-request-bnt {
    padding: 6px 24px;
    border: 1px solid;
    background-color: #c42929;
    color: #fff;
    border-color: #c42929;
    box-shadow: none;
    font-family: 'boldFont';
    font-size: 14px;
    border-radius: 10px;
    text-decoration: none;
    margin-left: 10px;
    margin-top: 15px;
}

[dir="ltr"] .accept-request-bnt,
[dir="ltr"] .reject-request-bnt {
    margin-left: 0px;
    margin-right: 10px;
}

.modify-request-bnt {
    padding: 6px 24px;
    border: 1px solid;
    background-color: #fff;
    color: #074D31;
    border-color: #074D31;
    box-shadow: none;
    font-family: 'boldFont';
    font-size: 14px;
    border-radius: 10px;
    text-decoration: none;
    margin-top: 15px;
}

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

[dir="ltr"] .details-card {
    margin-right: 50px;
    margin-left: 0px;
}

@media (max-width: 769px) {
    .details-card {
        margin-left: 0px;
    }

    .request-card {
        padding: 24px 20px;
    }

    [dir="ltr"] .details-card {
        margin-right: 0px;
        margin-left: 0px;
    }
}
/* end request-card */

@media (max-width: 769px) {
    .request-details {
        display: block;
    }

    .details-card {
        margin-left: 0px;
    }

    .section-card .section-card-body-contanier {
        padding: 0px;
    }

    .next-box .cancel {
        margin-bottom: 10px;
    }
}

.header-dashboard .header-dashboard-top-logo img {
    width: 170px;
}

@media (max-width: 479px) {
    .header-dashboard .header-dashboard-top-contanier {
        /* flex-direction: row; */
        align-items: start;
    }

    .title-section-top .title-container-top {
        display: block;
    }

        .title-section-top .title-container-top .title {
            margin-bottom: 10px;
        }
}


.add-user-section .add-user-bnt {
    border: 1px solid #074D31;
    border-radius: 5px;
    background: #074D31;
    color: #fff;
    padding: 5px 8px;
    font-size: 14px;
}

.add-user-section {
    margin-top: 30px;
}

.header_lang_top_button a {
    text-decoration: none;
    color: #56B7CB;
    font-size: 14px;
}

.orders-table {
    margin-bottom: 0px;
}

.table-overflow {
    overflow: auto;
}

.most-used-services-box.display-flexbox a {
    padding: 15px 8px;
    text-decoration: none;
}

.form .section-label {
    color: #706F6F;
    font-size: 14px;
    font-family: "boldFont";
}

/* tagify */
.form-box-custom-dropdown {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    padding: 2px 0px 5px;
    margin-top: 25px;
}

    .form-box-custom-dropdown .section-label {
        color: #6b6b6b;
        font-size: 14px;
    }

    .form-box-custom-dropdown .section-label,
    .form-box-custom-dropdown .tagify {
        padding-left: 15px;
        padding-right: 15px;
    }

.tagify {
    border: 0px !important;
}

/* tagify dropdown */
.tags-look {
    z-index: 100;
}

    .tags-look .tagify__dropdown__item {
        display: inline-block;
        border-radius: 3px;
        padding: .3em .5em;
        border: 1px solid #CCC;
        background: #F3F3F3;
        margin: .2em;
        font-size: .85em;
        color: black;
        transition: 0s;
        margin-right: 15px;
    }

    .tags-look .tagify__dropdown__item--active {
        color: black;
    }

    .tags-look .tagify__dropdown__item:hover {
        background: #29b4b419;
        border-color: #29B3B4;
        color: #29B3B4;
    }

/* Tags bg */
.tagify__tag {
    margin: 5px 0 5px 10px;
}

    .tagify__tag > div::before {
        top: 1px !important;
        bottom: 0px !important;
        box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) #30346e38 inset !important;
    }

    .tagify__tag:focus div::before,
    .tagify__tag:hover:not([readonly]) div::before {
        box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) #30346e38 inset !important;
    }

.tagify__tag__removeBtn {
    width: 22px;
    font-size: 20px;
    margin-left: 8px;
    color: #074D31;
}

.tagify__tag-text {
    color: #074D31;
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
    animation: auto;
    box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) #90909038 inset !important;
}

.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div .tagify__tag-text {
    color: gray;
}

.form-box-custom-dropdown.tagify-input .section-label {
    /* opacity: 0.65; */
    font-size: 12px;
}

.form-box-custom-dropdown.tagify-input.readonly {
    background: #f0f0f0;
}

    .form-box-custom-dropdown.tagify-input.readonly .section-label {
        opacity: 0.65;
    }

.note-text {
    font-size: 14px;
    margin-top: 20px;
}

a.email-link {
    color: #074D31;
    text-decoration: none;
}

@media (max-width: 479px) {
    .orders-div {
        width: 90%;
    }
}

.option-select.filtration {
    background-image: url("../../Images/filtration-bar-icon1.svg");
}



.reject-request-popup-fullscreen {
    display: none;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99;
    top: 0px;
    margin: 0rem 0rem;
    visibility: visible;
}

.reject-request-contanier {
    width: 45%;
    height: auto;
    overflow: auto;
    padding: 30px;
    background: #fff;
    margin: 0 auto;
}

.reject-request-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .reject-request-title .title {
        color: #074D31;
        font-size: 26px;
        font-family: "boldFont";
    }

    .reject-request-title .cancel-bnt {
        margin-top: 0px;
        border: 0px;
        background-color: inherit;
    }

        .reject-request-title .cancel-bnt img {
            width: 15px;
        }

@media (max-width: 479px) {
    .reject-request-contanier {
        padding: 10px;
    }
}

button.cancel-bnt {
    border: 0px;
    background-color: inherit;
}

.reject-request-contanier button.reject-request-bnt {
    margin-top: 0px;
}

.reject-request-contanier .button-contanier {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

@media (max-width: 768px) {
    .reject-request-contanier {
        width: 90%;
    }
}

.link-bnt {
    border: 0px;
    background-color: inherit;
    color: #31356F;
}

.card-header-tap a {
    color: #ACACAC;
    text-decoration: none;
}

.card-header-tap.active a {
    color: #074D31;
}

.footer.footer-dashboard {
    margin-top: 80px;
}

.header-dashboard-top-drop {
    border: 1px solid #dedede;
    padding: 0 15px;
    border-radius: 10px;
}

/* task-management */
.task-management {
    border: 0px;
    border-radius: 0px;
    margin-top: 0px;
}

    .task-management .task-management-title {
        display: flex;
        justify-content: space-between;
    }

    .task-management .order-status:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        right: 0px;
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
    }

    .task-management .order-status.complete:after {
        content: "";
        background-color: #65C99B;
    }

    .task-management .order-status.reject:after {
        content: "";
        background-color: #DB7575;
    }

    .task-management .order-status.implementation:after {
        content: "";
        background-color: #F2A165;
    }

    .task-management .order-status {
        padding: 0 20px;
        margin: 0 10px;
        font-size: 16px;
        position: relative;
    }

        .task-management .order-status.complete {
            color: #65C99B;
        }

        .task-management .order-status.reject {
            color: #DB7575;
        }

        .task-management .order-status.implementation {
            color: #F2A165;
        }

@media (max-width: 550px) {
    .task-management .task-management-title {
        flex-direction: column;
    }

    .dropdown-service-container.procedures-select {
        align-self: end;
    }
}

.descrption {
    color: #2E326B;
}

.section-card .section-card-header .title span {
    font-size: 16px;
    font-weight: lighter;
    margin: 0 10px;
}

.task-details-card {
    border: 1px solid #F0F0F0;
    border-radius: 13px;
    padding: 20px;
    cursor: auto;
    margin-bottom: 24px;
}

    .task-details-card .task-details-body {
        /* display: flex;
  align-items: center; */
    }

.task-details-title {
    font-size: 18px;
    color: #37326D;
    font-weight: bold;
    padding: 0;
}

.task-details-bnt {
    border: 0px;
    background: inherit;
    float: left;
}

.dropdown-options-container.task-details-select {
    margin-right: auto;
    position: relative;
}

.task-details-card .form-check {
    /* margin-left: 20px; */
    padding-right: 50px;
}

.task-details-card .form-check-input:checked {
    background-color: #fff;
    border-color: #37326D;
}

.task-details-card .form-check-input[type="checkbox"] {
    border-radius: 0px;
}

.task-details-card .form-check-input {
    width: 21px;
    height: 21px;
}

.task-details-card input:checked[type="checkbox"] {
    background-color: #37326D;
}

.dropdown-options-body.task-details-options {
    margin-top: 35px;
    background-color: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    padding: 20px 15px;
    border-radius: 10px;
    position: absolute;
    z-index: 111;
    left: -25px;
    min-width: 190px;
}

.task-details-options.dropdown-options-body:before {
    content: "";
    position: absolute;
    top: -15px;
    width: 0;
    height: 0;
    left: 32px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #fff;
}

.dropdown-options-body a {
    border-bottom: 1px solid #DBDBDB;
    display: block;
    margin-bottom: 5px;
    color: #074D31;
    padding-bottom: 4px;
    font-size: 14px;
}

    .dropdown-options-body a.delete {
        color: red;
    }

    .dropdown-options-body a:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.task-details-body .request-details {
    padding: 0;
    border-bottom: 1px solid #C3C1D3;
    margin-top: 10px;
    padding-bottom: 8px
}

    .task-details-body .request-details .details-card {
        display: flex;
        margin-left: 20px;
        align-items: center;
    }

        .task-details-body .request-details .details-card .name {
            margin-left: 10px;
        }

    .task-details-body .request-details a.details-card:last-child {
        margin-right: auto;
        margin-left: 0px;
    }

        .task-details-body .request-details a.details-card:last-child .name {
            margin-left: 0px;
        }

    .task-details-body .request-details a.details-card:hover {
        text-decoration: none;
        color: #2E326B;
    }

    .task-details-body .request-details .details-card img {
        transform: rotate(0deg);
        margin-left: 5px;
        width: 11px;
    }

.task-details-body .text {
    font-size: 14px;
    color: #2E326B;
    padding: 0px;
    padding-top: 6px;
}

.sub-section-title {
    font-size: 18px;
    font-family: "boldFont";
    color: #074D31;
    margin-top: 40px;
}

    .sub-section-title .form-floating {
        margin-top: 10px;
    }

.section-card .section-card-header {
    padding: 18px 35px 18px;
}

.modify-request-bnt.gray {
    color: #8C827A;
    border-color: #8C827A;
}

.card-header-tap .order-status {
    margin: 0 10px;
    font-size: 16px;
    position: relative;
}

    .card-header-tap .order-status:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        right: 0px;
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
    }

    .card-header-tap .order-status.complete:after {
        content: "";
        background-color: #65C99B;
    }

    .card-header-tap .order-status.complete {
        color: #65C99B;
    }

    .card-header-tap .order-status.implementation:after {
        content: "";
        background-color: #F2A165;
    }

    .card-header-tap .order-status.implementation {
        color: #F2A165;
    }

.details-card.dga-team {
    display: flex;
    margin-left: 20px;
    align-items: center;
}

.dga-team.details-card:hover {
    text-decoration: none;
    color: #2E326B;
}

.details-card.dga-team img {
    margin-left: 5px;
    width: 11px;
}

.reject-request-bnt-o {
    padding: 6px 24px;
    border: 1px solid;
    background-color: #fff;
    color: #C60033;
    border-color: #C60033;
    box-shadow: none;
    font-family: 'boldFont';
    font-size: 14px;
    border-radius: 10px;
    text-decoration: none;
    margin-left: 10px;
    margin-top: 15px;
}

[dir="ltr"] .reject-request-bnt-o {
    margin-left: 0px;
    margin-right: 10px;
}

.task-details-body .text.border-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #F0F0F0;
}

.brown-bg {
    background-color: #F2F1F0;
}

.task-details-title .order-status {
    margin: 0 10px;
    font-size: 16px;
    padding: 0px 20px;
    position: relative;
}

    .task-details-title .order-status:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        right: 0px;
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
    }

    .task-details-title .order-status.complete:after {
        content: "";
        background-color: #18A37A;
    }

    .task-details-title .order-status.complete {
        color: #18A37A;
    }

    .task-details-title .order-status.implementation:after {
        content: "";
        background-color: #F2A165;
    }

    .task-details-title .order-status.implementation {
        color: #F2A165;
    }

    .task-details-title .order-status.reject:after {
        content: "";
        background-color: #C60033;
    }

    .task-details-title .order-status.reject {
        color: #C60033;
    }

.add-new-channel-contanier.task-card {
    height: 572px;
}

.btn-primary:hover {
    text-decoration: none;
}

.btn-primary:focus {
    color: #fff;
    text-decoration: none;
    border: none;
}

/* select2 */
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 0px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #074D31;
        margin-top: 20px;
    }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 0px;
    padding-left: 20px;
}

.select2-container {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    padding: 2px 15px 5px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #074D31;
    color: #fff;
}

.select2-container--open .select2-dropdown {
    left: -1px;
    top: -5px;
    border: 1px solid #DEDEDE;
    border-top: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #DEDEDE;
    border-radius: 5px;
}

.select2-selection__arrow {
    transition: all 0.2s;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url("../../Images/gray bottom arrow.svg");
    background-repeat: no-repeat;
    background-position: 4px center;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    background-image: url("../../Images/gray bottom arrow.svg");
    background-repeat: no-repeat;
    background-position: 4px center;
    transform: rotate(180deg);
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b,
    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent;
        border-width: 0px;
    }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 10px;
    top: 15px;
}

.form-select.is-invalid + .select2-container {
    border-color: #c60033;
}

.select2-container--default .select2-selection--multiple {
    border: unset;
    padding-top: 15px;
    transform: translateY(5px);
    background: unset;
    height: 49px;
}

.select2-container--default .select2-selection--multiple {
    border: unset;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: unset;
}

/* end select2 */

/* start GA enrollment */
.section-card .alert img {
    height: auto;
}

.sup-title-form {
    color: #2E326B;
    font-size: 20px;
    font-family: 'boldFont';
    margin-top: 40px;
}

.about-the-request .How-we-do__shape-container {
    /*width: 360px;*/
}

.How-we-do__shape-container.GA-enrollment .How-we-do__shape-container__road__title {
    width: 220px;
}

.lable-section {
    display: block;
    font-size: 16px;
    font-family: "boldFont";
}

@media (max-width: 425px) {
    .about-the-request .How-we-do__shape-container {
        width: auto;
    }

    .How-we-do__shape-container.GA-enrollment .How-we-do__shape-container__road__title {
        width: auto;
        transform: translateX(34%);
    }
}
/* end GA enrollment */

.tagify__tag > div {
    line-height: 1.6;
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
    min-height: calc(3.5rem + 17px) !important;
    overflow: auto;
}

.floating-file-upload {
    position: relative;
}

.form .floating-file-upload input[type='file'] {
    width: 100% !important;
    height: 60px !important;
    display: inline-block !important;
    left: 0 !important;
}

.form .floating-file-upload #form-button {
    padding-inline: 15px;
}

.col-action {
    display: flex;
    align-items: center;
    padding-top: 45px;
}

    .col-action .icon-item {
        width: 30px;
        height: 30px;
        padding: 0;
    }

        .col-action .icon-item:focus {
            outline: none;
        }

    .col-action a.icon-item img {
        width: 100% !important;
        transform: inherit !important;
        object-fit: contain;
        height: 100%;
    }

.form-floating label {
    z-index: 100;
    opacity: 1 !important;
}

    .form-floating label::after {
        content: '';
        height: 20px;
        width: 100%;
        position: absolute;
        top: 16px;
        right: 0px;
        z-index: -1;
        border-radius: 7px;
        background: #fff;
    }

.form-floating .form-control:disabled ~ label::after {
    background: #eeeeee !important;
}

.open-in-new-tab {
    width: 15px;
    transform: rotate(360deg) !important;
}


@media (max-width: 1500px) {
    .box-wrapper, .dga-wrapper {
        width: 100% !important;
    }

    .title-section-top {
        width: 100%;
    }

    table tr td .secondary-outline {
        padding: 12px 6px !important;
    }

    table.dataTable tbody td {
        padding: 20px 4px !important;
    }
}

.tag {
    height: auto;
    min-height: 24px;
}

.section-card .section-card-header .title {
    color: #074D31;
    font-size: 24px;
    font-family: "IBM Plex Sans Arabic";
    font-weight: 600;
}

.form-section.group-form-box.row {
    align-items: baseline;
}

/* input select textArea */
.form-floating {
    margin-top: 20px;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0px;
}

    .form-floating > .form-control {
        height: auto !important;
        min-height: 40px !important;
        padding: 8px !important;
        border: 1px solid #9DA4AE;
        border-radius: 4px;
        background-color: #fff !important
    }

        .form-control:not(:placeholder-shown) ~ label,
        .form-box-custom-dropdown.tagify-input .section-label,
        .form-floating > .form-control:not(:placeholder-shown) ~ label,
        .form-label {
            font-size: 14px;
            color: #161616 !important;
            padding: 0px !important;
            margin-bottom: 3px;
            transform: none !important;
            font-family: "IBM Plex Sans Arabic";
        }

    .form-floating > label {
        position: relative;
    }

.form-control {
    color: #384250;
}

    .form-floating > .form-control:focus,
    .form-control:focus {
        border: 1px solid #9DA4AE;
        border-bottom: 1px solid #0D121C;
        box-shadow: 0px 1px 0px 0px #0D121C;
    }

/* select */

.select2-container {
    height: 40px !important;
    border: 1px solid #9DA4AE;
    border-radius: 4px;
    padding: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #384250;
    margin-top: -3px;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    top: 9px;
}

.select2-container--open .select2-dropdown {
    border-color: #9DA4AE;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #9DA4AE;
    border-radius: 4px;
}

/* tagify */
.tags-look .tagify__dropdown__item {
    border: 1px solid #9DA4AE;
    background: #F9FAFB;
    color: #161616;
}

.tags-look .tagify__dropdown__item--active {
    color: #161616;
}

.tags-look .tagify__dropdown__item:hover {
    background: #F3FCF6;
    border-color: #104631;
    color: #104631;
}

.form-box-custom-dropdown {
    border: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 0px !important;
}

.tagify {
    border: 1px solid #9DA4AE !important;
    border-radius: 4px;
    padding: 8px;
}

.form-box-custom-dropdown.tagify-input .section-label {
    margin-bottom: 8px;
}

.tagify.tagify--focus {
    border: 1px solid #9DA4AE;
}

.tagify__tag-text {
    color: #281047;
}

.tagify__tag > div::before {
    box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) #F9F5FA inset !important;
}

.tagify__tag__removeBtn {
    color: #281047;
}

/* radio */
.fw-light {
    font-weight: 400 !important;
}

label.form-check-label {
    color: #1F2A37;
}

input[type="radio"] {
    width: 24px;
    height: 24px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #6C737F;
    border-radius: 100px;
    cursor: pointer;
    position: relative;
}

    input[type="radio"]:checked {
        border: 1px solid #1B8354;
    }

        input[type="radio"]:checked::after {
            content: "";
            position: absolute;
            left: 0.3rem;
            top: 0.3rem;
            height: 13px;
            width: 13px;
            background: #1B8354;
            border-radius: 100px;
        }

.custom-radio-rec-label {
    border: 1px solid #4D5761;
    color: #4D5761;
    border-radius: 4px;
    padding: 10px;
    opacity: 1;
}

.custom-radio-rec-check:checked + .custom-radio-rec-label {
    background-color: #F7FDF9;
    border: 1px solid #074D31;
    color: #074D31;
    font-weight: 700;
    opacity: 1;
    outline: 2px solid #074D31;
    border-radius: 4px;
}

/* checkbox */

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #6C737F;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
}

    input[type="checkbox"]:checked {
        background-color: #1B8354;
        border: 1px solid #1B8354;
    }

        input[type="checkbox"]:checked::after {
            content: "";
            position: absolute;
            left: 6px;
            top: 2px;
            width: 6px;
            height: 12px;
            border-width: 0 3px 3px 0;
            transform: rotate(45deg);
            border-color: white;
            border-style: solid;
        }


/* fileinput */

.form-box-dropdown {
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    margin-top: 20px;
}

.form .floating-file-upload #form-button {
    border: 1px solid #9DA4AE;
    border-radius: 4px;
    padding: 8px;
    height: auto !important;
    min-height: 40px !important;
}

.form-box-dropdown .section-input {
    color: #384250;
}

.form-box-dropdown.floating-file-upload .section-label {
    font-size: 14px;
    color: #161616;
    padding: 0px;
    margin-bottom: 8px;
    transform: none !important;
    font-family: "IBM Plex Sans Arabic";
}

/* dropdown */
.form-floating .form-select {
    height: auto !important;
    min-height: 40px !important;
    padding: 8px !important;
    border: 1px solid #9DA4AE;
    border-radius: 4px;
    color: #384250;
}

.form-floating label {
    font-size: 14px;
    color: #161616;
    padding: 0px;
    margin-bottom: 3px;
    transform: none !important;
    font-family: "IBM Plex Sans Arabic";
}

.form-floating > .form-control:disabled ~ label,
.form-floating > :disabled ~ label {
    color: #9DA4AE !important;
}

.form-control:disabled {
    background-color: #fff !important;
    background: #fff !important;
    color: #9DA4AE !important;
    border: 1px solid #E5E7EB !important;
}

.form-floating .form-control:disabled ~ label::after {
    background: #fff !important;
}

.floating-file-upload.disabled {
    background-color: #fff;
}

    .floating-file-upload.disabled label {
        color: #9DA4AE !important;
        margin-bottom: 8px;
    }


        .floating-file-upload.disabled label form {
            margin-top: 8px;
        }

            .floating-file-upload.disabled label form .btn-add {
                margin: 0px !important;
            }

                .floating-file-upload.disabled label form .btn-add img {
                    margin: 0px;
                    height: 22px;
                }

/* buttons */
.next-box .cancel,
.reject-request-bnt {
    padding: 4px 16px;
    font-size: 16px;
    color: #fff;
    background: #D92D20;
    border: 1px solid #D92D20;
    border-radius: 4px;
    min-width: 43px;
}

    .next-box .cancel:hover,
    .next-box .cancel:active,
    .reject-request-bnt:hover,
    .reject-request-bnt:active {
        background: #B42318;
        border-color: #B42318;
    }

.next-box .btn-primary[type=submit] {
    font-size: 16px;
    color: #fff;
    background: #1B8354;
    padding: 4px 16px;
    border: 1px solid #1B8354;
    border-radius: 4px;
    min-width: 43px;
}

    .next-box .btn-primary[type=submit]:hover,
    .next-box .btn-primary[type=submit]:active {
        background: #166A45;
        border-color: #166A45;
    }

.modify-request-bnt {
    padding: 6px 24px;
    font-family: "IBM Plex Sans Arabic";
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 15px;
}

    .modify-request-bnt:hover,
    .modify-request-bnt:active,
    .modify-request-bnt:focus {
        background-color: #074D31 !important;
        color: #fff !important;
        border-color: #074D31 !important;
    }

/* alert */
.aleart-box {
    border: 1px solid #D2D6DB;
    box-shadow: none;
    border-radius: 8px;
    padding: 16px;
    text-align: start;
    background: #fff;
}

.aleart-box-icon img {
    width: 40px;
    height: 40px;
}

.aleart-box .aleart-box-main-msg {
    font-size: 16px;
    font-family: "IBM Plex Sans Arabic";
    font-weight: 600;
    padding-top: 16px;
    padding-bottom: 4px;
    color: #1F2A37;
}

    .aleart-box .aleart-box-main-msg p {
        margin-bottom: 0px;
        color: #384250;
        font-size: 14px;
        font-weight: 400;
    }

.aleart-box.rejected {
    border-top: 15px solid #d92d20ab;
}

    .aleart-box.rejected .aleart-box-main-msg {
        color: #1F2A37;
    }

.aleart-box .aleart-box-btn {
    margin-top: 16px;
    padding: 8px 16px;
    font-size: 16px;
    color: #161616;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid #E5E7EB;
    background: #E5E7EB;
    width: 100%;
    text-align: center;
    display: inline-block;
}

    .aleart-box .aleart-box-btn:hover {
        color: #161616;
    }
/* end alert */

.text-info {
    color: #4D5761 !important;
}

.link-bnt.language-bnt {
    color: #4D5761 !important;
    font-size: 14px;
    text-decoration: none !important;
}

.form-section.group-form-box .col-md-6 h5 {
    color: #161616 !important;
    margin-right: 0px !important;
}

.form-group .list-group {
    margin-top: 10px;
    padding: 0px;
}

.orders-div.main {
    background-color: #25935F;
}

.orders-div:after {
    right: -29px;
}


.orders-div.main:after {
    border-right: 15px solid #25935F;
    left: -29px;
}

.form .section-label {
    color: #161616;
    font-size: 14px;
    font-family: "IBM Plex Sans Arabic";
    display: flex;
    align-items: baseline;
    gap: 8px;
}

    .form .section-label .btn-add {
        margin-top: 0px !important;
    }

.dataTables_wrapper .dataTables_info {
    margin-bottom: 12px;
}

/* pagination */
.dataTables_wrapper .dataTables_filter input {
    padding: 8px !important;
    border: 1px solid #9DA4AE !important;
    border-radius: 4px !important;
    background-color: #fff !important;
}

    .dataTables_wrapper .dataTables_filter input:focus {
        border: 1px solid #9DA4AE;
        border-bottom: 1px solid #0D121C;
        box-shadow: 0px 1px 0px 0px #0D121C;
    }

.dataTables_paginate.paging_simple_numbers {
    display: flex;
}

    .dataTables_paginate.paging_simple_numbers span {
        display: flex;
    }

.status-tag .status-icon {
    margin-inline-end: 6px;
}

.request-card.task-management {
    margin-top: 40px;
}

.descrption,
.task-details-title,
.task-details-body .text {
    color: #161616;
}

.task-details-card {
    border: 1px solid #D2D6DB;
    border-radius: 8px;
    background-color: #FCFCFD !important;
}

.task-details-title .order-status.complete,
.task-management .order-status.complete {
    color: #25935F;
}

    .task-details-title .order-status.complete:after,
    .task-management .order-status.complete:after {
        background-color: #25935F;
    }

.order-card > form {
    background: #fff;
    margin: 16px;
    border-radius: 8px;
}

.btn-primary[type=submit] {
    font-size: 16px;
    color: #fff;
    background: #1B8354;
    padding: 4px 16px;
    border: 1px solid #1B8354;
    border-radius: 4px;
    min-width: 43px;
}

.btn-outline-light {
    font-size: 16px;
    color: #FCFCFD;
    padding: 4px 16px;
    border: 1px solid #FCFCFD;
    border-radius: 4px;
    min-width: 43px;
    background-color: transparent;
    margin-bottom: 6px;
}

.btn.btn-outline-light:hover {
    background-color: transparent !important;
    color: #FCFCFD;
}

.card-header .card-header-tap {
    color: #161616;
    font-size: 22px;
    font-family: "IBM Plex Sans Arabic";
    font-weight: 700;
}

.box-wrapper .card-header-tap.active {
    color: #161616;
    border-bottom: 3px solid #1B8354;
}

h2.request-num,
.details-card .name {
    font-family: "IBM Plex Sans Arabic";
}

.add-user-section .btn-primary {
    font-size: 16px;
    color: #fff;
    background: #1B8354;
    padding: 4px 16px;
    border: 1px solid #1B8354;
    border-radius: 4px;
    min-width: 43px;
}

    .add-user-section .btn-primary:hover {
        color: #fff !important;
        background: #1B8354 !important;
        border: 1px solid #1B8354 !important;
    }

.recent-report-tab .nav-item .nav-link {
    color: #161616 !important;
    font-size: 22px !important;
    font-family: "IBM Plex Sans Arabic";
    font-weight: 700 !important;
    border-bottom: 3px solid transparent !important;
}

    .recent-report-tab .nav-item .nav-link.active {
        color: #161616 !important;
        border-bottom-color: #1B8354 !important;
    }

.title-page {
    color: #161616 !important;
}

.report-contanier {
    gap: 24px;
}

    .report-contanier .report-card {
        text-align: start !important;
        border-radius: 16px !important;
        border: 0px !important;
        margin: 0px !important;
        padding: 16px !important;
        width: 45%;
        background: #fff;
        box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.10), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
    }

        .report-contanier .report-card img {
            width: 45px;
        }

        .report-contanier .report-card .title {
            margin-top: 24px;
            margin-bottom: 0px;
            color: #1F2A37 !important;
            font-size: 18px !important;
            font-family: "IBM Plex Sans Arabic";
            font-weight: 700;
        }

span.labelTextAreaDisable {
    background: initial;
}

.task-management-title {
    margin-bottom: 12px;
}

.procedures-select .procedures-select-bnt {
    padding: 6px 30px 4px 24px !important;
    color: #161616 !important;
    border: 1px solid #D2D6DB !important;
    border-radius: 4px !important;
}

.dropdown-service-body input {
    color: #161616 !important;
}

.menu {
    width: 220px;
    margin-right: 16px;
}

.content {
    width: calc(100% - 236px);
}

@media only screen and (max-width: 820px) {
    .content {
        width: 100% !important;
    }

    .services .services-scroll .services-box .services-text .services-icon {
        width: auto !important;
        margin-inline-start: initial !important;
    }

    .menu {
        width: 100% !important;
    }
}
@media (min-width: 820px) {
    .add-new-task-popup-fullscreen {
        width: calc(100% - 236px) !important;
    }
}

.add-new-task-title .title {
    color: #161616 !important;
    font-family: "IBM Plex Sans Arabic" !important;
    font-weight: 700;
}

.top-bar {
    z-index: 10;
}

.select2-container--default .select2-selection--multiple {
    padding-top: 0px;
    transform: translateY(-7px);
}

.select2-container {
    min-height: 40px;
    height: auto !important;
}

.modal-content {
    display: block;
}

.modal-content button {
    background-color: #074D31 !important;
}
}

.logout-form {
    position: relative !important;
    padding: 0px !important;
    background-color: transparent !important;
    text-align: justify !important;
}

    .logout-form .dropdown-item {
        color: #161616 !important;
        font-size: 14px !important;
        min-height: 40px !important;
    }