/*--MF.DefaultCssAndPrprtsControls < ستايل شيت يستخدم لتطبيق ديفولت ستايل على الكنترولز واليوزركنترولز العامة في أي بروجيكت .. أنظر الدالة--*/
/*--MF.DefaultCssAndPrprtsControls < هذا الديفولت ستايل له تكملة (تطبق على اليوزركنترولز) في الدالة--*/
/*--ملحوظة: هذا الستايل شيت يمكن أن نضيف فيه كلاسات لكنترولز أو يوزركنترولز أخرى ولكن لا يُفضل تعديل الكلاسات الموجودة فيه حالياً وذلك لأن الكلاس الديفولت هنا بيتطبق على الكنترول ثم يتم تطبيق الكلاس المُعطى له أثناء إنشائه في الإتش تي إم إل أو المُعطى له من خلال كود السي شارب .. واحنا مثلاً أثناء إعطاء الكلاس للكنترول من داخل السي شارب بنبقى حاطين في اعتبارنا شكل الكنترول بعد تنسيقه التنسيق الافتراضي الموجود هنا في الستايل شيت الحالي فلو جينا بعد كدة وغيرنا في الكلاس الديفولت هنا في خصائص احنا مش عاملينها في الكلاس المعطى ده سنجد أن الكنترول يظهر بشكل احنا مش عايزينه بمعنى أبسط لو مثلاً عندنا تيكست بوكس احنا حاطينه في مكان ما في الأبلكيشن ولئينا إن ويدث التيكست بوكس الإفتراضي الموجود هنا ملائم لهذا التيكست بوكس وخلاص وافقنا عليه وتركناه سنجد أنه ليس من المستحب أن نغير بعد ذلك الويدث الإفتراضي هنا والذي سيترتب عليه تغير ويدث التيكستبوكس اللي كنا عاملينه--*/
/*--====================================================--*/


/* (له وجعله في منتصف البيرينت الريلاتف الحاوي له (لو مافيش بيرينت ريلاتف حاوي له حتكون في المنتصف بالنسبة لويندو البراوزر horizontal-align و vertical-align كلاسات تُعطى باليد للكنترول لعمل */
.vrtclAlgnMdl /* vertical-align عمل*/
{
    display:block; /* safari */
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%); /* safari */
    transform:translateY(-50%);
}
.hrzntlAlgnCntr /* horizontal-align عمل */
{
    display:block; /* safari */
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%); /* safari */
    transform:translateX(-50%);
}
.vrtclAlgnMdl.hrzntlAlgnCntr /* (hrzntlAlgnCntr و vrtclAlgnMdl للكنترول (إذا كان مُعطى له الكلاسين horizontal-align و vertical-align عمل */
{/* لأنهم بيبقوا مع بعض مش مظبوطين transform:translateX و transform:translateY وليس transform:translate المفروض كان كفاية ولكن عندما نريد عمل ألاين رأسي وأفقي يجب استخدام البروبيرتي hrzntlAlgnCntr و vrtclAlgnMdl إعطاء الكلاسين */
    -webkit-transform:translate(-50%,-50%); /* safari */
    transform:translate(-50%,-50%);
}



