/* 
   UEEPC Web Site
   Copyright (C) 2004-2017, Eng. Mohammed Usama Ali El-Mokadem
  
   Email: musama@hotmail.com
   Web: http://www.facebook.com/mokadem2000
   Mobile [Egypt]:  0106-4446843
                    0111-4440321

   Company:
   =======
 	UEEPC: UPPER EGYPT ELECTRICITY PRODUCTION COMPANY

*/
html{
height:100%;
margin-bottom:1px;
}
body{
margin:0px;
padding:0px;
font:80% segoe ui, Simplified Arabic, Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background:#376FBC;
}
#newsticker_a a{
font-family:Arial,Tahoma;
font-size:1.0em;
color:#4040A0;
text-decoration:none;
}
#wrapper{
margin:0px auto;
width:100%;
background-color:#376FBC;
}
#topheader{
text-align:center;
margin:0px auto;
background:url('../images/topheader.jpg') no-repeat;
height:34px;
width:1000px;
}
#header{
margin:0px auto;
width:1000px;
height:99px;
background-color:#376FBC;
}
#headerleft{
float:right;
width:99px;
height:99px;
}
#headerright{
position:relative;
float:left;
width:890px;
height:0px;
}
#mainpic{
overflow:hidden;
height:99px;
width:890px;
}
.pics{
height:99px;
width:890px;
padding:0;
margin:0;
}
.pics img{
height:99px;
width:890px;
top:0;
left:0
}
.magnify,#map_canvas{
margin:2px 2px 2px 2px;
padding:4px;
float:left;
border-radius:10px;
border:1px solid #202080;
background:rgba(208,208,208,0.5);
box-shadow:#B3B3B3 13px 13px 13px;
}
#tm{
position:relative;
left:1px;
top:1px;
width:98px;
z-index:4;
}
#map_canvas{
width:600px;
height:400px;
}
#closeerror:hover{
font-weight:bold;
}
#topnav{
margin:0px auto;
background:url('../images/topnav.jpg') no-repeat;
width:1000px;
height:33px;
}
#footer{
clear:both;
margin:0px auto;
background:#376FBC url('../images/footer.jpg') no-repeat;
height:75px;
width:1000px;
}
#footer2{
margin:0px auto;
background:#376FBC url('../images/footer2.jpg') repeat-x;
height:66px;
width:1000px;
}
#bodycolumn{
text-align:center;
margin:0px auto;
width:1000px;
clear:both;
background-color:#f0f0ff;
}
#bodyerror{
width:880px;
margin:2px 4px 2px 4px;
padding:4px;
font-size:125%;
float:left;
border-radius:5px;
border:1px solid #202080;
background:rgba(255,235,232,0.7);
box-shadow:#B3B3B3 8px 8px 8px;
display:none;
text-align:center;
}
#bodyNotification{
width:98%;
margin:2px 2px 2px 2px;
padding:4px;
font-size:125%;
font-weight:bold;
border-radius:4px;
border:1px solid #A8A880;
background:rgba(255,255,0,0.8);
box-shadow:#B3B3B3 1px 1px 1px;
text-decoration:none;
}
#body0{
text-align:right;
width:98%;
margin:2px 2px 2px 2px;
padding:4px;
font-size:125%;

border-radius:4px;
border:1px solid #A8A880;
background:rgba(255,255,255,0.8);
box-shadow:#B3B3B3 1px 1px 1px;
}
#body1{
width:97%;
margin:4px 4px 4px 4px;
padding:10px;
text-align:right;
border-radius:15px;
border:1px solid #202080;
background:rgba(248,248,248,0.8);
box-shadow:#B3B3B3 13px 13px 13px;
background-image:url('../images/logo-bg.jpg');
}
#body2{
height:auto;

