/* author : MAHMOUD RABIE */
/**{
        font-family: 'mohammad bold art 1' !important;
        font-weight: normal !important;
}
.fa{
    font-family: FontAwesome !important;
}*/
.container_bx {
    width: 100%;
    margin-bottom: 3px;
    border: 1px solid #ddd;
    font-family: 'HacenSaudiArabia';
    /*clear: both;*/
    overflow: inherit !important;
    direction: rtl;
}

.container-bx2 {
    width: 400px;
    min-height: 677px;
}

.container_spec {
    width: 265px !important;
    float: right;
    margin-left: 5px;
    min-height: 110px;
}

.container_spec210 {
    width: 210px !important;
}

.container_spec322 {
    width: 322px !important;
}

.width78 {
    width: 78px !important;
}

.overflow_auto {
    overflow: auto;
}

.container_spec1 {
    width: 165px !important;
    float: right;
    margin-left: 5px;
    height: 110px;
}

.container_spec2 {
    width: 275px !important;
    float: right;
    margin-left: 5px;
    height: 110px;
}

.container_bx .container_bx {
    width: 99.2% !important;
    margin: 0px 3px;
    float: right;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.d-flex {
    display: flex !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.justify-content-between {
    justify-content: space-between;
}

.d-Ruby {
    display: ruby;
}

.d-flex-options {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
}

.radio_Border {
    margin-bottom: 5px;
    border: 1px solid #ededed;
    padding: 0 5px !important;
}

.row-bx .col_withIcon input.inpt_txt {
    width: 90% !important;
}

.col-withName {
    width: 21.2% !important;
}

.clear15 {
    clear: both;
    height: 15px;
}

.fa-calendar, .fa-clock-o {
    color: #2586b0;
    line-height: 28px;
}

.container_bx .title-bx {
    background: #eee;
    min-height: 35px;
}

    .container_bx .title-bx h1 {
        font-size: 15px;
        font-weight: bold;
        line-height: 30px;
        margin: 0px;
        background: none !important;
        clear: both;
    }

        .container_bx .title-bx h1:nth-child(2) i {
            line-height: 18px;
            color: #fff;
            background-color: #5984ca;
            border-radius: 50%;
            width: 18px;
            height: 18px;
            text-align: center;
            margin-left: 5px;
            font-size: 13px;
        }

        .container_bx .title-bx h1:nth-child(2) {
            text-decoration: underline;
            cursor: pointer;
        }

        .container_bx .title-bx h1 span {
            font-size: 15px;
            font-weight: bold;
            line-height: 30px;
            margin: 0px;
        }

    .container_bx .title-bx .btn-bx,
    .container_bx .title-bx .btn-bx .gradiant {
        margin: 0px !important;
    }

        .container_bx .title-bx .btn-bx .gradiant {
            margin-top: 2px !important;
            margin-right: 3px !important;
            padding: 0 2px !important;
            min-width: 30px;
        }

.container_bx .content-bx {
    padding-top: 5px;
    clear: both;
    padding-bottom: 3px;
    padding-left: 2px;
    box-sizing: border-box;
}

.container_bx .container_bx {
    margin-top: 3px;
    box-sizing: border-box;
}

.row-bx {
    clear: both;
    box-sizing: border-box;
}

    .row-bx .col-bx-1,
    .row-bx .col-bx-2,
    .row-bx .col-bx-3,
    .row-bx .col-bx-4,
    .row-bx .col-bx-5,
    .row-bx .col-bx-6,
    .row-bx .col-bx-7,
    .row-bx .col-bx-8,
    .row-bx .col-bx-9,
    .row-bx .col-bx-10,
    .row-bx .col-bx-11,
    .row-bx .col-bx-12,
    .row-bx .col-bx-13,
    .row-bx .col-bx-14,
    .row-bx .col-bx-15,
    .row-bx .col-bx-16,
    .row-bx .col-bx-17,
    .row-bx .col-bx-18,
    .row-bx .col-bx-19,
    .row-bx .col-bx-20,
    .row-bx .col-bx-22,
    .row-bx .col-offset-1,
    .row-bx .col-offset-2,
    .row-bx .col-offset-3,
    .row-bx .col-offset-4,
    .row-bx .col-offset-5,
    .row-bx .col-offset-6,
    .row-bx .col-offset-7,
    .row-bx .col-offset-8,
    .row-bx .col-offset-9,
    .row-bx .col-offset-10,
    .row-bx .col-offset-11,
    .row-bx .col-offset-12,
    .row-bx .col-offset-13,
    .row-bx .col-offset-14,
    .row-bx .col-offset-15,
    .row-bx .col-offset-16,
    .row-bx .col-offset-17,
    .row-bx .col-offset-18,
    .row-bx .col-offset-19,
    .row-bx .col-offset-20 {
        display: block;
        float: right;
        padding: 2px 4px;
        min-height: 32px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-23 {
        display: block;
        overflow: hidden;
        width: 100%;
        box-sizing: border-box;
    }

    .row-bx .col-bx-22 {
        width: 149.7px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-1,
    .row-bx .col-offset-1 {
        width: 40.8px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-2,
    .row-bx .col-offset-2 {
        width: 81.6px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-3,
    .row-bx .col-offset-3 {
        width: 122.4px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-4,
    .row-bx .col-offset-4 {
        width: 163.2px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-5,
    .row-bx .col-offset-5 {
        width: 204px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-6,
    .row-bx .col-offset-6 {
        width: 244.7px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-7,
    .row-bx .col-offset-7 {
        width: 285.5px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-8,
    .row-bx .col-offset-8 {
        width: 326.3px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-9,
    .row-bx .col-offset-9 {
        width: 367px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-10,
    .row-bx .col-offset-10 {
        width: 408px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-11,
    .row-bx .col-offset-11 {
        width: 449px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-12,
    .row-bx .col-offset-12 {
        width: 489.5px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-13,
    .row-bx .col-offset-13 {
        width: 530.3px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-14,
    .row-bx .col-offset-14 {
        width: 571px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-15,
    .row-bx .col-offset-15 {
        width: 612px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-16,
    .row-bx .col-offset-16 {
        width: 652.5px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-17,
    .row-bx .col-offset-17 {
        width: 693.5px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-18,
    .row-bx .col-offset-18 {
        width: 734px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-19,
    .row-bx .col-offset-19 {
        width: 775px;
        box-sizing: border-box;
    }

    .row-bx .col-bx-20 {
        width: 816px;
        box-sizing: border-box;
    }

    .row-bx .inpt_txt, .row-bx .area_txt,
    .row-bx .show_txt, .row-bx .slc_txt {
        width: 100%;
        box-sizing: border-box;
    }

.col-bx-1w26 {
    width: 26.8px !important;
}
/*.col-bx-1 .fa-calendar{
        margin-top: 5px;
    }*/
.redText {
    color: #000;
    font-size: 16px !important;
    font-weight: normal;
    position: relative;
}

    .redText .span_error {
        position: absolute;
        display: none;
        top: -21px;
        right: 14px;
        z-index: 9999999;
        width: max-content;
        min-height: 25px;
        max-width: 250px;
        background: #D64541;
        overflow: hidden;
        text-align: right;
        word-break: break-word;
        padding: 2px 4px;
        transition: all 0.3s ease-in-out;
    }

    .redText:hover .span_error {
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s ease-in-out;
    }

    .redText .span_error span {
        color: #fff !important;
        padding: 5px;
        font-size: 14px;
        line-height: 20px !important;
        font-weight: bold;
    }

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

.text-center {
    text-align: center !important;
    align-items: center;
    justify-content: center
}

sup {
    font-size: 7px !important;
    color: #000;
    margin-right: 5px;
}

.span_error {
    color: #f00;
    clear: both;
    margin-top: 5px;
    font-size: 15px;
}

.lbl_txt_note {
    color: red;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    display: block;
    padding: 5px;
}

    .lbl_txt_note i {
        color: red;
        font-size: 16px;
        margin-left: 5px;
    }

.lbl_txt {
    color: #5984ca;
    font-size: 15px;
    font-weight: bold;
    line-height: 27px;
}

.lbl_minWidth {
    min-width: max-content;
}

.lbl_txt i {
    color: #2586B0;
}

.lbl_txt .fa-asterisk, .fa-asterisk {
    color: #000;
    font-size: 8px !important;
    font-weight: normal;
    margin-right: 3px;
}

.lbl_txt .fa-question-circle, .fa-question-circle {
    color: #F22613;
    font-size: 12px !important;
    font-weight: normal;
}

.inpt_txt, .area_txt, .slc_txt {
    width: 100%;
    height: 27px !important;
    line-height: 27px !important;
    padding: 0px 4px;
    border-radius: 5px !important;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #A2A2A2;
    box-sizing: border-box;
}

.slc_txt {
    height: 27px !important;
}

    .show_txt, .inpt_txt[disabled="disabled"], .inpt_txt[disabled],
    .area_txt[disabled], .area_txt[disabled="disabled"],
    .slc_txt[disabled], .slc_txt[disabled="disabled"],
    .lbl_disabled {
        background: #eee !important;
        border: 1px solid #ccc !important;
        color: #000 !important;
        font-size: 15px !important;
        font-weight: bold !important;
        width: 100%;
        min-height: 27px !important;
        line-height: 26px !important;
        padding: 0px 3px !important;
        border-radius: 5px !important;
        display: block;
        overflow: hidden;
        word-wrap: break-word !important;
    }

.area_txt[disabled], .area_txt[disabled="disabled"] {
    overflow: auto !important;
}

.area_txt {
    height: 70px !important;
    resize: none;
}

.area_txtHight170 {
    height: 190px !important;
}

.area_txt2 {
    width: 96%;
}

.area_txt3 {
    width: 99%;
}

.att_bx {
    max-height: 150px;
    /*height: 100px;*/
    min-height: 150px;
    width: 100%;
    /*    overflow-y: auto;
*/
}

.mail_att_bx {
    height: 272px;
    width: 100%;
    overflow-y: scroll;
}

.att_bx_1 {
    max-height: 330px;
    min-height: 120px;
    width: 100%;
    overflow-y: scroll;
}

.check-bx-txt {
    border: 1px solid #ccc;
    min-height: 50px;
    overflow: hidden;
}

.check-bx_wdth30 label {
    display: inline-block;
    width: 30%;
}

.btn-bx {
    text-align: left;
    margin: 0px auto;
}

.btn-clear {
    clear: both;
}

.btn-bx .gradiant {
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
    border: 1px solid #c1c1c1;
    border-radius: 7px;
    color: #2377af;
    height: 25px;
    line-height: 25px;
    font-family: "hacensaudiarabia";
    font-size: 13px;
    font-weight: normal;
    min-width: 60px;
    padding: 0px 3px;
    margin: 2px;
    font-style: initial;
}

.btn-bx input[type="button"][disabled] {
    margin: 2px !important;
    font-size: 13px;
}

.gradiant_plus {
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
    border: 1px solid #c1c1c1;
    border-radius: 7px;
    color: #2377af;
    height: 25px;
    line-height: 25px;
    font-family: "hacensaudiarabia";
    font-size: 12px;
    font-weight: normal;
    min-width: 30px;
    padding: 0px 3px;
}

.gradiant:hover {
    background: #ebf1f6;
    background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb));
    background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
    background: -o-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
    background: -ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
    background: linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 );
    border: 1px solid #77aed2;
    color: #0c6198;
}

.container_bx .gradiant {
    padding: 0 10px;
}

.check-bx-txt h1 {
    background: #eee;
    color: #2586B0;
    font-size: 15px;
    font-weight: bold;
    line-height: 35px;
    padding: 0px 10px;
}

.direct-manager-cont {
    width: 680px;
    border: 1px solid #ccc;
    padding: 5px;
    overflow: hidden;
}

    .direct-manager-cont ul li {
        overflow: hidden;
        float: right;
    }

        .direct-manager-cont ul li input {
            margin-left: 5px;
        }

.check-bx ul li {
    overflow: hidden;
}

    .check-bx ul li input {
        margin-left: 5px;
    }

.min_height {
    min-height: 25px;
    height: inherit !important;
}

.popup_srch_btn {
    margin: 0px auto;
    border: none;
    display: block;
    width: 30px;
    height: 30px;
    background: url('../Images/srch_btn.png') no-repeat center transparent;
    cursor: pointer;
}

.srch_btn {
    background-position: center;
    background-repeat: no-repeat;
    border: hidden 0;
    width: 26px;
    height: 27px;
    margin: auto !important;
    display: block;
    background-image: url("../Images/srch_btn.png");
}

.span_error {
    display: block;
}

.inline_lbl {
    display: inline-block;
    margin: 0px 2px;
}

.redText {
    color: #D64541;
}

b.fa-asterisk {
    font-size: 8px;
}

.but-plus {
    padding: 5px 0 !important;
}

.mr-10 {
    margin-right: 10px;
}

.ml-0 {
    margin-left: 0px !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center
}

.check-bx {
    line-height: 27px;
    padding: 0;
}

    .check-bx:first-child label {
        margin-left: 10px;
    }

    .check-bx label {
        color: #000;
        font-size: 15px;
        font-weight: bold;
        margin-left: 10px;
    }

.check-bx-wdt30 label {
    width: 30%;
    display: inline-block;
}

.vert_check_bx label {
    vertical-align: top;
}

.check-bx label input[type="checkbox"],
.check-bx label input[type="radio"] {
    margin-left: 8px !important;
}

.zom_bx {
    width: 20px !important;
    padding: 2px 0 !important;
}

.btn-bx2 {
    float: right !important;
}

.bx_wdth228 {
    width: 228px !important;
}

#label label {
    padding: 0px 20px;
}

#label input {
    margin-left: 5px;
}

.dec_list li {
    list-style-type: decimal !important;
}

.grid-bx {
    width: 100%;
    margin: 5px 0px 0;
}

    .grid-bx, .grid-bx tr, .grid-bx tr th, .grid-bx tr td {
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

        .grid-bx tr th {
            background: #2586B0;
            color: #fff !important;
            text-align: center;
            font-weight: bold;
        }

            .grid-bx tr th * {
                color: #fff !important;
            }

        .grid-bx tr:nth-child(odd) td {
            background: #eee !important;
        }

        .grid-bx tr:nth-child(even) td {
            background: #fff !important;
        }

        .grid-bx tr th div {
            color: #fff !important;
            padding: 3px;
        }

        .grid-bx tr td div {
            padding: 3px;
            text-align: center;
            overflow: hidden;
        }

        .grid-bx tr div.col_width1 {
            width: 100px;
        }

        .grid-bx tr div.col_width2 {
            width: 704px;
        }

        .grid-bx tr td input[type="text"] {
            width: 99%;
            margin: 0;
        }

.row-bx input[type="text"], .row-bx select, .row-bx textarea {
    margin: 0 !important;
}

#divDetailsCats select,
#divShowGroupTours select {
    width: 100%
}
/*.row-bx input[type="text"] {
    width: 98%;
}*/

.grid-bx tr div.col5_width {
    width: 156px;
}

.grid-bx tr div.col4_width {
    width: 156px;
}

.grid-bx tr div.col4_width1 {
    width: 408px;
}

.grid-bx tr div.col4_width2 {
    width: 70px;
}

.grid-bx tr div.col5_width .show_txt, .grid-bx tr div.col5_width input[type="text"],
.grid-bx tr div.col4_width .show_txt, .grid-bx tr div.col4_width1 input[type="text"] {
    width: 94%;
}

.grid-bx tr div.col4_width2 button {
    background: none;
    border: none;
    box-shadow: none;
    cursor: pointer;
}

    .grid-bx tr div.col4_width2 button i {
        color: #f00;
    }

.marg_top {
    margin-top: 3px;
}

.marg_left {
    margin-left: 3px;
}


.align_lft {
    text-align: left;
}

.clear {
    clear: both;
}

.marg_zro {
    margin: 0 !important;
}

.lbl_height {
    line-height: 14px !important;
    font-size: 14px;
    display: block;
}

.inline_val {
    display: inline !important;
    margin-right: 8px;
}

.val_txt {
    color: #f00;
    font-size: 15px;
    text-align: center;
}

.str_bx {
    width: 16px !important;
    margin: 0 !important;
    padding: 10px 0 0 !important;
    box-sizing: border-box;
}

.no_padd {
    padding: 0 0 0 10px !important;
}

.brd_bx {
    border: 1px solid #ccc;
    width: 680px !important;
    margin-bottom: 2px;
}

.btn-bx2 {
    text-align: right !important;
    margin-top: 5px;
}

.btn-bx_mrgtop {
    margin-top: 5px;
}

.btn-bx2 .gradiant, .btn-mrg0 .gradiant, .btn-mrg0 {
    margin: 0 !important;
}

.btn-mrg_botm .gradiant {
    margin-bottom: 4px !important;
}

.btn-blck .gradiant {
    display: block;
    width: 100%;
}

.lbl_inlin {
    line-height: 15px;
}

.check-bx div {
    float: right;
    margin-left: 15px;
}

.search_tabs {
    margin-top: 10px;
}

.tab-border {
    margin-top: 27px;
    border: 1px solid #ccc;
}

.multiple_slct_bx {
    margin: 20px 0px;
}

    .multiple_slct_bx .right_slct {
        float: right;
        width: 367px;
        overflow: hidden;
    }

        .multiple_slct_bx .right_slct select {
            float: right;
            width: 361px;
            background: #fff;
            box-shadow: 0px 0px 8px -3px #000;
            border-radius: 8px;
            border: none;
            min-height: 200px;
            max-height: 350px;
            border: 1px solid #ddd;
            margin: 3px 0px;
        }

            .multiple_slct_bx .right_slct select option {
                color: #000;
                font-size: 15px;
                padding: 4px 4px;
            }

    .multiple_slct_bx .btn_check_bx {
        float: right;
        width: 35px;
        margin: 35px 5px 0px;
        overflow: hidden;
        vertical-align: middle;
    }

        .multiple_slct_bx .btn_check_bx .btn_check {
            background: #e2e2e2;
            background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
            background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
            background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
            background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
            background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
            border: 1px solid #c1c1c1;
            border-radius: 5px;
            color: #2377af;
            height: 25px;
            line-height: 25px;
            font-family: "hacensaudiarabia";
            font-size: 15px;
            font-weight: normal;
            margin: 10px 0px;
            padding: 0px 6px;
            width: 40px;
        }

            .multiple_slct_bx .btn_check_bx .btn_check:hover {
                background: #ebf1f6;
                background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb));
                background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
                background: -o-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
                background: -ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
                background: linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 );
                border: 1px solid #77aed2;
                color: #0c6198;
            }

.multiple_slct_show {
    background: #fff;
    border: 1px solid #ccc;
    max-height: 350px;
    overflow: hidden;
    overflow-y: scroll;
}

    .multiple_slct_show ul li {
        color: #666;
        font-size: 15px;
        height: 25px;
        line-height: 25px;
        padding: 0px 5px;
        overflow: hidden;
        border-bottom: 1px solid #ddd;
    }

.cal_txt {
    width: 60% !important;
}

.align_center {
    text-align: center;
    margin: 5px 0px 5px;
}

.gradiant i.fa-plus {
    font-size: 14px;
    color: #2586B0;
}

.gradiant i.fa-sort-desc {
    font-size: 16px;
    color: #2586B0;
}

.gradiant i.fa-minus {
    font-size: 14px;
    color: #2586B0;
}

.gradiant i.fa-sort-asc {
    font-size: 16px;
    color: #2586B0;
}

.btn_center {
    text-align: center !important;
}

    .btn_center i {
        height: 20px !important;
        padding: 0px 6px;
    }

.btn_left {
    text-align: left;
}

.but_spec {
    float: left;
    margin-left: -15px !important;
    /* width: 25px; */
    margin-top: -1px !important;
    min-width: 50px !important;
}

.grid_scroll {
    overflow: hidden;
    overflow-y: auto;
    /*height: 200px;*/
    min-height: 50px;
    max-height: 350px;
}

.btn_icon, .btn_icon2 {
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    color: #2377af;
    font-size: 8px !important;
    font-weight: normal;
    height: 25px;
    line-height: 25px !important;
    width: 25px;
    text-align: center;
    margin-left: 4px;
}

.btn_icon2 {
    margin-bottom: 3px;
}

    .btn_icon2:nth-child(1),
    .btn_icon2:nth-child(2) {
        margin-top: 8px;
    }

    .btn_icon:hover, .btn_icon2:hover {
        background: #ebf1f6;
        background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb));
        background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
        background: -o-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
        background: -ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
        background: linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 );
        border: 1px solid #77aed2;
        color: #0c6198;
    }

.gradiant[disabled],
p.gradiant[disabled] {
    color: #919191;
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
    border: 1px solid #c1c1c1;
    border-radius: 7px;
    height: 26px;
    font-size: 12px;
    font-weight: normal;
}

    .gradiant[disabled] i {
        color: #919191;
    }

    p.gradiant[disabled] i {
        color: #919191;
    }

.strategicPlan_AddProgram .scroll_ruls_bx {
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

    .strategicPlan_AddProgram .scroll_ruls_bx .row-bx {
        display: flex;
    }

.scroll_ruls_bx .row-bx:not(:first-child) {
    padding-top: 10px !important;
}

.scroll_ruls_bx .row-bx .col-bx-1 {
    min-width: 50px !important;
    padding-left: 0 !important;
}

    .scroll_ruls_bx .row-bx .col-bx-1 .lbl_txt {
        width: 100%;
        display: block;
    }

    .scroll_ruls_bx .row-bx .col-bx-1 .redText:hover .span_error {
        display: inline-block;
    }

.line-height20 {
    line-height: 20px !important;
}

.lbl_size {
    line-height: 13px !important;
    font-size: 15px;
}

.alert_info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    width: 90%;
    margin: 5px auto;
    border-radius: 5px;
}

    .alert_info p {
        color: #31708f;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        padding: 5px;
    }

.title_report {
    font-size: 20px;
    text-align: center;
}

.p_report {
    padding: 5px;
    text-align: center;
}

.pop_slc_txt {
    background: url(../images/popup-btn2.png) no-repeat right top #fff;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding-right: 35px;
    display: block;
    height: 23px;
    line-height: 24px;
    width: 87%;
    cursor: pointer;
}

    .pop_slc_txt.disabled {
        background-color: #eee;
    }

.col-bx-4 .pop_slc_txt {
    width: 76%;
}

/* SCROLL TABLE */
.scroll_tbl {
    width: 100%;
    table-layout: fixed;
    font-size: 15px;
}

    .scroll_tbl, .scroll_tbl tr, .scroll_tbl tr th, .scroll_tbl tr td {
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

        .scroll_tbl thead {
            background: #2586B0;
            color: #fff;
            text-align: center;
        }

            .scroll_tbl thead th {
                color: #fff;
                padding: 5px 0;
            }

        .scroll_tbl tbody {
            overflow: hidden;
            overflow-y: scroll;
            display: block;
        }

        .scroll_tbl tr td {
            color: #000;
            word-break: break-all;
        }

            .scroll_tbl tr td input[type="checkbox"],
            .scroll_tbl tr td input[type="radio"] {
                margin: 0px 5px;
            }

.gradiant i {
    color: #2586B0;
}

p.gradiant i {
    text-align: center;
    margin-bottom: 5px;
    line-height: 25px;
    display: block;
}

.fa-plus, .fa-pencil {
    font-size: 14px;
    color: #2586B0;
}

option:focus {
    outline: none;
}

option::-moz-focus-inner {
    border: 0;
}

.schedule-bx {
    width: 84%;
    max-height: 150px;
    min-height: 150px;
    overflow-y: scroll;
    border: 1px solid #999999;
    background: #fff;
    border-radius: 0px !important;
}

.div-type {
    margin-left: 15px;
    margin-right: -3px;
}

.display_list_bx {
    width: 100%;
    height: 250px;
}

.reuls_list {
    list-style-type: arabic-indic;
    list-style-position: inside;
    margin-right: 5px;
    margin-bottom: 10px;
}



.mgrid_empty_data2 {
    width: 90%;
    margin: 0 auto 5px;
    display: block;
    background: #eee;
    color: #999;
    text-align: center;
    line-height: 20px;
    padding: 5px;
    border-radius: 5px;
}

.mgrid_empty_data_block span,
.mgrid_empty_data_block i {
    color: #fff;
}
/* diffrent width */
.width73 {
    width: 73px;
}

.width50 {
    width: 50px !important;
}

.width90 {
    width: 90px !important;
}

.width85 {
    width: 85px !important;
}

.width80 {
    width: 80px !important;
}

.width95 {
    width: 95px !important;
}

.width60 {
    width: 60px !important;
}

.width15 {
    width: 15px !important;
}

.width10 {
    width: 10px !important;
}

.width25 {
    width: 25px !important;
}

.width70 {
    width: 70px !important;
}

.width75 {
    width: 75px !important;
}

.width90 {
    width: 90px !important;
}

.width100 {
    width: 100px !important;
}

.width125 {
    width: 125px !important;
    float: right;
}

.width130 {
    width: 130px !important;
}

.width140 {
    width: 140px !important;
}

.width160 {
    width: 160px !important;
}

.width165 {
    width: 165px !important;
}

.width170 {
    width: 170px !important;
}

.width155 {
    width: 155px !important;
}

.width175 {
    width: 175px !important;
}

.width195 {
    width: 195px !important;
}

.width300 {
    width: 300px !important;
}

.width330 {
    width: 330px !important;
}

.width350 {
    width: 350px !important;
}

.width260 {
    width: 260px !important;
}

.width270 {
    width: 270px !important;
}


.width400 {
    width: 400px !important;
}

.width420 {
    width: 420px !important;
}

.width510 {
    width: 510px !important;
}

.width610 {
    width: 610px !important;
}

.width680 {
    width: 680px !important;
}


.width813 {
    width: 813px !important;
}

.width93 {
    width: 93% !important;
}

.head_status2 {
    background: #eee;
    color: #888 !important;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    min-height: 25px;
    line-height: 25px;
    width: 97%;
    margin: 5px auto;
    border: none;
    padding: 2px 10px;
    border-radius: 5px;
    overflow: hidden;
    clear: both;
}

    .head_status2 span {
        color: #585858 !important;
        font-size: 15px;
    }

.scrollBar_pos tbody {
    direction: ltr;
}

.Unit_box {
    width: 120px;
    height: 735px;
    overflow: scroll;
    border: 1px solid #ddd;
}

.mrg_btm, .mr-6 {
    margin-bottom: 6px;
}

.inpt_lst li {
    line-height: 20px;
    margin: 0 5px 5px;
}

    .inpt_lst li input {
        margin-left: 10px;
    }

.span_error_cntr {
    text-align: center;
    margin: 5px;
}

.lbl_txt_left {
    text-align: left;
    display: block;
}

.chart_height {
    height: 520px;
    overflow: hidden;
}

.chart_height2 {
    height: 537px;
    overflow: hidden;
}

.align_cntr {
    text-align: center !important;
    display: block;
}

.btn_mrgTop, .mt-10 {
    margin-top: 10px;
}

.data_block {
    background: #eee;
    color: #2586B0 !important;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    min-height: 25px;
    line-height: 25px;
    width: 90%;
    margin: 5px auto;
    border: none;
    padding: 2px 10px;
    border-radius: 5px;
    overflow: hidden;
    clear: both;
}

    .data_block span {
        color: #2586B0 !important;
    }

.btn-mrg-bx {
    margin: 10px 0 10px;
}

.mrg-check-bx {
    margin-right: 5px;
}


.aval_empl_tbl tr th:nth-child(1),
.aval_empl_tbl tr th:nth-child(2),
.aval_empl_tbl tr td:nth-child(1),
.aval_empl_tbl tr td:nth-child(2) {
    width: 150px;
}

.aval_empl_tbl tr th:nth-child(3),
.aval_empl_tbl tr td:nth-child(3) {
    width: 600px;
}

.btn_flt_right {
    float: left;
}

.img_inbox_trReadStatus {
    margin: 5px 0;
}

.mail_dv_storage {
    display: flex;
    justify-content: end;
    margin-left: 10px;
    margin-right: 10px;
    color: #2c8ab3;
    line-height: 29px;
    font-size: 15px;
}

.dis_icon {
    color: #888;
}

.disabled_btn,
.disabled_btn:hover {
    color: #919191;
    background: #e2e2e2;
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
    border: 1px solid #c1c1c1;
    border-radius: 7px;
    height: 32px;
    font-family: "hacensaudiarabia";
    font-size: 12px;
    font-weight: normal;
}

    .disabled_btn i {
        color: #919191;
    }

.wrap_bg, .add_command,
.dv_editor_cntrlBg, #popupform-popup,
.dv_addGisExpPopup_cntrlBg, .dv_elecCom_cntrlBg,
.dv_selectedItemCntl_cntrlBg, .popup_alert_background_upload,
#wrapperPopup, .dv_pSearchDB_cntrlBg,
.dv_itemWithRadioBtn_cntrlBg,
#inbox_ExternalLetter {
    position: static !important;
    z-index: inherit !important;
    right: 0;
    left: 0;
    top: inherit;
    bottom: inherit;
    margin-top: 100px;
    background: none !important;
    overflow: hidden !important;
}

.popup_alert_background_upload {
    background: rgba(0, 0, 0, 0.3) !important;
}

#wrapper-popup, .add_command, .dv_editor_cntrlBg,
.dv_addGisExpPopup_cntrlBg, .dv_elecCom_cntrlBg,
.popup_alert_background_upload, #wrapperPopup,
.dv_pSearchDB_cntrlBg, .dv_itemWithRadioBtn_cntrlBg,
#popupform-popup, .mt0, .doubleShow_switch.mt0, .switch.mt0 {
    margin-top: 0;
}

.wrapper_genrl {
    position: fixed !important;
}

#treatment_control, #dv_pickupPopup {
    position: static !important;
    z-index: inherit !important;
    background: none !important;
}

.popup_scrollY {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .popup_scrollY, .popup_scrollY #wrapper-popup,
    .popup_scrollY .wrapper_genrl {
        position: fixed !important;
        z-index: 1050 !important;
        right: 0 !important;
        left: 0 !important;
        top: 0;
        bottom: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        background: rgba(0,0,0,0.3) !important;
        overflow: hidden !important;
        overflow-y: scroll !important;
        direction: ltr !important;
    }

.dv_pSearchDB_cntrlMain {
    right: 0;
    left: 0;
    max-width: 600px;
    margin: 0 auto;
}

.emotion_bx table tr th:nth-child(3) img,
.emotion_bx table tr th:nth-child(4) img,
.emotion_bx table tr th:nth-child(5) img,
.emotion_bx table tr th:nth-child(6) img,
.emotion_bx table tr th:nth-child(7) img {
    padding: 4px 0;
    width: 25px;
}

.right_big_bx {
    width: 550px;
    float: right;
    overflow: hidden;
}

    .right_big_bx input.inpt_txt {
        width: 100% !important;
    }

.left_smll_bx {
    width: 260px;
    float: right;
    min-height: 492px;
    position: relative;
    /*  overflow: hidden;*/
}

.left_smll_bx_height {
    min-height: inherit !important;
    overflow: inherit !important;
}

.left_smll_bx_width {
    float: initial;
    width: 100%;
}

    .left_smll_bx_width .row-bx:nth-child(1), .left_smll_bx_width .row-bx:nth-child(2) {
        float: right;
        clear: initial;
    }

    .left_smll_bx_width .alrt_pos.radio_group {
        clear: both;
    }

    .left_smll_bx_width .row-bx:nth-child(4), .left_smll_bx_width .row-bx:nth-child(5) {
        clear: both;
    }

        .left_smll_bx_width .row-bx:nth-child(5) .col-bx-7 {
            width: 100%;
        }

            .left_smll_bx_width .row-bx:nth-child(5) .col-bx-7 textarea {
                width: 99.5%;
                height: 160px;
            }

    .left_smll_bx_width .check-bx {
        padding-right: 4px;
    }

.right_big_bx_width {
    float: initial;
    width: 100%;
}

.left_smll_bx .container_bx {
    width: initial;
}

.db_left_smll {
    min-height: inherit;
    margin-right: 9px;
}

.gradiant_50 {
    width: 47%;
}

.gradiant_100 {
    width: 98% !important;
}

.height_area {
    height: 300px !important;
}

.ContentDv_bx {
    border: 1px solid #999999;
    padding: 6px;
    height: 300px;
    margin-right: 3px;
    overflow: auto;
}

.crv_bx {
    background: #fff url(../Images/txt.jpg) repeat-x;
    background-position: bottom;
    border: 1px solid #A2A2A2;
    border-radius: 5px !important;
}

/*.dv_sign_poup {
    position: relative;
}*/

.dv_Sign_cntrlBg {
    background: none repeat scroll 0 0 Black;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    text-align: right;
    top: 0;
    vertical-align: bottom;
    width: 100%;
    z-index: 151;
}

.dv_Sign_cntrlMain {
    width: 255px;
    position: absolute;
    top: 30%;
    right: 0 !important;
    z-index: 151;
}

    .dv_Sign_cntrlMain .popup_genrl {
        width: initial !important;
    }

        .dv_Sign_cntrlMain .popup_genrl p {
            color: #000;
            line-height: 20px;
            font-size: 15px;
        }

        .dv_Sign_cntrlMain .popup_genrl label {
            font-size: 15px;
            display: inline-table;
            margin-bottom: 3px;
            margin-left: 3px;
        }

            .dv_Sign_cntrlMain .popup_genrl label input {
                margin-left: 6px;
            }

        .dv_Sign_cntrlMain .popup_genrl div.sct_opt {
            display: flex;
            margin-bottom: 5px;
        }

            .dv_Sign_cntrlMain .popup_genrl div.sct_opt span {
                width: 90px;
            }

            .dv_Sign_cntrlMain .popup_genrl div.sct_opt select {
                width: 131px;
            }

        .dv_Sign_cntrlMain .popup_genrl textarea {
            color: #000;
            line-height: 20px;
            font-size: 15px;
            width: 95%;
            height: 60px;
        }

        .dv_Sign_cntrlMain .popup_genrl .popup-footer {
            text-align: center;
        }

            .dv_Sign_cntrlMain .popup_genrl .popup-footer ul li {
                margin-top: 4px;
            }

.dvInboxCovLetter .right_big_bx .col-bx-10,
.dvInboxInternalMemo .right_big_bx .col-bx-10,
.dvInboxCommitteeReport .right_big_bx .col-bx-10,
.dvInboxOffers .right_big_bx .col-bx-10 {
    width: 460px;
}

    .dvInboxCovLetter .right_big_bx .col-bx-10 .slc_txt {
        width: 100%;
    }

.dvInboxCovLetter .right_big_bx .col-bx-9 {
    width: 436px;
}

.dvInboxInternalMemo .right_big_bx .col-bx-1,
.dvInboxCovLetter .right_big_bx .col-bx-1 {
    display: flex;
    width: 24px;
    padding: 0;
}

.dvInboxInternalMemo .right_big_bx .content-bx .row-bx:nth-child(3) .col-bx-1.text-left,
.dvInboxCovLetter .right_big_bx .content-bx .row-bx:nth-child(3) .col-bx-1.text-left {
    margin-left: 2px;
}

.dvInboxInternalMemo .right_big_bx .content-bx .row-bx .col-bx-1.col-bx-btn {
    width: auto !important;
}

.dvInboxCovLetter .right_big_bx .content-bx .row-bx:nth-child(3) .col-bx-1.col-bx-btn {
    width: auto !important;
    margin-top: 2px;
}

    .dvInboxInternalMemo .right_big_bx .content-bx .row-bx .col-bx-1.col-bx-btn input,
    .dvInboxCovLetter .right_big_bx .content-bx .row-bx:nth-child(3) .col-bx-1.col-bx-btn input {
        margin-left: 2px;
    }

.dvInboxInternalMemo .right_big_bx .col-bx-4 {
    width: 218px;
}

.dvInboxInternalMemo .right_big_bx .col-bx-7 {
    width: 340px;
}

.dvInboxOffers .right_big_bx .col-bx-7 {
    width: 338px;
}

.left_smll_bx .col-bx-6 {
    width: 253px;
}

.dvInboxCovLetter .right_big_bx .col-bx-33, .dvInboxCovLetter .right_big_bx .col-bx-344 {
    width: 132px;
    display: block;
    float: right;
    padding: 2px 4px;
    min-height: 30px;
}

.dvInboxCovLetter .right_big_bx .col-bx-344 {
    width: 344px !important;
}

.dvInboxInternalMemo .right_big_bx .col-bx-305px {
    width: 305px !important;
}

.dvInboxInternalMemo .right_big_bx .col-bx-50px {
    width: 50px !important;
}

.dvInboxInternalMemo .right_big_bx .col-bx-108px {
    width: 108px !important;
}

.dvInboxInternalMemo .right_big_bx .col-bx-120px {
    width: 120px !important;
}

.dvInboxInternalMemo .right_big_bx .col-bx-286px {
    width: 286px !important;
}

.dvInboxInternalMemo .right_big_bx .col-bx-337px {
    width: 337px !important;
}

.dvInboxCovLetter .right_big_bx .col-bx-110Mrg192 {
    margin-right: 192px !important;
    width: 220px !important;
}

    .dvInboxCovLetter .right_big_bx .col-bx-110Mrg192 select {
        width: 190px !important;
    }

.dvInboxCovLetter .right_big_bx .col-bx-3Btn input {
    padding: 0 8px !important;
}

.popover_editname i.fa-check {
    background: #4CAF50;
    color: #fff;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
}

.popover_editname i.fa-close {
    background: #9E9E9E;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
}

.popover_editname_wrapper {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
}

.dvInboxCovLetter .right_big_bx .col-bx-44 {
    width: 250px;
    display: block;
    float: right;
    padding: 2px 4px;
    min-height: 30px;
}

.dvInboxCovLetter .right_big_bx .col-bx-55 {
    width: 270px;
    display: block;
    float: right;
    padding: 2px 4px;
    min-height: 30px;
}

.dvInboxCovLetter .col-bx-10.noPadding_bx .fa-pencil.gradiant {
    float: right;
}

.dvInboxCovLetter .right_big_bx .col-bx-42 {
    width: 126px;
    display: block;
    float: right;
    padding: 2px 4px;
    min-height: 30px;
}

.col-bx-pad {
    padding: 2px 4px;
}

.mrg_top_treatment_det {
    background: #eee !important;
}

.dvInboxCovLetter .right_big_bx .col-bx-pad0 {
    padding: 0;
}

    .dvInboxInternalMemo .right_big_bx .col-bx-pad0 label input,
    .dvInboxCovLetter .right_big_bx .col-bx-pad0 label input {
        margin-top: 10px;
    }

.dvInboxInternalMemo .col-bx-btn input,
.dvInboxCovLetter .col-bx-btn input {
    padding: 0;
    width: 25px;
    margin: 0;
}

.dvInboxCovLetter .right_big_bx .col-bx-3 {
    width: initial;
    padding: 3px 0 !important;
}

.dvInboxInternalMemo .right_big_bx .col-bx-4,
.dvInboxCovLetter .right_big_bx .col-bx-4 {
    width: auto;
    padding-right: 4px !important;
}

.dvInboxCovLetter .right_big_bx .col-bx-33 .inpt_txt,
.dvInboxCovLetter .right_big_bx .col-bx-44 .inpt_txt,
.dvInboxCovLetter .right_big_bx .col-bx-55 .inpt_txt {
    width: 97% !important;
}

.grey_bg {
    background: #eee;
    color: #2586b0 !important;
    font-size: 17px;
}

.lbl_txt-small {
    color: #2586B0;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
}

.span_save {
    float: right;
    line-height: 30px;
    color: red;
}

.red_icon {
    color: #f00;
}

.blue_icon {
    color: #2586b0;
}

.white_icon {
    color: #fff;
}

.inline_spn {
    display: inline-block;
    padding: 0 5px;
}

.emp_txt .check-bx ul li, .user_txt .check-bx ul li,
.sal_txt .check-bx ul li, .cont_txt .check-bx ul li {
    width: 12%;
    display: inline-block;
}

.alrt_size {
    font-size: 15px !important;
}

.accord_tit span {
    color: #2586B0;
    font-size: 15px;
    padding-bottom: 3px;
    border-bottom: 2px solid #2586B0;
}

.haf_wdth {
    width: 616px;
    float: right;
}

.popup-btn {
    background: url(../images/popup-btn.png) no-repeat right top;
    display: block;
    width: 72%;
    height: 22px;
    line-height: 25px;
    border: none;
    outline: 0px;
    text-align: right;
    padding: 0px 40px 0px 3px;
    cursor: pointer;
    margin-top: 0px;
    border-radius: 5px;
}

.relative_bx {
    position: relative;
}

.abs_tree_bx {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    background: #fff;
    display: none;
    box-shadow: 0px 0px 8px -3px #000;
}

.cls_btn {
    position: relative;
}

    .cls_btn .close-tree {
        position: absolute;
        top: 0px;
        left: 0px;
        background: #e84e1d;
        color: #fff;
        font-size: 12px;
        width: 20px;
        border-radius: 50%;
        height: 20px;
        display: block;
        text-align: center;
        line-height: 20px;
        cursor: pointer;
        box-shadow: 0px 0px 10px -3px #000;
    }

.pos_info_alrt i {
    position: relative;
    top: -2px;
    color: #999;
    font-size: 14px;
}

    .pos_info_alrt i p {
        background: rgb(255, 255, 255);
        box-shadow: 0px 0px 7px -3px #000;
        color: #2586b0 !important;
        font-size: 15px;
        line-height: 22px;
        padding: 5px;
        border-radius: 5px;
        border-right: 3px solid #2586b0;
        position: absolute;
        top: 15px;
        right: 10px;
        z-index: 99;
        display: none;
        min-width: 250px;
        text-align: initial;
        transition: all 0.3s ease-in-out;
    }

.btn_pos_info_alrt {
    padding: 0 5px;
    box-sizing: border-box;
}

    .btn_pos_info_alrt i p {
        position: absolute;
        top: -40px;
        right: 0;
        cursor: default;
    }

    .btn_pos_info_alrt i {
        top: 5px;
        display: block;
        color: #2377af;
        font-family: "hacensaudiarabia";
        font-size: 13px;
        font-weight: normal;
        cursor: default;
    }

    .btn_pos_info_alrt .fa-info-circle:before {
        font: normal normal normal 14px/1 FontAwesome;
    }

.pos_info_alrt i:hover p {
    display: block;
    transition: all 0.3s ease-in-out;
}

.pos_info_alrt i:hover::after {
    content: '';
    position: absolute;
    right: 14px;
    bottom: -1px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #2586b0;
    border-left: 9px solid transparent;
    border-right: 0px solid transparent;
}

.btn_pos_info_alrt i:hover::after {
    content: '';
    position: absolute;
    right: 3px;
    bottom: 22px;
    width: 0;
    height: 0;
    border-top: 6px solid #2586b0;
    border-left: 9px solid transparent;
    border-right: 0px solid transparent;
}

.pos_info_alrt_lft i p {
    left: 0;
    right: initial;
    border: 0;
    min-width: 310px;
}

.pos_info_alrt_lft i:hover::after {
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/slc_arrow.png), url(../Images/txt.jpg) !important;
    background-position: 4px center, bottom !important;
    background-repeat: no-repeat, repeat-x !important;
    padding: 0px 2px 0px 15px !important;
}

    select[multiple="multiple"] {
        background: none !important;
        padding: 0 !important;
    }

.radio_bx_slc {
    text-align: center;
    margin-bottom: 5px;
}

    .radio_bx_slc ul li {
        display: inline-block;
        padding: 10px 15px 0;
        border-radius: 25px;
        background: #2586b0;
        min-width: 150px;
    }

        .radio_bx_slc ul li .radio_bx_slc_cntnt_bx label,
        .radio_bx_slc ul li .radio_bx_slc_cntnt_bx h3 {
            color: #fff;
            font-size: 15px;
        }

            .radio_bx_slc ul li .radio_bx_slc_cntnt_bx label input {
                margin-left: 8px;
            }

        .radio_bx_slc ul li .radio_bx_slc_img_bx img {
            float: right;
        }

        .radio_bx_slc ul li:nth-child(1) {
            background: #8774A7;
        }

        .radio_bx_slc ul li:nth-child(2) {
            background: #578EBD;
        }

        .radio_bx_slc ul li:nth-child(3),
        .radio_bx_slc_clor ul li:nth-child(1) {
            background: #E35B5B;
        }

        .radio_bx_slc ul li:nth-child(4),
        .radio_bx_slc_clor ul li:nth-child(2) {
            background: #44B6AE;
        }

.radio_bx_slc_wdth30 {
    width: 30%;
}

.att_det_bx {
    border-radius: 5px;
    border: 1px solid #eee;
    background: #fafafa;
    padding: 6px;
    height: 182px;
    overflow: hidden;
    overflow-y: auto;
}

.lbl_txt_mrg_top {
    margin-top: 25px;
    /*margin-bottom: 8px;*/
    display: block;
}

.lbl_txt_cntr {
    display: block;
    text-align: center;
}

.note_alrt_grid {
    color: #31708f;
    background-color: #d9edf7;
    border: 1px solid #afd7df;
    padding: 5px;
    border-radius: 5px;
    margin: 5px 0;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
}

.note_alrt {
    color: #31708f;
    background-color: #d9edf7;
    border: 1px solid #afd7df;
    padding: 5px;
    border-radius: 5px;
    margin: 5px 0;
    position: relative;
    overflow: hidden;
}

    .note_alrt i {
        position: absolute;
        left: 8px;
        top: 8px;
        font-size: 12px;
        font-weight: normal;
        cursor: pointer;
        color: #8fa1aa;
        transition: all 0.3s ease-in-out;
    }

        .note_alrt i:hover {
            color: #31708f;
            transition: all 0.3s ease-in-out;
        }

    .note_alrt * {
        color: #31708f;
        font-size: 13px;
    }

    .note_alrt h1 {
        margin-bottom: 3px;
    }

    .note_alrt ul li {
        list-style-type: square;
        list-style-position: inside;
        line-height: 18px;
    }

.ul_scroll {
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}

.coverLetterVicesDv {
    width: 100% !important;
}

    .coverLetterVicesDv ul li {
        text-align: center;
        background: #eee;
        line-height: 25px;
        margin-bottom: 3px;
        border-right: 6px solid #ddd;
        padding: 0 3px;
    }

.wdth30_lsttype {
    list-style-type: circle;
    list-style-position: inside;
}

    .wdth30_lsttype li {
        list-style-type: arabic-indic;
        list-style-position: inside;
        float: right;
        width: 32%;
        margin-left: 10px;
        border-bottom: 1px solid #eee;
        line-height: 25px;
    }

.mrg_gradiant {
    margin: 10px 2px !important;
}

.pad_gradiant {
    min-width: 60px !important;
    padding: 0px 3px !important;
}

.but-control {
    text-align: center;
    margin-bottom: 5px;
}

    .but-control .btn {
        background: #e2e2e2;
        background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
        background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
        background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
        background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
        background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
        border: 1px solid #c1c1c1;
        border-radius: 7px;
        color: #2377af;
        height: 25px;
        margin: 0 2px;
        padding: 0 3px;
        line-height: 25px;
        font-family: "hacensaudiarabia";
        font-size: 12px;
        font-weight: normal;
    }

        .but-control .btn:hover {
            background: #ebf1f6;
            background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb));
            background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
            background: -o-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
            background: -ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
            background: linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 );
            border: 1px solid #77aed2;
            color: #0c6198;
        }

        .but-control .btn[disabled] {
            color: #919191;
            background: #e2e2e2;
            background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
            background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
            background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
            background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
            background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
            border: 1px solid #c1c1c1;
            border-radius: 7px;
            height: 25px;
            margin: 0 2px;
            line-height: 25px;
            font-family: "hacensaudiarabia";
            font-size: 12px;
            font-weight: normal;
            padding: 0 3px;
        }

.cursPointer {
    cursor: pointer;
}

.mrg_right80 {
    margin-right: 80px;
}

.ios_fileUpload {
    max-width: 100%;
    width: 100%;
    height: 170px;
    border: 5px solid #ebf1f6;
    border-radius: 5px;
    box-sizing: border-box;
}

.img_smlSize {
    width: 23px !important;
    height: 23px !important;
    padding-right: 3px !important;
    box-sizing: border-box;
}

.divBuildBorders_scroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 564px;
    clear: both;
    box-sizing: border-box;
}

.astric_flex {
    display: flex !important;
    align-items: baseline;
}

.db_sal_bx, .db_vac_bx {
    clear: both;
}

    .db_vac_bx article {
        display: flex;
        flex-wrap: wrap;
        align-content: stretch;
    }

        .db_vac_bx article .db_vac_info {
            /*flex-grow: 2;*/
            width: 32.3%;
            margin: 0 4px;
            border-radius: 5px;
            color: #fff;
            padding: 10px;
            box-sizing: border-box;
        }

            .db_vac_bx article .db_vac_info .progress {
                height: 10px !important;
                background: #fff !important;
                border: none !important;
                outline: none !important;
                overflow: hidden;
                box-shadow: none;
            }

                .db_vac_bx article .db_vac_info .progress .progress-bar {
                    line-height: 20px !important;
                    text-indent: 9999999em;
                    font-size: 0;
                    height: 10px !important;
                    outline: none !important;
                    border: none !important;
                    box-shadow: none;
                }

            .db_vac_bx article .db_vac_info h1,
            .db_vac_bx article .db_vac_info ul li span,
            .db_vac_bx article .db_vac_info ul li {
                color: #fff;
            }

            .db_vac_bx article .db_vac_info h1 {
                text-align: center;
                font-size: 1.2em;
                margin-bottom: 10px;
            }

            .db_vac_bx article .db_vac_info ul {
                display: flex;
                margin-top: 10px;
            }

                .db_vac_bx article .db_vac_info ul li {
                    width: 50%;
                    font-size: 15px;
                }

                    .db_vac_bx article .db_vac_info ul li:last-child {
                        text-align: left;
                    }

                    .db_vac_bx article .db_vac_info ul li, .db_vac_bx article .db_vac_info ul li span {
                        font-size: 15px;
                    }

        .db_vac_bx article .vac_info1 {
            background: #3498DB;
        }

            .db_vac_bx article .vac_info1 .progress .progress-bar {
                background: #2C81BB !important;
            }

        .db_vac_bx article .vac_info2 {
            background: #2BBB9E;
        }

            .db_vac_bx article .vac_info2 .progress .progress-bar {
                background: #20A489 !important;
            }

        .db_vac_bx article .vac_info3 {
            background: #34C1DB;
        }

            .db_vac_bx article .vac_info3 .progress .progress-bar {
                background: #30B0C7 !important;
            }

        .db_vac_bx article .vac_info4 {
            background: #E9B35D;
        }

            .db_vac_bx article .vac_info4 .progress .progress-bar {
                background: #CB994A !important;
            }

.db_arc_suc_bx {
    border: 1px solid #eee;
    position: relative;
    padding: 30px 0px 5px 0px;
    margin-top: 30px;
    box-sizing: border-box;
    overflow: inherit;
    clear: both;
}

    .db_arc_suc_bx .db_title {
        position: absolute;
        top: -17px;
        right: 10px;
        background: #fff;
        border: 1px solid #eee;
        padding: 5px 25px;
        color: #2586B0;
        font-size: 15px;
        font-weight: normal;
        font-family: 'HacenSaudiArabia';
    }

.db_arc_suc_mrgBtm, .mb-10 {
    margin-bottom: 10px;
}

.slide_yer label {
    font-size: 15px;
}

.slide_yer p select {
    width: 10%;
}

.slide_yer .amount {
    background: none;
    border: none;
    border-radius: 0;
    color: #ecaf49;
    width: 50px;
    float: left;
    text-align: left;
    line-height: 30px;
    font-size: 15px;
}

.slide_yer .ui-slider {
    margin: 6px 0 10px;
}

.slide_yer .ui-widget-header {
    background: #ecaf49 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
}

.emp_ach_2bx .emp_ach_hgh165 {
    min-height: 165px !important;
}

.fa-plus.add_icn, .fa-close.cls_icn {
    height: 20px;
    line-height: 20px;
    width: 20px;
    background: #5984ca;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    display: inline-block;
    margin-top: 3px;
    margin-left: 3px;
}

.fa-close.cls_icn {
    background: #e06f6f;
}

.fig_uploadImage_bx {
    padding-top: 5px;
}

.fig_uploadImage_abs .fig_uploadImage {
    clear: both;
    width: 130px;
    height: 135px;
    margin: 0 auto 5px;
    margin-left: 0px !important;
    float: inherit !important;
    text-align: center;
    border: 4px solid #dadada;
    border-radius: 5px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

    .fig_uploadImage_abs .fig_uploadImage img {
        width: 130px !important;
        height: 135px !important;
        border: none !important;
    }

    .fig_uploadImage_abs .fig_uploadImage i {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        background: rgba(255, 0, 0, 0.8);
        color: #fff;
        font-size: 12px;
        box-shadow: 0 0 7px -3px #000;
        cursor: pointer;
    }

.fig_uploadImage_abs figcaption {
    text-align: center;
    float: inherit !important;
    margin-top: 0px !important;
}

.fig_uploadImage_bx .fig_uploadImage {
    clear: both;
    width: 130px;
    height: 135px;
    margin: 5px auto;
    text-align: center;
    border: 4px solid #dadada;
    border-radius: 5px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

    .fig_uploadImage_bx .fig_uploadImage img {
        width: 130px !important;
        height: 135px !important;
        border: none !important;
    }

    .fig_uploadImage_bx .fig_uploadImage i {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        background: rgba(255, 0, 0, 0.8);
        color: #fff;
        font-size: 12px;
        box-shadow: 0 0 7px -3px #000;
        cursor: pointer;
    }

.fig_uploadImage_bx figcaption {
    float: right;
    margin-top: 55px;
}

.fig_uploadImage_bx2 .fig_uploadImage {
    float: inherit !important;
}

.fig_uploadImage_bx2 figcaption {
    float: inherit !important;
    margin: 0;
}

    .fig_uploadImage_bx2 figcaption .gradiant {
        display: block;
        width: 130px;
        margin: 0 auto;
    }

.db_info_bx {
    border: 1px solid #eee;
    position: relative;
    padding: 30px 5px 5px 5px;
    margin-top: 18px;
}

    .db_info_bx .db_title {
        position: absolute;
        top: -17px;
        right: 10px;
        background: #fff;
        border: 1px solid #eee;
        padding: 5px 25px;
        color: #2586B0;
        font-size: 15px;
        font-weight: normal;
        font-family: 'HacenSaudiArabia';
    }

    .db_info_bx article {
        display: flex;
    }

        .db_info_bx article img {
            border: 4px solid #dadada;
            border-radius: 5px;
            height: 135px;
            width: 130px;
            margin-left: 15px;
        }

        .db_info_bx article ul li {
            display: block;
            height: 25px;
            line-height: 25px;
        }

            .db_info_bx article ul li span {
                color: #666;
                font-size: 15px;
            }

        .db_info_bx article .db_btn_bx {
            position: absolute;
            left: 5px;
            top: 5px;
        }

            .db_info_bx article .db_btn_bx .db_btn {
                border: none;
                border-radius: 5px;
                background: #E9B35D;
                color: #fff;
                padding: 5px 15px;
                margin-right: 5px;
                cursor: pointer;
                display: inline-block;
                transition: all 0.3s ease-in-out;
            }

                .db_info_bx article .db_btn_bx .db_btn:hover {
                    background: #2586B0;
                    transition: all 0.3s ease-in-out;
                }

.db_right_big, .db_left_smll, .db_vac_bx, .db_sal_bx {
    border: 1px solid #eee;
    position: relative;
    padding: 30px 5px 5px 5px;
    margin-top: 30px;
    box-sizing: border-box;
    overflow: inherit;
}

    .db_right_big .db_title, .db_left_smll .db_title, .db_vac_bx .db_title, .db_sal_bx .db_title {
        position: absolute;
        top: -17px;
        right: 10px;
        background: #fff;
        border: 1px solid #eee;
        padding: 5px 25px;
        color: #2586B0;
        font-size: 15px;
        font-weight: normal;
        font-family: 'HacenSaudiArabia';
    }

.fig_uploadImage_rltv {
    position: relative;
}

.fig_uploadImage_abs {
    position: absolute;
    left: 100px;
    top: 0;
}

    .fig_uploadImage_abs .fig_uploadImage_bx {
        padding: 0;
    }

.dashBoard_legend {
    text-align: center;
    border: 1px solid #eee;
}

    .dashBoard_legend li {
        display: inline-block;
        color: #000;
        font-size: 15px;
        line-height: 25px;
        margin-left: 5px;
        width: 20%;
    }

        .dashBoard_legend li:nth-child(1) i {
            color: #1e88e5;
        }

        .dashBoard_legend li:nth-child(2) i {
            color: #388e3c;
        }

        .dashBoard_legend li:nth-child(3) i {
            color: #d32f2f;
        }

        .dashBoard_legend li i {
            font-size: 16px;
            margin-left: 8px;
        }

.clear_top5 {
    height: 5px;
}

.db_chart_bx {
    overflow: hidden;
    clear: both;
}

.Attendance_tbl tbody {
    max-height: 288px !important;
}

.Cash_balance_tbl {
    margin-bottom: 0px !important;
}

.SalaryChar {
    border: 1px solid #ccc;
    border-top: 0;
    text-align: center;
    line-height: 30px;
    padding: 0;
    font-size: 15px;
}

.show_txt_smllTxt {
    font-size: 14px !important;
}

.flx_check {
    display: flex;
    justify-content: center;
}

    .flx_check label {
        width: 20%;
        text-align: center;
    }

.flx_drop {
    display: flex;
    width: 100%;
}

.popup_grid_ddl .flx_drop .ddl_multiSelect,
.popup_grid_ddl .flx_drop .ddl_multiSelect_disabled {
    width: calc(100% - 50px) !important;
}

    .popup_grid_ddl .flx_drop .ddl_multiSelect_disabled p {
        line-height: normal;
        border-radius: 5px;
        overflow: hidden;
        height: 25px !important;
        box-sizing: border-box;
        cursor: default;
        display: flex;
        flex-direction: row-reverse;
    }

        .popup_grid_ddl flx_drop .ddl_multiSelect .form-control1 p i:last-child,
        .popup_grid_ddl .flx_drop .ddl_multiSelect_disabled p i:last-child {
            display: inline !important;
            word-break: break-all;
        }

.btn_rltv_pos {
    position: relative;
}

    .btn_rltv_pos .btn_abs_pos {
        position: absolute;
        top: 4px;
        right: 355px;
    }

.st_private_check {
    background: #fff;
    border: 1px solid #eee;
    color: #20A489;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    height: 26px;
    width: 30px;
    line-height: 26px;
    border-radius: 5px;
}

.st_private_plus {
    background: #fff;
    border: 1px solid #eee;
    color: #2586B0;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    height: 26px;
    width: 30px;
    line-height: 26px;
    border-radius: 5px;
}

.mltSlc_position {
    position: relative;
    overflow: hidden;
}

    .mltSlc_position .mltSlc_wraper_bg {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

.db_right_big_chartdiv, .db_right_big_chartdiv * {
    overflow: inherit !important;
}

.thumb_stamp, .thumb_stamp tr {
    border: none;
}

    .thumb_stamp tr th, .thumb_stamp tr td {
        border: 1px solid #ccc;
    }

        .thumb_stamp tr th span {
            display: block;
            text-align: center;
            font-size: 15px;
            margin: 10px 0;
            color: #2586b0;
        }

    .thumb_stamp tr th {
        text-align: center;
        padding: 0 10px;
    }

    .thumb_stamp tr td {
        width: 212px;
        height: 122px;
    }

        .thumb_stamp tr td img {
            display: block;
            width: 200px;
            height: 110px;
        }

.bx_number_not_elect_Empty {
    padding: 5px;
}

.grid_3divs_emp tr td div {
    padding: 0;
    margin: 0 3px;
    width: 32.5%;
    display: block;
    float: right;
    text-align: center;
    border-left: 2px solid #ccc;
    box-sizing: border-box;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.legenddiv_number_not_elect_Empty ul li {
    color: #2586b0;
    font-size: 15px;
}

    .legenddiv_number_not_elect_Empty ul li span {
        color: #333;
    }

.legenddiv_number_not_elect_Empty .dashBoard_legend {
    padding: 5px 10px;
    border: 2px solid #ccc;
}

.st_div_number_of_mngr_left_smll {
    min-height: 310px !important;
}

.db_right_big_chartdiv, db_right_big_chartdiv * {
    overflow: visible !important;
}

.db_vac_bx article .db_vac_info h1 i {
    position: relative;
    color: #fff;
    font-size: 18px;
    margin-right: 2px;
    text-shadow: 1px 1px 0px #8e8e8e;
    transition: all 0.3s ease-in-out;
}

    .db_vac_bx article .db_vac_info h1 i p {
        display: none;
        text-shadow: none;
        transition: all 0.3s ease-in-out;
    }

    .db_vac_bx article .db_vac_info h1 i:hover p {
        position: absolute;
        bottom: 0px;
        left: 15px;
        background: rgba(255, 255, 255, 0.8);
        box-shadow: 0 0 10px -3px #000;
        border-radius: 5px;
        font-size: 16px;
        color: #333;
        display: block;
        min-width: 150px;
        line-height: 20px;
        padding: 5px;
        overflow: hidden;
        transition: all 0.3s ease-in-out;
    }

.img_work_card {
    width: 130px !important;
    height: 135px !important;
    border: 4px solid #dadada;
    border-radius: 5px;
    box-sizing: border-box;
}

.col-bx-64 {
    width: 64px !important;
}

.col-bx-555 {
    width: 60px !important;
}

.col-15 {
    width: 15px !important;
}

.col-120 {
    width: 120px !important;
}

.et_alrt_bx {
    background: #d9edf7;
    border: 1px solid #bce8f1;
    border-bottom: 3px solid #bce8f1;
    border-radius: 5px;
    padding: 6px;
    text-align: center;
    margin-bottom: 5px;
    position: relative;
}

    .et_alrt_bx span {
        color: #1278a3;
        font-size: 15.5px;
        display: block;
    }

        .et_alrt_bx span i {
            color: #93ceda;
            font-size: 20px;
            margin-left: 6px;
        }

    .et_alrt_bx .fa-close {
        position: absolute;
        left: 10px;
        top: 12px;
        font-size: 12px;
        color: #7ca6af;
        cursor: pointer;
    }

.et_nopermation_bx {
    background: url(../Images/no_perm_icn.png) no-repeat left 55px #ff9999;
    border: 3px solid #f3d6d6;
    border-radius: 15px;
    padding: 40px 20px;
    text-align: center;
    margin: 120px auto 0;
    width: 60%;
}

    .et_nopermation_bx span {
        color: #fff;
        font-size: 25px;
        line-height: 35px;
        display: block;
    }

.noPadding_bx {
    padding: 0 !important;
}

.right_big510_bx {
    width: 510px;
}

.left_smll308_bx {
    width: 308px;
}

.col-bx-wdth2 {
    width: 81px !important;
}

.area_txt_height {
    height: 255px !important;
}

.area_txt[disabled].area_txt_auto_height, .area_txt_auto_height {
    width: 100% !important;
    direction: rtl;
    display: block !important;
    max-width: 100%;
    line-height: 1.5 !important;
    height: max-content !important;
    overflow: visible !important;
}
/*
.scroll_ruls_bx .inpt_txt{
        word-break: break-all !important;
    height: 140px !important;
    display: flex !important;
    width: 100% !important;
    line-height: .5 !important;
    flex-wrap: wrap;
    padding: 0 !important;
    white-space: break-spaces !important;
    vertical-align: top;
}*/
.ddl_minWidth, .slc_txt.ddl_minWidth {
    min-width: 80px;
    width: 100%;
    margin-right: 10px !important;
    max-width: 200px;
}

.FollowUp_Statistics_reports .ddl_multiSelect .form-group input[type="button"] {
    width: 44% !important;
    margin: 0 4px;
    padding: 0px 5px;
}

.left_smll308_bx .check-bx label, .left_smll308_bx .radio_group {
    margin-right: 3px;
}

.acc_task_bx {
    background: #FAFAFA;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

    .acc_task_bx .acc_task_right {
        float: right;
        width: 150px;
    }

        .acc_task_bx .acc_task_right h1 {
            color: #666;
            font-size: 15px;
            line-height: 20px;
        }

        .acc_task_bx .acc_task_right h4 {
            font-size: 12px;
            color: #999;
        }

    .acc_task_bx .acc_task_left {
        float: left;
        width: 650px;
    }

        .acc_task_bx .acc_task_left p {
            color: #666;
            font-size: 15px;
            line-height: 34px;
        }

.acc_task_blue {
    background: #2586B1;
    border: 1px solid #177ba6;
}

    .acc_task_blue .acc_task_right h1 {
        color: #fff;
    }

    .acc_task_blue .acc_task_right h4 {
        color: #0A5E80;
    }

    .acc_task_blue .acc_task_left p {
        color: #fff;
    }

.comt_bx {
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

    .comt_bx .title_comt_bx {
        border-bottom: 1px solid #ddd;
        overflow: hidden;
    }

        .comt_bx .title_comt_bx h1 {
            float: right;
            color: #888;
            font-size: 15px;
            line-height: 25px;
            margin: 0 5px;
        }

        .comt_bx .title_comt_bx h4 {
            float: left;
            color: #888;
            font-size: 15px;
            line-height: 25px;
            margin: 0 5px;
        }

    .comt_bx .content_comt_bx {
        overflow: hidden;
    }

        .comt_bx .content_comt_bx p {
            color: #666;
            font-size: 15px;
            line-height: 22px;
            margin: 0 5px;
        }

.inpt_txt_hight {
    height: 54px !important;
    line-height: 22px !important;
}

.show_txt_hight {
    height: 54px !important;
    line-height: 22px !important;
    overflow-y: auto;
}

.show_txt_lineHight {
    line-height: 52px !important;
}

.popup-title h1 span {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 35px;
}

.col_wdth_20 {
    width: 30px !important;
    line-height: 25px;
    padding: 2px 0 !important;
}

.col-bx-110 {
    width: 126px;
    float: right;
}

.dvInboxInternalMemo .dv_covrLet_bx .fa-pencil.gradiant {
    height: 15px !important;
}

.dvInboxCovLetter .col-bx-110 .fa-pencil.gradiant {
    height: 15px !important;
    margin: 4px 5px 0 0px;
    line-height: 18px;
    float: right;
}

.dvInboxCovLetter .col-bx-110 input.gradiant {
    margin-top: 5px !important;
}

.dvInboxInternalMemo .fa-pencil.gradiant,
.dvInboxCovLetter .fa-pencil.gradiant {
    height: 15px !important;
    margin: 0px 0 0;
    line-height: 15px;
}

.popover_editname {
    position: absolute;
    z-index: 999999;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    width: 450px;
    box-shadow: 0 0 10px -3px #000;
}

.txt_alrt80pers {
    line-height: 30px;
    text-align: right;
    color: #2586b0;
}

.list_bx20pers {
    width: 210px !important;
    float: left;
}

.popup-footer {
    overflow: hidden;
}

.txt_alrt {
    width: 240px;
    min-height: 30px;
    line-height: 30px;
    float: right;
    text-align: right;
    color: #2586b0;
}

.txt_alrt2 {
    width: 100%;
    min-height: 18px;
    line-height: 18px;
    font-size: 15px;
    float: right;
    text-align: right;
    color: #2586b0;
}

.txt_alrt3 {
    min-height: 30px;
    line-height: 30px;
    float: right;
    text-align: right;
    color: #2586b0;
}

#wrapper-popup2 #popup-bx {
    border: 2px solid #2586B0 !important;
}

.txt_alrt_450 {
    width: 450px;
    min-height: 30px;
    line-height: 30px;
    float: right;
    text-align: right;
    color: #2586B0;
}

#wrapper-popup2 #popup-bx .popup-title i.fa-close {
    position: absolute;
    top: 5px;
    left: 5px;
    background: #094F6E;
    color: #fff;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
}

.popup-cont {
    font-size: 15px;
}

.wrap_bg, .add_command, .dv_editor_cntrlBg, #popupform-popup, .dv_addGisExpPopup_cntrlBg, .dv_elecCom_cntrlBg, .dv_selectedItemCntl_cntrlBg, .popup_alert_background_upload, #wrapperPopup, .dv_pSearchDB_cntrlBg, .dv_itemWithRadioBtn_cntrlBg, #inbox_ExternalLetter {
    position: static !important;
    z-index: inherit !important;
    right: 0;
    left: 0;
    top: inherit;
    bottom: inherit;
    margin-top: 100px;
    background: none !important;
    overflow: hidden !important;
}

.popup_alert_background_upload {
    background: rgba(0, 0, 0, 0.3) !important;
}

#wrapper-popup, .add_command, .dv_editor_cntrlBg, .dv_addGisExpPopup_cntrlBg, .dv_elecCom_cntrlBg, .popup_alert_background_upload, #wrapperPopup, .dv_pSearchDB_cntrlBg, .dv_itemWithRadioBtn_cntrlBg, #popupform-popup {
    margin-top: 0;
}

.wrapper_genrl {
    position: fixed !important;
}

#treatment_control, #dv_pickupPopup {
    position: static !important;
    z-index: inherit !important;
    background: none !important;
}

.popup_scrollY, .popup_scrollY #wrapper-popup, .popup_scrollY .wrapper_genrl {
    position: fixed !important;
    z-index: 1050 !important;
    right: 0 !important;
    left: 0 !important;
    top: 0;
    bottom: 0 !important;
    width: 100% !important;
    height: initial !important;
    background: rgba(0,0,0,0.3) !important;
    overflow: hidden !important;
    overflow-y: scroll !important;
    direction: ltr !important;
}

.popup-footer ul li p input {
    background: none;
    border: 0;
    color: #fff;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
}

.popup-footer ul li p, .popup-footer ul li button {
    display: block;
    background: #2586B0;
    color: #fff;
    height: 26px;
    line-height: 26px;
    text-align: center;
    padding: 0px 10px;
    font-size: 13px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    text-decoration: none;
    border: none;
    font-weight: normal;
    transition: all 0.3s ease-in-out;
    font-family: 'DroidKufiRegular';
    cursor: pointer;
}

    .popup-footer ul li p i, .popup-footer ul li button i {
        margin-left: 4px;
        color: #fff;
    }

    .popup-footer ul li p:hover, .popup-footer ul li button:hover {
        background: #144458;
        transition: all 0.3s ease-in-out;
    }

    .popup-footer ul li p input.btn_disabled, .popup-footer ul li p.btn_disabled,
    .popup-footer ul li button.btn_disabled {
        background: #999;
        cursor: default;
    }

.popup-nomax-bx {
    position: fixed !important;
    z-index: 9999999 !important;
    width: auto !important;
    min-width: 100px;
    max-width: 700px;
    overflow: hidden !important;
    padding: 5px !important;
    margin: 0 auto !important;
    top: 30% !important;
    right: 35% !important;
    background: #fff !important;
    display: block !important;
    border: 2px solid #2586b0 !important;
    box-shadow: 0 0 10px -5px #000 !important;
}

#dv_coverLet_popUps .txtarea_bx textarea {
    width: 100%;
    height: 70px;
    line-height: 20px;
    padding: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 5px !important;
}

#dv_coverLet_popUps .txtarea_bx {
    margin-top: 10px;
}

#dv_coverLet_popUps span {
    color: #2586b0;
}

#divMasterAlert .txt_alrt80pers {
    width: inherit !important;
}

.dv_forwardCntrl_favControl_right {
    float: right;
    width: 505px;
}

.dv_forwardCntrl_favControl_left {
    width: 305px;
    float: right;
    margin-top: 46px;
}

    .dv_forwardCntrl_favControl_left .container_bx {
        height: 347px;
    }

    .dv_forwardCntrl_favControl_left .row-bx .col-bx-7 {
        width: 100%;
    }

#wrapper-popup {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

    #wrapper-popup #popup-bx {
        position: relative;
        z-index: 99999;
        padding: 5px;
        margin: 0px auto;
        top: 10%;
        background: #fff;
        display: block;
        border: 2px solid #2586B0;
        box-shadow: 0px 0px 10px -5px #000;
    }

        #wrapper-popup #popup-bx .popup-title, #wrapper-popup2 #popup-bx .popup-title {
            background: #2586B0;
            min-height: 35px;
            position: relative;
            overflow: hidden;
            margin-bottom: 10px;
        }

            #wrapper-popup #popup-bx .popup-title h1, #wrapper-popup2 #popup-bx .popup-title h1 {
                color: #fff;
                font-size: 18px;
                font-weight: normal;
                line-height: 35px;
            }

                #wrapper-popup #popup-bx .popup-title h1 span, #wrapper-popup2 #popup-bx .popup-title h1 span {
                    display: inline-block;
                    line-height: 22px;
                    color: #fff;
                    margin-top: 8px;
                    overflow: hidden;
                }

                #wrapper-popup2 #popup-bx .popup-title h1 span {
                    width: 420px;
                }

                #wrapper-popup #popup-bx .popup-title h1 i, #wrapper-popup2 #popup-bx .popup-title i {
                    line-height: 35px;
                    height: 35px;
                    width: 35px;
                    text-align: center;
                    margin-left: 8px;
                    color: #144458;
                    float: right;
                }

            #wrapper-popup #popup-bx .popup-title #close-lnk, #wrapper-popup2 #popup-bx .popup-title #close-lnk2, #wrapper-popup2 #popup-bx .popup-title .fa-close {
                position: absolute;
                top: 5px;
                left: 5px;
                background: #144458;
                color: #fff;
                height: 25px;
                width: 25px;
                line-height: 25px;
                text-align: center;
                cursor: pointer;
                font-weight: normal;
            }

