.div-display-none
{
  display: none;
}

.td-middle
{
  vertical-align: middle !important;
}

.td-top
{
  vertical-align: top !important;
}

.td-bottom
{
  vertical-align: bottom !important;
}

.td-center
{
  text-align: center !important;
}

.td-left
{
  text-align: left !important;
}

.td-right
{
  text-align: right !important;
}

.table_no_border td
{
  border: 0px !important;
}

#itri_logo_login img
{
  width:210px;
  height:auto;
  padding-left:3px;
  margin-top:0px;
}

#itri_logo img
{
  width:50px;
  height:auto;
  padding-left:3px;
  margin-top:0px;
}

.logo-name 
{
  color: #666666;
  font-size: 180px;
  font-weight: 800;
  letter-spacing: 0px;
  margin: 0px;
}

.myAltRowClass 
{ 
  background-color: #f1f1f1; 
  background-image: none; 
}

.gly-1x{font-size: 1em;}
.gly-2x{font-size: 2em;}
.giy-3x{font-size: 3em;}
.giy-4x{font-size: 4em;}
.giy-5x{font-size: 5em;}

.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.gly-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gly-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gly-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.gly-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.gly-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

.font-bold
{
  font-weight: 800;
}
.table-th
{
  color: white;
  background:linear-gradient(top,#337ab7,#6699C4), center bottom no-repeat;
  background:-moz-linear-gradient(top,#337ab7,#6699C4), center bottom no-repeat;
  background:-webkit-linear-gradient(top,#337ab7,#6699C4), center bottom no-repeat;
  background:-ms-linear-gradient(top,#337ab7,#6699C4), center bottom no-repeat;
  background:-o-linear-gradient(top,#337ab7,#6699C4), center bottom no-repeat;
}

.td_status_none
{
  background-color: #E9EBEE;
}

.td_status_normal
{
  color: #fff;
  background-color: #5cb85c;
}

.td_status_attention
{
  color: #fff;
  background-color: #337ab7;
}

.td_status_warning
{
  color: #fff;
  background-color: #f0ad4e;
}

.td_status_error
{
  color: #fff;
  background-color: #d9534f;
}

.input_checkbox
{
  width:30px;
  height:20px;
  border:1px solid #7f9db9;
  vertical-align:middle;
}