body {
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif !important;
    overflow-x: auto;
}
* {
    font-family: 'Poppins', sans-serif !important;
}
.imageLogoElAraby {
    display: block !important;
    height: auto;
    width: 140px;
    padding: 0 30px;
}


.TitleServicesSMS {
    text-align: right;
    font-weight: 500;
    font-size: 25px;
    font-family: Arial;
    color: #fff;
    padding: 0 30px;
}



.TopHeaderLinks{

}
    .TopHeaderLinks span {
    }
    .TopHeaderLinks a {
        text-decoration: none;
        border-right: 1px solid rgb(255 255 255 / 41%);
        padding: 0 15px;
        margin: 0;
    }

        .TopHeaderLinks a:last-child {
            border-right: 0;
        }

#ASPxRoundPanel1{
    padding:0 15px;
}

#ASPxRoundPanel3{
    padding:0 15px;
    margin-bottom:15px;
}

#ASPxRoundPanel2 {
    padding: 0 15px;
    margin-bottom: 15px;
}

#ASPxRoundPanel3_RPC{
  
}

.SubTitle {
    font-size: 18px;
    margin: 0;
    font-weight: 400;
    color: #004b9f;
}

p{
    margin:0 !important;
}
.WelcomText{

}
#ASPxRoundPanel2_RPC div {
/*    background: #fff0 !important;*/
/*
    border-radius: 5px;
    font-size: 14px !important;
    line-height: 15px;
*/
}


#ASPxRoundPanel2_cpBody_SummaryPnl_RPC td {
    font-size: 13px;
}
#ASPxRoundPanel2_cpBody_SummaryPnl_RPC td .dxeBase {
    font-size: 13px;
}

.dxrpHeader{

}
    .dxrpHeader .dxrp {
        font-size: 15px !important;
    }
#RootNodeSiteMapPath{
    padding:0 15px;
}
#RootNodeSiteMapPath span a {
    color: #0057b7 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}
#RootNodeSiteMapPath span {
    color: #212121 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}
#RootNodeSiteMapPath span:nth-child(3){
    display:none;
}

#ASPxRoundPanel1_ASPxSiteMapControl1 tbody{

}
#ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr {
}

    #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td {
        background: #f7f7f7;
        padding: 0 !important;
    }

    #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table{
    }
        #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody {
        }
        #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody tr {
        }
            #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody tr td {
            }
            #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody .dxsmLevel0 {
                display: none;
            }
            #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody .dxsmLevel0 span {
            }
            #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody .dxsmLevel1 {
            }
                #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody .dxsmLevel1 ul {
                    margin: 0 !important;
                    padding: 0;
                }
                #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody .dxsmLevel1 ul li {
                    list-style:none
                }
                #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody .dxsmLevel1 ul li::marker {
                }
                    #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody .dxsmLevel1 ul li span {
                        display: block;
                        background: #004b9f;
                        height: 40px;
                        line-height: 40px;
                        padding: 0 15px;
                        color: #fff;
                        font-size: 15px;
                        font-weight: 400 !important;
                    }
            #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody .dxsmLevel2 {
                display: block;
                height: 30px;
                line-height: 30px;
                margin-left: -20px;
                padding: 0 15px;
                padding-left: 0;
                background: #f5f9f9;
                color: #212121 !important;
            }
                #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody .dxsmLevel2 a {
                    display: block;
                    color: #212121 !important;
                    font-size: 13px;
                    font-weight: 400 !important;
                    transition:all .4s ease-in-out;
                }
                    #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody .dxsmLevel2 a:hover {
                        color: #004b9f !important;
                    }
            #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody .dxsmLevel2 {
                background: #f7f7f7;
            }
                        #ASPxRoundPanel1_ASPxSiteMapControl1 tbody tr td table tbody .dxsmLevel2 span {
                            display: block;
                            color: #004b9f !important;
                            font-size: 13px;
                            font-weight: 400 !important;
                            transition: all .4s ease-in-out;
                        }

                        .dxsmControl {
                            border: Solid 0px #A8A8A8;
                        }