#wrapper-popup2 #popup-bx .popup-cont {
    font-size: 15px;
    font-weight: bold;
}

#wrapper-popup #popup-bx .popup-content .row-bx {
    margin-bottom: 8px;
    clear: both;
}

    #wrapper-popup #popup-bx .popup-content .row-bx p {
        clear: both;
    }

    #wrapper-popup #popup-bx .popup-content .row-bx span {
        display: block;
        float: right;
        height: 28px;
        line-height: 28px;
    }

        #wrapper-popup #popup-bx .popup-content .row-bx span.lab-txt1 {
            width: 95px;
            padding-right: 4px;
            color: #000;
            font-size: 13px;
            overflow: hidden;
        }

        #wrapper-popup #popup-bx .popup-content .row-bx span sup {
            color: #000;
            font-size: 8px;
            margin-right: 4px;
        }

        #wrapper-popup #popup-bx .popup-content .row-bx span.inpt-txt1, #wrapper-popup #popup-bx .popup-content .row-bx span.inpt-txt2 {
            width: 121px;
            margin-right: 4px;
        }

        #wrapper-popup #popup-bx .popup-content .row-bx span.inpt-txt2 {
            width: 197px;
        }

            #wrapper-popup #popup-bx .popup-content .row-bx span.inpt-txt1 input.inpt, #wrapper-popup #popup-bx .popup-content .row-bx span.inpt-txt2 input.inpt, #wrapper-popup #popup-bx .popup-content .row-bx span.inpt-txt2 select.inpt {
                border: 1px solid #ccc;
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                -o-border-radius: 5px;
                font-size: 12px;
                color: #000;
                padding: 0px 4px;
                display: block;
                width: 108px;
                height: 23px;
                line-height: 23px;
            }

        #wrapper-popup #popup-bx .popup-content .row-bx span.inpt-txt2 {
            width: 197px;
        }

            #wrapper-popup #popup-bx .popup-content .row-bx span.inpt-txt2 input.inpt {
                width: 184px;
            }

            #wrapper-popup #popup-bx .popup-content .row-bx span.inpt-txt2 select.inpt {
                width: 194px !important;
                height: 25px;
                line-height: 25px;
            }

            #wrapper-popup #popup-bx .popup-content .row-bx span.inpt-txt2 i {
                color: #000;
                font-size: 12px;
            }

                #wrapper-popup #popup-bx .popup-content .row-bx span.inpt-txt2 i input[type="radio"] {
                    margin-left: 4px;
                }

