@font-face {font-family: myFont01; src: url(../fonts/arabic/IsraRegular.ttf);}
@font-face {font-family: myFont02; src: url(../fonts/arabic/KHALAAD_AL_ARABEH_2.TTF);}

.arab01 {font-family:myFont01}
.arab02 {font-family:myFont02}


/* this line for testing*/
/*body{background-color: #000000;color:white;}*/

*{direction:rtl;font-family:myFont01}
/*body{background-color: #1b252f;}*/


/* rtl menubar*/
.navbar .nav  { text-align:right}
.navbar .nav .pull-right {text-align:right}
.navbar-header a{ font-family:myFont01;font-size: 2.6em;}
.navbar{margin-bottom:0;}



.the_navbar_header .container >div>div{ border:0px solid green;padding-right:0px;}
.the_navbar_header .container >div>div>div{ border:0px solid blue;margin-right: 0px;}
.the_navbar_header .container >div>div>div>ul{ border:0px solid pink;padding:0px;}
ul.nav > li > a:hover, ul.nav > li > a:focus {text-decoration: none;}


/*background-size:auto auto;*/
.the_jumbotron {background-size: cover;}
.the_jumbotron .container .jumbotron{text-align: center;}
.the_jumbotron .container .jumbotron span{color: inherit;font-size: 4.6em;}






.the_footer_format {position:relative;}
.the_footer_format .container {min-height: 250px;}
.the_footer_format .container div ul {list-style-type: none;}
.the_footer_format .container div ul li a{text-decoration: none;border:0px solid red;}
.the_footer_format .container div ul li a:hover {text-decoration:underline;}
.the_footer_format .container div ul li a:active {text-decoration:underline;}
.the_footer_format .container>a{font-size: 2em;position:absolute;bottom:5px;left:5px;z-index:10;}
.the_footer_format .container div ul li a.myicon:hover {text-decoration:none;}



/* Nav Bar Color Customization Start */
/* very dark   */
/*      dark  2c3e50 */
/*      light white */

/* Main Color Selection*/
/*2c3e50   48647c*/
/*832d51   b23f73*/
/*74525f   d49e99*/