#ASPxRoundPanel2_RPC br:last-child{
    display:none
}
#ASPxRoundPanel2_RPC br:nth-last-child(n-1) {
    display: none
}
#ASPxRoundPanel2_RPC .Text {
    padding: 15px 10px;
    border-radius: 5px;
    margin-bottom: 15px !important;
    background: #fff;
    font-size: 13px;
}

.dxbButton {
    display: block;
    width: max-content !important;
    padding: 0 25px !important;
    height: 35px !important;
    line-height: 35px !important;
    background: #004b9f;
    border: 1px solid #004b9f;
    margin-top: 15px;
    color: #fff;
    transition:all .4s ease-in-out;
}
    .dxbButton div.dxb {
        border: 0px;
        display: block;
        width: 100%;
        height: 35px;
        padding: 0;
        line-height: 35px;
        transition: all .4s ease-in-out;
    }
        .dxbButton div.dxb span {
            border: 0px;
            display: block;
            width: 100%;
            height: 35px;
            padding: 0;
            line-height: 35px;
            transition: all .4s ease-in-out;
        }
.dxbButtonHover {
    color: #fff !important;
    transform: translateY(-5px);
}
    .dxbButtonHover div.dxb {
        color: #fff !important;
    }
.dxbButtonHover span{
    color: #fff !important;
}
.dxeButtonEdit .dxeEditArea, .dxeButtonEdit td.dxic {
    width: 100%;
    height: 30px;
    width: 100% !important;
    display: block;
    margin: 0 !important;
    padding: 0 4px !important;
    outline: 0;
}
.dxeEditArea {
    width: 100%;
    height: 30px;
    width: 100% !important;
    display: block;
    margin: 0 !important;
    padding: 0 4px !important;
    outline: 0;
}
.dxeListBoxItem {
    border-left: solid 1px white;
    border-right: solid 1px white;
    font-family: Tahoma;
    font-size: 14px;
    padding: 5px 5px 5px 5px;
    white-space: nowrap;
    text-align: left;
    cursor: default;
    color: Black;
    font-weight: normal;
}
.dxeBase {
    font-size: 13px;
}
.dxeBase {
    font-family: Tahoma;
    font-size: 13px !important;
}
.dxeMemoEditArea{
    outline:0;
}
#ASPxRoundPanel2_cpBody_LblConfirm {
    display: inline-block;
    color: Red;
    width: max-content;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
}
.dxrpControl{
    margin-bottom:15px;
}
.LoginPageTitle {
    text-align: center;
    font-size: 35px !important;
    font-weight: 500 !important;
    margin-top: -45px;
    color: #0057b7 !important;
}
#ASPxRoundPanel2_Label2 {
    line-height: 35px;
    font-size: 15px;
    width: 120px !important;
}
#ASPxRoundPanel2_Label3 {
    line-height: 35px;
    font-size: 15px;
    width: 120px !important;
}
#ASPxRoundPanel2_TxtUserName {
    height: 30px;
    margin-bottom: 15px;
    display: block;
    border-radius: 0;
    border: 1px solid #aaa;
    width: 200px !important;
}
#ASPxRoundPanel2_TxtPassword {
    height: 30px;
    margin-bottom: 0px;
    display: block;
    border-radius: 0;
    border: 1px solid #aaa;
    width: 200px !important;
}
#ASPxRoundPanel2_Btn_Login {
    display: block;
    width: 105% !important;
    padding: 0 25px !important;
    height: 40px !important;
    line-height: 40px !important;
    background: #004b9f;
    border: 1px solid #004b9f;
    margin-top: 5px;
    color: #fff;
    transition: all .4s ease-in-out;
    cursor: pointer;
}

