html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}
html, body {
  height: 100%;
}
.navbar-brand > img {
  margin-top: -4px;
}
.clickable {
  cursor: pointer;
}
.clickable-showroom {
  padding: 10px;
  border: 1px dashed;
  cursor: pointer;
}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -120px;
}
.footer {
  padding-top: 20px;
  height: 120px;
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(#eeeeee, #dddddd 50%, #d4d4d4);
  background-image: -o-linear-gradient(#eeeeee, #dddddd 50%, #d4d4d4);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), color-stop(50%, #dddddd), to(#d4d4d4));
  background-image: linear-gradient(#eeeeee, #dddddd 50%, #d4d4d4);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeeeff', endColorstr='#ffd4d4d4', GradientType=0);
  -webkit-filter: none;
          filter: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  border: 1px solid #d5d5d5;
  border-radius: 4px;
}
.push {
   height: 140px;
}
.showroom {
  overflow-y: auto;
  height: 90px;
}
.showroom > .icon {
  float: right;
  margin-top: -5px;
  margin-right: -10px;
}
.showroom-desc {
  font-size: 90%;
}
.animated {
  -webkit-transition: opacity 0.5s linear;
     -moz-transition: opacity 0.5s linear;
      -ms-transition: opacity 0.5s linear;
       -o-transition: opacity 0.5s linear;
          transition: opacity 0.5s linear;
}

/* Overwrite to solve bug in Bootstrap theme */
.modal-backdrop {
  z-index: 0;
}

.dataTables_info, .dataTables_paginate {
  font-size: 95%;
  margin-top: 10px;
}
.dataTables_length, .dataTables_filter {
  font-size: 95%;
  margin-bottom: 10px;
}

.noborder {
  border-style: none;
}

/*Margen top, right, left, bottom */
.margin-top-5,
.margin-top-10,
.margin-top-15,
.margin-top-20,
.margin-top-25,
.margin-top-30,
.margin-top-35,
.margin-top-40,
.margin-top-45,
.margin-top-50,
.margin-top-55,
.margin-top-60 {
   clear:both;
}

.margin-top-5  { margin-top:5px; }
.margin-top-10 { margin-top:10px; }
.margin-top-15 { margin-top:15px; }
.margin-top-20 { margin-top:20px; }
.margin-top-25 { margin-top:25px; }
.margin-top-30 { margin-top:30px; }
.margin-top-35 { margin-top:35px; }
.margin-top-40 { margin-top:40px; }
.margin-top-45 { margin-top:45px; }
.margin-top-50 { margin-top:50px; }
.margin-top-55 { margin-top:55px; }
.margin-top-60 { margin-top:60px; }

.margin-left-5,
.margin-left-10,
.margin-left-15,
.margin-left-20,
.margin-left-25,
.margin-left-30,
.margin-left-35,
.margin-left-40,
.margin-left-45,
.margin-left-50,
.margin-left-55,
.margin-left-60 {
   clear:both;
}
.margin-left-5  { margin-left:5px; }
.margin-left-10 { margin-left:10px; }
.margin-left-15 { margin-left:15px; }
.margin-left-20 { margin-left:20px; }
.margin-left-25 { margin-left:25px; }
.margin-left-30 { margin-left:30px; }
.margin-left-35 { margin-left:35px; }
.margin-left-40 { margin-left:40px; }
.margin-left-45 { margin-left:45px; }
.margin-left-50 { margin-left:50px; }
.margin-left-55 { margin-left:55px; }
.margin-left-60 { margin-left:60px; }

.margin-right-5,
.margin-right-10,
.margin-right-15,
.margin-right-20,
.margin-right-25,
.margin-right-30,
.margin-right-35,
.margin-right-40,
.margin-right-45,
.margin-right-50,
.margin-right-55,
.margin-right-60 {
   clear:both;
}

.margin-right-5  { margin-right:5px; }
.margin-right-10 { margin-right:10px; }
.margin-right-15 { margin-right:15px; }
.margin-right-20 { margin-right:20px; }
.margin-right-25 { margin-right:25px; }
.margin-right-30 { margin-right:30px; }
.margin-right-35 { margin-right:35px; }
.margin-right-40 { margin-right:40px; }
.margin-right-45 { margin-right:45px; }
.margin-right-50 { margin-right:50px; }
.margin-right-55 { margin-right:55px; }
.margin-right-60 { margin-right:60px; }

.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-15,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45,
.margin-bottom-50,
.margin-bottom-55,
.margin-bottom-60 {
   clear:both;
}

.margin-bottom-5  { margin-bottom:5px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-bottom-15 { margin-bottom:15px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-bottom-25 { margin-bottom:25px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-bottom-35 { margin-bottom:35px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-bottom-45 { margin-bottom:45px; }
.margin-bottom-50 { margin-bottom:50px; }
.margin-bottom-55 { margin-bottom:55px; }
.margin-bottom-60 { margin-bottom:60px; }

/*Padding top, right, left, bottom */
.padding-top-5  { padding-top:5px; }
.padding-top-10 { padding-top:10px; }
.padding-top-15 { padding-top:15px; }
.padding-top-20 { padding-top:20px; }
.padding-top-25 { padding-top:25px; }
.padding-top-30 { padding-top:30px; }
.padding-top-35 { padding-top:35px; }
.padding-top-40 { padding-top:40px; }
.padding-top-45 { padding-top:45px; }
.padding-top-50 { padding-top:50px; }
.padding-top-55 { padding-top:55px; }
.padding-top-60 { padding-top:60px; }

.padding-left-5  { padding-left:5px; }
.padding-left-7  { padding-left:7px; }
.padding-left-10 { padding-left:10px; }
.padding-left-15 { padding-left:15px; }
.padding-left-20 { padding-left:20px; }
.padding-left-25 { padding-left:25px; }
.padding-left-30 { padding-left:30px; }
.padding-left-35 { padding-left:35px; }
.padding-left-40 { padding-left:40px; }
.padding-left-45 { padding-left:45px; }
.padding-left-50 { padding-left:50px; }
.padding-left-55 { padding-left:55px; }
.padding-left-60 { padding-left:60px; }

.padding-right-5  { padding-right:5px; }
.padding-right-10 { padding-right:10px; }
.padding-right-15 { padding-right:15px; }
.padding-right-20 { padding-right:20px; }
.padding-right-25 { padding-right:25px; }
.padding-right-30 { padding-right:30px; }
.padding-right-35 { padding-right:35px; }
.padding-right-40 { padding-right:40px; }
.padding-right-45 { padding-right:45px; }
.padding-right-50 { padding-right:50px; }
.padding-right-55 { padding-right:55px; }
.padding-right-60 { padding-right:60px; }

.padding-bottom-5  { padding-bottom:5px; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-bottom-15 { padding-bottom:15px; }
.padding-bottom-20 { padding-bottom:20px; }
.padding-bottom-25 { padding-bottom:25px; }
.padding-bottom-30 { padding-bottom:30px; }
.padding-bottom-35 { padding-bottom:35px; }
.padding-bottom-40 { padding-bottom:40px; }
.padding-bottom-45 { padding-bottom:45px; }
.padding-bottom-50 { padding-bottom:50px; }
.padding-bottom-55 { padding-bottom:55px; }
.padding-bottom-60 { padding-bottom:60px; }


/* Show indented options in selects */
.optgroup-lv-1 { padding-left: 10px; }
.optgroup-lv-2 { padding-left: 20px; }
.optgroup-lv-3 { padding-left: 30px; }


/*Text Colors
------------------------------------*/
.color-sea { color: #1abc9c; }
.color-red { color: #e74c3c; }
.color-aqua { color: #27d7e7; }
.color-blue { color: #3498db; }
.color-grey { color: #95a5a6; }
.color-dark { color: #555555; }
.color-darker { color: #333333; }
.color-green { color: #72c02c; }
.color-brown { color: #9c8061; }
.color-light { color: #ffffff; }
.color-orange { color: #e67e22; }
.color-yellow { color: #d1a453; }
.color-green1 { color: #2ecc71; }
.color-purple { color: #9b6bcc; }
.color-inherit { color: inherit; }
.color-dark-blue { color: #4765a0; }
.color-light-grey { color: #585f69; }
.color-light-green { color: #79d5b3; }


/* badges in same colors as labels */

span.badge-default,
.list-group-item.active>.badge.badge-default {
  background: #474949;
}

span.badge-primary,
.list-group-item.active>.badge.badge-primary {
  background: #446e9b;
}

span.badge-success,
.list-group-item.active>.badge.badge-success {
  background: #3cb521;
}

span.badge-warning,
.list-group-item.active>.badge.badge-warning {
  background: #d47500;
}

span.badge-danger,
.list-group-item.active>.badge.badge-danger {
  background: #cd0200;
}

span.badge-info,
.list-group-item.active>.badge.badge-info {
  background: #3399f3;
}

span.label-light,
span.badge-light,
.list-group-item.active>.badge.badge-light {
  color: #777;
  background: #ecf0f1;
}


/* 404 Error Page v1
------------------------------------*/
.error-v1 {
  padding-bottom: 30px;
  text-align: center;
}

.error-v1 p {
  color: #555;
  font-size: 16px;
}

.error-v1 span {
  color: #555;
  display: block;
  font-size: 35px;
  font-weight: 200;
}

.error-v1 span.error-v1-title {
  color: #777;
  font-size: 180px;
  line-height: 200px;
  padding-bottom: 20px;
}

/*For Mobile Devices*/
@media (max-width: 500px) {
  .error-v1 p {
    font-size: 12px;
  }
  .error-v1 span {
    font-size: 25px;
  }
  .error-v1 span.error-v1-title {
    font-size: 140px;
  }
}

/* for deep categorization model-view*/
.pre-scrollable{
  max-height: 560px;
}

/** links without underline **/
.link-non-underline {
  text-decoration: none !important;
}

/** First row margin*/
.first-row-margin{
  margin-top: 0px;
}

.hiddenRow {
  padding: 0 !important;
}

.scroll-panel {
  overflow-x: scroll;
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

#instance-name{
  background:  #303030;
}

/** ACE editor style **/

#editor {
    height: 400px;
    visibility: hidden;
    border: 1px solid #dddddd;
}
#editor.full-screen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    width: auto;
    z-index: 9 !important;
}
body.full-screen {
    overflow: hidden;
}

#save-button.full-screen {
  position: fixed !important;
  z-index: 14 !important;
  top: 10px !important;
  right: 35px !important;
}

#validate-button.full-screen {
  position: fixed !important;
  z-index: 14 !important;
  top: 55px !important;
  right: 35px !important;
}

#check-status.full-screen {
  position: fixed !important;
  z-index: 14 !important;
  top: 95px !important;
  right: 35px !important;
}

.panel-primary>.panel-heading.external {
    background: repeating-linear-gradient(
        45deg,
        #446e9b,
        #446e9b 10px,
        #345e8b 10px,
        #345e8b 20px
    );
}
