/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

@font-face {
  font-family: 'Usual';
  src: url('../fonts/usual.eot');
  src: url('../fonts/usual.eot?#iefix') format('embedded-opentype'),
  url('../fonts/usual.woff2') format('woff2'),
  url('../fonts/usual.woff') format('woff'),
  url('../fonts/usual.ttf') format('truetype'),
  url('../fonts/usual.svg#svgFontName') format('svg');
}

@font-face {
  font-family: 'Usual medium';
  src: url('../fonts/usual-medium.eot');
  src: url('../fonts/usual-medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/usual-medium.woff2') format('woff2'),
  url('../fonts/usual-medium.woff') format('woff'),
  url('../fonts/usual-medium.ttf') format('truetype'),
  url('../fonts/usual-medium.svg#svgFontName') format('svg');
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding: 0 10px;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}

body {
  font-family: "Usual", sans-serif;
  font-size: 13px;
  color: #54575A;
  background-color: #fafdfb;
  padding-top: 60px;
}

.login-page {
  background: url(../images/building.jpg) no-repeat left top;
  background-size: cover;
}

a,
a:link,
a:hover,
a:active,
a:focus {
  color: #4ca686;
}

b, strong, thead th {
  font-family: "Usual medium", sans-serif;
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Usual medium", sans-serif;
  font-weight: 500;
  margin-top: 0;
}

h1, h2 {
  color: #96c121;
}

#menu-toggle {
  position: relative;
  display: none;
  float: right;
  margin: 16px 10px 8px 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

#menu-toggle span {
  position: relative;
  background-color: #96c121;
  height: 3px;
  width: 30px;
  display: block;
  border-radius: 1px;
  margin-bottom: 4px;
  transform-origin: 3px 0;
  transition: transform .2s cubic-bezier(.77, .2, .05, 1), background .2s cubic-bezier(.77, .2, .05, 1), opacity .2s ease;
}

#menu-toggle span:first-child {
  transform-origin: 0 0;
}

#menu-toggle.open-menu span {
  opacity: 1;
  transform: rotate(45deg) translate(0, -3px);
}

#menu-toggle span:nth-child(2) {
  transform-origin: 0 100%;
}

#menu-toggle.open-menu span:nth-child(2) {
  transform: rotate(-45deg) translate(-6px, 9px);
}

#menu-toggle.open-menu span:nth-child(3) {
  transform: rotate(0deg) scale(0);
}

.navbar-collapse {
  padding: 0 10px;
}

.navbar-inverse.navbar-default,
.footer.navbar-inverse {
  background-color: #54575A;
  background-image: none;
  box-shadow: none;
  border: none;
  border-top:2px solid #96c121;
}

.footer #navbar {
  padding: 0;
}

.footer.navbar-inverse {
  border-radius: 0;
  height: auto;
  padding: 13px 0 5px 0;
}

.navbar-inverse .navbar-brand {
  padding: 0;
  height: auto;
}

.footer .navbar-nav > li > a {
  padding: 0 10px;
}

.footer .navbar-nav > li > .top-nav-link {
  padding-top: 4px;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border: none;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .open > a {
  background-image: none;
  box-shadow: none;
  background-color: #333;
}

.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:active,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:active {
  background-image: none;
  box-shadow: none;
  background-color: #333;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
  text-shadow: none;
}

.navbar-inverse .navbar-brand {
  color: #E8E8E8;
  line-height: 1.42857143;
  padding: 11px 10px;
}

.navbar-inverse .navbar-brand img {
  height:30px;
  display: inline-block;
}

.navbar-inverse .navbar-brand small {
  transition: all 0.2s ease;
  font-family: "Usual", sans-serif;
  font-weight: 400;
  font-size: 85%;
  color: #E8E8E8;
}

#breadcrumb {
  transition: all .5s ease;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  color: #777;
  padding: 8px 10px;
  top:95px;
  position: fixed;
  z-index: 3;
  left: 0;
  right: 0;
}

#breadcrumb li {
  display: inline;
}

#breadcrumb li:after {
  content: "|";
  margin: 0 1px 0 5px;
}

#breadcrumb li:last-child:after {
  display: none;
}

.breadcrumb-header {
  margin-top:30px;
}

#loginbox {
  margin-top: 50px;
}

#loginbox .panel-body {
  padding: 10px;
}

#loginbox .panel-body,
#loginbox .panel-heading {
  padding: 10px;
}

#loginbox .input-group {
  margin-bottom: 10px;
}

#loginbox .alert {
  margin: 10px 10px 0 10px;
}

#loginbox #messages {
  margin-bottom: 0;
}

