@charset "utf-8";
/* CSS Document */

html {
  position: relative;
  min-height: 100%;
}
body {font-family: "Open Sans Hebrew", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}
header { margin-bottom:  20px; padding-top: 15px; background: url(../images/headerBG.jpg) repeat-x center top; background-size: cover;}
#logos { margin: 0 0 15px 0;}
#logos img { width: 100%; height: auto; max-width: 140px; display: inline; margin-right: 10px;}

#sitetitle { font-size: 2rem; font-weight: bold; color: #ffffff;}
#sitetitle span { direction: rtl; text-align: right; display:  block;}
h3 { font-size: 1.1rem; background-color: #05084C !important; color: #FFF; margin: 5px 0; padding: 4px;}
a.nav-link { color: #fff !important;}
a.nav-link:hover { color: #aaa !important;}
@media only screen and (max-width: 768px) {
	#sitetitle { font-size: 1rem; text-align:  center; margin-top: 15px;}
	#sitetitle span { text-align: center;}
	#logos img { width: 45%; height: auto;}
	
	.h2, h2 { font-size: 1rem; font-weight: bold; }
	.h3, h3 { font-size: 0.9rem; font-weight: bold; }
}
#sitetitle a {color: #fff;}
.bg-dark { background-color: #05084C !important;}
#mainContainer { margin-bottom:  90px;}

 /*{  font-size: 130%; border-bottom: 1px solid #05084C; padding: 0 0 5px; margin-bottom:  5px;}*/
h3, .sidebarHeading {
	font-size: 1.13rem; font-weight: bold;
	background-color: #05084C !important;
	color: #FFF;
	margin: 5px 0;
	padding: 4px;
}

.catBlock {
	float: left;
	width: 77px;
	height: 98px;
	display: block;
	text-align: center;
	overflow: hidden;
	padding: 0 4px;
	background-repeat: no-repeat;
	margin: 0 2px 3px;
}

.catBlock a {
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;
	padding: 70px 2px 0;
	display: block;
	font-size: 11px; line-height: 12px;
	font-weight: 700;
}

#mainPanel {  text-align:  left;}
#leftPanel, #rightPanel {font-size: 13px; text-align:  left;}

#leftPanel ul, #rightPanel ul { margin: 0; padding: 0; list-style:  none}
#leftPanel ul li, #rightPanel ul li { margin: 0; padding: 0; list-style: square; border-bottom:  1px solid #999;}
#leftPanel ul li a, #rightPanel ul li a{ display:  block;  padding: 4px 10px;}
#leftPanel ul li a:hover, #rightPanel ul li a:hover { background: #dddddd; text-decoration: none;}

ul#historyList {padding:0; margin:0;}
ul#historyList li {margin:0; list-style:none; padding:0;}
ul#historyList li a { display:block; padding: 6px ; margin:0; border: 1px solid #fff; text-decoration:none; color: #003366;}
/*ul#historyList li a:hover { border: 1px solid #333333;}*/

.linkUnit {display:block; padding: 6px; margin:0; margin: 5px 0; background: #E8E8E8; border-radius: 3px;}
.linkUnit img { width:  100%; height: auto; margin-bottom: 3px;}

.peulaBox { margin: 10px 0 ; padding: 10px; border: 1px solid #999999; border-radius: 5px; }
.peulaBox > div {font-size: 13px;}
.fileTypeTab { display:  none;}

.footer {
  position: absolute;
  bottom: 0; padding: 15px 0 0;
  width: 100%;
  /* Set the fixed height of the footer here
  height: 60px; */
	font-size: 12px;
  line-height: 17px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

.breadcrumblink { background: #dddddd; padding: 2px 4px; border-radius: 3px;}

h1, .h1 {
	font-size: 1.7rem;
}

.FileListBlock { padding: 10px; border: 1px solid #dddddd; background: #EEEEEE; border-radius: 6px; margin-bottom: 20px;}
.FileListBlock .breadcrumblink { background: #ffffff;}
.FileListHeader { border-bottom: 1px solid #333; margin-bottom: 20px; font-size: 1.5rem;}