/*-- ستايل شيت يستخدم لتطبيق سبيشال ستايل على بعض الكنترولز واليوزركنترولز (اليوزركنترولز العامة والخاصة .. العامة مثل داتتايم أو خاصة مثل منتجفيو) في البروجيكت الحالي --*/
/*--====================================================--*/

:root
{
    /*درجات اللون البيسك المستخدم في الموقع ويجب تعريفها لأنها غير معرفة في الجنرال*/
    /*--MyBasicWebColor1:#277AB5;
    --MyBasicWebColor2:#2B88C6;
    --MyBasicWebColor3:#4F9DD1;
    --MyBasicWebColor4:#72B1D8;
    --MyBasicWebColor5:#DAE5ED;*/

    --MyBasicWebColor1:#1F242D;
    --MyBasicWebColor2:#252B36;
    --MyBasicWebColor3:#3B414B;
    --MyBasicWebColor4:#6E767F;
    --MyBasicWebColor5:#E2E2E2;
    /*--*/
    --MyFontFamily:RBregular;
}


body
{
    background-color:#EAEAEA;
}


.MyFxdPnlSmpl1
{
    max-width:420px;
    max-height:600px;
}


.grdSrchCl,    .grdSrchClID
{
    line-height:17px;
    padding-top:13px;
    padding-bottom:13px;
    white-space:nowrap;
    overflow-x:hidden;
    overflow-y:hidden; /*نحتاجها مع فايرفوكس الغبي انظر تنسيق التيبل في الجنرال سي إس إس*/
}

.grdSrchCl * /*عشان لو جواها إليمينت فونت مثلا ما يطبقش اللي في * في الجنرال سي إس إس*/
{
    line-height:17px;
}