.forgot-link {
  font-size: 13px;
  font-family: "Usual", sans-serif;
  font-weight: 400;
  margin-top: 10px;
}

.modal {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
  box-shadow:0 2px 10px rgba(0,0,0,.2);
}

.modal-header,
.modal-body,
.modal-footer {
  border-color: #e7e7e7;
  padding: 10px;
}

.modal-title {
  color: #96c121;
  line-height: 1.2;
}

.modal-header .close {
  margin: 5px 5px 0 0;
}

.modal-body {
  background-color: #fafdfb;
}

.modal-body.max-overflow {
  max-height: 80vh;
  overflow-y: auto;
}

.row-highlight {
  background-color: #eec9c3;
}

.modal-footer {
  border-radius: 0 0 4px 4px;
}

.modal table {
  width:100%;
}

.input-group-addon {
  border-color: #e7e7e7;
  padding: 6px 8px;
}

.input-group-addon.action-addon {
  transition:all 0.2s ease;
  cursor: pointer;
  color: #54575A;
  border: none;
  background-color: #e7e7e7;
}

.input-group-addon.action-addon:hover,
.input-group-addon.action-addon:focus,
.input-group-addon.action-addon:active {
  background-color: #cfcfcf;
}

.has-error .input-group-addon {
  color: #c64c38;
  background-color: #f3dbd7;
  border:1px solid #e2a59b;
}

#date_time_div .input-group-addon,
#time_div .input-group-addon {
  font-size:18px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td.active:focus,
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td span.active:hover,
.bootstrap-datetimepicker-widget table td span.active:focus {
  background-color: #96c121;
  text-shadow: none;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background-color: #96c121;
  color: #fff;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  border-radius: 0;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  width:auto;
  height: auto;
  line-height: normal;
  margin: 0;
}

.bootstrap-datetimepicker-widget .timepicker table td,
.bootstrap-datetimepicker-widget .timepicker table td span {
  width:auto;
  height:auto;
  line-height: normal;
  font-weight:400;
}

.bootstrap-datetimepicker-widget a[data-action] {
  background-color: #96c121;
  cursor: pointer;
  display: block;
  color:#fff;
  padding: 3px 12px;
  border-radius:4px;
}

.bootstrap-datetimepicker-widget a[data-action="togglePicker"] {
  background-color: #4CA686;
}

.bootstrap-datetimepicker-widget .picker-switch td {
  border:none;
  padding:4px 0 0 0;
}

.bootstrap-datetimepicker-widget a[data-action]:hover,
.bootstrap-datetimepicker-widget a[data-action]:focus,
.bootstrap-datetimepicker-widget a[data-action]:active {
  background-color: #709018;
}

.bootstrap-datetimepicker-widget a[data-action="togglePicker"]:hover,
.bootstrap-datetimepicker-widget a[data-action="togglePicker"]:focus,
.bootstrap-datetimepicker-widget a[data-action="togglePicker"]:active {
  background-color: #387c64;
}

.bootstrap-datetimepicker-widget table td > span:hover,
.bootstrap-datetimepicker-widget table td > span:focus,
.bootstrap-datetimepicker-widget table td > span:active {
  background-color: #96c121;
  color:#fff;
}

.bootstrap-datetimepicker-widget table td .glyphicon:hover,
.bootstrap-datetimepicker-widget table td .glyphicon:focus,
.bootstrap-datetimepicker-widget table td .glyphicon:active {
  background-color: transparent;
}

.bootstrap-datetimepicker-widget table td .timepicker-hour:hover,
.bootstrap-datetimepicker-widget table td .timepicker-hour:focus,
.bootstrap-datetimepicker-widget table td .timepicker-hour:active,
.bootstrap-datetimepicker-widget table td .timepicker-minute:hover,
.bootstrap-datetimepicker-widget table td .timepicker-minute:focus,
.bootstrap-datetimepicker-widget table td .timepicker-minute:active {
  background-color:transparent;
  color:#54575A;
}

.input-group-btn .btn {
  padding: 7px 12px;
}

.bootstrap-datetimepicker-widget .timepicker table td {
  border: none;
}

.bootstrap-datetimepicker-widget table td.hour,
.bootstrap-datetimepicker-widget table td.minute {
  line-height: normal;
  height: auto;
  border-radius: 4px;
}

.timepicker-picker > .table-condensed {
  margin-top: 10px;
}

.timepicker-picker table tbody > tr > td {
  padding: 0;
}

textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"] {
  font-family: "Usual", sans-serif;
  box-shadow: none !important;
  -webkit-appearance: none;
  border: 1px solid #e7e7e7 !important;
  filter:none !important;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  line-height: 1.42857143;
  padding:6px;
}

