body {
  background-color: #fcfcfc !important;
}
.qna-header {
  color: #7894bb;
  margin-bottom: 15px;
}
.foo {
  color: red;
}
.closeX {
  margin-right: 15px;
}
.closeX:hover {
  color: red;
  cursor: pointer;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.tg-bordered {
  border: 1px solid gray;
}
.tg-cursor-pointer {
  cursor: pointer !important;
}
.tg-checkbox {
  cursor: default !important;
  margin-right: 5px;
}
/*input.ng-invalid {
  border: 1px solid red;
}*/
.tg-post-type {
  font-size: 32px;
  font-weight: bolder;
  color: #6b6b6b;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  cursor: default;
}
.tab-v2 .nav-tabs li.active a {
  border-top: solid 2px red;
}
a:focus,
a:hover,
a:active {
  color: red;
}
.valueNotSet {
  color: #d54949;
  font-style: italic;
}
/*input {
&.ng-valid.ng-dirty {
color: #fff;
background-color: rgba(146, 253, 156, 0.5);
border-color: #92fd9c;
box-shadow: inset 2px 2px 2px #92fd9c;
}
&.ng-invalid.ng-dirty {
color: #850000;
background: rgba(254, 186, 186, 0.5);
border: 1px solid #850000;
}
}*/
/* really specific css rules applied by angular */
/*input.ng-invalid {
    border-right:4px solid @errorColor !important;    
    //border: 1px solid @errorColor;
}*/
form.ng-submitted input.ng-invalid {
  border-right: 4px solid #d54949 !important;
}
a.tg-no-underline {
  text-decoration: none;
}
.tg-avatar {
  width: 96px !important;
  height: 122px !important;
  min-width: 96px !important;
  min-height: 122px !important;
  max-width: 96px !important;
  max-height: 122px !important;
  border: 1px solid #ccc;
}
.tg-avatar-image {
  width: 96px !important;
  height: 120px !important;
  min-width: 96px !important;
  min-height: 120px !important;
  max-width: 96px !important;
  max-height: 120px !important;
}
.tg-avatar-caption {
  max-height: 22px !important;
  line-height: 10px !important;
  background-color: rgba(78, 144, 254, 0.7) !important;
}
.tg-face {
  z-index: 1;
  -moz-box-shadow: 0 0 0 2px #e8e6e6;
  /* Firefox */
  -webkit-box-shadow: 0 0 0 2px #e8e6e6;
  /* Safari, Chrome */
  box-shadow: 0 0 0 2px #e8e6e6;
  /* CSS3 */
}
.tg-gb-zb {
  background: #fdfdfd;
  font: 13px/27px Arial, sans-serif;
  position: relative;
  height: 40px;
  width: 100%;
  line-height: 37px;
}
.tg-gb-zb::before {
  background: #e5e5e5;
  bottom: 0;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}
.tg-navbar-brand {
  margin-left: auto;
  padding-left: 30px;
}
.tg-loginbar {
  margin-right: 50px !important;
}
.tg-author-folowed {
  font-weight: bolder;
  font-style: italic;
}
.error {
  color: #c71c1c;
}
.social_windows,
.social_microsoft {
  background: url(../../Images/social/windows.png) no-repeat;
}
.social_google {
  background: url(../assets/img/icons/social/googleplus.png) no-repeat;
}
/*Panel Grey*/
.panel-table-header-grey {
  border-color: #95a5a6;
}
.panel-table-header-grey > .panel-heading {
  background: #95a5a6;
}
/****************************************/
/************* OVERRIDES ****************/
/****************************************/
.field-validation-error {
  color: #c71c1c;
}
.pagination li a:hover {
  background: #1156b6;
  border-color: #1156b6;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  border-color: #1156b6;
  background-color: #1156b6;
}
/*Pager*/
.pager li > a:hover,
.pager li > a:focus {
  color: #fff;
  background: #1156b6;
  border-color: #1156b6;
}
/*Loading spinner*/
.spinner-preview-area {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 60px;
  right: 0;
  margin: auto auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.spinner-root-container {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0;
  margin: 0;
  color: #fff;
  font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  line-height: 1.5em;
  text-align: center;
  height: 100%;
  overflow: hidden;
  -webkit-transition: background-color 0.6s ease-in-out 0s;
  -moz-transition: background-color 0.6s ease-in-out 0s;
  -o-transition: background-color 0.6s ease-in-out 0s;
  transition: background-color 0.6s ease-in-out 0s;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999999999999999999999999999;
}
/*
    http://tobiasahlin.com/spinkit/
*/
.spinner {
  margin: -20px auto;
  width: 80px;
  height: 40px;
  text-align: center;
  font-size: 20px;
}
.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: stretchdelay 1.2s infinite ease-in-out;
  -o-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    -moz-transform: scaleY(0.4);
    -ms-transform: scaleY(0.4);
    -o-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
}
.reg-header_v1 {
  color: #555;
  text-align: center;
  margin-bottom: 35px;
}
/*End of Loading spinner*/