width:200px;
min-height:100%;
border-left-style:dotted;
border-left-width:1px;
border-left-color:#202080;
background:rgba(248,248,232,0.8);
}
#body1b{
width:800px;

}
#body1c{
width:600px;

}
#body2b{
width:200px;
min-height:418px;

}
#body3{
width:200px;

}
a:link, a:visited{
color:#c53d36;
}
a:active, a:hover{
color:#555555;
}
pre{
font:125% segoe ui, Simplified Arabic, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
#uul{
list-style-image:url('../images/bullet.gif');
padding:10px 20px 0px 0px;
margin:0 0 20px 30px;
line-height:135%;
font-size:125%;
color:#000066;
}
ol{
padding:0;
margin:0 0 20px 30px;
line-height:135%;
}
p{
font-size:125%;
padding:5px 10px;
margin:0;
line-height:135%;
color:#000066;
}
h1{ 
background-color:#000080;
color:#ffffff;
text-align:right;
font-family:geflow, Verdana, Arial, sans-serif;
font-size:18px;
padding:6px;
}
h2{
font:165% segoe ui, Simplified Arabic, Verdana, Arial, Helvetica, sans-serif;
color:#0000ff;
text-align:right;
border-bottom:1px solid #0000ff;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
margin:4px 0;
}
h3{
font-size:165%;
color:#000;
text-align:right;
border-bottom:1px solid #000;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
margin:4px 0;
}
h4{ 
font-size:145%;
color:#000;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
margin:4px 0;
}
h5{
font-size:145%;
color:#000080;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
margin:4px 0;
font-weight:bold;
}
h6{
font-size:145%;
color:#8c2424;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
margin:4px 0;
}
p{
font-size:120%;
}
.center{
text-align:center;
}
.submitbuttons{
font-weight:bold;
color:#ffffff;
text-align:center;
font-size:100%;
font-variant:small-caps;
font-family:Verdana, Arial, sans-serif;
border-top:3px solid #3b3a42;
border-bottom:4px solid #3b3a42;
border-left:1px solid #3b3a42;
border-right:1px solid #3b3a42;
background-color:#999999;
width:155px;
height:30px;
}
td{
vertical-align:middle;
font-size:125%;
}
td.one{
background-color:#FEFEF2;
}
td.two{
background-color:#FCF6CF;
}
td.disable{
background-color:#888888;
}
td.archives{
background-color:#DDDDDD;
}
table{
border-collapse:collapse;
font-size:100%;
padding:0.2em 2ex 0.2em 2ex;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
.inputtext{
font-family:segoe ui, Simplified Arabic,Tahoma,Arial;
font-size:14pt;
}
.inputlabel{
font-family:segoe ui, Tahoma,geflow,Simplified Arabic,Arial;
font-size:12pt;
}
.headernavlinks{
padding:10px 0px;
text-align:left;
font-size:96%;
font-weight:bold;
font-family:segoe ui, Arial,Tahoma,Simplified Arabic;
}
.headernavlinks a:link, .headernavlinks a:visited{
padding:8px 10px;
color:#FFFFFF;
text-decoration:none;
}
.headernavlinks a:active, .headernavlinks a:hover{
color:#FFFFFF;
background-color:#000044;
text-decoration:none;
}
#companyname{
padding:8px 10px 4px 10px;
font-size:120%;
color:#FFFFAA;
border-radius:4px;
background:rgba(2,8,160,0.5);
font-family:segoe ui, Tahoma,Arial,Simplified Arabic;
}
.headerleft{
padding:0px 4px 0px 0px;
}
.topnavlinks{
padding:4px 14px;
text-align:center;
font-size:120%;
}
.topnavlinks a:link, .topnavlinks a:visited{
padding:4px 10px;
color:#FFFFFF;
text-decoration:none;
}
.topnavlinks a:active, .topnavlinks a:hover{
color:#FFFFFF;
background-color:#3b3a42;
text-decoration:none;
}
.bodycolumncontent{
padding:8px;
min-height:400px;

}
.body1content{
padding-top: 2px;
padding-right: 24px;
padding-bottom: 2px;
padding-left: 2px;
}
#maincontents{
width:100%;
overflow:auto;
}
.body2content{
padding:14px 8px;
background:rgba(248,248,232,0.8);
}
.body3content{
padding:14px 8px;
}
.menuheader1{
width:180px;
text-align:right;
margin:4px 0 0 0;
border-bottom:4px solid #3b3a42;
color:#8c2424;
font-size:120%;
}
.menuheader1 a:link, .menuheader1 a:visited{
color:#3b3a42;
text-decoration:none;
font-weight:bold;
}
.menuheader1 a:hover, .menuheader1 a:active{
color:#3b3a42;
}
.sidelinks{
margin:4px 0px 2px 0px;
padding:0px;
font-size:120%;
text-align:right;
font-weight:bold;
}
.sidelinks a:link, .sidelinks a:visited{
padding:0px 10px 0px 10px;
display:block;
line-height:18pt;
width:148px;
color:#4a4a4a;
text-decoration:none;
}
.sidelinks a:hover, .sidelinks a:active{
color:#000080;
background-color:#C4C4F8;
}
.footercontent{
padding:10px 0px 0px 10px;
color:#CCCCCC;
text-decoration:none;
font-weight:bold;
text-align:center;
}
.footercontent a:link, .footercontent a:visited{
padding:4px 4px;
color:#FFFFFF;
text-decoration:underline;
}
.footercontent a:active, .footercontent a:hover{
padding:4px 4px;
color:#999999;
}
.footermenu{
padding:10px 0px 0px 0px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
text-align:center;
}
.footermenu a:link, .footermenu a:visited{
padding:4px 4px;
color:#FFFFFF;
text-decoration:none;
}
.clear{
clear:both;
}
.block1{
color:#ffffff;
text-align:left;
font-family:Verdana, Arial, sans-serif;
border-top:1px solid #000000;
border-bottom:4px solid #000000;
background-color:#3b3a42;
padding:6px;
margin-bottom:8px;
}
.block2{
color:#ffffff;
text-align:right;
font-family:geflow, Tahoma, Verdana, Arial, sans-serif;
font-size:18px;
border-top:1px solid #444444;
border-bottom:4px solid #444444;
background-color:#000000;
padding:6px;
margin-bottom:8px;
}
.block3{
color:#ffffff;
text-align:right;
float:left;
font-family:Tahoma, geflow, Verdana, Arial, sans-serif;
font-size:14px;
border-top:1px solid #3b3a42;
border-bottom:4px solid #3b3a42;
background-color:#cccccc;
padding:4px;
margin-bottom:6px;
}
.block3:hover{
background-color:#dddddd;
}
.news1{
padding:4px;
display:block;
width:180px;
color:#ffffff;
background-color:#999999;
border-bottom:2px solid #3b3a42;
font-weight:bold;
text-align:center;
}
.news2{
padding:4px;
display:block;
width:180px;
color:#ffffff;
background-color:#3b3a42;
border-bottom:2px solid #999999;
font-weight:bold;
text-align:center;
}
blockquote{
color:#ffffff;
background-color:#3b3a42;
padding:2px 12px;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size:115%;
font-style:italic;
border:2px solid #8c2424;
}
.tiny{
font-size:80%;
}
.image-border{
border:3px double #3b3a42;
}
.imageleft-noborder{
margin:0 10px 0 0;
float:left;
}
.imageright-noborder{
margin:0 0 0 10px;
float:right;
}
.imageleft-border{
margin:0 10px 0 0;
float:left;
border:3px double #3b3a42;
}
.imageright-border{
margin:0 0 0 10px;
float:right;
border:3px double #3b3a42;
}
.pager{
font: normal 11px Verdana, Tahoma, Arial;
color:#666666;
}
.pager a:link, .pager a:visited {
background:#FCF6CF;
border:solid 1px #BFCEF0;
color:#0066CC;
text-decoration:none;
padding:2px 5px;
display:block
}
.pager a:hover {
background: #decdbf;
color:#ffffff;
border:solid 1px #b2947c;
text-decoration:none;
padding:2px 5px;
display:block
}
.pagerOn b{
font: bold 11px Verdana, Tahoma, Arial;
background:#95B5E8;
border:solid 1px #1184D4;
color:#FFFFFF;
text-decoration:none;
padding:2px 5px;
display:block
}