textarea {
  resize: vertical;
  display: block;
  width: 100%;
  border-radius: 4px;
  min-height: 68px;
}

textarea.form-control {
  height: 98px;
  overflow-y: auto;
}

.form-control {
  color: #54575A;
  border-color: #e7e7e7 !important;
  border-radius: 4px;
  box-shadow:none !important;
  padding: 6px 12px;
  outline: none !important;
}

.form-control.disabled {
  opacity: 0.65;
  pointer-events: none;
}

.small-input:focus,
.small-input:focus-within,
.form-control:focus,
.form-control:focus-within {
  background-color: #f4f8e8;
}

.small-input:active,
.form-control:active {
  box-shadow: 0 0 0 2px rgba(0,0,0,0.2) !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f9f9f9;
  opacity:0.65;
}

#page-content-wrapper select.disabled,
#page-content-wrapper form .dropdown-toggle.disabled {
  pointer-events: none;
  background-image: url('../images/chevron-down.svg'), linear-gradient(to left, #e7e7e7 34px, #f9f9f9 34px);
  opacity: 0.65;
}

.form-control.script-text {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", Monospace;
}

.small-input {
  border-radius: 4px;
  padding: 6px 12px;
  width:100%;
  outline: none !important;
}

.well, .well.list-reset {
  border: 1px solid #e7e7e7;
  background: #f9f9f9;
  display: block;
  border-radius: 4px;
  box-shadow: none;
  padding: 6px 12px;
  min-height: 34px;
  margin-bottom: 0;
  word-wrap: break-word;
  max-height: 68px;
  overflow: auto;
}

.lg-well.well {
  height: 96px;
  max-height: 96px;
}

#page-content-wrapper select,
#week_days_div .dropdown-toggle {
  display: block;
  color:#54575a !important;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 13px;
  height:34px;
  padding:6px 40px 6px 8px;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  box-shadow: none;
  border-radius: 4px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border:1px solid #e7e7e7 !important;
  background-color: #fff;
  background-image: url('../images/chevron-down.svg'), linear-gradient(to left, #e7e7e7 34px, #ffffff 34px);
  background-repeat: no-repeat, repeat;
  background-position: right .8em top 50%, 0 0;
  background-size: 1em auto, 100%;
  outline: none;
}

#week_days_div .dropdown-toggle {
  padding-left:12px;
}

#week_days_div .dropdown-toggle .bs-caret {
  display: none;
}

#week_days_div .bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: 0;
}

#page-content-wrapper .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  color: #96c121 !important;
  top:9px;
}

#week_days_div .dropdown-toggle[aria-expanded = "true"],
#page-content-wrapper select:focus,
#page-content-wrapper select:focus-within {
  background-image: url('../images/chevron-down.svg'), linear-gradient(to left, #e7e7e7 34px, #f4f8e8 34px);
}

#page-content-wrapper form {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 10px;
}

#page-content-wrapper .tab-wrapper form,
#page-content-wrapper .modal form {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}

.checkbox, .radio {
  margin-top: 5px;
  margin-bottom: 5px;
}

.checkbox-list label {
  font-family: "Usual", sans-serif;
  font-weight: 400;
  display: block;
  margin-bottom: 5px;
}

.checkbox-list label .bold-text {
  font-family: "Usual medium", sans-serif;
  font-weight: 500;
}

.form-group, .table-responsive.form-group {
  margin-bottom: 10px;
}

.form-group p {
  font-family: "Usual medium", sans-serif;
  font-weight: 500;
  margin: 0;
}

.check-radio-wrapper {
  border: 1px solid #e7e7e7;
  background-color: #f9f9f9;
  border-radius: 4px;
  padding:6px 9px 7px 9px;
}

.check-radio-wrapper label {
  font-family: "Usual", sans-serif;
  font-weight: 400;
}

#custom_days {
  display: none;
}

.horizontal-rule {
  border-top: 1px solid #e7e7e7;
  padding: 5px 0 0 0;
  font-size: 80%;
}

.btn {
  transition: all 0.2s ease;
  color: #fff !important;
  font-size: 13px;
  border-radius: 4px;
  padding: 5px 12px;
  border:none !important;
}

.btn:active {
  box-shadow: 0 0 0 2px rgba(0,0,0,0.2) !important;
}

.btn:focus {
  outline:none !important;
}

.btn-danger[disabled],
.btn-info[disabled],
.btn-primary[disabled],
.btn-success[disabled],
.btn-warning[disabled] {
  color: #fff !important;
}

