/* general css descriptions for all pages: structuring, horizontal navbar, headers, alerts */
@charset "utf-8";

@media screen {

.hover{
    background-color: pink;
}

/*iframe{
 width: 600px;
 height: 300px;
 text-align: right;
 direction: rtl;
 margin: 40px;
 padding: 20px;
 border: none;

}

iframe:focus { 
    outline: none;
}

iframe[seamless] { 
    display: block;
}*/
/*div.hebinclude{
    direction: rtl;
    text-align: right;
    
}*/

.printonly{
display: none;}

/* general initialiazation */
body,header,div,h1,h2,h3,ul{
    display: block;
}

body{
    background-color: rgb(240,240,240);
    margin: 20px;
    font-size: 100%;
      font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial,
    Helvetica, sans-serif;
  line-height: 1.5;
  z-index: -3;
}


h3{
    position: relative;
    font-size: 1.1em;
    margin-bottom: 0.3em;
}

div.description{
background-color: white;
color: darkred;
font-size: 1.1em;
/*font-weight: bold;*/
padding: 1em;
}

   
 a:link,a:visited
{
    position: relative;
display:inline-block;
/*font-weight:bold;*/

color:darkblue;
/*background-color:#98bf21;*/
width:inherit;
height: auto;
direction: inherit;
text-align:right;
/*padding-right:10px;
padding-bottom: 10px;*/
/*border-radius:25px;*/
text-decoration:none;
}

a:hover,a:active
{
color: magenta;
}


ul {
    position: relative;
     list-style: disc inside;
     margin-bottom: 0.75em;
}

/*   switching languages  */

/*div#langswitch{
margin-left: 10%;
}*/

/*#langswitch a{
    position:relative;
    padding: 0.2em;
    background-color: black;
    color: white;
    margin-right: 1.5em;
}

#langswitch a:hover{
color: magenta;	
}	*/

/* for info img */

/*.logosmall{
    width: 1.2em;
    height: 1.2em;
    margin-left: 0.1em;
    margin-right: 0.1em;
}
*/
/* up arrows from the two side */

/*div#tothetop-left{
    position: fixed;
    width: 2em;
    height:auto;
    top:30%;
    left: 2%;
}

div#tothetop-right{
    position: fixed;
    width: 2em;
    height:auto;
    top:30%;
    right: 2%;
}*/

/* container for the content */

section{
position:relative;
width: 90%;
margin-left: auto;
margin-right: auto;
min-width: 300px;	
}

.intermediate{
    background-color: orange;
}

.last{
    background-color: black;
    color: white;
    
}
/* english (ltr) or hebrew (rtl) */
 .engpage{
    direction: ltr;
}
 .hebpage, .segel{	
direction:rtl;
font-size: 0.95em;
}

section#hebpage{
 direction:rtl;
}



/* title class for titles, headers, etc,
centered, large fonts, fluid */

.title{
    position: relative;
text-align: center;
font-size:200%;
 font-weight: bold; 
 font-variant: inherit;
 background-color: white; 
color: black; 
font-style: italic;
width: 70%;
margin-right: auto;
margin-left: auto;
min-width: 280px;
margin-bottom: 1em;
}

/* center-info class for centered headings - spans the whole page*/

.center-info{
    position: relative;
    background-color: wheat;
    text-align: center;
         margin-bottom: 1em;
}

/*  style for header */

.header{
    position:relative;
    width:100%;
    height: auto;
     margin-bottom: 0.5em;
}


/* style for headings to bring attention */
 
.alert{
     display:block;
    background: darkgreen;
    color: yellow;
    font-size: 1.3em;
    font-weight: bold;
 position: relative;
 border:none;
border-radius:25px;
text-align: center;
width: 80%;
margin-left: auto;
margin-right: auto;
min-width:280px;
}

/* links inside alerts */

.alert a {
/*   display:block;*/
/*    background: darkgreen;*/
    color: yellow;
    font-size: 1.3em;
    font-weight: bold;
 position: relative;
 /*width:40%;
 left:20%;
 height:auto;*/
border:none;
border-radius:25px;
text-align: center;
/*margin-left: 10%;
margin-right: 10%;*/
 }
 
 .alert a:hover{
color: magenta;
 }

/* styled lists */

 .list {
    position: relative;
     list-style: disc outside;
/*     margin: 1.5em;*/
     padding-left: 2em;
     padding-right:2em;
/*     margin-left:5%;
     margin-right:5%;*/
          background-color: rgb(210,220,210);
/*          max-width: 80%;*/
     }

.list li {
     font-size: 1.2em;
  /*   background-color: rgb(210,220,210);*/
     color: darkred;
 /*    max-width: 90%;*/
 /*    margin-right: 1em;*/
     padding-right: 1em;
     padding-left: 1em;
     padding-bottom: 0.3em;
     padding-top: 0.3em;
  /*   margin-left: 1em;*/
/*     padding-left: 1em;*/
  /*   font-style: oblique;*/
  /*   font-weight: bolder;*/
     position: relative;
     }
 
 
 /* styled list inside list */
