/*
    CSS for Login page
    Created on : Apr 13, 2017, 4:17:38 PM
    Author     : zchapman
*/


.page-body {
  position: absolute;
  top: 60px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0 8px;
  font-weight: normal;
  text-align: center;
}

.page-body h3 {
  font-size: 16pt;
  text-align: center;
}

.error-message {
  color: red;
  border: 1px solid red;
}

.success-message {
  color: green;
  border: 1px solid green;
}

form .row {
  margin-bottom: 12px;
}

form .row .label {
  display: inline-block;
  min-width: 80px;
}

form .row input {
  width: 160px;
}

form .buttons {
  padding-top: 8px;
  margin-left: 80px;
}

form .buttons a {
  margin-left: 6px;
  font-size: 9pt;
  white-space: pre;
}


.stand-alone-link {
  display: inline-block;
  font-weight: bold;
  font-size: 13pt;
  color: #282828;
  background-color: white;
  padding: 4px 6px;
  border-radius: 3px;
  text-decoration: none;
  box-shadow: 1px 1px 10px #666699;
  transition: box-shadow 0.2s ease;
  opacity: 0.9;
  transition: opacity 0.2s ease;
}

.stand-alone-link.disabled {
  color: gray;
  display: none;
  height: 0px;
}

.stand-alone-link:hover {
  box-shadow: 1px 1px 10px #555588;
  opacity: 1;
}


.stand-alone-link a {
  text-decoration: none;
}

.stand-alone-link.disabled a {
  color: gray;
  pointer-events: none;
}
.stand-alone-link.disabled  {
  cursor: not-allowed;
}

.stand-alone-link.disabled a:hover {
  cursor: not-allowed;
  opacity: 1;

}

.tile-link {
  display: inline-block;
  text-align: center;
  /*min-width: 165px;*/
  width: 160px;
  height: 160px;
  vertical-align: bottom;
  background-color: white;
  /*border-radius: 12px;*/
  /*padding: 8px;*/
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  /*color: #000080;*/
  /*transition: background-color 0.2s ease;*/
  box-shadow: 1px 1px 10px #666699;
  transition: box-shadow 0.2s ease;
  opacity: 0.9;
  transition: opacity 0.2s ease;
  text-decoration: none;
  font-weight: bold;
  font-size: 13pt;
  color: black;
}

.tile-link:hover {
  /*background: radial-gradient(ellipse at center, white 0, #ececec 80%);*/
  /*background-color: #c6d9eb;*/
  /*background: radial-gradient(ellipse at center, white 0, #b2cce5 100%);*/
  box-shadow: 1px 1px 10px #555588;
  opacity: 1;
}


/*.tile-link .tile {
  display: inline-block;
  width: 82px;
  height: 82px;
  opacity: 0.9;
  transition: opacity 0.2s ease;
}
.tile-link:hover .tile {
  opacity: 1;
}*/

#five-year.tile-link {
  background-image: url(../images/tile.5_year.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#cash-flow.tile-link {
  background-image: url(../images/tile.cash_flow.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.tile-link-container {
  display: inline-block;
  vertical-align: top;
}
.tile-link-container .label {
  display: block;
  height: 43px;
  background: #1c5182;
  font-size: 1.5em;
  color: #f5f9fd;
  text-align: center;
  vertical-align: middle;
}

#projects .label {
  font-size: 1.2em;
}
#cash-flow .tile-link.no-title {
  background-image: url(../images/tile.cash_flow_no_title.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#projects .tile-link.no-title {
  background-image: url(../images/tile.budget_no_title.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#planning .tile-link.no-title {
  background-image: url(../images/tile.planning_reports_no_title.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#funding .tile-link.no-title {
  background-image: url(../images/tile.cash_flow_no_title.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.tile-link.no-title {
  height : 120px;
  margin-bottom: 0px;
}

#budget.tile-link {
  background-image: url(../images/tile.budget.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#hr.tile-link {
  background-image: url(../images/tile.hr.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#planning-reports.tile-link {
  background-image: url(../images/tile.planning_reports.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.page-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #6697d4;
  background: linear-gradient(to right, #6798d4 , #84b4e0, #97c5e9, #85b5e1, #6798d4);
  background-image: url(../images/background.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
}

.page-body {
  background-image: url(../images/home_background_logo.png);
  background-size: 200px 200px;
  background-position: 50% 90%;
  background-repeat: no-repeat;
  overflow: auto;
}

.form-block {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 20px;
  border-radius: 6px;
  margin-top: 44px;
  min-width: 220px;
  text-align: left;
}

.form-block form {
  margin-top: 20px;
}

.form-title {
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
}

.message-block {
  margin-left: auto;
  margin-right: auto;
  width: 230px;
  text-align: center;
  margin-top: 16px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 14px;
  border-radius: 6px;
}