.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn.disabled:active,
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
.btn[disabled]:active {
  background-color: #e0e0e0 !important;
  color: #888 !important;
}

.btn-danger,
.btn-default,
.btn-info,
.btn-primary,
.btn-success,
.btn-warning {
  background-image: none;
  text-shadow: none;
  box-shadow: none;
  border: none;
}

.btn-success,
.btn-primary {
  background-color: #96c121;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-primary.active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #709018 !important;
}

.btn-default,
.btn-info {
  background-color: #4ca686;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  background-color: #387c64 !important;
}

.btn-warning {
  background-color: #ff8400;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: #bf6300;
}

.btn-danger {
  background-color: #c64c38;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background-color: #943929 !important;
}

.btn-outline-dark {
  box-shadow: inset 0 0 0 1px #54575a;
  background-color: transparent;
  color: #54575a !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
  background-color: #54575a;
  color: #fff !important;
}

.btn-danger.active,
.btn-danger:active,
.btn-default.active,
.btn-default:active,
.btn-info.active,
.btn-info:active,
.btn-primary.active,
.btn-primary:active,
.btn-success.active,
.btn-success:active,
.btn-warning.active,
.btn-warning:active {
  box-shadow:none;
}

.btn-outline-dark {
  box-shadow: inset 0 0 0 1px #54575a;
  background-color: transparent;
  color: #54575a !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
  background-color: #54575a;
  color: #fff !important;
}

.button-wrapper {
  background-color: #f9f9f9;
  border-top:1px solid #e7e7e7;
  margin: 0 -10px -10px -10px;
  border-radius: 0 0 4px 4px;
  padding: 10px;
}

.alert {
  background-image: none !important;
  box-shadow: none;
  text-shadow: none;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
}

.alert-dismissable, .alert-dismissible {
  padding-right: 35px;
}

.alert.alert-danger {
  background-color: #FFF7F6;
  color: #c64c38;
  border-color: #FFE0DB;
}

.alert.alert-info {
  background-color: #e5f3ee;
  color: #4ca686;
  border-color: #c2e3d7;
}

.alert.alert-warning {
  background-color: #FFF5E9;
  color: #ff8400;
  border-color: #FFDFBC;
}

.panel {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  border-color: #e7e7e7 !important;
}

.panel-heading {
  font-family: "Usual medium", sans-serif;
  padding: 10px 15px;
  font-size: 22px;
}

.panel-primary > .panel-heading,
.panel-success > .panel-heading,
.panel-info > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading {
  background-color: #fff;
  background-image: none;
  color: #54575A;
  border-bottom: 1px solid #e7e7e7;
}

.panel .panel-footer,
.modal .modal-footer {
  background-color: rgba(249, 249, 249, .4);
  border-top: 1px solid #e7e7e7;
}

.has-success .form-control {
  border-color: #e7e7e7 !important;
}

.has-success .checkbox, .has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio, .has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
  color: #54575A;
}

.help-block {
  margin-left: 15px;
  margin-right: 15px;
}

.help-block:empty {
  display: none;
}

fieldset .help-block,
.form-group .help-block {
  font-family: "Usual", sans-serif;
  font-weight: 400;
  font-size: 90%;
  margin-top: 2px;
}

.dropdown-menu {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  border-color: #e7e7e7;
  padding: 0;
}

.dropdown.icon-dropdown .dropdown-menu {
  top:52px;
  min-width: 200px;
}

.dropdown.icon-dropdown .dropdown-menu:before {
  position: absolute;
  top:-9px;
  right:7px;
  width: 0;
  height: 0;
  content:"";
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #e7e7e7;
}

.dropdown.icon-dropdown .dropdown-menu h3 {
  padding:10px;
  background-color: #f9f9f9;
  border-bottom:1px solid #e7e7e7;
  margin: 0;
}

.navbar-nav .open .dropdown-menu {
  position: absolute;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  color: #54575A;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color: #e7e7e7;
  color: #54575A;
}

.navbar-inverse .navbar-nav .open .dropdown-menu .divider,
.dropdown-menu .divider {
  background-color: #e7e7e7;
  margin: 0;
}

.dropdown-menu > li > a {
  color: #54575A;
  padding: 6px 12px;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active {
  background-color: #e7e7e7;
  background-image: none;
  color: #54575A;
}

#messages {
  margin: 5px 0;
}

#messages:empty {
  margin:0;
}

.aws-text {
  color: #FF9900;
}

#accounts,
#regions,
#m_accounts {
  overflow-y: auto;
  max-height: 600px;
}

.tooltip-inner {
  background-color: #54575a;
}

#navbar li {
  position: static;
}