.sublist {
     list-style: circle outside;
/*     margin-right: 1em;
     margin-left:1em;*/
     position: relative;
     padding-left:0.8em;
     padding-right: 0.8em;
     }

.sublist li {
     font-size: 0.9em;
 /*    background-color: rgb(210,220,210);
     color: darkred;
     max-width: 90%;
     margin-right: 0;
     padding-right: 0.8em;
     padding-left: 0.8em;
*/     padding-bottom: 0.3em;
     padding-top: 0.3em;
     font-style: oblique;
     position: relative;
     }

/* styled horizontal list for navbar */

ul.horizontal {
list-style: none;
width: 90%;
margin-left: auto;
margin-right:auto;

}

ul.horizontal li{
    display: inline;
    font-size: 1em;
    background-color: rgb(240,240,240);
    color: blue;
/* margin: 0.5em;*/
 vertical-align: top;
 padding-bottom: 0.5em;
}


 .legend{
	direction: rtl;
	background-color: white;
	color:darkred;
	font-size:1em;
}

h3.legend{
	font-size:1.2em;
}


 .enlegend{
	direction: ltr;
	background-color: white;
	color:darkred;
	font-size:1em;
}

h3.enlegend{
	font-size:1.2em;
}

.maslul li {
    font-weight: bold;
    font-size: 1em;
}

ul.horizontal a{
    display: inline;
    font-size: 1em;
    background-color: rgb(220,220,220);
    color: maroon;
 margin: 0.5em;
 vertical-align: top;
    } 

.horizontal a:hover{
    color: magenta;
}




nav.tracks {
    display:inline-block;
    width: 320px;
    position:relative;
    top:0;
    right:0pt;
    vertical-align: top;
/*    float:right;
    direction: rtl;
*/    padding-left: 20px;
    
}

nav.tracks h1,h2,h3{
padding-right: 35px;
}

nav.tracks ul{
list-style: disc outside;
}

nav.tracks li{
font-weight: bold;
padding-bottom: 0.3em;

}

.description ul,ol{
	width: 85%;
}

.description p{
width: 90%;
max-width: 90%;}

.description a{
display: inline;
}

.description p::first-letter{
/*color: red;*/
font-weight: bold;
font-size: 1.3em;
}
nav.tracks a {
display: inline;}

/* for segel page */

ul.segel {
	list-style-type: none;
display: inline-block;
}

.center {
text-align: center;	
}

ul.segel{
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -webkit-column-width: 250px; /* Chrome, Safari, Opera */
     -webkit-column-par: 20px;
    -moz-column-width: 250px; /* Firefox */
    column-width: 250px;
	direction: rtl;
width: 90%;
font-size: 1rem;
/*margin: auto;*/
margin-top: 1.5em;
padding-top: 1.5em;
}

.segel li{
width: 200px;
margin: auto;
font-size: 1rem;
}
 
ul.bottom{
width:75%;
font-size: 0.9rem;
list-style-type: none;
direction: rtl;
margin: auto;
}

h3.semester{
    direction: inherit;
}

/*section {counter-reset:section;}*/

/*h3.semester:after
{
counter-increment:section;
content: counter(section);
}*/

/* styled semester text */

.semester {
     text-align: justify;
     position: relative;
width: auto;
     max-width: 320px;
font-weight: bold; 
 font-variant: inherit;
 background-color: white; 
color: black; 
font-style: italic;
margin-right: 1em;
margin-left: 1em;
}

/* general table styling */

div.course{
     margin:0;
     padding: 0;
     width: 100%;
}

table{
     margin-left: auto;
     margin-right: auto;
width: auto;
 min-width: 320px;
 font-size: 1rem;
background-color: bisque;
border: solid thin black;
          border-collapse: collapse;
}

td,th {
          border: solid thin black;
          border-collapse: collapse;
   padding-right: 0.3em;
   padding-left: 0.3em;
   direction: inherit;
}

table a {
direction: inherit;
font-size: 0.9em;
color: blue;
}

td a{
 direction: inherit;
font-size: 0.9em;
color: blue;
}

th {
     background-color: white;
}

tr:hover{
background-color: yellow;
}


.track {
     direction: inherit;
     table-layout: fixed;
}

.code {
     width: 100px;
/*     min-width: 2em;*/
text-align: center;
}

.name {
     width: 120px;
}

td.name{
          font-size: 0.9em;
}
.ename{
      width: 120px;
     min-width: 3em;  
}
.points {
     width: 60px;
text-align: center;
}

.hours {
     width: 60px;
     min-width: 1.5em;
     text-align: center;
}
.group {
     width:250px;
}

td.group {
          font-size: 0.85em;
}
.prerequisite {
     width:15%;
/*     word-wrap: break-word;*/
}

.links {
    width: 250px;
    
}

.comment{
 width: 200px;   
}
/* parts of the course code: dept, deg, course */

.deptcode{
     font-weight: bold;
}

.degcode{}

.coursecode{}

  
    .drishot table {
    margin-top:1em;
    margin-bottom: 1em;	
    } 

/* what to show and not show in hebrew and english pages */

/* what to show where */