.CopyRights {
    background: #004b9f !important;
    font-size: 15px !important;
    padding: 10px;
    color: #fff;
}
.CopyRights a{
    color: #ffffff;
    text-decoration: none;
}
    .CopyRights span {
        display: inline-block;
        color: #fff !important;
        font-family: Arial;
        font-size: 15px !important;
        font-weight: normal;
        width: 100% !important;
        padding: 15px 0;
    }

.dxgvTitlePanel {
font-size: 14px;
    font-weight: normal;
    padding: 8px 3px 8px 3px;
    text-align: center;
    background-color: #014086;
    color: White !important;
    border-bottom: Solid 1px #c1c1c1;
}
#ASPxRoundPanel2_cpBody_GrdGroups_tccell0_5 {

}
    #ASPxRoundPanel2_cpBody_GrdGroups_tccell0_5 a {
        color: #ffffff !important;
        text-decoration: none;
        background: #004b9f;
        padding: 5px;
        display: inline-block;
        text-align: center;
        /* width: 100%; */
        margin: auto;
    }
.dxgvControl a {
    color: #ffffff !important;
    text-decoration: none;
    background: #004b9f;
    padding: 5px;
    display: inline-block;
    text-align: center;
    /* width: 100%; */
    margin: auto;
}
.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv {
    overflow: hidden;
    border-bottom: Solid 1px #CFCFCF;
    border-right: Solid 1px #CFCFCF;
    border-top: 0;
    border-left: 0;
    padding: 10px 6px 10px 6px;
    text-align: start;
}
.dxgvHeader {
    cursor: pointer;
    white-space: nowrap;
    padding: 4px 6px 5px 6px;
    border: Solid 1px #9F9F9F;
    background-color: #f5f9f9;
    overflow: hidden;
    -moz-user-select: none;
}
.dxgvFilterRow {
    background-color: #f5f9f9;
}
.dxgvFocusedRow {
    background-color: #b8daff;
    color: #0d0d0d;
}
    .dxgvSelectedRow .dxgvCommandColumn a, .dxgvFocusedRow .dxgvCommandColumn a {
        color: White;
        background: #004b9f;
        padding: 5px;
        text-decoration: none;
        font-weight: 400;
    }
.dxgvCommandColumn a {
    margin: 0px 3px 0px 0px;
    color: White;
    background: #004b9f;
    padding: 5px;
    text-decoration: none;
    font-weight: 400;
}
    .dxgvCommandColumn a:hover{
        color:#fff;
    }
    .dxgvCommandColumn .dxgvCommandColumnItem:nth-child(2) {
        background: #90afd1;
    }

#ASPxRoundPanel2_cpBody_GrdGroups_DXPEForm_PW-1 {
    border-collapse: separate;
    position: absolute;
    left: 524px;
    top: 100%;
    z-index: 12000;
}

#ASPxRoundPanel2_cpBody_PopUpPages_PW-1 {
    top: 50% !important;
}
.dxgvSelectedRow {
    background-color: #b8daff;
    color: #212121;
}
.dxbButton {
    color: #fff !important;
    border: solid 0px #7F7F7F !important;
    background: #004b9f !important;
    padding: 0 15px !important;
    padding-right: 15px !important;
    line-height: 28px !important;
    height: 37px !important;
}

#ASPxRoundPanel2_cpBody_GrdLogins_DXPEForm_PW-1 {
    top: 80% !important;
}
.dxpPageNumber {
    font: 9pt Tahoma;
    color: #212121;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    width: 25px;
    height: 20px;
    background: #b8daff;
}
.dxpCurrentPageNumber {
    font: 9pt Tahoma;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
    background: #004b9f;
}

.dxgvFooter {
    background-color: #f5f9f9 !important;
    white-space: nowrap;
}
    .dxgvFooter td.dxgv {
        padding: 10px !important;
        border-bottom: Solid 0px #BCBCBC;
        border-right: 0;
        color: #212121;
        font-weight: 500 !important;
    }

.LoginPageContenttt{
    
}

