body, html { font-family: 'Cairo', sans-serif;height: 100%; color: #777;    line-height: 1.8; margin-top:0px; direction:ltr;background-image: url('Image/rback.jpeg')}
.btnLine{text-decoration: none; }
.btncolor{background-color:#457cae; ;}
.bg1:after {content:'';background-image: url('Image/background.jpeg'); background-position:center; background-attachment:fixed; background-size:100% 100%; position: absolute; top:0px; left: 0px; width:100%; height:100%; z-index:-1; opacity: 1.0; }
.bg1 { width:100%;text-align:center; height:100px;}
.bg2:after {content:'';background-image: url('Image/background.jpg');background-position:center;background-attachment:fixed; background-size:contain;background-repeat:no-repeat; position: absolute;top:0px;left: 0px; width:100%;  height:100%; z-index:-1; opacity: 1.0;}
.bg2 {position: relative; width:100%; text-align:center; min-height: 100%;}
.main{ padding-top:80px;}
.maintop{padding-top:70px;}
#showslider{ width:100%;    min-height:100%;}
.icons {   width:68px;   height:68px;}
.mySlides { width:100%; height: 100%;}
.mySlides img {width:100%; height:100%; opacity: 0.9;}
.mySlides div {background-color: #666;   opacity: 0.3;filter: alpha(opacity=40);}
div.transbox {background-color: #FFFFFF; border: 1px solid black;  opacity: 0.6; width:90%;  filter: alpha(opacity=60); /* For IE8 and earlier */}
div.transbox p { font-weight: bold;  color: #000088;}
.scroll {height: 300px;overflow-y: scroll;user-select: none;}.btnLine{text-decoration: none; }
.scroll {height: 300px;overflow-y: scroll;user-select: none;}
.ui-autocomplete {max-height: 100px;overflow-y: auto;/* prevent horizontal scrollbar */ overflow-x: hidden;  }
 * html .ui-autocomplete {height: 100px;}
.img-wrap { position: relative; display: inline-block; font-size: 0;}
.img-wrap .close { position: absolute;top: 2px;right: 2px;z-index: 100;background-color: #FFF; padding: 5px 2px 2px;color: #000;font-weight: bold; cursor: pointer; opacity: .2; text-align: center;font-size: 22px; line-height: 10px; border-radius: 50%;}
.img-wrap:hover .close { opacity: 1;}
.tblscroll {border: 0; border-collapse: collapse;}
.tblscroll tr {  display: flex;}
.tblscroll td {  flex: 1 auto;  word-wrap: break;}
.tblscroll thead tr:after {    overflow-y: scroll;  visibility: hidden;  height: 0;}
.tblscroll thead th {  flex: 1 auto;  display: block;}
.tblscroll tbody {  display: block;  width: 100%;  overflow-y: auto;  height: 400px;}
#myBtn { position: fixed;  bottom: 100px;  right: 30px;  z-index: 99;  border: none;  outline: none;    cursor: pointer;  padding: 1px;  border-radius: 2px;}
#myBtn:hover {  background-color: #555;}