body {
  margin: 0;
  background: url("../img/content_site_bg.gif");
  font-family: "GalanoGrotesque-Light",Helvetica,sans-serif; }

.maincolumn {
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
  position: relative; }

#header {
  border-bottom: 2px solid #000;
  background: #fff; }
  #header .logo {
    padding: 15px 11px; }
  #header .loginWidget {
    text-align: right;
    position: absolute;
    right: 20px;
    bottom: 10px;
    width: 300px; }
    #header .loginWidget a.hidden {
      opacity: 0;
      transition: 0.5s; }
    #header .loginWidget #login {
      position: absolute;
      right: -200px;
      font-size: 10px;
      overflow: hidden;
      bottom: 0;
      opacity: 0; }
      #header .loginWidget #login.visible {
        transition: 0.5s;
        right: 0;
        opacity: 1; }
      #header .loginWidget #login input {
        font-size: 10px;
        width: 100px;
        height: 10px; }
    #header .loginWidget .youare {
      font-size: 12px;
      margin-bottom: 5px; }

#footer {
  padding: 10px 0;
  background: #243a76;
  color: #fff; }

h1, h2, h3 {
  color: #91c846;
  font-weight: 100; }

a {
  color: #84bf41;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s; }
  a:hover {
    color: #066ea4;
    transition: 0.3s; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .modal .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); }
  .modal .box {
    position: relative;
    z-index: 1;
    width: 90%;
    max-width: 700px;
    padding: 50px;
    background: #fff;
    margin: 150px auto;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); }

/********** FRONT END ***********/
.homepage {
  height: 573px;}
  .homepage .title {
    padding: 50px 27px; }

/********** ADMIN ***********/
.admin {
  padding: 40px 40px;
  background: #fff; }
  .admin form .input {
    margin-bottom: 5px; }
  .admin form label {
    display: inline-block; }
  .admin.user label {
    width: 150px; }
  .admin .adminList {
    margin: -10px 0 10px; }
    .admin .adminList .adminEdit .btn, .admin .adminList .clientEdit .btn {
      width: 20px;
      height: 20px;
      padding: 0px !important;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      background-size: contain !important; }
    .admin .adminList .adminEdit .edit, .admin .adminList .clientEdit .edit {
      background: url("../img/edit.svg"); }
    .admin .adminList .adminEdit .delete, .admin .adminList .clientEdit .delete {
      background: url("../img/delete.svg"); }
  .admin.project .projectAccess td {
    text-align: center; }
  .admin.project .submit input {
    display: none; }
  .admin.projects form label {
    width: 100px;
    display: inline-block;
    vertical-align: top; }
  .admin.projects form textarea {
    width: 70%; }
  .admin .col {
    display: inline-block;
    vertical-align: top; }
    .admin .col.twocol {
      width: 45%;
      padding-right: 4%; }

.modal form label {
  width: 100px;
  display: inline-block;
  vertical-align: top; }
.modal form textarea {
  width: 70%; }

.client {
  padding: 40px 40px;
  background: #fff; }
  .client.project .link .head {
    font-size: 24px;
    color: #91c846;
    font-weight: 100;
    padding: 5px;
    background: #f2f2f2;
    position: relative;
    border-bottom: 2px solid #099fee; }
    .client.project .link .head .date {
      font-size: 12px;
      color: #999;
      position: absolute;
      right: 5px;
      bottom: 5px; }
  .client.project .link .block {
    margin: 20px 5px;
    font-size: 14px; }
    .client.project .link .block .title {
      font-size: 10px;
      border-bottom: 1px solid #099fee;
      margin-bottom: 10px; }

/*# sourceMappingURL=portal.css.map */