/*MstrPg_Gnrl < أنظر شرح هذه الأتربيتيو في إتش تي إم إل .. dvcxz كلاسات تُطبق أوتوماتيكياً من خلال الجافاسكريبت على جميع الديفات التي لها الأتربيتيو*/
.dvcC-Fix,     .dvcN-Sm-a, .dvcN-Md-a, .dvcN-Lg-a, .dvcN-Sm-1, .dvcN-Md-1, .dvcN-Lg-1, .dvcN-Sm-2, .dvcN-Md-2, .dvcN-Lg-2, .dvcN-Sm-3, .dvcN-Md-3, .dvcN-Lg-3, .dvcN-Sm-4, .dvcN-Md-4, .dvcN-Lg-4, .dvcN-Sm-5, .dvcN-Md-5, .dvcN-Lg-5, .dvcN-Sm-6, .dvcN-Md-6, .dvcN-Lg-6, .dvcN-Sm-7, .dvcN-Md-7, .dvcN-Lg-7, .dvcN-Sm-8, .dvcN-Md-8, .dvcN-Lg-8, .dvcN-Sm-9, .dvcN-Md-9, .dvcN-Lg-9, .dvcN-Sm-10, .dvcN-Md-10, .dvcN-Lg-10, .dvcN-Sm-11, .dvcN-Md-11, .dvcN-Lg-11, .dvcN-Sm-12, .dvcN-Md-12, .dvcN-Lg-12
{
    /*float:right;*/ /*عندما يكون فيه ديفين ورا بعض اجعلهم يظهروا جنب بعض وماياخدوش بافتراضيتهم عرض الشاشة كلها*/  /*Style_rtl و Style_ltr سيتم عملها في*/
    
    min-height:1px; /*عشان لو الديف فاضية يحافظ على ويدثها .. بس عيبها إن لو الديف فاضية ومعروضة في رو لوحدها بتاخد الإرتفاع ده!!!! واحنا كنا عاملينها قيمة صغيرة جداً (واحد من عشرة بيكسل) وهذه القيمة الصغيرة (مع الفايرفوكس) بتحافظ على ويدث الديف دون أن تعمل لها إرتفاع ولكن لا تعمل مع باقي المتصفحات*/

    /*جعل عرض وإرتفاع وماكس عرض وماكس إرتفاع الإليمينت يتم احتساب معهم بوردره وبادينجه*/
    -webkit-box-sizing:border-box; /* safari */
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

@media (min-width:1200px)
{
    .dvcN-Lg-12 { width:100%; }
    .dvcN-Lg-11 { width:91.66666667%; }
    .dvcN-Lg-10 { width:83.33333333%; }
    .dvcN-Lg-9 { width:75%; }
    .dvcN-Lg-8 { width:66.66666667%; }
    .dvcN-Lg-7 { width:58.33333333%; }
    .dvcN-Lg-6 { width:50%; }
    .dvcN-Lg-5 { width:41.66666667%; }
    .dvcN-Lg-4 { width:33.33333333%; }
    .dvcN-Lg-3 { width:25%; }
    .dvcN-Lg-2 { width:16.66666667%; }
    .dvcN-Lg-1 { width:8.33333333%; }
    .dvcN-Lg-a { width:auto; }
}
@media (min-width:768px) and (max-width:1199px)
{
    .dvcN-Md-12 { width:100%; }
    .dvcN-Md-11 { width:91.66666667%; }
    .dvcN-Md-10 { width:83.33333333%; }
    .dvcN-Md-9 { width:75%; }
    .dvcN-Md-8 { width:66.66666667%; }
    .dvcN-Md-7 { width:58.33333333%; }
    .dvcN-Md-6 { width:50%; }
    .dvcN-Md-5 { width:41.66666667%; }
    .dvcN-Md-4 { width:33.33333333%; }
    .dvcN-Md-3 { width:25%; }
    .dvcN-Md-2 { width:16.66666667%; }
    .dvcN-Md-1 { width:8.33333333%; }
    .dvcN-Md-a { width:auto; }
}
@media (max-width:767px)
{
    .dvcN-Sm-12 { width:100%; }
    .dvcN-Sm-11 { width:91.66666667%; }
    .dvcN-Sm-10 { width:83.33333333%; }
    .dvcN-Sm-9 { width:75%; }
    .dvcN-Sm-8 { width:66.66666667%; }
    .dvcN-Sm-7 { width:58.33333333%; }
    .dvcN-Sm-6 { width:50%; }
    .dvcN-Sm-5 { width:41.66666667%; }
    .dvcN-Sm-4 { width:33.33333333%; }
    .dvcN-Sm-3 { width:25%; }
    .dvcN-Sm-2 { width:16.66666667%; }
    .dvcN-Sm-1 { width:8.33333333%; }
    .dvcN-Sm-a { width:auto; }
}


/*-تعريف فونتس-*/
@font-face
{
    font-family:DroidKufi;
    src:url(../Fonts/DroidKufi.ttf);
}
@font-face
{
    font-family:ElMessiri;
    src:url(../Fonts/ElMessiri.ttf);
}
@font-face
{
    font-family:Changa;
    src:url(../Fonts/Changa.ttf);
}
@font-face
{
    font-family:Cairo;
    src:url(../Fonts/Cairo.ttf);
}
@font-face
{
    font-family:TheSans;
    src:url(../Fonts/TheSans.otf);
}
@font-face
{
    font-family:GessTwo;
    src:url(../Fonts/GessTwo.otf);
}
@font-face
{
    font-family:DinNext;
    src:url(../Fonts/DinNext.otf);
}
@font-face
{
    font-family:Greta;
    src:url(../Fonts/Greta.ttf);
}
@font-face
{
    font-family:SahlNaskh !important;
    src:url(../Fonts/SahlNaskh.ttf);
}

* /*-html كلاس تنسيق يطبق أوتوماتيكياً على جميع إليمينتس الـ-*/
{
	font-family:Changa; /*-http://stackoverflow.com/questions/20050928/true-type-font-is-not-working-on-webkit-based-mobile-browsers أنظر .. Arabic web fonts لا يدعم الـ (webkit based mobile browser) ملحوظة: تطبيق الموبايل-*/
    line-height:20px; /*-نحتاجها مع الفونتس المُعرفة فوق لأنهم بيعملوا مسافة كبيرة قبل وبعد السطر-*/
    -webkit-tap-highlight-color:transparent; /*إلغاء اللون الأزرق الذي يظهر (على الموبايل) في باك جراوند الإليمينت عند الضغط عليه وذلك إذا كان الإليمنت قابل للضغط أو له لينك يفتحه*/
}

body /*-body كلاس تنسيق يطبق أوتوماتيكياً على جميع إليمينتس الـ-*/
{
    background-image:url(Images/Web_background.png);
    background-repeat:repeat;
    margin:0px;
}

/*--تنسيق أي سكرول بار--*/
::-webkit-scrollbar /*--السكرول بار نفسه--*/
{
    width:7px; /*--عرض السكرول بار الرأسي--*/
    height:7px; /*--إرتفاع السكرول بار الأفقي--*/
}
::-webkit-scrollbar-track,     ::-webkit-scrollbar-corner /*--خلفية السكرول بار والكورنر بين زري السكرول بار الرأسي والأفقي--*/
{
    /*background-image:url(Images/Web_background.png);*/
    /*border:1px solid #CAE29A;*/
}
::-webkit-scrollbar-thumb /*--السكرول بار المتحرك--*/
{
    border:1px solid #6B6B6B; border-radius:3px;
	background-color:#A7A7A7;
}
::-webkit-scrollbar-button /*--زر الأعلى والأسفل واليمين واليسار--*/
{
}

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

.Label_Gnrl
{
    font-size:14px;
	border-radius:3px;
}

.TextBox_Gnrl
{
    width:200px;
	border-radius:3px;
}

.TextBox_Gnrl,     .ComboBox_Gnrl .ajax__combobox_textboxcontainer input
{
    border-style:solid; border-width:1px; border-color:Silver;
    padding-left:4px; padding-right:4px;
    font-size:14px;
    height:22px;
}

.DropDownList_Gnrl
{
    background-color:White; /* عشان بتظهر على الموبايل جري */
    border-color:Silver;
    font-size:14px;
    width:210px;
    height:28px;
	border-radius:3px;
    cursor:pointer;
}

/*--جعل آيتمز الكومبوبوكس مالتي لاين .. لأن لو الكومبوبوكس موجود في أقصى اليمين وكانت الآيتمز حروفها كتير ستجد أن ويدث الليست بيكبر وبيعدي الشاشة--*/
.ComboBox_Gnrl .ajax__combobox_itemlist,     .ComboBox_Gnrl .ajax__combobox_itemlist li
{
    max-width:300px;
}

.ComboBox_Gnrl .ajax__combobox_itemlist,     .datime_clndrDate_Gnrl .ajax__calendar_container
{
	position:fixed !important; /*--عشان الليست بتظهر بعيد لو كان الكنترول موضوع داخل إليمينت البوزيشن بتاعه أبسوليت--*/
	/*--top, left--*/ /*--بناءاً على بوزيشن الكنترول MF.DefaultCssAndPrprtsControls سيتم تظبيطهم في دالة--*/	
    /*--box-shadow:10px 10px 7px Gray;--*/  /*--بناءاً على إتجاه الليست والكليندر MF.DefaultCssAndPrprtsControls سيتم تظبيطها في دالة--*/
}

.ComboBox_Gnrl .ajax__combobox_buttoncontainer button
{
    position:relative; top:-5px;
    border-style:solid; border-width:1px;
    border-color:Silver; /*--إذا كان أحد البيرينتس الموضوع فيها الكومبوبوكس ديسيبل MF.DefaultCssAndPrprtsControls سيتم جعلها سيلفر (بصرف النظر عن اللون هنا ايه) في دالة--*/
    background-image:url(Images/cmbx_button_Enabled.png); /*--سيتم جعلها ديسيبل في السي شارب إذا كان الكومبوبوكس أو أحد البيرينتس الموضوع فيه ديسيبل--*/
	background-repeat:repeat; /*--عشان لو كبرنا عرض أو إرتفاع الباتن مايبقاش فيه مسافة فاضية--*/
	width:26px !important; height:26px !important; /*لو حصل بوست باك من خلال زرار مثلاً موجود في أحد تابات التاب كونتينر وبعدين فتحنا تاب آخر في التاب كونتينر وكان هذا التاب الآخر يحتوي كومبوبوكس فستجد أن باتن هذا الكومبوبوكس عرضه وارتفاعه باظوا لذلك بنظبطهم هنا*/
	/*--cursor--*/ /*--بناءاً على هل الكومبوبوكس وكل البيرينتس الموضوع بداخلها الكومبوبوكس إنيبل أم لا MF.DefaultCssAndPrprtsControls سيتم تظبيطها في دالة--*/
}
.ComboBox_Gnrl .ajax__combobox_textboxcontainer input
{
	position:relative; top:-5px;
    /*--width--*/ /*--لأنه لو ظبطناها هنا ثم أعطينا الكومبوبوكس ويدث من السي شارب ستجد أن هذا الويدث يضيع مع أول بوست باك (إكسيبشن غبي) ويطبق الويدث الموجود هنا MF.DefaultCssAndPrprtsControls سيتم تظبيطها في دالة--*/
}
.ComboBox_Gnrl .ajax__combobox_itemlist
{
	/*--position, box-shadow--*/ /*--سيتم تظبيطهم مع ليست الداتتايم--*/
	/*--min-width, max-height, top, left--*/ /*--MF.DefaultCssAndPrprtsControls سيتم تظبيطهم في دالة--*/
	border-style:solid; border-width:0px; border-color:Silver; border-bottom-width:1px;
	background-color:Transparent;
	width:auto !important; height:auto !important; /*لو حصل بوست باك من خلال زرار مثلاً موجود في أحد تابات التاب كونتينر وبعدين فتحنا تاب آخر في التاب كونتينر وكان هذا التاب الآخر يحتوي كومبوبوكس فستجد أن باتن هذا الكومبوبوكس عرضه وارتفاعه باظوا لذلك بنظبطهم هنا*/
	overflow-y:auto !important; /*--لأن السكرول بار في سعات مبيظهرش--*/
}
.ComboBox_Gnrl .ajax__combobox_itemlist li
{
	background-color:#FBFBFB !important;
	border-style:solid; border-width:1px; border-color:Silver; border-bottom-width:0px;
	padding-top:3px; padding-bottom:3px;
	color:Black !important;
    font-size:14px;
	font-weight:normal; /*--نحتاجها عندما يكون الكومبوبوكس داخل بيرينت الفونت ويت فيه ليس نورمال .. هيدر جريد مثلاً--*/
	cursor:pointer;
	border-radius:3px;
    white-space:pre-line;
    /*--height:24px;--*/ /*--(ودي حتخلي نص الآيتم لو طويل يبقى في كذا سطر ولو حددنا إرتفاع سيخرج نص الآيتم خارج حدود الآيتم (إذا أردت تظبيط إرتفاع الآيتم استخدم بادينج توب وبادينج باتووم white-space:pre-line لا يجب استخدامها لأننا مستخدمين--*/
}
.ComboBox_Gnrl .ajax__combobox_itemlist li:hover
{
    background-color:#DBDBDB !important;
    color:#804000 !important;
}



/*-------- ldmrd --------*/
/*-------- أنظر هذه البروبيرتي CssClass لتنسيق أي أوبجيكت من اليوزركنترول الحالي... خذ ماتريده من الكلاسات هنا وضع قبله إسم الكلاس المعطى للبروبيرتي --------*/

.ldmrd_dvUcCntnr /*كونتنر اليوزركنترول*/
{
    /* لعمل سكرول بار رأسي وأفقي
    overflow:auto;
    height:?px; width:?px;  Or  max-height:?px; max-width:?px;
    */
    font-size:14px;
}
.ldmrd_dvRsltFtrCntnr /*كونتنر (آيتم) أزرار لودمور ونوريزالت*/
{
    position:relative; /*dvUcCntnr عشان نقدر نحدد ليفتها بحيث تفضل ظاهرة عند عمل سكرول أفقي (إذا كان هناك سكرول أفقي) لـ*/
    font-size:12px;
    text-align:center;
    cursor:default; /*حنغيرها مع زر لودمور*/
    color:Gray; /*حنغيرها مع زر لودمور*/
}
.ldmrd_dvLodMorBtn,     .ldmrd_dvLodMorWtngCntnr,     .ldmrd_dvNoMorRsltLbl,     .ldmrd_dvNoAnyRsltLbl
{
    border:1px solid #E2E2E2; border-radius:3px;
    height:24px;
    padding-top:3px; /*تظبيط فيرتاكل ألّاين التيكست*/
}
.ldmrd_dvLodMorBtn /*زر لودمور*/
{
    cursor:pointer;
    color:Black;
}
.ldmrd_dvLodMorWtngCntnr /*(كونتنر ليبل وإيميدج لودينج (تظهر وقت ريكويست ضغط زر لودمور*/
{
    display:none; /*ولكن بنعملها هنا لأن هذه الدالة بتتأخر في التنفيذ والإليمينت الحالي بيظهر لثانية Fix_ldmrds دي كدة كدة حتتعمل في دالة*/
}
.ldmrd_dvNoMorRsltLbl,     .ldmrd_dvNoAnyRsltLbl /*كونتنر ليبلز نومورريزالت ونوإنيريزالت*/
{
}
.ldmrd_imgLodMorWtngImg /*(إيميدج لودينج (تظهر وقت ريكويست ضغط زر لودمور*/
{
    content:url("Images/Loading.png");
    width:15px; height:15px;
    margin-left:2px; margin-right:2px;
}
.ldmrd_dvItmCntnr /*كونتنر الآيتم*/
{
}
.ldmrd_dvItmCntnr:hover
{
}



/*-------- mycmbx --------*/
/*-------- ldmrd < لتنسيق أي أوبجيكت من اليوزركنترول الحالي... أنظر --------*/

/*EX: تظبيط الليست FixMycmbxLstCntnr لعمل سكرول بار أفقي في ليست المايكومبوبوكس نعطي لكونتنر الآيتم أو للإليمينت المضاف داخله ويدث أكبر من ويدث الشاشة وسيتم في الجافاسكريبت من خلال الدالة
.MymycmbxCssClass .mycmbx_ldmrdSrchRslt .ldmrd_dvItmCntnr
{
    width:700px; /*when phone*-/
    width:2000px; /*when pc*-/
}
*/

/*الموجود داخل المايكومبوبوكس ldmrd تنسيق اليوزركنترول*/
.mycmbx_ldmrdSrchRslt .ldmrd_dvUcCntnr /*كونتنر اليوزركنترول*/
{
    overflow:auto; /*(ldmrd_dvRsltFtrCntnr و ldmrd_dvItmCntnr و 2- كان محتوياته عريضة.  ..  (محتوياته هي .(FixMycmbxLstCntnr و 2- كانت محتوياته طويلة. .. وإظهار السكرول بار الأفقي إذا: 1- تم تحديد ويدثه (سيُحدد ويدثه في .(FixMycmbxLstCntnr إظهار السكرول بار الرأسي إذا: 1- تم تحديد إرتفاعه (سيُحدد ماكس هياهه في*/
    /*max-height:?px; width:?px;*/ /*FixMycmbxLstCntnr < سيتم تحديدهم في الدالة*/
}
.mycmbx_ldmrdSrchRslt .ldmrd_dvRsltFtrCntnr,     .mycmbx_ldmrdSrchRslt .ldmrd_dvItmCntnr
{
    border:1px solid Silver; border-radius:3px;
    margin-top:-1px; /*سيتم في الجافاسكريبت حذف وإعادة تظبيط هذه البروبيرتي الخاصة بأول آيتم في الآيتمز وذلك على حسب ظهور أو إختفاء كنترولز السيرش*/
}
.mycmbx_ldmrdSrchRslt .ldmrd_dvRsltFtrCntnr
{
    font-size:11px;
}
.mycmbx_ldmrdSrchRslt .ldmrd_dvRsltFtrCntnr /*كونتنر (آيتم) أزرار لودمور ونوريزالت*/
{
    background-image:url(Images/Web_background.png);
    padding:2px;
}
.mycmbx_ldmrdSrchRslt .ldmrd_dvItmCntnr /*كونتنر الآيتم*/
{
    background-color:#FBFBFB;
    padding:3px;
}
.mycmbx_ldmrdSrchRslt .ldmrd_dvItmCntnr,     .mycmbx_ldmrdSrchRslt .ldmrd_dvItmCntnr * /*-- * > label < نحتاجها في بعض الإليمينت مثل تاج الـ --*/
{
    cursor:pointer;
}
.mycmbx_ldmrdSrchRslt .ldmrd_dvItmCntnr:hover
{
    background-color:#DBDBDB;
    color:#804000;
}

/*تنسيق باقي الكنترولز الموجود داخل المايكومبوبوكس*/
.mycmbx_dvLstCntnr
{
    position:fixed;
    /*top:?px; left:?px;*/ /*FixMycmbxLstCntnr < سيتم تحديدهم في الدالة*/
    z-index:150;
}
.mycmbx_dvSrchCntnr
{
    /*جعل عرض وإرتفاع وماكس عرض وماكس إرتفاع الإليمينت يتم احتساب معهم بوردره وبادينجه*/
    -webkit-box-sizing:border-box; /* safari */
    -moz-box-sizing:border-box;
    box-sizing:border-box;    

    background-image:url(Images/Web_background.png);
    border:1px solid Silver; border-radius:3px;
    padding:2px;
}
.mycmbx_txtVu,     .mycmbx_txtSrch
{
    border-top-left-radius:0px; border-bottom-left-radius:0px;
}
.mycmbx_txtVu
{
    cursor:pointer;
    /*width:?px;*/ /*ستحدد في السي شارب*/
}
.mycmbx_txtSrch
{
    border-left-style:none;
    /*width:?px;*/ /*ستحدد في السي شارب*/
}
.mycmbx_dvBtnOpnLst,     .mycmbx_dvBtnSrch
{
    border:1px solid Silver; border-radius:3px; border-top-right-radius:0px; border-bottom-right-radius:0px;
    width:24px; height:24px;
    cursor:pointer;
    margin-right:-1px;
}
.mycmbx_dvBtnOpnLst
{
    background-image:url(Images/cmbx_button_Enabled.png); /*--سيتم جعلها ديسيبل في السي شارب إذا كان الكومبوبوكس أو أحد البيرينتس الموضوع فيه ديسيبل--*/
}
.mycmbx_dvBtnSrch
{
    background-image:url(Images/cmbx_SearchButton.png);
}



.LinkButton_Gnrl,     .HyperLink_Gnrl,     .LinkButton_mousemove_Gnrl,     .HyperLink_mousemove_Gnrl
{
    font-size:14px;
}

.LinkButton_Gnrl,     .HyperLink_Gnrl
{
    color:Black;
}

.LinkButton_mousemove_Gnrl,     .HyperLink_mousemove_Gnrl
{
    color:#804000;
}

.Button_Gnrl
{
    background-color:#EEEEEE;
    border-style:solid; border-width:1px; border-color:Silver;
    font-size:14px;
    height:26px;
	/*--cursor--*/ /*--بناءاً على هل الباتن وكل البيرينتس الموضوع بداخلها الباتن إنيبل أم لا MF.DefaultCssAndPrprtsControls سيتم تظبيطها في دالة--*/
	border-radius:3px;
	padding:0px;
}

.ImageButton_Gnrl
{
    border-style:solid; border-width:0px; border-color:Silver;
	border-radius:3px;
}

.Anchor_Gnrl
{
    display:inline-block; /*يبقى أوتوويدث a عشان ويدث التاج*/
    text-decoration:none; /*a إلغاء الأندرلاين من تحت الكنترولز الموضوعة داخل التاج*/
}

.CheckBox_Gnrl,     .RadioButton_Gnrl
{
    display:inline-block;
    border:1px solid Silver; border-radius:3px;
    cursor:pointer;
    font-size:12.5px;
    color:Gray;
    width:200px;
    /*-height:24px;-*/ /*-حنستخدم السطر التالي بدلاً منها عشان الليبل وزر الباتن يكونوا في المنتصف رأسياً-*/
    padding-top:5px; padding-bottom:5px; /*-تحديد إرتفاع التشكبوكس/الراديوباتن-*/
    padding-left:4px; padding-right:4px;
}
.CheckBox_Gnrl input,     .RadioButton_Gnrl input,     .CheckBox_Gnrl label,     .RadioButton_Gnrl label
{
    cursor:inherit;
    vertical-align:middle;
}
.CheckBox_Gnrl input,     .RadioButton_Gnrl input
{
     -webkit-appearance:none; -moz-appearance:none; appearance:none; /*حذف التنسيق الإفتراضي للكنترول*/
     outline:none;
     background-color:#DFDFDF;
     border:1px solid Silver;
     width:14px;
     height:14px;
     margin:0px;
}
.CheckBox_Gnrl input
{
     border-radius:3px;
}
.RadioButton_Gnrl input
{
     border-radius:50px;
}
.CheckBox_Gnrl label,     .RadioButton_Gnrl label
{
     padding-left:5px; padding-right:5px;
}
.CheckBox_Gnrl input:hover,     .RadioButton_Gnrl input:hover
{
     background-color:silver;
}
.CheckBox_Gnrl input:checked,     .RadioButton_Gnrl input:checked
{
     background-color:#DFDFDF;
}
.CheckBox_Gnrl input:checked
{
     content:url(../CsJs/Images/Checkbox_Selected.png);
}
.RadioButton_Gnrl input:checked
{
     content:url(../CsJs/Images/Radiobutton_Selected.png);
}
.CheckBox_Gnrl input:checked + label,     .RadioButton_Gnrl input:checked + label /*-تنسيق الليبل عند تشك التشكبوكس/الراديوباتن-*/
{
    font-weight:bold;
    color:Black;
}

.RadioButtonList_Gnrl
{
    font-size:14px;
}

.Panel_Gnrl
{
    /*مش حنستخدمها عشان لما نحط جواها مايكومبوبوكس الليست بتاعته (مهما نحدد زيإنديكس عالي) بتظهر تحت بانيل ويب يوزر وبانيل اليوزر والأدمن والكومبوبوكس مش حنستخدمه وحنستخدم بداله المايكومبوبوكس*/
	/*z-index:1;*/ /*-نحتاجها في حالة لو كان بوزيشن البانيل أبسوليت أو فيكسيد .. لأن لو ماعملنهاش أي كومبوبوكس موضوع بعدها في البيدج سيصبح فوقها-*/
    border-style:solid; border-width:1px; border-color:#999999;
	border-radius:3px;
}

.TabContainer_Gnrl .ajax__tab_header
{
    font-size:11px;
}
.TabContainer_Gnrl .ajax__tab_header .ajax__tab_outer
{
	background-color:#F9F9F9;
    border-style:solid; border-width:1px; border-color:#999999;
    margin-bottom:-1px !important;
	cursor:pointer;
    border-top-right-radius:3px; border-top-left-radius:3px;
}
.TabContainer_Gnrl .ajax__tab_header .ajax__tab_tab
{
	padding:4px; padding-left:8px; padding-right:8px;
}
.TabContainer_Gnrl .ajax__tab_header .ajax__tab_inner
{
}
.TabContainer_Gnrl .ajax__tab_active .ajax__tab_outer
{
	background-color:#FBFBFB;
	border-bottom-color:#FBFBFB;
	margin-bottom:5px;
	cursor:default;
}
.TabContainer_Gnrl .ajax__tab_active .ajax__tab_tab
{
	padding-top:7px;
    font-weight:bold;
}
.TabContainer_Gnrl .ajax__tab_active .ajax__tab_inner
{
}
.TabContainer_Gnrl .ajax__tab_hover .ajax__tab_outer
{
}
.TabContainer_Gnrl .ajax__tab_hover .ajax__tab_tab
{
}
.TabContainer_Gnrl .ajax__tab_hover .ajax__tab_inner
{
}
.TabContainer_Gnrl .ajax__tab_body 
{
	background-color:#FBFBFB;
    border-style:solid; border-width:1px; border-color:#999999;
	padding:10px; padding-left:5px; padding-right:5px;
	border-radius:3px;
}

/*-------- EGrid --------*/

	.EGrid_pgebar_lnkbtnPagebar
	{
		margin-right:8px;
		margin-left:8px;
	}
    @media (min-width:1200px)
    {
        .EGrid_pnlMxWdth
        {
            max-width:970px;
        }
    }
    @media (max-width:1199px)
    {
        .EGrid_pnlMxWdth
        {
            max-width:600px;
        }
    }
    @media (max-width:767px)
    {
        .EGrid_pnlMxWdth
        {
            max-width:300px;
        }
    }

/*-------- datime --------*/

/*--datime.clndrDate--*/
.datime_clndrDate_Gnrl .ajax__calendar_container
{
	/*--position--*/ /*--سيتم تظبيطها مع ليست الكومبوبوكس--*/
    background-color:#FBFBFB;
    border-style:solid; border-width:1px; border-color:Gray;
    border-radius:3px;
}
.datime_clndrDate_Gnrl .ajax__calendar_header
{
    background-color:#E2E2E2;
    border-radius:3px;
}
.datime_clndrDate_Gnrl .ajax__calendar_body
{
    background-color:#FBFBFB;
    border-style:solid; border-width:1px; border-color:Silver;
    margin-top:4px;
	border-radius:3px;
}
.datime_clndrDate_Gnrl .ajax__calendar_today
{
    color:Black;
    font-weight:bold;
}
.datime_clndrDate_Gnrl .ajax__calendar_title,
.datime_clndrDate_Gnrl .ajax__calendar_next,
.datime_clndrDate_Gnrl .ajax__calendar_prev
{
    color:Black;
    padding-top:3px;
}
.datime_clndrDate_Gnrl .ajax__calendar_dayname
{
    color:Gray;
    margin-top:4px;
    font-weight:bold;
    text-align:center;
}
.datime_clndrDate_Gnrl .ajax__calendar_day,
.datime_clndrDate_Gnrl .ajax__calendar_month,
.datime_clndrDate_Gnrl .ajax__calendar_year
{
    color:Black;
    padding-top:2px;
    text-align:center;
}
.datime_clndrDate_Gnrl .ajax__calendar_hover .ajax__calendar_title,
.datime_clndrDate_Gnrl .ajax__calendar_hover .ajax__calendar_today
{
    color:#804000;
}
.datime_clndrDate_Gnrl .ajax__calendar_hover .ajax__calendar_day,
.datime_clndrDate_Gnrl .ajax__calendar_hover .ajax__calendar_month,
.datime_clndrDate_Gnrl .ajax__calendar_hover .ajax__calendar_year,
.datime_clndrDate_Gnrl .ajax__calendar_active .ajax__calendar_day,
.datime_clndrDate_Gnrl .ajax__calendar_active .ajax__calendar_month,
.datime_clndrDate_Gnrl .ajax__calendar_active .ajax__calendar_year
{
    background-color:#DBDBDB;
    color:#804000;
    font-weight:bold;
}
.datime_clndrDate_Gnrl .ajax__calendar_other .ajax__calendar_day,
.datime_clndrDate_Gnrl .ajax__calendar_other .ajax__calendar_year
{
    color:Gray;
}

/*--datime.tmslEdtTime--*/
.datime_tmslEdtTime_Gnrl
{
	white-space:nowrap;
}
.datime_tmslEdtTime_div_Enabled_Gnrl span table tbody tr td input,     .datime_tmslEdtTime_div_Disabled_Gnrl span table tbody tr td input
{
	background-color:Transparent;
	border-width:0px !important;
	font-size:14px !important;
    height:22px !important;
    padding-left:1px; padding-right:1px;
}
.datime_tmslEdtTime_div_Enabled_Gnrl span table tbody tr td input
{
	color:Black;
}
.datime_tmslEdtTime_div_Disabled_Gnrl span table tbody tr td input
{
	color:#6D6D6D;
	cursor:default;
}

/*--datime.txtEdtDate--*/
.datime_txtEdtDate_Gnrl
{
	background-color:Transparent;
	border-width:0px;
	width:74px;
}

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










/*عايزين نظبط الكلام ده وننقل المهم منه (المستخدمفي الإنشاء نفسه) في الماستربيدج والتنسيق الباقي يبقى في كلاس الدروب داون ليست فوق*/
/*إنشاء في تاج السيليكت (والدروب داون ليست) تيكستبوكس سيرش*/
/*
صورة سيرش select2-container--default .select2-search--dropdown .select2-search__field  عملت في الكلاس
*/

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  font-size:14px;

}
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 26px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 3px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 3px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 3px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid silver;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid silver;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: black;
    line-height: 26px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 24px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid silver;
