@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300,300italic,400italic,700italic);
@font-face {
  font-family: "BankGothic";
  src: url("../fonts/bankgothic-light.ttf") format("truetype"); }

@font-face {
  font-family: "BankGothic";
  font-weight: bold;
  src: url("../fonts/bankgothic-medium.ttf") format("truetype"); }

#app-layout .sidebar div.logo a {
  font-family: 'BankGothic', sans-serif;
  font-weight: bold;
  font-size: 26px; }

#app-layout .sidebar .img-responsive.logo {
  padding: 15px 25px;
  border-bottom: 0; }

#app-layout .sidebar .nav i {
  margin-right: 7.5px; }

#app-layout .sidebar .bottom {
  position: absolute;
  width: 100%;
  bottom: 10px; }

#app-layout thead th {
  font-size: 13px; }

#app-layout .dropdown-menu.open {
  visibility: visible;
  opacity: 1; }

#app-layout .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto; }

#app-layout label.error {
  color: #fb404b;
  text-transform: none; }

#app-layout label.error:first-letter {
  text-transform: uppercase; }

#app-layout .ui-autocomplete {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: scroll; }

#app-layout .card .ct-chart {
  margin: 0;
  background: rgba(0, 0, 0, 0.015); }

#app-layout .card .category {
  font-size: 16px; }

html#authentication {
  background: url("../images/index-background2.jpg") no-repeat center center fixed;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../images/index-background.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index-background.jpg', sizingMethod='scale')"; }

#authentication-layout {
  font-family: 'BankGothic', sans-serif;
  font-weight: normal; }
  #authentication-layout input.form-control {
    color: #fff;
    background: rgba(255, 255, 255, 0.23);
    opacity: .86;
    border-radius: 1px;
    width: 100%;
    border: 0;
    font-size: 22px;
    font-family: 'Open Sans Condensed', sans-serif; }
  #authentication-layout ::-webkit-input-placeholder {
    color: black; }
  #authentication-layout input.form-control:focus {
    background: rgba(255, 255, 255, 0.23);
    border-radius: 1px;
    color: #fff; }
  @media (max-width: 991px) {
    #authentication-layout input.form-control,
    #authentication-layout input.form-control:focus {
      background: rgba(0, 0, 0, 0.73); } }
  @media (min-width: 768px) {
    #authentication-layout input.form-control,
    #authentication-layout input.form-control:focus {
      background: rgba(0, 0, 0, 0.73); } }
  @media (min-width: 992px) {
    #authentication-layout input.form-control,
    #authentication-layout input.form-control:focus {
      background: rgba(255, 255, 255, 0.23); } }
  @media (min-width: 1200px) {
    #authentication-layout input.form-control,
    #authentication-layout input.form-control:focus {
      background: rgba(255, 255, 255, 0.23); } }
  #authentication-layout button {
    color: #FFFFFF;
    opacity: 1;
    background: rgba(46, 117, 182, 0.77);
    opacity: .86;
    border-radius: 4px;
    margin: 0;
    line-height: 36px;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    border: 0;
    font-weight: bold;
    font-size: 22px; }
  #authentication-layout .has-error input {
    color: red; }
  #authentication-layout .logo {
    border: 0 none;
    display: inline-block;
    text-decoration: none;
    text-indent: -9999px;
    margin: 40% 0 25px 0;
    background: url("../images/logo2.png");
    background-size: 170px 170px;
    background-repeat: no-repeat;
    width: 170px;
    height: 170px; }
    #authentication-layout .logo a {
      display: block;
      width: 170px;
      height: 170px; }

.logo-lateral {
  margin: 1% 0 0 20%;
  background: url("../images/logo2.png");
  width: 85px;
  height: 85px; }

#app-layout #contract th {
  color: #000; }

#app-layout #contract th, #app-layout #contract td {
  border-width: 0; }

#app-layout #contract tfoot td {
  border-width: 3.5px; }

#app-layout #contract .type {
  width: 50%;
  text-indent: 2.5%; }

#app-layout #contract .count {
  width: 20%; }

#app-layout #contract .value {
  width: 30%; }

#app-layout #contract tfoot td {
  vertical-align: top; }

#app-layout #contract .display-inline-block {
  display: inline-block;
  margin: 5px; }

#app-layout #administration p {
  padding: 6px 0; }

#app-layout #administration .nav {
  background-color: #eee; }
  #app-layout #administration .nav .dropdown-toggle {
    text-align: right; }

#app-layout #administration .dropdown-menu {
  width: 100%;
  border-radius: 0; }

#app-layout #administration .has-switch,
#app-layout #administration .has-switch span,
#app-layout #administration .has-switch > div label {
  border-radius: 0; }

.profile .alert {
  border: 1px solid black;
  border-radius: 5px;
  display: inline-block;
  background-color: #29B6F6 !important;
  color: white !important; }

.profile .panel-heading, .profile h6, .profile p {
  text-align: center; }

.profile strong {
  font-size: 1.2em;
  font-weight: normal !important; }

.profile .align td {
  padding-right: 1em; }

.profile thead th {
  text-align: center; }

.profile tbody td {
  text-align: center; }

h5,
h6 {
  font-family: 'BankGothic Md BT'; }

.contact label {
  font-weight: normal !important; }

.contact ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .contact ul li {
    display: inline-block; }