/* do not show at all*/

.t11{display: none;}

.group,.comment,.checklist,.prerequisite {
    display: none;
}

.bsc-track  .ename, .bsc-track .intermediate {
    display: none;
}


.bsc-courses  .ename {
    display: none;
}

.bsc-courses  .semester {
    display: none;
}
.msc-track .name, .msc-track .semester{
    display:none;
}

.msc-track .intermediate, .msc-track .last{display: none;}
.msc-courses .ename,.msc-courses  .semester, .msc-courses .intermediate, .msc-courses .last {
    display: none;
}


.group, .comment, .prerequisite {
display: none;}

#hebpage .ename, .hebpage .ename {
     display: none;
}

.prerequisite{text-align: left;}
#engpage  .name, .engpage .name{
     display: none;
}

.deptcode{color: gray;}

.dep203 {color: black;}



/*#engpage table{
	table-layout: auto;
	font-size: 1.1em;
}
*/

.t01, .t02, .t03,.t04,.t05,.t08,.t09,.t10,.t11,.t12,.tma,.tmi, .t06{
	width:1.7em; text-align: center;
}

.gip, .cmt, .cme,.astro,.hep,.bio,.alop{
	width:2em; text-align: center;
}

.cmain{
    color: red;
}


/* row and cells or or: ortop-ormiddle-orbottom */
.ortop {
    border-bottom: hidden;
}
.orbottom {
    border-top: hidden;
}

.ormiddle{
    border-bottom: hidden;
      border-top: hidden;
}

.points, .hours, .prerequisite, .code, .groups {direction: ltr;}

td.groups{
width: 15%;    
}


 .drishot td, .drishot th {text-align:center;}
 .drishot .tracks1 td:nth-child(1){text-align: right;}
 .drishot .tracks2 td:nth-child(1){text-align: right;}
  .sherut td{text-align:center;}
 .sherut .tracks3 td:nth-child(2){text-align:right;}
 .sherut .tracks3 td:nth-child(6){text-align:left;}

.sherut td.prerequisite {
   width: 15%; 
}

.sherut td.name{
    text-align: right;
}
.enginheb{text-align: left; display: block; direction: ltr;}
ol.enginheb li {text-align: left; display: block; list-style: decimal; list-style-type: decimal;}
.tracks h2{text-align: right; }
td span.enginheb{
    text-align: center;
}


.bsc-track td.name{text-align:right;}
.msc-track td.ename{text-align:left;}
.msc-courses td.name{text-align:right;	}
.bsc-courses td.name{text-align:right;}
 td.name span.enginheb{text-align:left; display:block;}

span.showsite::after{content: "website";}

.all203 .group{
 display:  table-cell ;
 width: auto;
 max-width: 400px;
}

.all203 .prerequisite{
 width: auto;
 max-width: 400px;
 display: none;
    
}
.all203 .csite{
 width: auto;
 max-width: 550px;
 display: none;
    
}

.all203 .ford{
 width: auto;
 max-width: 400px;
 display: none;
    
}

.all203 .comment{
 width: auto;
 max-width: 400px;
 display: none;
    
}

.all203 .links{
    width:80px;
    }
    
.all203 .togglecsite {
    display:none;
}
td.links a{
    text-align: left;
    direction: ltr;
    display: inline;

}

button{
font-size: 1em;    
    
}

.buttons{
    position: relative;
    text-align: center;
    margin: 30px;
}

li.alter {
    color:red;
}

.bsc-track li:nth-child(5){
 display: none;
}

.bsc-courses .remarks li:nth-child(1){
 display: none;
}

.bsc-table li:nth-child(5){
 display: none;
}

 tr.tabmidtitle > th {
border-right-style: hidden;
border-left-style: hidden;
}

/*.all203 button{
height: 80px;
width: 300px;
margin: 20px;
padding: 20px;
background-color: blue;
color: yellow;
text-align: center;
position: relative;
font-size: 1.3em;
border-radius: 1px;
}
*/

/*kjkjjkjhljjljhljlkjlkjlkjlkjkljlkjkljlkjlkjlkjkljl*/
@media screen and (max-width: 960px ){
body{
     font-size: 85%;
}


/* do not show for smaller screens */
.group, .hours,.prerequisite,.checklist {
     display:none;
}


/* smaller fonts for smaller screens */
td,th{
     font-size: 0.8em;
}

/* narrow table */
table{
     margin: auto;
     min-width: 460px;
     margin-bottom: 1em;
}



}
@media screen and (max-width: 320px ){
table{
     margin: auto;
     min-width: 280px;
}  
}    

h2.graduate{
  display: block;
  width: 80%;
  margin: auto;
  margin-bottom: 1em;
  text-align: center;
font-size: 1.2em;
text-decoration: underline; 
}
h3.graduate{  display: block;
  width: 70%;
  margin: auto;
  text-align: center;font-size: 1.1em;
  background-color: wheat;
  color: maroon;}




}

/*span.uparrow {display: inline;}
.uparrow  a{display: inline;}
*/
/* printint */
.newsegel li{
width: 30%;
display: inline-table;
}