background-image:url(Images/cmbx_SearchButton.png);
background-repeat:no-repeat;
padding-left: 21px;
height:26px;
outline:none;
font-size:14px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 26px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 24px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }












/*تظبيط ليست الدروب داون ليست على الموبايل لتملأ الشاشة*/
@media (max-width:767px)
{
    .select2-dropdown
    {
        background-color:#F9F9F9;
        border-radius:5px !important;
        z-index:150;
        position:fixed;
        width:calc(100% - 45px) !important;
        height:calc(100% - 45px);
        left:50% !important;
        top:50% !important;
        transform:translate(-50%,-50%);
        padding:10px;
    }


    .select2-results,     .select2-results__options
    {
        height:calc(100% - 33px) !important;
        max-height:none !important;
        padding-left:2px;
        padding-right:2px;
    }
    

    /*آيتمز*/
    .select2-results__option
    {
        background-color:white;
        border:solid 1px #E8E8E8;
        font-size:19px !important;
        line-height:25px;
        margin-top:-1px;
        padding:5px;
        padding-top:17px;
        padding-bottom:17px;
    }


    /*تيكستبوكس السيرش*/
    .select2-search__field
    {
        margin-top:3px;
        margin-bottom:10px !important;
        font-size:18px !important;
        height:40px !important;
    }

}