@font-face {
  font-family: geflow;
    src: url('ge_flow_regular.eot');
    src: url('ge_flow_regular-1.eot') format('embedded-opentype'),
         url('ge_flow_regular.ttf') format('truetype'),
         url('ge_flow_regular.woff') format('woff'),
         url('ge_flow_regular.svg#ge_flowregular') format('svg');

    font-weight: normal;
    font-style: normal;

}
 
.def-list
{
}

.def-list a{
	font-family:geflow;
	font-size:18px;
	color:#000;
	text-decoration:none;
	display:block;
	margin-bottom:4px;
	padding:16px 6px 6px 6px;
	height:130px;
	border:1px #d1d1d1 solid;
	background-color:#f8f8f8;
    overflow:hidden;
}

.def-list a .img{
	float:right;
	display:block;
	background-color:#eeeded;
	padding:4px;
	margin-left:6px;
	margin-bottom:6px;
}

.def-list a img{
	border:2px #fff solid;
	display:block;
}


.def-list a span.desc{
	font-family:Tahoma;
	font-size:13px;
	margin-top:12px;
    color:#57408b;
}

.def-list a .date{
	display:block;
	float:left;
	margin-left:10px;
    font-family:Tahoma;
    font-size:13px;
    color:#00ccff;
    font-weight:bold;
}

.def-list a .visits{
	display:block;
	float:left;
	margin-left:10px;
    font-family:Tahoma;
    font-size:10px;
    color:#a0a0a0;
}

div#one {
    width: 300px;
    float: left;
}
div#two {
    margin-left: 310px;
}