#navbar .text-dropdown {
  position: relative;
}

#navbar .tooltip-inner {
  background-color: #e7e7e7;
  color: #54575a;
}

#navbar .tooltip.left .tooltip-arrow {
  border-left-color: #e7e7e7;
}

.deep-tooltip > .tooltip-inner {
  border: 1px solid;
  border-color: darkgrey;
  box-shadow: 0 0 30px 0 rgba(140, 140, 140, 1);
  margin-top: 60px;
  max-width: 620px !important;
  height: 420px !important;
  color: black;
  text-align: left;
  background: white;
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.tooltip.in,
.deep-tooltip.in {
  opacity: 1 !important;
}

#wrapper .tooltip.top .tooltip-arrow {
  border-color: #e7e7e7 transparent transparent transparent !important;
}

#wrapper #custom_div .tooltip.top .tooltip-arrow {
  border-color: #54575a transparent transparent transparent !important;
}

#wrapper .tooltip.right .tooltip-arrow {
  border-color: transparent #e7e7e7 transparent transparent !important;
}

#wrapper .tooltip.bottom .tooltip-arrow {
  border-color: transparent transparent #e7e7e7 transparent !important;
}

#wrapper .tooltip.left .tooltip-arrow {
  border-color: transparent transparent transparent #e7e7e7 !important;
}

#custom_div .tooltip-inner {
  max-width: 350px;
}

#custom_div .glyphicon {
  color:#ff8400;
}

.btn-separator {
  content: ' ';
  border-right-style: dotted;
  border-right-width: 1px;
  border-right-color: #e7e7e7;
  background: #f9f9f9;
  margin: 0 10px;
  height: 50px;
}

.o9-cta {
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  margin-bottom: 10px;
  padding: 10px;
  height: 500px;
  overflow: scroll;
}

#kind_div .btn-group label,
#monthly_div .btn-group label,
#week_days_div .btn-group label {
  font-family: "Usual", sans-serif;
  font-weight:400;
}

#custom_div {
  display: none;
}

.btn-group-no-overflow {
  display: flex;
  flex-wrap: nowrap;
}

label {
  margin-bottom: 0;
  transition: all 0.2s ease;
}

.form-group {
  margin-bottom: 10px;
}

fieldset:focus-within > label,
fieldset:focus-within > label small,
.form-group:focus-within > label {
  color: #96c121;
}

.label-default {
  background-color: #54575A;
}

.list-group {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.list-group-item-heading {
  font-size: 13px;
}

.list-group-item {
  padding: 6px 12px;
  border-color: #e7e7e7;
}

.list-group-item.o9 {
  background-color: #f9f9f9;
}

.list-group-item.o9-active,
.list-group-item.o9-active:focus,
.list-group-item.o9:hover {
  background-color: #e7e7e7;
}

#wrapper {
  padding: 0 10px 0 105px;
  transition: all 0.2s ease;
  position: relative;
}

#wrapper.open-menu {
  padding-left: 235px;
}

#sidebar-wrapper {
  transition: all 0.2s ease;
  position: fixed;
  top: 54px;
  width: 120px;
  height: calc(100vh - 54px);
  background-color: #f9f9f9;
  border-right: 1px solid #e7e7e7;
  overflow-y: auto;
  z-index: 1000;
  left: 105px;
}

#page-content-wrapper > .input-group,
#page-content-wrapper div[role='main'] > .input-group {
  position: relative;
  margin-bottom: 10px;
}

#page-content-wrapper #srch-term {
  border-radius: 4px;
  padding: 5px 5px 5px 36px;
  height: 30px;
}

#li_search {
  position: relative;
}

#li_search .glyphicon {
  position: absolute;
  left: 0;
  top: 0;
  color: #54575a !important;
  background-color: #e7e7e7;
  height: 30px;
  line-height: 30px;
  width: 30px;
  padding: 0;
  border-radius: 0;
  text-align: center;
}

#account_search {
  border-radius: 0;
  width:100%;
  padding: 5px 5px 5px 36px;
  outline: none !important;
  border: 1px solid #e7e7e7;
  -webkit-appearance: none;
  border-left: none;
  border-right: none;
  height: 30px;
}

#page-content-wrapper > .input-group .input-group-btn,
#page-content-wrapper div[role='main'] > .input-group .input-group-btn {
  position: absolute;
  left: 0;
  text-align: center;
}

#page-content-wrapper > .input-group .btn,
#page-content-wrapper div[role='main'] > .input-group .btn {
  color: #54575a !important;
  background-color: #e7e7e7;
  margin: 0;
  height: 30px;
  width: 30px;
  padding: 0;
  border-radius: 4px 0 0 4px;
}

