.layout-wrapper .layout-main .layout-footer {
    border: 0 none;
    border: 1px solid #dbdbdb;
    background: #ffffff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
    text-align: center;

}

.layout-rtl.layout-wrapper .layout-main .layout-footer .footer-text-right {

    margin-top: 10px;
}

.layout-rtl.layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu > li.profile-item > a .profile-name {
    float: none;
}

body {
    font-family: Cairo;

}

.sidebar-menu-items {
    font-size: 12px;
}

.label-view {
    color: #9e925f;
    font-size: medium;
    font-weight: 500;
    padding-right: 15px;
    padding-left: 15px;

}

.stepwizard-step p {
    margin-top: 10px;

}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.step-element {
    color: #fff;
    background-color: #9e925f;
    border-color: #9e925f;
}

.New {
    color: #fff;
    background-color: #9e925f;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.Approved {
    color: #fff;
    background-color: #009688;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.Waiting-Naql {
    color: #fff;
    background-color: #006796;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.Rejected {
    color: #fff;
    background-color: #d10000b3;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.CanceledFromUmrahSystem {
    color: #fff;
    background-color: #d10000b3;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}


.RejectedByTheSystem {
    color: #fff;
    background-color: #d10000b3;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}


.Canceled {
    color: #fff;
    background-color: #d10000b3;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.Cancelled {
    color: #fff;
    background-color: #d10000b3;
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.Waiting-yaqen {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.WaitingForTc {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.WaitingForNaqabaApproval {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.WaitingSyar {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;

    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;

}

.Canceled {
    color: #fff;
    background-color: rgba(209, 203, 35, 0.7);
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;

}


.WaitingTransportationCompany {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.AgreementStage {
    color: #fff;
    background-color: #80b0c7;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.TcApproved {
    color: #fff;
    background-color: #00af5b;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.WaitingForTcApproval {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.ApprovedByTc {
    color: #fff;
    background-color: #00af5b;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.ApprovedByNaqaba {
    color: #fff;
    background-color: #00af5b;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.paymentIssued {
    color: #fff;
    background-color: #00af5b;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.ApprovedFromCompanyAffairs {
    color: #fff;
    background-color: #00af5b;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.RejectedFromCompanyAffairs {
    color: #fff;
    background-color: #d10000b3;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.WaitingForSendClaim {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.WaitingToSendForApproval {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.WaitingForTheCompanyAffairsApproval {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.WaitingForTheCompanyAffairsFieldTeamVisit {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.WaitingForCommittee {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.UnderProcessing {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.Pending {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.WaitingPayment {
    color: #fff;
    background-color: #1c3ea3;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.WaitingGeneralTransportCenter {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;

    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}


.WaitingForNAQABA {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;

    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.Wait-ex-Co {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;

}
.Ticketing-Urgency-Red {
    color: #fff;
    background-color: red;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}
.Ticketing-Urgency-Yellow {
    color: #fff;
    background-color: rgba(236, 197, 0, 0.71);
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}
.Ticketing-Urgency-Green {
    color: #fff;
    background-color: green;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.Ticketing-Priority-Average {
    color: #fff;
    background-color: rgba(236, 197, 0, 0.71);
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.Ticketing-Priority-High {
    color: #fff;
    background-color: #ea9316;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.ui-selectonemenu, .ui-selectcheckboxmenu-multiple {
    width: 100%;
}

.button, input, optgroup, select, textarea {
    color: black;
    font: inherit;
    margin: 0;
}

body .ui-datatable tbody tr.ui-state-highlight  {
    background-color: #eeeeee !important;
    color: #9e925f !important;
}

body .ui-datatable tbody tr.ui-datatable-even.ui-state-highlight {
    background-color: #eeeeee !important;
    color: #9e925f !important;
}

body .ui-datatable tbody tr.ui-datatable-odd.ui-state-highlight {
    background-color: #eeeeee !important;
    color: #9e925f !important;
}

body .ui-datatable thead th.ui-state-active, body .ui-datatable thead th.ui-state-highlight {
    background-color: #eeeeee !important;
    color: #9e925f !important;;
    border-top-color: #d8d8d8 !important;
}

/*.ui-state-focus{*/
/*color: #9e925f !important;*/

/*}*/
/*body .ui-state-active, body .ui-state-highlight {*/
body .ui-state-active {
    background-color: #9e925f !important;
}

body .ui-state-inActive {
    background-color: #979d9c !important;
}

.centerText {
    text-align: center;

}

.ct-chart .ct-series.ct-series-b .ct-area, .ct-chart .ct-series.ct-series-b .ct-slice-pie:not(.ct-donut) {
    fill: #9e925fba !important;
}

.ct-chart .ct-series.ct-series-c .ct-area, .ct-chart .ct-series.ct-series-c .ct-slice-pie:not(.ct-donut) {
    fill: #78caf1;
}

.ct-chart .ct-series.ct-series-a .ct-area, .ct-chart .ct-series.ct-series-a .ct-slice-pie:not(.ct-donut) {
    fill: #7d8584 !important;
}

.ct-label {
    fill: rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4);
    font-size: 1.75rem !important;
    line-height: 1 !important;
    font-weight: bolder !important;
}

.layout-wrapper .layout-sidebar .sidebar-logo {
    height: 64px;
}

.layout-wrapper .layout-sidebar .sidebar-logo img {
    /*height: 60px;*/
}

body .ui-messages .ui-messages-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.tableau-homepage-size {
    height: calc(100vh - 105px);
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
    background-color: #ccc;
    color: black;
    margin-right: 6px;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-hover {
    background-color: #ccc;
}

.lable-value {
    /* color: #fff; */
    /* background-color: #9e925f; */
    display: inline-block;
    margin-bottom: 0;
    /*font-weight: 400;*/
    /* text-align: center; */
    vertical-align: middle;
    /* cursor: pointer; */
    /* background-image: none; */
    border: 1px solid #9e925f;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    font-weight: 600;
    /* width: 332px; */
    box-sizing: border-box;
    word-wrap: break-word;
}

body .ui-messages .ui-messages-info {
    background-color: #009688b8 !important;
    border-color: #009688f5 !important;
    color: #ffffff !important;
}

body .ui-paginator .ui-paginator-pages a {
    min-width: 24px;
    width: auto;
}

.layout-wrapper .layout-sidebar .layout-menu li > a > .menuitem-text {
    word-break: normal;
}

/*//icon*/
.overview-box.overview-box-1 .overview-box-content .overview-box-icon {
    background-color: #9e925f
}

/*// header*/
.overview-box.overview-box-1 .overview-box-header {
    background-color: #9e925f;
}

/*//body*/
.overview-box.overview-box-1 .overview-box-content {
    background-color: #7c8483;
}

body .ui-tabs .ui-tabs-nav > li.ui-state-active {
    background-color: #ffffff !important;
    border-style: solid;
}

.printCardButtonFormAr {
    position: absolute;
    top: 194px;
    right: 43%;
}

.printCardButtonFormEn {
    position: absolute;
    top: 194px;
    left: 43%;
}

.nonActiveRaw {
    background-color: #a9a9a9c9 !important;
}

.table-has-expand-row {
    border: 3px solid #009688 !important;
/ / background-color: rgba(141, 136, 136, 0.74) !important;
}

.table-has-expand-row-not-active {
    border-right: 10px solid #e30d0d !important;
    background-color: rgba(141, 136, 136, 0.74) !important;
}

.expand-row-active {
    border-right: 10px solid #009688 !important;

}

.expand-row-not-active {
    border-right: 10px solid #e30d0d !important;
/ / background-color: rgb(249 5 5 / 44 %) !important
}

.bold-font {
    font-weight: bold;
}

.borderless {
    border-width: 0;
}

span.ui-inputnumber.md-inputwrapper-focus + label, .ui-selectcheckboxmenu-multiple.ui-state-focus + label {
    top: -20px;
    font-size: 12px;
    color: #9e925f !important;
}

.hint {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
    font-weight: bolder;
    padding: 4px;
}

.err_alert {
    background-color: #e62a107d;
    border-color: #e62a107d;
    color: white;
    font-weight: bolder;
    padding: 5px;
}

.msg_err {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    padding: 5px;
    font-weight: bolder;
}


.inp_err {
    background-color: #e62a107d
}

.ui-inputfield-custome {
    background: transparent no-repeat;
    /* background-image: linear-gradient(to bottom, #9e925f, #9e925f), linear-gradient(to bottom, #bdbdbd, #bdbdbd); */
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-width: 0;
    padding: 2px 2px 2px 2px;
    font-size: 14px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

body .md-inputfield .md-inputwrapper-focus ~ label, body .md-inputfield .md-inputwrapper-filled ~ label, .ui-selectcheckboxmenu-multiple ~ label {
    top: -20px;
    color: #9e925f !important;
}

.redRow {
    background-color: indianred !important;

}

.link-Btn-style {
    color: #fff;
    background-color: #9e925f;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

/*-- chat*/
body .ui-messages .ui-messages-warn {
    background-color: #ffc1076b !important;
    border-color: #ffc107 !important;
    color: #000000 !important;
}

.messages {
    overflow: hidden;
}

.messages > .ui-panel {
    min-height: 340px;
    border: 0 none;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
}

.messages .ui-panel-content {
    padding: 15px 0 10px 0 !important;
}

.messages ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.messages ul li {
    border-bottom: 1px solid #d8d8d8;
}

.messages ul li a {
    padding: 9px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    display: block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.messages ul li a:before, .messages ul li a:after {
    content: "";
    display: table;
}

.messages ul li a:after {
    clear: both;
}

.messages ul li a img {
    float: left;
}

.messages ul li a > div {
    float: left;
    margin-left: 10px;
}

.messages ul li a > div .name {
    font-size: 14px;
    font-weight: 700;
    display: block;
    color: #212121;
}

.messages ul li a > div .message {
    font-size: 14px;
    color: #757575;
}

.messages ul li a button {
    position: absolute;
    top: 15px;
}

.messages ul li a button.message-btn {
    right: 20px;
}

.messages ul li a button.remove-btn {
    right: 60px;
}

.messages ul li a:hover {
    cursor: pointer;
    background-color: #e8e8e8;
}

.messages ul li:last-child {
    border: 0;
}

.chat .ui-panel {
    border: 0 none;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
}

.chat .ui-panel-content {
    padding: 0 !important;
}

.chat .ui-tabs {
    border-color: transparent;
}

.chat ul {
    padding: 12px;
    margin: 0;
    list-style-type: none;
}

.chat ul li {
    padding: 6px 0;
}

.chat ul li:before, .chat ul li:after {
    content: "";
    display: table;
}

.chat ul li:after {
    clear: both;
}

.chat ul li img {
    width: 36px;
    float: left;
}

.chat ul li span {
    padding: 6px 12px;
    float: left;
    display: inline-block;
    margin: 4px 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.chat ul li.message-from img, .chat ul li.message-from span {
    float: right;
}

.chat ul li.message-from img {
    margin-right: 8px;
}

.chat ul li.message-from span {
    background-color: #e8eaf6;
    height: 28px
}

.chat ul li.message-own img, .chat ul li.message-own span {
    float: right;
}

.chat ul li.message-own img {
    margin-left: 8px;
}

.chat ul li.message-own span {
    background: #c8e6c9;
    color: #000000;
    height: 28px
}

.chat ul li.message-other img, .chat ul li.message-other span {
    float: right;
}

.chat ul li.message-other img {
    margin-left: 8px;
}

.chat ul li.message-other span {
    background: #99e6cf85;
    color: #000000;
    height: 28px
}

.chat .new-message {
    height: 40px;
    border-top: 1px solid #dce2e7;
    color: #afafc0;
}

.chat .new-message .message-attachment {
    display: inline-block;
    border-right: 1px solid #dce2e7;
    width: 40px;
    line-height: 40px;
    height: 100%;
    text-align: center;
}

.chat .new-message .message-attachment i {
    line-height: inherit;
    font-size: 24px;
}

.chat .new-message .message-input {
    position: relative;
    top: -6px;
    width: calc(100% - 100px);
    display: inline-block;
}

.chat .new-message .message-input input {
    border: 0 none;
    font-size: 14px;
    width: 100%;
    background-color: transparent;
    outline: 0 none;
    color: #757575;
}

.removeBtn-Icon {
    background-color: #d10000b3 !important;
    width: 14px !important;
    height: 23px !important;
}

.jsfBtnAction {
    box-shadow: inset 0px 39px 0px -24px #9e925f;
    background-color: #9e925f;
    border-radius: 4px;
    border: 1px solid #ffffff;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #9e925f;

}

.jsfBtnAction:hover {
    background-color: #9e925f;
}

.jsfBtnAction:active {
    position: relative;
    top: 1px;
}

.notification-box {
    width: auto;
    overflow: hidden;;
}

.img_guides {
    padding: 1px;
    border: 1px solid #021a40;
    background-color: #529171;
}

.line-clamp {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.err_alert-black-txt {
    background-color: #e62a107d;
    border-color: #e62a107d;
    color: black;
    font-weight: bolder;
}

.active_Record {
    background-color: #009688b8 !important;
    border-color: #009688f5 !important;
    color: #ffffff !important;
    font-weight: bolder;
}

.link_green {
    text-decoration: none;
    text-align: center;
    padding: 6px 19px;
    border: solid 1px #009687;
    font: 15px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fcfcfc;
    background: #009687;
    -webkit-box-shadow: -20px -20px -20px #bababa, inset 0px 0px -20px #ffffff;
    -moz-box-shadow: -20px -20px -20px #bababa, inset 0px 0px -20px #ffffff;
    box-shadow: -20px -20px -20px #bababa, inset 0px 0px -20px #ffffff;
    text-shadow: 0px 0px 9px #bababa;
    filter: dropshadow(color=#bababa, offx=0, offy=0);
}

.layout-wrapper .layout-sidebar {
    z-index: 999;
}

.notification-bg {
    background-color: #dcedec;
}

.strikethrough-text {
    text-decoration: line-through;
}

.info {
    background-color: #009688b8 !important;
    border-color: #009688f5 !important;
    color: #fdfdfd;
    font-weight: bolder;
    padding: 4px;
}

.WaitingForExcution {
    color: #fff;
    background-color: #1c7c96;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.layout-wrapper .layout-main .layout-topbar {
    z-index: 997;
}

.layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu .notification .topbar-badge {
    width: auto;
    min-width: 20px;
    height: 20px;
    line-height: 19px;
}

.layout-wrapper .layout-main .layout-topbar {
    z-index: 997;
}

body .ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple {
    background: none;
}

.disabled-btn-trick {
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 0px;
    background-color: #9ed3ce;
}


.without-selectall .ui-selectcheckboxmenu-header .ui-chkbox {
    display: none;
}

.RejectedDueToCancellationOfTCparticipation {
    color: #fff;
    background-color: #d10000b3;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center
;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.RejectedYaqeen {
    color: #fff;
    background-color: #d10000b3;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center
;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.RejectedSayar {
    color: #fff;
    background-color: #d10000b3;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center
;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.Pending {
    color: #fff;
    background-color: #7c8483;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    /* cursor: pointer; */
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
}

.not_active_Record {
    background-color: #dbdbdb !important;
    border-color: #dbdbdb !important;
}