* {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  width: 100%;
  font-family: "Lato" !important;
}

body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.layout-page-selection {
  text-align: left;
}

h4 {
  display: none;
}

.config-standalone-navigation{
  position: absolute;
  top: -2px;
  left: 30px;
  min-width: 80px;
  
  text-align: left;
  background-color: whitesmoke;
  
  height: 15px;
}
.config-standalone-navigation span{
  position: relative;
  display:inline-block;
  cursor: pointer;
  font-size: small;
  color: #3b95d1;
  font-weight: 700;
  white-space: wrap;
  border: 1px solid #c6e2f5;
  border-radius: 0 0 4px 4px;
  padding-left: 10px;
  padding-right: 10px;
}

.config-standalone-navigation span:hover{
  text-decoration: underline;
  background-color: #e5f0f8;
}

.layout-outer-edge {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%; /* 1644px; */
  height: 946px;
  background: #f8f9fa 0% 0% no-repeat padding-box;
  opacity: 1;
  border: 0px solid red;
  overflow: auto;
}
.version-label {
  text-align: left;
  font: Regular 12px/18px Lato;
  letter-spacing: 0;
  color: #c1c8ce;
  opacity: 1;
  border: 0px solid red;
  display: contents;
}
.layout-outer-edge-content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #f8f9fa 0% 0% no-repeat padding-box;
  opacity: 1;
  border: 0px solid olive;
}

.layout-left-side-bar {
  position: relative;
  top: 30px;
  left: 30px;
  width: 250px;
  height: 812px;
  background: #f4f5f7 0% 0% no-repeat padding-box;
  border: 0px solid red;
  opacity: 1;
}

.layout-left-side-bar-top {
  position: relative;
  top: -1px;
  left: 0px;
  width: 250px;
  height: 40px;
  background: #e1ebf4 0% 0% no-repeat padding-box;
  border: 0px solid red;
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
}
.layout-network-tab {
  position: absolute;
  top: 1px;
  left: -1px;
  width: 252px;
  height: 36px;
  background: #3b95d1 0% 0% no-repeat padding-box;
  border: 1px solid #c1c8ce;
  border-bottom: 1px solid #99a3ae;
  padding-top: 4px;
  opacity: 1;
  text-align: center;
  font: Regular 14px/30px Lato;
  letter-spacing: 0;
  color: #ffffff;
  border-radius: 4px 4px 0px 0px;
}

.layout-environments-tab {
  position: absolute;
  top: 0px;
  left: -1px;
  width: 113px;
  height: 34px;
  background: #507191 0% 0% no-repeat padding-box;
  border: 1px solid #c1c8ce;
  border-radius: 4px 4px 0px 0px;
  border-bottom: 1px solid #99a3ae;
  opacity: 1;
  text-align: center;
  font: Regular 14px/30px Lato;
  letter-spacing: 0;
  color: #ffffff;
  cursor: pointer;
}

.layout-environments-tab-active {
  position: absolute;
  top: -5px;
  left: -1px;
  width: 111px;
  height: 40px;
  background: #3b95d1 0% 0% no-repeat padding-box;
  border: 1px solid #99a3ae;
  border-bottom: 0px;
  border-radius: 4px 4px 0px 0px;
  opacity: 1;
  text-align: center;
  font: Semibold 14px/30px Lato;
  letter-spacing: 0;
  color: #ffffff;
  padding-top: 6px;
}

.layout-crminstances-tab {
  position: absolute;
  top: 0px;
  left: 110px;
  width: 141px;
  height: 35px;
  background: #507191 0% 0% no-repeat padding-box;
  border: 1px solid #c1c8ce;
  border-bottom: 1px solid #99a3ae;
  border-radius: 4px 4px 0px 0px;
  opacity: 1;
  text-align: center;
  font: Regular 14px/30px Lato;
  cursor: pointer;
  letter-spacing: 0;
  color: #ffffff;
}

.layout-crminstances-tab:hover,
.layout-environments-tab:hover {
  color: #ffffff;
  opacity: 0.7;
}

.layout-crminstances-tab-active {
  position: absolute;
  top: -6px;
  left: 110px;
  width: 141px;
  height: 40px;
  background: #3b95d1 0% 0% no-repeat padding-box;
  border: 1px solid #99a3ae;
  border-bottom: 0px;
  border-radius: 4px 4px 0px 0px;
  opacity: 1;
  text-align: center;
  font: Semibold 14px/30px Lato;
  letter-spacing: 0;
  color: #ffffff;
  padding-top: 6px;
}

.layout-left-side-bar-middle {
  position: absolute;
  top: 84px;
  left: -1px;
  width: 252px;
  height: 200px;
  background: #e1ebf4 0% 0% no-repeat padding-box;
  border-top: 0px;
  border-left: 1px solid #99a3ae;
  border-right: 1px solid #99a3ae;
  border-bottom: 1px solid #99a3ae;
  opacity: 1;
  padding-left: 26px;
  padding-right: 26px;
}

