@font-face { font-family: Futura-Bk-BT; src: url(../fonts/Futura-Book-font.ttf); }
@font-face { font-family: PRISTINA; src: url(../fonts/PRISTINA.TTF); }
@font-face { font-family: FLAMA; src: url(../fonts/FLAMA.TTF); }
@font-face { font-family: OpenSans; src: url(../fonts/OpenSans-Regular.ttf); }
@font-face { font-family: kruti; src: url(../fonts/kruti-dev-021.ttf); }
@font-face { font-family: Roboto; src: url(../fonts/Roboto-Regular.ttf); }
body { 
  font-family: Roboto;  
  color: #666;
  font-size: 80%;
}

a { text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:none; }


.page-title {
  font-weight: 400;
  font-size: 20px;
  padding: 10px; 
  margin-bottom:10px;
  color: #009966;
  border-bottom: 1px #f09 solid;
}

.footer { 
  padding: 0px; 
  margin-top:10px;
  border-top: 1px #f09 solid;
}

.block-1 {
  display:inline-table;
  width:120px;
  height:120px;
  box-shadow: 0 4px 8px 0 rgba(255, 50, 50, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin:10px;
}
.align_middle{
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
  width: inherit;
}
.block-2-title {
  font-weight: 400;
  font-size: 16px;
  padding: 5px;
  color: #161;
  background: #efe; 
}
.block-2-body {
  padding: 5px;
  box-shadow: 0 2px 4px 0 rgba(255, 50, 50, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.progress { background-color: #ff9999; }
.progress-bar { 
  background-color: #99ff99; color: #000066; text-align: right; 
}

.block-3-summ {
  height: 100px;
  width: 150px;
  justify-content: center;
  align-items: center;
  padding: 15px;
  border-radius: 20px;
  margin:10px;
  font-family: Roboto;
  color: #004422;
  background-image: linear-gradient(to top right, #ccc, #fff);
  float: left;
}
.block-3-summ:hover {
  color: #cc4422;
  background-image: linear-gradient(to top right, #cff, #ccf);

}

.row-1-table:hover  {
  color: #cc4422;
  border: 1px #004422 solid;
}