.grdSrchClID{color:#A5A5A5;}

@media (max-width:999px)
{
    .grdSrchClHdMb{display:none;}
}

@media (min-width:1000px)
{
    .grdSrchClID{width:60px;}

    .grdSrchClHdPC{display:none;}

    .grdSrchClEdt{width:43px;}
    .MyLoadMore_Row [EditImg]{width:30px;}
}
@media (max-width:999px)
{
    .grdSrchClID{width:40px;}

    .grdSrchClEdt{width:33px;}
    .MyLoadMore_Row [EditImg]{width:27px;}
}

.grdSrchClChkd
{
    background-image:url(Images/Checked.png); background-size:cover;
    width:16px; height:16px;
    margin:auto;
}
.grdSrchClUnChkd
{
    background-image:url(Images/UnChecked.png); background-size:cover;
    width:16px; height:16px;
    margin:auto;
}
.grdSrchClChkd2
{
    background-image:url(Images/Checked2.png); background-size:cover;
    width:16px; height:16px;
    margin:auto;
}
.grdSrchClUnChkd2
{
    background-image:url(Images/UnChecked.png); background-size:cover;
    width:16px; height:16px;
    margin:auto;
}


.PanelWithWasf1
{
    position:relative;
    background-color:white;
    border:solid 1px #D1D1D1;
    border-radius:3px;
    padding-left:1px; padding-right:1px;
}
.PanelWithWasf2
{
    position:relative;
    /*background-color:white;*/
}
.lblWasfPanel
{
    position:absolute;
	top:-18px;
    background-color:#EAEAEA;
    padding-left:6px; padding-right:6px;
    font-size:14px;
	font-weight:bold;
	color:var(--MyBasicWebColor2);
	white-space:nowrap;
}
.MyButton1,   .MyButton2
{
    display:inline-block;
    border-radius:5px;
    padding-left:7px; padding-right:7px;
    cursor:pointer;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    white-space:nowrap;
    min-width:50px;
}
.MyButton1
{
    background-color:var(--MyBasicWebColor2);
    box-shadow:0px 0px 1px 0px gray;
    color:var(--MyBasicWebColor5);
    padding-top:5px; padding-bottom:5px;
}
.MyButton2
{
    background-color:#F2F2F2;
    box-shadow:0px 0px 1px 0px silver;
    border:solid 1px gray;
    color:#999999;
    padding-top:4px; padding-bottom:4px;
}
.MyButton1:hover
{
    background-color:var(--MyBasicWebColor1);
    color:white;
}
.MyButton2:hover
{
    background-color:#EAEAEA;
    color:#545454;
}
.MyButton1:active,   .MyButton2:active,   .MyDeletBtn1,   .MyDeletBtn2
{
    filter:brightness(92%);
}


.MyDeletBtn1,   .MyDeletBtn2
{
    display:inline-block;
    background-repeat:no-repeat;
    padding:5px;
    font-size:13.6px;
    text-decoration:underline;
    text-align:center;
    white-space:nowrap;
    cursor:pointer;
    color:#CC0000;
}

.MyDeletBtn1
{
    background-image:url(Images/Delet1.png);
    background-position:5px center;
    background-size:auto 14px;
    padding-left:19px;
}
.MyDeletBtn1:hover
{
    background-image:url(Images/Delet1Red.png);
    font-weight:bold;
    color:red;
}

.MyDeletBtn2
{
    background-image:url(Images/Delet2.png);
    background-position:5px center;
    padding-left:16px;
}
.MyDeletBtn2:hover
{
    background-image:url(Images/Delet2Red.png);
    font-weight:bold;
    color:red;
}

.MyDeletBtn1:active,   .MyDeletBtn2:active
{
    filter:brightness(92%);
}

/*كنترولز السيرش*/
.grdSrchCntrFltrs
{
    background-color:#FAFAFA;
    border:solid 1px var(--MyBasicWebColor5);
    border-radius:5px;
    box-shadow:0px 0px 2px 0px silver;
    padding:5px; padding-top:3px; padding-bottom:7px;
    margin-bottom:20px;
}
.grdSrchFltr
{
    vertical-align:middle;
    margin-top:2px;
}
.grdSrchDsrp
{
    display:inline-block;
    color:gray;
}
.grdSrchOpenAdd
{
    margin-bottom:7px;
}

@media (min-width:768px)
{
    .grdSrchFltr
    {
        display:inline-block;
    }
    .grdSrchDsrp
    {
        font-size:13.6px;
    }
    .MyInptSrch
    {
        width:155px;
    }
    .MyInptSrch[id$=SortBy]
    {
        width:92px;
    }
    .MyInptSrch[id$=AscOrDesk]
    {
        width:59px;
    }
}
@media (max-width:767px)
{
    .grdSrchDsrp
    {
        font-size:13px;
        width:90px;
    }
    .MyInptSrch
    {
        width:calc(100% - 95px);
    }
    .MyInptSrch[id$=SortBy]
    {
        width:calc(75% - 95px);
    }
    .MyInptSrch[id$=AscOrDesk]
    {
        width:calc(25% - 4px);
    }
}


.MyTabPanel_ActiveItem
{
    background-color:#596782;
}


.MyTbPnl2.MyTabPanel
{
    background-color:#FAFAFA;
    border:solid 1px #E5E5E5;
    box-shadow:0px 0px 0px 0px gray;
}
.MyTbPnl2 [OpenSelectors]
{
    padding-top:7px; padding-bottom:7px;
    color:#D1D1D1;
}
.MyTbPnl2 [OpenSelectors]:hover
{
    background-color:var(--MyBasicWebColor5);
    color:black;
}
.MyTbPnl2 .MyTabPanel_ActiveItem
{
    background-color:#EFEFEF;
    color:var(--MyBasicWebColor2);
}
.MyTbPnl2 .MyTabPanel_Indicator
{
    background-color:var(--MyBasicWebColor2);
    height:3px;
}

.fxplAdOrUpdItm
{
    margin-top:8px;
}
.fxplAdOrUpdDsrp
{
    display:inline-block;
    width:130px;
    padding-top:5px;
    vertical-align:top;
    white-space:nowrap;
    font-size:13.6px;
    line-height:15px;
    color:gray;
}


.SmallButton1
{
    display:inline-block;
    font-size:13px;
    line-height:14px;
    font-weight:bold;
    color:var(--MyBasicWebColor2);
    cursor:pointer;
    padding:5px;
    padding-top:3px;
    background-color:#F2F2F2;
    box-shadow:0px 0px 3px 0px gray;
    border-radius:5px;
    margin-left:5px;
}
.SmallButton1:hover
{
    background-color:#EAEAEA;
}

.MyFxdPnl_Ftr
{
    direction:rtl;
}

.RqwrInpt
{
    font-size:15px;
    color:red;
}

textarea[cscls=txt]
{
    min-width:200px;
    max-width:200px;
    min-height:65px;
    max-height:200px;
}

input[disabled=disabled]
{
    color:gray;
}




.AddProlificToBskt {  letter-spacing:1.1px; padding-top:8px; font-size:19px; text-align:center; background-color:#924660; border-radius:5px; cursor:pointer; height:35px; box-sizing:border-box; font-weight:bold; color:white; user-select:none; overflow:hidden; transition:all 350ms; }
.AddProlificToBskt:active { filter:brightness(92%); }
@media (min-width:768px)
{
    .AddProlificToBskt:hover { background-color:#AD1334; }
}
@media (max-width:767px)
{
    .AddProlificToBskt:active { background-color:#AD1334; }
}


.btnRegisterNow { min-width:190px; font-size:18px; text-align:center; background-color:#42B72A; border-radius:5px; cursor:pointer; height:45px; padding-top:16px; box-sizing:border-box; font-weight:bold; color:white; user-select:none; overflow:hidden; white-space:nowrap; transition:all 350ms; }
.btnRegisterNow:active { filter:brightness(92%); }
@media (min-width:768px)
{
    .btnRegisterNow:hover { background-color:#379823; }
}
@media (max-width:767px)
{
    .btnRegisterNow:active { background-color:#379823; }
}


.grdOpenAddBtnst19{background-color:#652C7F; padding-top:7px; padding-bottom:7px;}
.grdOpenAddBtnst19:hover{background-color:#652C7F;}
.grdOpenAddBtnst19:hover .addnewobj76{content:url("Images/addnewobj5w.png");}

.addnewobj76 {content:url("Images/addnewobj5g.png"); width:14px; margin-bottom:-3px;}




/*-----------------------*/


@media (min-width:768px)
{
    #atgwtspcnttc095 {bottom:35px;}
    #dvmnstrtwtsapchattt {bottom:90px; right:20px; width:330px; border-radius:5px;}
}
@media (max-width:767px)
{
    #atgwtspcnttc095 {bottom:62px;}
    #dvmnstrtwtsapchattt {bottom:0px; right:0px; width:100%;}
}




/*css txtUserName_Sgn's placeholder*/
.txtUserName_Sgn::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size:11.5px;
}
.txtUserName_Sgn:-moz-placeholder { /* Mozilla Firefox 18- */
    font-size:11.5px;
}
.txtUserName_Sgn::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size:11.5px;
}
.txtUserName_Sgn:placeholder-shown { /* Standard */
    font-size:11.5px;
}

@media (max-width:999px)
{
    .tblDesktopWebUser { display:none; }
}

.imgbtnShowmnupnlWebUser:hover { opacity:0.8; }


.fstusrnminfsghpnl1c02 {border-bottom:solid 1px #EFEFEF; padding:6px; padding-top:14px; padding-bottom:14px; cursor:pointer; font-size:15px; user-select:none;}
.fstusrnminfsghpnl1c02:hover {background-color:#EFEFEF;}

@media (min-width:768px)
{
    .hideIfPC { display:none; }
        
    #atgWeblogo8401
    {
        margin-top:6px;
        margin-left:12px;
    }

    #dvFooter00
    {
        display:none;
    }

    .MyFxdPnlNotifications{max-width:600px;}

    #imfLogoPnlWbUsr{width:160px;}

}
@media (max-width:767px)
{        
    #atgWeblogo8401
    {
        margin-top:3px;
        margin-left:6px;
    }

    .divWebFtrCntnr {display:none;}

    #dvmstrdscpgname08166 {display:none;}

    #imfLogoPnlWbUsr{width:130px;}
}

.dvboody000
{
    margin-right:20px;
    margin-left:20px;
}
@media (max-width:767px)
{
    .dvboody000
    {
        margin-right:7px;
        margin-left:7px;
    }
}


@media (max-height:450px) /*عشان لما الكيبورد على الموبايل يظهر*/
{
    #dvFooter00 {display:none;}
}





.atgScrollToTop:hover
{
    opacity:0.8;
}



.OurtdFtrIcon
{
    display:inline-block;
    text-align:center;
    /*width:23%;*/ /*حنعملها عالسيرفر*/
    cursor:pointer;
    padding:2px;
    color:black !important;
}
.OurtdFtrIcon:hover
{
    background-color:#F0F0F0;
    border-radius:5px;
}
.OurtdFtrIcon img
{
    display:inline-block;
    width:22px;
    height:22px;
    margin-top:3px;
    margin-bottom:6px;
}
.OurtdFtrIcon div
{
    font-size:13px;
    font-weight:bold;
    line-height:20px;
}
@media (max-width:767px)
{
    .OurtdFtrIcon div
    {
        font-size:11px;
    }
}

.hjsdgfjhsd
{
    height:55px;
    padding:12px;
    padding-top:20px;
    box-sizing:border-box;
    margin-left:3px; margin-right:3px;
}
.hjsdgfjhsd:hover
{
    background-color:var(--MyBasicWebColor3);
}
.hjsdgfjhsd img
{
    margin-top:-3px;
}

.z5tyi022qwx3{width:100%; margin-top:12px; padding:5px; box-sizing:border-box; border-radius:5px; border:solid 1px #E5E5E5; line-height:22px;}
.z5t02yu852sv{display:inline-block; font-size:15.5px; font-weight:bold;}
.z4t02yu86spc{width:25px;}
.z4t02yu862sx{display:inline-block; font-size:10.5px;}
.z4t32yu912sx{display:inline-block; font-size:10.5px; line-height:9px;}
.zt9ty8sdfllk{margin-top:5px; margin-bottom:4px;}
.we6al2cltr9g{margin-top:5px; font-size:11px;}

.mstpgNtfsCount{transition:top 150ms; display:none; position:absolute; top:12px; right:-7px; background-color:#F41331; color:white; font-family:ProximaNova; font-size:16.5px !important; line-height:16.5px; font-weight:bold; text-align:center; padding-top:5px; width:26px; height:26px; box-sizing:border-box; border:0px solid white; border-radius:50%;}



.OurmnuooIcon
{
    position:relative;
    width:calc(100%);
    height:40px;
    cursor:pointer;
    color:#252B36;
    border-top:solid 0px var(--MyBasicWebColor3);
    border-bottom:solid 0px var(--MyBasicWebColor3);
    margin-top:-1px;
}
.OurmnuooIcon:hover
{
    background-color:#EEEEEE;
}

.OurmnuooIcon img {position:absolute; top:14px; right:15px; width:18px;}

.OurmnuooIcon div
{
    position:absolute;
    top:12px;
    right:45px;
    font-size:14.5px;
}





.srvimginmdtr1, .srvimginmdtr2, .srvimginmdtr3, .srvimginmdtr4{width:50px; margin-left:11px; margin-right:11px; cursor:pointer; transition:transform 250ms;}
.srvimginmdtr1:hover, .srvimginmdtr2:hover, .srvimginmdtr3:hover, .srvimginmdtr4:hover{transform:scale(1.15);}
.srvtxtinmdtr{display:inline-block; width:72px; font-size:14px; line-height:14px;}

[id=inptEmaillllToSomeUsers]{width:300px;}
@media (max-width:440px)
{
    [id=inptEmaillllToSomeUsers]{width:215px;}
}

@media (max-width:395px)
{
    .srvimginmdtr1, .srvimginmdtr2, .srvimginmdtr3, .srvimginmdtr4{margin-left:7px; margin-right:7px;}
    .srvtxtinmdtr{width:64px;}
}

.btckd8epxnq20w0pcz:hover{}

.MyLoadMore_ActiveRow
{
    background-color:#FCF7FF;
    border:solid 1px #61257C;
}

.tpde8lsp3hqzig0g1{width:160px;}
.tpde8lsp3hqzig0g2{width:320px;}
@media (max-width:767px)
{
    .tpde8lsp3hqzig0g1{width:100%;}
    .tpde8lsp3hqzig0g2{width:100%;}
}

[id$=txtSrvySuggestions]::-webkit-input-placeholder
{
    font-size:15px;
    color:#404040;
}


.dvntfcshnn59sshIsNew{background-color:var(--MyBasicWebColor3); color:white;}
.dvntfcshnn59sshIsOld{background-color:#FAFAFA; color:gray;}

.dvntfcshnn59sshIsNew .tpd0lsp3hqzag0g{background-color:#FFD800;}
.dvntfcshnn59sshIsOld .tpd0lsp3hqzag0g{text-decoration:underline; text-decoration-color:#FFD800; text-decoration-thickness:2px;}

.tpd0lsp3hqzag0g:hover{filter:brightness(92%);}


[id=inptEmaillllToSomeUsers]::-webkit-input-placeholder
{
    font-size:12px;
    color:#7F7F7F;
}

.oyq42pxmokah800arps {background-color:#FAFAFA; border-radius:3px; text-align:var(--MyDirection1); cursor:pointer; transition:background-color 200ms/*, transform 50ms*/; user-select:none; color:#191919; padding-top:10px; padding-bottom:10px; margin-top:6px; box-shadow:0px 0px 2px #CDCAD1;}
.oyq42pxmokah800arps:hover {background-color:#EEEEEE; /*transform:scale(1.04);*/}

.blkshrtHdr46458 {position:fixed; top:0px; left:0px; z-index:102; width:100%; height:55px; background-color:var(--MyBasicWebColor2); box-shadow:0px 1px 1px 0px #B3B3B3; direction:rtl; text-align:left;}






/*السايد بار منيو*/

#dvSidebarMenu
{
    position:fixed;
    top:0px;
    bottom:0px;
    width:300px;
    z-index:350;
    background-color:white;
    /*border-top-left-radius:5px;
    border-bottom-left-radius:5px;*/
}

.SidebarMenu_Close
{
    position:absolute;
    top:10px;
    right:15px;
    width:26px;
    padding:5px; /*عشان نكبر مساحة ضغط الزر شوية*/
    cursor:pointer;
}
.SidebarMenu_Close:hover
{
    background-color:var(--MyBasicWebColor3);
    border-radius:5px;
}

.OurtdSdbrIcon
{
    position:relative;
    width:calc(100%);
    height:50px;
    cursor:pointer;
    color:#E3E4E5 !important;
    border-top:solid 0px var(--MyBasicWebColor3);
    border-bottom:solid 0px var(--MyBasicWebColor3);
    margin-top:-1px;
}
.OurtdSdbrIcon:hover
{
    background-color:var(--MyBasicWebColor3);
    /*border-radius:3px;*/
}
.OurtdSdbrActiveIcon
{
    background-color:#596782;
    border-right: solid 3px #E3E4E5;
    box-sizing:border-box;
}

.OurtdSdbrIcon img {position:absolute; top:13px; right:25px; width:24px; /*padding:5px; box-sizing:border-box; border-radius:50%; background-color:var(--MyBasicWebColor3);*/}

.OurtdSdbrIcon div
{
    position:absolute;
    top:16px;
    right:62px;
    font-size:15.2px;
    font-weight:bold;
}
@media (max-width:767px)
{
    .OurtdSdbrIcon div
    {
        font-size:15px;
    }
}