html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 14px;
  background: #ffffff;
}

body {
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;
}

a {
  color: #707070;
  text-decoration: none;
}

b, strong {
  font-weight: 600;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

svg {
  fill: currentColor;
}

.btn-blue {
  color: #ffffff;
  background-color: #137ad1;
  border-radius: 3px;
}

.btn-blue:focus,
.btn-blue:hover {
  color: #ffffff;
  background-color: #1a70bb;
}

.btn-red {
  color: #ffffff;
  background-color: #d84531;
  border-radius: 3px;
}

.btn-red:focus,
.btn-red:hover {
  color: #ffffff;
  background-color: #c43623;
}

.btn-gray {
  color: #ffffff;
  background: #b4b4b4;
  border-radius: 3px;
}

.btn-gray:focus,
.btn-gray:hover {
  color: #ffffff;
  background: #a1a1a1;
}

.btn-outline-red {
  color: #d84531 !important;
  border-color: #d84531;
}

.btn-outline-red:focus,
.btn-outline-red:hover {
  color: #ffffff !important;
  background-color: #d84531;
  border-color: #d84531;
}

.btn-outline-green {
  color: #73bf4c !important;
  border-color: #73bf4c;
}

.btn-outline-green:focus,
.btn-outline-green:hover {
  color: #ffffff !important;
  background-color: #73bf4c;
  border-color: #73bf4c;
}

.btn-outline-orange {
  color: #ff7200 !important;
  border-color: #ff7200;
}

.btn-outline-orange:focus,
.btn-outline-orange:hover {
  color: #ffffff !important;
  background-color: #ff7200;
  border-color: #ff7200;
}

.btn-outline-blue {
  color: #137ad1 !important;
  border-color: #137ad1;
}

.btn-outline-blue:focus,
.btn-outline-blue:hover {
  color: #ffffff !important;
  background-color: #137ad1;
  border-color: #137ad1;
}

.btn-xlg {
  padding: 16px 35px;
  font-size: 18px;
  line-height: normal;
  webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.btn-default {
  color: #495057;
  background-color: #fafafa;
  border-color: #ced4da;
}

.btn-default:hover {
  color: #495057;
  background-color: #eeeeee;
  border-color: #ced4da;
}

.btn-default:focus,
.btn-default.focus {
  box-shadow: none;
  background-color: #eeeeee;
}

.btn-action-dropdown {
  padding: 8px;
}

.btn-action-dropdown svg {
  fill: #858484;
}

.btn-action-dropdown:hover,
.btn-action-dropdown:active,
.btn-action-dropdown:focus {
  background: #ececec;
  border-radius: 50%;
  outline: none;
}

.badge-gray {
  background: #999999;
  color: #ffffff;
}

.badge-orange {
  background: #ff7200;
  color: #ffffff;
}

.badge-red {
  background: #e15650;
  color: #ffffff;
}

.badge-green {
  background: #73bf4c;
  color: #ffffff;
}

.label-outline {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.25rem 0.5rem;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}

.label-outline-green {
  color: #73bf4c;
  border-color: #73bf4c;
}

.label-outline-orange {
  color: #ff7200;
  border-color: #ff7200;
}

.label-outline-red {
  color: #d84531;
  border-color: #d84531;
}

.label-outline-blue {
  color: #137ad1;
  border-color: #137ad1;
}

.color-grey {
  color: #cccccc;
}

.color-dark-purple {
  color: #774aa4;
}

.color-light-grey {
  color: #b4b4b4;
}

.color-light-blue {
  color: #39c;
}

.color-green {
  color: #73bf4c;
}

.color-yellow {
  color: #eec300;
}

.color-orange {
  color: #ff7200;
}

.color-red {
  color: #e15650;
}

.bordered-box {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.card-header {
  font-weight: 600;
}

.card-body-grey {
  background: #f5f5f5;
}

table.table {
  margin: 0px;
}

table.table a {
  color: #000000;
}

table.table thead th {
  border: 0px;
  background: #f7f7f7;
  font-weight: 600;
}

.table-hover tbody tr:hover {
  background: #f6fafe;
  cursor: pointer;
}

.table-header-fixed th {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

.tab-list ul {
  width: 100%;
  border-bottom: 2px solid #f1f1f1;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.tab-list ul li {
  display: inline-block;
  margin: 0 22px -2px 0;
  height: 50px;
  line-height: 48px;
}

.tab-list ul li a {
  border-bottom: none;
  text-decoration: none;
}

.tab-list ul li:hover {
  border-bottom: 2px solid #666666;
  color: #666666;
}

.tab-list ul li a:hover {
  color: #666666;
}

.tab-list ul li.active {
  border-bottom: 2px solid #137ad1;
}

.tab-list ul li.active a {
  color: #137ad1;
}

.dropdown-item {
  line-height: 24px;
  border-bottom: 1px solid #e7e7e7;
}

.dropdown-item.active, .dropdown-item:active {
  color: #000000;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item:last-child {
  border-bottom: 0px;
}

.dropdown-item:hover {
  background: #f4f5f9;
}

.form-container .row {
  padding: 0px 0px 0px 0px;
}

.form-group label.required:after {
  content: " *";
}

.form-container .has-error input,
.form-container .has-error textarea,
.form-container .has-error select {
  border: 1px solid #ae4241;
}

.form-container label.col-form-label {
  font-weight: 600;
  color: #707070;
}

.header {
  display: flex;
  justify-content: space-between;
  height: 40px;
  border-top: 1px solid #0078d4;
  border-bottom: 1px solid #ebebeb;
  background: #ffffff;
  padding: 0px 8px;
  position: relative;
}

.header a.logo {
  display: inline-block;
  line-height: 40px;
}

.header .cloud-logo {
  position: absolute;
  top: 11px;
  left: 130px;
  padding-left: 10px;
  border-left: 1px solid #ebebeb;
}

.header .navbar-right ul.navbar-items {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: row;
}

.header .navbar-right ul.navbar-items li {
  line-height: 38px;
  height: 38px;
}

.header .navbar-right ul.navbar-items li a.top-level-item {
  padding: 0px 12px;
  display: block;
  color: #000000;
  cursor: pointer;
}

.header .navbar-right ul.navbar-items li a.top-level-item:hover,
.header .navbar-right ul.navbar-items li a.active {
  text-decoration: none;
  background: #f4f5f9;
}

.header .navbar-right ul.navbar-items li.area a {
  border-right: 1px solid #cccccc;
  padding: 0px 10px 0px 0px;
}

.header .navbar-right ul.navbar-items li.notification {
  position: relative;
}

.header .navbar-right ul.navbar-items li.notification svg {
  height: 16px;
  width: 16px;
}

.header .navbar-right ul.navbar-items li.notification span.badge-notification {
  position: absolute;
  top: 4px;
  right: 8px;
  border-radius: 10px;
  font-weight: 400;
  padding: 3px 5px;
}

.header .navbar-right ul.navbar-items li.pending-tasks {
  position: relative;
}

.header .navbar-right ul.navbar-items li.pending-tasks svg {
  height: 16px;
  width: 16px;
}

.header .navbar-right ul.navbar-items li.pending-tasks span.badge-pending-tasks {
  position: absolute;
  top: 4px;
  right: 8px;
  border-radius: 10px;
  font-weight: 400;
  padding: 3px 5px;
}

.footer {
  width: 100%;
  border-top: 1px solid #ebebeb;
  text-align: center;
  height: 34px;
  line-height: 34px;
}

.footer ul li {
  font-size: 12px;
  color: #707070;
  display: inline;
}

.footer ul li a {
  margin: 0px 5px;
}

.footer ul li:after {
  content: "|";
}

.footer ul li:last-child:after {
  content: "";
}

.footer ul li.language-selector label {
  margin-right: 5px;
}

.footer ul li.language-selector select.form-control {
  font-size: 12px;
  height: 18px;
  padding: 0px;
  min-width: 75px;
}

#pending-tasks-container {
  z-index: 10000;
}

.pending-tasks-container {
  width: 475px;
  position: absolute;
  right: 0px;
  line-height: normal;
}

.pending-tasks-container .card-body {
  padding: 8px 20px;
}

.pending-tasks-container .pending-task {
  border-bottom: 1px solid #ebebeb;
  margin: 0px 0px 5px 0px;
}

.pending-tasks-container .pending-task .task-information {
  display: flex;
  justify-content: space-between;
  line-height: 30px;
}

.pending-tasks-container .pending-task .task-information .task-status .badge {
  width: 120px;
  line-height: 14px;
  font-size: 11px;
  text-transform: uppercase;
}

.pending-tasks-container .pending-task .task-duration {
  font-size: 12px;
  color: #707070;
  margin: 0px 0px 6px 0px;
}

.pending-tasks-container .pending-task:last-child {
  border-bottom: 0px;
  margin: 0px;
}

.header .navbar-right .user-menu .dropdown-menu {
  min-width: 200px;
}

.header .navbar-right .user-menu a.dropdown-item {
  display: flex;
}

.header .navbar-right .user-menu a.dropdown-item .user-menu-icon-container {
  margin-right: 8px;
}

.header .navbar-right .user-menu a.dropdown-item span {
  padding: 1px 0px 0px 0px;
}

.main-container {
  display: flex;
  min-height: calc(100vh - 75px);
  overflow: hidden;
}

.sidebar {
  width: 250px;
  flex: 0 0 225px;
  border-right: 1px solid #e5e5e5;
  background: #fafafa;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

.sidebar img.svg {
  height: 18px;
  width: 18px;
  filter: invert(.5);
}

.sidebar li.aws svg {
  height: 20px;
  width: 20px;
}

.sidebar ul.sidebar-top-level-items {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.sidebar ul.sidebar-top-level-items li {
  position: relative;
}

.sidebar ul.sidebar-top-level-items li a {
  display: flex;
  align-items: center;
  padding: 12px 15px;
  color: #707070;
}

.sidebar ul.sidebar-top-level-items li a:hover {
  text-decoration: none;
  background: #ebebeb;
}

.sidebar ul.sidebar-top-level-items li.active a {
  box-shadow: inset 3px 0 0 #137ad1;
  background: #f0f0f0;
}

.sidebar ul.sidebar-top-level-items>li.active>a {
  color: #0078d4;
  font-weight: 600;
}

.sidebar ul.sidebar-sub-level-items>li.active>a {
  color: #0078d4;
  font-weight: 400;
}

.sidebar ul.sidebar-top-level-items li.aws a,
.sidebar ul.sidebar-top-level-items li.ali a {
  padding: 10px 15px;
}

.sidebar ul.sidebar-top-level-items li.do a,
.sidebar ul.sidebar-top-level-items li.gce a {
  padding: 11px 15px;
}

.sidebar ul.sidebar-top-level-items li.active a:hover,
.sidebar ul.sidebar-top-level-items li.is-over a {
  background: #e2e2e2;
}

.sidebar .nav-icon-container {
  display: flex;
  margin-right: 8px;
}

.sidebar .nav-item-name {
  margin: 1px 0px 0px 4px;
}

.sidebar ul.sidebar-sub-level-items {
  margin: 0px;
  padding: 0px;
  display: none;
}

.sidebar ul.sidebar-top-level-items li.active ul.sidebar-sub-level-items {
  display: block;
}

.sidebar-collapsed ul.sidebar-top-level-items li.active ul.sidebar-sub-level-items {
  display: none;
}

.sidebar-collapsed ul.sidebar-top-level-items li.show-fly-out ul.sidebar-sub-level-items {
  display: block;
}

.sidebar ul.sidebar-sub-level-items li a {
  padding: 8px 16px 8px 40px;
}

.sidebar ul.sidebar-sub-level-items li a:hover,
.sidebar ul.sidebar-sub-level-items li a:hover {
  background: #e7e7e7;
}

.sidebar-collapsed {
  width: 55px;
  flex: 0 0 55px;
}

.sidebar-collapsed a.toggle-sidebar-button {
  width: 55px;
  flex: 0 0 55px;
}

.sidebar-collapsed .nav-item-name,
.sidebar-collapsed ul.sidebar-sub-level-items,
.sidebar-collapsed .toggle-sidebar-button .collapse-text {
  display: none;
}

.sidebar-collapsed .toggle-sidebar-button img.icon-angle-double-left {
  display: none;
}

.sidebar-collapsed .show-fly-out ul.sidebar-sub-level-items {
  position: absolute;
  top: 0px;
  left: 54px;
  min-width: 150px;
  list-style-type: none;
  display: block;
  z-index: 10000;
  border: 1px solid #e5e5e5;
}

.sidebar-collapsed .show-fly-out ul.sidebar-sub-level-items li.fly-out-top-item-name {
  border-bottom: 1px solid #e5e5e5;
}

.sidebar-collapsed .show-fly-out ul.sidebar-sub-level-items li.fly-out-top-item-name a {
  font-weight: 600;
}

.sidebar-collapsed ul.sidebar-top-level-items li.active ul.sidebar-sub-level-items li.fly-out-top-item-name a {
  color: #0078d4;
  font-weight: 600;
}

.sidebar-collapsed .show-fly-out ul.sidebar-sub-level-items li a {
  box-shadow: none;
  background: #ffffff;
  padding: 9px 16px;
  white-space: nowrap;
}

.sidebar-collapsed .show-fly-out ul.sidebar-sub-level-items li a:hover {
  background: #eeeeee;
}

.sidebar-inner {
  height: 100%;
}

.sidebar-collapsed .sidebar-inner {
  width: 54px;
}

a.toggle-sidebar-button {
  width: 225px;
  position: fixed;
  height: 35px;
  bottom: 0px;
  padding: 0px 16px;
  background: #fafafa;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  color: #707070;
  display: flex;
  align-items: center;
  font-size: 15px;
}

a.toggle-sidebar-button:hover {
  text-decoration: none;
  background: #e5e5e5;
}

.toggle-sidebar-button svg {
  margin-right: 8px;
}

.toggle-sidebar-button .icon-angle-double-left,
.toggle-sidebar-button .icon-angle-double-right {
  color: #707070;
  filter: invert(.5);
}

.toggle-sidebar-button .icon-angle-double-right {
  display: none;
}

.sidebar-collapsed .toggle-sidebar-button .icon-angle-double-right {
  display: block;
}

.breadcrumb-container {
  border-bottom: 1px solid #e5e5e5;
  padding: 8px 0px;
}

.breadcrumb-container ul.breadcrumbs-links {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: flex;
}

.breadcrumb-container ul.breadcrumbs-links li {
  display: flex;
  align-items: center;
}

.breadcrumb-container ul.breadcrumbs-links li .icon-angle-right {
  height: 12px;
  width: 12px;
  color: #707070;
  margin: 0px 6px;
  filter: invert(.5);
}

.breadcrumb-container ul.breadcrumbs-links li,
.breadcrumb-container ul.breadcrumbs-links li a {
  color: #707070;
  font-size: 12px;
}

.breadcrumb-container ul.breadcrumbs-links li.active {
  font-weight: 600;
}

.page-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0px;
}

.page-header .page-title h1 {
  font-size: 26px;
  color: #2e2e2e;
  font-weight: 600;
  margin: 0px;
}

.page-header .page-title h3 {
  font-size: 14px;
  color: #707070;
  font-weight: 400;
  margin: 4px 0px 0px 0px;
}

.page-header .page-actions .dropdown-item {
  padding: 4px 15px;
}

.main-content {
  width: 100%;
  margin: 0px;
  padding: 0px 0px 40px 0px;
}

.page-top-tab-navigation {
  padding: 0px 0px 5px 0px;
}

.page-content {
  padding: 15px 0px 0px 0px;
}

.page-content .alert-container {
  padding: 0px 0px 10px 0px;
}

.page-content .alert-container .alert {
  margin: 0px 0px 4px 0px;
}

.container-limited-width {
  max-width: 1200px;
}

.spinner-container {
  color: #707070;
}

.spinner-container img {
  padding: 0px 6px 0px 0px;
}

.announcement-container .announcement {
  position: relative;
  padding: 10px 20px;
  text-align: center;
  background: #0078d4;
  color: #ffffff;
}

.announcement-container .announcement a {
  color: #ffffff;
}

.announcement-container .announcement a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.announcement-container .announcement .close {
  color: #ffffff;
}