body {direction: rtl !important; text-align: right !important;}
.dj-megamenu-wrapper {
    background: #213755;
}

#dj-megamenu87{
    background-color: #334C75 !important;
}
.dj-megamenu li a.dj-up_a span
{
    color:#ffffff !important;
}
#bigwrapper > div.header > div.top > div.search > div > div > form > div{

    float: right;
    margin: -35px -18px 0px 0px;

}
.evofp-introlink > p
{
    font-size:100% !important;
    line-height:20px !important;
}

.header {

    width: 100%;
    height: 142px;
    /* position: fixed; */
    /* top: 20px; */
    /* border: 1px solid #ACACAC; */
    border-bottom: none;
    min-height: 155px;
    /* margin-bottom: 20px; */
    background-color: white;

}
.top {
    background-color: white;
    text-align: right;
    width: 38%;
    height: 22px;
    display: inline-block;
    float: right;
    /* background: url(../images/small_menu.png); */
    background-repeat: no-repeat;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    color: #7d7d7d;
}
.nav.menutop {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
}
.nav.menutop li {
    display: inline;
    padding: 5px;
    /* border-right: 2px #ffffff solid; */
}
.nav.menutop li a {
    color: black !important;
    line-height: 30px;
    padding-left: 5px;
    text-decoration: none;
}
.header .top .search {
    float: right;
    margin: -15px 10px 0px 0px !important;
}
.addsearch .form-search .input-append .btn, .addsearch .form-search .input-prepend .search-query{
    display:none;
}
body > div > div.top > div.topen > div:nth-child(2) {
    margin-left: 0px !important;
}
.maincontent .content p
{
    /*float: right;*/
    text-align:right;
    line-height:24px;
}
@font-face {
    font-family: 'DroidKufi-regular';
    font-style: normal;
    font-weight: 400;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('x-woff2'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');
}


.item-page span {
    font-size: 12px !important;
}

@charset "UTF-8";
*{
    /* font-family: DroidKufi-regular !important;*/
}


.maincontent .portal-2 h3
{
    font-family: DroidKufi-regular !important;
}

.maincontent .content h2
{
    font-family: DroidKufi-regular !important;
}

ul {
    padding: 2px;
}
/********************** START Header Content ***************/
/**********************    #########   ********************/

.header .top a#logo{
    float: right;
}

.header .top .login {
    float: left;
    width: 55px !important;
    margin: -4px 0px 0px 15px !important;

}



.header .top .search {
    /*margin: 0px 0px 0px 0px !important;*/
}

.header .top .language {
    float: right;
}

.header  .top .media {
    position: fixed;
    left: 5px;
    width: 50px;
    top: 210px;
}

.header  .top .media img{
    width: 35px;
}
input.inputbox {
    height: 30px;
    width: 150px;
    border-radius: 15px;
    border: 1px solid;
    /*margin: -19px 0px 0px 0px;*/
    background: url("https://cse.google.com/coop/intl/ar/images/google_custom_search_watermark.gif") 0% 50% no-repeat rgb(255, 255, 255) !important;
    font-size:15px;

}

/**********************    #########   **********************/
/********************** END Header Content *****************/


/********************** START Main Content *****************/
/**********************    #########   ********************/

.maincontent  .left{
    float: right;
}

.maincontent  .inner-1 {
    float: right;
}


.maincontent  .left .moduletable  li, .maincontent  .left .moduletable  a,
.maincontent  .inner-1 .moduletable  li, .maincontent  .inner-1 .moduletable  a{
    text-align: right;
    direction: rtl;
}

.maincontent  .left ul.menu  ul li{
    direction: rtl;
    padding: 0% 9% 0% 0%;
}

.maincontent   .content{
    float: left;
}

.maincontent   .content li{
    direction: rtl;
}

.maincontent   .content .actions li{
    margin: 50px 1px 2px 2px;
}


/**********************    #########   **********************/
/********************** END Main Content *******************/
.maincontent .portal-2 >* {
    float: right !important;

}
.maincontent .portal-2 li, .maincontent .portal-2 a {
    text-align: right !important;
    font-family: DroidKufi-regular !important;
    width: 100%;
    direction: rtl !important;



}

/**********************    CB users   **********************/

#registrationTable .fieldCell{text-align:right;}

.cbFieldsContentsTab {float:right;}

