.modal-icon-success {
    font-size: 30pt;
    display: block;
    text-align: center;
    color: darkgreen;
}
.dxpc-content
{


    padding-top:0 !important;
}
.dxgvControl_MaterialCompact .dxgvCommandColumn_MaterialCompact.dxgv.dx-ac {
    align-content: flex-start;
    padding-top: 15px;
}
.btnquicksave {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 85px;
    background:#fff;
}
.btnquicksavemc {
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 16px;
   
}
#topBar {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1000;
}
.modal-icon-failure {
    font-size: 30pt;
    display: block;
    text-align: center;
    color: darkred;
}

#footer #contactus {
    color: #505057;
    text-align: center;
    padding: 10px 0 5px;
}

#contactus > img {
    width: 20px !important;
    height: 20px !important;
}

#page_wrapper {
    width: 100%;
}

.dxeButtonEdit_Material {
    height: 38px !important;
}

.disabled {
    background: #00000066 !important;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 120px;
    white-space: nowrap;
}

.noclick, .noclick td, .noclick input {
    pointer-events: none;
    background-color: #d2d8e6 !important;
}

/*----------- Start scroll bar width -----------*/
/* width and height */
body ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
body ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px grey;
    border-radius: 10px;
}

/* Handle */
body ::-webkit-scrollbar-thumb {
    background: #a30234;
    border-radius: 10px;
}
    /* Handle on hover */
    body ::-webkit-scrollbar-thumb:hover {
        background: #710124;
    }
/*----------- End scroll bar width --------------*/

/*CSS to show number for Arabic lang selection*/
@font-face {
    font-family: 'ge-ss-two-light';
    src: url("../fonts/avenirltstd-light-webfont.eot");
    src: url("../fonts/avenirltstd-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/avenirltstd-light-webfont.woff2") format("woff2"), url("../fonts/avenirltstd-light-webfont.woff") format("woff"), url("../fonts/avenirltstd-light-webfont.ttf") format("truetype"), url("../fonts/avenirltstd-light-webfont.svg#webfontregular") format("svg");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0030-0039 !important;
}

@font-face {
    font-family: 'ge-ss-two-medium';
    src: url("../fonts/avenirltstd-roman-webfont.eot");
    src: url("../fonts/avenirltstd-roman-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/avenirltstd-roman-webfont.woff") format("woff"), url("../fonts/avenirltstd-roman-webfont.ttf") format("truetype"), url("../fonts/avenirltstd-roman-webfont.svg#webfontregular") format("svg");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0030-0039 !important;
}

@font-face {
    font-family: 'ge-ss-two-bold';
    src: url("../fonts/avenirltstd-heavy-webfont.eot");
    src: url("../fonts/avenirltstd-heavy-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/avenirltstd-heavy-webfont.woff") format("woff"), url("../fonts/avenirltstd-heavy-webfont.ttf") format("truetype"), url("../fonts/avenirltstd-heavy-webfont.svg#webfontregular") format("svg");
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0030-0039 !important;
}


/*Grid item count highlighting*/
.dxp-summary {
    font-weight: bold !important;
}

/*Devexpress grid filter text aling form arabic language.*/
html[lang='ar'] .dxeListBox_MaterialCompact td.dxeTR, html:lang(ar) .dxeListBox_MaterialCompact td.dxeTR {
    padding-right: 15px !important;
}



.dxgvControl_MaterialCompact, .dxgvDisabled_MaterialCompact {
    color: #6c757d !important;
}
/*badge class shoud show number for arabic language.*/
html[lang='ar'] .badge, html:lang(ar) .badge {
    font-weight: normal;
}

/*Fix grid paging position inside responsive table class*/
/*@media only screen and (max-width: 600px) {
    div[id$="_DXPagerBottom_PSP"] {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        float: right !important;
    }

    html[lang='ar'] div[id$="_DXPagerBottom_PSP"] {
        float: left !important;
    }
}*/


.select2-selection__rendered {
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    font: 1.1em "Lusail", "Calibri", sans-serif;
    color: #555;
    border: 1px #d2d8e6 solid;
    line-height: 1.42857;
    padding: 8px 10px;
    min-height: auto;
    min-width: auto;
    max-height: none;
    max-width: none;
    height: 38px;
    width: 100%;
}

.select2-container--default .select2-selection--single {
    border: none;
     
}
 