#page-content-wrapper > .input-group .input-group-btn .btn:hover,
#page-content-wrapper > .input-group .input-group-btn .btn:focus,
#page-content-wrapper > .input-group .input-group-btn .btn:active,
#page-content-wrapper div[role='main'] > .input-group .btn:hover,
#page-content-wrapper div[role='main'] > .input-group .btn:focus,
#page-content-wrapper div[role='main'] > .input-group .btn:active {
  background-color: #D8D8D8 !important;
}

.popup-graphs .tooltip > .tooltip-inner {
  border: 1px solid #e7e7e7;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  margin-top: 60px;
  max-width: 620px !important;
  height: 420px !important;
  text-align: left;
  background: #fff;
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.popup-graphs .tooltip > .tooltip-inner * {
  color: #54575a !important;
  font-family: "Usual", sans-serif !important;
}

.popup-graphs .tooltip.in {
  opacity: 1 !important;
}

.user-span {
  color: #fff;
}

@supports (-ms-ime-align: auto) {
  .user-span {
    padding: 15px 0;
  }
}

.navbar-right {
  margin-right: 0;
  padding-right: 10px;
}

.navbar-inverse .navbar-nav > li > a,
.top-nav-link {
  color: #fff;
  font-size: 13px;
}

#navbar .top-nav-link.icon-link {
  background-color: #333;
  height: 30px;
  position: relative;
  padding: 5px 8px;
  margin: 9px 0 0 5px;
  outline: none !important;
}

#navbar .top-nav-link.icon-link:hover,
#navbar .top-nav-link.icon-link:focus,
#navbar .top-nav-link.icon-link:active {
  background-color: #2D2D2D;
}

.navbar-nav > li > a {
  padding-top: 16px;
  padding-bottom: 16px;
}

.top-nav-link .caret {
  margin-left: 5px;
}

.welcome-text {
  position: relative;
  top: 2px;
}

#navbar #top-user {
  display: inline;
  padding: 0 5px 0 1px;
  color: #96c121;
  outline: none;
}

#navbar #top-user:hover,
#navbar #top-user:focus {
  text-decoration: underline;
}

#o9_rev {
  font-size: 10px;
  margin-top: 2px;
  float: right;
}

.text-dropdown svg {
  position: relative;
  top: 2px;
  margin-right: 2px;
}

.list-group {
  margin-bottom: 10px;
}

.green-text,
#statusbar {
  color: #96c121;
}

.red-text {
  color: #c64c38;
}

.teal-text {
  color: #4ca686;
}

.grey-text {
  color: #555;
}

.teal-text:hover,
.teal-text:focus {
  text-decoration: underline;
}

.badge.light-teal-background {
  background-color: #C9E4DB;
  color:#54575A;
}

.pointer-cursor {
  cursor:pointer;
}

.pointer {
  cursor: pointer;
}

#zoom_factor {
  display: flex;
  flex-wrap: nowrap;
}

#zoom_factor .btn {
  white-space: nowrap;
}

.list-reset,
.list-reset li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.table-responsive {
  border: none;
  margin-bottom: 0;
  width: 100%;
  overflow-y: hidden;
}

.table-responsive > .table-bordered {
  border: 1px solid;
}

table,
table * {
  border-color: #e7e7e7 !important;
}

#parameters table,
#outputs table,
#tags table,
#resources table {
  margin-top: 0;
}

.form-group table {
  margin: 0;
}

th, td {
  border: 1px solid #e7e7e7;
  vertical-align: top !important;
  padding: 8px;
}

th, label {
  font-family: "Usual medium", sans-serif;
  font-weight: 500;
}

thead th {
  border-bottom-width: 2px;
}

table,
table.dataTable {
  background-color: #fff;
  margin: 10px 0;
}

.table {
  margin-bottom: 10px;
}

.full-width-table {
  width:100%;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0;
  padding-bottom: 10px;
  font-size: 90%;
}

table.table-proposal {
  vertical-align: top;
  width: 100%;
}

table.table-proposal tr th {
  width: 130px;
  padding-bottom: 5px;
  font-weight: 400;
}

table.table-proposal tr td {
  padding-right: 55px;
  padding-bottom: 5px;
  width: 250px;
  vertical-align: top;
}

.table-proposal td label {
  margin-top: 10px;
}

.table-proposal td label,
.table-proposal td p {
  font-family: "Usual medium", sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: left;
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after {
  bottom: auto;
  top: 8px;
}

#types {
  max-height: 400px;
  overflow: auto;
}