.the_navbar_header {background-color: #2c3e50;}
.navbar-default { background-color: #2c3e50;  border-color: #2c3e50;}
/* Hover Text*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #FFF; }
/* Active text */
.navbar-default .navbar-nav > li > a { color: #999; }
/* Hover Box */
ul.nav > li > a:hover, ul.nav > li > a:focus { background: #3D4F65 !important; }






/* The Brand */
.the_navbar_header .glyphicon {color:#999;}
.the_navbar_header .fa {color:#999;}
.the_navbar_header [class^="icon"] {color:#999;}
.the_navbar_header .glyphicon:hover {color:white;}
.the_navbar_header .fa:hover {color:white;}
.the_navbar_header [class^="icon"]:hover {color:white;}
/* Nav Bar Color Customization Ends */

/* jumbotron Customization Start */
/*.theheader {background: url(../images/lib/banner.jpg) no-repeat left top;background-size: cover;}*/
.the_jumbotron {background-color: #2c3e50;}
.the_jumbotron .container .jumbotron{color: white;}

.the_jumbotron .container .jumbotron {
    background: rgb(0, 0, 0); /* This is for ie8 and below */
    background: rgba(0, 0, 0, 0.0);
}

/* jumbotron Customization Ends */

#TheFooter{background-color: #242b32 ;}
.the_footer_format .container div h3 {color: #999;}
.the_footer_format .container div ul {color: #666;}
.the_footer_format .container div ul li a:link {color: #888;}
.the_footer_format .container div ul li a:visited {color: #888;}
.the_footer_format .container div ul li a:hover {color: #ccc;}
.the_footer_format .container div ul li a:active {color: #888;}
.the_footer_format .container div ul li a span:hover{color:white;border:0px solid green;}
.the_footer_format>.container>a>span:hover{color:white;}











.NoUnderLineHover:hover {text-decoration:none;}
.NoUnderLineHover:visited {text-decoration:none;}
.NoUnderLineHover:active {text-decoration:none;}
.NoUnderLineHover:link {text-decoration:none;}


div.modal p {font-size: 1.4em;border:0px solid red;}


p{line-height: 1.26em;}

.row div p{font-size: 1.4em;text-align:justify;}


h1, h2,h3 {color:#630100;}

div>ul>li{font-size: 1.4em;text-align:justify;}

.modal-body ul{font-size: 1.4em;}
.modal-dialog{background-color: white;}

.withLeftIcon{position:relative; padding-right:35px;}
.withLeftIcon>span{position:absolute; top:5px; right:0; font-size:.8em;color:gray;}

/*.dropshadow {box-shadow: 10px 10px 5px grey;}*/

.tooltip-inner {font-size: medium;}

.glyphicon {font-size: 1.8em;color:gray;}
.fa {font-size: 2.2em;color:gray;}


.table caption{text-align:right;font-family:myFont01;}
.table tr td{text-align:right;font-family:myFont01;font-size:1.4em; }
.table tr th{text-align:right;font-family:myFont01;font-size:1.4em;font-weight:bold;}




hr.soften {
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(160,160,160,0), rgba(160,160,160,.8), rgba(160,160,160,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.8), rgba(0,0,0,0));
    border: 0;
    margin-bottom: 10px;
}

.card001 {
    position:relative;
    background-color: white;
    border:1px solid lightgray;
    min-height: 30em;
    /*margin-top: 2px;*/
    padding: 5px 0px;
    border-radius: 10px 10px 10px 10px;
    text-align:center;
}
.card001 h3{font-family:myFont01;font-size: 2em;padding:0 15%;text-align: center;}
.card001 h5{font-size: 1.35em;padding:0 15%;text-align: center;}

.card001 .my_buttons{
    position:absolute;
    bottom:4px; left:0;
    width:100%;
    border:0px solid red;
}
.card001 .my_buttons{padding:0 10%;}
.card001 .my_buttons .fa{padding:0.1em;margin:0.1em;font-size: 2.6em;}
.card001 .my_buttons .btn{padding:0em 0.4em;}
.card001 .my_buttons .btn-default{padding:0em 0.4em;}
.long_card001{min-height: 36em;}
/*.card001 .my_buttons .glyphicon{font-size: 2.2em;}*/


@media only screen and (max-width: 768px) {
    .card001 .my_buttons .fa{font-size: 1.8em;padding:0em;margin:0em;}
    .card001 .my_buttons .glyphicon{font-size: 1.6em;}
}




.scrollToTop{
    width:60px;
    height:80px;
    padding:10px;
    text-align:center;
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position:fixed;
    bottom:80px;
    left:4px;
    display:none;
    background: url('../../images/all/top.png') no-repeat 0px 20px;
    z-index: 100;
}
.scrollToTop:hover{
    text-decoration:none;
}




.identity_card a .glyphicon {font-size: 2.4em;}
.identity_card a .fa        {font-size: 2.84em;}









.rbrd{border:1px solid red;}
.bbrd{border:1px solid blue;}
.gbrd{border:1px solid green;}
.kbrd{border:1px solid black;}




#researchData table tbody tr td.ResearchTopic{
    width:85%;
    background: #888; /* For browsers that do not support gradients */
    color:white;
    font-style: italic;
}
#researchData table tbody tr td.Researchers{border-left: 1px solid #ccc;}
#researchData table tbody tr td.Publisher{border-left: 1px solid #ccc;}
#researchData table tbody tr td.YearOfPublish{border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}



#researchData table tbody tr td.ResearchFile a {text-decoration: none !important;display:block;text-align: center;position: relative;}
#researchData table tbody tr td.ResearchFile a span{border:0px solid red;color:white;}
#researchData table tbody tr td.ResearchFile a em{border:0px solid green;position: relative;top:-10px;color:white;}
#researchData table tbody tr td.ResearchTopicH{color:white;width:15%;border-left: 1px solid #ccc;}
#researchData table tbody tr td.ResearchersH{color:white;border-left: 1px solid #ccc;border-top: 1px solid #eee;}
#researchData table tbody tr td.PublisherH{color:white;border-left: 1px solid #ccc;border-top: 1px solid #eee;}
#researchData table tbody tr td.YearOfPublishH{color:white;border-left: 1px solid #ccc;border-top: 1px solid #eee;}


#BookData table tbody tr td.BTitle{
    width:85%;
    background: #888; /* For browsers that do not support gradients */
    color:white;
    font-style: italic;
    text-align: justify;
}
#BookData table tbody tr td.Authors{border-left: 1px solid #ccc;}
#BookData table tbody tr td.Publisher{border-left: 1px solid #ccc;}
#BookData table tbody tr td.YearPublished{border-left: 1px solid #ccc;}
#BookData table tbody tr td.Edition{border-left: 1px solid #ccc;}
#BookData table tbody tr td.ISBN{border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
/*#BookData table tbody tr[data-target]{background: url(../images/all/ClickHere.png) no-repeat left bottom;border: 1px solid red;}*/

#BookData table tbody tr td.ResearchFile{background-color: #eee;}
#BookData table tbody tr td.ResearchFile a {text-decoration: none !important;display:block;text-align: center;position: relative;}
#BookData table tbody tr td.ResearchFile a span{border:0px solid red;}
#BookData table tbody tr td.ResearchFile a em{border:0px solid green;position: relative;top:-10px;}
#BookData  div .bookImg1{
    position:absolute;top:30px ;left:-135px;
    border-radius: 5px;
    width: 180px;
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);


    border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    /*border: 5px solid #2c3e50;*/



    -webkit-box-shadow: 5px 10px 33px -4px rgba(0,0,0,0.57);
    -moz-box-shadow: 5px 10px 33px -4px rgba(0,0,0,0.57);
    box-shadow: 5px 10px 33px -4px rgba(0,0,0,0.57);

    -webkit-backface-visibility: hidden;
}

#BookData  div .bookImg2{
    /*position:absolute;bottom:0px ;*/
    border-radius: 5px;
    width: 100%;
    /*-ms-transform: rotate(-15deg); !* IE 9 *!*/
    /*-webkit-transform: rotate(-15deg); !* Chrome, Safari, Opera *!*/
    /*transform: rotate(-15deg);*/


    border-radius: 9px 9px 9px 9px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    /*border: 5px solid #aaa;*/



    /*-webkit-box-shadow: 5px 10px 33px -4px rgba(0,0,0,0.57);*/
    /*-moz-box-shadow: 5px 10px 33px -4px rgba(0,0,0,0.57);*/
    /*box-shadow: 5px 10px 33px -4px rgba(0,0,0,0.57);*/

    -webkit-backface-visibility: hidden;
}

#BookData table tbody tr td.BTitleH{width:15%;color:white;border-left: 1px solid #ccc;}
#BookData table tbody tr td.AuthorsH{color:white;border-left: 1px solid #ccc;border-top: 1px solid #eee;}
#BookData table tbody tr td.PublisherH{color:white;border-left: 1px solid #ccc;border-top: 1px solid #eee;}
#BookData table tbody tr td.YearPublishedH{color:white;border-left: 1px solid #ccc;border-top: 1px solid #eee;}
#BookData table tbody tr td.EditionH{color:white;border-left: 1px solid #ccc;border-top: 1px solid #eee;}
#BookData table tbody tr td.ISBNH{color:white;border-left: 1px solid #ccc;border-top: 1px solid #eee;}


/*.jssora05l, .jssora05r {*/
/*display: block;*/
/*position: absolute;*/
/*width: 40px;*/
/*height: 40px;*/
/*cursor: pointer;*/
/*background: url(../images/all/a17.png) no-repeat;*/
/*overflow: hidden;*/
/*}*/
/*.jssora05l { background-position: -10px -40px;top:35%; left: 18px; }*/
/*.jssora05r { background-position: -70px -40px;top:35%; right: 18px; }*/
/*.jssora05l:hover { background-position: -130px -40px; }*/
/*.jssora05r:hover { background-position: -190px -40px; }*/
/*.jssora05l.jssora05ldn { background-position: -250px -40px; }*/
/*.jssora05r.jssora05rdn { background-position: -310px -40px; }*/

hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}



.modal .modal-dialog .modal-content .modal-header h2{font-size:2em;}
.modal .modal-dialog .modal-content .modal-header h3{font-size:1.8em;}
.modal .modal-dialog .modal-content .modal-header h4{font-size:1.6em;}
.modal .modal-dialog .modal-content .modal-body img{width: 100%;height: auto;}

.modal .modal-dialog .modal-content .modal-header .close {margin:5px 0 0 5px; float:left;font-size: 4em;line-height: .5em;}
.modal .modal-dialog .modal-content .modal-footer .btn{margin:0 0 5px 5px; float:left;font-size: 1.2em;}