.LoginPageContenttt #ASPxRoundPanel2_RPC{
background-color: #F7F7F7;
    vertical-align: Top;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #f1f1f1 !important;
    display: block;
    width: 260px!important;
    margin: auto;
    padding: 50px !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 10px #ddd;
    padding-bottom: 0 !important;
    margin-top: -35px;
    margin-bottom: 25px;
    border-radius: 5px;
}

.LoginPageContenttt #ASPxRoundPanel2_Label2 {
    line-height: 35px;
    font-size: 15px;
    width: 100% !important;
    text-align: start;
        line-height: 25px;
    display: block;
}
.LoginPageContenttt #ASPxRoundPanel2_TxtUserName {
    height: 30px;
    margin-bottom: 0;
    display: block;
    border-radius: 0;
    border: 1px solid #aaa;
    width: 100% !important;
    padding: 0 5px !important;
    outline: 0;
        height: 35px;
}


.LoginPageContenttt #ASPxRoundPanel2_Label3{
        line-height: 35px;
    font-size: 15px;
    width: 100% !important;
    text-align: start;
    display: block;
        line-height: 25px;
}
.LoginPageContenttt #ASPxRoundPanel2_TxtPassword{
        height: 30px;
    margin-bottom: 0;
    display: block;
    border-radius: 0;
    border: 1px solid #aaa;
    width: 100% !important;
    padding: 0 5px !important;
    outline: 0;
        height: 35px;
}

.LoginPageContenttt #ASPxRoundPanel2_lblErr{
    display: block;
    color: Red;
    font-size: 14px !important;
    font-weight: 400 !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

.HomePage{
    border-radius: 5px;
    overflow: hidden;
}
.HomePage tbody tr td{
background: #fff !important;
}

.HomePage tbody tr:nth-child(1) td{
background: #004b9f !important;
    border: 0 !important;
}
.HomePage tbody tr:nth-child(2) td{
background: #004b9f !important;
    border: 0 !important;
}
.HomePage tbody tr:nth-child(1) td img{
opacity: 0;
    
}
.HomePage tbody tr td #ASPxRoundPanel2_cpBody_SummaryPnl_RPHT{
    color: #fff;
}

.HomePage .HomePageContent{
    
}
.HomePage .HomePageContent .HomeContentItem{
    
}
.HomePage .HomePageContent .HomeContentItem p{
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #eee;
    background: #fff;
}
.HomePage .HomePageContent .HomeContentItem p span{
        display: inline-block;
    height: 35px;
    background: #f5f9f9;
    width: 200px;
    padding: 0 15px;
    margin-right: 15px;
        font-size: 14px;
}
/************************/

/*
.TotalReportsPage{
    border-radius: 5px;
    overflow: hidden;
}
.TotalReportsPage tbody tr td{
background: #fff !important;
}

.TotalReportsPage tbody tr:nth-child(1) td{
background: #004b9f !important;
    border: 0 !important;
}
.TotalReportsPage tbody tr:nth-child(2) td{
background: #004b9f !important;
    border: 0 !important;
}
.TotalReportsPage tbody tr:nth-child(1) td img{
opacity: 0;
    
}
.TotalReportsPage tbody tr td #ASPxRoundPanel2_cpBody_ASPxRoundPanel4_RPHT{
    color: #fff;
}

.TotalReportsPage .HomePageContent{
    
}
.TotalReportsPage .HomePageContent .HomeContentItem{
    
}
.TotalReportsPage .HomePageContent .HomeContentItem p{
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #eee;
    background: #fff;
}
.TotalReportsPage .HomePageContent .HomeContentItem p span{
        display: inline-block;
    height: 35px;
    background: #f5f9f9;
    width: 200px;
    padding: 0 15px;
    margin-right: 15px;
        font-size: 14px;
}

.TotalReportsPage .style1{
    
}
.TotalReportsPage .style1 tr{
    background: #fff;
}
.TotalReportsPage .style1 tr td{
    background: #fff;
}
.TotalReportsPage .style1 tr:nth-child(1) td {
    background: #fff !important;
}
.TotalReportsPage .style1 tr:nth-child(2) td {
    background: #fff !important;
}
.TotalReportsPage #ASPxRoundPanel2_cpBody_ASPxRoundPanel4_btngenerate_B{
    
}
.TotalReportsPage #ASPxRoundPanel2_cpBody_ASPxRoundPanel4_btngenerate_CD{
        background: #004b9f !important;
    border-radius: 0;
    font-size: 14px !important;
    line-height: 15px;
    padding: 0 15px;
}
*/




