/*specific styles for application*/
/*generic styles*/
.font-weight-bold {
  font-weight: bold;
}
/*end generic styles*/
/*modal*/
.modal-content {
  text-align: left;
}

.modal-title {
  color: #E43B53;
  font-size: 1.5em;
  font-weight: bold;
}

.modal-body {
  font-size: 1.2em;
}
/*end modal*/
/*registered instances*/
.instanceUsage li{
  display: inline;
}
.instanceUsage li:last-child {
  padding-left: 5px;
}
.registered, .premiumActive {
  color:#23A3DD;
}
.notRegistered {
  color:#777;
}
.textBlack {
  color: #000;
}
/*end registered instances*/
/*style of individual elements in instance lists*/
.instanceList, .head{
  border: 0px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  padding: 15px 0px;
}
.instanceList:last-child{
  border-bottom: 1px solid #e5e5e5;
}
.offline {
  color:#777;
}
.isOnline, .isOffline {
  padding-right: 5px;
  font-size: 12px;
}
.isOnline {
  color: #b8cd08;
}
.isOffline {
  color: #e63c54;
}
.instanceList h4{
  margin:0;
  color:#23A3DD;
  line-height: 20px;
}
.detailDropItem::before {
  content:"\f107";
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering:auto;
  display:inline-block;
}
.detailDropItem::before:active {
  content:"\f106";
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering:auto;
  display:inline-block;
}
dt, dd {
  display:table-cell;
}
.instanceName {
  margin-bottom: 20px;
  width:100%;
}
.instanceName h4 span {
  display:block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: anywhere;
}
.doguDetail a {
  text-decoration:none;
}
.detailList{
  border-top: 1px solid #e5e5e5;
  margin-top:15px;
}
.detailList li{
  display: block;
  border-bottom: 1px solid #e5e5e5;
  width:95%;
  float:right;
  padding: 10px 0px;
}

/*end styles of individual elements in instance lists*/
/*list in head and lists in instances*/
@media (min-width: 768px) {
  .instanceUsage li:last-child {
    padding-left: 15px;
  }
  .instanceData li, .headList li {
    display: table-cell;
  }
  .ipAdress, .registrationDate, .type, .deleteInstance, .doguDetail {

  }
  .ipAdress {
    min-width: 320px;
    margin-right:15px;
  }
  .registrationDate {
    min-width: 124px;
    margin-right: 15px;
  }
  .type{
    min-width: 83px;
    margin-right: 15px;
  }
  .deleteInstance{
    min-width: 124px;
    margin-right: 15px;
    text-align: center;
  }
  .doguDetail {
    min-width: 90px;
  }
  .instanceName {
    /*max-width: calc(100% - 527px);*/
    max-width: 100%;
    margin-right: 15px;
    margin-bottom: 0;
  }

  dt, dd {
    display:block;
  }
  .instanceList dl{
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .isOnline, .isOffline {
    padding-right: 15px;
    font-size: 16px;
  }
}
@media (min-width: 768px) and ( max-width: 991px) {
  .instanceName {
    max-width:143px;
  }
  .deleteInstance{
    text-align: left;
  }
}
@media (min-width: 992px) and ( max-width: 1199px) {
  .instanceName {
    max-width:250px;
  }
}
/*end list in head and lists in instances*/

.textGray {
  color: #999;
}

.greyBorderForm {
  border: 1px solid #d2d2d2;
  color: #333;
}

.tooltip-padding {
  padding-left: 5px;
}

.align-form-content {
  align-items: center;
  text-align: left;
}

.form-control::-moz-placeholder {
  color: #999;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}