.line-txt1 {
    line-height: 13px !important;
}

#wrapper-popup #popup-bx .popup-footer, #wrapper-popup2 #popup-bx .popup-footer {
    clear: both;
    background: #eee;
    margin-top: 10px;
    text-align: left;
    padding: 4px;
}

    #wrapper-popup #popup-bx .popup-footer ul li, #wrapper-popup2 #popup-bx .popup-footer ul li {
        display: inline-block;
        margin-right: 2px;
    }

        #wrapper-popup #popup-bx .popup-footer ul li p, #wrapper-popup2 #popup-bx .popup-footer ul li p, #wrapper-popup #popup-bx .popup-footer ul li button, #wrapper-popup2 #popup-bx .popup-footer ul li button {
            display: block;
            background: #2586B0;
            color: #fff;
            height: 26px;
            line-height: 26px;
            text-align: center;
            padding: 0px 10px;
            font-size: 15px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            text-decoration: none;
            border: none;
            transition: all 0.3s ease-in-out;
            cursor: pointer;
        }

            #wrapper-popup #popup-bx .popup-footer ul li p input, #wrapper-popup2 #popup-bx .popup-footer ul li p input, #wrapper-popup #popup-bx .popup-footer ul li button, #wrapper-popup2 #popup-bx .popup-footer ul li button {
                cursor: pointer;
            }

            #wrapper-popup #popup-bx .popup-footer ul li p input, #wrapper-popup2 #popup-bx .popup-footer ul li p input {
                background: none;
                border: none;
                box-shadow: none;
                color: #fff;
                line-height: 28px;
            }

            #wrapper-popup #popup-bx .popup-footer ul li p:hover, #wrapper-popup2 #popup-bx .popup-footer ul li p:hover, #wrapper-popup #popup-bx .popup-footer ul li button:hover, #wrapper-popup2 #popup-bx .popup-footer ul li button:hover {
                background: #144458;
                transition: all 0.3s ease-in-out;
            }

            #wrapper-popup #popup-bx .popup-footer ul li p i, #wrapper-popup2 #popup-bx .popup-footer ul li p i, #wrapper-popup #popup-bx .popup-footer ul li button i, #wrapper-popup2 #popup-bx .popup-footer ul li button i {
                margin-left: 4px;
                color: #fff;
            }

#wrapper-popup2 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    z-index: 99999999;
    font-family: Arial !important;
}

    #wrapper-popup2 #popup-bx {
        position: relative;
        z-index: 999999999;
        width: 500px;
        padding: 5px;
        margin: 0px auto;
        top: 30%;
        background: #fff;
        display: block;
        border: 2px solid #2586B0;
        box-shadow: 0px 0px 10px -5px #000;
    }

    #wrapper-popup2 .popup-nomax-bx {
        position: fixed !important;
        z-index: 9999999 !important;
        width: auto !important;
        min-width: 100px;
        max-width: 700px;
        overflow: hidden !important;
        padding: 5px !important;
        margin: 0px auto !important;
        top: 30% !important;
        right: 35% !important;
        background: #fff !important;
        display: block !important;
        border: 2px solid #2586B0 !important;
        box-shadow: 0px 0px 10px -5px #000 !important;
    }

    #wrapper-popup2 #popup-bx .popup-cont p {
        color: #000;
        font-size: 14px;
        line-height: 25px;
        display: inline;
        padding-right: 8px;
    }

#wrapper-popup #popup-bx .popup-content2 {
    overflow: hidden;
}

    #wrapper-popup #popup-bx .popup-content2 .row-bx2 {
        clear: both;
    }

        #wrapper-popup #popup-bx .popup-content2 .row-bx2 span {
            float: right;
            display: block;
            height: 28px;
            line-height: 28px;
            color: #000;
            border: 1px solid #ccc;
            border-collapse: collapse;
            font-size: 14px;
            overflow: hidden;
        }

        #wrapper-popup #popup-bx .popup-content2 .row-bx2 .tab-txt1 {
            background: #EEEEEE;
            text-align: center;
            width: 115px;
        }

        #wrapper-popup #popup-bx .popup-content2 .row-bx2 .tab-des1 {
            width: 472px;
            padding: 0px 4px;
        }

        #wrapper-popup #popup-bx .popup-content2 .row-bx2 .tab-des2 {
            width: 172.5px;
            padding: 0px 4px;
        }

#wrapper-popup #popup-bx .popup-content .row-bx .flt-right {
    display: block;
    float: right;
    width: 300px;
    overflow: hidden;
}

.slc_txt.slc_txt100 {
    width: 96px !important;
    float: right;
    margin: 2px 0 0 0 !important;
}

.chk_switch_bx {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 6px;
}

    .chk_switch_bx .chk_switch {
        margin-right: 10px !important;
    }

        .chk_switch_bx .chk_switch input[type=checkbox] {
            opacity: 0;
            position: absolute;
            box-sizing: border-box;
            padding: 0;
        }

            .chk_switch_bx .chk_switch input[type=checkbox] + label {
                position: relative;
                display: inline-block;
                transition: 0.4s ease;
                -webkit-transition: 0.4s ease;
                -moz-transition: 0.4s ease;
                -o-transition: 0.4s ease;
                -ms-transition: 0.4s ease;
                height: 20px;
                width: 35px;
                background: #ccc;
                border-radius: 60px;
                cursor: pointer;
            }

                .chk_switch_bx .chk_switch input[type=checkbox] + label:before {
                    content: "";
                    position: absolute;
                    display: block;
                    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
                    -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
                    -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
                    -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
                    -ms-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
                    height: 20px;
                    width: 35px;
                    top: 0;
                    left: 0;
                    border-radius: 30px;
                }

                .chk_switch_bx .chk_switch input[type=checkbox] + label:after {
                    content: "";
                    position: absolute;
                    display: block;
                    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
                    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
                    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
                    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
                    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
                    -ms-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
                    background: #f7f7f7;
                    height: 19px;
                    width: 19px;
                    top: 0px;
                    left: 0px;
                    border-radius: 60px;
                }

            .chk_switch_bx .chk_switch input[type=checkbox]:checked + label:before {
                background: #2586B0;
                transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
                -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
                -moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
                -o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
                -ms-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
            }

            .chk_switch_bx .chk_switch input[type=checkbox]:checked + label:after {
                left: 16px;
            }

            .chk_switch_bx .chk_switch input[type=checkbox]:disabled + label {
                opacity: 0.7;
                cursor: not-allowed;
            }

    .chk_switch_bx .chk_lbl {
        color: #767675;
        margin-right: 8px;
    }

.old_ast {
    display: block;
    padding-top: 6px;
}

.span_error_clr {
    clear: both;
}

.select_types_bx .rgt_select_types_bx, .select_types_bx .lft_select_types_bx {
    width: 45%;
    float: right;
    margin: 0 2.5%;
}

    .select_types_bx .rgt_select_types_bx h1, .select_types_bx .lft_select_types_bx h1 {
        text-align: center;
        color: #2586B0;
        font-size: 15px;
        margin: 10px 0;
    }

.select_types_bx .cont_select_types_bx {
    border: 1px solid #eee;
}

    .select_types_bx .cont_select_types_bx ul {
        overflow: hidden;
        overflow-y: scroll;
        height: 300px;
        clear: both;
    }

        .select_types_bx .cont_select_types_bx ul li {
            border-bottom: 1px solid #eee;
            padding: 5px;
        }

            .select_types_bx .cont_select_types_bx ul li label {
                color: #333;
                font-size: 15px;
            }

.select_types_bx .rgt_select_types_bx ul li label {
    cursor: pointer;
    display: block;
}

.select_types_bx .rgt_select_types_bx ul li.actv_chk {
    background: #d1f8e9;
}

.select_types_bx .lft_select_types_bx ul li label {
    display: inline-block;
    width: 92%;
}

    .select_types_bx .lft_select_types_bx ul li label input {
        margin-left: 3px;
    }

.select_types_bx .lft_select_types_bx ul li i {
    cursor: pointer;
    display: inline-block;
    width: 4%;
    font-size: 16px;
    color: #ff7777;
}

.select_types_srch_bx {
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.select_types_bx .cont_select_types_bx .select_types_srch_bx .inpt_srch {
    width: 90%;
    float: right;
    display: block;
    border: none;
    border-radius: 0;
    background: #fff;
    color: #999;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 0 !important;
    box-sizing: border-box;
}

.select_types_bx .cont_select_types_bx .select_types_srch_bx i.fa-search {
    width: 10%;
    float: left;
    text-align: center;
    display: block;
    border-radius: 0;
    background: #fff;
    color: #2586B0;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.select_types_bx .error_select_types {
    background: #2586b0;
    color: #fff;
    border: none;
    text-align: center;
}

.show_txt_blue {
    background: #e2f6ff !important;
    border: 1px solid #aadaef !important;
}

.gren_icon {
    color: #79CE61;
    font-size: 18px;
}

.red_icon {
    color: #FE0001;
    font-size: 18px;
}

.inspec_mlt_slc .form-control1 {
    display: none;
}

.inspec_mlt_slc.ddl_multiSelect, .inspec_mlt_slc.ddl_multiSelect .form-group {
    position: inherit !important;
}

    .inspec_mlt_slc.ddl_multiSelect .form-group ul {
        height: 300px !important;
    }

.grad_hgt {
    line-height: 27px !important;
    cursor: pointer;
}

.grid_linkTreatment, .grid_entry_ext, .grid_tratdata {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 280px !important;
}

    .grid_linkTreatment tr th:nth-child(1),
    .grid_linkTreatment tr td:nth-child(1) div {
        width: 20px;
    }

    .grid_linkTreatment tr th:nth-child(2),
    .grid_linkTreatment tr td:nth-child(2) div {
        width: 130px;
    }

    .grid_linkTreatment tr th:nth-child(3),
    .grid_linkTreatment tr td:nth-child(3) div {
        width: 359px;
    }

    .grid_linkTreatment tr th:nth-child(4),
    .grid_linkTreatment tr td:nth-child(4) div {
        width: 100px;
    }

    .grid_linkTreatment tr th:nth-child(5),
    .grid_linkTreatment tr td:nth-child(5) div {
        width: 130px;
    }

    .grid_linkTreatment tr th:nth-child(6),
    .grid_linkTreatment tr td:nth-child(6) div {
        width: 20px;
    }

    .grid_entry_ext tr th:nth-child(1),
    .grid_entry_ext tr td:nth-child(1) div {
        width: 115px;
    }

    .grid_entry_ext tr th:nth-child(2),
    .grid_entry_ext tr td:nth-child(2) div {
        width: 240px;
    }

    .grid_entry_ext tr th:nth-child(3),
    .grid_entry_ext tr td:nth-child(3) div {
        width: 100px;
    }

    .grid_tratdata tr th:nth-child(1),
    .grid_tratdata tr td:nth-child(1) div {
        width: 110px;
    }

    .grid_tratdata tr th:nth-child(4),
    .grid_tratdata tr td:nth-child(4) div {
        width: 125px;
    }

    .grid_tratdata tr th:nth-child(3),
    .grid_tratdata tr td:nth-child(3) div {
        width: 70px;
    }

    .grid_tratdata tr th:nth-child(2),
    .grid_tratdata tr td:nth-child(2) div {
        width: 200px;
    }

.txt_msg {
    color: #2586b0;
    font-size: 15px;
    margin-bottom: 5px;
    margin-right: 2px;
    display: block;
}

.relt_pos_arc_treatment {
    position: relative;
    /*overflow: hidden;*/
}

    .relt_pos_arc_treatment .btn_pos_arc_treatment {
        position: absolute;
        left: 0;
        bottom: 0px;
    }

    .relt_pos_arc_treatment #div_linkTreat_dvCtzLinkBtn {
        display: block;
        padding-left: 85px;
    }

.poup_arc_edit_treatment {
    overflow: visible !important;
}