form.cb_form .cb_form_line label, .cb_tab_content .cb_form_line label{float:right}
form.cb_form .cb_form_line .cb_field input,
form.cb_form .cb_form_line .cb_field select,
.cb_tab_content .cb_form_line .cb_field input, .cb_tab_content .cb_form_line .cb_field select
{margin:0 -4px 0 0;}
form.cb_form .cb_form_line, .cb_tab_content .cb_form_line{text-align:right;}
.cbUserListPagination a{margin: 0 4px 0 3px;}
.cbUserListResultCount {display:none;}
.cbUserListTitle{display:none;}
.cb_template_default{text-align:right;}
.titlecell, .captioncell, table.content_table td.titlecell, table.content_table td.captioncell {
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    padding: 3px 3px 4px 6px;
}
.fieldcell, table.content_table td.fieldcell, .fieldcell td, .tab_description {
    font-weight: normal;
    text-align: right;
    vertical-align: top;
    padding: 3px 3px 4px 6px;
}

/********************** END CB users *******************/

/********************** abooks *******************/
.pagination li{
    direction: rtl;
    float: right;
    list-style-type: none;
    margin: 0 5px 0;
}
/********************** end abooks *******************/

/********************** START News Navigation *****************/
/**********************    #########   ********************/
.items-more h3 {
    text-align: right;
}

.items-more li, .items-more a {
    text-align: right;
}

.cat-children h3{
    text-align: right;
}

.cat-children li, .cat-children a{
    text-align: right;
}

/**********************    #########   **********************/
/********************** END News Navigation *******************/



/**************
/**************
    AU Profile -->> University Units
    
                ***************
                ***************/
#organization
{
    position: relative;
    background-image:url("http://www.portal.alexu.edu.eg/sites/default/files/images/Organization changes_2.png");
    background-repeat:no-repeat;
    padding: 0;
    height:393px;
    margin:10px;
}
#organization li
{
    display: block;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 120px;
    height: 120px;
    background-image: none;
}
#organization a
{
    display: block;
    outline: none;
}

#first a, #second a, #third a, #fourth a, #fifth a, #sixth a
{
    width: 120px;
    height: 120px;
}

#first
{
    left: 233px;
    top: -5px;
}

#first a:hover
{
    background: url("http://www.portal.alexu.edu.eg/sites/default/files/images/Organization changes_2.png") -5px -388px no-repeat;
}
#second
{
    left:355px;
    top:67px;
}
#second a:hover
{
    background: url("http://www.portal.alexu.edu.eg/sites/default/files/images/Organization changes_2.png") -372px -389px no-repeat;
}
#third
{
    left:355px;
    top:208px;
}
#third a:hover
{
    background: url("http://www.portal.alexu.edu.eg/sites/default/files/images/Organization changes_2.png") -136px -389px no-repeat;
}
#fourth
{
    left:234px;
    top:278px;
}
#fourth a:hover
{
    background: url("http://www.portal.alexu.edu.eg/sites/default/files/images/Organization changes_2.png") -5px -526px no-repeat;
}
#fifth
{
    left:111px;
    top:208px;
}
#fifth a:hover
{
    background: url("http://www.portal.alexu.edu.eg/sites/default/files/images/Organization changes_2.png") -257px -394px no-repeat;
}
#sixth
{
    left:111px;
    top:67px;
}
#sixth a:hover
{
    background: url("http://www.portal.alexu.edu.eg/sites/default/files/images/Organization changes_2.png") -127px -525px no-repeat;
}
#download
{
    left:234px;
    top:135px;
}
#download a
{
    width:120px;
    height:150px;
}

/**************
/**************
    AU Profile -->> University Units
    
                ***************
                ***************/



/**************
/**************
   --->>>   SITE MAP  <<<---
    
                ***************
                ***************/


#xmap h2.menutitle {
    background: url(../images/xmap_li_rtl.png) right no-repeat;
    background-color: #334C75;
    color: #ECF5FD;
    text-align: right;
    padding: 10px 30px 10px 0px;
}


#xmap ul.level_0 {
    text-align: right;
}

#xmap ul.level_0 li{
    background: url(../images/li_parent.png) right no-repeat;
    background-color: #ECF5FD;
    text-align: right;
    padding: 0px 25px 0px 5px;
}

#xmap ul.level_0 li ul{
    text-align: right;
}

#xmap ul.level_0 li ul li{
    background: url(../images/li_child.png) right no-repeat;
    background-color: #ECF5FD;
    list-style-type: none;
}

/**************
/**************
   --->>>   SITE MAP  <<<---
    
                ***************
                ***************/

.abook_search_params{text-align: right;}
.abook_search_params p{float:none;text-align: right;}
.abook_search_params p label{margin-right:5px;}



.bigwrapper{direction: rtl;}


#keyword{
    border-radius:5px;
    border: 1px solid gray;
    margin-right:31px;
    background: rgb(243, 246, 248);
}

#category{
    border-radius:5px;
    border: 1px solid gray;
    background: rgb(243, 246, 248);
}

#faculty{
    border-radius:5px;
    border: 1px solid gray;
    margin-right:38px;
    background: rgb(243, 246, 248);}

#author{
    border-radius:5px;
    border: 1px solid gray;
    margin-right:33px;
    background: rgb(243, 246, 248);}

