/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : Aug 10, 2022, 2:53:28 PM
    Author     : mostafaessam
*/
/* start Body and nav bar and container */
body {
	font-family: sans-serif;
	background-color: #f2f2f2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 200;
}
/* Container */
.container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background-color: #ffffff;
}
/* Navigation */
header {
	width: 100%;
	height: 50px;
	background-color:#d3d9dc;
	border-bottom: 5px solid #1c4b61;
        padding-top: 20px;
        padding-bottom: 30px;
}
.logo {
	color: #fff;
	font-weight: bold;
	text-align: undefined;
	width: 10%;
	float: left;
/*	margin-top: -3px;*/
	margin-left: 15px;
	letter-spacing: 4px;
       
       
        
}
.logo-report {
	color: #fff;
	font-weight: bold;
	text-align: undefined;
	width: 10%;
	float: left;
/*	margin-top: -3px;*/
	margin-left: 15px;
	letter-spacing: 4px;
        text-align: center;
       
       
        
}
nav {
	float: right;
	width: 85%;
	text-align: right;
	margin-right: 25px;
        
}
header nav ul {
	list-style: none;
	float: right;
        margin-left: -10px;
        
}
nav ul li {
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	margin-right: 15px;
	letter-spacing: 2px;
	font-weight: bold;
	transition: all 0.3s linear;
}
ul li a {
	color: #1c4b61;
	text-decoration: none;
        font-family: sans-serif;
}
ul li:hover a {
	color: #f75f00;
}
/*end navbar and container and body constant changes*/

.headings{
    font-family: sans-serif;
    font-weight: 2000;
    color: #1c4b61;
    text-align: center;
  
}
table {
  width: 100%;
border-collapse: collapse;
  text-align: center;
  
}
th {
  background-color: #d3d9dc;
  color: #1c4b61;
  padding: 20px;
}
th, td {
    border: none;
  border-bottom: 1px solid #ddd;
  padding: 10px;
  
}
td{
    border-left: 1px solid #ddd;
     border-right: 1px solid #ddd;
}
/*tr:nth-child(odd) {
    background-color: #ebeef2;
}*/
button {
  background-color: #1c4b61; 
  border: none;
  color: white;
  padding: 10px 27px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  width: 100%;
}
button:hover{
    background-color: #ebeef2;
    color:#1c4b61;
    font-weight: 2000;
}
.button {
    background-color: #1c4b61; 
  border: none;
  color: white;
  padding: 10px 27px;
  margin-bottom: 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  width: 25%;
}
.date{
     background-color: #ed5c0e; 
  border: none;
  color: white;
  padding: 10px 27px;
  margin-bottom: 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  width: 50%;
}


a button:hover{
    background-color: #ebeef2;
    color:#1c4b61;
    font-weight: 2000;
}
.sbtn{
    width: 25%;
    
    
}


.cptxt{
    width: 65px;
}
input[type='radio']{
    display: none;
}
a button{
    text-decoration: none;
    
    color:white; 
}

.lis{
    overflow: hidden;
    list-style: none;
}
.label-cmp{
    float: left;
}
.label-cmp input{
    float: left; 
}
.button-content{
    font-size: 20px;
    font-weight: bold;
    font-family: sans-serif;
}
.home-table .home-table-row td{
    padding-top: 20px
}
.home-table-row img{
    padding-bottom: 15px
}