body{ border: 0; margin: 0; padding: 0;}
a{text-decoration: none;}
.main-content{
  background-color: #00408a;
  height: 40px;
  box-shadow: 0 5px 5px #00408a;
  position: relative;
}
.main-content-frame{
  background-color: #06d;
  height: 40px;
  color: white;
}
.main-content-right{
  float: right;
  text-align: right;
  width: 500px;
}
.button, .btn{
  width: 100px;
  height: 32px;
  margin: 3px 5px;
  background-color: #00336f;
  border: 1px solid #002249;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  line-height: 32px;
  text-align: center;
  box-shadow: 0 0 1px #00336f;
}
.button:hover, .btn:hover{
  background-color: #1f508a;
}
.button-gray{background-color: #333;} .button-gray:hover{background-color: #666;}
.button-red{background-color: #900;} .button-red:hover{background-color: #F00;}
.btn{width: auto; padding: 0 10px}

.projects-list{
  margin: auto;
  margin-top: 40px;
  width: calc( 90% - 100px );
  background-color:'#eee';
  box-shadow: 0 1px 5px 4px #ccc;
  padding: 50px;
}
.projects-list-tab{
  margin-top: 40px;
  border: 1px #000 solid;
  width: 100%;
  border-spacing:0;
  border-collapse: collapse;
}
.projects-list-tab td{
  border-bottom: 1px #000 solid;
  padding: 5px;
}

.page-content{
  background-color: #1a5eae;
  min-height: calc(100vh - 40px - 140px);
}
.page-content-frame{
  background-color: #adccf1;
  min-height: calc(100vh - 40px - 140px - 40px);
  width: calc(98% - 10px);
  margin: auto;
  overflow-x: hidden;
  padding: 20px 5px;
  box-shadow: 0 0 5px #95afcf;
  color: #000;
}
.footer-content{
  height: 140px;
  background-color: #00408a;
  box-shadow: 0 -5px 5px #00408a;
  position: relative;
}
.footer-content-frame{
  height: 140px;
  background-color: #004697;
}
.footer-details{
  height: 120px;
  overflow: hidden;
  color: #ccc;
}
.footer-details a{ color: #eef} .footer-details a:hover{ color: #5ef}
.footer-details ul{ margin: 0; padding: 2px 12px;}

.footer-copyright{
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  color: #fff;
}
.footer-copyright-right{
  float: right;
  text-align: right;
}
.footer-copyright-left{
  font-size: 14px;
  float: left;
  text-align: left;
}
.footer-copyright a{ color: #eef} .footer-copyright a:hover{ color: #5ef}
.logo-icon{
  background-image: url("../img/logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100px;
  height: 40px;
  display: inline-block;
}

.content{
  margin: auto;
  max-width: 1000px;
  min-width: 600px;
}

.blue-frame{
  background-color: rgba(20,20,20,0.1);
}

.div-profile{
  border: 1px #000 solid;
  padding: 5px;
  background-color: #eef;
  border-radius: 10px;
}
.div-profile-top{
  border: 1px #000 solid;
  padding: 5px;
  background-color: #eef;
  height: 40px;
  text-shadow: 1px 0 1px #8bf;
  font-weight: normal;
  border-radius: 10px;
  box-shadow: 1px 0 3px #8ad;
}
.div-profile-top .pf-name{
  display: block;
  line-height: 20px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.div-profile-top .pf-country{
  display: block;
  line-height: 20px;
  font-size: 16px;
  color: #555;
}
.div-profile .pf-info{
  box-shadow: 1px 2px 5px #8bf;
  background-color: #eef;
  border-radius: 10px;
  line-height: 46px;
  padding: 5px 10px;
  margin-left: 5px;
}
.div-profile-info{
  border: 1px #000 solid;
  padding: 5px;
  background-color: #eef;
  font-weight: normal;
  border-radius: 5px;
  box-shadow: 1px 0 5px #8bf;
}

.d-none{display: none;}
.float-right{float: right;}