.main_adv_srch {
    margin-top: 50px;
}

    .main_adv_srch .main_adv_srch_link {
        float: left;
        margin-left: 40px;
    }

        .main_adv_srch .main_adv_srch_link i {
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #4f9bbe;
            font-size: 15px;
            cursor: pointer;
            background: #fff;
            border-radius: 5px;
            padding: 0;
            box-shadow: 0 0 7px -3px #000;
        }

    .main_adv_srch .main_adv_srch_inpt {
        width: 90%;
        margin: 0 auto;
        background: #fff;
        border-radius: 5px;
        padding: 0;
        box-shadow: 0 0 7px -3px #000;
        clear: both;
        display: none;
    }

        .main_adv_srch .main_adv_srch_inpt input {
            width: 90%;
            height: 40px;
            line-height: 40px;
            padding: 0 10px;
            margin: 0;
            border: none;
            background: none;
            font-size: 15px;
            color: #666;
            box-shadow: none;
        }

        .main_adv_srch .main_adv_srch_inpt .fa-search {
            width: 6%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #4f9bbe;
            font-size: 15px;
            cursor: pointer;
        }



    .main_adv_srch [tooltip] {
        position: relative; /* opinion 1 */
    }

        /* Applies to all tooltips */
        .main_adv_srch [tooltip]::before,
        .main_adv_srch [tooltip]::after {
            text-transform: none; /* opinion 2 */
            font-size: .9em; /* opinion 3 */
            line-height: 1;
            user-select: none;
            pointer-events: none;
            position: absolute;
            display: none;
            opacity: 0;
        }

        .main_adv_srch [tooltip]::before {
            content: '';
            border: 5px solid transparent; /* opinion 4 */
            z-index: 1001; /* absurdity 1 */
        }

        .main_adv_srch [tooltip]::after {
            content: attr(tooltip); /* magic! */
            /* most of the rest of this is opinion */
            text-align: center;
            /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
            min-width: 3em;
            max-width: 21em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 1ch 1.5ch;
            border-radius: .3ch;
            box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
            background: #fff;
            color: #4f9bbe;
            z-index: 1000; /* absurdity 2 */
        }

        /* Make the tooltips respond to hover */
        .main_adv_srch [tooltip]:hover::before,
        .main_adv_srch [tooltip]:hover::after {
            display: block;
        }

    /* don't show empty tooltips */
    .main_adv_srch [tooltip='']::before,
    .main_adv_srch [tooltip='']::after {
        display: none !important;
    }

    /* FLOW: UP */
    .main_adv_srch [tooltip]:not([flow])::before,
    .main_adv_srch [tooltip][flow^="up"]::before {
        bottom: 100%;
        border-bottom-width: 0;
        border-top-color: #fff;
    }

    .main_adv_srch [tooltip]:not([flow])::after,
    .main_adv_srch [tooltip][flow^="up"]::after {
        bottom: calc(100% + 5px);
    }

    .main_adv_srch [tooltip]:not([flow])::before,
    .main_adv_srch [tooltip]:not([flow])::after,
    .main_adv_srch [tooltip][flow^="up"]::before,
    .main_adv_srch [tooltip][flow^="up"]::after {
        left: 50%;
        transform: translate(-50%, -.5em);
    }

    /* FLOW: DOWN */
    .main_adv_srch [tooltip][flow^="down"]::before {
        top: 100%;
        border-top-width: 0;
        border-bottom-color: #333;
    }

    .main_adv_srch [tooltip][flow^="down"]::after {
        top: calc(100% + 5px);
    }

    .main_adv_srch [tooltip][flow^="down"]::before,
    .main_adv_srch [tooltip][flow^="down"]::after {
        left: 50%;
        transform: translate(-50%, .5em);
    }

    /* FLOW: LEFT */
    .main_adv_srch [tooltip][flow^="left"]::before {
        top: 50%;
        border-right-width: 0;
        border-left-color: #333;
        left: calc(0em - 5px);
        transform: translate(-.5em, -50%);
    }

    .main_adv_srch [tooltip][flow^="left"]::after {
        top: 50%;
        right: calc(100% + 5px);
        transform: translate(-.5em, -50%);
    }

    /* FLOW: RIGHT */
    .main_adv_srch [tooltip][flow^="right"]::before {
        top: 50%;
        border-left-width: 0;
        border-right-color: #333;
        right: calc(0em - 5px);
        transform: translate(.5em, -50%);
    }

    .main_adv_srch [tooltip][flow^="right"]::after {
        top: 50%;
        left: calc(100% + 5px);
        transform: translate(.5em, -50%);
    }

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
.main_adv_srch [tooltip]:not([flow]):hover::before,
.main_adv_srch [tooltip]:not([flow]):hover::after,
.main_adv_srch [tooltip][flow^="up"]:hover::before,
.main_adv_srch [tooltip][flow^="up"]:hover::after,
.main_adv_srch [tooltip][flow^="down"]:hover::before,
.main_adv_srch [tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

.main_adv_srch [tooltip][flow^="left"]:hover::before,
.main_adv_srch [tooltip][flow^="left"]:hover::after,
.main_adv_srch [tooltip][flow^="right"]:hover::before,
.main_adv_srch [tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}

.ver_count {
    color: #999;
    font-size: 13px;
    text-align: center;
    line-height: 27px;
    height: 27px;
    display: block;
}

.ver_btn {
    color: #fff;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background: #2586B0;
    border-radius: 5px;
    padding: 0 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    .ver_btn:hover {
        background: #144458;
        transition: all 0.3s ease-in-out;
    }

.inpt_txt_dir {
    direction: ltr !important;
}

.bread_crumb_title_with_border250 {
    max-width: 250px;
}

.col-bx-wd24 {
    width: 24px !important;
}

.inpt_txt_w60 {
    width: 60px !important;
}

.Et_balg_req .row-bx .col-bx-1:not(:nth-child(3)) {
    clear: both;
}

.Et_balg_req .col-bx-3 {
    width: 150px;
}

.spn_balagh_validationP {
    text-align: center !important;
}

.area_txt_hgt115 {
    height: 115px !important;
}

.area_txt.area_txt_hgt96 {
    height: 96px !important;
    line-height: 1.2 !important;
}

.wrapper_genrl_noOverflow, .wrapper_genrl_noOverflow .popup_genrl {
    overflow: initial;
}

.popup_genrl_pdf {
    top: 5px;
    bottom: 0;
}

#addEditPopUp .popup_genrl {
    top: 30%;
}

.inbox_btm_fotr {
    margin-top: 15px;
}

    .inbox_btm_fotr .inbox_progrs_right {
        float: right;
        width: 300px;
    }

        .inbox_btm_fotr .inbox_progrs_right p {
            color: #4ab13e;
            font-size: 15px;
            line-height: 25px;
        }

            .inbox_btm_fotr .inbox_progrs_right p img {
                margin-left: 5px;
            }

    .inbox_btm_fotr .inbox_btn_left {
        float: left;
        width: 500px;
        text-align: left;
    }

.emp_ach_2bx {
    clear: both;
}

    .emp_ach_2bx .emp_ach_rgt,
    .emp_ach_2bx .emp_ach_lft {
        border: 1px solid #eee;
        position: relative;
        padding: 30px 5px 5px 5px;
        margin-top: 30px;
        margin-bottom: 5px;
        box-sizing: border-box;
        overflow: inherit;
        float: right;
        width: 49%;
        min-height: 217px;
    }

    .emp_ach_2bx .emp_ach_lft {
        float: left;
    }

        .emp_ach_2bx .emp_ach_rgt .emp_ach_title,
        .emp_ach_2bx .emp_ach_lft .emp_ach_title {
            position: absolute;
            top: -17px;
            right: 10px;
            background: #fff;
            border: 1px solid #eee;
            padding: 5px 25px;
            color: #2586B0;
            font-size: 15px;
            font-weight: normal;
            font-family: 'HacenSaudiArabia';
        }

    .emp_ach_2bx .emp_ach_rgt article img {
        border: 4px solid #dadada;
        border-radius: 5px;
        height: 135px;
        width: 130px;
        margin-left: 15px;
        float: right;
    }

    .emp_ach_2bx .emp_ach_rgt article ul {
        float: right;
    }

        .emp_ach_2bx .emp_ach_rgt article ul li,
        .emp_ach_2bx .emp_ach_lft article ul li {
            display: block;
            height: 25px;
            line-height: 25px;
            font-size: 15px;
        }

    .emp_ach_2bx .emp_ach_lft article ul li {
        color: #2586B0;
        line-height: 36px;
        height: 36px;
    }

        .emp_ach_2bx .emp_ach_rgt article ul li span,
        .emp_ach_2bx .emp_ach_lft article ul li span {
            color: #666;
            font-size: 15px;
        }

.emp_dta_2bx {
    clear: both;
}

    .emp_dta_2bx .emp_dta_rgt,
    .emp_dta_2bx .emp_dta_lft {
        border: 1px solid #eee;
        position: relative;
        padding: 30px 5px 5px 5px;
        margin-top: 30px;
        margin-bottom: 5px;
        box-sizing: border-box;
        overflow: inherit;
        float: right;
        width: 49%;
    }

    .emp_dta_2bx .emp_dta_lft {
        float: left;
    }

        .emp_dta_2bx .emp_dta_rgt .emp_dta_title,
        .emp_dta_2bx .emp_dta_lft .emp_dta_title {
            position: absolute;
            top: -17px;
            right: 10px;
            background: #fff;
            border: 1px solid #eee;
            padding: 5px 25px;
            color: #2586B0;
            font-size: 15px;
            font-weight: normal;
            font-family: 'HacenSaudiArabia';
        }

    .emp_dta_2bx .emp_dta_rgt article ul {
        display: flex;
        flex-wrap: wrap;
        align-content: stretch;
    }

        .emp_dta_2bx .emp_dta_rgt article ul li {
            width: 50%;
            color: #000;
            font-size: 15px;
            line-height: 71px;
        }

            .emp_dta_2bx .emp_dta_rgt article ul li span {
                color: #2586b0;
                margin-right: 5px;
            }

    .emp_dta_2bx .emp_dta_lft article ul li {
        color: #2586b0;
        font-size: 15px;
        line-height: 35px;
        background: url(../Images/1_40.png) no-repeat right center;
        background-size: 30px;
        padding-right: 40px;
    }

        .emp_dta_2bx .emp_dta_lft article ul li span {
            color: #000;
        }

    .emp_dta_2bx .emp_dta_lft article ol {
        display: flex;
        flex-wrap: wrap;
        align-content: stretch;
    }

        .emp_dta_2bx .emp_dta_lft article ol li {
            width: 50%;
            color: #000;
            font-size: 15px;
            line-height: 35px;
            box-sizing: border-box;
        }

            .emp_dta_2bx .emp_dta_lft article ol li:first-child {
                background: url(../Images/3_40.png) no-repeat right center;
                background-size: 30px;
                padding-right: 40px;
            }

            .emp_dta_2bx .emp_dta_lft article ol li:last-child {
                background: url(../Images/2_40.png) no-repeat right center;
                background-size: 30px;
                padding-right: 40px;
            }

            .emp_dta_2bx .emp_dta_lft article ol li span {
                color: #2586b0;
                margin-right: 5px;
            }

.clr_mrg {
    clear: both;
}

.divAddAttToolTipTitle span {
    display: block;
    text-align: center;
}

.divAddAttToolTipImgUpload img, .divAddAttToolTipImgScanner img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
}

.divAddAttToolTipImgUpload br, .divAddAttToolTipImgScanner br {
    display: none !important;
}

.flex_inline {
    display: inline-flex;
    float: none !important;
    align-items: center;
    width: 100%;
}

    .flex_inline .inpt_txt {
        max-width: 342px;
    }

    .flex_inline label {
        margin: 0 0 0 12px !important;
        width: 100%;
        max-width: max-content;
    }

.custom_servicesTypes .col-bx-10 .flex_inline {
    margin-top: 5px;
}

.custom_servicesTypes .col-bx-10 + .col-bx-4 .switch_mrg {
    margin-top: 25px;
}

.custom_servicesTypes .col-bx-12 + .col-bx-4 .switch_mrg {
    margin-top: -5px;
}

.check-bx_flx {
    display: flex;
}

.wdth_93per {
    width: 93% !important;
}

.col-bx-wdth63 {
    width: 63px !important;
}

.col-bx-wdth62 {
    width: 62px !important;
}

.col-bx-wdth40 {
    width: 40px !important;
}

.pagging_bx {
    background: #f2f2f2;
    border-top: 0;
    padding: 2px 0;
    width: 100% !important;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-top: none;
    /*margin-bottom: 10px;*/
}

    .pagging_bx ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .pagging_bx ul li .gradiant {
            width: 55px;
        }

        .pagging_bx ul li span {
            margin: 0 3px;
            font-size: 15px;
        }

        .pagging_bx ul li input[type="text"] {
            width: 50px;
            text-align: center;
        }

.col-bx-wdth365 {
    width: 365px !important;
}

.check_flx-bx {
    display: flex;
    flex-wrap: wrap;
}

    .check_flx-bx label {
        width: 160px;
        box-sizing: border-box;
    }

#letter_body_ifr {
    overflow: scroll !important;
    height: 327px !important;
    max-height: 327px !important;
}

#tinymce {
    overflow: scroll !important;
    height: 303px !important;
    max-height: 303px !important;
}

table.show_citz {
    width: 100%;
}

    table.show_citz,
    table.show_citz tr,
    table.show_citz tr th,
    table.show_citz tr td {
        border: 1px solid #ccc;
        border-collapse: collapse;
        overflow: hidden;
    }

        table.show_citz tr th,
        table.show_citz tr td {
            padding: 0px 5px;
            color: #000;
            font-size: 14px;
            font-weight: normal;
        }

        table.show_citz tr th {
            background: #eee;
        }

            table.show_citz tr td span,
            table.show_citz tr th span {
                min-height: 25px;
                line-height: 25px;
                display: block;
                font-size: 16px;
                font-weight: bold;
                color: #000;
                word-wrap: break-word;
            }

                /* table.show_citz tr th span {
                color: #fff !important;
            }*/

                table.show_citz tr th span.spn_w100 {
                    width: 115px;
                    overflow: hidden;
                }

                table.show_citz tr td span.spn_w460 {
                    width: 462px;
                    overflow: hidden;
                }

                table.show_citz tr td span.spn_w160 {
                    width: 162px;
                    overflow: hidden;
                }

.fa_noMrg, .mr-0 {
    margin-right: 0 !important;
}

.all_col1 {
    width: 40px;
}

    .all_col1 .all_col1 {
        width: 30px;
    }

.six_col2 {
    width: auto;
}

.three_col3 {
    width: 125px;
}

    .three_col3 .three_col3 {
        width: 115px;
    }

.six_col4 {
    width: 125px;
}

.three_col4 .three_col4 {
    width: 115px;
}

.five_col5 {
    width: 125px;
}

.three_col5 .three_col5 {
    width: 115px;
}

.six_col6 {
    width: auto;
}

.treatment_ctrl {
    box-sizing: border-box;
}

    .treatment_ctrl .row_bx {
        display: flex;
        justify-content: right;
        align-items: center;
        box-sizing: border-box;
    }

        .treatment_ctrl .row_bx .col-1, .treatment_ctrl .row_bx .col-2, .treatment_ctrl .row_bx .col-3,
        .treatment_ctrl .row_bx .col-4, .treatment_ctrl .row_bx .col-5, .treatment_ctrl .row_bx .col-6,
        .treatment_ctrl .row_bx .col-7, .treatment_ctrl .row_bx .col-8, .treatment_ctrl .row_bx .col-9,
        .treatment_ctrl .row_bx .col-10, .treatment_ctrl .row_bx .col-11, .treatment_ctrl .row_bx .col-12,
        .treatment_ctrl .row_bx .col-13, .treatment_ctrl .row_bx .col-14, .treatment_ctrl .row_bx .col-15 {
            border: 1px solid #eee;
            height: 25px;
            line-height: 25px;
            overflow: hidden;
            padding: 0 5px;
            box-sizing: border-box;
            color: #333;
            font-size: 15px;
        }

        .treatment_ctrl .row_bx .col-1 {
            width: 6.67%;
        }

        .treatment_ctrl .row_bx .col-2 {
            width: 13.32%;
        }

        .treatment_ctrl .row_bx .col-3 {
            width: 19.98%;
        }

        .treatment_ctrl .row_bx .col-4 {
            width: 26.64%;
        }

        .treatment_ctrl .row_bx .col-5 {
            width: 33.3%;
        }

        .treatment_ctrl .row_bx .col-6 {
            width: 40%;
        }

        .treatment_ctrl .row_bx .col-7 {
            width: 46.6%;
        }

        .treatment_ctrl .row_bx .col-8 {
            width: 53.3%;
        }

        .treatment_ctrl .row_bx .col-9 {
            width: 59.9%;
        }

        .treatment_ctrl .row_bx .col-10 {
            width: 66.7%;
        }

        .treatment_ctrl .row_bx .col-11 {
            width: 73.4%;
        }

        .treatment_ctrl .row_bx .col-12 {
            width: 80%;
        }

        .treatment_ctrl .row_bx .col-13 {
            width: 86.7%;
            height: auto;
        }

        .treatment_ctrl .row_bx .col-14 {
            width: 93.3%;
        }

        .treatment_ctrl .row_bx .col-15 {
            width: 100% !important;
        }

        .treatment_ctrl .row_bx .col-head {
            background: #f5f5f5;
        }

        .treatment_ctrl .row_bx .trat_wdth {
            width: 267px;
            display: inline-flex;
            overflow: hidden;
        }

        .treatment_ctrl .row_bx .gradiant {
            height: 21px !important;
        }

.starLft {
    float: right;
    margin: 3px 2px 0;
    color: #ffe34f;
    text-shadow: 0 0 6px #fb4e4e;
}

.secChart_bx {
    width: 393px;
    height: 400px;
    float: right;
    margin: 5px;
    direction: ltr;
    border: 1px solid #ccc;
    position: relative;
}

    .secChart_bx .no_result2 {
        display: block;
        text-align: center;
        color: #f00;
        margin: 20px 0;
    }

    .secChart_bx .align_cntr {
        display: block;
        text-align: center;
        color: #2586B0;
        margin: 5px 0;
        padding: 0 10px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 5px;
        margin: 0 auto;
    }

.secChart_num {
    color: #ea3232;
    margin-right: 5px;
    font-size: 12px;
}

.lbl_block {
    display: block;
}