#statusbar {
  background-color: #e5f3ee;
  border: 1px solid #c2e3d7;
  border-radius: 4px;
  padding:5px 10px;
  margin: 10px 0;
  color: #4ca686;
}

.modal-body #statusbar {
  margin-top: 0;
}

.user:link, .user:visited {
  color: #fff;
  text-decoration: none;
  line-height: 50px;
  text-align: -webkit-match-parent;
  font-size: 13px;
  vertical-align: middle;
}

.user:hover, .user:active {
  color: #ffffff;
  text-decoration: none;
}

.table-bullet {
  width:10px;
  height:10px;
  display: inline-block;
  position: relative;
  top:1px;
  border-radius: 50%;
}

.globe-bullet {
  background: linear-gradient(to bottom, #4ca686 0%, #96c121 100%);
}

.orange-bullet {
  background-color:#FF8400;
}

.yellow-bullet {
  background-color:#ffff00;
}

.red-bullet {
  background-color:#C64C38;
}

.green-bullet {
  background-color:#96C121;
}

.teal-bullet {
  background-color:#4CA686;
}

.grey-bullet {
  background-color:#54575A;
}

.top-logo {
  padding-top: 10px;
}

.sidebar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  padding: 0;
}

.sidebar-nav li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  border-top: 1px solid #e7e7e7;
  color: #54575A;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
  color: #222222;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #000000;
  background: none;
}

.top-nav {
  position: fixed;
  width: 105px;
  text-align: center;
  margin: 0;
  padding: 0;
  top: 54px;
  height: calc(100vh - 50px);
  z-index: 2;
  overflow-y: auto;
  list-style: none;
  background-color: #f0f0f0;
  border-right: 1px solid #e7e7e7;
  transition: all 0.2s ease;
}

.top-nav.open-menu {
  margin-left: 0;
}

.top-nav li {
  display: none;
}

.top-nav li a {
  transition: background 0.2s ease;
  padding: 10px 0;
  text-align: center;
  display: block;
  text-decoration: none;
  color: #54575A;
  border-top: 1px solid #e7e7e7;
}

.top-nav li p {
  margin:0;
}

.top-nav a:hover .svg-icon-fill,
.top-nav a:focus .svg-icon-fill,
.top-nav .top-selected .svg-icon-fill {
  fill:#96c121;
}

.top-nav a:hover .svg-icon-stroke,
.top-nav a:focus .svg-icon-stroke,
.top-nav .top-selected .svg-icon-stroke {
  stroke:#96c121;
}

.top-nav .svg-icon-fill,
.top-nav .svg-icon-stroke {
  transition:all 0.2s ease;
}

#sap-top:hover #sap-icon,
#sap-top:focus #sap-icon,
#sap-top.top-selected #sap-icon {
  fill:#007db8;
}

#windows-top:hover #windows-icon,
#windows-top:focus #windows-icon,
#windows-top.top-selected #windows-icon {
  fill:#00a2ed;
}

#aws-top:hover #aws-icon,
#aws-top:focus #aws-icon,
#aws-top.top-selected #aws-icon {
  fill:#FF9900;
}

#container-top:hover #docker-icon,
#container-top:focus #docker-icon,
#container-top.top-selected #docker-icon {
  fill:#0db7ed;
}

.top-nav li a:hover,
.top-nav li a:focus,
.top-nav li a:active,
.top-nav li a.top-selected,
.sidebar-nav li a:hover,
.sidebar-nav li a:focus,
.sidebar-nav li a:active,
.sidebar-nav li a.nav-selected {
  text-decoration: none;
  color: #54575A;
  background: #e7e7e7;
}

.nav-tabs {
  border: none;
  margin-bottom: -1px;
  position: relative;
  clear: both;
  z-index: 2;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.nav-tabs li {
  margin: 0 10px 0 0;
  white-space: nowrap;
}

.nav-tabs > li > a {
  transition: all 0.2s ease;
  background-color: #f9f9f9;
  border: 1px solid #e7e7e7;
  padding: 10px;
  border-bottom: none;
  color: #54575A;
  margin-right: 0;
}

.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
  background-color: #fff;
  border-color: #e7e7e7;
  color: #54575A;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: #fff;
  color: #54575A;
}

.nav-tabs + .tab-wrapper {
  clear: both;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #e7e7e7;
  border-radius: 0 0 4px 4px;
  overflow-x: auto;
}

.tab-wrapper table {
  width: 100%;
  margin: 0;
}

.badge {
  background-color: #54575A;
}

.nav-tabs .badge {
  display: inline;
  padding: 2px 7px;
  position: relative;
  top: -1px;
}