.granularity .tree {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #fbfbfb;
  border: 1px solid #999;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .granularity .tree li {
    list-style-type: none;
    margin: 0;
    padding: 10px 5px 0 5px;
    position: relative; }
    .granularity .tree li::before, .granularity .tree li::after {
      content: '';
      left: -20px;
      position: absolute;
      right: auto; }
    .granularity .tree li::before {
      border-left: 1px solid #999;
      bottom: 50px;
      height: 100%;
      top: 0;
      width: 1px; }
    .granularity .tree li::after {
      border-top: 1px solid #999;
      height: 20px;
      top: 25px;
      width: 25px; }
    .granularity .tree li span {
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border: 1px solid #999;
      border-radius: 5px;
      display: inline-block;
      padding: 3px 8px;
      text-decoration: none; }
    .granularity .tree li.parent_li > span {
      cursor: pointer; }
    .granularity .tree li:last-child::before {
      height: 30px; }
    .granularity .tree li.parent_li > span:hover {
      background: #eee;
      border: 1px solid #94a0b4;
      color: #000; }
      .granularity .tree li.parent_li > span:hover + ul li span {
        background: #eee;
        border: 1px solid #94a0b4;
        color: #000; }
  .granularity .tree > ul > li::before, .granularity .tree > ul > li::after {
    border: 0; }

.granularity .well {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important; }

.granularity .glyphicon-eye-open {
  height: 1.750em;
  color: grey; }
  .granularity .glyphicon-eye-open:hover {
    color: black; }

.server-table {
  width: 100%; }
  .server-table.dataTable thead .sorting,
  .server-table.dataTable thead .sorting_asc,
  .server-table.dataTable thead .sorting_desc {
    background: none; }
  .server-table th {
    cursor: default !important; }
  .server-table input {
    margin: 0 auto; }
    .server-table input[name=location], .server-table input[name=server_model], .server-table input[name=cpu_model] {
      width: auto !important; }
    .server-table input[type=number], .server-table input[name=server_name] {
      width: 6em !important; }
  .server-table select {
    width: 10em !important; }

.fusion-mapping {
  height: 300px;
  overflow: auto; }
  .fusion-mapping::-webkit-scrollbar {
    width: 1em;
    height: 0.5em; }
  .fusion-mapping::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
  .fusion-mapping::-webkit-scrollbar-thumb {
    background-color: #616161;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

.fusion-table {
  width: 100%; }
  .fusion-table.dataTable thead .sorting,
  .fusion-table.dataTable thead .sorting_asc,
  .fusion-table.dataTable thead .sorting_desc {
    background: none; }
  .fusion-table th {
    cursor: default !important; }
  .fusion-table input {
    margin: 0 auto; }
    .fusion-table input[name=location], .fusion-table input[name=cluster_name], .fusion-table input[name=product_desc], .fusion-table input[name=subproduct_name] {
      width: auto !important; }
    .fusion-table input[type=number] {
      width: 6em !important; }
    .fusion-table input[name=server_type] {
      width: 10em !important; }

.database-table {
  width: 100%; }
  .database-table.dataTable thead .sorting,
  .database-table.dataTable thead .sorting_asc,
  .database-table.dataTable thead .sorting_desc {
    background: none; }
  .database-table th {
    cursor: default !important; }
  .database-table input {
    margin: 0 auto; }
    .database-table input[name=dbid] {
      width: 8em !important; }
    .database-table input[name=db_name], .database-table input[name=service] {
      width: 6em !important; }

body {
  background: transparent;
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400; }

.alert {
  border: 1px solid black;
  border-radius: 5px;
  text-align: center; }

.alert-success {
  background-color: #388E3C !important; }

.alert-info {
  background-color: #0288D1 !important; }

.alert-warning {
  color: black;
  background-color: #FFEA00 !important; }

.alert-danger {
  background-color: #D32F2F !important; }

::-webkit-input-placeholder {
  text-transform: none; }

:-moz-placeholder {
  text-transform: none; }

::-moz-placeholder {
  text-transform: none; }

:-ms-input-placeholder {
  text-transform: none; }

h4 a {
  cursor: pointer;
  color: black; }
  h4 a:hover {
    color: black !important;
    font-weight: bold; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.fa-area-chart {
  opacity: 0.5;
  color: black; }
  .fa-area-chart:hover {
    opacity: 1; }

.glyphicon-info-sign {
  color: black !important; }
  .glyphicon-info-sign:hover {
    cursor: pointer; }

.panel .panel-default {
  border: 1px solid rgba(0, 0, 0, 0.25); }

.panel-body a {
  color: black; }
  .panel-body a:hover {
    font-weight: bold; }

.panel-heading h6,
.panel-heading h5,
.panel-heading p {
  text-align: center; }

.panel-heading .align td {
  padding-right: 1em; }

.panel-heading thead th {
  text-align: center; }

textarea {
  resize: none; }

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 5px; }

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  transition: border 0.15s ease-in-out; }

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  transform: scale(0, 0);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }

.radio input[type="radio"] {
  opacity: 0; }
  .radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
  .radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
  .radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline-offset: -2px; }
  .radio input[type="radio"]:checked + label::after {
    transform: scale(1, 1); }

.radio.radio-inline {
  margin-top: 0; }

.radio-danger input[type="radio"] + label::after {
  background-color: #D32F2F; }

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #D32F2F; }

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #D32F2F; }

.radio-info input[type="radio"] + label::after {
  background-color: #90CAF9; }

.radio-info input[type="radio"]:checked + label::before {
  border-color: #90CAF9; }

.radio-info input[type="radio"]:checked + label::after {
  background-color: #90CAF9; }

.radio-warning input[type="radio"] + label::after {
  background-color: #FFEA00; }

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #FFEA00; }

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #FFEA00; }

.radio-success input[type="radio"] + label::after {
  background-color: #1976D2; }

.radio-success input[type="radio"]:checked + label::before {
  border-color: #1976D2; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #1976D2; }

.dropdown-menu > li {
  padding: 0px !important; }