.btn-bx_flx {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

    .btn-bx_flx li {
        width: 32%;
        margin-bottom: 2px;
    }

.btn_sml {
    text-align: right !important;
}

    .btn_sml .gradiant {
        width: 30px !important;
        min-width: initial !important;
    }

.over_test .popup_genrl {
    overflow: visible !important;
}

.favCntrl_Fllbox .check-bx, .favCntrl_2box .check-bx {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.favCntrl_2box .favCntrl_tabs .grid_newship tr td,
.favCntrl_2box .favCntrl_tabs .grid_newship tr td div {
    white-space: normal !important;
}

.favCntrl_2box .favCntrl_tabs .grid_newship tr:nth-child(even) {
    background: none;
}

.favCntrl_2box .favCntrl_tabs, .favCntrl_Fllbox .favCntrl_tabs {
    width: 510px;
    float: right;
    box-sizing: border-box;
}

.favCntrl_Fllbox .favCntrl_tabs {
    width: 100%;
    float: none;
}

    .favCntrl_2box .favCntrl_tabs .list_lbl, .favCntrl_Fllbox .favCntrl_tabs .list_lbl {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 5px;
        box-sizing: border-box;
    }

        .favCntrl_2box .favCntrl_tabs .list_lbl label, .favCntrl_Fllbox .favCntrl_tabs .list_lbl label {
            width: 32%;
            border-bottom: 2px solid #ccc;
            line-height: 32px;
            color: #888;
            background-color: #dddddd;
            background-image: -moz-linear-gradient(top, #dddddd, #eeeeee 50.0%);
            background-image: -webkit-linear-gradient(top, #dddddd, #eeeeee 50.0%);
            background-image: -o-linear-gradient(top, #dddddd, #eeeeee 50.0%);
            background-image: -ms-linear-gradient(top, #dddddd, #eeeeee 50.0%);
            background-image: linear-gradient(top, #dddddd, #eeeeee 50.0%);
            padding: 0 5px;
            margin: 0 2px 0 2px;
            text-align: center;
            border-radius: 5px;
            cursor: pointer;
            box-sizing: border-box;
            transition: all 0.3s ease-in-out;
        }

    .favCntrl_Fllbox .favCntrl_tabs .list_lbl {
        justify-content: start;
    }

        .favCntrl_Fllbox .favCntrl_tabs .list_lbl label {
            width: 18%;
        }

            .favCntrl_2box .favCntrl_tabs .list_lbl label:hover, .favCntrl_2box .favCntrl_tabs .list_lbl label.active,
            .favCntrl_Fllbox .favCntrl_tabs .list_lbl label:hover, .favCntrl_Fllbox .favCntrl_tabs .list_lbl label.active {
                color: #fff;
                background-color: #5984ca;
                background-image: -moz-linear-gradient(top, #5984ca, #5980c1 50.0%);
                background-image: -webkit-linear-gradient(top, #5984ca, #5980c1 50.0%);
                background-image: -o-linear-gradient(top, #5984ca, #5980c1 50.0%);
                background-image: -ms-linear-gradient(top, #5984ca, #5980c1 50.0%);
                background-image: linear-gradient(top, #5984ca, #5980c1 50.0%);
                border-bottom: 2px solid #41649d;
                transition: all 0.3s ease-in-out;
            }

            .favCntrl_2box .favCntrl_tabs .list_lbl label i, .favCntrl_2box .favCntrl_tabs .list_lbl label input,
            .favCntrl_Fllbox .favCntrl_tabs .list_lbl label i, .favCntrl_Fllbox .favCntrl_tabs .list_lbl label input {
                margin-left: 5px;
            }

    .favCntrl_2box .favCntrl_tabs .main_tab table,
    .favCntrl_Fllbox .favCntrl_tabs .main_tab table {
        width: 100%;
    }

    .favCntrl_2box .favCntrl_tabs .main_tab,
    .favCntrl_Fllbox .favCntrl_tabs .main_tab {
        background: #fff;
        border-radius: 5px;
        padding: 5px;
        box-shadow: 0 0 7px -3px #999;
        min-height: 340px;
        box-sizing: border-box;
    }

    .favCntrl_Fllbox .favCntrl_tabs .main_tab {
        margin-bottom: 15px;
    }

        /*.favCntrl_2box .favCntrl_tabs .main_tab .favCntrl_tab1,
        .favCntrl_2box .favCntrl_tabs .main_tab .favCntrl_tab2,*/
        .favCntrl_Fllbox .favCntrl_tabs .main_tab .favCntrl_tab1,
        .favCntrl_Fllbox .favCntrl_tabs .main_tab .favCntrl_tab2,
        .popup_content .favCntrl_tab2 {
            overflow: hidden;
        }

            .favCntrl_2box .favCntrl_tabs .main_tab table, .favCntrl_2box .favCntrl_tabs .main_tab table tr,
            .favCntrl_2box .favCntrl_tabs .main_tab table tr th, .favCntrl_2box .favCntrl_tabs .main_tab table tr td,
            .favCntrl_Fllbox .favCntrl_tabs .main_tab table, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr,
            .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td,
            .popup_content .favCntrl_tab2 table tr, .popup_content .favCntrl_tab2 table,
            .popup_content .favCntrl_tab2 table tr th, .popup_content .favCntrl_tab2 table tr td {
                border-collapse: collapse;
                border: 1px solid #ccc;
                text-align: center;
            }

                .favCntrl_2box .favCntrl_tabs .main_tab table thead tr,
                .favCntrl_Fllbox .favCntrl_tabs .main_tab table thead tr,
                .popup_content .favCntrl_tab2 table thead tr {
                    table-layout: fixed;
                    display: table;
                    width: 100%;
                }

                .favCntrl_2box .favCntrl_tabs .main_tab table tbody tr,
                .favCntrl_Fllbox .favCntrl_tabs .main_tab table tbody tr,
                .popup_content .favCntrl_tab2 table tbody tr {
                    table-layout: fixed;
                    display: table;
                    width: 100%;
                }

                .favCntrl_2box .favCntrl_tabs .main_tab table thead,
                .favCntrl_Fllbox .favCntrl_tabs .main_tab table thead,
                .popup_content .favCntrl_tab2 table thead {
                    background: #5984ca;
                    color: #fff;
                    text-align: center;
                    display: table;
                    table-layout: fixed;
                    height: 27px;
                    line-height: 27px;
                    /*width: calc( 100% - 1em );*/
                    position: relative;
                }

.gridScroll thead {
    /*width: calc( 100% - 1em ) !important;*/
    position: relative;
    table-layout: auto !important;
}

    .gridScroll thead tr {
        table-layout: fixed;
        display: table;
        width: calc( 100% + 0em );
    }

    .favCntrl_2box .favCntrl_tabs .main_tab table thead::before,
    .favCntrl_Fllbox .favCntrl_tabs .main_tab table thead::before,
    .popup_content .favCntrl_tab2 table thead::before,
    .gridScroll thead::before {
        background: #fff;
        border-top: 1px solid #ccc;
        content: "";
        /*width: calc(1em + 1px);*/
        width: auto;
        height: calc(100% - 2px);
        position: absolute;
        left: -1em;
        top: 0px;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

/*.favCntrl_2box .favCntrl_tabs .main_tab table tbody,*/
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tbody,
.popup_content .favCntrl_tab2 table tbody {
    max-height: 285px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
}

.favCntrl_2box .favCntrl_tabs .main_tab table tr div,
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr div,
.popup_content .favCntrl_tab2 table thead tr div {
    overflow: hidden;
}

.popup_content .favCntrl_tab2 * {
    box-sizing: border-box !important;
}

.favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(1) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(2) div,
.favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(4) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(5) div,
.favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(1) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(2) div,
.favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(4) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(5) div,
.favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(1), .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(2),
.favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(4), .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(5),
.favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(1), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(2),
.favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(4), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(5),
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(1) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(2) div,
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(4) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(5) div,
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(1) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(2) div,
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(4) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(5) div,
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(1), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(2),
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(4), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(5),
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(1), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(2),
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(4), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(5),
.favCntrl_tabs .main_tab .FColum tr td:nth-child(1), .favCntrl_tabs .main_tab .FColum tr td:nth-child(3),
.favCntrl_tabs .main_tab .FColum tr td:nth-child(1) div, .favCntrl_tabs .main_tab .FColum tr td:nth-child(3) div,
.favCntrl_tabs .main_tab .FColum tr th:nth-child(1), .favCntrl_tabs .main_tab .FColum tr th:nth-child(3),
.favCntrl_tabs .main_tab .FColum tr th:nth-child(1) div, .favCntrl_tabs .main_tab .FColum tr th:nth-child(3) div,
.popup_content .favCntrl_tab2 tr th:nth-child(1) div, .popup_content .favCntrl_tab2 tr th:nth-child(3) div,
.popup_content .favCntrl_tab2 tr td:nth-child(1) div, .popup_content .favCntrl_tab2 tr td:nth-child(3) div,
.popup_content .favCntrl_tab2 tr th:nth-child(1), .popup_content .favCntrl_tab2 tr th:nth-child(3),
.popup_content .favCntrl_tab2 tr td:nth-child(1), .popup_content .favCntrl_tab2 tr td:nth-child(3) {
    width: 50px;
}

    .favCntrl_tabs .main_tab .FColum tr td:nth-child(1), .favCntrl_tabs .main_tab .FColum tr td:nth-child(3),
    .favCntrl_tabs .main_tab .FColum tr td:nth-child(1) div, .favCntrl_tabs .main_tab .FColum tr td:nth-child(3) div,
    .favCntrl_tabs .main_tab .FColum tr th:nth-child(1), .favCntrl_tabs .main_tab .FColum tr th:nth-child(3),
    .favCntrl_tabs .main_tab .FColum tr th:nth-child(1) div, .favCntrl_tabs .main_tab .FColum tr th:nth-child(3) div {
        width: 50px !important;
    }

.favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(3) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(6) div,
.favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(3) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(6) div,
.favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(3), .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(6),
.favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(3), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(6) {
    width: 114px;
}

    .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(3) div,
    .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(3) div,
    .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(3),
    .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(3) {
        width: 132px;
    }

.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(3) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(6) div,
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(3) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(6) div,
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(3), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(6),
.favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(3), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(6) {
    width: 278px;
}

.popup_content .favCntrl_tab2 tr th:nth-child(2) div, .popup_content .favCntrl_tab2 tr th:nth-child(4) div,
.popup_content .favCntrl_tab2 tr td:nth-child(2) div, .popup_content .favCntrl_tab2 tr td:nth-child(4) div,
.popup_content .favCntrl_tab2 tr th:nth-child(2), .popup_content .favCntrl_tab2 tr th:nth-child(4),
.popup_content .favCntrl_tab2 tr td:nth-child(2), .popup_content .favCntrl_tab2 tr td:nth-child(4) {
    width: 291px;
}

.favCntrl_2box .favCntrl_tabs .favCntrl_tab3, .favCntrl_Fllbox .favCntrl_tabs .favCntrl_tab3 {
    height: 343px;
}

.favCntrl_Fllbox .favCntrl_tabs .main_tab .FColum tr td:nth-child(2), .favCntrl_Fllbox .favCntrl_tabs .main_tab .FColum tr td:nth-child(4),
.favCntrl_Fllbox .favCntrl_tabs .main_tab .FColum tr td:nth-child(2) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab .FColum tr td:nth-child(4) div,
.favCntrl_Fllbox .favCntrl_tabs .main_tab .FColum tr th:nth-child(2), .favCntrl_Fllbox .favCntrl_tabs .main_tab .FColum tr th:nth-child(4),
.favCntrl_Fllbox .favCntrl_tabs .main_tab .FColum tr th:nth-child(2) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab .FColum tr th:nth-child(4) div {
    width: 340px;
}

.favCntrl_2box .favCntrl_tabs .main_tab .FColum tr td:nth-child(2), .favCntrl_2box .favCntrl_tabs .main_tab .FColum tr td:nth-child(4),
.favCntrl_2box .favCntrl_tabs .main_tab .FColum tr td:nth-child(2) div, .favCntrl_2box .favCntrl_tabs .main_tab .FColum tr td:nth-child(4) div,
.favCntrl_2box .favCntrl_tabs .main_tab .FColum tr th:nth-child(2), .favCntrl_2box .favCntrl_tabs .main_tab .FColum tr th:nth-child(4),
.favCntrl_2box .favCntrl_tabs .main_tab .FColum tr th:nth-child(2) div, .favCntrl_2box .favCntrl_tabs .main_tab .FColum tr th:nth-child(4) div {
    width: 188px;
}





.favCntrl_2box .favCntrl_Lftbx, .favCntrl_Fllbox .favCntrl_Lftbx {
    width: 300px;
    float: left;
    box-sizing: border-box;
}

.favCntrl_Fllbox .favCntrl_Lftbx {
    width: 100%;
    float: none;
}

    .favCntrl_2box .favCntrl_Lftbx .content-bx, .favCntrl_Fllbox .favCntrl_Lftbx .content-bx {
        padding: 5px;
    }

    .favCntrl_2box .favCntrl_Lftbx .alrt_pos, .favCntrl_Fllbox .favCntrl_Lftbx .alrt_pos {
        padding-top: 5px;
    }

        .favCntrl_2box .favCntrl_Lftbx .alrt_pos label, .favCntrl_Fllbox .favCntrl_Lftbx .alrt_pos label {
            margin-left: 5px;
            font-size: 15px;
            line-height: 25px;
        }

    .favCntrl_2box .favCntrl_Lftbx .flx_btn-bx, .favCntrl_Fllbox .favCntrl_Lftbx .flx_btn-bx {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        clear: both;
        overflow: hidden;
    }

    .favCntrl_Fllbox .favCntrl_Lftbx .row-bxFll .col-bx-7 {
        width: 100%;
    }

    .favCntrl_Fllbox .favCntrl_Lftbx .row-bxFll .col-bx-4 {
        width: 685px;
    }

.bank_account_ltr {
    direction: ltr;
    text-align: left;
}

.alrt_scroll_mastr {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}

.mail_note_rev {
    display: block;
    text-align: center;
    margin: 20px 0;
}

    .mail_note_rev span,
    #dv_inbox_treatment_details .check-bx_flxCntr span {
        background: #46978b;
        padding: 5px 20px;
        border-radius: 15px;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
    }

.add_icn {
    color: #5984ca;
    font-size: 22px !important;
}

.dlt_icn {
    color: #f33c3c;
    font-size: 22px !important;
}

.editor_cntrlW828 {
    width: 828px !important;
}

.grid_defOverflow tr td div {
    overflow: inherit !important;
}

.grid_defOverflow .attachLst_bx {
    overflow: hidden !important;
    overflow-y: scroll !important;
}

    .grid_defOverflow .attachLst_bx div {
        overflow: hidden !important;
    }

.inpt_txt_wdth53 {
    width: 53px !important;
    display: inline-flex !important;
}

.ui-slider .ui-slider-handle {
    z-index: 1 !important;
}

.st_letter_letterCompliments_icon {
    color: #2586B0 !important;
}

.mgrid_empty_data {
    background: #5984ca !important;
}

#btnShowDeputyPrinceOrderBtn {
    width: 195px;
}

.dv_outbox_content_txt {
    display: block;
    clear: both;
    font-size: 16px;
    padding: 10px;
    min-height: 150px;
    overflow: auto;
    overflow-y: scroll;
}

.slc_txtTblWdth {
    width: 80% !important;
}

.makken_content_aside .collapsNav_lnk {
    display: none;
    width: 150px;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 10px auto;
    border: 1px solid #eee;
    border-radius: 10px;
    background: #fff;
    color: #5984ca;
    font-size: 16px;
}

    .makken_content_aside .collapsNav_lnk i {
        margin-left: 5px;
    }

.gridSmlPag_bx .pagging_bx ul li span {
    font-size: 12px !important;
}

.gridSmlPag_bx .pagging_bx ul li input[type="text"] {
    width: 30px !important;
}

.gridSmlPag_bx .grid_newship {
    margin-top: 7px !important;
}

.span_error_Right {
    text-align: right;
}

.div_balagh_employees_wdth .popup_genrl {
    width: 500px !important;
}

.popup-scroll .popup-content {
    overflow: hidden;
    overflow-y: auto;
    padding: .5rem 1rem;
}

.popup-scroll .popup-footer {
    padding-bottom: 2rem;
}

.div_balagh_employees_wdth .popup_genrl .col-bx-18 {
    width: 100% !important;
}

.slc_mltOpt {
    width: 100%;
    max-height: 350px;
    overflow: hidden;
    overflow-y: scroll;
    border: 1px solid #ccc;
}

    .slc_mltOpt li {
        color: #000;
        font-size: 15px;
        padding: 5px;
        line-height: 25px;
        border-bottom: 1px solid #ccc;
    }

.tbl_balaghOptical_Grid tr td img {
    width: 20px;
    margin: 3px 0 0;
}

.ddl_controlPosError {
    position: relative;
}

    .ddl_controlPosError .span_error {
        position: absolute;
        left: 100px;
        top: 0px;
    }

.New_headStatus_bx {
    background-color: #cce5ff;
    padding: 5px 10px;
    margin: 10px 0;
    border: 1px solid #b8daff;
    border-radius: .25rem;
}

    .New_headStatus_bx p {
        color: #004085;
        font-size: 15px;
        text-align: center;
        line-height: 22px;
    }

.letGen_btn {
    float: left;
    background: #5984ca;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    .letGen_btn i {
        margin-left: 5px;
    }

    .letGen_btn:hover {
        background: #f4b54b;
        transition: all 0.3s ease-in-out;
    }

.btn-bxFlx {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.font-15 {
    font-size: 15px;
}

.New_headStatusDeng_bx {
    background-color: #FEECEC;
    padding: 5px 10px;
    margin: 10px auto;
    border: 1px solid #ffcbd0;
    border-radius: .25rem;
    width: 60%;
}

    .New_headStatusDeng_bx p {
        color: #f44152;
        font-size: 15px;
        text-align: center;
        line-height: 22px;
    }

        .New_headStatusDeng_bx p i {
            margin-left: 5px;
        }

.letterTemp_pg .panel .panel-header {
    background: #F4B54B;
}

    .letterTemp_pg .panel .panel-header a {
        color: #fff;
        display: block;
        text-align: left;
    }

        .letterTemp_pg .panel .panel-header a i {
            float: right;
            margin: 5px 5px 0 5px;
            background: #fff;
            color: #5984ca;
            width: 25px;
            height: 25px;
            text-align: center;
            line-height: 25px;
            border-radius: 50%;
            font-size: 10px;
        }

.letterTemp_pg .panel .content-bx, .genLetSetting_bx .content-bx {
    max-height: 300px;
    /*overflow: hidden;
    overflow-y: scroll;*/
}

.letterTemp_pg .panel .row-bx .col-bx-6, .genLetSetting_bx .row-bx .col-bx-6 {
    width: 266px !important;
}

.letterTemp_pg .panel .lbl_txt, .letterTemp_pg .panel .lbl_sub,
.genLetSetting_bx .lbl_txt, .genLetSetting_bx .lbl_sub {
    display: block;
    text-align: left;
    direction: ltr;
}

.letterTemp_pg .panel .lbl_txt, .genLetSetting_bx .lbl_txt {
    font-size: 10px;
    font-weight: 600;
}

.letterTemp_pg .panel .lbl_sub, .genLetSetting_bx .lbl_sub {
    color: #666;
    font-size: 13px;
    font-weight: normal;
}

    .letterTemp_pg .panel .lbl_sub span, .genLetSetting_bx .lbl_sub span {
        font-size: 12px;
        font-weight: normal;
    }

.letterTemp_pg .panel .inpt_txt, .genLetSetting_bx .inpt_txt {
    text-align: left;
    direction: ltr;
}

.letterTemp_pg .panel .row-bx div, .genLetSetting_bx .row-bx div {
    float: left;
}

.letterTemp_pg .panel textarea {
    width: 100%;
    height: 500px;
    overflow: hidden;
    overflow-y: scroll;
    direction: ltr;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
    border: none;
    font-size: 15px;
    color: #000;
}

.letTemp_pos {
    position: relative;
}

    .letTemp_pos .letTemp_popover {
        position: absolute;
        bottom: 40px;
        background: #fff;
        box-shadow: 0 0 10px -3px #999;
        padding: 5px 10px;
        border-radius: 5px;
        width: 250px;
        direction: rtl;
        text-align: right;
        box-sizing: border-box;
    }

        .letTemp_pos .letTemp_popover label {
            color: #5984ca;
            font-size: 15px;
            font-weight: bold;
            line-height: 27px;
        }

        .letTemp_pos .letTemp_popover label {
            color: #5984ca;
            font-size: 15px;
            font-weight: bold;
            line-height: 27px;
        }

        .letTemp_pos .letTemp_popover .gradiant {
            margin: 0 auto;
            display: block;
        }

.btnCntr_bx {
    text-align: center !important;
}






.colaps_cntrl_pg .panel-group * {
    box-sizing: border-box !important;
}

.colaps_cntrl_pg .panel-group .panel {
    border: none !important;
}

.colaps_cntrl_pg .panel .panel-header {
    background: #fff !important;
    box-shadow: 0 0 5px -3px #999;
    border-radius: 10px;
    overflow: hidden;
}

    .colaps_cntrl_pg .panel .panel-header a {
        display: block;
        color: #5984ca !important;
        padding: 0 10px !important;
        line-height: 35px !important;
        border-radius: 10px;
        border: 1px solid #fff;
    }

        .colaps_cntrl_pg .panel .panel-header a:focus {
            border: 1px solid #5984ca;
        }

        .colaps_cntrl_pg .panel .panel-header a i {
            color: #5984ca !important;
            float: left !important;
            margin-left: 5px;
            margin-top: 13px;
            font-size: 10px !important;
        }

        .colaps_cntrl_pg .panel .panel-header a span {
            float: right;
            padding: 0 5px;
            color: #545454;
        }

.colaps_cntrl_pg .panel-group .panel ul li {
    background: #5984ca;
    color: #fff;
    border-radius: 10px;
    margin: 5px 0;
    padding: 5px 15px;
    line-height: 25px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    .colaps_cntrl_pg .panel-group .panel ul li:hover,
    .colaps_cntrl_pg .panel-group .panel ul li.active {
        background: #d6a450;
        transition: all 0.3s ease-in-out;
    }

    .colaps_cntrl_pg .panel-group .panel ul li span {
        color: #3c3c3c;
        background: #fff;
        border-radius: 30%;
        padding: 5px;
        font-size: 12px;
        margin-left: 5px;
        width: 40px;
        text-align: center;
    }

.colaps_cntrl_pg .colaps_cntrl_src_bx {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
    margin: 15px 5px;
    width: 47%;
    display: flex;
}

    .colaps_cntrl_pg .colaps_cntrl_src_bx input {
        margin: 0;
        border: none;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        background: #fff;
        flex-grow: 2;
        font-size: 15px;
        color: #333;
        box-shadow: none;
    }

    .colaps_cntrl_pg .colaps_cntrl_src_bx i {
        line-height: 40px;
        padding: 0 15px;
        color: #a8a8a8;
        font-size: 15px;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }

        .colaps_cntrl_pg .colaps_cntrl_src_bx i:hover {
            color: #5984ca;
            transition: all 0.3s ease-in-out;
        }

.colaps_cntrl_pg .colaps_cntrlScroll {
    height: 300px;
    overflow: hidden;
    overflow-y: scroll;
}

    .colaps_cntrl_pg .colaps_cntrlScroll .colaps_cntrlScroll3 {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        box-sizing: border-box;
    }

.colaps_cntrl_pg .colaps_cntrlScroll2 {
    max-height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}

.colaps_cntrl_pg .colaps_cntrlScroll div.colaps_cntrl_right, .colaps_cntrl_pg .colaps_cntrlScroll div.colaps_cntrl_left {
    width: 48% !important;
}

.colaps_cntrl_pg .colaps_cntrlScroll div.colaps_cntrl_right {
    margin-left: 15px;
    margin-right: 5px;
}

.colaps_cntrl_pg .colaps_cntrlScroll div.colaps_cntrl_left {
    margin-right: 5px;
}

    .colaps_cntrl_pg .colaps_cntrlScroll div.colaps_cntrl_right .fa-plus:before,
    .colaps_cntrl_pg .colaps_cntrlScroll div.colaps_cntrl_left .fa-plus:before {
        content: "\f078";
    }

    .colaps_cntrl_pg .colaps_cntrlScroll div.colaps_cntrl_right .fa-minus:before,
    .colaps_cntrl_pg .colaps_cntrlScroll div.colaps_cntrl_left .fa-minus:before {
        content: "\f077";
    }

.arch_flxListCharts {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .arch_flxListCharts li {
        position: relative;
        margin: 0 2px;
    }

        .arch_flxListCharts li i {
            background: #5984ca;
            width: 45px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            border-radius: 50%;
            color: #fff;
        }

        .arch_flxListCharts li .top_posNam {
            position: absolute;
            bottom: -8px;
            left: 0;
            right: 0;
            margin: 0 auto;
            display: block;
            background: #f4b54b;
            color: #fff;
            font-size: 15px;
            font-weight: normal;
            text-align: center;
            max-width: 30px;
            border-radius: 5px;
            box-shadow: 0 0 10px -3px #666;
        }

.Menu_colapsCntrl .panel-group {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box !important;
}

.Menu_colapsCntrl .panel {
    float: initial !important;
    display: initial !important;
}

.Menu_colapsCntrl .panel-group > div {
    width: 23.5%;
    margin: 0 5px 10px;
    box-sizing: border-box !important;
}

.Menu_colapsCntrl .panel-group .panel {
    border: none !important;
}

.Menu_colapsCntrl .panel-group * {
    box-sizing: border-box !important;
}

.Menu_colapsCntrl .panel .panel-heading {
    background: #2586B0 !important;
    box-shadow: 0 0 5px -3px #999;
    border-radius: 15px;
    overflow: hidden;
}

    .Menu_colapsCntrl .panel .panel-heading a {
        display: flex;
        align-items: center;
        color: #fff !important;
        font-size: 15px !important;
        padding: 5px 0 !important;
        overflow: hidden;
    }

        .Menu_colapsCntrl .panel .panel-heading a span {
            display: block;
            float: right;
            background: #186D8C;
            border-bottom-left-radius: 50%;
            border-top-left-radius: 50%;
            padding: 5px;
            margin-left: 5px;
        }

        .Menu_colapsCntrl .panel .panel-heading a p {
            width: 120px;
            overflow: hidden;
        }

        .Menu_colapsCntrl .panel .panel-heading a span img {
            display: block;
            width: 30px;
            height: 30px;
            margin: 0 auto;
            line-height: 30px;
        }

.panel-title > a[aria-expanded="true"]:after {
    float: left !important;
    font-family: FontAwesome;
    content: "\f077";
    color: #5984ca !important;
    background: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    float: left !important;
    margin-top: 0;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 10px !important;
}

.panel-title > a[aria-expanded="false"]:after {
    float: left !important;
    font-family: FontAwesome;
    content: "\f078";
    color: #5984ca !important;
    background: #fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    float: left !important;
    margin-top: 0;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 10px !important;
}

.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus {
    text-decoration: none;
}



.Menu_colapsCntrl .panel-group .panel ul li a {
    background: #fff;
    box-shadow: 0 0 5px -3px #999;
    border: 1px solid #e4e4e4;
    color: #656565;
    font-size: 15px;
    border-radius: 15px;
    margin: 5px 0;
    padding: 5px 10px;
    line-height: 25px;
    display: block;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    .Menu_colapsCntrl .panel-group .panel ul li a:hover {
        color: #2586B0;
        box-shadow: 0 0 8px -3px #999;
        transition: all 0.3s ease-in-out;
    }

.arch_statistics_chart {
    background: #f4f4f4;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 15px;
    margin: 15px 0;
}

.PRSArchiving_Statistics_colps .panel .panel-header a {
    display: block;
    padding: 0 5px !important;
    line-height: 35px !important;
    color: #5984ca;
}

    .PRSArchiving_Statistics_colps .panel .panel-header a i {
        color: #5984ca !important;
        float: left !important;
        margin-left: 5px;
        margin-top: 13px;
        font-size: 10px !important;
        background: #fff;
        padding: 6px;
        border-radius: 50%;
        margin-top: 6px;
    }

    .PRSArchiving_Statistics_colps .panel .panel-header a .fa-minus:before {
        content: "\f077";
    }

    .PRSArchiving_Statistics_colps .panel .panel-header a .fa-plus:before {
        content: "\f078";
    }

.PRSArchiving_Statistics_colps .ddl_multiSelect_dynamicCntrl .form-control1 p,
.et_admin_communications_reports_pg .ddl_multiSelect_dynamicCntrl .form-control1 p {
    align-items: flex-end
}

.et_admin_communications_reports_pg .ddl_multiSelect_dynamicCntrl .form-control1 i {
    word-break: break-all;
    align-self: baseline;
}

.grid_newship_visDiv tr td > div {
    overflow: initial !important;
}

.grid_newship_visDiv tr {
    vertical-align: baseline !important;
}

    .grid_newship_visDiv tr .ddl_multiSelect .form-group.openUp {
        bottom: initial !important;
        top: 20px !important;
    }

    .grid_newship_visDiv tr input.inpt_txt {
        width: 90% !important;
        margin: 5px auto !important;
        display: block;
    }

    .grid_newship_visDiv tr button {
        background: #f00;
        border: none;
        padding: 5px;
        margin: 0;
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
    }

.arcAddAttachScroll_bx {
    height: 350px;
    overflow-y: scroll;
}

.dep_dv_select {
    position: relative;
    float: right;
    width: 208px;
}

    .dep_dv_select .popup-btn, .dep_dv_select .abs_tree_bx .cls_btn {
        display: none;
    }

    .dep_dv_select .abs_tree_bx {
        position: static;
        display: block;
    }

.rdioFlxBorder {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 5px;
}

    .rdioFlxBorder label {
        margin-left: 5px;
    }

.treatMentCntrl_popup .attachShoh_ctl .attachLst_bx {
    height: 85px !important;
}

#tbl_emps_grid .attachShoh_ctl .attachLst_bx {
    overflow: auto !important
}

.treatMentCntrl_popup .popup_genrl .popup_title {
    margin-bottom: 2px !important;
}

.treatMentCntrl_popup .popup_genrl .popup-footer {
    margin-top: 2px !important;
    overflow-y: auto;
}

.et_admin_communications_reports_pg .container_bx:nth-child(9) .check-bx {
    display: flex;
    flex-wrap: wrap;
}

    .et_admin_communications_reports_pg .container_bx:nth-child(9) .check-bx label {
        width: 48%;
    }

.mrgTop_check, .mt-5 {
    margin-top: 5px;
}

.check-bxFlx50 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}

    .check-bxFlx50 label {
        width: 48%;
        background: #fff;
        box-shadow: 0 0 10px -6px #000;
        padding: 5px;
        box-sizing: border-box;
        margin: 5px 0;
        font-size: 14px !important;
    }

        .check-bxFlx50 label input[type="checkbox"] {
            margin: 0 !important;
        }

.borderColor1, .testColor tr.borderColor1 {
    border-right: 8px solid #00AB67 !important;
}

.borderColor2, .testColor tr.borderColor2 {
    border-right: 8px solid #2B2B2B !important;
}

.borderColor3, .testColor tr.borderColor3 {
    border-right: 8px solid #E5781B !important;
}

.borderColor4, .testColor tr.borderColor4 {
    border-right: 8px solid #BD282A !important;
}

.borderColor5, .testColor tr.borderColor5 {
    border-right: 8px solid #31A0CE !important;
}

.borderColor6, .testColor tr.borderColor6 {
    border-right: 8px solid #797979 !important;
}

.borderColor7, .testColor tr.borderColor7 {
    border-right: 8px solid #AB9C3D !important;
}

.testColor thead tr {
    border-right: 8px solid #5984ca !important;
}

.testColor tr:nth-child(1) {
    background: initial !important;
}

.testColor tr {
    background: none !important;
}

    .testColor tr:nth-child(odd) {
        background: #fff !important;
    }

    .testColor tr:nth-child(even) {
        background: #f1f1f1 !important;
    }

.testColor, .testColor * {
    box-sizing: border-box !important;
}

#Breadcrumb_path {
    padding-right: 0px !important;
}

.mainpage_link, .Breadcrumb_path_title {
    font-size: 11px !important;
}

.check-bx_flxCntr {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainSubProgram_pg .title_bx h1 {
    color: #5984ca;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 2px;
}

.mainSubProgram_pg .title_bx p {
    color: #3b3b3b;
    font-size: 15px;
    font-weight: normal;
}

.mainSubProgram_pg .lst_dv {
    margin: 10px 0;
    border: 1px solid #F5F5F5;
    height: 300px;
    overflow: hidden;
}

    .mainSubProgram_pg .lst_dv ul {
        display: block;
        min-height: 300px;
        width: 100%;
    }

        .mainSubProgram_pg .lst_dv ul li {
            padding: 0 5px;
            display: flex;
            align-items: center;
            line-height: 25px;
            background: #fff;
            cursor: pointer;
        }

            .mainSubProgram_pg .lst_dv ul li:nth-child(even) {
                background: #F3F3F3;
            }

            .mainSubProgram_pg .lst_dv ul li input {
                margin-left: 5px;
            }

            .mainSubProgram_pg .lst_dv ul li span {
                color: #333;
                font-size: 15px;
            }

.mainSubProgram_pg .btnSort_dv {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

    .mainSubProgram_pg .btnSort_dv i {
        padding: 5px 10px;
        background: #5984ca;
        border-radius: 5px;
        color: #fff;
        margin-right: 5px;
        cursor: pointer;
    }

.checkBx_FlxWrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.mainSubProgram_pg .slimScrollBar {
    z-index: 1 !important;
}

.liPointer {
    background: #fff;
    box-shadow: 0 0 5px -3px #999;
    border: 1px solid #e4e4e4;
    color: #656565;
    font-size: 15px;
    border-radius: 15px;
    margin: 5px 0;
    padding: 5px 10px;
    line-height: 25px;
    display: block;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    .liPointer:hover {
        color: #2586B0;
        cursor: pointer;
        box-shadow: 0 0 8px -3px #999;
        transition: all 0.3s ease-in-out;
    }


.check-bx_flxgen {
    display: flex;
    flex-wrap: wrap;
}

    .check-bx_flxgen label {
        width: 48%;
    }

.imgWidth {
    width: 20px;
    cursor: pointer;
}

.PRS_Employee_popup .popup_genrl {
    width: 450px !important;
}

    .PRS_Employee_popup .popup_genrl ul li {
        line-height: 20px;
        padding: 5px;
    }

        .PRS_Employee_popup .popup_genrl ul li i {
            color: #ccc;
            font-size: 10px;
            margin-left: 5px;
        }

        .PRS_Employee_popup .popup_genrl ul li span {
            color: #000;
            font-size: 15px;
        }

.tdBackground {
    background: #ddd;
}

.makken_content_mstr .makeenSmartNewasideLink_bx > li {
    background: #fff;
    border-radius: 50%;
    padding: 8px;
    width: 50px;
    height: 50px;
    margin-top: 12px;
    box-shadow: 0 0 7px -3px #888;
    transition: all 0.3s ease-in-out;
}

    .makken_content_mstr .makeenSmartNewasideLink_bx > li a {
        border: 2px solid #F4B54B;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 46px;
        height: 46px;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }

        .makken_content_mstr .makeenSmartNewasideLink_bx > li a img {
            width: 30px;
            transition: all 0.3s ease-in-out;
        }

    .makken_content_mstr .makeenSmartNewasideLink_bx > li:hover {
        background: #F4B54B;
        transition: all 0.3s ease-in-out;
    }

        .makken_content_mstr .makeenSmartNewasideLink_bx > li:hover a {
            border: 2px solid #fff;
            transition: all 0.3s ease-in-out;
        }

    .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx {
        position: relative;
    }

        .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx {
            width: 250px;
            height: 320px;
            background: #fff;
            position: absolute;
            left: -150px;
            bottom: 70px;
            z-index: 999;
            box-shadow: 0 0 10px -3px #999;
            border-radius: 5px;
            overflow: hidden;
        }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx li {
                display: flex;
                align-items: center;
                line-height: 20px;
                min-height: 30px;
                padding: 0 5px;
                border-bottom: 1px solid #eee;
                position: relative;
                transition: all 0.3s ease-in-out;
            }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx li:nth-child(even) {
                    background: #F7F7F7;
                }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx li div {
                    margin: 1px 3px 0;
                    display: flex;
                }

                    .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx li div img {
                        margin: 0 1px;
                    }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx li p {
                    flex-grow: 2;
                    color: #474747;
                    font-size: 15px;
                    word-break: break-all;
                    transition: all 0.3s ease-in-out;
                }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx li:hover p,
                .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx li.active p {
                    color: #f4b54b;
                    cursor: pointer;
                    transition: all 0.3s ease-in-out;
                }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx li .stic_icn {
                    width: 18px;
                    cursor: pointer;
                }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx li .dlt_icn {
                    width: 16px;
                    display: none;
                    opacity: 0;
                    cursor: pointer;
                }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx li:hover .dlt_icn {
                    opacity: 1;
                    display: inline;
                    transition: all 0.3s ease-in-out;
                }



        .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx {
            width: 300px;
            background: #fff;
            position: absolute;
            left: 110px;
            bottom: -30px;
            z-index: 999;
            box-shadow: 0 0 10px -3px #999;
            border-radius: 5px;
            overflow: hidden;
        }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_title_bx {
                display: flex;
                align-items: center;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx.red {
                background: #E09D9D !important;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx.orange {
                background: #eee !important;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx.yellow {
                background: #F8F7B6 !important;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx.green {
                background: #C5F7C1 !important;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx.blue {
                background: #C9ECF8 !important;
            }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx.blue .stic_title_bx {
                    background: #C7E5F7 !important;
                }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_title_bx div div img {
                height: 16px;
                box-shadow: 0 0 10px -3px #999;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx.orange .stic_title_bx {
                background: #fff !important;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx.yellow .stic_title_bx {
                background: #FCFAB0 !important;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx.green .stic_title_bx {
                background: #BFF2BB !important;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx.red .stic_title_bx {
                background: #EC9D9D !important;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_title_bx input,
            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_title_bx input:focus {
                background: none;
                border: none;
                width: 100%;
                box-shadow: none;
                outline: none;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_title_bx {
                padding: 5px;
                border-bottom: 1px solid #eee;
            }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_title_bx > div {
                    display: flex;
                    align-items: center;
                    transition: all 0.3s ease-in-out;
                }

                    .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_title_bx > div .stic_icn {
                        width: 18px;
                        margin-left: 4px;
                        cursor: pointer;
                    }

                    .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_title_bx > div div {
                        cursor: pointer;
                        display: flex;
                        align-items: center;
                        transition: all 0.3s ease-in-out;
                    }

                        .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_title_bx > div div .mpre_icn {
                            width: 5px;
                            cursor: pointer;
                            transition: all 0.3s ease-in-out;
                        }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_title_bx div div.swatches {
                    opacity: 0;
                    margin-left: 5px;
                    display: none;
                    transition: all 0.3s ease-in-out;
                }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_title_bx > div div:hover div.swatches {
                    opacity: 1;
                    display: inline;
                    transition: all 0.3s ease-in-out;
                }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_area_bx textarea,
            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_area_bx textarea:focus {
                background: none;
                border: none;
                width: 100%;
                height: 150px;
                box-shadow: none;
                outline: none;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx .stic_note_bx .stic_area_bx {
                height: 150px;
                overflow: hidden;
            }





.col-bx-30Px {
    width: 30px !important;
}

.archive_setting_pg .fa-pencil {
    margin-top: 5px !important;
}

.archive_setting_pg .mrgTopBtn {
    margin-top: 19px !important;
}

.archive_setting_pg .chk_switch_bx {
    margin-top: 22px;
}

.chartTitle {
    color: #5984ca;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin: 10px 0 20px;
    line-height: 40px;
}

.ach_static_bx * {
    direction: ltr !important;
}

.content-bx250H {
    height: 250px;
}

.linkTreatment_Relative {
    position: relative;
}

    .linkTreatment_Relative .linkTreatment_Checkbox {
        position: absolute;
        right: 5px;
        top: 10px;
        z-index: 1;
    }

    .linkTreatment_Relative .container_bx .title-bx h1 {
        margin-right: 20px;
    }

.checkBlock label {
    display: block;
}

.container_bx1 .row-bx .inpt_custWidth {
    width: 95px !important;
    margin-left: 3px !important;
}

.amcharts-main-div *, .amcharts-main-div {
    direction: ltr !important;
}

.removeStyle {
    overflow: visible !important;
    text-align: initial !important;
}
/* Hala Farid  */
.lbl_inside-lbl {
    padding: 0 !important;
    box-shadow: none !important;
}

.charts_heading {
    text-align: center;
}

.charts_signin,
.choose_items {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.switch_block {
    display: flex;
    align-items: center;
}

    .switch_block p {
        margin-right: 13px;
        margin-left: 13px;
        color: #2586B0
    }

    /*  .switch_block p:nth-of-type(2) {
            margin-right: 8px;
        }*/

    .switch_block .switch {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 23px;
    }

        .switch_block .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .switch_block .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .switch_block .slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            right: 18px;
            bottom: 2px;
            left: 0px;
            box-shadow: 1px 1px 10px #aaa;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .switch_block input:checked + .slider {
        background-color: #2586B0;
    }

    .switch_block input:focus + .slider {
        box-shadow: 0 0 1px #2586B0;
    }

    .switch_block input:checked + .slider:before {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px);
    }

    .switch_block .slider.round {
        border-radius: 34px;
    }

        .switch_block .slider.round:before {
            border-radius: 50%;
        }

.switch_mrg {
    margin-top: 15px;
    margin-right: 13px;
}

.cstm_switch {
    justify-content: space-around;
    margin-right: 0
}

    .cstm_switch input {
        position: relative;
        top: 5px;
    }


.row-bx .col-bx-10.col-bx-400 {
    width: 400px !important;
}

.mrg_Top75 {
    margin-top: 75px !important;
}

.et_options_setting {
    margin: 10px 0 5px
}

.et_inbox .flx_drop {
    justify-content: space-between;
    align-items: center;
}

.et_actions {
    display: flex;
    align-items: center;
}

.flx_drop .mda_radio {
    width: max-content;
}

.ddl_multiSelect_custom_select .ddl_multiSelect p {
    background: #5984ca;
    height: 28px !important
}

    .ddl_multiSelect_custom_select .ddl_multiSelect p i:first-child {
        color: #3e5b8b !important;
        font-size: 15px !important
    }

    .ddl_multiSelect_custom_select .ddl_multiSelect p i:last-child {
        color: #fff !important;
        margin-right: 45px;
    }

.ddl_multiSelect_custom_select .ddl_multiSelect .form-control1 img {
    position: absolute;
    bottom: 0;
    width: 20%
}

.ddl_multiSelect_custom_select .ddl_multiSelect .form-group {
    top: 28px
}

    .ddl_multiSelect_custom_select .ddl_multiSelect .form-group ul li {
        color: #5a5a5a
    }

        .ddl_multiSelect_custom_select .ddl_multiSelect .form-group ul li:nth-child(even) {
            background: #f9f9f9
        }

    .ddl_multiSelect_custom_select .ddl_multiSelect .form-group .ddlSelectedElement {
        background: #fff !important;
        border-bottom: 1px solid #ccc
    }

    .ddl_multiSelect_custom_select .ddl_multiSelect .form-group ul li.list_child.ddlSelectedElement label,
    .ddl_multiSelect_custom_select .ddl_multiSelect .form-group ul li.list_child:hover label {
        color: #F4B54B !important;
    }

    .ddl_multiSelect_custom_select .ddl_multiSelect .form-group ul li.list_child:hover {
        background: #fff !important;
    }

.ddl_multiSelect_custom_select .ddl_multiSelect .wrapped {
    display: none
}

.et_options_setting .et_options_circle {
    background: #F4B54B;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 24px;
    border-radius: 50%;
}

.et_options_setting .et_options_circle-refresh {
    background: #7c7a7a;
    position: relative
}

.et_options_setting .toolTipCog a[data-tool-tip]::after {
    content: attr(data-tool-tip);
    position: absolute;
    display: block;
    background: #515151;
    padding: 0px 15px;
    color: #fff;
    white-space: nowrap;
    border-radius: 6px;
    bottom: 15px;
    left: -30px;
    transform: scale(0);
    transition: all 0.2s ease-in-out;
    font-family: 'DroidKufiRegular';
    color: #FFF;
    font-size: 10px;
    font-weight: 100;
}

.et_options_setting .toolTipCog a[data-tool-tip]:hover::after {
    transform: scale(1);
    bottom: -95%;
}

.et_options_setting .toolTipCog .triangleToolTip {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #515151;
    position: absolute;
    top: 28px;
    left: 3px;
    display: none;
    transition: all 0.5s ease-in-out;
}

.et_options_setting .toolTipCog a[data-tool-tip]:hover .triangleToolTip {
    display: inline-block;
    transition: all 0.5s ease-in-out;
}

.et_options_setting .btnsView {
    padding-right: 0;
    margin-right: -5px;
}


.ddl_multiSelect_custom_select .ddl_multiSelect .form-group ul {
    overflow-y: hidden;
    min-height: initial;
    max-height: initial
}

.ddl_multiSelect_custom_select .ddl_multiSelect .form-group .scrollbar {
    margin: 2px;
    float: left;
    height: 215px;
    width: 95%;
    background: #F5F5F5;
    overflow-y: auto;
    margin-bottom: 25px;
}

.ddl_multiSelect_custom_select .ddl_multiSelect .form-group .force-overflow {
    min-height: 215px
}

.ddl_multiSelect_custom_select .ddl_multiSelect .form-group .scrollbar::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.ddl_multiSelect_custom_select .ddl_multiSelect .form-group .scrollbar::-webkit-scrollbar {
    width: 4px;
    border-radius: 50%;
}

.ddl_multiSelect_custom_select .ddl_multiSelect .form-group .scrollbar::-webkit-scrollbar-thumb {
    background-color: #959595;
}

.doubleShow_open .table-info2 .row_width85 {
    width: 120px
}

.doubleShow_open .table-info2 .row_width720 {
    width: 850px;
}

.doubleShow_open .table-info2 .row_width141 {
    width: 110px
}

.doubleShow_open .table-info2 .row_width293 {
    width: 339px;
}

.doubleShow_open .table-info2 .row_width334 {
    width: 383px;
}

.doubleShow_open .table-info2 .row_width200 {
    width: 228px;
}

.doubleShow_open .table-info2 .row_width486 {
    width: 612px;
}

.doubleShow_open .table-info2 .row_width530 {
    width: 585px;
}

.doubleShow_open .table-info2 .row_width101 {
    width: 137px;
}

.doubleShow_open .explain_att_bx {
    width: 100%
}

.doubleShow_open #div_Expl_SC .col-bx-16 {
    width: 545px;
}
/*.doubleShow_open .dvInboxExp,
.doubleShow_open .dvInboxAtt {
    min-height: 457px;
}*/
.doubleShow_open .explain_att_bx {
    height: 430px !important
}

.doubleShow_open iframe {
    height: 435px !important
}

.doubleShow_open #tab_inbox_trDetailsInfo .tab_bx {
    margin-left: 20px
}

    .doubleShow_open #tab_inbox_trDetailsInfo .tab_bx > .nav-tabs {
        box-shadow: 0px 0px 10px -8px #000 !important;
        border: 1px solid #f2f2f2;
        padding: 6px
    }

.doubleShow_open .tab_inbox_ul_Info .nav-tabs li {
    width: 50%
}

    .doubleShow_open .tab_inbox_ul_Info .nav-tabs li a {
        background-color: #fff !important;
        background-image: none !important;
        border-radius: 0 !important;
        text-align: center;
        font-size: 18px;
    }

    .doubleShow_open .tab_inbox_ul_Info .nav-tabs li:first-child a {
        border-left: 1px solid #ddd !important
    }

    .doubleShow_open .tab_inbox_ul_Info .nav-tabs li.active a,
    .doubleShow_open .tab_inbox_ul_Info .nav-tabs li:hover a {
        color: #2586B0 !important;
    }

    .doubleShow_open .tab_inbox_ul_Info .nav-tabs li a span {
        display: none;
    }

.doubleShow_open .tab-content {
    position: relative
}
/*.doubleShow_open #dvInboxOffers .left_smll_bx,
.doubleShow_open #dvInboxInternalMemo .left_smll_bx {
    height: 300px
}*/
.doubleShow_open .left_smll_bx,
.doubleShow_open .favCntrl_Lftbx {
    position: absolute;
    left: 6px;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 3px 3px 4px #c5c5c5;
    min-height: initial;
    padding-bottom: 10px;
}

.doubleShow_open .favCntrl_Lftbx {
    top: 6px
}

.doubleShow_open .coverLetterVicesDv {
    min-height: 25px;
}

.doubleShow_open .tab-content .fa-edit {
    color: #2586B0;
    position: absolute;
    left: 10px;
    top: -25px
}

.doubleShow_w-full {
    width: 100% !important
}

.doubleShow_ds-none {
    display: none
}

.doubleShow_trDetails {
    width: 550px;
    float: right
}

    .doubleShow_trDetails .grid_linkTreatment tr th:nth-child(2),
    .doubleShow_trDetails .grid_linkTreatment tr td:nth-child(2) div {
        width: 110px
    }

    .doubleShow_trDetails .grid_linkTreatment tr th:nth-child(3),
    .doubleShow_trDetails .grid_linkTreatment tr td:nth-child(3) div {
        width: 225px
    }

    .doubleShow_trDetails .grid_linkTreatment tr th:nth-child(4),
    .doubleShow_trDetails .grid_linkTreatment tr td:nth-child(4) div {
        width: 85px
    }

    .doubleShow_trDetails .grid_linkTreatment tr th:nth-child(5),
    .doubleShow_trDetails .grid_linkTreatment tr td:nth-child(5) div {
        width: 105px
    }

.doubleShow_trDetailsInfo {
    display: block;
    width: 425px;
    float: right
}

    .doubleShow_trDetailsInfo .doubleShow_loadAttach {
        width: 97%;
        height: 522px;
    }

.doubleShow_switch {
    margin: 0;
}


.login_openingScreen {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center
}

    .login_openingScreen .openingScreen {
        position: relative;
        background-color: #fff;
        box-shadow: 0 0 25px -10px #888;
        border-radius: 5px;
        width: 35%;
        min-width: unset;
    }

    .login_openingScreen .openingScreen_title {
        background: rgb(53 105 189 / 0.7);
        width: 70%;
        padding: 5px;
        color: #fff;
        transform: skew(-35deg, 0deg) translate(-5px, -25px)
    }

        .login_openingScreen .openingScreen_title p {
            transform: skew(35deg, 0deg);
            padding-right: 20px;
        }

    .login_openingScreen .openingScreen_body {
        overflow: hidden
    }

        .login_openingScreen .openingScreen_body p {
            color: #999;
            font-size: 13px;
            line-height: 2;
            padding: 0 30px 30px;
        }

        .login_openingScreen .openingScreen_body iframe {
            margin: 0px 10px 10px;
        }

        .login_openingScreen .openingScreen_body .openingScreen_btns {
            text-align: center;
            padding-bottom: 15px;
        }

        .login_openingScreen .openingScreen_body .openingScreen_btn {
            background: #999;
            color: #fff;
            border: none;
            padding: 3px 20px;
            border-radius: 30px;
            margin-right: 10px;
            transition: background 0.2s ease-in-out;
            cursor: pointer
        }

            .login_openingScreen .openingScreen_body .openingScreen_btn:hover {
                background: #7b7b7b
            }

        .login_openingScreen .openingScreen_body .openingScreen_btn-colored {
            background: #ecaf49
        }

            .login_openingScreen .openingScreen_body .openingScreen_btn-colored:hover {
                background: #e4a12f
            }

    .login_openingScreen .openingScreen_pictureBlock {
        position: relative;
        width: 250px;
        height: 400px;
    }

        .login_openingScreen .openingScreen_pictureBlock .openingScreen_body p {
            color: #5984ca;
            font-size: 22px;
            line-height: 3;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px 10px;
            overflow: auto;
        }

        .login_openingScreen .openingScreen_pictureBlock .openingScreen_img {
            width: 200px;
            height: 200px;
            margin: 0 auto;
        }

            .login_openingScreen .openingScreen_pictureBlock .openingScreen_img img {
                width: 100% !important;
                height: 100% !important;
                border-radius: 5px;
                object-fit: contain;
                min-width: 200px;
            }

        .login_openingScreen .openingScreen_pictureBlock openingScreen_btns {
            position: absolute;
            bottom: 0;
        }

@media(min-width:912px) and (max-width:1200px) {
    .login_openingScreen .openingScreen_pictureBlock {
        position: relative;
        width: 550px !important;
        height: 430px !important;
    }

        .login_openingScreen .openingScreen_pictureBlock .openingScreen_img {
            width: 500px !important;
            height: 300px !important;
            margin: 0 auto;
        }
}

@media(min-width:1200px) {
    .login_openingScreen .openingScreen_pictureBlock {
        position: relative;
        width: 730px !important;
        height: 530px !important;
    }

        .login_openingScreen .openingScreen_pictureBlock .openingScreen_img {
            width: 700px !important;
            height: 400px !important;
            margin: 0 auto;
        }
}

.login_openingScreen .openingScreen_pictureBlock .openingScreen_img img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 5px;
    object-fit: contain;
    min-width: 200px;
}

.login_openingScreen .openingScreen_pictureBlock openingScreen_btns {
    position: absolute;
    bottom: 0;
}

.grid_treasurer tr td {
    width: 90px;
}

    .grid_treasurer tr td:nth-child(3) {
        width: 105px;
    }

    .grid_treasurer tr td:nth-child(4) {
        width: auto
    }

    .grid_treasurer tr td div span {
        height: 18px;
        overflow: hidden;
        text-align: right;
        display: inherit;
        word-break: break-all
    }

.chartSubTitle {
    color: #5984ca;
    font-size: 17px;
    margin: 10px 0 10px 15px;
    text-align: center
}

.user_info span {
    height: auto !important;
    line-height: 2;
    padding: 5px 10px !important;
}

.errorMsg_container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    width: 100%;
    top: auto;
    right: auto
}

    .errorMsg_container .popup_genrl {
        border: none !important;
        border-radius: 5px;
        font-family: 'DroidKufiRegular';
    }

    .errorMsg_container .popup_title {
        background: #5984ca !important;
        min-height: 40px !important;
        border-radius: 5px;
        padding: 5px
    }

        .errorMsg_container .popup_title h1 {
            line-height: 40px !important;
            font-size: 12px !important;
            font-family: 'DroidKufiBold_0';
        }

            .errorMsg_container .popup_title h1 i {
                line-height: 40px !important;
                height: 40px !important;
                width: 45px !important;
                background: #527bbd;
                color: #a9c0e5 !important;
                border-radius: 10px;
                margin-left: 10px !important;
            }

        .errorMsg_container .popup_title .fa-close {
            background: #8ba2c6 !important;
            left: 10px !important;
            top: 14px !important;
            font-size: 12px !important;
            transition: all 0.3s ease-in-out;
        }

    .errorMsg_container .popup_genrl p {
        color: #000;
        line-height: 20px;
        font-family: arial,verdana,Tahoma,sans-serif;
        font-weight: bold
    }

.mda_radio {
    margin: 10px 30px 0 0;
    width: 100%;
    text-align: right !important
}

.filter_container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.ovflow_vis {
    overflow: visible !important
}

.d-Grid {
    display: grid
}

.d-inBlock {
    display: inline-block !important;
}

.w-auto {
    width: auto !important
}

.w-90 {
    width: 90% !important;
}

.w-85 {
    width: 85% !important;
}

.w-5 {
    width: 5% !important;
    margin-right: 10px !important;
}

.externalURLs {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

    .externalURLs .makken_lnk {
        width: 28%;
        margin: 0 10px 20px;
        padding: 10px;
        box-shadow: 0 0 20px -10px #888;
        border-radius: 15px;
        position: relative;
    }

        .externalURLs .makken_lnk a img {
            width: 100% !important;
            height: 150px !important;
            max-width: 100%;
            margin: 15px auto;
            display: block;
        }

    .externalURLs h1 {
        text-align: center;
        font-size: 15px;
        margin-bottom: 10px;
    }

    .externalURLs p {
        text-align: center;
        max-height: 60px;
        color: #999;
        margin-bottom: 10px;
        overflow: hidden;
        font-weight: normal;
    }

.dvInboxCommitteeReport .right_big_bx .row-bx .ContentDv_bx.crv_bx table tbody tr td,
.dvInboxCovLetter .right_big_bx .row-bx .ContentDv_bx.crv_bx table tbody tr td,
.dvInboxOffers .right_big_bx .row-bx .ContentDv_bx.crv_bx table tbody tr td {
    display: table-cell !important;
    float: initial !important;
    text-align: right !important;
    background: #fff !important;
}

.et_btns {
    float: left;
    text-align: left;
}

    .et_btns > div {
        display: inline;
    }

.arc_advSearch_pg .abs_tree_bx {
    top: 30px;
}

    .arc_advSearch_pg .abs_tree_bx .treeView {
        width: 250px;
        height: auto;
        max-height: 610px;
    }

.etInbox_NoteNotify {
    text-align: center;
    background: #29718f;
    color: #fff;
    padding: 5px 15px;
    width: 70%;
    border-radius: 20px;
    margin: 10px auto;
}

.pdms_services input[type="checkbox"] {
    margin-right: 6px
}

.popup_st_templates {
    max-height: 550px !important;
    overflow-y: auto;
}

.w-80 {
    width: 80% !important;
}

.ph_txt {
    text-align: right;
    direction: ltr;
}

.prs_followup_my_requests_pg table {
    position: relative;
    margin-bottom: 40px;
}

    .prs_followup_my_requests_pg table caption {
        position: absolute;
        width: 100.1% !important;
        left: -0.5px;
        bottom: -36px;
    }

.fol_mail_treatmentscomments .grid_resize tbody tr td div {
    left: 4px !important;
    width: 96% !important;
}

.st_service_setting .grid_resize tbody tr td div {
    left: 8px !important;
    width: 96% !important;
}

.fol_inboxDeptFollow .haf_wdth {
    width: 605px !important;
}

.fol_complaintOperation .grid_resize tbody tr td div,
.hdsk_Complaints .grid_resize tbody tr td div {
    width: 90% !important;
    margin: 0px 3px !important;
}

#MultiSelectActions_drpDiv .ddl_multiSelect .form-group,
#MultiSelectActions_drpDiv_link .ddl_multiSelect .form-group {
    min-width: 195px !important;
}

.multipleList {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #A2A2A2;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: right;
    cursor: default;
}
/* page loader*/
.page_loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 700px;
}

    .page_loader .loader {
        font-size: 20px;
        border-radius: 50%;
        animation: loading 1.1s infinite ease;
        transform: translateZ(0);
        position: absolute;
        width: 1rem;
    }

    .page_loader div {
        width: 15%;
        text-align: center;
        padding-bottom: 25px;
        box-shadow: 5px 5px 20px #ddd;
        border-radius: 10px;
    }
/* Login Loader */
.login_loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh
}

    .login_loader div {
        width: 15%;
        text-align: center;
        padding-bottom: 25px;
        box-shadow: 5px 5px 20px #ddd;
        border-radius: 10px;
    }

    .login_loader .loader {
        font-size: 20px;
        border-radius: 50%;
        animation: loading 1.1s infinite ease;
        transform: translateZ(0);
        position: absolute;
        right: 0;
        left: 0;
        top: calc(50% - 152.5px);
        width: 1rem;
        height: 0rem;
    }

    .login_loader p {
        margin: 85px auto 20px;
        font-weight: bold;
        color: #414040;
    }

    .login_loader input {
        background: none;
        font-weight: bold;
        font-size: 18px;
        border: none;
        cursor: pointer;
        color: #efb205;
        margin: 0 auto;
        transition: all 0.3s ease-in-out
    }

        .login_loader input:hover {
            color: #f59300;
        }

@keyframes loading {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

.gridPopupControlContainer .gridScroll tbody tr {
    width: 100%;
    table-layout: fixed !important;
    display: table !important;
}

.popup_genrl.ovflow_vis.gridPopupControlContainer .grid_newship.gridScroll.gridScroll_responsive {
    overflow-x: hidden;
}

.makken_master_wrapper .makken_botmHeader .makken_toolBar ul li.user_info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.makken_master_wrapper .makken_botmHeader .makken_toolBar ul li #user_name {
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.dev_strategic_goals textarea.setIdsBGoal.txtBasicGoal {
    min-height: 100px;
}

.dev_strategic_goals select.slct-txt {
    max-width: 100%;
}

#gv_treatment_details .grid_newship.grid_layoutWidth {
    table-layout: fixed;
}

.internal_photos .popup-content .row-bx span.lab-txt1 {
    line-height: 27px;
}

#cph_main_dv_inbox_grid .container_bx .title-bx .btn-bx {
    display: flex;
    justify-content: flex-end;
}

#cph_main_dv_inbox_grid .mda_radio {
    margin: 10px 10px 0 0;
    line-height: 1.5
}

.etShowExtInbox_pg .grid_newship {
    table-layout: fixed;
}

.dev_courses_follow .gridScroll thead:before {
    background: #5984ca;
}

.dev_courses_follow .gridScroll tbody tr {
    width: calc( 100% + .1em );
}

.GIS_ArgumentsRequests .grid_newship {
    table-layout: fixed;
}

.dev_courses_follow #tbl_AcceptedRequest_Fees thead::before {
    background: #5984ca;
}
/**** Start Replace 9.4.01 ****/
.internal_photos .gridScroll tbody tr {
    width: 100% !important;
}

.internal_photos .popup_genrl {
    overflow: visible;
}

.popup_genrl.xy_position_0 .gridScroll tbody tr {
    width: 100%;
}

.all_editor .dv_editor_cntrlMain_left {
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 25px;
    top: 0;
}

    .all_editor .dv_editor_cntrlMain_left .popup_genrl {
        height: 100vh !important;
        overflow: hidden !important;
        overflow-y: scroll !important;
    }

    .all_editor .dv_editor_cntrlMain_left .popup_scrollY .editorPopup_cntrl.wrapper_genrl {
        min-height: calc(100vh + 100px);
        overflow: hidden !important;
        overflow-y: scroll !important;
        align-items: flex-start;
    }

    .all_editor .dv_editor_cntrlMain_left .popup_genrl {
        max-height: calc(100% + 25px) !important;
    }
/**** End Replace 9.4.01 ****/

#tbl_exam_days .gridScroll.grid_newship thead::before {
    display: none
}

#tbl_exam_days .gridScroll tbody {
    overflow-y: auto;
}

.wrapper_genrl, .popup_scrollY {
    align-items: flex-start !important;
    margin: 0 auto;
    justify-content: center;
    padding: 0 !important;
}

    .popup_scrollY .popup_genrl, .wrapper_genrl .popup_genrl {
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        bottom: auto;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        right: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .wrapper_genrl .popup_genrl iframe#chart {
            height: 100%;
            background-color: #fff;
        }

.ddl-parentTd {
    position: relative;
}

    .ddl-parentTd .ddl_multiSelect {
        position: static;
    }

.ddl-parentDiv {
    display: flex;
    align-items: center;
    overflow: unset !important;
}

    .ddl-parentDiv:not(:only-child),
    .ddl-parentDiv:not(:last-child) {
        margin-bottom: 5px;
    }

    .ddl-parentDiv .ddl_multiSelect {
        width: 100%;
    }

.dv_covrLet_bx .col-bx-4 {
    width: 140px !important;
}

.dvInboxInternalMemo .dv_covrLet_bx .col-bx-btn.col-bx-3 input,
.dvInboxCovLetter .dv_covrLet_bx .col-bx-btn.col-bx-3 input {
    margin-left: 2px;
}

.dv_covrLet_bx > div {
    width: 495px !important;
    padding: 0 !important;
    margin: 0 !important;
    /*z-index: 99;*/
    position: relative;
}

.dvInboxInternalMemo .right_big_bx .dv_covrLet_bx,
.dvInboxCovLetter .right_big_bx .dv_covrLet_bx {
    width: 89% !important;
}

.dvInboxInternalMemo .right_big_bx .content-bx > .row-bx:nth-child(3) .col-bx-10 + .col-bx-2,
.dvInboxCovLetter .right_big_bx .content-bx > .row-bx:nth-child(3) .col-bx-10 + .col-bx-2 {
    width: 11% !important;
}

.dvInboxInternalMemo .right_big_bx .content-bx > .row-bx:nth-child(3) .col-bx-9 + .col-bx-2,
.dvInboxCovLetter .right_big_bx .content-bx > .row-bx:nth-child(3) .col-bx-9 + .col-bx-2 {
    width: 11% !important;
}

.dv_covrLet_bx > div > div .col-bx-2:nth-child(6) {
    width: 60px !important;
}

.popup_grid_ddl {
    overflow: hidden;
    overflow-y: auto;
    max-height: 450px;
}

    .popup_grid_ddl .done_bx {
        width: 100% !important;
    }

/*.left_smll_bx .col-bx-6 .slc_txt {
    text-align: right;
    direction: ltr;
    float: left;
}*/

.dvInboxCovLetter .right_big_bx .content-bx .row-bx:nth-child(3) .col-bx-8 {
    width: 67% !important;
}

.popup_grid_ddl .ddl_multiSelect .form-group {
    bottom: 85% !important;
    top: auto !important;
    max-width: 220px;
    width: 220px;
    right: auto;
}

.popup_grid_ddl .grid_mail_ExportLetter tr td, .popup_grid_ddl .grid_mail_ExportLetter tr td .flx_drop, .popup_grid_ddl .grid_mail_ExportLetter tr td .ddl_multiSelect {
    overflow: visible !important;
}

.popup_grid_ddl .ddl_multiSelect .form-group li[data-type="child"] label {
    font-size: 15px;
    line-height: 1;
    text-align: right;
}

.popup_grid_ddl .ddl_multiSelect .form-group ul li.list_child {
    border-bottom: 1px solid rgba(229, 229,229, .8);
}

.popup_grid_ddl .ddl_multiSelect_disabled {
    border: none !important;
}

.popup_grid_ddl .flx_drop .ddl_multiSelect_disabled p {
    border: 1px solid #A2A2A2 !important;
}


.dvInboxInternalMemo .right_big_bx .content-bx .row-bx:nth-child(3) .fa-pencil.gradiant,
.dvInboxCovLetter .right_big_bx .content-bx .row-bx:nth-child(3) .fa-pencil.gradiant {
    margin-top: 2px;
}

.dvInboxInternalMemo .right_big_bx .content-bx .row-bx:nth-child(3) .col-bx-3.col-bx-3Btn,
.dvInboxCovLetter .right_big_bx .content-bx .row-bx:nth-child(3) .col-bx-3.col-bx-3Btn {
    margin-top: -3px;
}

@media print {
    #panel {
        left: auto !important;
        right: 0 !important;
        width: 100% !important;
        margin: 10px auto !important;
    }

    .table-info2, .explain_att_bx {
        width: 100% !important;
    }

        .table-info2 .row_width85 {
            width: 10% !important;
        }

        .table-info2 .row_width720 {
            width: 87% !important;
        }

        .table-info2 .row_width141 {
            width: 17% !important;
        }

        .table-info2 .row_width145 {
            width: 16% !important;
        }

        .table-info2 .row_width293 {
            width: 32% !important;
        }

        .table-info2 .row_width334 {
            width: 36% !important;
        }

        .table-info2 .row_width200 {
            width: 23% !important;
        }

        .table-info2 .row_width138 {
            width: 17% !important;
        }

        .table-info2 .row_width100,
        .table-info2 .row_width101 {
            width: 12% !important;
        }

        .table-info2 .row_width530 {
            width: 66% !important;
        }

        .table-info2 .row_width486 {
            width: 59% !important;
        }

    .explain_att_bx {
        width: 100% !important;
    }

    .explanations_table tr th p {
        background-color: #2586b0 !important;
        -webkit-print-color-adjust: exact;
        box-shadow: inset 0 0 0 1000px #2586b0;
    }
}
/**** Start Replace 9.4.02 ****/
.favCntrl_Fllbox .favCntrl_tabs .main_tab table {
    max-height: 285px;
}

table.gridScroll {
    max-height: 300px;
}

.popup_content .favCntrl_tab2 table {
    max-height: 285px;
}

.popup_grid_ddl table.gridScroll {
    max-height: unset !important;
    overflow-y: visible !important;
}


.favCntrl_Fllbox .favCntrl_tabs .main_tab table, table.gridScroll, .popup_content .favCntrl_tab2 table {
    overflow: hidden;
    overflow-y: auto;
    display: block !important;
}

    .favCntrl_Fllbox .favCntrl_tabs .main_tab table thead,
    table.gridScroll thead,
    .popup_content .favCntrl_tab2 table thead {
        width: 100% !important;
        position: sticky !important;
        top: 0;
        z-index: 1;
    }

    .favCntrl_Fllbox .favCntrl_tabs .main_tab table tbody,
    table.gridScroll tbody,
    .popup_content .favCntrl_tab2 table tbody {
        display: table-row-group;
        max-height: unset;
        overflow: visible;
    }

    .favCntrl_Fllbox .favCntrl_tabs .main_tab table thead::before, table.gridScroll thead::before, .popup_content .favCntrl_tab2 table thead::before {
        display: none !important;
    }

    .favCntrl_Fllbox .favCntrl_tabs .main_tab table tbody tr,
    table.gridScroll tbody tr,
    .popup_content .favCntrl_tab2 table tbody tr {
        width: 100%;
    }

@media (max-width: 1025px) {
    /*.favCntrl_2box .favCntrl_tabs .main_tab table thead tr,*/
    .favCntrl_Fllbox .favCntrl_tabs .main_tab table thead tr {
        width: calc( 100% - 0.9em );
    }

        .favCntrl_2box .favCntrl_tabs .main_tab table thead tr th:last-child,
        .favCntrl_Fllbox .favCntrl_tabs .main_tab table thead tr th:last-child,
        .popup_content .favCntrl_tab2 table thead tr th:last-child {
            border-left-color: transparent !important;
        }
}

/**** End Replace 9.4.02 ****/
.srch_btn .srch_btn2,
.srch_btn input.srch_btn2,
.srch_btn input[type="button"].srch_btn2,
.srch_btn button.srch_btn2,
.srch_btn .srch_btn2:hover,
.srch_btn input.srch_btn2:hover,
.srch_btn input[type="button"].srch_btn2:hover,
.srch_btn button.srch_btn2:hover {
    background: none !important;
    border: 0 !important;
    background-color: transparent !important;
}

.mlt_slc_container .mlt_slc_bx .mlt_slc_tbl .gridScroll tbody {
    display: block;
}

.wrapper_genrl.treatMentCntrl_popup .container_bx.container_bx2 .title-bx .row-bx {
    display: flex;
}

.btn-flx {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


div#div_title {
    z-index: 99999;
}

@media (max-width: 1024px) {
    .favCntrl_2box .favCntrl_tabs .main_tab table tbody tr {
        width: 100% !important;
    }
}

.Create_Appointment .treatment_ctrl .row_bx .col-13 {
    height: 25px;
}

.overallContentPlatform_digitalArchiveDetails .row-bx.flx_height {
    overflow: hidden;
}

.et_inboxTabSrch .tab-pane .wrapper-bx .content-bx .row-bx .col-bx-5:nth-last-child(2) {
    position: relative;
}

.et_inboxTabSrch .maindiv {
    top: auto !important;
    bottom: 100% !important;
}

.st_makeenEyeDestinationFollower .mlt_slc_container_mrgTop {
    position: relative;
    z-index: 1;
}

.flx_wrap {
    display: flex;
    flex-wrap: wrap;
}

.qpds_linkUsersAndServiceType .fig_uploadImage_bx .fig_uploadImage, .qpds_linkUsersAndServiceType .fig_uploadImage_bx .fig_uploadImage img,
.qpds_servicesTypes .fig_uploadImage_bx .fig_uploadImage, .qpds_servicesTypes .fig_uploadImage_bx .fig_uploadImage img {
    height: 140px !important;
    width: 180px !important;
}

.imgDiment {
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 1.2;
}

.fol_citizens_requests .grid_newship {
    table-layout: fixed;
}

#form1 .gridScroll#tbl_reportData {
    max-height: unset;
    display: table !important;
}

    #form1 .gridScroll#tbl_reportData thead tr {
        display: table-row !important;
    }

.st_makeenEyeUserNotification .mlt_slc_container .mlt_slc_bx .mlt_slc_tbl table {
    position: relative;
    z-index: 0;
}

.interMemoVicesDv {
    text-align: right;
    width: 100%;
}

    .interMemoVicesDv ul li {
        text-align: center;
        background: #eee;
        line-height: 25px;
        margin-bottom: 3px;
        border-right: 6px solid #ddd;
        padding: 0 3px;
    }

.row-bx .slct-txt {
    max-width: 100%;
}

.chart_lbls {
    padding: 10px;
}

    .chart_lbls li {
        margin-bottom: 5px;
    }

        .chart_lbls li:last-child {
            margin-bottom: 0;
        }

    .chart_lbls .lbl_count {
        margin-left: 20px;
    }

.lbl_clr {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
}

.flx_height {
    display: flex;
    flex-wrap: wrap;
}

    .flx_height .col-bx-10 {
        flex: 1 1 0;
        padding-bottom: 10px;
    }

        .flx_height .col-bx-10 > .container_bx {
            height: 100%;
        }

#dv_inbox_treatment_details .right_big_bx {
    overflow: unset;
}

.makken_content_mstr .makeenSmartNewasideLink_bx {
    position: fixed;
    left: 12%;
    bottom: 10px;
}

#tab_inbox_ul .alrt_pos .check-bx {
    position: relative;
}

#tab_inbox_ul .alrt_pos .bx1 .alrt_bx {
    top: -30px;
}