.newstitle {
	font-family:geflow;
	font-size:24px;
	background-color:#000080;
	color:#ffffff;
    padding:10px;
}
.newsstory {
	line-height:28px;
	text-align:justify;
	font-weight:normal;
	font-family:Tahoma,Helvetica,sans-serif;
	font-size:20px;
    margin:4px;
	padding:16px;'
}
.button2, .disbutton2{
	width:100px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 10px;
	text-decoration: none;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	text-shadow: 1px 1px 3px #666666;
	border: solid #6950A2 2px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc600), to(#6950A2));
	background: -moz-linear-gradient(top, #ffc600, #6950A2);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffc600, endColorStr=#6950A2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffc600, endColorStr=#6950A2);
	display:inline-block; /* IE is so silly */
}
.disbutton2{
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#444444));
	background: -moz-linear-gradient(top, #cccccc, #444444);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#cccccc, endColorStr=#444444);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#cccccc, endColorStr=#444444);
}
.button2:hover {
	background: #42aaff;
}

#datatable{
	border:1px solid #99CCFF;
	padding:5px;
	width:96%;
	border-radius:10px;
	background-color:#EAF5FF;
	box-shadow: -4px -3px 12px #B3B3B3;
}
#rowtable{
	border:1px solid #99CCFF;;
	padding:3px;
	width:100%;
	border-radius:10px;
	background-color:#FFFFF0;
	box-shadow: -4px -3px 12px #B3B3B3;
}
#datatable td{
	font-size:16px;
	font-family:Arial;
	padding:3px;
	font-weight:bold;
}
#datatable tr:nth-child(even) {background: #F8F8F8}
#datatable tr:nth-child(odd) {background: #EEEEEE}

td.title{
	background-color:#DEDEF2;
}
td.notapproved{
	background-color:#FF9966;
}
.butDef, .disbutDef {
	background: url("../images/button_default.png") repeat-x scroll center 0 transparent;
	text-align: center; 
	width: auto;
	border: 1px solid #DADADA; 
	color: #8D8B8B;
	cursor: pointer;
	font-size: 13px;
	line-height: 14px;
	padding: 3px 12px; 
	border-radius: 3px 3px 3px 3px;
}   
.disbutDef {
	cursor: default;
	color: #999999;
	background: #eeeeee;
}
.butDef:hover { 
	background: url("../images/button_default.png") repeat-x center -24px;
	border-color:#c8c7c7;
	color:#727070;
}
.action2 {
	background-color: #99CCFF; 
	border: 1px solid #99CCFF;
	border-radius: 10px 10px 10px 10px; 
	float: right;
	margin-top: 2px;
	padding: 4px;
	text-align: center; 
	width: 97%; 
}
.admintext {
margin-left: 5px;
color: #000077;
font: 15px/28px 'Conv_enn_font';
}

.profilepicture {
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	display: inline;
    background-position: 50%;
    border-radius: 50%;
    max-width: 40px;
    height: 40px;
}
.alt_table tr:nth-child(even) {background: #EEE}
.alt_table tr:nth-child(odd) {background: #FFF}
.alt_table tr td:nth-child(even) {background: rgba(192,192,192,0.2)}

.alt_table th {
    background-color: #110011;
    color: white;
    text-align: right;
    padding: 4px;
    font-size: 18px;
    font-weight: bold;
}
.alt_table td {
    padding: 4px;
    font-size: 18px;
}
.alt_table tfoot tr td:nth-child(even) {background: rgba(160,160,160,0.4)}
.alt_table tfoot td
{
    background: rgba(144,144,144,0.5);
}

.card {
    border-radius: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdfdf !important;
}

.card-body {
    padding: 15px 20px;
}

    .accordion-group .card-body img {
        max-width: 100px;
        margin-bottom: 10px;
    }

.card-header .btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 13px 15px;
    padding-bottom: 10px;
}

.card-header .btn:before {
        font-family: "Font Awesome 5 Free";
        position: absolute;
        z-index: 0;
        font-size: 14px;
        left: 16px;
        padding: 3px 8px 1px;
        text-align: center;
        border-radius: 3px;
        top: 12px;
        content: "\f107";
        font-weight: 700;
        background-color: #333;
        color: #fff;
        transition: .3s;
}

.card-header .btn[aria-expanded="true"] {
        color: #ffb600;
}

.card-header .btn[aria-expanded="true"]::before {
            content: "\f106";
            background-color: #ffb600;
}

.card-header .btn:before {
    display: none;
}


	.container {
	  display: grid;
	  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	  justify-content: center;
	}

	.child-div-first {
	  grid-column: 2 / span 2;
	  justify-content: space-between;
	  padding: 10px;
	  border: 1px solid black;
	  margin-left: 10px;
	  border-radius:15px;
	  width: 100%;
	}

	.child-div {
	  grid-column: 1 / span 3;
	  justify-content: space-between;
	  padding: 10px;
	  border: 1px solid black;
	  margin-left: 10px;
	  border-radius:15px;
	  width: 100%;
	}