.maxWidth textarea {
    max-width: none;
}

.badge-circle {
    display: inline-block;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    padding: 0 6px;
    text-align: center;
    font-size: 12px;
    background-color: red;
    color: white;
    box-sizing: border-box;
}
li > a:has(.badge-circle) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*.panel > .panel-heading {
    color: #6c757d;
    background-color: #f7f9fc;
    border-color: #dee6ed;
}
.panel, .panel-info {
    border-color: #dee6ed;
}*/

#grid_DXMainTable > tbody tr:first-child .dxICheckBox_MaterialCompact.dxichSys.dx-not-acc, #grid_DXMainTable > tbody tr:first-child .dxICheckBox_MaterialCompact.dxichSys.dx-not-acc.dxRippleTargetExternal {
    filter: brightness(0) invert(1);
}

.btn-all {
    background: #374151;
    color:#fff;
}

    .btn-all:hover {
        background: #5A626F; color:#fff;
    }


.btn-Primary-Decision {
    background: #7B3A6D;
    color: #fff;
}

    .btn-Primary-Decision:hover {
        background: #905C85;
        color: #fff;
    }

.btn-No-Status {
    background: #7A828C;
    color: #fff;
}

    .btn-No-Status:hover {
        background: #90969E;
        color: #fff;
    }


.btn-Second-Opinion {
    background: #6B5FD6;
    color: #fff;
}

    .btn-Second-Opinion:hover {
        background: #847AD9;
        color: #fff;
    }
.btn-Approved {
    background: #2C8A6E;
    color: #fff;
}

    .btn-Approved:hover {
        background: #519C86;
        color: #fff;
    }
.btn-Not-Approved {
    background: #D14B4B;
    color: #fff;
}

    .btn-Not-Approved:hover {
        background: #D56A6A;
        color: #fff;
    }
.btn-Conditional-Approval {
    background: #D7862B;
    color: #fff;
}

    .btn-Conditional-Approval:hover {
        background: #DA9950;
        color: #fff;
    }

.btn-Postponed {
    background: #D3A21A;
    color: #fff;
}

    .btn-Postponed:hover {
        background: #D7B043;
        color: #fff;
    }

.btn-DNA {
    background: #4F6B8A;
    color: #fff;
}

    .btn-DNA:hover {
        background: #6D849C;
        color: #fff;
    }


    .btn-active {
        border:1px solid #000;
    }

.btn-New {
    background: #7B3A6D;
    color: #fff;
}

    .btn-New:hover {
        background: #905C85;
        color: #fff;
    }

.btn-UAR {
    background: #7A828C;
    color: #fff;
}

    .btn-UAR :hover {
        background: #90969E;
        color: #fff;
    }

.btn-Appeals {
    background: #6B5FD6;
    color: #fff;
}

    .btn-Appeals:hover {
        background: #847AD9;
        color: #fff;
    }

.btn-SentBack {
    background: #D7862B;
    color: #fff;
}

    .btn-SentBack:hover {
        background: #DA9950;
        color: #fff;
    }

.btn-Refferal {
    background: #374151;
    color: #fff;
}

    .btn-Refferal:hover {
        background: #5A626F;
        color: #fff;
    }

/* Grid veiew  pagination */
#grid_DXPagerTop, #grid_DXPagerBottom {
    display: flex !important;
}

    #grid_DXPagerTop .dxp-lead.dxp-summary, #grid_DXPagerBottom .dxp-lead.dxp-summary {
        order: 2
    }

    #grid_DXPagerTop .dxp-right, #grid_DXPagerBottom .dxp-right {
        order: 1;
        margin: 0 auto !important;
    }

/* Add new - Grid Button */

#gvRequestType1_DXCBtn0 {
    color: #8A1538 !important;
    margin: 0 5px 5px 0;
    padding: 6px 20px 6px 25px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid transparent;
    font-size: 12px;
    line-height: 1.42857;
    /*height: 38px;*/
    text-decoration: none;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff url(../Content/images/icon_add.svg) no-repeat;
    background-size: 16px;
    background-position-y: center;
    background-position-x: 5px;
}

html[lang='ar'] #gvRequestType1_DXCBtn0, html:lang(ar) #gvRequestType1_DXCBtn0 {
    padding: 6px 25px 6px 20px;
    background-position-x: 90%;
}