input[type="button"].true_btn, input[type="button"].true_btn[disabled],
input[type="button"].delete_btn, input[type="button"].delete_btn[disabled],
input[type="button"].true_btn[disabled]:focus, input[type="button"].true_btn[disabled]:hover,
input[type="button"].delete_btn[disabled]:focus, input[type="button"].delete_btn[disabled]:hover,
input[type="button"].plus_btn, input[type="button"].plus_btn[disabled],
input[type="button"].plus_btn[disabled]:focus, input[type="button"].plus_btn[disabled]:hover {
    background: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 26px !important;
    height: 26px !important;
    border: 0 !important;
}

    input[type="button"].true_btn, input[type="button"].true_btn[disabled],
    input[type="button"].true_btn[disabled]:hover, input[type="button"].true_btn[disabled]:focus {
        background-image: url(../Images/1283070736_check.png) !important;
    }

    input[type="button"].delete_btn, input[type="button"].delete_btn[disabled],
    input[type="button"].delete_btn[disabled]:hover, input[type="button"].delete_btn[disabled]:focus {
        background-image: url("../Images/1284034022_dialog-close.png") !important;
    }

    input[type="button"].plus_btn, input[type="button"].plus_btn[disabled],
    input[type="button"].plus_btn[disabled]:hover, input[type="button"].plus_btn[disabled]:focus {
        background-image: url("../Images/add_icon.png") !important;
    }

        input[type="button"].true_btn:disabled,
        input[type="button"].delete_btn:disabled,
        input[type="button"].plus_btn:disabled {
            opacity: .5 !important;
            cursor: default;
        }