.layout-left-side-bar-bottom {
  position: absolute;
  top: 268px;
  left: -1px;
  width: 252px;
  height: 583px;
  background: #f4f5f7 0% 0% no-repeat padding-box;
  border: 1px solid #c1c8ce;
  border-radius: 0px 0px 4px 4px;
  /* overflow-y: auto; */
}

.layout-deployment-name {
  position: relative;
  top: 20px;
  left: 30px;
  width: 300px;
  height: 29px;
  text-align: left;
  font: Semibold 26px/28px Lato;
  font-size: 14pt;
  font-weight: bold;
  letter-spacing: 0;
  color: #18212b;
  opacity: 1;
  border: 0px solid green;
}

.layout-main-outer {
  position: absolute;
  top: 60px;
  left: 302px;
  width: 1030px;
  height: 850px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid silver;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

.layout-main-outeradmin {
  position: absolute;
  top: 60px;
  left: 50px;
  width: 1030px;
  height: 850px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid silver;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

.layout-tabs {
  position: absolute;
  top: 23px;
  left: 470px;
  height: 35px;
  width: 70%;
  float: inline-end;
  border: 1px solid rgb(122, 34, 34);
  background: #c2f5f8 0% 0% no-repeat padding-box;
  border: 1px solid #c1c8ce;
  border-radius: 0px 0px 4px 0px;
  opacity: 1;
}

.tabs2 {
  position: absolute;
  top: 0px;
  border: 1px solid olive;
}

.layout-breadcrumb {
  position: relative;
  top: -20px;
  left: 30px;
  height: 60px;
  width: 97%;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0px solid #c1c8ce;
  border-radius: 0px 0px 4px 0px;
  opacity: 1;
  padding-top: 0px;
  text-align: left;
  font: Regular 14px/25px Lato;
  letter-spacing: 0;
  text-transform: uppercase;
}

.layoutAdvanceAgentSearch{
  display: flex;
}

.breadcrumb-link {
  color: #179aff;
  cursor: pointer;
  text-decoration: underline;
  border: 0px solid red;
}
.breadcrumb-no-link {
  color: #179aff;
  cursor: default;
  font: Semibold 14px/25px Lato;
  border: 0px solid red;
}

.breadcrumb-no-link-sep {
  color: rgb(104, 101, 101);
  text-align: center;
  border: 0px solid silver;
  width: 20px;
  top:35px;
}

.breadcrumb-no-link-sep::before {
  position: relative;
  content: ">";
  font-size: 20pt;
  top: 4px;

}

.breadcrumb-no-link-section {
  color: #3b95d1;
  cursor: default;
  text-transform: initial;
  border: 0px solid red;
}

.main-view {
  position: absolute;
  top: 81px;
  left: 40px;
  width: 94%;
  height: 85%;
  margin-right: 20px;

  background: #f4f5f7 0% 0% no-repeat padding-box;
  border: 1px solid #c1c8ce;
  border-radius: 0px 0px 4px 0px;
  opacity: 1;
  display: block;
  box-sizing: content-box;
  padding: 10px;
}

.layout-info-wrapper {
  position: relative;
  top: 14px;
  left: 0px;
  width: 198px;
  height: 40px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #c1c8ce;
  border-radius: 4px;
  opacity: 1;
  text-align: left;
  font: Regular 14px/17px Lato;
  letter-spacing: 0;
  color: #34495e;
  padding-left: 25px;

}

.layout-info-dropdown {
  position: relative;
  top: 14px;
  left: 0px;
  width: 198px;
  height: 40px;

  border: 1px solid #dee2e6;
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
  border-radius: 0.25rem;
  opacity: 1;
  text-align: left;
  line-height: 1;
  letter-spacing: 0;
  color: #8898aa;
  padding-left: 5px;
  font: small;
}
.layout-info-dropdownadmin {
  position: relative;  
  top: 4px;
  left: 5px;
  width: 198px;
  height: 40px;
  border: 1px solid #dee2e6;
  box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05);
  border-radius: 0.25rem;
  opacity: 1;
  text-align: left;
  line-height: 1;
  letter-spacing: 0;
  color: #8898aa;
  padding-left: 5px;
  font: small;
}

.notification {
  position: fixed !important;
  right: 0;
  z-index: 10000;
  /* min-width: 250px; */
  max-width: 500px;
  width: auto;
  margin-right: 20px;
}

.emptyLayooutMessage {
  text-align: center;
  font-weight: 800;
  margin: 50px;
  font-size: 22px;
}

.paddinglet10px{
  padding-left: 10px;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
}

::-webkit-scrollbar:horizontal {
  height: 11px;
}

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0, 0, 0, .5);
}
::-webkit-scrollbar-track { 
  background-color: #fff; 
  border-radius: 8px; 
}

/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #c1c1c1; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #888; 
}

.layout-select-type-dropdown{
  width: 200px;
  background-color: #d8ebfd;
  font-weight: bold;
}

.deployment-view-selection{
  top: 0px;
  background: #3b95d1 0% 0% no-repeat padding-box;
  padding-top: 6px;
  padding-bottom: 6px
}