.nav-tabs .badge:empty {
  display: none;
}

#zoom-overview {
  margin-bottom: 10px;
}

#zoom-overview td .tooltip {
  position: fixed;
}

.mar-before {
  margin-top: 5px !important;
}

.mar-before-plus {
  margin-top: 10px !important;
}

.mar-after {
  margin-bottom: 5px !important;
}

.mar-after-plus {
  margin-bottom: 10px !important;
}

.mar-after-x3 {
  margin-bottom: 15px !important;
}

.mar-left {
  margin-left: 5px !important;
}

.mar-right {
  margin-right: 5px !important;
}

.no-mar {
  margin: 0 !important;
}

.no-mar-top {
  margin-top: 0 !important;
}

.no-mar-bottom {
  margin-bottom: 0 !important;
}

.pad-before {
  padding-top: 5px !important;
}

.pad-left-x3 {
  padding-left: 15px !important;
}

.no-bold {
  font-family: "Usual", sans-serif !important;
  font-weight:400 !important;
}

.editor {
  font-family:"Droid Sans Mono", monospace !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  width: 100%;
  height: 600px;
  border:1px solid #e7e7e7;
  border-radius:4px;
  background-color: #fff;
}

.ace_content {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace !important;
}

.ace_editor, .ace_editor * {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Droid Sans Mono", "Consolas", monospace !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

#output {
  font-family: "Monaco", "Menlo", "Ubuntu Mono", "Droid Sans Mono", "Consolas", monospace !important;
}

@media (min-width: 730px) {
  #wrapper {
    padding: 0 10px 0 265px;
  }

  #sidebar-wrapper {
    width: 150px;
  }

  #page-content-wrapper {
    position: relative;
  }
}

@media (max-width: 730px) {
  body {
    padding-top: 99px;
  }

  #wrapper {
    padding: 0 10px;
  }

  .nav.navbar-nav.navbar-left {
    float: none;
  }

  #menu-toggle {
    display: block;
  }

  .top-nav {
    margin-left: -105px;
  }

  .dropdown.icon-dropdown .dropdown-menu:before {
    left:9px;
    right:auto;
  }

  .welcome-text {
    display: none;
  }

  #navbar .navbar-right {
    float: left;
    clear: both;
    padding-right: 0;
  }

  .navbar-default #navbar #top-user {
    line-height: normal;
    padding: 5px 5px 0 0;
  }

  .navbar-default #navbar .text-dropdown > a,
  .navbar-default #navbar .top-nav-link.icon-link {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 5px 6px;
  }

  .top-nav,
  #sidebar-wrapper {
    top: 94px;
    height: calc(100vh - 94px);
  }

  #sidebar-wrapper {
    left: -120px;
  }

  .open-menu #sidebar-wrapper {
    left: 105px;
  }
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 6px 12px;
  }
  .table-responsive > .table {
    margin-bottom: 10px;
  }
}

@media (max-width: 950px) {
  #org_name,
  #region_name {
    display: none;
  }

  #navbar .text-dropdown > a {
    transition: all 0.2s ease;
    background-color: #333;
    border-radius: 4px;
    color: #f0f0f0 !important;
    height: 30px;
    position: relative;
    padding: 5px 8px;
    margin: 9px 0 0 5px;
    outline: none !important;
  }

  #navbar .text-dropdown > a:hover,
  #navbar .text-dropdown > a:focus,
  #navbar .text-dropdown > a:active {
    background-color: #2D2D2D;
    color: #e7e7e7 !important;
  }

  #navbar .text-dropdown svg {
    width: 18px;
    height: 18px;
    top: 1px;
  }

  #navbar .text-dropdown .caret {
    margin-left: 0;
    position: relative;
    top: -4px;
  }

  .navbar-nav {
    margin: 0;
    float: left;
  }

  .navbar-nav > li {
    float: left;
  }

  .navbar-nav > li > a {
    padding-bottom: 15px;
  }

  #navbar {
    display: block;
  }

  .navbar-right {
    float: right;
  }

  .navbar-collapse {
    box-shadow: none;
  }

  .table-proposal {
    margin: 0;
    background-color: transparent;
  }

  table.table-proposal .list-group {
    margin-bottom: 0;
  }

  table.table-proposal tr td {
    padding: 0 0 10px 0;
    width: auto !important;
    display: block;
    border: none;
  }

  .input-group.col-sm-3.pull-right {
    float: none !important;
    width: 100%;
    margin-top: 10px;
  }

  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
  }
}

@media not all and (min-resolution:.001dpcm) {
  @media {
    .nav-tabs {
      margin-left: -1px;
    }
  }
}