@media (max-width: 1440px) {
    .makken_content_mstr .makeenSmartNewasideLink_bx {
        position: fixed;
        left: 10%;
        bottom: 10px;
    }

        .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx {
            left: -130px;
        }

        .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx {
            left: 130px;
        }
}

@media (max-width: 1367px) {
    .makken_content_mstr .makeenSmartNewasideLink_bx {
        position: fixed;
        left: 8%;
        bottom: 10px;
    }

        .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx {
            left: -100px;
        }

        .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx {
            left: 160px;
        }
}

@media (min-width: 1365px) and (max-width: 1367px) {
    /*.favCntrl_2box .favCntrl_tabs .main_tab table tbody tr,
        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tbody tr {
            width: 100% !important;
        }*/
}
/* IPad 11 inch (834 x 1194) */
@media (min-width: 1193px) and (max-width: 1195px) {
    .cp_rec_perms .row-bx .col-bx-2 {
        width: 15% !important;
    }

    .cp_rec_perms .row-bx .col-bx-3 {
        width: 21.2% !important
    }

    .favCntrl_2box .favCntrl_tabs .main_tab table tbody tr,
    .favCntrl_Fllbox .favCntrl_tabs .main_tab table tbody tr,
    .popup_content .favCntrl_tab2 table tbody tr {
        width: 100% !important;
    }

    .Etentry_int_pg #cph_main_divSpecialOffice .col-bx-2 {
        width: 35% !important;
    }

    .Etentry_int_pg .rowBx_res_Etentry_int .col-bx-2:nth-child(1),
    .Etentry_int_pg .rowBx_res_Etentry_int2 .col-bx-2:nth-child(1) {
        width: 12% !important;
    }

    .Etentry_int_pg .rowBx_res_Etentry_int .col-bx-14 {
        width: 65% !important;
    }

    .Etentry_int_pg .rowBx_res_Etentry_int2 .col-offset-1 {
        display: none !important;
    }

    .favCntrl_Fllbox .favCntrl_Lftbx .row-bx .col-bx-1,
    .favCntrl_Fllbox .favCntrl_Lftbx .col-bx-2 {
        width: 15% !important;
    }
}

.REV_RealEstateAppraiser .ddl_multiSelect .form-group.unWrapped li.ddlSelectedElement {
    margin-bottom: 5px;
}

.REV_RealEstateAppraiser .ddl_multiSelect .form-group.openUp {
    border-top: 0 !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.REV_RealEstateAppraiser .ddl_multiSelect .form-group input[type="button"] {
    width: 44%;
}

.REV_RealEstateAppraiser .ddl_multiSelect .form-group ul li input {
    margin-top: 4px;
}

@media (max-width: 1025px) {
    .makken_content_mstr .makeenSmartNewasideLink_bx {
        position: fixed;
        left: 3px;
        bottom: 30px;
    }

        .makken_content_mstr .makeenSmartNewasideLink_bx > li {
            background: #fff;
            border-radius: 50%;
            padding: 0;
            width: 30px;
            height: 30px;
        }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li a {
                border: 0;
                width: 30px;
                height: 30px;
            }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li a img {
                    width: 20px;
                }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li:hover {
                width: 50px;
                height: 50px;
                padding: 0;
                border: 0;
                transition: all 0.3s ease-in-out;
            }

                .makken_content_mstr .makeenSmartNewasideLink_bx > li:hover a {
                    width: 50px;
                    height: 50px;
                    padding: 0;
                    border: 0;
                    transition: all 0.3s ease-in-out;
                }

                    .makken_content_mstr .makeenSmartNewasideLink_bx > li:hover a img {
                        width: 30px;
                        transition: all 0.3s ease-in-out;
                    }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx {
                left: 50px;
                bottom: -40px;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx {
                left: 310px;
                bottom: -40px;
            }

            .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx li .dlt_icn {
                display: inline;
                opacity: 1;
            }

    .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(3) div,
    .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(3) {
        width: 273px !important;
    }

    .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(6) div,
    .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(6) {
        width: 287px;
    }
}


@media (max-width: 576px) {
    .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_List_bx {
        width: 220px;
    }

    .makken_content_mstr .makeenSmartNewasideLink_bx > li.smartNewStic_bx .stic_note_bx {
        left: 280px;
        width: 280px;
    }
}

@media (max-width: 835px) {
    .favCntrl_2box .favCntrl_tabs .main_tab table *, .favCntrl_2box .favCntrl_tabs .main_tab table,
    .favCntrl_Fllbox .favCntrl_tabs .main_tab table *, .favCntrl_Fllbox .favCntrl_tabs .main_tab table,
    .popup_content .favCntrl_tab2 table *, .popup_content .favCntrl_tab2 table {
        box-sizing: border-box !important;
    }

        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(3) div,
        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(3) {
            width: 271px !important;
        }

        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(6) div,
        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(6) {
            width: 284px;
        }

    .makken_master_wrapper .makken_content .makken_content_aside {
        position: initial !important;
    }

    .makken_master_wrapper .makken_header {
        position: initial !important;
    }

    .makken_master_wrapper .makken_content {
        margin-top: 10px !important;
    }

    .favCntrl_Lftbx .row-bx .col-bx-1 {
        width: 10% !important;
    }

    .favCntrl_responsive {
        overflow: hidden;
        overflow-x: scroll;
        clear: both !important;
    }

        .favCntrl_responsive .table800 {
            width: 800px !important;
        }

    .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(1) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(2) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(4) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(5) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(1) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(2) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(4) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(5) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(1), .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(2), .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(4), .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(5), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(1), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(2), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(4), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(5), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(1) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(2) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(4) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(5) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(1) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(2) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(4) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(5) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(1), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(2), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(4), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(5), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(1), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(2), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(4), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(5), .favCntrl_tabs .main_tab .FColum tr td:nth-child(1), .favCntrl_tabs .main_tab .FColum tr td:nth-child(3), .favCntrl_tabs .main_tab .FColum tr td:nth-child(1) div, .favCntrl_tabs .main_tab .FColum tr td:nth-child(3) div, .favCntrl_tabs .main_tab .FColum tr th:nth-child(1), .favCntrl_tabs .main_tab .FColum tr th:nth-child(3), .favCntrl_tabs .main_tab .FColum tr th:nth-child(1) div, .favCntrl_tabs .main_tab .FColum tr th:nth-child(3) div, .popup_content .favCntrl_tab2 tr th:nth-child(1) div, .popup_content .favCntrl_tab2 tr th:nth-child(3) div, .popup_content .favCntrl_tab2 tr td:nth-child(1) div, .popup_content .favCntrl_tab2 tr td:nth-child(3) div, .popup_content .favCntrl_tab2 tr th:nth-child(1), .popup_content .favCntrl_tab2 tr th:nth-child(3), .popup_content .favCntrl_tab2 tr td:nth-child(1), .popup_content .favCntrl_tab2 tr td:nth-child(3), .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(3) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(3), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(3) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(3) {
        width: auto !important;
    }

    .favCntrl_2box .favCntrl_tabs .main_tab table, .favCntrl_Fllbox .favCntrl_tabs .main_tab table {
        width: 100% !important;
    }

        /* .favCntrl_2box .favCntrl_tabs .main_tab table tbody tr, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tbody tr, .popup_content .favCntrl_tab2 table tbody tr {
            width: calc( 100% - 1em ) !important;
        }*/

        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(3) div,
        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(6) div,
        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(3) div,
        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(6) div,
        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(3),
        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(6),
        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(3),
        .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(6) {
            width: 248px !important;
        }

    .favCntrl_2box .favCntrl_tabs .main_tab, .favCntrl_Fllbox .favCntrl_tabs .main_tab {
        min-height: initial !important;
    }

    .favCntrl_2box .favCntrl_tabs .favCntrl_tab3, .favCntrl_Fllbox .favCntrl_tabs .favCntrl_tab3 {
        height: initial !important;
        min-height: 100px !important;
    }

        .favCntrl_2box .favCntrl_tabs .favCntrl_tab3 .row-bx .col-bx-2,
        .favCntrl_Fllbox .favCntrl_tabs .favCntrl_tab3 .row-bx .col-bx-2 {
            width: 20% !important;
        }

    .favCntrl_2box .favCntrl_Lftbx, .favCntrl_Fllbox .favCntrl_Lftbx,
    .favCntrl_2box .favCntrl_tabs, .favCntrl_Fllbox .favCntrl_tabs {
        width: 100% !important;
    }

        .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(3) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(6) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(3) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(6) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(3), .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(6), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(3), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(6) {
            width: initial !important;
        }

    .favCntrl_Lftbx .row-bx .col-bx-1 {
        width: 10% !important;
    }

    .favCntrl_Lftbx .row-bxFll .col-bx-7 {
        width: 100% !important;
    }

    .favCntrl_2box .favCntrl_Lftbx .alrt_pos label input, .favCntrl_Fllbox .favCntrl_Lftbx .alrt_pos label input {
        margin-left: 5px !important;
    }

    .favCntrl_Lftbx .row-bxFll div[style="float: left;"] {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: wrap !important;
        float: none !important;
    }

        .favCntrl_Lftbx .row-bxFll div[style="float: left;"] div {
            float: none !important;
            margin: 0 !important;
        }

    .favCntrl_Fllbox .favCntrl_tabs .list_lbl {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

        .favCntrl_Fllbox .favCntrl_tabs .list_lbl label {
            width: 30% !important;
        }

    #dvGenMsgSendCopies .favCntrl_Lftbx .row-bx .col-bx-7 {
        width: 100% !important;
    }

    .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(3) div,
    .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(3),
    .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(3) div,
    .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(3) {
        width: 50px !important;
    }

    .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(2) div,
    .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(2),
    .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(2) div,
    .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(2),
    .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(4) div,
    .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(4),
    .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(4) div,
    .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(4) {
        width: 300px !important;
    }
}
/* IPad 11 inch (834 x 1194) */
@media (min-width: 833px) and (max-width: 835px) {
    .cp_enable_disable .row-bx .col-bx-3 {
        width: 25% !important;
    }

    .cp_rec_perms .row-bx .col-bx-2 {
        width: 15% !important;
    }

    .cp_rec_perms .row-bx .col-bx-3 {
        width: 21.2% !important
    }

    .cp_users .row-bx .col-bx-2 {
        width: 15% !important;
    }

    .cp_users .row-bx .col-bx-10 {
        width: 45% !important;
    }

    .cp_users .row-bx .col-bx-8 {
        width: 37.5% !important;
    }

    .Etentry_int_pg #cph_main_divSpecialOffice .col-bx-2 {
        width: 35% !important;
    }

    .Etentry_int_pg .rowBx_res_Etentry_int .col-bx-2:nth-child(1),
    .Etentry_int_pg .rowBx_res_Etentry_int2 .col-bx-2:nth-child(1) {
        width: 12% !important;
    }

    .Etentry_int_pg .rowBx_res_Etentry_int .col-bx-14 {
        width: 65% !important;
    }

    .Etentry_int_pg .rowBx_res_Etentry_int2 .col-offset-1 {
        display: none !important;
    }

    .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(1) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(2) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(4) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(5) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(1) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(2) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(4) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(5) div, .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(1), .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(2), .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(4), .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(5), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(1), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(2), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(4), .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(5), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(1) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(2) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(4) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(5) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(1) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(2) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(4) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(5) div, .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(1), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(2), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(4), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr th:nth-child(5), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(1), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(2), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(4), .favCntrl_Fllbox .favCntrl_tabs .main_tab table tr td:nth-child(5), .favCntrl_tabs .main_tab .FColum tr td:nth-child(1), .favCntrl_tabs .main_tab .FColum tr td:nth-child(1) div, .favCntrl_tabs .main_tab .FColum tr th:nth-child(1), .favCntrl_tabs .main_tab .FColum tr th:nth-child(1) div, .popup_content .favCntrl_tab2 tr th:nth-child(1) div, .popup_content .favCntrl_tab2 tr td:nth-child(1) div, .popup_content .favCntrl_tab2 tr th:nth-child(1), .popup_content .favCntrl_tab2 tr td:nth-child(1) {
        width: 50px !important;
    }

    .favCntrl_2box .favCntrl_Lftbx {
        width: 300px !important;
    }

    .favCntrl_2box .favCntrl_tabs {
        width: 510px !important;
    }

        .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(3) div,
        .favCntrl_2box .favCntrl_tabs .main_tab table tr th:nth-child(3),
        .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(3) div,
        .favCntrl_2box .favCntrl_tabs .main_tab table tr td:nth-child(3) {
            width: initial !important;
        }

    .favCntrl_Fllbox .favCntrl_Lftbx .row-bx .col-bx-1,
    .favCntrl_Fllbox .favCntrl_Lftbx .col-bx-2 {
        width: 15% !important;
    }
}
/*******************************/
.up-down button {
    background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    border-radius: 10px;
    padding: 5px 10px;
    border: 1px solid #c1c1c1;
}

    .up-down button i {
        color: #908a8a !important;
    }

.gis_cadServayor_details .btn_pos_info_alrt i {
    top: 0px !important;
    display: inline-block !important;
}

.gis_cadServayor_details .dv_tab_paging_Main .col-lg-9 {
    display: inline-block !important
}

.gis_cadServayor_details #paging_Row_dv_MainTabs {
    min-height: 70px
}

.st_timeIntervals #dv_AddOrEdit_Page .content-bx .row-bx .col-bx-1,
.st_timeIntervals #div_add_edit .content-bx .row-bx .col-bx-1 {
    width: 35px
}

.st_timeIntervals #div_show .content-bx .row-bx .col-bx-7 {
    width: 280px
}

#ifr_general_popup_editor_text,
.w-100 {
    width: 100% !important
}

.letterTemp_pg .panel .lbl_txt {
    word-break: break-word
}

.Scrollable td {
    position: relative;
}

#tblBody_AS_AppointmentScheduler input, #tblBody_AS_AppointmentScheduler select {
    display: inline;
}

.Guests_popup .form-control1,
.instruments_data .form-control1 {
    width: 100%;
}

.mt-10 {
    margin-top: 10px !important
}

.ml-10 {
    margin-left: 10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.no_border {
    border: 0px !important
}

#div_statigtic_time_chart .amcharts-main-div g:nth-child(3),
#div_statigtic_time_chart .amcharts-main-div g:nth-child(10) g:first-child,
#div_statigtic_time_goal_chart .amcharts-main-div g:nth-child(3),
#div_statigtic_time_goal_chart .amcharts-main-div g:nth-child(10) g:first-child,
#div_statigtic_time_exect_chart .amcharts-main-div g:nth-child(3),
#div_statigtic_time_exect_chart .amcharts-main-div g:nth-child(10) g:first-child,
#div_statigtic_time_sub_chart .amcharts-main-div g:nth-child(3),
#div_statigtic_time_sub_chart .amcharts-main-div g:nth-child(10) g:first-child,
#div_statigtic_time_prog_chart .amcharts-main-div g:nth-child(3),
#div_statigtic_time_prog_chart .amcharts-main-div g:nth-child(10) g:first-child {
    display: none;
}

#div_stratigtic_plan .separate_line {
    margin: 20px auto;
}

.fixed_height .popup_content {
    height: 265px;
    overflow: auto;
}

.fixed_height .switch_block p:first-child {
    margin-right: 0px !important
}

.gradiant.inbox-img {
    width: 45%;
    height: 25% !important;
}

.col_size div:first-child .col-bx-2 {
    width: 102px;
}

.Et_balg_req .col_size div:first-child .col-bx-2 {
    width: 81.6px;
}

.ddl_multiSelect_size #ddl_year_ddlWrapper {
    min-width: 235px;
}

#cph_main_dv_outbox_grid .inbox_filter_bx .btn_filter_bx {
    width: 425px !important
}

#cph_main_dv_outbox_grid .inbox_filter_bx .radio_filter_bx {
    width: auto;
    float: right;
}

#cph_main_dv_outbox_grid .switch_block {
    justify-content: center;
}

.col-width {
    height: 20px;
    line-height: 20px;
}

.edit_treatment_popup .ddl_multiSelect_disabled {
    padding: 0px
}

    .edit_treatment_popup .ddl_multiSelect_disabled p {
        margin: 0px
    }

.h-20 {
    height: 20px;
    line-height: 20px;
}

.fol_inboxDeptFollow .treeView .ddl_multiSelect .form-group {
    max-height: none !important;
    overflow: hidden;
}

    .fol_inboxDeptFollow .treeView .ddl_multiSelect .form-group ul {
        max-height: 530px !important;
        margin-bottom: 0px !important;
    }

#divMasterControls .treatMentCntrl_popup .popup-content {
    max-height: 380px;
    overflow: auto;
    overflow-x: hidden;
}

.et_entry_ext_pg .container_bx:nth-child(2) .row-bx:nth-child(3) .check-bx label {
    white-space: nowrap
}

.scroll_after_height {
    max-height: 300px;
    overflow: auto
}

.emp_txt #div_mowzaf.check-bx ul li:nth-child(16) {
    width: 17% !important
}

.goals_total .show_txt {
    border: 0px !important;
    border-radius: 0 !important;
    width: auto
}

.eval_points .row-bx input[type="text"] {
    margin: 5px auto !important
}

/*------- new tooltip --------------*/
.tableShow .new-tooltip {
    position: relative;
    width: 100%;
    display: inline-table;
}

    .tableShow .new-tooltip .new-tooltiptext {
        min-width: 60px;
        width: auto;
        max-width: 250px;
        line-height: 1;
        background-color: #000;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 2;
        bottom: 100%;
        transition: opacity 0.3s;
        right: 0;
        left: 0;
        margin: 0 auto;
        word-wrap: break-word;
        font-size: 15px;
        display: none !important;
    }

        .tableShow .new-tooltip .new-tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #000 transparent transparent transparent;
        }

    .tableShow .new-tooltip:hover .new-tooltiptext {
        display: block !important;
    }

#ddlEditorPopUpTemplates.ddl_multiSelect .form-group.openUp {
    bottom: auto !important
}

.tableShow .grid_newship tr:nth-child(even) {
    background-color: #fff !important
}

.bg_success {
    background-color: green !important;
    color: #fff !important;
    padding: 0px !important;
}

.bg_danger {
    background-color: #d11e1e !important;
    color: #fff !important;
    padding: 0px !important;
}

.table_baseline .show_txt, .table_baseline .inpt_txt,
.tableShow .inpt_txt {
    height: 26px !important;
    min-height: 26px !important;
    margin: 2px auto;
    text-align: center;
    display: inline-block;
}

.table_baseline .goals_total .show_txt,
.blockSpan .show_txt {
    display: block
}

#DivTransferJob .container_bx2 .title-bx h1,
#DivNewJob .container_bx1 .title-bx h1 {
    display: inline-block;
    float: right
}

#DivTransferJob .container_bx2 .title-bx .switch_block,
#DivNewJob .container_bx1 .title-bx .switch_block {
    justify-content: flex-end
}

#DivMainEmp .check-bx:first-child label {
    margin-left: 5px;
}

.prs_transactions_emps_NewEmp .container_bx5 h1 {
    display: inline-block;
}

.prs_transactions_emps_NewEmp .container_bx5 .btn-bx {
    display: inline-block;
    float: left;
}

.ExportReport .popup_genrl {
    width: 25%;
}

.attachShoh_ctl .attachLst_bx {
    border: 0 !important;
}

.switch_block .decToggle_Disabled input:checked + .slider {
    background-color: #a1a1a1;
}

.w-23 {
    display: inline-block;
    width: 23.5% !important;
}

#St_FinancialAddEditPage .container_bx3 .check-bx input:nth-child(3) {
    width: 40%;
    margin-right: 2px !important;
}

#St_FinancialAddEditPage .container_bx3 .check-bx div {
    margin-left: 0px !important
}

@keyframes jump-shaking {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(-9px)
    }

    35% {
        transform: translateY(-9px) rotate(17deg)
    }

    55% {
        transform: translateY(-9px) rotate(-17deg)
    }

    65% {
        transform: translateY(-9px) rotate(17deg)
    }

    75% {
        transform: translateY(-9px) rotate(-17deg)
    }

    100% {
        transform: translateY(0) rotate(0)
    }
}
/*----- alarm extraTime -------*/
img.rise-shake {
    width: 75%;
    margin: 10px 5px 0;
}

    img.rise-shake.animate {
        animation: jump-shaking 0.83s infinite;
    }

/*.makken_master_wrapper .makken_botmHeader .makken_toolBar ul li {
    height: 40px
}*/
/*---- verfication Code PopUp ----*/
.verfCodePopUp .capLogin_content {
    padding: 25px 35px;
    min-width: 250px;
}

    .verfCodePopUp .capLogin_content .cap_num {
        text-align: center;
        font-weight: bold;
        margin-bottom: 0;
    }

.verfCodePopUp .cap_num h3 {
    margin-bottom: 20px;
}

.verfCodePopUp .cap_num h1 {
    background-color: #eee;
    margin-bottom: 20px;
    border-radius: 10px;
}

.verfCodePopUp .capLogin_content i {
    cursor: pointer;
    background: #aaa;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.chk_switch_bx button.gradiant[disabled] {
    color: #919191 !important;
    background: #e2e2e2 !important;
    border: 1px solid #c1c1c1 !important;
}

    .chk_switch_bx button.gradiant[disabled] i {
        color: #3a3a3a !important
    }

.ScrollarGrid {
    overflow: hidden;
    overflow-y: auto;
    display: block !important;
    max-height: 350px;
}

#tbl_intersectWithMnd {
    max-height: 250px !important
}

.ddl_multiSelect .form-group {
    z-index: 99 !important;
}
/*UsagePolicy*/
#divLoginUsagePolicy {
    overflow: auto;
}

    #divLoginUsagePolicy ul li:first-child {
        max-width: 60%;
        text-align: right;
    }

        #divLoginUsagePolicy ul li:first-child .check-bx label {
            line-height: 1;
        }

    #divLoginUsagePolicy .popup_genrl .popup-footer {
        overflow: unset;
        padding-bottom: 0;
    }

@media (orientation: landscape) {
    #divLoginUsagePolicy .popup_genrl {
        max-height: 400px !important;
    }
}

@media (max-width:480px) {
    #divLoginUsagePolicy .popup_genrl {
        max-height: 400px !important;
        max-width: 90%;
    }
}

@media (max-height:400px) {
    #divLoginUsagePolicy .popup_genrl {
        max-height: 280px !important;
        max-width: 90%;
    }
}

@media(max-width:480px) {
    #divLoginUsagePolicy ul li:first-child {
        max-width: 100%;
    }
}

/*master*/
.re-edited-box {
    /*  position: relative;*/
    /*  padding-bottom: 140px !important;*/
    /*  min-height: 580px !important;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.re-edited-box-icon {
    position: relative;
    bottom: 0;
    left: 3px;
    background: white;
    width: 100%;
    text-align: left;
}

@media (max-width:1099px) {
    .re-edited-box-icon {
        left: 85px;
    }
}

@media (max-width:991px) {
    .re-edited-box-icon {
        left: 30px;
    }
}

.re-edited-box-icon.digital-stamp {
    position: absolute !important;
    bottom: 2%;
    left: 2%;
    width: auto;
}

@media (max-width: 768px) {
    .re-edited-box-icon.digital-stamp {
        position: relative !important;
        /*  position: absolute !important;*/
        left: 50% !important;
        transform: translate(-50%,0);
        bottom: 0;
        right: unset;
    }
}


.re-edited-box-icon a {
    display: block;
    /*float: left;*/
    background-color: white;
}

.re-edited-box-icon img {
    max-height: 120px;
    object-fit: contain;
    max-width: 400px;
}

@media (max-width:1099px) {
    .re-edited-box-icon img {
        max-width: 200px;
    }
}

@media (max-width:480px) {
    .re-edited-box-icon img {
        max-width: 250px;
        max-height: 120px;
    }
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}

.Create_text_template span strong {
    font-weight: bold;
    margin-left: 5px;
}

.Create_text_template span strong {
    color: var(--primary_clr) !important;
}

.flyer_menu-btn {
    position: relative;
    display: inline-block;
}

    .flyer_menu-btn .flyer_menu-item {
        visibility: hidden;
        width: auto;
        background: #f7f7f7;
        color: #353535;
        text-align: right;
        font-size: 13px;
        border-radius: 0 0 6px 6px;
        position: absolute;
        z-index: 1;
        right: 30%;
        top: 34px;
        padding: 10px 5px;
        box-shadow: 0px 3px 5px rgb(51 51 51 / 15%);
        transition: all 0.1s;
    }

        .flyer_menu-btn .flyer_menu-item::before {
            content: '';
            position: absolute;
            top: -20px;
            left: 40%;
            border-width: 10px;
            border-bottom-color: blue;
            border-style: solid;
            border-color: transparent;
            border-bottom-color: #f9f8f8;
        }

    .flyer_menu-btn:hover .flyer_menu-item {
        visibility: visible;
    }

    .flyer_menu-btn .flyer_menu-item .item {
        padding: 2px 0;
    }

        .flyer_menu-btn .flyer_menu-item .item label {
            font-size: 13px;
        }

        .flyer_menu-btn .flyer_menu-item .item img {
            width: 20px;
            height: 20px;
            vertical-align: middle;
            margin-left: 5px;
        }

        .flyer_menu-btn .flyer_menu-item .item:hover {
            color: #2377af;
        }

.text-symbols table {
    border: 0;
}

    .text-symbols table td,
    .text-symbols table th {
        font-size: 13px;
        border: 1px solid #A2A2A2;
        padding: 2px 5px;
        background-color: #eeeeee9e;
        font-weight: normal;
    }

    .text-symbols table th {
        font-weight: bolder;
        background-color: #e5e5e5cc !important;
        color: #5c5858 !important;
        font-family: arial;
    }

/*open menu with click*/
.makken_master_wrapper .makken_botmHeader .makken_toolBar ul li.comun_management ul {
    width: 220px;
    right: -36px;
    position: absolute;
    display: block;
    top: 35px;
    z-index: 9;
    background: #fff;
    box-shadow: 0px 3px 10px -3px #000;
    transform-style: none;
    -webkit-transform-style: none;
    -moz-transformtransform-style: none;
    -ms-transform-style: none;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    max-height: 300px;
    overflow: hidden !important;
    overflow-y: auto !important;
}

.qelite_btn {
    position: absolute;
    left: 0;
    top: 40%;
}

    .qelite_btn button {
        background: var(--primary_clr);
        color: #fff !important;
        font-size: 16px;
        padding: 5px 10px;
        display: flex;
        align-items: center;
        border-radius: 7px;
        cursor: pointer;
    }

        .qelite_btn button i {
            margin-left: 10px;
            color: #fff !important;
        }

.Create_text_template .grid_newship tbody tr td div {
    margin: 0 auto !important;
}

#dv_popupTableCntrl .popup_genrl .popup_content .responsiveTable_overx.responsiveTable_overEnv {
    overflow: auto;
    max-height: 450px;
}

.st_mail_Treatments_classification_Main .grid_resize tbody tr td div,
.fol_achievement_treatment .grid_resize tbody tr td div {
    right: 0;
    margin: 0 auto;
}


.d-none {
    display: none !important;
}