#title{
    border-radius:5px;
    border: 1px solid gray;
    margin-right:24px;
    background: rgb(243, 246, 248);
}

.abook_search_params p label{
    font-size: 12px;
    color: rgb(124, 123, 131);
    font-family: calibri;
}

.button{
    border-radius: 7px;
    border: none;
    box-shadow: 3px 3px rgb(189, 189, 189);
    font-size: 18px;}

.button a:hover{
    color: rgb(38, 38, 138);
}
#write_us_fieldset{text-align: right;}
#write_us_fieldset label{font-weight: bold;}
#write_us_fieldset input{}


.cat-children li, .cat-children a{list-style: none;font-size: 24px}
.cat-children h3{display: none;}
.item-1319 a{font-weight:bold;width:144px;font-size: 16px}
.menu{text-align: right;}

.dj-megamenu li ul.dj-subtree > li > a

{
    min-width:100% !important;
}


/*----Icons Environment----*/

.icons .row {}
.icons .icon-success i {
    color: #1c87b9 !important;
}
.icon_holder {text-align: center; margin: 30px auto;}
.icon_holder a {display: block; font-size: 16px; font-weight: bold; color: #555; margin-top: 30px;}
.icon {display: inline-block; position: relative; text-align: center;}
.icon:before {position: relative; display: inline-block; font-weight: 400; font-style: normal; speak: none;
    text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-mod-1:after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
    display: inline-block; border: 1px solid #a09e9e; transition: .4s; transform: rotate(45deg);}
.icon-mod-1:hover:after {transform: rotate(-90deg);}
.icon-success {color: #1cbbb4; padding: 20px;}
.icon-xs {width: 20px; font-size: 20px; line-height: 1.5;}
.icon-sm {width: 27px; font-size: 24px; line-height: 1.3;}
.icon-md {font-size: 36px; line-height: 1.5;}
.icon-lg {width: 120px; height: 120px; line-height: 120px;}

.vice_image {
    position: relative;
    text-align: center;
    overflow: hidden;
}
.vice_image img {
    width: 50%;
    height: auto;
    margin-top: 40px;
    border-radius: calc(1rem - 1px);

}
.vice_aligncenter {
    text-align: center;
}
.vice_aligncenter img {
    margin-top: 40px;
    border-radius: calc(1rem - 1px);
}
.vice_main {
    background-color: #1c87b9;
    color: #f9f1f1;
    border-radius: calc(3rem - 1px);
    padding-top: 5px;
    padding-bottom: 5px;
}
.vice_main p
{
    text-align: center !important;
    color: #f9f1f1;

}
.vice_main h5
{
    color: #f9f1f1;

}

/*----End Icons Env----*/

/*------Faculties-----------*/
 section.faculties h4 span {margin-right: 70px; font-family: Arial, Helvetica, sans-serif; font-size: 90%;}
            section.faculties p {font-size: 18px;}  /* arabic only */
            section.faculties .row article {padding-bottom: 30px; position: relative;}
            section.faculties .row article::after {content: ''; position: absolute; width: 40%; height: 2px; 
            background-color: #d5a82b; display: block; margin-top: 25px;}

.sp-simpleportfolio .sp-simpleportfolio-img
{width:20% !important;}
.go-corner {display: flex; align-items: center; justify-content: center; position: absolute; width: 32px; height: 32px; 
    overflow: hidden; top: 0; left: 0; background-color: #00838d; border-radius: 0 4px 0 32px;}
.go-arrow {margin-top: -4px; margin-right: -4px; color: white; font-family: courier, sans;}
.card4 {display: block; top: 0px; position: relative; max-width: 262px; background-color: #ffffff; border-radius: 4px;
    padding: 32px 24px; margin: 12px; text-decoration: none; overflow: hidden; border: 1px solid #cccccc; text-align: right;
    height: 140px;}
.card4 .go-corner {background-color: #00838d; height: 100%; width: 38px; padding-left: 9px; border-radius: 0; 
    transform: skew(-20deg); margin-left: -25px; align-items: end; 
    background-image: linear-gradient(-45deg, #9726b7 1%, #fc6f70 100%); transition: all ease-in-out 0.3s;}
.card4 .go-arrow {transform: skew(20deg); margin-right: -2px; margin-top: 9px; opacity: 0; position: absolute; top: 0;}
.card4:hover {border: 1px solid #cd3d73; border: 1px solid #00838d; box-shadow: 0px 0px 999px 999px rgba(255, 255, 255, 0.5);
    z-index: 500;}
.card4 h3 {margin-top: 8px; margin-left: 5px;}
.card4:hover .go-corner {/*margin-right: -12px;*/ width: 50px;}
.card4:hover .go-arrow {opacity: 1;}