.BoxTableContent{
    background: #fff;
    border: 1px solid #eee;
        border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}
.BoxTableContent .BoxInpiutss{
        padding: 15px
}
.BoxTableContent .BoxInpiutss .InputItem{
display: inline-block;
    width: calc((100% / 3) - 3px);
    margin: auto;
    margin-bottom: 0px;
}
.BoxTableContent .BoxInpiutss .InputItem .InputLable{
    height: 25px;
    line-height: 25px !important;
}
.BoxTableContent .BoxInpiutss .InputItem .InputLable p{
    
}

.BoxTableContent .BoxInpiutss .InputItem .InputInput{
    
}

.dxeButtonEdit {
    background-color: white;
    border: solid 1px #9F9F9F;
    width: 100% !important;
}
.dxeButtonEditButton, .dxeSpinIncButton, .dxeSpinDecButton, .dxeSpinLargeIncButton, .dxeSpinLargeDecButton {
    padding: 0px 2px 0px 3px;
    background-image: url(WebResource.axd?d=u3N7AyzyA-FVE3zkY1KQja0IzgtzCPr-Alzlu-TczJTtS2G5OTJvNmQoJCrdkY2E_fSaFdWVuUXxheXF-pBffjzxUIbfCUXTxwsqVA3o1wUtEAhuxuq4YCRbLXQthfAMnRoe4Dq7feJnopNQEv0esTJ9dSCTSTK_vKOGmRpovMQgnRjpNzuTlai98Pr6f0Js0&t=638258399394134723);
    background-repeat: repeat-x;
    background-color: #e6e6e6;
    width: 30px;
    text-align: center;
}
.dxeButtonEditButton table.dxbebt, .dxeSpinIncButton table.dxbebt, .dxeSpinDecButton table.dxbebt, .dxeSpinLargeIncButton table.dxbebt, .dxeSpinLargeDecButton table.dxbebt {
    width: 100%;
}

.BoxTableContent .BoxButton{
    
}


.BoxTableContent .HeaderBoxTitle{
    
}

.BoxTableContent .HeaderBoxTitle h2{
    border-radius: 0;
    font-size: 14px !important;
    line-height: 15px;
    margin: 0;
    height: 40px;
    background: #004b9f;
    line-height: 40px;
    padding: 0 15px;
    color: #fff;
    font-weight: 500;
}



/*#ASPxRoundPanel2_cpBody_resultCallbkPnl_resultsgv_DXHeadersRow*/
.dxgvHeader {
    cursor: pointer !important;
    white-space: nowrap !important;
    padding: 10px 10px 10px 10px !important;

    background-color: #004b9f !important;
    overflow: hidden !important;
    -moz-user-select: none !important;
}

.dxgvHeader, .dxgvHeader table {
    color: white !important;
    font: 13px Tahoma !important;
}


.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv {
    padding: 10px !important;
}


.TableResponsive{
        display: block;
    width: 100%;
    overflow-x: auto;
}


/*
#ASPxRoundPanel2_cpBody_resultCallbkPnl_resultsgv_DXMainTable{
            display: block;
    width: 100%;
    overflow-x: auto;
}
*/



.dxeControlsCell{
    width: 100%;
}
#ASPxRoundPanel2_cpBody_pnlSetMaxLength_memoSMSText{
    width: 100% !important
}

#ASPxRoundPanel2_cpBody_txtMob_EC{
    display: none;
}