.favCntrl_2box .favCntrl_tabs .main_tab .favCntrl_tab1 {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

.qelite_btn {
    position: absolute;
    left: 0;
    top: 40%;
}

    .qelite_btn button {
        background: var(--primary_clr);
        color: #fff !important;
        font-size: 16px;
        padding: 5px 10px;
        display: flex;
        align-items: center;
        border-radius: 7px;
    }

        .qelite_btn button i {
            margin-left: 10px;
            color: #fff !important;
        }

.d-flex-space {
    display: flex;
    align-items: center;
}

    .d-flex-space > div:first-child {
        margin-right: 0.75rem;
        margin-left: auto;
    }


/*.inbox_grid_newship tr td div, .grid tr td div {
    padding: 0px 4px !important;
}
.RealEstateValuation_details .ddl_multiSelect .form-group ul li div {
    flex-wrap: nowrap;
}

.RealEstateValuation_details .ddl_multiSelect .form-group li[data-type="child"] label {
    line-height: 1.2;
}
.responsiveTable_overx .inbox_grid_newship .d-flex-space > div:first-child {
    margin-right: 0.5rem;
    margin-left: 0;
}*/

.re-edited-box .makken_content_mstr .fol_attendant #dv_grid .content-bx .responsiveTable_overx.responsiveTable_overxEnv table tbody tr td div {
    width: 100% !important;
}

.makken_content_article.re-edited-box .makken_content_mstr .fol_attendant #fol_attendant_content_div #dv_emp_detail .row-bx .col-bx-11
#dv_emp_attendent_detail .responsiveTable_overx.responsiveTable_overxEnv table tbody tr td div {
    width: 100% !important;
}

.dvInboxInternalMemo .right_big_bx .dv_covrLet_bx,
.dvInboxCovLetter .right_big_bx .dv_covrLet_bx {
    width: 84% !important;
}

#dv_inbox_treatment_details .table-info2 span.row_width486 {
    display: inline-flex;
}

#dv_inbox_treatment_details .table-info2 span.row_width486 {
    display: inline-flex;
}

.dvInboxInternalMemo .fa-pencil.gradiant,
.dvInboxCovLetter .fa-pencil.gradiant {
    margin-left: 8px;
}

.electronicCommittees #dv_MinutesDisplay .recordMembers .container_bx .content-bx .responsiveTable_overx .grid_newship tbody tr {
    line-height: 15px;
}

    .electronicCommittees #dv_MinutesDisplay .recordMembers .container_bx .content-bx .responsiveTable_overx .grid_newship tbody tr td {
        padding-block: 5px;
    }

.prs_payroll .grid_newship {
    table-layout: fixed;
}

#dv_pickPopupCntrl .popup_content .content-bx .responsiveTable_overx .grid_newship tbody tr td:nth-child(2) div,
#dv_pickPopupCntrl .popup_content .content-bx .responsiveTable_overx .grid_newship tbody tr td:nth-child(3) div {
    width: 100% !important;
}

.Tklef_types_Main .container_bx1 .wrapper-bx .content-bx .row-bx:nth-child(5) + div .row-bx .row-bx .row-bx .col-bx-5 {
    text-align: center;
}

.maindiv {
    z-index: 88 !important;
}

.permissionRequest_orders .container_bx2 .content-bx .row-bx:nth-child(2) .col-bx-6 .form-group {
    top: 25px !important;
    bottom: auto !important;
}

.prs_mandate_operations_Main .grid_newship tbody tr td div {
    overflow: hidden !important;
    display: block !important;
}

.ctrl_RepBySpecificCols .ddl_SearchBox .fa-search {
    margin: 5px 0px 0px 0 !important;
    padding: 0 6px;
    font-size: 13px;
    line-height: 20px;
    height: 22px;
}

.ctrl_RepBySpecificCols .ddl_SearchBox input {
    background: #fff;
    border-left: 2px solid #a2a2a2 !important;
}

.ctrl_RepBySpecificCols .ddl_multiSelect .form-group {
    padding-top: 0 !important;
}

    .ctrl_RepBySpecificCols .ddl_multiSelect .form-group .ddl_SearchBox .form-control[type="text"]:focus {
        border: 1px solid #A2A2A2;
    }

#transactionJobs_RepPage .SelectReportCol .content-bx .row-bx .col-bx-7 .ddl_multiSelect ddl_multiSelect_dynamicCntrl .form-group .ddl_SearchBox .form-control,
#transactionJobs_RepPage .ddl_multiSelect .form-group .ddl_SearchBox .form-control[type="text"],
#divEmpsForRepPage .ddl_multiSelect .form-group .ddl_SearchBox .form-control[type="text"] {
    height: 27px !important;
    border: 1px solid #A2A2A2 !important;
    border-left: 0 !important;
    border-radius: 5px !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

    #transactionJobs_RepPage .ddl_multiSelect .form-group .ddl_SearchBox .form-control[type="text"] + i,
    #divEmpsForRepPage .ddl_multiSelect .form-group .ddl_SearchBox .form-control[type="text"] + i {
        line-height: 24px !important;
    }

.prs_emp_cut_overtime .prs_emp_cut_overtime_main .grid_resize tbody tr td div {
    left: unset !important;
    width: 100% !important;
}

.prs_sal_custsal_emp_Main .grid_rel tbody tr td div {
    position: absolute !important;
}

.attachments-bx {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

    .attachments-bx .attachments-bx__item {
        min-width: 12rem;
        flex-basis: 12rem;
        flex-grow: 1;
        display: flex;
        align-items: center;
        gap: 25px;
        padding: 10px 12px;
        border: 1px solid #d1d1d1;
        border-radius: 8px;
        background-color: #e5e5e5;
    }

        .attachments-bx .attachments-bx__item .desc {
            display: flex;
            flex-direction: column;
        }

            .attachments-bx .attachments-bx__item .desc span:nth-child(2) {
                margin-top: 3px;
                color: gray;
                font-size: 14px;
            }

/*popup-attachments*/

.makken_content_mstr .attachments_overlay .popup-attachments {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 999;
}

.attachments_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
}

.popup-attachments_footer p, .popup-attachments_header {
    color: #8e8e8e !important;
}

.prs_payroll .grid_newship tbody tr td div {
    overflow: visible !important;
    word-wrap: anywhere;
}

.prs_payroll .grid_newship tbody tr td .attachShoh_ctl .attachLst_bx .atch_bx {
    display: flex !important;
    align-items: flex-start !important;
}

.prs_payroll .grid_newship tbody tr td[width="110px"] div {
    display: flex !important;
    align-items: center;
    gap: 0.1rem;
}

.prs_payroll .grid_newship tbody tr td .attachShoh_ctl .attachLst_bx .atch_bx .rgt span i {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prs_payroll .grid_newship tbody tr td .attachShoh_ctl .attachLst_bx .atch_bx .lft {
    color: black !important;
}

.mass_promotion #prs_massPromotionGridDiv .grid_newship tbody tr td#tbl_massProEmps_tr_td_child_0 .dtr-details li span.dtr-data div {
    width: 100% !important;
    white-space: normal;
}

.prs_salDeptAllowance .responsiveTable_overx .grid_newship tbody tr td:not(:first-child) div,
.st_mnd_destinations_Main .responsiveTable_overx.responsiveTable_overxEnv .grid_newship tbody tr td:not(:first-child) div {
    margin-inline: auto;
}

.prs_transactions_jobs_main .container_bx.container_bx1 .wrapper-bx .content-bx .row-bx #drp_jobStatus_id .ddl_multiSelect_dynamicCntrl.ddl_multiSelect_disabled,
.prs_transactions_jobs_main .container_bx.container_bx1 .wrapper-bx .content-bx .row-bx #drp_Deptartement_id .ddl_multiSelect_dynamicCntrl.ddl_multiSelect_disabled
/*.st_mnd_destinations_add.st_mnd_destinations_show .container_bx.container_bx1 .content-bx .row-bx .col-bx-6 #txt_Dest_Name_View*/ {
    min-height: auto !important;
    height: 25px !important;
    white-space: nowrap;
}

.makken_master_wrapper .makken_header {
    z-index: 150 !important;
}

#DivJobReservation .popup_genrl.ovflow_vis {
}

    #DivJobReservation .popup_genrl.ovflow_vis .popup-content {
        scrollbar-color: #686868 transparent;
        scrollbar-width: thin;
        padding-inline: 0.4rem;
    }

        #DivJobReservation .popup_genrl.ovflow_vis .popup-content .wrapper-bx .content-bx .row-bx .col-bx-17 {
            padding-inline-end: 1rem;
        }

    #DivJobReservation .popup_genrl.ovflow_vis::-webkit-scrollbar {
        width: 20px;
    }

    #DivJobReservation .popup_genrl.ovflow_vis::-webkit-scrollbar-thumb {
        background-color: #686868;
    }

    #DivJobReservation .popup_genrl.ovflow_vis::-webkit-scrollbar-track {
        background-color: transparent;
    }

.Etentry_int_pg #dv_pickPopupCntrl .popup_content .responsiveTable_overx.responsiveTable_overxEnv table {
    table-layout: fixed;
}

.wrapp_capLogin.modal-ver-code {
    z-index: 999;
}

.capLogin_content.modal-ver-code__content {
    max-width: 576px;
    min-width: 380px;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

    .capLogin_content.modal-ver-code__content .modal-ver-code__title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14.5px;
    }

        .capLogin_content.modal-ver-code__content .modal-ver-code__title .fa-times {
            position: relative;
            top: auto;
            left: auto;
        }

.btn_active.modal-ver-code__btn-active {
    width: 100%;
    display: block;
    text-align: center;
}

    .btn_active.modal-ver-code__btn-active input {
        width: 100%;
    }

.code_txt .code_txt__inner {
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .code_txt .code_txt__inner.dir-col {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

        .code_txt .code_txt__inner.dir-col input {
            width: 90%;
        }

.capLogin_content.modal-ver-code__content .modal-ver-code__first {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

    .capLogin_content.modal-ver-code__content .modal-ver-code__first .code_txt__inner {
        width: 90%;
    }

    .code_txt .code_txt__inner.dir-col label,
    .capLogin_content.modal-ver-code__content .modal-ver-code__first .modal-ver-code__resend {
        font-size: 14px;
    }

    .capLogin_content.modal-ver-code__content .modal-ver-code__first .code_txt__inner input {
        flex-grow: 2;
        margin-bottom: 0 !important;
    }

    .capLogin_content.modal-ver-code__content .modal-ver-code__first .code_txt__inner .code_txt__country {
        font-weight: bold;
    }

    .capLogin_content.modal-ver-code__content .modal-ver-code__first .modal-ver-code__error {
        width: 90%;
        height: auto;
        display: block;
    }

    .capLogin_content.modal-ver-code__content .modal-ver-code__first .modal-ver-code__resend a,
    .capLogin_content.modal-ver-code__content .modal-ver-code__title a {
        color: var(--btnBorderHover);
    }

    .capLogin_content.modal-ver-code__content .modal-ver-code__title a,
    .capLogin_content.modal-ver-code__content .modal-ver-code__first .modal-ver-code__resend a {
        text-decoration: underline;
    }

    .capLogin_content.modal-ver-code__content .modal-ver-code__first .modal-ver-code__resend a {
        pointer-events: none;
    }

        .capLogin_content.modal-ver-code__content .modal-ver-code__first .modal-ver-code__resend a.active {
            cursor: pointer;
            pointer-events: auto;
        }

.wrapp_capLogin .capLogin_content i.fa-times {
    padding: 2px;
    top: 15px;
    left: 15px;
    font-size: 11px;
    cursor: pointer;
    background-color: var(--primary_clr);
}

.wrapp_capLogin .capLogin_content i.fa-pencil {
    position: relative;
    top: auto;
    left: auto;
    background: none;
}

.electronic-groups .makken_content_article .responsiveTable_overx.responsiveTable_overxEnv .grid_newship.grid_resize tbody tr td div {
    width: 100% !important;
    max-width: 100% !important;
}

.st_timeIntervals .tab_bx .tab-content .tab-pane #dv_Home_Page .responsiveTable_overx.responsiveTable_overxEnv table tbody tr td div {
    white-space: pre-line !important;
}

.fol_attendant #fol_attendant_content_div #dv_grid .content-bx .responsiveTable_overx.responsiveTable_overxEnv table tbody tr td div {
    width: 100% !important;
}

.popup-transaction .popup_content.vis_overFlow.popup-transaction__content .treeView {
    max-height: 25rem;
}

.relt_pos_arc_treatment .btn_pos_arc_treatment {
    position: absolute;
    left: 0;
    bottom: 0px
}

#div_linkTreat div#div_linkTreat_dvCtzLinkBtn {
    padding-left: 85px;
}


#dv_judgement_grid .grid_newship {
    table-layout: fixed;
}

.db_vac_bx {
    width: 58% !important;
    display: inline-block;
}

    .db_vac_bx article .db_vac_info {
        width: 31.3%;
    }

    .db_vac_bx.db_vac_bx2 {
        width: 41% !important;
    }

.db_vac_bx2 article .db_vac_info {
    width: 47%;
}

.db_vac_bx2 article .vac_info1 {
    background: #31859B;
}

.db_vac_bx2 article .vac_info2 {
    background: #205867;
}

.db_vac_bx2 article .text {
    min-height: 10px;
}

    .db_vac_bx2 article .text span {
        color: #E9B35D;
        font-size: 13px;
        text-align: center;
    }

.view_attach {
    border: 2px solid gray !important;
    background: rgba(0, 0, 0, 0.1);
}

    .view_attach .lft {
        color: gray !important;
    }

    .view_attach .rgt i {
        background: gray !important;
    }

    .view_attach:hover {
        cursor: not-allowed;
    }

.attachShoh_ctl .attachLst_bx .atch_bx div {
    position: relative;
    width: 100%;
}

.att_bx.attachShoh_ctl .attachLst_bx .view_attach.atch_bx .rgt span i.fa-image {
    background: gray !important;
}

.attachShoh_ctl .attachLst_bx .atch_bx .lft .top-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.attachShoh_ctl .attachLst_bx .atch_bx div .top-container .data_classification {
    height: auto !important;
    padding-inline: 8px;
    padding-block: 2px;
    border-radius: 15px;
    background-color: #e5e5e5;
    font-size: 14px !important;
    white-space: nowrap;
}

.data_classification.high-secret {
    color: red;
}

.data_classification.restricted {
    color: #000;
}

.data_classification.secret {
    color: blue !important;
}

#tbl_citizen tr th {
    text-wrap: nowrap;
}

.smallTooltip p {
    max-width: 125px !important;
}

.db_vac_bx.w-100 {
    width: 100% !important;
}

.row-bx .content_box {
    min-height: 300px;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #CFCFCF;
    padding: 10px 15px 0 0;
}

.row-bx .div_items {
    min-height: 200px;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #CFCFCF;
    padding: 10px;
}

    .row-bx .div_items .item {
        background-color: #F4F7FA;
        border: 1px solid #DEDFE0;
        border-radius: 7px;
        width: 22%;
        margin: 3px;
        padding: 3px 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

@media (max-width: 768px) {
    .row-bx .div_items .item {
        width: 48%;
    }
}

@media (max-width: 576px) {
    .row-bx .div_items .item {
        width: 100%;
    }
}

.content_bx .tab_bx .nav-tabs li a {
    padding: 5px 9px !important;
}
/*flash animation*/
.dot {
    background-color: #ff2b2b;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    position: relative;
    top: -2px;
    left: -4px;
}

.dot-pulse {
    border-radius: 50%;
    margin: 0;
    background-color: #8e24aa;
    animation: pulse 1.5s 30;
}

@keyframes pulse {
    0% {
        opacity: .5;
        height: 7px;
        width: 7px;
        transition: opacity .5s linear;
    }

    50% {
        opacity: 0;
        transform: scale(3);
        transition: opacity .5s linear;
    }

    100% {
        opacity: 0;
        transition: opacity .5s ease;
    }
}

/*VerifyEmailAndPhone*/
.info-tooltip {
    position: relative;
    display: inline-block;
    color: var(--primary_clr);
}

.error.info-tooltip .info-icon {
    color: var(--primary_clr);
    cursor: pointer;
}

.success.info-tooltip .info-icon {
    color: var(--primary_clr);
    cursor: pointer;
}

.error.info-tooltip .info-icon i.error-icon {
    color: var(--primary_clr) !important;
    border: none !important;
}

.info-tooltip .info-icon:hover {
    cursor: pointer;
}

.info-tooltip .info-text {
    color: #fff;
    background: var(--primary_clr);
    font-size: 10px;
    border-radius: 5px;
    padding: 5px 8px;
    position: absolute;
    top: -47px;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: 99;
    width: max-content;
    display: none;
}

.info-tooltip.bottom .info-text {
    color: #fff;
    background: var(--primary_clr);
    font-size: 10px;
    border-radius: 5px;
    padding: 5px 8px;
    position: absolute;
    top: auto;
    bottom: -18px;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: 99;
    width: max-content;
    display: none;
}

    .info-tooltip.bottom .info-text::after {
        content: '';
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translate(-50%, 50%);
        width: 0px;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid transparent;
    }

.error.info-tooltip.bottom .info-text::after {
    border-bottom: 10px solid var(--primary_clr);
    border-top: 10px solid transparent;
}

.info-tooltip .info-text span {
    color: #fff !important;
}

.error.info-tooltip .info-text {
    background: var(--primary_clr);
}

.success.info-tooltip .info-text {
    background: var(--primary_clr);
}

.info-tooltip .info-text::after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 0px;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.info-tooltip .info-icon:hover + .info-text {
    display: block;
}

.info-tooltip .info-text::after {
    border-top: 10px solid var(--primary_clr);
}

.error.info-tooltip .info-text::after {
    border-top: 10px solid var(--primary_clr);
}

.success.info-tooltip .info-text::after {
    border-top: 10px solid var(--primary_clr);
}

.error.info-tooltip .success-icon {
    display: none;
}

.success.info-tooltip .error-icon {
    display: none;
}

#transactionJobs_RepPage #colsDropDown_transactionJobs_RepPage_ddlSelectButton,
#divEmpsForRepPage #colsDropDown_divEmpsForRepPage_ddlSelectButton {
    display: none;
}

#transactionJobs_RepPage .ddl_multiSelect .form-group .ddl_SearchBox .form-control[type="text"],
#divEmpsForRepPage .ddl_multiSelect .form-group .ddl_SearchBox .form-control[type="text"] {
    height: 26px !important;
}

.prs_transactions_jobs_edit_popup #ddl_editTypes.ddl_multiSelect .form-group.openUp {
    bottom: unset;
}

.dv_covrLet_bx .ddl_multiSelect_disabled {
    height: 26px;
}

div#dv_accessEmp.chk_switch_bx {
    position: absolute;
    bottom: 0;
    background: #eeeeee;
    width: 100%;
}

#div_AlternativeEmps .ddl_multiSelect .form-group ul {
    min-height: 50px;
    max-height: 140px;
}

.dvInboxInternalMemo .right_big_bx .content-bx .row-bx:nth-child(3) .fa-pencil.gradiant.disabled, .dvInboxCovLetter .right_big_bx .content-bx .row-bx:nth-child(3) .fa-pencil.gradiant.disabled {
    color: gray !important;
    background: unset !important;
}

    .dvInboxInternalMemo .right_big_bx .content-bx .row-bx:nth-child(3) .fa-pencil.gradiant.disabled:hover,
    .dvInboxCovLetter .right_big_bx .content-bx .row-bx:nth-child(3) .fa-pencil.gradiant.disabled:hover {
        border: 1px solid #c1c1c1 !important;
    }

.col-bx-20.btn_center .new-tooltip {
    width: unset;
}

    .col-bx-20.btn_center .new-tooltip .new-tooltiptext {
        right: -55px;
    }

.col-bx-20.btn_center.tableShow .new-tooltip .new-tooltiptext {
    right: -15px;
}

#dv_linkTreat > div.container_bx > div > div.content-bx > div.row-bx.col_size #dv_linkTreat_dvCtzLink .col-bx-3 {
    width: 102px !important;
}

#dv_linkTreat > div.container_bx > div > div.content-bx > .row-bx:nth-child(1) > div.col-bx-6:nth-child(2) {
    width: 204px !important;
}

#dv_linkTreat_dvCompLink > div.col-bx-12 {
    width: 460px !important;
}



#div_containerDetails #label label {
    padding: 0 4px;
    margin-left: 5px;
}

#cph_main_dv_refLetter #dv_letter.col-bx-1 {
    width: 20px;
}

/*div_alert*/
.div_alert {
    background: #FEF9F1;
    border: 1px solid #E99E2F;
    border-radius: 5px;
    text-align: center;
    padding: 8px 5px;
    color: #E99E2F;
    margin: 3px 0;
}

    .div_alert .icon-info {
        margin-inline-end: 5px;
        color: #E99E2F;
    }

    .div_alert .text {
        color: #E99E2F;
        font-size: 15px;
    }


#dv_LettersLangauge .doubleShow_switch .disabled {
    pointer-events: none !important;
}

    #dv_LettersLangauge .doubleShow_switch .disabled .slider {
        background-color: #ccc !important;
    }

        #dv_LettersLangauge .doubleShow_switch .disabled .slider:before {
            background-color: white !important;
        }


.letterTemp_pg .redText .span_error,
.genLetSetting_bx .redText .span_error {
    right: unset !important;
    left: 14px !important;
}


#divContainerAttChckAttContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    padding-inline: 0 2rem;
}

    #divContainerAttChckAttContainer .atch_bx {
        width: 100% !important;
    }

        #divContainerAttChckAttContainer .atch_bx input[type="checkbox"] {
            margin-left: 1rem;
        }

@media (min-width: 650px) and (max-width: 730px) {
    #divContainerAttChckAttContainer {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}

.prs_payroll .grid_newship #tbl_gridCalc .attachShoh_ctl .attachLst_bx {
    overflow: auto !important;
    scrollbar-width: thin;
}

.d-flex {
    display: flex;
    align-items: center;
}

#dv_digitalAuthOtpPopUp .popup-footer button {
    background: var(--favCtrlBg1) !important;
}

    #dv_digitalAuthOtpPopUp .popup-footer button[disabled="disabled"] {
        background: #888 !important;
        color: #fff !important;
    }

        #dv_digitalAuthOtpPopUp .popup-footer button[disabled="disabled"] i {
            color: #fff !important;
        }

#mobile_card_login {
    display: flex;
    min-height: 150px;
    justify-content: center;
    align-items: center;
    width: 90vw;
    height: 100vh;
    margin: 0 auto;
}

    #mobile_card_login .content {
        border-radius: 25px;
        background: white;
        text-align: right;
        width: 400px;
        min-height: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.5rem;
    }

        #mobile_card_login .content img {
            width: 15rem;
        }

@media(max-width:520px) {
    #mobile_card_login .content img {
        width: 10rem;
    }
}

#mobile_card_login .btn-hover {
    display: flex;
    align-items: center;
    font-size: clamp(0.9375rem, calc(0.2vw + 0.2rem), 1.75rem);
    color: #fff;
    height: 50px;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 10px;
    transition: all .4s ease-in-out;
    padding: .375rem .75rem;
    background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
    margin: 0 auto;
}

    #mobile_card_login .btn-hover:hover {
        background-position: 100% 0;
        transition: all .4s ease-in-out;
    }

.dv_outbox_treatment_details_pg .treatment_ctrl .status_img {
    float: unset !important;
    text-align: left;
}

.dv_outbox_treatment_details_pg .mgrid_empty_data_block {
    width: auto !important;
    min-width: 45% !important;
}

.fol_inbox #tblGrid thead th,
.fol_inboxSource #tblGrid thead th,
.fol_inboxDuration #tblGrid thead th {
    white-space: nowrap;
}

.popup-footer#dropListForward_footerDiv li button,
.popup-footer#dropListForward_footerDiv li button i {
    color: #fff !important;
}

.w-15px {
    width: 15px;
}

.Electronic_Committe .container_bx1 .content-bx .row-bx button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.custom_servicesTypes {
    display: inline-block;
}

.dynamicServiceFields {
    margin: 5px;
    padding: 5px;
    border: 1px solid #dadada;
}

#div_orderCommiteeAttribute #div_orderCommiteeAttribute_divContainer_1.col-bx-20 {
    width: 100% !important;
}

#tbl_CommiteeAttributesGrid {
    table-layout: fixed !important;
}

    #tbl_CommiteeAttributesGrid tbody tr td:nth-child(2) div {
        width: 95% !important;
    }

.dvInboxCommitteeReport .right_big_bx .row-bx:nth-child(1) .col-bx-2:nth-child(3) .lbl_txt {
    float: left;
}

.dvInboxCommitteeReport .left_smll_bx #cph_main_divUsingFormalPaper.col-bx-5 {
    padding: 5px 5px 10px;
}

.electronicCommittees_addView .container_bx:nth-child(5) .content-bx .attachLst_bx {
    width: 100%;
}

#div_master_controls .container_bx.container_bx4 .content-bx .row-bx #divContainerAttChck #divContainerAttChckAttContainer {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

#mobile_card_login {
    display: flex;
    min-height: 150px;
    justify-content: center;
    align-items: center;
    width: 90vw;
    height: 100vh;
    margin: 0 auto;
}

    #mobile_card_login .content {
        border-radius: 25px;
        background: white;
        text-align: right;
        width: 400px;
        min-height: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.5rem;
    }


        #mobile_card_login .content img {
            width: 15rem;
        }

@media(max-width:520px) {
    #mobile_card_login .content img {
        width: 10rem;
    }
}

#mobile_card_login .btn-hover {
    display: flex;
    align-items: center;
    font-size: clamp(0.9375rem, calc(0.2vw + 0.2rem), 1.75rem);
    color: #fff;
    height: 50px;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 10px;
    transition: all .4s ease-in-out;
    padding: .375rem .75rem;
    background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
    margin: 0 auto;
}

    #mobile_card_login .btn-hover:hover {
        background-position: 100% 0;
        transition: all .4s ease-in-out;
    }

.dvInboxCommitteeReport#dvInboxCommitteeReport {
    overflow-x: hidden;
}

.popup_content .grid_newship tbody tr td div {
    height: 22px !important;
}


.popup_content .grid_newship tbody tr td:has(button,input.gradiant,.butn_bx) {
    height: 30px !important;
}

    .popup_content .grid_newship tbody tr td:has(button,input.gradiant,.butn_bx) div {
        height: 30px !important;
    }

.dvInboxCommitteeReport .ddl_multiSelect .form-group.openUp {
    bottom: unset !important;
}

.Committee_Approval_Details .tab-content .att_bx {
    min-height: auto;
}

.et_post_report_pg .container_bx #cph_main_div_postReps .content-bx .row-bx .col-bx-9 #cph_main_divSpecialOffice #ddlSpecialOffice {
    max-width: inherit;
    margin-right: 15px !important;
}

.referrals-popup .popup-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .referrals-popup .popup-footer .validation-container .validation-content {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

        .referrals-popup .popup-footer .validation-container .validation-content .validation-icon {
            width: 15px;
            height: 15px;
            display: inline-flex;
        }

        .referrals-popup .popup-footer .validation-container .validation-content .validation-text {
            text-align: start;
            color: red;
            font-size: 0.95rem;
        }

.referrals-popup .expalin-content {
    padding-block: 15px;
    padding-inline: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    overflow: initial;
}

    .referrals-popup .expalin-content .lbl_txt .redText .span_error {
        right: auto;
        left: 100%;
    }

.referrals-popup .popup_content .grid_newship tbody tr:nth-child(n+2):not(:nth-last-child(-n+1)) td .expalin-content .ddl_multiSelect_dynamicCntrl .form-group.openUp {
    top: 25px !important;
}

.popup_content .grid_newship tbody tr td .ddl_multiSelect_dynamicCntrl .form-group div:nth-child(2) > ul > li > div {
    height: auto !important;
}

.popup_content .grid_newship tbody tr td .ddl_multiSelect_dynamicCntrl .form-group div:nth-child(2) > ul > li[data-type="child"] label {
    font-size: 15px !important;
}

.referrals-popup .popup_content .grid_newship tbody tr td .ddl_multiSelect_dynamicCntrl {
    height: 25px !important;
    overflow: revert !important;
}

.referrals-popup .popup_content .grid_newship tbody tr td div[empdata] {
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.referrals-popup .popup_content .grid_newship#tbl_divForwardPopUp_etEntryExternal tr td {
    overflow: revert;
}

.referrals-popup .popup_content .grid_newship {
    min-height: 30dvh;
}

.popup_content .grid_newship tbody tr td div.ddl_multiSelect .form-group {
    max-height: 180px !important;
    height: 180px !important;
}

    .popup_content .grid_newship tbody tr td div.ddl_multiSelect .form-group div:nth-child(2) {
        height: 180px !important;
    }

#tableContainer_GridPopup_div_master_controls {
    table-layout: fixed;
}

.st_prs_vac_OfficialHolidays_Main .content-bx .responsiveTable_overx.responsiveTable_overxEnv #tbl_Data > tbody > tr > td > div {
    width: 100% !important;
    text-align: center !important;
}

#tbl_arc tbody tr td:first-child div {
    padding-inline-start: 0.5rem;
}

.data-reception-service__content .container_bx .content-bx .col-bx-5 .ddl_multiSelect .form-group.openUp {
    top: 25px;
    bottom: auto;
}

.btn_morsel.btn-bx .gradiant {
    min-width: 100% !important;
    margin: 0;
}

    .btn_morsel.btn-bx .gradiant i {
        color: var(--btnClr) !important;
    }


#div_dynamicFields .row-bx .col-bx-4 {
    padding-inline-end: 0;
}

#div_dynamicFields .row-bx .col-bx-5 {
    padding-inline-start: 0;
    padding-inline-end: 0.4rem;
}

button.gradiant[disabled] {
    background: #e2e2e2 !important;
    border: 1px solid #c8c8c8 !important;
    pointer-events: none;
}

    button.gradiant[disabled] i {
        color: #7a7777 !important;
    }

button.gradiant i {
    color: var(--btnClr) !important;
}