@charset "UTF-8";
/* SCSS Variables */ /*
 * Actifio Branding Colors
*/
/* #E86C1F */
/* #546292 */
/* #F0F0D9 */
/* #8B9A92 */
/*
 * AGM Primary Color Palette
*/
/* #E86C1F */
/* #3F4C50 */
/* #F0F0EB */
/* #D9D9D1 */
/* #DADACD */
/* #8C8C86 */
/* #2A3036 */
/*
 * AGM Secondary Color Palette
*/
/* #F2AA2D */
/* #DF7753 */
/* #3BACC8 */
/* #46BDB6 */
/* #4E8FE0 */
/* #74C244 */
/* #4E85E0 */
/* #405D82 */
/* #CFFA90 */
/**
"canceled"
   color = "#aaaaaa";
"failed"
   color = "#c73b1c";
"retry"
   color = "#fbbfaa";
"succeeded"
   color = "#61c62a";
"queued"
   color = "#536878";
"notrun"
   color = "#df7753";
**/
/*
 * Policy and Ramp colors
*/
/*
Default font
*/
/* Global */
@import "../../js/vendor/tableScroll/styles.css";
#EDIT_HOST_FORM::-webkit-scrollbar:vertical {
  width: 12px;
}

#vcenters .table-wrapper::-webkit-scrollbar:vertical {
  width: 12px;
}

#hosts .table-wrapper::-webkit-scrollbar:vertical {
  width: 12px;
}

#persona-list .nav-text {
  cursor: default;
}

:root {
  --app-body-top: 50px;
}

html {
  height: 100%;
}

body {
  background-color: #ffffff;
  color: #000;
  background-repeat: repeat;
  background-position: center center;
  font-size: 10px;
  font-family: "Roboto", "Helvetica", "Arial", "san serif";
  min-height: 100%;
  overflow: hidden;
}

.introjs-button {
  font: 13px "Roboto", "Helvetica", "Arial", "san serif" !important;
}

p {
  font-family: "Roboto", "Helvetica", "Arial", "san serif";
  color: #000;
}

input, button, select, textarea {
  font-family: "Roboto", "Helvetica", "Arial", "san serif";
}

h2 {
  color: rgb(42, 48, 54);
  font-size: 24px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: capitalize;
}

h3 {
  color: rgb(140, 140, 134);
  font-size: 18px;
  font-weight: 400;
  margin-right: 0.75em;
  text-transform: capitalize;
}

.inline {
  display: inline-block;
  margin-right: 1em;
}

.right {
  float: right;
}

.left {
  float: left;
}

.text-right {
  text-align: right;
}

.loading-header {
  display: none;
  padding-left: 2.5em;
  padding-top: 0.7em;
  width: 15px;
}
.loading-header img {
  padding-bottom: 0.5em;
  width: 100%;
}
.loading-header.show {
  display: inline-block;
}

.errList {
  list-style-type: disc;
}
.errList:first-letter {
  text-transform: capitalize;
}

input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
  color: rgb(200, 200, 200);
  font-style: italic;
}

*:focus,
input:focus,
select:focus,
textarea:focus,
button:focus,
input:focus,
textarea,
textarea:focus {
  outline: none;
}

.fixFont {
  font-size: 2em;
}

.protection-select > option {
  color: #fff !important;
}

.select-bluebg option {
  color: #fff !important;
}

.profile-select optgroup {
  color: #000 !important;
}

.opBlue > .inner {
  background: #3367D6;
}

.protection {
  transform: translate3d(0px, 35px, 0px) !important;
}

.w-100 {
  width: 100% !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.loadingclock {
  position: relative;
  width: 48px;
  height: 48px;
  border: 2px solid #ccc;
  border-radius: 100%;
}

.loadingclock:before {
  display: block;
  position: absolute;
  left: 23px;
  top: 2px;
  width: 2px;
  height: 22px;
  background-color: #ccc;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
  content: "";
  -webkit-transform-origin: 1px 22px;
  -ms-transform-origin: 1px 22px;
  transform-origin: 1px 22px;
}

.loadingclock:after {
  display: block;
  position: absolute;
  left: 23px;
  top: 3px;
  width: 2px;
  height: 21px;
  background-color: #ccc;
  -webkit-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
  content: "";
  -webkit-transform-origin: 1px 21px;
  -ms-transform-origin: 1px 21px;
  transform-origin: 1px 21px;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.status-messages {
  opacity: 0.7;
  height: 30px;
  background-color: lightblue;
  font-size: 16pt;
  height: 40px;
  padding: 10px;
  margin-left: 40px;
}

button.agm-button-link {
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  color: #3367D6;
}
button.agm-button-link:hover {
  text-decoration: underline;
}
button.agm-button-link:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}
button.agm-button-link:active {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  color: #3367D6;
  border-color: transparent;
}

.chrome {
  cursor: default;
}

#hud.chrome {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #121212;
  font-size: 12px;
  z-index: 10000;
  padding: 0 5px;
}

#search.chrome {
  background-image: url(../images/search-bg-sm.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  height: 22px;
  line-height: 22px;
  color: #7f7f7f;
  border: 0;
  background-color: #eee;
  font-size: 11px;
  width: 165px;
  margin-top: 10px;
}

#search-area.chrome {
  background: #e6e6e6 url(../images/search-bg-sm.png?agm-ver=undefined.undefined) no-repeat 8px 8px;
  height: 22px;
  line-height: 20px;
  width: 167px;
  /*margin: 8px 0 10px 25px;*/
  border-bottom: 1px solid #dcdbdb;
  text-align: center;
  padding: 8px 8px 6px 8px;
  position: relative;
}

#search-area.chrome input {
  outline: none;
}

#search-area.chrome {
  background-color: transparent;
  border-bottom: 0;
}

#txt_inline_search, #inline_search {
  height: 22px;
  line-height: 20px;
  color: #7f7f7f;
  border: 0;
  font-size: 11px;
  width: 147px;
  padding-left: 20px;
  background-color: transparent;
}

#search-area #txt_inline_search, #search-area #inline_search {
  width: 126px;
  padding-right: 28px;
}

#search-area .crossgray-icon, .baseSearch-filter .crossgray-icon {
  border: 1px solid transparent;
  background-color: #eaeaea;
  padding-right: 1px;
  padding-bottom: 1px;
  position: absolute;
  top: 12px;
  right: 7px;
  -webkit-border-radius: 7px 7px;
}

#search-area .crossgray-icon:hover, .baseSearch-filter .crossgray-icon:hover {
  border: 1px solid #bebebe;
}

#search-area .crossgray-icon:active, .baseSearch-filter .crossgray-icon:active {
  background-color: #c7c6c6;
}

#topbar-navigation.chrome {
  height: 22px;
  padding: 0 0;
  margin: 0 0;
  margin-top: 8px;
  text-align: center;
  width: 100%;
}

#topbar-navigation.chrome ul {
  padding: 0 0 0 0;
  margin: 0 0;
}

#topbar-navigation.chrome ul li {
  font-size: 11px;
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  border-left: solid 1px #464646;
  background-image: url(../images/buttons/pill-middle.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top left;
}

#topbar-navigation.chrome ul li.selected {
  font-size: 11px;
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  border-left: solid 1px #464646;
  background-image: url(../images/buttons/pill-middle-down.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top left;
}

#topbar-navigation.chrome ul li.left {
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  background-image: url(../images/buttons/pill-left.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top left;
  border-left: 0;
}

#topbar-navigation.chrome ul li.left.selected {
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  background-image: url(../images/buttons/pill-left-down.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top left;
}

#topbar-navigation.chrome ul li.right {
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  border-left: solid 1px #464646;
  background-image: url(../images/buttons/pill-right.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top right;
}

#topbar-navigation.chrome ul li.right.selected {
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  border-left: solid 1px #464646;
  background-image: url(../images/buttons/pill-right-down.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top right;
}

#topbar-navigation.chrome ul li A {
  text-decoration: none;
  font-size: 12px;
  color: #484848;
  float: left;
  padding: 0 10px;
}

#topbar-navigation.chrome ul li A:hover {
  text-decoration: none;
  font-size: 12px;
  color: #111;
}

#topbar-navigation.chrome ul li.selected A {
  text-decoration: none;
  font-size: 12px;
  color: #efefef;
  text-shadow: 1px 1px 2px #2b2b2b;
}

#topbar-navigation.chrome ul li.selected A:hover {
  text-decoration: none;
  font-size: 12px;
  color: #efefef;
}

#topbar-navigation.chrome ul li A IMG {
  height: 10px;
  width: 10px;
  margin-right: 3px;
  margin-top: 4px;
}

#content.chrome {
  height: inherit;
  overflow: hidden;
  padding: 0 0;
  margin-bottom: -100px;
  background-color: #fff;
}

/* NAVIGATION PANEL */
#navigation-panel.chrome {
  left: 0;
  height: 100%;
  width: 180px;
  float: left;
  border-right: solid 1px #acacac;
  overflow: hidden;
  background-color: #eee;
  bottom: 0;
}

#navigation-panel.chrome .chrome {
  background-color: transparent;
}

#navigation-panel.chrome #navigator {
  margin: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: auto;
  height: 90%;
}

#navigator .nav_wrapper {
  border-color: transparent;
  border-width: 1px 0 1px 0;
  border-style: solid;
  clear: both;
}

#navigator .nav_wrapper:hover {
  background-color: #e6e6e6;
  border-color: #cccccc;
}

#navigation-panel.chrome #navigator H3 {
  display: block;
  background: transparent url(../images/navigator/navigator-block-open.png?agm-ver=undefined.undefined) no-repeat 6px 11px;
  /*background-position: top left;
  background-repeat: no-repeat;*/
  padding: 7px 0 7px 20px;
  font-size: 10px;
  color: #484848;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  text-shadow: 1px 1px #fafafa;
}

#navigation-panel.chrome #navigator H3.closed {
  display: block;
  background: transparent url(../images/navigator/navigator-block-closed.png?agm-ver=undefined.undefined) no-repeat 5px 9px;
  padding: 7px 0 7px 20px;
  font-size: 10px;
  color: #484848;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  text-shadow: 1px 1px #fafafa;
}

#navigation-panel.chrome #navigator H3:hover, #navigation-panel.chrome #navigator H3.closed:hover, #navigation-panel.chrome #navigator H3.active:hover {
  color: #000;
  background-color: #dad9d9;
}

#navigation-panel.chrome #navigator H3 div {
  margin: 0 0 10px 0;
  padding: 0 0;
  position: relative;
  display: block;
}

#navigation-panel.chrome #navigator .nav_inner_pane h3 {
  background-position: 14px 10px;
  padding-left: 25px;
  clear: both;
}

#navigation-panel.chrome #navigator .nav_inner_pane h3.closed {
  background-position: 14px 9px;
}

#navigation-panel.chrome #navigator div ul {
  padding: 0 0 0 0;
  margin: 0 0;
  background-color: #f3f1f1;
  float: left;
}

#navigation-panel.chrome #navigator li {
  display: block;
  position: relative;
  min-width: 180px;
}

#navigation-panel.chrome #navigator div ul li {
  background-color: transparent;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  padding-left: 0;
  margin-right: 0;
  /*width: 90%;*/
  white-space: nowrap;
  /*overflow: auto;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;*/
  color: #484848;
  z-index: 2000000000000;
}

#navigation-panel.chrome #navigator #objectCanvas ul li {
  width: 94.6%;
  padding-left: 10px;
}

#navigation-panel.chrome #navigator div ul li A {
  background-color: transparent;
  text-decoration: none;
  font-size: 11px;
  color: #484848;
  z-index: 2000000000000;
  display: block;
  /*width:100%;*/
  padding-left: 20px;
}

#navigation-panel.chrome #navigator div ul li A:hover, #navigation-panel.chrome #navigator #objectCanvas ul li:hover {
  background-color: #d6e5f2;
  color: #0085d5;
}

#navigation-panel.chrome #navigator div ul li A IMG {
  border: 0;
  padding-right: 5px;
  vertical-align: middle;
  margin-bottom: 3px;
}

#navigation-panel.chrome #navigator div ul li A > SPAN.counter {
  font-size: 9px;
  font-weight: bold;
  background-image: url(../images/navigator/navigator-selected.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  color: #fff;
  padding: 0 5px;
  float: right;
  -webkit-border-radius: 5px 5px;
  /*margin-right: 5px;*/
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  margin-top: 4px;
  text-shadow: 1px 1px #242424;
}

#navigation-panel.chrome #navigator div H3 > SPAN.counter, #appsPnl SPAN.counter {
  font-size: 9px;
  font-weight: bold;
  background-image: url(../images/navigator/navigator-selected.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  color: #fff;
  padding: 0 5px;
  float: right;
  -webkit-border-radius: 5px 5px;
  margin-right: 5px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  margin-top: 0;
  text-shadow: 1px 1px #242424;
}

#navigation-panel.chrome .dropHover {
  padding-left: 10px;
  margin-left: 5px;
  border: solid 2px #333;
  -webkit-border-radius: 3px 3px;
}

#navigation-panel.chrome #navigator div ul li.selected {
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  padding-left: 0;
  background-image: url(../images/option-header-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  /*-webkit-border-radius: 6px 6px;*/
  /*width: 90%;*/
  /*white-space: nowrap;
  overflow: auto;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;*/
  color: #fff;
  background-color: #33435c;
}

#navigation-panel.chrome #navigator div ul li A.selected {
  text-decoration: none;
  font-size: 11px;
  color: #fff;
  cursor: default;
  display: block;
}

#navigation-panel.chrome #navigator div ul li.selected:hover, #navigation-panel.chrome #navigator #objectCanvas ul li.selected:hover {
  background-color: #33435c;
  background-image: url(../images/option-header-bg.png?agm-ver=undefined.undefined);
}

#navigation-panel.chrome #navigator div ul li A:hover.selected {
  background-color: transparent;
}

#DATAMONITOR_CONTENT #objectCanvas {
  overflow-x: hidden;
}

.highlight {
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  padding-left: 10px;
  /*margin-left: 5px;*/
  background-image: url(../images/navigator/navigator-highlight.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  /*-webkit-border-radius: 3px 3px;
  width: 140px;*/
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;*/
  color: #fff;
  /*display:block;*/
}

.highlight a span {
  text-decoration: none;
  font-size: 11px;
  color: #fff;
}

#navigation-panel.chrome #navigator div ul li.selected A > SPAN.counter {
  font-size: 9px;
  font-weight: bold;
  background-image: url(../images/one.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  background-color: #fff;
  color: #484848;
  padding: 0 5px;
  float: right;
  -webkit-border-radius: 5px 5px;
  margin-right: 5px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
  margin-top: 4px;
  text-shadow: 1px 1px #242424;
}

#payload.chrome {
  height: inherit;
  color: #fff;
  margin-left: 184px;
  padding: 0;
  background-color: #fff;
}

#payload.chrome > DIV {
  margin: 0;
  padding: 10px 0 0 5px;
  overflow: hidden;
  background-color: #fff;
}

div#submenu.chrome,
div#sys_admin_submenu.chrome,
div#data_archtct_submenu.chrome,
div#app_mngr_submenu.chrome,
div#appMgr_FilterMenu.chrome,
div#context_menu {
  display: none;
  -webkit-border-radius: 3px 3px;
  border: solid 1px #333;
  padding: 5px 5px;
  background-image: url(../images/app-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  min-width: 150px;
}

div#submenu.chrome > ul,
div#sys_admin_submenu > ul,
div#data_archtct_submenu > ul,
div#app_mngr_submenu > ul,
div#appMgr_FilterMenu > ul,
div#context_menu > ul {
  padding: 0 0;
  margin: 0 0;
}

div#submenu.chrome > ul > li,
div#sys_admin_submenu.chrome > ul > li,
div#data_archtct_submenu.chrome > ul > li,
div#app_mngr_submenu.chrome > ul > li,
div#appMgr_FilterMenu > ul > li,
div#context_menu > ul > li {
  list-style: none;
  padding: 0 0;
  margin: 0 0;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
}

div#submenu.chrome > ul > li.break,
div#sys_admin_submenu.chrome > ul > li.break,
div#data_archtct_submenu.chrome > ul > li.break,
div#app_mngr_submenu.chrome > ul > li.break,
div#appMgr_FilterMenu > ul > li.break,
div#context_menu > ul > li.break {
  border-bottom: solid 1px #333;
  padding-bottom: 5px;
  margin-bottom: 3px;
}

div#submenu.chrome > ul > li > a,
div#sys_admin_submenu.chrome > ul > li > a,
div#data_archtct_submenu.chrome > ul > li > a,
div#app_mngr_submenu.chrome > ul > li > a,
div#appMgr_FilterMenu.chrome > ul > li > a,
div#context_menu > ul > li > a {
  padding: 1px 5px;
  text-decoration: none;
  /*height: inherit;*/
  color: #eee;
  font-size: 11px;
  cursor: pointer;
  display: block;
}

div#submenu.chrome > ul > li > a:hover,
div#sys_admin_submenu.chrome > ul > li > a:hover,
div#data_archtct_submenu.chrome > ul > li > a:hover,
div#app_mngr_submenu.chrome > ul > li > a:hover,
div#appMgr_FilterMenu.chrome > ul > li > a:hover,
div#context_menu > ul > li > a:hover {
  color: #333;
  background-image: url(../images/dock-mesh.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  -webkit-border-radius: 3px 3px;
}

div#submenu.chrome ul li a img,
div#sys_admin_submenu.chrome ul li a img,
div#data_archtct_submenu.chrome ul li a img,
div#app_mngr_submenu.chrome ul li a img,
div#appMgr_FilterMenu.chrome > ul li a img,
div#context_menu ul li a img {
  margin-right: 10px;
  vertical-align: middle;
}

div#submenu.chrome > ul > li > a:hover > img,
div#sys_admin_submenu.chrome > ul > li > a:hover > img,
div#data_archtct_submenu.chrome > ul > li > a:hover > img,
div#app_mngr_submenu.chrome > ul > li > a:hover > img,
div#appMgr_FilterMenu.chrome > ul > li > a:hover > img,
div#context_menu > ul > li > a:hover > img {
  margin-right: 10px;
  vertical-align: middle;
}

div#actmenu.chrome {
  display: none;
  -webkit-border-radius: 3px 3px;
  border: solid 1px #333;
  padding: 5px 5px;
  background-image: url(../images/app-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  min-width: 150px;
}

div#actmenu.chrome > ul {
  padding: 0 0;
  margin: 0 0;
}

div#actmenu.chrome > ul > li {
  list-style: none;
  padding: 0 0;
  margin: 0 0;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
}

div#actmenu.chrome > ul > li.break {
  border-bottom: solid 1px #333;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

div#actmenu.chrome > ul > li > a {
  padding: 5px 5px;
  text-decoration: none;
  height: inherit;
  color: #eee;
  font-size: 11px;
  cursor: pointer;
}

div#actmenu.chrome > ul > li > a:hover {
  padding: 5px 5px;
  text-decoration: none;
  color: #333;
  height: inherit;
  background-image: url(../images/dock-mesh.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  cursor: pointer;
  -webkit-border-radius: 3px 3px;
}

div#actmenu.chrome ul li a img {
  margin-right: 10px;
  vertical-align: middle;
}

div#actmenu.chrome > ul > li > a:hover > img {
  margin-right: 10px;
  vertical-align: middle;
}

div#inlinemenu.chrome {
  display: none;
  -webkit-border-radius: 3px 3px;
  border: solid 1px #333;
  padding: 5px 5px;
  background-image: url(../images/app-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  min-width: 150px;
}

div#inlinemenu.chrome > ul {
  padding: 0 0;
  margin: 0 0;
}

div#inlinemenu.chrome > ul > li {
  list-style: none;
  padding: 0 0;
  margin: 0 0;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
}

div#inlinemenu.chrome > ul > li.break {
  border-bottom: solid 1px #333;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

div#inlinemenu.chrome > ul > li > a {
  padding: 1px 5px;
  text-decoration: none;
  /*height: inherit;*/
  color: #eee;
  font-size: 11px;
  cursor: pointer;
  display: block;
}

div#inlinemenu.chrome > ul > li > a:hover {
  color: #333;
  background-image: url(../images/dock-mesh.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  -webkit-border-radius: 3px 3px;
}

div#inlinemenu.chrome ul li a img {
  margin-right: 10px;
  vertical-align: middle;
}

div#inlinemenu.chrome > ul > li > a:hover > img {
  margin-right: 10px;
  vertical-align: middle;
}

#dock.chrome {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  z-index: 9999999999;
  padding: 0 0;
}

#dock.chrome .navigator {
  float: left;
  height: 32px;
  line-height: 32px;
  min-width: 185px;
  /*background-image: url(../images/dock-section-edge.png?agm-ver=undefined.undefined);
  background-position: bottom right;
  background-repeat: no-repeat;*/
}

#dock.chrome .selector {
  float: left;
  height: 32px;
  line-height: 32px;
  min-width: 225px;
}

#dock.chrome .navigator IMG {
  padding: 5px 5px 0 5px;
}

#dock.chrome .selector IMG {
  padding: 5px 5px 0 10px;
}

#objectCanvas.chrome {
  clear: all;
  height: inherit;
  background-color: #fff;
}

#objectCanvas.chrome DIV#sectionTitle {
  height: 35px;
  font-size: 24px;
  color: #eee;
  vertical-align: middle;
  background-color: #121212;
  background-image: url(../images/ui-bg_gloss-wave_16_121212_500x100.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  -webkit-border-radius: 5px;
  padding: 5px 5px;
}

#objectCanvas.chrome DIV#sectionWrap {
  float: left;
  padding: 20px 0 10px 0;
  display: inline-block;
  width: 100%;
}

#objectCanvas.chrome DIV#section {
  font-size: 20px;
  color: #121212;
  /*	float: left;  */
  width: 150px;
  padding: 0 40px 0 0;
  text-align: right;
}

#objectCanvas.chrome DIV#sectionWrap H4 {
  color: #333;
  padding: 0 0 10px 0;
  margin: 0 0;
}

#objectCanvas.chrome FORM .smallLabel {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
}

#objectCanvas.chrome FORM .smallValue {
  font-size: 10px;
  font-weight: normal;
  color: #fff;
}

#objectCanvas.chrome FORM .normalLabel, #objectCanvas.chrome .normalLabel {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}

#objectCanvas.chrome FORM .normalValue {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
}

#objectCanvas.chrome FORM .bigValue, #objectCanvas.chrome .bigValue {
  font-size: 17px;
  font-weight: normal;
  color: #333;
  background-color: "transparent";
  background-image: url(../images/one.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  border-width: 0;
  word-wrap: break-word;
}

#objectCanvas.chrome FORM .title-editable, #objectCanvas.chrome .title-editable {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  cursor: text;
  border-radius: 3px;
  background: transparent url(../images/objects/pencil-edit.png?agm-ver=undefined.undefined) no-repeat 181px 4px;
  padding-right: 20px;
  word-wrap: break-word;
  border: 1px solid transparent;
}

#objectCanvas.chrome FORM .title-editable:hover, #objectCanvas.chrome FORM .desc-editable:hover, #objectCanvas.chrome .desc-editable:hover, #objectCanvas.chrome .title-editable:hover {
  background-color: #f4f4f4;
  border: 1px solid #6eb8ea;
}

#objectCanvas.chrome FORM .title-editable form, #objectCanvas.chrome .title-editable form, #objectCanvas.chrome FORM .desc-editable form, #objectCanvas.chrome .desc-editable form {
  position: relative;
  bottom: 2px;
  text-align: right;
  display: inline-block;
}

#objectCanvas.chrome FORM .dark, #objectCanvas.chrome .dark {
  color: #333;
}

#objectCanvas.chrome FORM input.big {
  border-width: 0;
  background-color: "transparent";
  font-size: 18px;
  color: #333;
}

#objectCanvas.chrome FORM input.normal {
  border-width: 0;
  background-color: "transparent";
  color: #333;
  width: 150px;
  height: 22px;
  vertical-align: top;
}

#objectCanvas.chrome FORM input.small {
  border-width: 0;
  background-color: "transparent";
  font-size: 10px;
  color: #333;
}

#objectCanvas.chrome FORM .desc-editable, #objectCanvas.chrome .desc-editable {
  width: 173px;
  color: #333;
  cursor: text;
  border-radius: 3px;
  border: 1px solid transparent;
  background: url(../images/objects/pencil-edit.png?agm-ver=undefined.undefined) no-repeat 158px 1px;
  overflow: visible;
}

#objectCanvas.chrome FORM .desc-editable form, #objectCanvas.chrome .desc-editable form {
  bottom: 0;
}

#objectCanvas.chrome #policyList {
  padding: 0;
}

#objectCanvas.chrome #policyList li {
  list-style-type: none;
  padding: 0;
  margin-bottom: 10px;
}

#objectCanvas.chrome #policyList li a {
  text-decoration: none;
  color: #494949;
}

#objectCanvas.chrome #policyList li a:hover {
  text-decoration: none;
  color: #111;
}

#objectCanvas.chrome #policyList li.selected {
  list-style-type: none;
  padding: 0;
  margin-bottom: 10px;
  padding: 0 0;
  -webkit-border-radius: 5px;
  border: solid 2px #494949;
  color: #494949;
  padding: 5px;
}

#objectCanvas.chrome #policyList li.selected a {
  text-decoration: none;
  color: #494949;
}

#objectCanvas.chrome #policyList li.selected a:hover {
  text-decoration: none;
  color: #494949;
}

#navigation-panel.chrome #navigator #objectCanvas.chrome h3, #navigation-panel.chrome #navigator #objectCanvas.chrome h3:hover {
  color: #000;
  background-color: #dad9d9;
  clear: both;
  cursor: default;
  background-image: none;
  padding-left: 5px;
  font-size: 11px;
}

.policyOverlay {
  display: none;
  /* growing background image */
  background-image: url(../images/black-modal.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  /*
      width after the growing animation finishes
      height is automatically calculated
  */
  width: 642px;
  height: 513px;
  padding: 40px 0 40px 30px;
  margin-right: 30px;
  /* a little styling */
  font-size: 11px;
}

/* default close button positioned on upper right corner */
.policyOverlay div.close {
  position: absolute;
  right: 35px;
  top: 5px;
  cursor: pointer;
  height: 35px;
  width: 35px;
}

.policyEditor {
  cursor: pointer;
}

div#pill-selector.chrome {
  height: 22px;
  padding: 0 0;
  margin: 0 0;
  text-align: center;
  width: 100%;
}

div#pill-selector.chrome ul {
  padding: 0 0 0 0;
  margin: 0 0;
}

div#pill-selector.chrome ul li {
  font-size: 11px;
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  border-left: solid 1px #464646;
  background-image: url(../images/buttons/pill-middle.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top left;
}

div#pill-selector.chrome ul li.selected {
  font-size: 11px;
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  border-left: solid 1px #464646;
  background-image: url(../images/buttons/pill-middle-down.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top left;
}

div#pill-selector.chrome ul li.center {
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  background-image: url(../images/buttons/pill-left.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top right;
  border-left: 0;
}

div#pill-selector.chrome ul li.center.selected {
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  background-image: url(../images/buttons/pill-left-down.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top center;
}

div#pill-selector.chrome ul li.left {
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  background-image: url(../images/buttons/pill-left.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top left;
  border-left: 0;
}

div#pill-selector.chrome ul li.left.selected {
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  background-image: url(../images/buttons/pill-left-down.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top left;
}

div#pill-selector.chrome ul li.right {
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  border-left: solid 1px #464646;
  background-image: url(../images/buttons/pill-right.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top right;
}

div#pill-selector.chrome ul li.right.selected {
  float: left;
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  border-left: solid 1px #464646;
  background-image: url(../images/buttons/pill-right-down.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top right;
}

div#pill-selector.chrome ul li A {
  text-decoration: none;
  font-size: 12px;
  color: #484848;
}

div#pill-selector.chrome ul li A:hover {
  text-decoration: none;
  font-size: 12px;
  color: #111;
}

div#pill-selector.chrome ul li.selected A {
  text-decoration: none;
  font-size: 12px;
  color: #efefef;
}

div#pill-selector.chrome ul li.selected A:hover {
  text-decoration: none;
  font-size: 12px;
  color: #efefef;
}

div#pill-selector.chrome ul li A IMG {
  height: 10px;
  width: 10px;
  margin-right: 3px;
  margin-top: 4px;
}

div#app-selector.chrome {
  padding: 0 0;
  margin: 0 0;
  text-align: right;
  width: 100%;
}

div#app-selector.chrome ul {
  padding: 0 0 0 0;
  margin: 0 0;
}

div#app-selector.chrome ul li {
  font-size: 12px;
  float: right;
  list-style-type: none;
  padding: 5px 5px;
}

div#app-selector.chrome ul li.selected {
  font-size: 12px;
  float: right;
  list-style-type: none;
  padding: 5px 5px;
  background-color: #eee;
  -webkit-border-radius: 5px;
}

div#app-selector.chrome ul li A {
  text-decoration: none;
  font-size: 12px;
  color: #484848;
}

div#app-selector.chrome ul li A:hover {
  text-decoration: none;
  font-size: 12px;
  color: #111;
}

div#app-selector.chrome ul li.selected A {
  text-decoration: none;
  font-size: 12px;
  color: #484848;
}

div#app-selector.chrome ul li.selected A:hover {
  text-decoration: none;
  font-size: 12px;
  color: #484848;
}

.slt-flow-policy-overlay {
  height: 600px;
  width: 1000px;
  background-color: #333;
  -webkit-border-radius: 5px;
  display: none;
}

.slt-flow-policy-overlay div.close {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  height: 35px;
  width: 35px;
  background-image: url(../images/close-white.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
}

.slt-flow-policy-block {
  float: left;
  vertical-align: top;
  -webkit-border-radius: 5px 5px;
  width: 800px;
  background-color: #121212;
  background-image: url(../images/ui-bg_gloss-wave_16_121212_500x100.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  background-position: bottom left;
  padding: 5px 5px;
}

/*  new schedule window in slt of polices and profiles */
.slt-flow-policy-ical {
  float: left;
  vertical-align: top;
  -webkit-border-radius: 5px 5px;
  width: 329px;
  height: 312px;
  background-image: url(../images/slt/dataflow/slt-schedule-bg.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top left;
  /*	background-position-x: -25px; */
  padding: 5px 5px;
}

.icaldefault {
  float: left;
  border: 1px solid #BBB;
  background-color: #CCC;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  cursor: hand;
  color: #000;
}

.icaldefaulthov {
  float: left;
  border: 1px solid #BBB;
  background-color: #FFF;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  cursor: hand;
  color: #BBB;
}

.icalactive {
  float: left;
  border: 1px solid #BBB;
  background-color: #333;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  cursor: hand;
  color: #FFF;
}

/* root element for tabs  */
ul.policy-tabs {
  margin: 0 !important;
  padding: 0;
  height: 24px;
  /*	border-bottom:1px solid #666;	 	*/
}

/* single tab */
ul.policy-tabs li {
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* link inside the tab. uses a background image */
ul.policy-tabs a {
  float: left;
  font-size: 11px;
  display: block;
  padding: 5px 5px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-bottom: 0;
  height: 18px;
  background-color: #121212;
  color: #eee;
  margin-right: 10px;
  -webkit-border-radius: 5px 5px;
  position: relative;
  top: 1px;
}

ul.policy-tabs a:hover {
  background-color: #F7F7F7;
  -webkit-border-radius: 5px 5px;
  color: #333;
}

/* selected tab */
ul.policy-tabs a.current {
  background-color: #ddd;
  color: #000;
  -webkit-border-radius: 5px 5px;
  cursor: default;
}

/* tab pane */
/* SLT */
.flow-dd-press {
  background-image: url(../images/slt/workflow/arrow-direct-dedup-press.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  width: 48px;
  height: 184px;
  background-position: 0 0;
  cursor: pointer;
}

.flow-dd {
  background-image: url(../images/slt/workflow/arrow-direct-dedup.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  width: 48px;
  height: 184px;
  background-position: 0 0;
  cursor: pointer;
}

.flow-s-press {
  background-image: url(../images/slt/workflow/arrow-s-press.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  background-position: 0 0;
  cursor: pointer;
}

.flow-s {
  background-image: url(../images/slt/workflow/arrow-s.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  background-position: 0 0;
  cursor: pointer;
}

.flow-n-press {
  background-image: url(../images/slt/workflow/arrow-n-press.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  background-position: 0 0;
  cursor: pointer;
}

.flow-n {
  background-image: url(../images/slt/workflow/arrow-n.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  background-position: 0 0;
  cursor: pointer;
}

.flow-w-press {
  background-image: url(../images/slt/workflow/arrow-w-press.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  background-position: 0 0;
  cursor: pointer;
}

.flow-w {
  background-image: url(../images/slt/workflow/arrow-w.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  background-position: 0 0;
  cursor: pointer;
}

.flow-e-press {
  background-image: url(../images/slt/workflow/arrow-e-press.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  background-position: 0 0;
  cursor: pointer;
}

.flow-e {
  background-image: url(../images/slt/workflow/arrow-e.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  background-position: 0 0;
  cursor: pointer;
}

/* root element for tabs  */
ul.css-tabs {
  margin: 0 !important;
  padding: 0;
  height: 24px;
  color: "white";
  border-bottom: 0 solid #000;
}

/* single tab */
ul.css-tabs li {
  color: "white";
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
  float: left;
  font-size: 12px;
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  border: 0 solid #333;
  border-bottom: 1px;
  height: 14px;
  line-height: 22px;
  background-color: #666;
  color: #eee;
  margin-right: 2px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  position: relative;
  top: 5px;
  color: "white";
}

ul.css-tabs a:hover {
  background-color: #999;
  color: #fff;
}

/* selected tab */
ul.css-tabs a.current {
  background-color: #000;
  border-bottom: 1px solid #000;
  color: #fff;
  cursor: default;
  padding-bottom: 7px;
}

/* tab pane */
div.css-panes div.pane {
  display: none;
  padding: 0 5px;
  background-color: #000;
  color: "white";
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom: solid 1px #000;
  height: inherit;
}

div.css-panes div.panex {
  padding: 0 5px;
  background-color: #000;
  color: "white";
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom: solid 1px #000;
  height: inherit;
}

DIV.collapser > H3 {
  margin: 0 0;
  padding: 0 0;
  display: block;
  background: #ebebeb url(../images/navigator/navigator-block-open.png?agm-ver=undefined.undefined) no-repeat 6px 10px;
  border-radius-top-left: 3px;
  border-radius-top-right: 3px;
  border-color: #e5e5e5;
  border-width: 0 0 1px 0;
  border-style: solid;
  padding: 6px 0 6px 20px;
  font-size: 11px;
  color: #7D8DB3;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
}

DIV.collapser > H3.closed {
  margin: 0 0;
  padding: 0 0;
  display: block;
  background: #fafafa url(../images/navigator/navigator-block-closed.png?agm-ver=undefined.undefined) no-repeat 5px 8px;
  border-color: #f4f4f4;
  border-width: 0 0 1px 0;
  border-style: solid;
  padding: 6px 0 6px 20px;
  font-size: 11px;
  color: #7D8DB3;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
}

DIV.collapser {
  border: 1px solid #e8e7e7;
  border-radius: 3px 3px;
  background-color: white;
}

DIV.collapser:hover {
  border: 1px solid #e5e5e5;
  background-color: #f6f6f6;
}

DIV.collapser h3:hover {
  background-color: #ebebeb;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

DIV.collapser:hover h3 {
  background-color: #ebebeb;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

DIV.collapser, DIV.collapser h3, #navigator .nav_wrapper, .title-editable, .dashboard-startup-widget label, .desc-editable {
  -webkit-transition-property: background-color, border;
  -webkit-transition-duration: 500ms;
  transition-timing-function: ease-out;
}

DIV.collapser:hover, DIV.collapser h3:hover, DIV.collapser:hover h3, #navigator .nav_wrapper:hover, .title-editable:hover, .dashboard-startup-widget label:hover, .desc-editable:hover {
  -webkit-transition-property: background-color, border;
  -webkit-transition-duration: 500ms;
  transition-timing-function: ease-out;
}

DIV.collapseropt {
  margin-bottom: 10px;
  min-width: 500px;
}

DIV.collapseropt2 {
  margin-bottom: 10px;
  min-width: 100px;
}

DIV.collapseropt H3 {
  margin: 0 0;
  padding: 0 0;
  display: block;
  background-image: url(../images/navigator/navigator-block-open-white.png?agm-ver=undefined.undefined);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 15px;
  padding-bottom: 5px;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 4px;
  margin-left: 5px;
}

DIV.collapseropt H3.closed {
  margin: 0 0;
  padding: 0 0;
  display: block;
  background-image: url(../images/navigator/navigator-block-closed-white.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 15px;
  padding-bottom: 5px;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 4px;
  margin-left: 5px;
}

DIV.collapseropt .summary_box_clear H3 {
  background: #cccccc url(../images/navigator/navigator-block-open.png?agm-ver=undefined.undefined) no-repeat 8px 11px;
  color: #333;
  font-weight: bold;
  border: solid 1px #cccccc;
  padding: 7px 10px 7px 22px;
  margin-top: 5px;
  text-transform: uppercase;
  margin: 0;
  border-radius: 3px 3px;
}

DIV.collapseropt .summary_box_clear H3.closed {
  background: #d7d7d7 url(../images/navigator/navigator-block-closed.png?agm-ver=undefined.undefined) no-repeat 8px 9px;
}

DIV.collapseropt .summary_box_clear H3.closed:hover, DIV.collapseropt .summary_box_clear H3:hover {
  border: 1px solid #b7b6b6;
}

input.button-size-normal {
  height: 20px;
  width: 120px;
  font-size: 10px;
}

input.button-size-small {
  height: 20px;
  width: 60px;
  font-size: 10px;
}

DIV.collapser > div {
  margin: 0 0 0 0;
  padding: 5px 0 0 10px;
  /*display: inline-block;*/
}

DIV.collapser > div > ul {
  padding: 0 0;
  margin: 0 0;
}

DIV.collapser > div > ul > li {
  list-style-type: none;
  padding: 0 0;
  margin: 0 0;
}

DIV.collapser > div > ul > li > a, DIV.collapser > div > ul > li > a:hover {
  text-decoration: none;
  font-weight: bold;
  color: #7D8DB3;
}

.policy-editor {
  height: 260px;
  margin-bottom: 31px;
  width: 80%;
  background-image: url(../images/app-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  border-bottom: solid 1px #000;
  position: absolute;
  bottom: 0;
  display: none;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  z-index: 1000001;
}

.policy-editor img {
  opacity: 1;
}

.jobq-editor {
  height: 170px;
  width: 80%;
  background-image: url(../images/app-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  border-bottom: solid 1px #000;
  position: absolute;
  bottom: 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  z-index: 1000001;
}

.jobq-editor img {
  opacity: 1;
}

.jobq-editor-pinned {
  height: 170px;
  width: 99%;
  background-image: url(../images/app-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  border-bottom: solid 1px #000;
  position: absolute;
  bottom: 0;
  display: none;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  z-index: 1000001;
}

.jobq-editor-pinned img {
  opacity: 1;
  z-index: 9999999999;
}

.humanMsg {
  font: normal 11px "Lucida Grande", Arial, Sans-Serif;
  position: fixed;
  bottom: 52px;
  right: 5px;
  color: #fff;
  height: 24px;
  line-height: 24px;
  background-color: #02B03F;
  background-image: url(../images/green-msg-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  text-align: center;
  display: none;
  opacity: 0;
  z-index: 100000;
  border: solid 1px #000;
  -webkit-border-radius: 3px 3px;
  padding: 0 5px;
  cursor: pointer;
}

.humanErrorMsg {
  font: normal 11px "Lucida Grande", Arial, Sans-Serif;
  position: fixed;
  bottom: 52px;
  right: 5px;
  color: #fff;
  height: 24px;
  line-height: 24px;
  background-color: #A3102A;
  background-image: url(../images/red-msg-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  text-align: center;
  display: none;
  opacity: 0;
  z-index: 100000;
  border: solid 1px #000;
  -webkit-border-radius: 3px 3px;
  padding: 0 5px;
  cursor: pointer;
}

.humanLoginErrorMsg {
  font: normal 11px "Lucida Grande", Arial, Sans-Serif;
  position: fixed;
  bottom: 52px;
  right: 5px;
  color: #fff;
  height: 24px;
  line-height: 24px;
  background-color: #A3102A;
  background-image: url(../images/red-msg-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  text-align: center;
  display: none;
  opacity: 0;
  z-index: 10000000000;
  border: solid 1px #000;
  -webkit-border-radius: 3px 3px;
  padding: 0 5px;
  cursor: pointer;
}

.humanMsg p, .humanErrorMsg p {
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  color: #ffffff;
}

.humanLoginErrorMsg p {
  width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  color: #ffffff;
}

#ptTimeSelectCntr {
  width: 300px;
  font-size: 0.9em;
  position: absolute;
  z-index: 10;
  display: none;
}

#ptTimeSelectCntr .ui-widget {
  padding: 0.2em;
}

#ptTimeSelectCntr .ui-widget-header {
  padding: 0.2em;
}

#ptTimeSelectCntr #ptTimeSelectUserTime {
  font-size: larger;
  padding: 0.2em;
  padding-left: 1em;
  text-align: center;
}

#ptTimeSelectUserTime input[type=text] {
  border: 1px solid transparent;
  background-color: transparent;
}

#ptTimeSelectCntr #ptTimeSelectCloseCntr {
  display: block;
  padding: 0.2em;
}

#ptTimeSelectCntr #ptTimeSelectCloseCntr a {
  display: block;
  padding: 0.2em;
}

#ptTimeSelectCntr .ui-widget-content {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  padding: 0.2em;
}

#ptTimeSelectCntr .ui-widget.ui-widget-content {
  margin-top: 0;
}

#ptTimeSelectCntr .ptTimeSelectLeftPane.ui-widget-content {
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right-width: 1px;
}

#ptTimeSelectCntr .ptTimeSelectRightPane.ui-widget-content {
  border: none;
}

#ptTimeSelectCntr .ptTimeSelectHrCntr a,
#ptTimeSelectCntr .ptTimeSelectMinCntr a {
  display: block;
  float: left;
  padding: 0.1em;
  width: 1.9em;
  margin: 1px;
  text-align: center;
  text-decoration: none;
}

#ptTimeSelectCntr .ptTimeSelectHrAmPmCntr a {
  text-align: center;
  margin: 1px;
}

#ptTimeSelectCntr .ptTimeSelectTimeLabelsCntr {
  font-weight: bold;
  font-size: 0.9em;
}

#ptTimeSelectCntr #ptTimeSelectSetButton {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

#ptTimeSelectCntr #ptTimeSelectSetButton a {
  display: block;
  padding: 0.2em;
  width: 30%;
  text-align: center;
  float: right;
}

.timeBottom {
  margin-top: -199px;
  margin-left: -1px;
}

/* Gallery styles */
#bkp_gallery {
  /* The width of the gallery */
  width: 20px;
  height: 300px;
  overflow: hidden;
  float: left;
}

#bkp_slides {
  /* This is the slide area */
  height: 300px;
  /* jQuery changes the width later on to the sum of the widths of all the slides. */
  width: 450px;
  overflow: hidden;
  margin-top: 5px;
}

.bkp_slide {
  display: block;
  /*float:left;*/
}

#bkp_menu {
  max-width: 140px;
  /* This is the container for the thumbnails
  height:45px;
  */
  height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
}

#bkp_menu ul {
  margin: 0;
  padding: 0;
  margin-right: 20px;
}

#bkp_menu li {
  width: 120px;
  display: block;
  list-style: none;
  height: 10px;
  overflow: hidden;
  text-align: right;
  color: #b6b6b6;
  font-size: 10px;
  margin: 5px 0;
}

#bkp_menu li.marker {
  width: 120px;
  display: block;
  list-style: none;
  height: 20px;
  overflow: hidden;
  text-align: right;
  color: #b6b6b6;
  font-size: 10px;
}

#bkp_menu li.inact {
  background: url(../images/timeline/timeline-selector.png?agm-ver=undefined.undefined) no-repeat right;
}

#bkp_menu li.inact .mount {
  background: url(../images/timeline/timeline-selector-mount.png?agm-ver=undefined.undefined) no-repeat right;
}

#bkp_menu li.inact:hover {
  /* The inactive state, highlighted on mouse over */
  background: url(../images/timeline/timeline-selector-hover.png?agm-ver=undefined.undefined) no-repeat right;
}

#bkp_menu li.inact:hover .mount {
  /* The inactive state, highlighted on mouse over */
  background: url(../images/timeline/timeline-selector-mount-hover.png?agm-ver=undefined.undefined) no-repeat right;
}

#bkp_menu li.act, #bkp_menu li.act:hover {
  /* The active state of the thumb */
  background: url(../images/timeline/timeline-selector-selected.png?agm-ver=undefined.undefined) no-repeat right;
}

#bkp_menu li.dar, #bkp_menu li.dar:hover {
  /* For DAR images */
  background: url(../images/timeline/timeline-selector-dar.png?agm-ver=undefined.undefined) no-repeat right;
}

#bkp_menu li.syncback, #bkp_menu li.syncback:hover {
  /* For syncback images */
  background: url(../images/timeline/timeline-selector-syncback.png?agm-ver=undefined.undefined) no-repeat right;
}

#bkp_menu li.act .mount, #bkp_menu li.act:hover .mount {
  /* The active state of the thumb */
  background: url(../images/timeline/timeline-selector-mount-selected.png?agm-ver=undefined.undefined) no-repeat right;
}

#bkp_menu li.act a {
  cursor: pointer;
}

#bkp_menu li.fbar:hover {
  /* The left-most vertical bar, next to the first thumbnail */
  background: url(../images/one.png?agm-ver=undefined.undefined) no-repeat right;
}

#bkp_menu li.fbar {
  /* The left-most vertical bar, next to the first thumbnail */
  background: url(../images/one.png?agm-ver=undefined.undefined) no-repeat right;
  text-align: right;
  color: #a6a6a6;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  font-size: 10px;
  margin: -5px 0 -5px 0;
}

#bkp_menu a img {
  border: none;
}

#bkp-location {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#bkp-location li {
  list-style-type: none;
  float: right;
  padding: 3px;
  background-color: #bababa;
  color: #fff;
  -webkit-border-radius: 3px 3px;
  text-align: center;
  font-size: 10px;
  margin-right: 10px;
  cursor: pointer;
  border: solid 1px #999;
  opacity: 0.5;
}

#bkp-location li:hover {
  list-style-type: none;
  float: right;
  padding: 3px;
  background-color: #bababa;
  color: #fff;
  -webkit-border-radius: 3px 3px;
  text-align: center;
  font-size: 10px;
  margin-right: 10px;
  cursor: pointer;
  border: solid 1px #999;
  opacity: 1;
}

#bkp-location li.noselect {
  list-style-type: none;
  float: left;
  padding: 3px;
  background-color: #fafafa;
  color: #333;
  -webkit-border-radius: 3px 3px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  margin-right: 10px;
  cursor: pointer;
  opacity: 1;
}

#bkp-location li.selected {
  list-style-type: none;
  float: right;
  padding: 3px;
  background-color: #5E729E;
  background-image: url(../images/navigator/navigator-selected.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  color: #fff;
  -webkit-border-radius: 3px 3px;
  text-align: center;
  font-size: 10px;
  margin-right: 10px;
  cursor: pointer;
  border: solid 1px #333;
  opacity: 1;
}

.bkp-image-date {
  background-color: #33435c;
  background-image: url(../images/option-header-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  color: #fff;
  -webkit-border-radius: 3px 3px;
  border: solid 1px #333;
  padding: 3px 5px;
  font-size: 16px;
  font-weight: bold;
  margin-left: -15px;
}

.bkp-image-type {
  background-color: #444;
  background-repeat: repeat-x;
  color: #fff;
  -webkit-border-radius: 3px 3px;
  border: solid 1px #111;
  padding: 3px 3px;
  font-size: 10px;
  font-weight: bold;
  margin-left: -15px;
  text-transform: uppercase;
}

.timeBubble {
  background-color: #000;
  opacity: 0.9;
  color: #fff;
  font-weight: bold;
  font-size: 9px;
  -webkit-border-radius: 3px 3px;
  padding: 3px 3px;
  display: none;
  white-space: nowrap;
}

.backup {
  background-image: url(../images/backup1-bg.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  height: 300px;
  width: 290px;
  padding: 10px 15px 40px 15px;
  color: #fff;
  position: relative;
  font-size: 10px;
}

.backup1 {
  background-image: url(../images/backup2-bg.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  height: 360px;
  width: 369px;
  padding: 10px 15px 40px 15px;
  color: #fff;
  position: relative;
  font-size: 10px;
}

.backupMount {
  background-image: url(../images/backup3-bg.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  height: 300px;
  width: 290px;
  padding: 10px 15px 40px 15px;
  color: #fff;
  position: relative;
  font-size: 10px;
}

DIV.job-monitor-filter > ul > li {
  text-transform: uppercase;
  font-size: 10px;
  width: 200px;
  background-color: #eee;
}

DIV.job-monitor-filter > ul > li.selected {
  font-size: 10px;
  width: 200px;
  background-color: #333;
  color: #fff;
}

DIV.event-monitor-filter > ul > li {
  text-transform: uppercase;
  font-size: 10px;
  width: 200px;
  background-color: #eee;
}

DIV.event-monitor-filter > ul > li.selected {
  font-size: 10px;
  width: 200px;
  background-color: #333;
  color: #fff;
}

#applicationList.applistbig li {
  border-bottom: solid 1px #eee;
  height: 24px;
  line-height: 24px;
}

#applicationList li {
  border-bottom: solid 1px #eee;
}

#applicationList li a:hover {
  text-decoration: underline;
}

.form-btn {
  cursor: pointer;
  border: solid 1px transparent;
}

.form-btn:hover {
  border: solid 1px #333;
  -webkit-border-radius: 3px 3px;
}

#jqpopup_container {
  font-weight: bold;
  text-align: left;
  font-size: 12px;
  width: 364px;
  height: 86px;
  background: #F3F3F3;
  border: solid 1px #dedede;
  border-bottom: solid 2px #484848;
  color: #000;
}

#jqpopup_title {
  display: none;
}

#jqpopup_message {
  padding-top: 15px;
  padding-left: 15px;
}

#jqpopup_panel {
  text-align: left;
  padding-left: 15px;
}

#jqpopup_container input {
  background-color: #476EA7;
  padding: 3px;
  color: #FFFFFF;
  margin-top: 20px;
  margin-right: 10px;
  border: solid #fff 0;
  -webkit-border-radius: 5px 5px;
}

/*
 * Calendar styling
 */
div#schedular {
  width: 600px;
  margin: 0 auto;
  margin-top: 0;
  height: 100px;
  text-align: center;
  font-size: 10px;
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

.vdiskList li {
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  border-bottom: solid 1px #eee;
  color: #333;
}

.remoteClusterList li {
  list-style-type: none;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  border-bottom: solid 1px #eee;
  color: #333;
}

.remoteClusterList li SPAN.rclusterremove {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  padding: 0 5px;
  -webkit-border-radius: 5px 5px;
  margin-right: 7px;
  height: 14px;
  cursor: pointer;
  background-image: url(../images/navigator/navigator-selected.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  padding-bottom: 2px;
}

.remoteClusterList li SPAN.rclusterremove:hover {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  padding: 0 5px;
  -webkit-border-radius: 5px 5px;
  margin-right: 7px;
  height: 14px;
  cursor: pointer;
  background-image: url(../images/one.png?agm-ver=undefined.undefined);
  background-color: #484848;
  color: #fff;
  padding-bottom: 2px;
}

LEGEND A.legendBtn {
  font-weight: normal;
  color: #7D8DB3;
  padding: 3px 3px;
  text-decoration: none;
  -webkit-border-radius: 3px 3px;
}

LEGEND A:hover.legendBtn {
  font-weight: normal;
  color: #7D8DB3;
  border: solid 1px #7D8DB3;
  padding: 3px 3px;
  text-decoration: none;
  -webkit-border-radius: 3px 3px;
}

LEGEND A.selected {
  font-weight: bold;
  background-color: #7D8DB3;
  color: #fff;
  padding: 3px 3px;
  text-decoration: none;
  -webkit-border-radius: 3px 3px;
}

LEGEND A:hover.selected {
  font-weight: bold;
  background-color: #7D8DB3;
  color: #fff;
  border: solid 0 #7D8DB3;
  padding: 3px 3px;
  text-decoration: none;
  -webkit-border-radius: 3px 3px;
}

DIV.title INPUT[type=text] {
  width: 175px;
  height: 22px;
  font-size: 11px;
}

DIV.containerTitle INPUT[type=text] {
  width: 175px;
  height: 22px;
  font-size: 11px;
}

DIV.desc TEXTAREA {
  width: 175px;
  height: 44px;
  font-size: 11px;
}

.nav-title-block {
  display: block;
}

.nav-title-block > H3 {
  color: #000;
  font-size: 12px;
}

/*.nav-title-block > DIV { margin-top: 5px;}*/
.nav-type-img {
  height: 12px;
  width: 12px;
}

.select-btm {
  z-index: 99999999999;
}

#nav-option-panel {
  height: 20px;
  background-color: #ddd;
  text-align: center;
  font-size: 9px;
  white-space: nowrap;
  text-align: center;
  border-bottom: 1px solid #b4b4b4;
}

.left-nav-option-selected {
  float: left;
  padding: 5px 0 2px 0;
  color: #fff;
  background-color: #eeeeee;
  font-weight: bold;
  margin: 0 2px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #9b9b9b));
  -webkit-box-shadow: 0 -3px 3px 1px #f1f1f1;
}

.left-nav-option-selected A {
  text-decoration: none;
  color: #252525;
  padding: 2px 8px 3px 8px;
  border-style: solid;
  border-color: #eeeeee #aaa;
  border-width: 0 1px 1px 1px;
  text-shadow: 1px 1px #f5f5f5;
  cursor: default;
}

.left-nav-option {
  float: left;
  margin: 0 0;
  padding: 5px 0 2px 0;
  color: #333;
  background-color: #ddd;
  font-weight: normal;
}

.left-nav-option A {
  text-decoration: none;
  color: #333;
  padding: 5px 8px 2px 8px;
  -webkit-transition: background-color 0.2s linear;
}

.left-nav-option a:hover {
  background-color: #c7c7c7;
}

.option-box-header {
  background-image: url(../images/option-header-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  height: 21px;
  border: solid 1px #4e617F;
  border-bottom-width: 0;
  color: #fff;
  text-transform: uppercase;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}

.option-box-body {
  background-color: #f1f1f1;
  border: solid 1px #dddddd;
  border-top-width: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  padding: 10px 10px;
  font-size: 11px;
}

.option-box-header2 {
  background-image: url(../images/option-header-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  height: 21px;
  border: solid 1px #4e617F;
  border-bottom-width: 0;
  color: white;
  font-size: 10px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}

.option-box-body2 {
  background-color: #eee;
  border: solid 1px #ccc;
  border-top-width: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  padding: 10px 10px;
  font-size: 10px;
}

.remoteClusterList {
  min-height: 360px;
}

.remoteClusterList H2 {
  color: #000;
  background: #ccc url(../images/h30.png?agm-ver=undefined.undefined);
  margin: 0;
  padding: 5px 15px;
  font-size: 11px;
  font-weight: 400;
  border: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}

.remoteClusterList h2.current {
  cursor: default;
  background-color: #fff;
}

.remoteClusterList .pane {
  border: 1px solid #fff;
  border-width: 0 2px;
  display: none;
  min-height: 300px;
  padding: 10px;
  color: #333;
  background-color: #fff;
  font-size: 11px;
}

/* root element for tabs  */
.clustertabs {
  list-style: none;
  margin: 0 !important;
  padding: 0;
  height: 30px;
  border-bottom: 1px solid #666;
}

/* single tab */
.clustertabs li {
  float: left;
  text-indent: 0;
  padding: 0;
  margin: 0 !important;
  list-style-image: none !important;
}

/* link inside the tab. uses a background image */
.clustertabs a {
  background: url(../images/tabs.png?agm-ver=undefined.undefined) no-repeat -762px 0;
  font-size: 11px;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 90px;
  text-align: center;
  text-decoration: none;
  color: #000;
  padding: 0;
  margin: 0;
  position: relative;
  top: 1px;
}

.clustertabs a:active {
  outline: none;
}

/* when mouse enters the tab move the background image */
.clustertabs a:hover {
  background-position: -762px -31px;
  color: #fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.clustertabs .current, .clustertabs .current:hover, .clustertabs li.current a {
  background-position: -762px -62px;
  cursor: default !important;
  color: #000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
.clustertabs .w1 {
  background-position: -519px 0;
  width: 134px;
}

.clustertabs .w1:hover {
  background-position: -519px -31px;
}

.clustertabs .w1.current {
  background-position: -519px -62px;
}

/* width 2 */
.clustertabs .w2 {
  background-position: -366px 0px;
  width: 154px;
}

.clustertabs .w2:hover {
  background-position: -366px -31px;
}

.clustertabs .w2.current {
  background-position: -366px -62px;
}

/* width 3 */
.clustertabs .w3 {
  background-position: -193px 0px;
  width: 174px;
}

.clustertabs .w3:hover {
  background-position: -193px -31px;
}

.clustertabs .w3.current {
  background-position: -193px -62px;
}

/* width 4 */
.clustertabs .w4 {
  background-position: 0px 0px;
  width: 194px;
}

.clustertabs .w4:hover {
  background-position: 0px -31px;
}

.clustertabs .w4.current {
  background-position: 0px -62px;
}

/* initially all panes are hidden */
.clustertabpane {
  color: #333;
  display: none;
  padding: 10px 0;
}

.betamode {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324;
}

.editclick {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  background-image: url(../images/objects/pencil-edit.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 20px;
}

.overflow-auto {
  overflow: auto;
}

.info {
  padding: 0.4em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
}

.info {
  background: #d5edf8;
  color: #205791;
  border-color: #92cae4;
}

.info a {
  color: #205791;
}

.form-bottom-button-row {
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-align: right;
}

.validDayOptions, .validFrequencyOptions {
  min-width: 80px;
}

ul.validDayOptions {
  overflow: auto;
  max-height: 170px;
}

ul.validDayOptions li a {
  padding-top: 0;
  padding-bottom: 0;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.text_center {
  text-align: center;
}

h3 {
  color: #333;
}

em {
  color: #ff0000;
}

h4 em {
  color: #ff0000;
}

.hide {
  display: none;
}

/* scrollbar
 * ------------------------------------------ */
::-webkit-scrollbar-button:start:decrement {
  display: block;
  height: 5px;
}

::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 5px;
}

::-webkit-scrollbar-button:vertical:increment {
  background-color: transparent;
}

::-webkit-scrollbar-track:enabled {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 112, 107, 0.1);
  -webkit-border-radius: 5px;
}

::-webkit-scrollbar-thumb:vertical {
  background-color: rgba(178, 178, 178, 0.6);
  -webkit-border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb:horizontal {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
}

/* navigator
 * ------------------------------------------ */
#navigator .nav_wrapper {
  display: block;
  border-bottom: 1px dotted #dddada;
}

#navigator .nav_wrapper h3 {
  color: #000;
  font-size: 12px;
}

#navigator .nav_wrapper .nav_container {
  margin-top: 0;
}

/* Utility Rules
   -------------------------------- */
.block {
  display: block;
}

/* Margin Rules
   -------------------------------- */
.margin_0 {
  margin: 0;
}

.margin_right_5 {
  margin-right: 5px;
}

.margin_right_10 {
  margin-right: 10px;
}

.margin_top_10 {
  margin-top: 10px;
}

.margin_top_20 {
  margin-top: 20px;
}

.margin_bottom_20 {
  margin-bottom: 20px;
}

.margin_bottom_15 {
  margin-bottom: 15px;
}

.margin_bottom_10 {
  margin-bottom: 10px;
}

.margin_top_60 {
  margin-top: 60px;
}

.margin_top_100 {
  margin-top: 100px;
}

/* Padding Rules
   -------------------------------- */
.padding_bottom_5 {
  padding-bottom: 5px;
}

/* Text Align Rules
   -------------------------------- */
.text_align_right {
  text-align: right;
}

.text_align_left {
  text-align: left;
}

.text_align_center {
  text-align: center;
}

/* Width Rules
   -------------------------------- */
.width_550 {
  width: 550px;
}

.width_600 {
  width: 600px;
}

.width_90 {
  width: 90px;
}

.width_100 {
  width: 100px;
}

.width_120 {
  width: 120px;
}

.width_150 {
  width: 150px;
}

.width_200 {
  width: 200px;
}

.width_250 {
  width: 250px;
}

.width_255_label {
  width: 255px;
}

.width_75 {
  width: 75px;
}

.width_50 {
  width: 50px;
}

.width_30 {
  width: 30px;
}

.width_40_percent {
  width: 40%;
}

.width_50_percent {
  width: 50%;
}

.width_100_percent {
  width: 100%;
}

/* Min width Rules
   -------------------------------- */
.min_width_280 {
  min-width: 280px;
}

.min_width_200 {
  min-width: 200px;
}

/* Font Size Rules
   -------------------------------- */
.font_size_10 {
  font-size: 10px;
}

.font_size_11 {
  font-size: 11px;
}

/* Vertical align
   -------------------------------- */
.v_align_top {
  vertical-align: top;
}

.line_height_10 {
  line-height: 10px;
}

/* Borders
   -------------------------------- */
.border_bottom {
  border-bottom: 1px solid #dedede;
}

/* Font Color
   -------------------------------- */
.color_black {
  color: #333333;
}

.color_deep_black {
  color: #000000;
}

.error_filed {
  border: 1px solid #ff6600;
}

.humanMsg {
  font-weight: bolder;
}

.uppercase {
  text-transform: uppercase;
}

.inlineEdit {
  cursor: pointer;
  border: 1px solid transparent;
  padding-right: 10px;
}

.inlineEdit:hover {
  border: 1px solid #6eb8ea;
  cursor: text;
}

.appaware-alert-error {
  white-space: normal;
  margin-left: 280px;
}

.alert-error {
  border: 1px solid #e04e4e;
  border-radius: 6px;
  padding: 10px;
  font-size: 13px;
}

/* default.html
   --------------------------------- */
#main {
  border-style: none;
}
#main .Persona {
  padding-top: 5px;
}

#aemapp {
  height: 100%;
}
#aemapp .agm-version {
  float: left;
  color: #999;
  font-size: 11px;
  margin-left: 7px;
  margin-top: 15px;
}
#aemapp .agm-verion-menu {
  position: absolute;
  bottom: 0px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}
#aemapp .agm-verion-menu li a {
  font-size: 10px;
  color: #999;
  text-decoration: underline;
}
#aemapp .agm-verion-menu li a:hover {
  color: #e8e8e8;
}
#aemapp .agm-verion-menu .nav-text {
  width: fit-content;
  padding: 0 0 8px 10px;
  color: #999;
}

#loginWindow #clientVersion {
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 334px;
  right: 305px;
}

#loginWindowContent .div_row {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin-bottom: 20px;
}

#loginWindowContent .div_row .label_txt {
  float: left;
  width: 150px;
  text-align: right;
}

#loginWindowContent .div_row .div_value {
  float: left;
  width: 240px;
  padding-left: 10px;
}

#autosuggestOptions {
  display: none;
  width: 160px;
  position: fixed;
}

#button_holder {
  text-align: right;
  width: 340px;
}

#signInBtn {
  margin-right: 20px;
  margin-top: 10px;
  cursor: pointer;
  padding: 6px 8px 5px 8px;
}

#right-footer #cluster-status {
  padding-top: 22px;
  margin-right: 10px;
  cursor: default;
  display: none;
}

#full-screen-btn {
  display: none;
  padding-top: 22px;
  margin-right: 10px;
}

#appWindow {
  overflow: auto;
}

#licenseWindow {
  padding: 10px 10px;
  height: 97%;
  display: none;
  overflow: auto;
}

/*
Alert Window
-------------------------------- */
.txt-center {
  text-align: center;
}

/*
   -------------------------------- */
.loading {
  position: absolute;
  border: thin #aaa;
  z-index: 10000000000;
  color: black;
  text-align: center;
  background-color: #fafafa;
  -webkit-border-radius: 3px 3px;
}

/*
   -------------------------------- */
#hud table tr td.left {
  width: 25%;
  text-align: left;
}

#hud table tr td.center {
  width: 60%;
  text-align: center;
}

#hud table tr td.right {
  width: 15%;
  text-align: right;
}

.float_left {
  float: left;
}

.float-right {
  float: right;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.default-font-size {
  font-size: 10px;
}

.nowrap {
  white-space: nowrap;
}

.cursor-pointer {
  cursor: pointer;
}

.margin-top-small {
  margin-top: 5px;
}

.margin-left-small {
  margin-left: 5px;
}

.margin-right-none {
  margin-right: 0 !important;
}

.hide {
  display: none !important;
}

.font-weight-normal {
  font-weight: normal;
}

.navigator #add-button {
  cursor: pointer;
  padding-right: 0;
}

.navigator #r-refresh {
  cursor: pointer;
  margin-right: 5px;
  padding-right: 0;
}

.selector #actions-button {
  cursor: pointer;
  margin-left: 0;
  padding-left: 0;
}

/* Service Main Window
   -------------------------------- */
.service_main {
  top: 0;
  left: 0;
}

.service_main .service_container {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
}

/* Perspective
   -------------------------------- */
.perspective {
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  width: 99.8%;
}

/* Perspective -> Explorer
   -------------------------------- */
.perspective .explorer {
  width: 200px;
  min-height: 590px; /* height is important to stop the flickering effect */
  margin-right: 10px;
  float: left;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
}

.perspective .explorer .heading {
  margin-bottom: 5px;
}

.perspective .explorer .collapser_grid {
  width: 220px;
  margin-bottom: 10px;
}

.perspective .explorer .folding {
  /*width: 220px;*/
  margin-bottom: 10px;
}

.perspective .explorer .folding .push_5px {
  margin-left: 5px;
}

.perspective .explorer .folding .piano_key {
  margin-bottom: 6px;
}

#RECOVERY_FORM .perspective .explorer {
  min-height: 470px;
  max-height: 470px;
}

#RECOVERY_FORM .perspective .explorer .heading {
  padding: 10px 0 0 0;
}

/* Perspective -> Pane
   -------------------------------- */
.perspective .pane {
  color: #333;
  position: relative;
}

.perspective .pane:after {
  clear: both;
}

.perspective .pane table {
  color: #333;
}

.perspective .pane table tr.gray_row {
  background-color: #eee;
  -webkit-border-radius: 5px 5px;
}

.perspective .pane table tr td.left {
  min-width: 150px;
  vertical-align: top;
  padding: 5px 10px 5px 3px;
}

.perspective .pane table tr td.left .labelTxt {
  font-size: 16px;
  padding-top: 3px;
}

.perspective .pane table tr td.right {
  padding: 5px 0;
}

.perspective .pane table tr td.right .ashtray {
  float: left;
  padding-right: 30px;
}

.perspective .pane table tr td.right .ashtray ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.perspective .pane table tr td.right .ashtray ul li {
  float: left;
  margin: 0;
  padding: 0 0 0 10px;
}

.perspective .pane table tr td.right .ashtray h4 {
  color: #333;
  margin-bottom: 10px;
  text-transform: capitalize;
  margin: 0;
  font-size: 14px;
}

.perspective .pane table tr td.right .div_row {
  margin-bottom: 10px;
}

.perspective .pane table tr td.right .div_row h4 {
  color: #333;
  margin-bottom: 10px;
}

.perspective .pane table tr td.btn_holder, .btn_holder {
  padding: 10px 0;
  text-align: right;
  clear: both;
}

.perspective .pane table tr td.btn_holder ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
  overflow: auto;
}

.perspective .pane table tr td.btn_holder ul li {
  float: left;
  padding: 0 0 0 10px;
}

/* Date Range component
   -------------------------------- */
#ui-datepicker-div {
  z-index: 9999999 !important;
  font-size: 14px;
  width: 240px;
}

.ui-icon {
  background-image: none;
  width: 16px;
  height: 16px;
}

.ui-icon-circle-triangle-e {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid white;
  color: white;
}

.ui-icon-circle-triangle-w {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid white;
  color: white;
}

.ui-datepicker-calendar th {
  background-color: #ccc;
}

.date-range ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.date-range ul li {
  margin: 0;
  padding: 0;
}

.date-range ul li img, .date-range ul li input, .date-range ul li span {
  float: left;
}

.date-range ul li span.to-text {
  line-height: 23px;
  margin: 0 5px;
}

.date-range ul li input {
  margin: 0;
  padding: 0 2px 0 2px;
  width: 70px;
  height: 20px;
}

.date-range ul li img {
  cursor: pointer;
  position: relative;
  padding: 3px 0 0 3px;
}

.date-range img, .date-range input, .date-range span {
  float: left;
}

.date-range span.to-text {
  line-height: 23px;
  margin: 0 5px;
}

.date-range input {
  margin: 0;
  padding: 0 2px 0 2px;
  width: 80px;
  height: 20px;
}

.date-range img {
  cursor: pointer;
  position: relative;
  padding: 3px 0 0 3px;
}

.overflow-auto {
  overflow: auto;
}

#ui-datepicker-div {
  margin-top: 6px;
  border-style: none;
  border-radius: 14px;
  padding: 0px;
  margin: 0px;
  marhin-top: 5px;
}

.ui-datepicker-header {
  background-color: #343e41;
}

#ui-datepicker-div .ui-datepicker-title {
  background-color: #343e41;
  background: #343e41;
  color: white;
  font-weight: lighter;
  font-size: 10pt;
}

.ui-datepicker thead th {
  color: white;
  font-weight: lighter;
  font-size: 9pt;
  background-color: #343e41;
}

.ui-datepicker-month {
  font-size: 10pt;
}

.ui-datepicker-year {
  font-size: 10pt;
}

.ui-datepicker .ui-datepicker-prev {
  left: 30px;
}

.ui-datepicker .ui-datepicker-next {
  right: 30px;
}

.ui-datepicker table {
  border-style: none;
}

#ui-datepicker-div .ui-datepicker-prev {
  background-color: #343e41;
}

#ui-datepicker-div .ui-datepicker-next {
  background-color: #343e41;
}

#ui-datepicker-div .ui-widget-header {
  background-color: #343e41;
  background: #343e41;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-style: none;
}

#ui-datepicker-div .ui-state-default {
  border-width: 0px;
  text-align: center;
  width: 24px;
  height: 24px;
  padding-top: 8px;
  padding-left: 4px;
  padding-right: 4px;
}

#ui-datepicker-div .ui-widget-content {
  border-style: none;
}

#ui-datepicker-div .ui-datepicker-header {
  background-color: #343e41;
}

#ui-datepicker-div .ui-widget-header {
  background-color: #343e41;
}

#ui-datepicker-div .ui-state-hover {
  background: none;
  font-weight: bold;
  text-align: center;
  color: white;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 8px;
  background-url: none;
}

#ui-datepicker-div .ui-datepicker-calendar .ui-state-hover {
  background: none;
  font-weight: bold;
  text-align: center;
  color: white;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 8px;
  background-url: none;
  -moz-border-radius: 50%/50%;
  -webkit-border-radius: 50% 50%;
  border-radius: 50%/50%;
  background-color: #3367D6;
  width: 24px;
  height: 24px;
}

#ui-datepicker-div .ui-icon {
  background-url: none;
}

/* Search component
   -------------------------------- */
.baseSearch-filter {
  background: #fff url(../images/search-bg-sm.png?agm-ver=undefined.undefined) no-repeat 8px 8px;
  height: 22px;
  line-height: 20px;
  width: 167px;
  text-align: center;
  padding: 8px 8px 6px 8px;
}

.baseSearch-filter input {
  margin-left: 5px;
  width: 125px;
  border: none;
  outline: none;
  background-color: transparent;
}

.beta {
  text-transform: capitalize;
  background-color: #bbbbbb;
  color: #292929;
  border: 1px solid #333333;
  -webkit-border-radius: 3px 3px;
  font-size: 9px;
  padding: 1px 4px;
  opacity: 0.5;
}

a:hover .beta {
  opacity: 1;
}

h2 .beta {
  position: relative;
  bottom: 6px;
  margin-left: 2px;
  opacity: 1;
}

/* SPRITES
   -------------------------------- */
/*SERVICE ICONS*/
.sprites {
  float: left;
  background: url(../images/dock/sprites-38.png?agm-ver=undefined.undefined);
  width: 38px;
  height: 38px;
  overflow: hidden;
  position: relative;
  top: 6px;
}

/*USERBOX ICONS*/
.sprites-26 {
  cursor: pointer;
  margin-right: 5px;
  float: left;
  background: url(../images/dock/sprites-38.png?agm-ver=undefined.undefined);
  width: 26px;
  height: 26px;
  overflow: hidden;
  position: relative;
  top: 8px;
  background-position: -39px 0;
}

.user-button-lockup {
  background-position: -26px -39px;
}

.user-button-about {
  background-position: -52px -39px;
}

.help-btn {
  background-position: -78px -39px;
  float: right;
  top: 22px;
  right: 4px;
}

.dashboard-icon {
  background-position: -104px -39px;
}

.domain-manager-icon {
  background-position: -130px -39px;
}

.sla-architect-icon {
  background-position: -156px -39px;
}

.app-manager-icon {
  background-position: -182px -39px;
}

.sys-monitor-icon {
  background-position: -208px -39px;
}

.ReportApp-icon {
  background-position: -234px -39px;
}

.connection-failed {
  background-position: -260px -39px;
  float: right;
  top: 22px;
  right: 4px;
}

#userBox span.last {
  margin-right: 0;
}

.n .sprites-26 {
  top: 12px;
  cursor: default;
}

/*LEFT NAVIGATION ICONS*/
.sprites-16 {
  background: url(../images/icons16-wob.png?agm-ver=undefined.undefined);
  width: 16px;
  height: 16px;
  overflow: hidden;
  position: relative;
  float: left;
  top: 3px;
  margin-right: 4px;
  text-indent: 50px;
}

.clustertabpane .sprites-16 {
  top: 5px;
}

.org-icon {
  background-position: -128px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .org-icon {
  background-position: -128px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .org-icon {
  background-position: -128px -32px;
}

.user-icon {
  background-position: -144px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .user-icon {
  background-position: -144px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .user-icon {
  background-position: -144px -32px;
}

.roles-icon {
  background-position: -160px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .roles-icon {
  background-position: -160px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .roles-icon {
  background-position: -160px -32px;
}

.cluster-icon {
  background-position: -176px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .cluster-icon {
  background-position: -176px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .cluster-icon {
  background-position: -176px -32px;
}

.agent-server-icon {
  background-position: -192px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .agent-server-icon {
  background-position: -192px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .agent-server-icon {
  background-position: -192px -32px;
}

.server-icon {
  background-position: -208px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .server-icon {
  background-position: -208px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .server-icon {
  background-position: -208px -32px;
}

.templates-icon {
  background-position: -224px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .templates-icon {
  background-position: -224px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .templates-icon {
  background-position: -224px -32px;
}

.slp-icon {
  background-position: -240px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .slp-icon {
  background-position: -240px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .slp-icon {
  background-position: -240px -32px;
}

.applications-icon {
  background-position: -256px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .applications-icon {
  background-position: -256px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .applications-icon {
  background-position: -256px -32px;
}

.vmware-icon {
  background-position: -272px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .vmware-icon {
  background-position: -272px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .vmware-icon {
  background-position: -272px -32px;
}

#navigation-panel.chrome #navigator div ul li:hover .exchange-icon {
  background-position: -288px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .exchange-icon {
  background-position: -288px -32px;
}

.harddisk-icon {
  background-position: -304px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .harddisk-icon {
  background-position: -304px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .harddisk-icon {
  background-position: -304px -32px;
}

.data-icon {
  background-position: -320px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .data-icon {
  background-position: -320px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .data-icon {
  background-position: -320px -32px;
}

.not-protected-icon {
  background-position: -336px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .not-protected-icon {
  background-position: -336px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .not-protected-icon {
  background-position: -336px -32px;
}

.blocked-icon {
  background-position: -352px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .blocked-icon {
  background-position: -352px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .blocked-icon {
  background-position: -352px -32px;
}

.groups-icon {
  background-position: -368px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .groups-icon {
  background-position: -368px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .groups-icon {
  background-position: -368px -32px;
}

#navigation-panel.chrome #navigator div ul li:hover .sharepoint-icon {
  background-position: -384px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .sharepoint-icon {
  background-position: -384px -32px;
}

.vmcluster-icon {
  background-position: -400px 0;
}

.vc-server-icon {
  background-position: -416px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .vc-server-icon {
  background-position: -416px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .vc-server-icon {
  background-position: -416px -32px;
}

.vca-server-icon {
  background-position: -432px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .vca-server-icon {
  background-position: -432px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .vca-server-icon {
  background-position: -432px -32px;
}

.sort-az {
  background-position: -448px 0;
}

.sort-az:hover, .sort-az.selected:hover {
  background-position: -448px -16px;
}

.sort-az.selected {
  background-position: -448px -32px;
}

.sort-za {
  background-position: -464px 0;
}

.sort-za:hover, .sort-za.selected:hover {
  background-position: -464px -16px;
}

.sort-za.selected {
  background-position: -464px -32px;
}

.aix-connector {
  background-position: -480px 0;
}

.linux-connector {
  background-position: -480px -16px;
}

.windows-connector {
  background-position: -480px -32px;
}

.reboot-icon {
  background-position: -496px 0;
}

.list-add-icon {
  background-position: -496px -16px;
}

.list-remove-icon {
  background-position: -496px -32px;
}

.list-activate-icon {
  background-position: -512px 0;
}

.linux64-connector {
  background-position: -512px -16px;
}

.linux32-connector {
  background-position: -512px -32px;
}

.cluster-app-icon {
  background-position: -528px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .cluster-app-icon {
  background-position: -528px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .cluster-app-icon {
  background-position: -528px -32px;
}

.cluster-host-icon {
  background-position: -544px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .cluster-host-icon {
  background-position: -544px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .cluster-host-icon {
  background-position: -544px -32px;
}

.minus-icon {
  background-position: -560px 0;
}

.minus-icon:hover {
  background-position: -560px -16px;
}

.plus-icon {
  background-position: -576px 0;
}

.plus-icon:hover {
  background-position: -576px -16px;
}

.vcenter-host-icon {
  background-position: -672px 0;
}

#navigation-panel.chrome #navigator div ul li:hover .vcenter-host-icon {
  background-position: -672px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .vcenter-host-icon {
  background-position: -672px -32px;
}

#navigation-panel.chrome #navigator div ul li:hover .hyperv-host-icon {
  background-position: -688px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .hyperv-host-icon {
  background-position: -688px -32px;
}

#navigation-panel.chrome #navigator div ul li:hover .hyperv-vm-icon {
  background-position: -704px -16px;
}

#navigation-panel.chrome #navigator div ul li.selected .hyperv-vm-icon {
  background-position: -704px -32px;
}

#profileBlock input[type=checkbox], #userList input[type=checkbox], #templateList input[type=checkbox], #hostList input[type=checkbox], #poolList input[type=checkbox], #appList input[type=checkbox], #allList input[type=checkbox], #vmwares input[type=checkbox] {
  float: left;
  position: relative;
  top: 3px;
  right: 3px;
}

#overlay-body input[type=checkbox] {
  position: relative;
  top: 0;
}

h3.groupable .sprites-16 {
  top: -2px;
}

#stapplist {
  text-align: left;
  list-style-type: none;
  list-style-position: inside;
  padding: 10px;
  margin: 0 auto;
  display: inline-block;
  min-width: 150px;
}

#stapplist li {
  margin-bottom: 2px;
  clear: both;
  margin-bottom: 5px;
}

#stapplist li input[type=radio] {
  float: left;
}

#stapplist li label {
  float: left;
  padding: 3px 0 0 5px;
  font-size: 13px;
}

#imageBlock {
  margin: 0 0 20px 135px;
}

.version-container {
  float: left;
  margin-left: 10px;
  -webkit-border-radius: 3px;
  border: solid 1px #d5d5d5;
  background-color: #fafafa;
  padding: 5px;
  max-width: 300px;
}

.version-text {
  text-align: left;
  font-size: 12px;
  padding: 4px;
}

.settings-box {
  font-size: 14px;
  padding: 5px;
  -webkit-border-radius: 3px;
  border: solid 1px #eee;
  background-color: #fafafa;
}

.on-off-spacing {
  list-style-type: none;
  float: left;
  margin-right: 10px;
}

.on-off-spacing a {
  font-size: 12px;
  padding: 3px;
  -webkit-border-radius: 3px;
}

.sw-settings-footer {
  text-align: center;
  color: #333;
  margin-top: 10px;
  position: absolute;
  bottom: 30px;
  width: 550px;
  padding-top: 10px;
}

/*12X12 ICONS*/
.sprites-12 {
  background: url(../images/icons12.png?agm-ver=undefined.undefined);
  width: 12px;
  height: 12px;
  overflow: hidden;
  position: relative;
  float: left;
  top: 3px;
  margin-right: 4px;
}

#context_menu .sprites-12, #sys_admin_submenu .sprites-12, #app_mngr_submenu .sprites-12, #data_archtct_submenu .sprites-12, #jobq-tabs .sprites-12, #inlinemenu .sprites-12 {
  margin-top: 2px;
}

#context_menu li a:hover .sprites-12, #sys_admin_submenu li a:hover .sprites-12, #app_mngr_submenu li a:hover .sprites-12, #data_archtct_submenu li a:hover .sprites-12, #jobq-tabs li a .sprites-12:hover, #inlinemenu li a:hover .sprites-12 {
  background-position-y: -12px;
}

#context_menu li a:active, #sys_admin_submenu li a:active, #app_mngr_submenu li a:active, #data_archtct_submenu li a:active, #jobq-tabs li a:active {
  box-shadow: inset 0 0 10px #ffffff;
}

.policylaunch .sprites-12 {
  background-position-y: -12px;
}

.tickGreen-icon {
  background-position: 0 0;
}

.tickGray-icon {
  background-position: -12px 0;
}

.crossRed-icon {
  background-position: -24px 0;
}

.crossgray-icon {
  background-position: -36px 0;
}

.square-icon {
  background-position: -48px 0;
}

.add-icon {
  background-position: -60px 0;
}

.clone-icon {
  background-position: -72px 0;
}

.del-icon {
  background-position: -84px 0;
}

#jqGridTable .del-icon {
  background-position-y: -12px;
  margin-bottom: 4px;
}

.disk-icon {
  background-position: -96px 0;
}

.export-icon {
  background-position: -108px 0;
}

.find-icon {
  background-position: -120px 0;
}

.import-icon {
  background-position: -132px 0;
}

.join-icon {
  background-position: -144px 0;
}

.left-icon {
  background-position: -156px 0;
}

.left-icon-dark {
  background-position: -156px -12px;
}

.recycle-icon {
  background-position: -168px 0;
}

.refresh-white-icon {
  background-position: -180px 0;
}

.refresh-icon {
  background-position: -192px 0;
}

.right-icon {
  background-position: -204px 0;
}

.right-icon-dark {
  background-position: -204px -12px;
}

.policylaunch .sprites-12 {
  margin-top: -1px;
}

/*	topbar-navigation	*/
#topbar-navigation .sprites-12 {
  margin-top: 2px;
  opacity: 0.7;
}

.alerts-icon {
  background-position: -216px 0;
}

.backup-icon {
  background-position: -228px 0;
}

.clone2-icon {
  background-position: -240px 0;
}

.events-icon {
  background-position: -252px 0;
}

.jobs-icon {
  background-position: -264px 0;
}

.protect-icon {
  background-position: -276px 0;
}

.recover-icon {
  background-position: -288px 0;
}

.orgs-icon {
  background-position: -300px 0;
}

.testanddev-icon {
  background-position: -312px 0;
}

#topbar-navigation li a:hover .sprites-12, #topbar-navigation li.selected .sprites-12 {
  background-position-y: -12px;
  opacity: 1;
}

/* domain manager strip Table */
#hostDetails tr:nth-child(even) {
  background-color: #eee;
  -webkit-border-radius: 5px 5px;
}

.word-break {
  word-break: break-all;
}

/* CSS Document */
/*
a:focus, a:hover {
	color:#ccc;
}
a {
	color:#fff;
	text-decoration:none;
}
*/
#chrome {
  background-image: url(../images/chrome-black.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  height: 25px;
  line-height: 25px;
  color: #111;
  font-size: 10px;
  font-weight: bold;
  z-index: 9000;
  padding: 0 0 0 5px;
  display: none;
}

#content {
  padding: 0 0;
  margin: 0 0;
}

#serviceLoader {
  position: relative;
  z-index: 8999;
}

#footer {
  height: 60px;
  width: 100%;
  background: #333 url(../images/dock-chrome-silver.png?agm-ver=undefined.undefined) 100% bottom repeat-x;
  position: absolute;
  bottom: 0;
}

#dash-wrapper {
  background: #121212 url(../images/ui-bg_gloss-wave_16_121212_500x100.png?agm-ver=undefined.undefined) 100% bottom repeat-x;
  padding: 10px;
  max-height: 840px;
  height: 640px;
  -webkit-border-radius: 5px;
  border: 1px solid #121212;
}

#dash-alerts {
  background: #121212 url(../images/ui-bg_gloss-wave_16_121212_500x100.png?agm-ver=undefined.undefined) 100% top repeat-x;
  padding: 10px;
  max-height: 840px;
  height: 640px;
  -webkit-border-radius: 5px;
  border: 1px solid #121212;
}

#dash-infostream {
  background: #121212 url(../images/ui-bg_gloss-wave_16_121212_500x100.png?agm-ver=undefined.undefined) 100% top repeat-x;
  padding: 10px;
  max-height: 840px;
  height: 640px;
  -webkit-border-radius: 5px;
  border: 1px solid #121212;
}

#object-wrapper {
  background: #121212 url(../images/ui-bg_gloss-wave_16_121212_500x100.png?agm-ver=undefined.undefined) 100% top repeat-x;
  padding: 10px;
  max-height: 840px;
  height: 640px;
  -webkit-border-radius: 5px;
  border: 1px solid #000;
}

#actionBar {
  height: 43px;
  line-height: 43px;
  vertical-align: middle;
}

#actionBar div h3 {
  padding: 0;
  margin: 0;
  line-height: 43px;
  color: #ccc;
}

#quickbar {
  float: left;
  height: 40px;
  margin-left: 5px;
  margin-top: 15px;
}

#right-footer {
  width: 300px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  float: right;
  margin-right: 0;
}

#right-footer img {
  float: right;
  cursor: pointer;
}

#button-tooltip {
  display: none;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  background: #000 100% top repeat-x;
  opacity: 0.9;
  -webkit-border-radius: 5px;
  z-index: 99999999;
  overflow: auto;
  max-height: 400px;
  overflow-x: hidden;
  -webkit-box-shadow: 2px 2px 11px #666;
}

#loading-msgs {
  display: none;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  background: #000 100% top repeat-x;
  opacity: 0.9;
  -webkit-border-radius: 5px;
  z-index: 99999999;
}

#hosts-tooltip {
  display: none;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  background: #000 100% top repeat-x;
  opacity: 0.9;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 2px 2px 11px #666;
  -webkit-box-shadow: 2px 2px 11px #666;
  z-index: 99999999;
}

#hosts-tooltip ul {
  padding: 5px;
  margin: 0;
}

#hosts-tooltip ul li {
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
}

#job-tooltip {
  display: none;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  background: #000 100% top repeat-x;
  opacity: 0.9;
  -webkit-border-radius: 5px;
  z-index: 99999999;
}

#job-tooltip ul {
  padding: 5px;
  margin: 0;
}

#job-tooltip ul li {
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
}

#li_tooltip {
  display: none;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  background: #000 100% top repeat-x;
  opacity: 0.9;
  -webkit-border-radius: 5px;
  z-index: 99999999;
}

#vmwares_tooltip {
  display: none;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  background: #000 100% top repeat-x;
  opacity: 0.9;
  -webkit-border-radius: 5px;
  z-index: 99999999;
}

#vcenters_tooltip {
  display: none;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  background: #000 100% top repeat-x;
  opacity: 0.9;
  -webkit-border-radius: 5px;
  z-index: 99999999;
}

#hostlist_tooltip {
  display: none;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  background: #000 100% top repeat-x;
  opacity: 0.9;
  -webkit-border-radius: 5px;
  z-index: 99999999;
}

#logo {
  position: absolute;
  top: 0;
  right: 20px;
  height: 80px;
  width: 127px;
  background-position: center right;
  background-image: url(../images/actifio-logo-black.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
}

.wbutton {
  float: right;
  width: 12px;
  height: 12px;
  padding-right: 10px;
  padding-top: 6px;
}

#tooltip {
  display: none;
  background: transparent url(../images/black_arrow-tooltip.png?agm-ver=undefined.undefined);
  font-size: 12px;
  height: 70px;
  width: 160px;
  padding: 25px;
  color: #fff;
}

div#tab-pill-container {
  height: 43px;
  line-height: 43px;
  margin-right: 10px;
}

/* root element for tabs  */
ul.css-tabs-a {
  margin: 0 !important;
  padding: 0;
  height: 43px;
}

/* single tab */
ul.css-tabs-a li {
  float: left;
  padding: 0 0;
  margin: 0 0;
  list-style-type: none;
}

/* link inside the tab. uses a background image */
ul.css-tabs-a a {
  float: left;
  font-size: 13px;
  display: inline;
  text-decoration: none;
  vertical-align: middle;
  color: #ccc;
  margin-right: 0;
  position: relative;
  padding: 0 0;
  width: 89px;
  text-align: center;
}

ul.css-tabs-a a:hover {
  color: #fff;
}

/* selected tab */
ul.css-tabs-a a.current {
  background-image: url(../images/tab-bubble.png?agm-ver=undefined.undefined);
  background-color: #222;
  color: #333;
  cursor: default;
}

/* tab pane */
div.css-panes-a div.page {
  display: none;
  border: none;
  border-width: 0;
  min-height: 500px;
  padding: 10px 0;
}

#appTitle {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 25px;
}

#appTitle SPAN {
  float: left;
  height: 25px;
  line-height: 25px;
  margin-bottom: 7px;
}

#appTitle IMG {
  float: left;
  height: 18px;
  width: 23px;
  margin-right: 3px;
  margin-top: 4px;
}

#history-bar {
  float: left;
  width: 58px;
  height: 25px;
  padding-left: 10px;
  padding-top: 7px;
}

#history-bar img.back {
  float: left;
  width: 29px;
  height: 25px;
  padding: 0;
  margin: 0;
  border: 0;
  background-image: url(../images/history-back.png?agm-ver=undefined.undefined);
}

#history-bar img.forward {
  float: left;
  width: 29px;
  height: 25px;
  padding: 0;
  margin: 0;
  border: 0;
  background-image: url(../images/history-forward.png?agm-ver=undefined.undefined);
}

/* DOCK */
.dock {
  width: 100%;
  bottom: 48px;
  position: absolute;
  left: 0;
  z-index: 99999;
}

.dock-container {
  position: absolute;
  height: 40px;
}

a.dock-item {
  display: block;
  width: 40px;
  color: #fff;
  position: absolute;
  bottom: 0;
  text-align: center;
  text-decoration: none;
  font: bold 12px "Lucida Grande";
  cursor: pointer;
  outline-width: 0;
}

.dock-item img {
  border: none;
  margin: 5px 10px 0;
  width: 100%;
  z-index: 99999;
}

.dock-item span {
  width: 100px;
  text-align: center;
  display: none;
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 5px 0;
  background: #121212 url(../images/ui-bg_gloss-wave_16_121212_500x100.png?agm-ver=undefined.undefined) 100% top repeat-x;
  opacity: 0.7;
  -webkit-border-radius: 5px;
  z-index: 99999;
}

.dock-item div.running {
  position: fixed;
  text-align: center;
  padding: 0 0;
  z-index: 99999;
  margin-left: 17px;
  margin-top: -4px;
}

.dock-item div.running IMG {
  width: 7px;
  height: 6px;
  z-index: 99999;
}

/*
.recline-slickgrid .slick-header .slick-header-columns .slick-header-column {
    border-left: 1px;
    border-top: 1px;
    border-style: solid;
    border-color: #ddd;
}
*/
div.slick-header-column.ui-state-default {
  background-image: none;
  background-position: 90%;
}

div.slick-header-column.ui-state-default:hover {
  background-image: url(/src/assets/images/icon_columns.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: 90%;
}

div.slick-header-column.ui-state-default:focus {
  background-image: url(/src/assets/images/icon_columns.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: 90%;
}

/* Userb Box  */
#userBox {
  color: #fff;
  height: 40px;
  text-align: left;
  background-image: url(assets/css/services/chrome/images/dock-mesh.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  padding: 0 5px;
  -webkit-border-radius: 3px;
}

#userBox span {
  color: #fff;
  display: block;
  margin-bottom: 3px;
}

#userBox img {
  float: left;
  height: 22x;
  width: 26px;
  margin-right: 5px;
  cursor: pointer;
  margin-top: 8px;
}

#userBox img.last {
  float: left;
  height: 28x;
  width: 26px;
  margin-right: 0;
  cursor: pointer;
  margin-top: 8px;
}

#userBox img.userbox-hover {
  float: left;
  height: 22x;
  width: 26px;
  cursor: pointer;
  padding: 3px 1px;
  background-image: url(../images/user-button-hover.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: center center;
}

/* ACCORDION MENU */
#menu h3 {
  font-size: 10px;
}

#menu div {
  padding: 10px;
  margin: 0;
}

#menu div ul {
  padding: 0;
  margin: 0;
}

#menu div ul li {
  list-style: none;
  color: #eee;
  margin-bottom: 10px;
  font-size: 10px;
}

#menu div ul li img {
  margin-right: 5px;
}

#menu div ul li a {
  text-decoration: none;
  color: #eee;
}

#menu div ul li a:hover {
  text-decoration: none;
  color: #ccc;
}

#menu div ul li a:focus {
  text-decoration: none;
  color: #ccc;
}

#menu div ul li.add {
  list-style: none;
  color: #eee;
  font-size: 10px;
  text-align: right;
}

#menu div ul li.add a img {
  background-image: url(../images/add-item-btn.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  width: 39px;
  height: 14px;
}

#menu div ul li.add a {
  text-decoration: none;
  color: #fff;
}

#menu div ul li.add a:hover {
  text-decoration: none;
  color: #ccc;
}

#menu div ul li.add a:focus {
  text-decoration: none;
  color: #ccc;
}

/* DASHBOARD */
#dash-selector {
  font-size: 11px;
}

/* QUICK BAR */
a img.add-button {
  float: left;
  height: 25px;
  width: 29px;
  background-image: url(../images/add-button.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  padding: 0 0;
  margin: 0 0;
  border: 0;
}

a:hover img.add-button {
  float: left;
  height: 25px;
  width: 29px;
  background-image: url(../images/add-button-over.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  padding: 0 0;
  margin: 0 0;
  border: 0;
}

a img.search-button {
  float: left;
  height: 25px;
  width: 29px;
  background-image: url(../images/search-button.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  padding: 0 0;
  margin: 0 0;
  border: 0;
}

a:hover img.search-button {
  float: left;
  height: 25px;
  width: 29px;
  background-image: url(../images/search-button-over.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  padding: 0 0;
  margin: 0 0;
  border: 0;
}

a img.messaging-button {
  float: left;
  height: 25px;
  width: 29px;
  background-image: url(../images/alert-button.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  padding: 0 0;
  margin: 0 0;
  border: 0;
}

a:hover img.messaging-button {
  float: left;
  height: 25px;
  width: 29px;
  background-image: url(../images/alert-button-over.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  padding: 0 0;
  margin: 0 0;
  border: 0;
}

/* UTILITY */
.addform {
  position: absolute;
  bottom: 81px;
  left: 100px;
  width: 800px;
  height: 600px;
  background-color: #ccc;
}

.box10 {
  padding: 10px 10px;
}

/* FLIP */
.frontFlip {
  min-height: 630px;
  background-color: "transparent";
}

.backFlip {
  min-height: 630px;
  background-color: #fff;
}

/* LOGIN WINDOW */
/*
#loginWindow {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	background-color: #000;
	background-image: url(/assets/images/brand-bg.png?agm-ver=undefined.undefined);
	background-position: center center;
	background-repeat: no-repeat;
}
	#loginWindowContent {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -300px;
		margin-left: -200px;
		width: 400px;
		height: 250px;
	}
		#loginWindowContent div.header {
			width: 100%;
			text-align: center;
			height: 57px;
			line-height: 57px;
			background: url(/assets/services/mb/chrome/hud.png?agm-ver=undefined.undefined) top left repeat-x;
			 -webkit-border-top-left-radius:5px;
			 -webkit-border-top-right-radius:5px;
		}
		#loginWindowContent div.header img {
			margin-top: 17px;
		}
		#loginWindowContent div.body {
			width: 400px;
			min-height: 100%;
			padding: 50px 0;
			margin-top: 140px;
			margin-left: 200px;
		}
			#loginWindowContent div.body input.field {
				background-color: #fafafa;
				-webkit-border-radius: 3px;
				 border: 3px solid #fafafa;
				 font-size: 11px; width: 150px;
			}
		#loginWindowContent div.footer {
			width: 100%;
			height: 32px;
			text-align: right;
		}
			#loginWindowContent div.footer img {
				margin-right: 10px;
				margin-top: 5px;
				cursor: pointer;
			}

*/
/* SLIDE WINDOW */
#topDrawerWrap {
  margin: 0 auto;
  width: 800px;
}

#topDrawer {
  position: absolute;
  background-color: #222;
  width: 800px;
  height: 600px;
  margin-top: -606px;
  z-index: 8000;
  -webkit-border-radius: 7px;
  border: 3px solid #777;
}

#topDrawerContent {
  /*margin: 20px 20px;*/
  position: absolute;
  text-align: center;
  color: #ffffff;
  padding: 20px;
}

/* FORM utilities */
input.error {
  border: 1px dotted red;
}

.error-main {
  display: inline-block;
  border: 2px solid #fbc2c4;
  color: #8a1f11;
  background: #FBE3E4 url(assets/images/warning_20x20.png?agm-ver=undefined.undefined) no-repeat 3px 3px;
  padding: 3px 3px 3px 30px;
  min-height: 20px;
  min-width: 50%;
  max-width: 90%;
  text-align: left;
}

.error {
  color: #8a1f11;
}

.error-tooltip {
  display: none;
  color: #8a1f11;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  text-align: center;
  background: #FBE3E4;
  overflow: hidden;
  white-space: nowrap;
  z-index: 10000000003;
}

.error-tooltip.right {
  background: url(../images/error_form_side_arrows.png?agm-ver=undefined.undefined) no-repeat left;
  padding-left: 15px;
  padding-right: 3px;
  border-right: 2px solid #FBC2C4;
}

.error-tooltip.left {
  background: url(../images/error_form_side_arrows.png?agm-ver=undefined.undefined) no-repeat right;
  padding-right: 15px;
  padding-left: 3px;
  border-left: 2px solid #FBC2C4;
}

.error-tooltip.top {
  background: url(../images/error_form_topbottom_arrow.png?agm-ver=undefined.undefined) no-repeat bottom;
  height: 29px;
}

.error-tooltip.bottom {
  background: url(../images/error_form_topbottom_arrow.png?agm-ver=undefined.undefined) no-repeat top;
  height: 22px;
  padding-top: 11px;
}

.error-tooltip .message {
  padding: 0 3px 0 3px;
  margin: 0;
  line-height: normal;
}

.error-tooltip.right .message, .error-tooltip.left .message {
  height: 19px;
  padding-top: 3px;
}

.error-tooltip.top .message, .error-tooltip.bottom .message {
  border-left: 2px solid #FBC2C4;
  border-right: 2px solid #FBC2C4;
}

.error-tooltip.top .message {
  height: 18px;
  padding-bottom: 2px;
  border-top: 2px solid #FBC2C4;
}

.error-tooltip.bottom .message {
  padding-top: 2px;
  height: 18px;
  border-bottom: 2px solid #FBC2C4;
}

/* Inline Search Rules */
.inline_nav_area {
  color: #333;
  background-image: url(assets/css/services/chrome/images/dock-mesh.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  padding: 3px 3px;
  -webkit-border-radius: 3px;
}

.inline_search {
  display: none;
  color: #333;
  text-align: center;
  z-index: 99999999;
  margin-bottom: 0;
}

.inline_search INPUT {
  color: #7f7f7f;
  border-color: #bbb;
  font-size: 11px;
  webkit-border-radius: 5px 5px;
}

/* Inline Search */
.nav_toggle, .nav_exp_close {
  margin: 0 0 0 0;
  padding: 0 5px 0 0;
  text-align: right;
}

.nav_exp_close {
  color: #484848;
}

.nav_toggle a, .nav_exp_close a {
  text-decoration: none;
  font-size: 11px;
  color: #484848;
  z-index: 2000000000000;
}

/* Dashboard */
.dashboard_main {
  margin-top: 10px;
  padding: 10px;
  border: 0 solid #bbb;
}

.dashboard_left {
  width: 206px;
  float: left;
}

.dashboard_center {
  width: 610px;
  float: left;
}

.dashboard_right {
  width: 190px;
  float: left;
  margin: 0 0 0 8px;
}

/*	Fieldset */
fieldset {
  margin: 10px;
  padding: 0 0 10px 10px;
  background: #fff;
  border: 1px solid #7D8DB3;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding-left: 10px;
}

legend {
  margin: 0 0 0 15px;
  padding: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #7D8DB3;
}

.edit {
  padding: 1px 1px 1px 21px;
  background-image: url(assets/css/services/chrome/images/buttons/pencil.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
}

.label-editable {
  border: 1px dotted #ccc;
  cursor: text;
  background: url(assets/css/services/chrome/images/buttons/pencil.png?agm-ver=undefined.undefined) no-repeat transperent;
  padding: 0 0 0 20px;
}

.selected_color {
  background-color: #f4f4f4;
}

.word-wrap {
  word-wrap: break-word;
}

.cursor-pointer {
  cursor: pointer;
}

.clear-float {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.dialog button {
  outline: none;
}

.dialog button:focus {
  outline: none;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d8eaf2), color-stop(1, #d8eaf2));
  border: 1px solid #b5cad2;
  border-bottom-color: #719bae;
}

.modal-dialog {
  display: none;
  color: #333333;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  z-index: 10000000004;
  -webkit-border-radius: 10px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 10px 12px;
  min-width: 350px;
  max-width: 50%;
  min-height: 150px;
  max-height: 450px;
  overflow: auto;
  position: relative;
  -webkit-box-shadow: 0 4px 7px #333333;
}

.modal-dialog #header {
  font-weight: bold;
  font-style: normal;
  font-size: 13px;
  padding: 12px 0 12px 58px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #9b9b9b), color-stop(1, #eeeeee));
  -webkit-border-radius: 10px 10px 0 0;
  -webkit-box-shadow: 0 2px 5px #3e3e3e;
  font-size: 18px;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
}

.modal-dialog #message {
  margin: 15px 15px 15px 15px;
}

.modal-dialog #prompts {
  margin: 15px 15px 30px 15px;
}

.modal-dialog #buttons {
  padding-right: 15px;
}

#win-alert.warnDiag .win-image {
  background-image: url(../images/dialog_alert.png?agm-ver=undefined.undefined);
}

#win-alert.infoDiag .win-image {
  background-image: url(../images/dialog_info.png?agm-ver=undefined.undefined);
}

#win-alert.errorDiag .win-image {
  background-image: url(../images/dialog_error.png?agm-ver=undefined.undefined);
}

#win-confirm .win-image {
  background-image: url(../images/dialog_confirm.png?agm-ver=undefined.undefined);
}

#win-alert.warnDiag .win-image, #win-alert.infoDiag .win-image, #win-alert.errorDiag .win-image, #win-confirm .win-image {
  position: absolute;
  top: 6px;
  left: 9px;
  width: 38px;
  height: 38px;
  overflow: hidden;
}

#win-progress {
  display: none;
  z-index: 10000000004;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  background: url(../images/spinner-black.gif?agm-ver=undefined.undefined) #fff no-repeat center 30px;
  padding: 30px 10px 30px 10px;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 4px 7px #333333;
  -webkit-border-radius: 6px;
  min-width: 200px;
}

.progress-message {
  padding-top: 40px;
  text-align: center;
}

.progress-background {
  font-size: 12px;
  font-weight: normal;
  padding-top: 5px;
  text-align: center;
  color: #0000ff;
  text-decoration: underline;
  cursor: pointer;
}

.docMask {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #333;
  opacity: 0.7;
  z-index: 1000000003;
}

.recurrence {
  z-index: 1000000001;
  display: none;
  position: absolute;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  background-color: #666;
  padding: 0;
  border: 1px solid #333;
  border-bottom-color: #000;
  -webkit-border-radius: 8px;
  outline: none;
}

.recurrence div {
  white-space: nowrap;
}

.recurrence input[type=radio] {
  margin: 0;
  padding: 0;
}

.recurrence input[type=text] {
  border: 1px solid #999;
  padding: 1px;
}

.recurrence a {
  display: inline-block !important;
}

.recurrence input:focus, .recurrence select:focus {
  outline: none !important;
}

.recurrence #header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ccc));
  font-weight: bold;
  font-size: 13px;
  padding: 2px 8px 2px 8px;
  color: #555;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
}

.recurrence #content {
  padding: 10px;
}

.recurrence #buttons {
  text-align: right;
  padding: 0 10px 10px 10px;
}

.recurrence .dayOfMonth {
  width: 13px;
}

.recurrence .monthOfYear {
  width: 26px;
}

.recurrence .leftLabel {
  width: 65px;
  float: left;
}

.recurrence .rightInput {
  width: 200px;
  float: left;
}

.recurrence-selectmenu {
  z-index: 1000000001;
}

.recurrenceLink {
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
  color: #fff;
}

.recurrenceLink:hover {
  color: #ccc;
}

.recurrenceClearImg {
  display: inline-block;
  background: url(../images/delete-icon.png?agm-ver=undefined.undefined) no-repeat;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  vertical-align: middle;
}

.recurrence-selectmenu span {
  padding: 3px;
}

.selectableCell {
  display: inline-block;
  cursor: pointer;
  border: 1px solid #666;
  color: #111;
  padding: 2px 6px 2px 6px;
  text-align: center;
  float: left;
  background-image: -webkit-gradient(linear, left top, left center, from(#efefef), to(#bbb));
}

.selectableCell.selected {
  background-image: -webkit-gradient(linear, left top, left center, from(#d8eaf2), to(#97d9f8));
}

.selectableCell:hover, .selectableCell:focus {
  border-color: #6ab5ec;
}

.dynamicField {
  padding-bottom: 15px;
}

.dynamicField label {
  font-weight: bold;
  padding-left: 0 !important;
}

.dynamicField .description {
  color: rgb(153, 153, 153);
  font-style: italic;
  font-size: 11px;
  padding-left: 5px;
}

.ui-selectmenu {
  display: inline-block !important;
  padding-right: 15px !important;
}

div.unavailable {
  display: inline-block;
  color: #666;
  text-align: center;
  margin-top: 20px;
  font-weight: bold;
  font-size: 24px;
  margin-left: 100px;
  background-color: #eee;
  -webkit-border-radius: 5px 5px;
  line-height: 100px;
  padding: 10px;
}

div.winOverlay {
  color: #5c6e99;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  z-index: 999998;
  min-width: 200px;
  min-height: 150px;
  max-width: 95%;
  max-height: 95%;
  display: none;
  position: absolute;
}

div.winOverlay .close {
  background: url(../images/overlay-close.png?agm-ver=undefined.undefined) no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  height: 35px;
  width: 35px;
  z-index: 9999;
}

div.winOverlay h2 {
  color: #7d8db3;
  font-size: 24px;
  padding: 0;
  margin: 0;
  position: relative;
  top: -15px;
  margin: 0 -15px;
  padding: 10px 15px;
  font-size: 16px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #babbbb), color-stop(1, #e8e8e8));
  z-index: 1001;
  -webkit-border-radius: 5px 5px 0 0;
  color: #333333;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid #848484;
  text-transform: capitalize;
  min-width: 300px;
}

#overlay-body .btn_holder {
  padding: 10px 0 0 0;
  text-align: right;
  margin-top: 10px;
}

div.winOverlay h4 {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  padding: 0 0 8px 0;
  margin: 0;
}

div.winOverlay .overlayContent {
  margin: 15px;
  background-color: #ffffff;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 2px 5px #3e3e3e;
  padding: 15px;
}

div.winOverlay .overlayContent p {
  margin-bottom: 10px;
  padding-bottom: 0;
}

div.winNotifications {
  z-index: 1000000001;
  position: absolute;
  top: 0;
  background-color: #f9edbe;
  -webkit-border-radius: 0 0 2px 2px;
  color: #333;
  font-weight: bold;
  padding: 5px;
  border-width: 0 1px 1px 1px;
  border-color: #f0c36d;
  border-style: solid;
  font-family: Arial;
}

div.winNotifications .inProgress {
  background: url(../images/animated_ellipsis.gif?agm-ver=undefined.undefined) no-repeat 8px right;
  padding-right: 18px;
}

div.winNotifications .complete {
  background: url(../images/animated_exclamation.gif?agm-ver=undefined.undefined) no-repeat center left;
  padding-left: 20px;
}

div.winNotifications a {
  text-decoration: underline;
  color: #477FB2;
  padding: 6px 0;
}

div.winNotifications .complete a:hover {
  color: #477FB2;
}

.form-buttons {
  text-align: right;
}

.poollmtmsg, .errorMsg {
  display: none;
  color: #8a1f11;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  background: #FBE3E4;
  border: 2px solid #FBC2C4;
}

.errorMsg {
  text-align: left;
}

.info-icon {
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding-left: 3px;
  vertical-align: bottom;
}

#info-tooltip {
  display: none;
  color: #fff;
  padding: 10px;
  background: #000 100% top repeat-x;
  opacity: 0.9;
  -webkit-border-radius: 5px;
  z-index: 1000000001;
  overflow: auto;
  max-width: 200px;
  max-height: 300px;
  text-align: left;
  outline: none;
  -webkit-box-shadow: 0 2px 5px #3e3e3e;
}

.protectable, .unprotectable, .app-type {
  font-size: 9px;
  min-width: 50px;
  margin: 0 3px;
  padding: 2px;
  float: right;
  -webkit-border-radius: 2px;
  border-width: 1px;
  border-style: solid;
}

.protectable {
  color: #14892c;
  border-color: #c8eace;
}

.unprotectable {
  color: #d04437;
  border-color: #f8dad9;
}

.warningMessage {
  color: #d04437;
}

.app-type {
  color: #2f2f2f;
  border-color: #e3e2e2;
}

.view-apps {
  min-width: 100%;
  padding: 5px 0;
  float: left;
}

.view-apps:hover {
  background-color: #eee;
}

.user-select {
  -webkit-user-select: text !important;
}

#ra-ip {
  z-index: 1000000001;
  position: absolute;
  background-color: #fff;
  text-shadow: 0 1px rgba(255, 255, 255, 0.7);
  -webkit-border-radius: 0 0 3px 3px;
  color: #333;
  padding: 2px 8px;
  font-family: Arial;
  top: 0;
  right: 60px;
  opacity: 0.6;
}

.simpleRecurrenceFrequency.ui-selectmenu-open li,
.simpleRecurrenceDaysOfMonth.ui-selectmenu-open li,
.simpleRecurrenceDaysOfWeek.ui-selectmenu-open li {
  white-space: nowrap;
}

.job-circle {
  background: red;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#warningSafari {
  font-size: 13px;
  color: #ffffff;
  text-align: justify;
}

/* user-detail
 * ------------------------------------------ */
#timezone, #email {
  width: 300px;
}

#comments {
  width: 300px;
  height: 50px;
}

#rolesSelectList {
  font-size: 12px;
}

#org-groupSelectAll, #org-groupSelectNone, #org-userSelectAll, #org-userSelectNone, #org-appSelectAll, #org-appSelectNone, #org-hostSelectAll, #org-hostSelectNone,
#org-poolSelectAll, #org-poolSelectNone, #org-profileSelectAll, #org-profileSelectNone, #org-templateSelectAll, #org-templateSelectNone, #orgSelectAll, #orgSelectNone, #rolesSelectAll, #rightsSelectNone {
  color: #666;
  font-weight: bold;
}

#orgSelectList {
  font-size: 12px;
}

/* role
 * ------------------------------------------ */
#rolename {
  width: 150px;
}

#rightsSelectList {
  font-size: 12px;
}

#rightsSelectAll, #rightsSelectNone {
  color: #666;
  font-weight: bold;
}

#rightsList li, #orgList li {
  list-style-type: none;
  margin-bottom: 5px;
}

/* stroage-pools
 * ------------------------------------------ */
.summary_box {
  float: left;
  width: 260px;
  height: 260px;
  /*background-color: #ccc;
  background-image: url(/assets/images/diskpool-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat;  */
  border: 2px solid #d6d6d6;
  background: #f0f0f0 url(../images/diskpool-bg.png?agm-ver=undefined.undefined) repeat-x bottom;
  -webkit-border-radius: 3px 3px;
  padding: 0;
  margin: 5px 10px 10px 5px;
  -moz-transition: opacity 0.9s linear;
  opacity: 0.9;
  border: 1px solid #c4c3c3;
  font-size: 12px;
  -webkit-box-shadow: 0 0 5px #d6d6d6;
}

.summary_box:hover {
  -moz-transition: 1;
  opacity: 1;
}

.summary_box .inner_box {
  padding: 0 10px;
  margin-bottom: 8px;
}

.summary_box .inner_box .hdTxt {
  clear: both;
  padding-top: 10px;
  /*margin-bottom: 5px;*/
}

.summary_box .inner_box h4 {
  color: #333;
  margin-bottom: 10px;
}

.summary_box .inner_box h5, .summary_box h5 {
  color: #555555;
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  padding: 7px 0 0 0;
}

.summary_box .inner_box .row {
  clear: both;
  margin-bottom: 10px;
}

/* Bar-Graph
	 * ------------------------------------------ */
.summary_box .inner_box .bar_graph {
  float: left;
  font-weight: bold;
  height: 22px;
  background-color: #f5f5f5;
  -webkit-border-radius: 3px 3px;
  width: 180px;
  position: relative;
}

.summary_box .inner_box .bar_graph .vertical_bar {
  position: absolute;
  margin-left: 75px;
  height: 30px;
  background-color: #800000;
  width: 3px;
  -webkit-border-radius: 3px 3px;
}

.summary_box .inner_box .bar_graph .vertical_bar .val_txt {
  padding-top: 25px;
  padding-left: 5px;
  color: #800000;
}

.summary_box .inner_box .bar_graph .green_bar {
  float: left;
  height: inherit;
  background-imasge: url(assets/css/services/chrome/images/green-msg-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  -webkit-border-radius: 3px 3px;
  width: 35px;
}

.summary_box .inner_box .warning_v_bar {
  clear: both;
  margin-top: 20px; /*margin-left: 40px;*/
}

.summary_box .inner_box .warning_v_bar .w_labelTxt {
  float: left;
  width: 70px;
  margin-right: 5px;
  text-align: right;
}

.summary_box .inner_box .warning_v_bar .w_valueTxt {
  float: left;
  margin-right: 5px;
}

.summary_box .inner_box .warning_v_bar .w_percentTxt {
  float: left;
  margin-left: 5px;
}

.summary_box .inner_box .safe_v_bar {
  clear: both;
}

.summary_box .inner_box .safe_v_bar .s_labelTxt, .summary_box .inner_box .s_labelTxt {
  float: left;
  width: 70px;
  margin: 15px 5px 0 0;
  text-align: right;
}

.summary_box .inner_box .safe_v_bar .s_valueTxt {
  float: left;
  margin-right: 10px;
}

.summary_box .inner_box .safe_v_bar .s_percentTxt {
  float: left;
  margin-left: 5px;
}

.summary_box .inner_box .row .labelTxt {
  float: left;
  width: 70px;
  margin-right: 10px;
  /*margin-left:15px;*/
  text-align: right;
  color: #747474;
}

.summary_box .inner_box .row .valueTxt {
  float: left;
  /*font-weight: bold;*/
  color: #333333;
}

#tBoxBigName form {
  background-color: #fff;
  float: left;
  width: 100%;
  height: 100%;
  text-align: right;
  border: 1px solid #c9cbcc;
  padding-right: 5px;
}

.summary_box .header {
  color: #010101;
  text-shadow: 0 1px 0 #fff;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  position: relative;
  height: 30px;
  font-size: 16px;
  background: #f1f1f1 url(assets/css/services/chrome/images/diskpool-header.png?agm-ver=undefined.undefined) repeat-x bottom left;
  padding: 6px 12px 3px 12px;
}

.summary_box .header .bigNameEditable {
  font-size: 16px;
  cursor: pointer; /*background:#fff;*/
  border: 1px solid transparent;
  position: absolute;
  width: 161px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 4px;
}

.summary_box .header .bigNameEditable:hover {
  border: 1px solid #6eb8ea;
  cursor: text;
}

#act-pools-btn {
  padding-right: 15px;
}

.summary_box .header #act-pools-btns {
  margin-top: 6px;
  float: right;
}

.summary_box h4.header {
  margin: 0;
  padding: 8px 12px 4px 12px;
  font-size: 15px;
  width: 236px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.summary_box .inner_box .warning-mode {
  height: 30px;
}

.summary_box .inner_box .warning-mode .red-text {
  color: #dd4b39;
}

.summary_box .inner_box .safe-mode {
  height: 40px;
}

.summary_box .inner_box .safe-mode .green-text {
  color: #2fac10;
}

.summary_box .inner_box .warning-mode .pool-warning,
.summary_box .inner_box .safe-mode .pool-safemode {
  width: 150px;
}

.summary_box .inner_box .warning-mode .prgrs-contnr,
.summary_box .inner_box .safe-mode .prgrs-contnr {
  float: left;
  height: 30px;
}

.summary_box hr {
  display: block;
  position: relative;
  padding: 0;
  margin: 15px auto 0 auto;
  width: 95%;
  clear: both;
  border: none;
  border-top: 1px solid #cccbcb;
  border-bottom: 1px solid #fafafa;
  font-size: 1px;
  line-height: 0;
  overflow: visible;
}

.summary_box hr.full-width {
  display: block;
  position: relative;
  padding: 0;
  margin: 15px auto 0 auto;
  width: 100%;
  clear: both;
  border: none;
  border-top: 1px solid #cccbcb;
  border-bottom: 1px solid #fafafa;
  font-size: 1px;
  line-height: 0;
  overflow: visible;
}

#gcThresholdContainer {
  width: 73%;
  position: relative;
  left: 12px;
  color: #000;
}

#gcThresholdContainer #gcThreshold {
  position: relative;
}

#gcThresholdContainer #gcThreshold .left-number {
  position: absolute;
  height: 30px;
  font-size: 10px;
  left: -17px;
  top: -2px;
}

#gcThresholdContainer #gcThreshold .right-number {
  position: absolute;
  height: 30px;
  font-size: 10px;
  right: -34px;
  top: -2px;
}

#gcThresholdContainer .lrs {
  position: relative;
  float: left;
  margin-left: -20px;
  width: 60px;
  font-size: 10px;
}

#gcThresholdContainer .mrs {
  position: relative;
  float: right;
  margin-right: -25px;
  width: 60px;
  font-size: 10px;
}

/* 16 X 16 Icons
 * ------------------------------------------ */
/* Default
 */
.icon16 {
  cursor: pointer;
  float: left;
  background-image: url(assets/css/services/chrome/images/icons16.png?agm-ver=undefined.undefined);
  width: 16px;
  height: 16px;
}

.edit-icon {
  background-position: 0 0;
}

.delete-icon {
  background-position: -16px 0;
}

.search-filter {
  background-position: -64px 0;
}

/* Hover
 */
.edit-icon:hover {
  background-position: 0 -16px;
}

.delete-icon:hover {
  background-position: -16px -16px;
}

.search-filter:hover {
  background-position: -64px -16px;
}

/* Active
 */
.edit-icon:active {
  background-position: 0 -32px;
}

.delete-icon:active {
  background-position: -16px -32px;
}

.search-filter:active {
  background-position: -64px -32px;
}

/* stroage-pools
 * ------------------------------------------ */
.summary_box_clear {
  height: auto;
  margin: 0 0 2px 0;
  padding: 0;
}

.summary_box_clear .inner_box {
  background-color: #fff;
  padding: 3px 10px;
  border-bottom-left-radius: 3px 3px;
  border-bottom-right-radius: 3px 3px;
  margin-top: -2px;
  border: solid 1px #ccc;
}

.summary_box_clear .inner_box .hdTxt {
  clear: both;
  padding-top: 10px;
  margin-bottom: 5px;
}

.summary_box_clear .inner_box h4 {
  color: #333;
  margin-bottom: 10px;
}

.summary_box_clear .inner_box h5 {
  color: #333;
  margin-bottom: 5px;
  font-weight: bold;
}

.summary_box_clear .inner_box .row {
  clear: both;
  margin-bottom: 10px;
}

/* Bar-Graph
	 * ------------------------------------------ */
.summary_box_clear .inner_box .bar_graph {
  float: left;
  font-weight: bold;
  height: 22px;
  background-color: #eee;
  -webkit-border-radius: 3px 3px;
  width: 100px;
  position: relative;
}

.summary_box_clear .inner_box .bar_graph .vertical_bar {
  position: absolute;
  margin-left: 75px;
  height: 30px;
  background-color: #800000;
  width: 3px;
  -webkit-border-radius: 3px 3px;
}

.summary_box_clear .inner_box .bar_graph .vertical_bar .val_txt {
  padding-top: 25px;
  padding-left: 5px;
  color: #800000;
}

.summary_box_clear .inner_box .bar_graph .green_bar {
  float: left;
  height: inherit;
  background-imasge: url(assets/css/services/chrome/images/green-msg-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  -webkit-border-radius: 3px 3px;
  width: 35px;
}

.summary_box_clear .inner_box .warning_v_bar {
  clear: both;
}

.summary_box_clear .inner_box .warning_v_bar .w_labelTxt {
  float: left;
  width: 75px;
  margin-right: 10px;
}

.summary_box_clear .inner_box .warning_v_bar .w_valueTxt {
  float: left;
  margin-right: 10px;
}

.summary_box_clear .inner_box .warning_v_bar .w_percentTxt {
  float: left;
  margin-left: 5px;
}

.summary_box_clear .inner_box .safe_v_bar {
  clear: both;
}

.summary_box_clear .inner_box .safe_v_bar .s_labelTxt {
  float: left;
  width: 75px;
  margin-right: 10px;
}

.summary_box_clear .inner_box .safe_v_bar .s_valueTxt {
  float: left;
  margin-right: 10px;
}

.summary_box_clear .inner_box .safe_v_bar .s_percentTxt {
  float: left;
  margin-left: 5px;
}

.summary_box_clear .inner_box .row .labelTxt {
  float: left;
  width: 75px;
  margin-right: 10px;
  color: #747474;
}

.summary_box_clear .inner_box .row .valueTxt {
  float: left;
  font-weight: bold;
  color: #333333;
}

#pool_dedup_warning_amt,
#pool_restore_warning_amt,
#pool_restore_safemode_amt,
#pool_dedup_safemode_amt,
#pool_snap_warning_amt,
#pool_snap_safemode_amt {
  margin-bottom: 5px;
}

#pool_dedup_warning,
#pool_dedup_safemode,
#pool_restore_warning,
#pool_restore_safemode,
#pool_snap_warning,
#pool_snap_safemode {
  width: 300px;
}

#log_events {
  color: #333;
  padding: 0;
  max-height: 520px;
  max-width: 570px;
  overflow: auto;
}

/* system-settings
 * ------------------------------------------ */
#snmp_server fieldset {
  margin: 0 0 10px 0;
}

#snmp_server fieldset .cell {
  padding-bottom: 10px;
  float: left;
  margin-right: 5px;
}

#snmp_server fieldset .cell h4 {
  color: #333;
  font-size: 12px;
  margin-bottom: 10px;
}

#snmp_server fieldset .cell .place_holder {
  float: left;
  margin-right: 5px;
}

#snmp_server fieldset .cell .button_holder {
  float: left;
  margin-right: 5px;
}

#servername,
#ipaddress {
  width: 150px;
}

#port {
  width: 50px;
}

#sys_snmp .list_hd_txt {
  color: #333;
  font-weight: bold;
  font-size: 10px;
}

#sys_snmp .list_hd_txt .cell_width_50 {
  float: left;
  width: 50px;
}

#sys_snmp .list_hd_txt .cell_width_75 {
  float: left;
  width: 75px;
}

#sys_snmp .list_hd_txt .cell_width_100 {
  float: left;
  width: 100px;
}

#sys_snmp .list_hd_txt .cell_width_75 {
  float: left;
  width: 75px;
}

#sys_snmp .list_hd_txt .cell_width_250 {
  float: left;
  width: 250px;
}

#sys_snmp .list {
  clear: left;
  height: 445px;
  overflow-y: auto;
}

#sys_snmp .list ul {
  padding: 0;
  color: #333;
}

/* host
 * ------------------------------------------ */
#wwpnSelector {
  width: 200px;
}

#wwpnEnter {
  width: 200px;
}

#iscsiSelector {
  width: 200px;
}

#host_port .hd_txt {
  background-color: #333;
  -webkit-border-radius: 3px 3px;
  padding: 5px 5px;
  color: #fff;
  margin-bottom: 5px;
  min-width: 595px;
  min-width: 585px;
  height: 26px;
}

.hd_txt .align-middle {
  position: relative;
  top: 5px;
}

#mapVdiskOption {
  display: none;
}

#host_storage fieldset h4 {
  color: #333;
  font-size: 12px;
  margin-bottom: 10px;
}

#host_storage fieldset .left {
  padding-bottom: 10px;
  float: left;
  margin-right: 20px;
}

#host_storage fieldset .right {
  padding-bottom: 10px;
  float: left;
  margin-right: 5px;
}

#host_storage fieldset .right .cell_left,
#host_storage fieldset .right .cell_right {
  float: left;
  margin-right: 10px;
}

#host_storage_list .list_hd_txt {
  color: #333;
  font-weight: bold;
  font-size: 10px;
}

#host_storage_list .list_hd_txt .cell_width_50 {
  float: left;
  width: 50px;
}

#host_storage_list .list_hd_txt .cell_width_100 {
  float: left;
  width: 100px;
}

#host_storage_list .list {
  clear: left;
  height: 445px;
  overflow-y: auto;
}

#host_storage_list .list ul {
  padding: 0;
}

/*
 * Relating to cluster membership setup
 */
#cluster_membership_list .list_hd_txt {
  color: #333;
  font-weight: bold;
  font-size: 10px;
}

#cluster_membership_list .list_hd_txt .cell_width_100 {
  float: left;
  width: 100px;
}

#cluster_membership_list .list_hd_txt .cell_width_150 {
  float: left;
  width: 150px;
}

#cluster_membership_list .list_hd_txt .cell_width_200 {
  float: left;
  width: 200px;
}

#cluster_membership_list .list {
  clear: left;
  height: 150px;
  overflow-y: auto;
}

#cluster_membership_list .list ul {
  padding: 0;
}

/* .js File Rules
 * ------------------------------------------ */
#nodes li,
#certs li,
#log_jobs li,
#log_events li,
#traps li {
  list-style-type: none;
  margin-bottom: 10px;
}

#traps li {
  list-style-type: none;
  clear: both;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#addhost_type {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#addhost_type li {
  list-style-type: none;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.roles_list {
  padding-left: 0;
  margin-top: 5px;
  border-top: 1px solid #eee;
  padding-top: 5px;
  max-height: 380px;
  overflow: auto;
}

.roles_list li {
  list-style-type: none;
  margin-bottom: 10px;
  word-break: normal;
  color: #333;
  padding-left: 30px;
  overflow: hidden;
}

.roles_list li input[type=checkbox] {
  margin-left: -20px;
}

.roles_list li .role_name {
  padding: 3px 20px 0 0;
}

#addhost_type li a {
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#ov-contents h4 {
  color: #333;
  margin-bottom: 10px;
}

#div_host_ip {
  padding: 0 0 5px 0;
  clear: both;
  width: 300px;
}

#detials-host-handling fieldset,
#div_host_ip fieldset {
  height: 110px;
  margin: 0 0 5px 0;
  padding: 0;
}

#detials-host-handling legend,
#div_host_ip legend {
  color: #333333;
  padding: 0 0 0 0;
}

#detials-host-handling #detials-list-ip-wraper,
#list-ip-wraper {
  width: 300px;
  height: 65px;
  border: 1px solid #999999;
  margin: 3px 5px 3px 5px;
  margin: 0 0 0 0;
  overflow: hidden;
}

#detials-host-handling #detials-list-ipaddresses,
#list-ipaddresses {
  width: 300px;
}

#detials-host-handling #detials-list-ipaddresses thead tr th,
#list-ipaddresses thead tr th {
  color: #333333;
  text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
  border-top-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(lightgrey));
  -webkit-background-size: 100%;
  -webkit-user-select: none;
  height: 15px;
  margin: 0 0 0 0;
  padding: 0 0 0 5px;
  font-weight: normal;
}

#detials-host-handling #detials-list-ipaddresses tbody,
#list-ipaddresses tbody {
  display: block;
  height: 50px;
  overflow: auto;
}

#detials-host-handling #detials-list-ipaddresses tbody tr td,
#list-ipaddresses tbody tr td {
  color: #333333;
  cursor: pointer;
  -webkit-user-select: none;
  height: 15px;
  margin: 0 0 0 0;
  padding: 0 0 0 5px;
  border-bottom: 1px solid #efefef;
  width: 290px;
}

#detials-host-handling #detials-ip-btn-wrapper,
#ip-btn-wrapper {
  text-align: left;
  margin: 0;
  margin-left: 310px;
  padding: 0 5px 0 0;
}

#pop-host-handling {
  margin: 10px;
  font-size: 12px;
}

#pop-host-handling .error {
  font-size: 11px;
  color: #ff0000;
  display: none;
}

#pop-host-handling label {
  font-size: 11px;
  color: #333333;
}

#pop-host-handling #btn-holder {
  margin: 5px 0 0 0;
}

.btn-small-generic {
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(lightgrey));
  border: 1px solid gray;
  -webkit-border-radius: 4px;
  text-shadow: #ccc 2px 2px 5px;
  font-size: 10px;
  color: #333333;
  cursor: pointer;
}

#ports-box {
  margin-bottom: 20px;
}

#ports-box ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
}

#ports-box ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
}

#ports-box #addhost_portType {
  margin-right: 10px;
}

#ports-box #addhost_wwpn {
  width: 150px;
}

#ports-box #addhost_wwpnenter {
  width: 200px;
  display: none;
}

#ports-box #addhost_iscsi {
  display: none;
  width: 150px;
}

#credentials-box {
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
}

#div_username {
  float: left;
  margin-right: 10px;
}

#ov-contents #button_holder {
  clear: both;
  padding-top: 20px;
}

.button_holder {
  clear: both;
  padding-top: 20px;
}

.button_holder #host-add-btn,
#join-cluster-submit-btn,
#cliaccess-add-btn {
  cursor: pointer;
}

.button_holder #progress1 {
  margin-left: 10px;
}

#addhost_name,
#addhost_portnumber,
#addhost_ip,
#addhost_username,
#addhost_password,
#joincluster_ip {
  width: 150px;
}

#addcli_key {
  width: 400px;
  height: 150px;
}

#email_config {
  padding: 0;
}

#email_config li {
  list-style-type: none;
  float: left;
  margin-right: 10px;
}

#email_config li a {
  font-size: 10px;
  padding: 3px;
  -webkit-border-radius: 3px;
}

#snmp_save_btn {
  cursor: pointer;
}

/* Email Log
 * ------------------------------------------ */
#tbl-email-config tbody tr td {
  margin: 0;
  padding: 4px;
}

/* Email Log
 * ------------------------------------------ */
#email-log {
  width: 500px;
}

#email-log table tr td {
  vertical-align: top;
}

#email-log-wrapper {
  width: 200px;
}

#email-log-wrapper #hd-email-log-type {
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  background-image: url(assets/css/services/chrome/images/dock-mesh.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  color: #333;
}

#email-log-wrapper #hd-email-log-type p {
  float: right;
  margin: 0 3px 0 0;
  font-size: 10px;
}

#email-log-wrapper #hd-email-log-type p a {
  color: #666;
  font-weight: bold;
}

#email-log-wrapper #email-log-type {
  border: 1px solid #333333;
  height: 100px;
  background-color: #eee;
  overflow: auto;
  -webkit-border-radius-top-left: 3px;
  -webkit-left-bottom-border-radius: 3px;
  border: solid 1px #ddd;
  width: 198px;
}

#email-log-wrapper #email-log-type ul {
  margin: 0;
  padding: 0;
}

#email-log-wrapper #email-log-type ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.btn-alert, .appremove, .btn-small.btn-alert {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dc0000), to(#9e0000));
  border: 1px solid #b30000;
  border-bottom: 1px solid #550000;
  -webkit-border-radius: 3px;
  text-shadow: 0 -1px rgba(62, 62, 62, 0.9);
  font-size: 12px;
  color: #ffe4e4;
  cursor: pointer;
}

.appremove {
  line-height: 10px;
  padding: 0 2px 3px 2px;
  margin: 1px 3px 0 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ef4747), to(#d62c2c));
}

.btn-alert:hover, .appremove:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9e0000), to(#dc0000));
  text-shadow: 0 1px rgba(62, 62, 62, 0.9);
  border: 1px solid #980000;
  border-bottom: 1px solid #550000;
  color: #fff;
}

.btn-alert:active, .appremove:active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b00000), to(#dc0000));
  border: 1px solid #550000;
  -webkit-box-shadow: inset 0 12px 10px rgba(0, 0, 0, 0.3);
  color: #ffe4e4;
}

.onOffList {
  padding: 0;
}

.onOffList li {
  list-style-type: none;
  float: left;
  margin-right: 10px;
}

.onOffList li a {
  font-size: 11px;
  padding: 4px;
  -webkit-border-radius: 3px;
}

.btn-email-log {
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(lightgrey));
  border: 1px solid gray;
  -webkit-border-radius: 4px;
  text-shadow: #ccc 2px 2px 5px;
  font-size: 12px;
  color: #333333;
  cursor: pointer;
}

.btn-email-log-disable {
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(lightgrey));
  border: 1px solid #dedede;
  -webkit-border-radius: 4px;
  text-shadow: #ccc 2px 2px 5px;
  font-size: 12px;
  color: lightgrey;
  cursor: pointer;
}

.log-message {
  width: 500px;
}

/* Bandwidth
 * ------------------------------------------ */
#bwDiv pre {
  margin: 0;
  padding: 0;
}

#div-incoming-bw-chart {
  margin: 0 0 0 0;
}

#div-bandwidth-linechart {
  color: #333333;
  margin: 10px 0 0 0;
}

#div-bandwidth-linechart .bw-filter {
  text-align: right;
  margin: 0 35px 0 0;
}

.triggerPadding {
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
}

/* Quick Linking
 * ------------------------------------------ */
.vdisk-create-btn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 11px;
}

.vdisk-create-btn a span {
  float: left;
  background-image: url(../images/icons16-wob.png?agm-ver=undefined.undefined);
  background-position: -64px 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.vdisk-create-btn a:hover span {
  background-position: -64px -16px;
}

#errorTotal, #warningTotal, #primaryPool, #SnapshotPool, #dedupPool {
  cursor: pointer;
}

#errorTotal:hover, #warningTotal:hover, #primaryPool:hover, #SnapshotPool:hover, #dedupPool:hover {
  text-decoration: underline;
}

/* Form
 * ------------------------------------------ */
.text-area {
  height: 30px;
  width: 300px;
}

#txt_email_recipients {
  height: 25px;
  width: 360px;
}

.small_txt {
  font-size: 12px;
  font-style: italic;
  color: #999999;
}

.selected-row .small_txt {
  font-size: 12px;
  font-style: italic;
  color: #ffffff;
}

/* Error Messages
 * ------------------------------------------ */
#host-ip-error_message {
  display: none;
  margin-left: 72px;
}

/* 16 X 16 Icons
* ------------------------------------------ */
/* Default
 */
.icon16-wob span {
  cursor: pointer;
  float: left;
  background-image: url(../images/icons16-wob.png?agm-ver=undefined.undefined);
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin-right: 3px;
}

.referesh-wob span {
  background-position: 0 0;
}

.delete-wob span {
  background-position: -16px 0;
}

.undo-wob span {
  background-position: -32px 0;
}

.redo-wob span {
  background-position: -48px 0;
}

.add-wob span {
  background-position: -64px 0;
}

.extend-wob span {
  background-position: -80px 0;
}

.edit-wob span {
  background-position: -96px 0;
}

.handshake-wob span {
  background-position: -114px 0;
}

.unmount-reject span {
  background-position: -608px 0;
}

.unmount-accept span {
  background-position: -624px 0;
}

.unmount-icon span {
  background-position: -640px 0;
}

.unmount-delete span {
  background-position: -656px 0;
}

/* Hover
 */
.referesh-wob:hover span {
  background-position: 0 -16px;
}

.delete-wob:hover span {
  background-position: -16px -16px;
}

.undo-wob:hover span {
  background-position: -32px -16px;
}

.redo-wob:hover span {
  background-position: -48px -16px;
}

.add-wob:hover span {
  background-position: -64px -16px;
}

.extend-wob:hover span {
  background-position: -80px -16px;
}

.edit-wob:hover span {
  background-position: -96px -16px;
}

.handshake-wob:hover span {
  backgorund-position: -114px -16px;
}

.unmount-reject:hover span {
  background-position: -608px -16px;
}

.unmount-accept:hover span {
  background-position: -624px -16px;
}

.unmount-icon:hover span {
  background-position: -640px -16px;
}

.unmount-delete:hover span {
  background-position: -656px -16px;
}

/* Active

.edit-icon:active span{
	background-position:0 -32px;
	}
.delete-wob:active span{
	background-position:-16px -32px;
	}
.undo-wob:active span{
	background-position:-32px -32px;
	}
.redo-wob:active span{
	background-position:-48px -32px;
	}
	*/
ul.icon-menu {
  list-style: none;
  float: right;
  margin: 0;
  text-align: right;
  padding: 0;
}

ul.icon-menu li {
  float: left;
  margin: 0 7px 0 0;
  padding: 0;
  line-height: 24px;
  font-size: 11px;
  font-weight: bold;
  color: black;
}

ul.icon-menu li img {
  height: 16px;
  width: 16px;
  margin-right: 2px;
  vertical-align: middle;
  margin-bottom: 5px;
}

ul.icon-menu li a, .vdisk-create-btn a {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e5e5e5), color-stop(1, #f5f5f5));
  color: #666666;
  padding: 4px 8px;
  border: 1px solid #d9d9d9;
  border-bottom: 1px solid #bbbbbb;
  float: left;
  line-height: 16px;
  -webkit-border-radius: 3px;
  -moz-linear-gradient: #F5F5F5, #E5E5E5 repeat scroll 0 0 transparent;
  text-shadow: 0 1px rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

ul.icon-menu li a:hover, .vdisk-create-btn a:hover {
  border: 1px solid #cbe3ee;
  border-bottom: 1px solid #97c7dd;
  color: #6f7797;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d8eaf2), color-stop(1, #f0f7fa));
  -webkit-box-shadow: 0 1px 3px #c7c8c9;
}

ul.icon-menu li a:active, .vdisk-create-btn a:active {
  border: 1px solid #87bfd9;
  border-bottom: 1px solid #4f8eaa;
  background-color: #e3e3e3;
}

/*ul.icon-menu li a.delete-wob:hover{border:1px solid #f88888;color:#e31f1f;}*/
.clear-float {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

ul.icon-menu li:last-child {
  margin-right: 0;
}

.overlay-header {
  color: #333;
}

.vdisk-create-btn a {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dedcda), color-stop(1, #ecebe9));
  color: #434343;
  border: 1px solid #a8a8a8;
  -webkit-border-radius: 3px;
}

#jqgh_assigned_vdisks_grid_cb, #jqgh_available_vdisks_grid_cb, #jqgh_mirror_mdisks_grid_cb {
  height: inherit;
}

.step-display .facade {
  cursor: default;
  font-size: 14px;
  height: 20px;
  background-color: #eb6e1f;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  padding: 3px 8px;
  -webkit-border-radius: 3px 3px;
  margin-bottom: 8px;
}

.ui-jqgrid .ui-jqgrid-bdiv {
  overflow: auto;
}

/*
 * Expansion Wizard
 */
.step-container {
  position: absolute;
  left: 3px;
}

.step-bar {
  -webkit-box-shadow: inset 1px 1px 0 #9b9a9a;
  z-index: -5;
  float: left;
  position: absolute;
  left: 15px;
  top: 5px;
  width: 10px;
  height: 90%;
  background: #e4e4e4;
  border: 1px solid #d6d6d6; /*-webkit-border-radius:5px;*/
}

.step-row {
  -webkit-border-radius: 60px;
  position: relative;
  cursor: default;
  font-size: 15px;
  color: #3f3f3f;
  padding: 2px 0;
  text-align: center;
  border: 5px solid #e4e4e4;
  background-color: #e4e4e4;
  margin-bottom: 35px;
}

.step-row span {
  position: absolute;
  color: #bcbcbc;
  text-align: right;
  right: 50px;
  font-size: 11px;
  top: -2px;
  width: 150px;
}

.step-row.current span {
  color: #fff;
  font-weight: bold;
}

.step-row.current {
  padding: 0 10px;
  font-size: 20px;
  border: 5px solid #e4e4e4;
  background-color: #eb6e1f;
  -webkit-box-shadow: inset -2px -2px 3px #9e4713;
  color: #fff;
}

.step-display {
  padding: 10px 10px;
  text-align: left;
  display: none;
}

.step-display.current {
  display: inline-table;
  width: 100%;
}

.selectBtn {
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(lightgrey));
  border: 1px solid gray;
  -webkit-border-radius: 4px;
  -webkit-appearance: push-button;
  font-size: 10px;
  cursor: pointer;
  float: right;
}

.disk-content {
  margin-bottom: 10px;
}

.disk-content .column-l {
  padding-left: 15px;
  float: left;
  min-width: 80px;
  margin-right: 10px;
  margin-bottom: 6px;
}

.disk-content .column-r {
  float: left;
  text-align: left;
  margin-right: 10px;
  margin-bottom: 6px;
}

#finalStep {
  float: left;
  margin-right: 10px;
  font-size: 13px;
}

.mirror-progress {
  margin-top: 50px;
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  width: 200px;
  margin: 50px auto 10px auto;
  border: 1px solid #ccc;
  background-color: #eaeaea;
  -webkit-border-radius: 3px;
}

.facade1, .facade2 {
  height: 20px;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  padding: 0 10px;
  -webkit-border-radius: 3px 3px;
  cursor: pointer;
  margin-bottom: 2px;
}

.facade2 {
  background-color: #666;
}

/* Color Buttons */
.medium-button, .small-button, .big-button {
  position: relative;
  cursor: pointer;
  -webkit-box-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.big-button {
  font-size: 14px;
  border-radius: 0.4em 0.4em;
  padding: 6px 12px;
}

.medium-button {
  font-size: 12px;
  border-radius: 0.3em 0.3em;
  padding: 5px 10px;
}

.small-button {
  font-size: 11px;
  border-radius: 0.3em 0.3em;
  padding: 3px 7px;
}

.white-button {
  border: 1px solid #b7b7b7;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ededed));
  color: #606060;
}

.white-button:hover {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dddddd));
  color: #606060;
}

.blue-button {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00acec), to(#0079a7));
  border: 1px solid #0076a3;
  color: #d9eef7;
}

.blue-button:hover {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0094cb), to(#006890));
}

.black-button {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#000000));
  border: 1px solid #333333;
  color: #D7D7D7;
}

.black-button:hover {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#434343), to(#010101));
}

.gray-button {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#878787), to(#585858));
  border: 1px solid #555555;
  color: #e9e9e9;
}

.gray-button:hover {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#747474), to(#555555));
}

.orange-button {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#faa41a), to(#f47b20));
  border: 1px solid #da7c0c;
  color: #fef4e9;
}

.orange-button:hover {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f88d11), to(#f06115));
}

.red-button {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb1c24), to(#ac1317));
  border: 1px solid #980c10;
  color: #faddde;
}

.red-button:hover {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8151b), to(#a21115));
}

.green-button {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7cb62e), to(#4f7e0f));
  border: 1px solid #538312;
  color: #e8f0de;
}

.green-button:hover {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#538312), to(#446c0d));
}

/* BUTTON ELEMENT STYLING
 **********************************************************/
/* Default State */
button, .portremove, .portremove:hover:disabled, .buttonlook, .buttonlook:hover:disabled,
.btn-small,
input.btn-small,
.classic,
.classic:hover:disabled,
input.btn-small:disabled,
input.btn-small:hover:disabled,
.primary-action, .primary-action:hover:disabled, input.primary-action, input.primary-action:hover:disabled,
button:active {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e5e5e5), color-stop(1, #f5f5f5));
  color: #434141;
  border: 1px solid #d9d9d9;
  border-bottom: 1px solid #bbbbbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-linear-gradient: #F5F5F5, #E5E5E5 repeat scroll 0 0 transparent;
  text-shadow: 0 1px rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  cursor: pointer;
  line-height: 16px;
  margin-right: 0;
}

button, button.first-item, button.last-item, button.group-item, .classic, .portremove, .buttonlook {
  padding: 4px 8px 3px 8px;
  font-size: 12px;
  min-width: 75px;
}

.portremove, .buttonlook, .image-button {
  min-width: 1px;
}

.btn-small, input.btn-small, .btn-small.btn-alert {
  padding: 0 6px 0 6px;
  font-size: 10px;
}

.classic {
  font-weight: bold;
}

.image-button:disabled img {
  opacity: 0.2;
}

/* Hover State */
.portremove:hover, buttonlook:hover,
input.btn-small:hover,
.classic:hover {
  border: 1px solid #cbe3ee;
  border-bottom: 1px solid #97c7dd;
  color: #3377b5;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d8eaf2), color-stop(1, #f0f7fa));
  -webkit-box-shadow: 0 1px 3px #c7c8c9;
  -moz-box-shadow: 0 1px 3px #c7c8c9;
  box-shadow: 0 1px 3px #c7c8c9;
}

/* Active State */
button:active, input.btn-small:active, .classic:active, .portremove:active, .buttonlook:active {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d8eaf2), color-stop(1, #d8eaf2));
  border: 1px solid #719bae;
  -webkit-box-shadow: inset 0 2px 1px rgba(137, 158, 165, 0.4);
  -moz-box-shadow: inset 0 2px 1px rgba(137, 158, 165, 0.4);
  box-shadow: inset 0 2px 1px rgba(137, 158, 165, 0.4);
  text-shadow: 0 0 rgba(255, 255, 255, 0.9);
}

/* Group Buttons */
.group-button {
  margin: 0;
}

button.first-item, button.first-item:hover:disabled {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  margin-right: -4px;
}

button.group-item, button.group-item:hover:disabled {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-right: -4px;
}

button.last-item {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

button.first-item:hover, button.group-item:hover {
  border-right: 1px solid #d9d9d9;
}

button.first-item:active, button.group-item:active {
  border-right: 1px solid #719bae;
}

.primary-action, .portremove, .buttonlook, input.primary-action {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1f344b), color-stop(1, #687b98));
  color: #ffffff;
  border: 1px solid #1f344b;
  border-bottom: 1px solid #687b98;
  text-shadow: 0 1px rgba(50, 50, 50, 0.7);
}

.primary-action:hover, .portremove:hover, .buttonlook:hover, input.primary-action:hover {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #687b98), color-stop(1, #1f344b));
  border: 1px solid #1f344b;
  -webkit-box-shadow: 0 1px 3px #b1b1b1;
  -moz-box-shadow: 0 1px 3px #b1b1b1;
  box-shadow: 0 1px 3px #b1b1b1;
  color: #ffffff;
}

.primary-action:active, .portremove:active, .buttonlook:active, input.primary-action:active {
  -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.3);
  border: 1px solid #1f344b;
  text-shadow: 0 0 rgba(50, 50, 50, 0.7);
  color: #e7e7e7;
}

/* Disabled State */
button:disabled,
.classic:disabled,
.btn-small:disabled,
.primary-action:disabled,
.primary-action:hover:disabled,
.primary-action:active:disabled,
input.btn-small:disabled,
input.btn-small:hover:disabled,
.portremove:disabled, .portremove:hover:disabled,
.buttonlook:disabled, .buttonlook:hover:disabled,
.classic:hover:disabled {
  cursor: default;
  color: #aeaeae;
  -webkit-box-shadow: 0 0 0 #c7c8c9;
  -moz-box-shadow: 0 0 0 #c7c8c9;
  box-shadow: 0 0 0 #c7c8c9;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e5e5e5), color-stop(1, #f5f5f5));
  border: 1px solid #d9d9d9;
  border-bottom: 1px solid #bbbbbb;
  -moz-linear-gradient: #F5F5F5, #E5E5E5 repeat scroll 0 0 transparent;
  text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}

/* -- Exchange certs -- */
#exchange_cert_status .color_green {
  color: green;
}
#exchange_cert_status .color_red {
  color: red;
}

/* add-ipaddress-widget*/
.add-ipAddress-widget {
  width: 300px;
}

.add-ipAddress-widget .list-ip-wraper {
  width: 300px;
  min-height: 80px;
  max-height: 140px;
  border: 1px solid #999999;
  margin: 3px 5px 3px 5px;
  overflow: hidden;
}

.add-ipAddress-widget .list-ip-wraper table thead tr th {
  color: #333333;
  text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
  border-top-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(lightgrey));
  -webkit-background-size: 100%;
  background-size: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 15px;
  margin: 0 0 0 0;
  padding: 0 0 0 5px;
  font-weight: normal;
}

.add-ipAddress-widget .list-ip-wraper table tbody {
  height: 60px;
  overflow: auto;
}

.add-ipAddress-widget .list-ip-wraper table tbody tr td {
  color: #333333;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 15px;
  margin: 0 0 0 0;
  padding: 0 0 0 5px;
  border-bottom: 1px solid #efefef;
}

.add-ipAddress-widget .btn-wrapper {
  text-align: right;
  margin: 0 -8px 0 0;
}

.ipAddress-popup {
  height: 120px;
  padding: 0 0 0 0;
  display: none;
  min-height: 155px;
  font-size: 12px;
}

.ipAddress-popup label {
  display: block;
  margin-bottom: 5px;
  color: #333333;
  font-weight: bold;
  width: 130px;
  float: left;
  text-align: right;
  margin: 0 10px 0 0;
}

.ipAddress-popup input {
  display: inline-block;
}

.ipAddress-popup input[type=text] {
  float: left;
}

.ipAddress-popup .row {
  margin: 10px;
}

.ipAddress-popup .btn-popup-wrapper {
  margin-top: 10px;
  text-align: right;
  padding-right: 22.5%;
}

#add-edit-switch-ipAdress-popup .row div, #add-edit-subsystem-ipAdress-popup .row div {
  position: absolute;
  right: 0;
}

#add-edit-switch-ipAdress-popup .row div label, #add-edit-subsystem-ipAdress-popup .row div label {
  color: red;
  font-weight: normal;
  width: 76px;
  text-align: left;
}

#EMAIL_NOTIFICATION h4 {
  padding: 0 0;
  margin-bottom: 10px;
  color: #333;
}

.ipAddress-popup h4 {
  color: #000;
  font-size: 14px;
  margin-bottom: 25px;
  padding: 5px 0;
  background: url(assets/css/services/chrome/images/dock-mesh.png?agm-ver=undefined.undefined) top left repeat-x;
}

.flr-loading {
  margin: 20% auto 0 -30%;
  font-size: 18px;
  color: #595959;
}

.mdisk-warning-hdr {
  color: #D04437;
  font-weight: bold;
}

.inputBlock {
  padding: 0;
  padding-top: 12px;
  margin: 0 0 0 30px;
}

.inputBlock img {
  margin-bottom: 4px;
}

#lookupMode {
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  border-radius: 3px 3px;
  margin: 15px 0;
  padding-bottom: 12px;
}

#email_add_device {
  width: 350px;
}

#email_add_device label {
  display: block;
  float: left;
  width: 90px;
  margin-right: 5px;
}

#email_add_device label em {
  color: #FF0000;
}

/* Role specific Rights treeview */
.rList-section::-webkit-scrollbar:vertical {
  width: 12px;
}

.rList .arrow {
  background: transparent url(../images/navigator/navigator-block-open.png?agm-ver=undefined.undefined) no-repeat 0 0;
  width: 10px;
  display: inline-block;
  height: 10px;
  text-decoration: none;
  visibility: hidden;
}

.rList .arrow:hover {
  text-decoration: none;
}

.rList .closed {
  background: transparent url(../images/navigator/navigator-block-closed.png?agm-ver=undefined.undefined) no-repeat 3px 2px;
}

.rightsList {
  max-height: 400px;
  overflow: scroll;
  padding: 0;
  margin: 0;
  padding-top: 5px;
  border-top: 1px solid #ccc;
  list-style: none;
}

.rightsList .arrow {
  background: transparent url(../images/navigator/navigator-block-open.png?agm-ver=undefined.undefined) no-repeat 0 0;
  width: 10px;
  display: inline-block;
  height: 10px;
  text-decoration: none;
  visibility: hidden;
}

.rightsList .arrow:hover {
  text-decoration: none;
}

.rightsList .closed {
  background: transparent url(../images/navigator/navigator-block-closed.png?agm-ver=undefined.undefined) no-repeat 3px 2px;
}

.rightsList ul {
  padding: 0;
  margin: 0 0 0 40px;
}

.rightsList ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}

rightsList .closed {
  display: none;
}

/* Connector Management */
.connector-list-container {
  overflow: scroll;
  max-height: 460px;
  margin-bottom: 10px;
  clear: both;
  padding-top: 15px;
}

.available-connectors {
  list-style: none;
  clear: both;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.available-connectors li {
  float: left;
  padding: 5px 10px;
  margin-right: 20px;
  font-size: 11px;
}

.available-connectors li:first-child {
  margin-left: 10px;
  padding-left: 0;
}

.column-head {
  padding: 3px 10px;
  height: 24px;
  border: 1px solid #ccc;
  vertical-align: middle;
  background: url(assets/css/services/chrome/images/dock-mesh.png?agm-ver=undefined.undefined) repeat;
  color: #333;
}

.align-icons {
  float: none;
  display: inline-block;
  margin: auto;
  position: relative;
  left: -10px;
}

.selected-host-list li {
  padding: 10px 0 0 5px;
  height: 38px;
  list-style: none;
}

#connectorManagement {
  float: left;
  max-height: 600px;
  overflow: auto;
  width: 800px;
}

.connector-list-container .act-selWgt-left, .connector-list-container .act-selWgt-right {
  width: 561px;
  font-size: 11px;
  float: left;
  height: 383px;
}

.connector-list-container .act-selWgt-right {
  width: 220px;
}

.act-selWgt-left .hostname, .act-selWgt-left .ostype, .connector-list-container .version, .connector-list-container .cstatus, .connector-list-container .lupgrade {
  padding: 0 5px 0 5px;
  float: left;
}

.host-column-headers .hostname, .host-column-headers .ostype, .host-column-headers .version, .host-column-headers .cstatus {
  border-right: 1px solid #cccccc;
  height: inherit;
  position: relative;
}

.connector-list-container .ostype {
  width: 64px;
}

.connector-list-container .ostype .sprites-16 {
  margin-left: 15px;
}

.act-selWgt-left .hostname {
  width: 139px;
  display: block;
}

.connector-list-container .version {
  width: 70px;
}

.connector-list-container .cstatus {
  width: 91px;
}

.connector-list-container .lupgrade {
  width: 120px;
}

.host-column-headers {
  width: 561px;
  height: 30px;
  float: left;
  background-color: #ddd;
  border-top: 1px solid #ccc;
  padding: 5px 0 5px 0;
}

.act-selWgt-right .column-header {
  background: #dddddd;
  padding: 5px;
  height: 30px;
  border-top: 1px solid #ccc;
}

.connector-list-container .act-selWgt-availableList li {
  position: relative;
}

.connector-list-container .act-selWgt-availableList, .connector-list-container .act-selWgt-selectedList {
  height: 304px;
  clear: both;
}

.connector-list-container .act-selWgt-availableList .act-selWgt-controls {
  width: 20px;
  float: left;
  margin-left: 10px;
  position: absolute;
  right: 0;
}

.act-selWgt-selectedList .ostype, .act-selWgt-selectedList .version, .act-selWgt-selectedList .cstatus, .act-selWgt-selectedList .lupgrade {
  display: none;
}

.connector-list-container .act-selWgt-hdr a:hover {
  text-decoration: none;
  color: #505050;
}

.connector-list-container .disabled {
  background-color: #e5e5e5;
}

.connector-list-container .act-selWgt-availableList .sprites-16 {
  top: 0;
}

.sort-container {
  width: 9px;
  float: right;
  position: absolute;
  top: 3px;
  right: 0;
}

.sort-container .sort-asc.disabled, .sort-container .sort-des.disabled {
  opacity: 0.25;
  filter: Alpha(Opacity=25);
  cursor: default;
}

.act-selWgt-availableList li.disabled:hover,
.act-selWgt-availableList li.disabled:hover {
  background-color: #e5e5e5;
}

#viewOptions a, .connector-list-container .act-selWgt-hdr a:hover {
  text-decoration: underline;
}

#viewOptions .selected {
  text-decoration: none;
  color: #757575;
  cursor: default;
}

#SYSADMIN_SERVICE .perspective {
  overflow: auto;
}

#connectorManagement #host-tooltip, #connectorManagement #upgrade-btn-tooltip {
  display: none;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  background: #000 100% top repeat-x;
  opacity: 0.9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 99999999;
  font-size: 11px;
}

/* Perspective
   -------------------------------- */
.perspective {
  padding: 0px;
  margin: 0px auto;
  overflow: hidden;
  width: 99.8%;
}

/* Perspective -> Explorer
   -------------------------------- */
.perspective .explorer {
  width: 200px;
  min-height: 590px; /* height is important to stop the flickering effect */
  margin-right: 10px;
  float: left;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
}

.perspective .explorer .heading {
  margin-bottom: 5px;
}

.perspective .explorer .collapser_grid {
  width: 220px;
  margin-bottom: 10px;
}

.perspective .explorer .folding {
  /*width: 220px;*/
  margin-bottom: 10px;
}

.perspective .explorer .folding .push_5px {
  margin-left: 5px;
}

.perspective .explorer .folding .piano_key {
  margin-bottom: 6px;
}

#RECOVERY_FORM .perspective {
  height: 600px;
  overflow: auto;
}

#RECOVERY_FORM .perspective .explorer {
  min-height: 470px;
  max-height: 470px;
}

#RECOVERY_FORM .perspective .explorer .heading {
  padding: 10px 0 0 0;
}

/* Perspective -> Pane
   -------------------------------- */
.perspective .pane {
  color: #333;
  position: relative;
}

.perspective .pane:after {
  clear: both;
}

.perspective .pane table {
  color: #333;
}

.perspective .pane table tr.gray_row {
  background-color: #eee;
  -webkit-border-radius: 5px 5px;
}

.perspective .pane table tr td.left {
  min-width: 150px;
  vertical-align: top;
  padding: 5px 10px 5px 3px;
}

.perspective .pane table tr td.left .labelTxt {
  font-size: 16px;
  padding-top: 3px;
}

.perspective .pane table tr td.right {
  padding: 5px 0px;
}

.perspective .pane table tr td.right .ashtray {
  float: left;
  padding-right: 30px;
}

.perspective .pane table tr td.right .ashtray ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.perspective .pane table tr td.right .ashtray ul li {
  float: left;
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

.perspective .pane table tr td.right .ashtray h4 {
  color: #333;
  margin-bottom: 10px;
  text-transform: capitalize;
  margin: 0;
  font-size: 14px;
}

.perspective .pane table tr td.right .div_row {
  margin-bottom: 10px;
}

.perspective .pane table tr td.right .div_row h4 {
  color: #333;
  margin-bottom: 10px;
}

.perspective .pane table tr td.btn_holder, .btn_holder {
  padding: 10px 0px;
  text-align: right;
  clear: both;
}

.perspective .pane table tr td.btn_holder ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: right;
  overflow: auto;
}

.perspective .pane table tr td.btn_holder ul li {
  float: left;
  padding: 0px 0px 0px 10px;
}

/*-----SSD Status--------*/
#ssdContainer {
  float: left;
  width: 620px;
  /*border: 1px solid #ccc;*/
  display: none;
}

#ssdContainer .ssdDevice {
  width: 280px;
  margin: 10px 0 10px 10px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  border-radius: 3px 3px;
  float: left;
  position: relative;
  -webkit-box-shadow: 0 2px 2px #eaeaea;
  -moz-box-shadow: 0 2px 2px #eaeaea;
  box-shadow: 0 2px 2px #eaeaea;
}

#ssdContainer .ssdDevice:nth-child(2n+1) {
  clear: both;
  margin-bottom: 20px;
  margin-right: 20px;
}

#ssdContainer .ssdDevice ul {
  padding: 5px;
  margin: 0;
  list-style: none;
  min-height: 76px;
}

#ssdContainer .ssdDevice ul li {
  overflow: hidden;
}

#ssdContainer .name {
  color: #666;
  width: 110px;
  float: left;
  display: block;
}

#ssdContainer .value {
  color: #444;
  float: left;
  padding-left: 5px;
}

#ssdContainer .ssdDevice .divider {
  float: right;
}

#ssdContainer .ssdDeviceTitle {
  border: none;
}

#ssdContainer .image_refresh {
  cursor: pointer;
  float: right;
  margin: 6px 3px 0 0;
  margin: 1px 3px 0 0;
  height: 16px;
  width: 24px;
  background: url(../images/buttons/chrome/btns-12.png?agm-ver=undefined.undefined) 0 0;
}

#ssdContainer .image_refresh:hover {
  background-position: 0 -16px;
}

#ssdContainer .image_refresh:active {
  background-position: 0 -32px;
}

#ssdContainer .image_refresh[disabled] {
  background-position: 0 0;
  cursor: default;
}

#ssdContainer #ssdDeviceContainer {
  min-height: 300px;
  max-height: 400px;
  overflow-y: scroll;
  padding-top: 5px;
  margin-top: 10px;
}

#ssdContainer .ssdDeviceTitle {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #f3f3f3));
  color: #333;
  padding: 3px 3px 3px 5px;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-bottom: solid 1px #ccc;
}

.ssd-icon {
  background: url(../images/ssd-icon.png?agm-ver=undefined.undefined) no-repeat 0 0;
  width: 39px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
}

#ssdContainer[disabled] {
  opacity: 0.4;
}

.ssd-red {
  background-position: 0 0;
}

.ssd-blue {
  background-position: -39px 0;
}

.ssd-green {
  background-position: -78px 0;
}

.ssd-yellow {
  background-position: -117px 0;
}

.ssd-gray {
  background-position: -156px 0;
}

/* protect
 -------------------------------- */
#protectLogo {
  float: left;
}

.proSelect {
  width: 150px;
}

#slaSettings {
  margin-bottom: 10px;
  width: 200px;
  display: none;
}

#slaScheduleList, #slaExpirationList {
  padding: 0;
}

#slaScheduleList li, #slaExpirationList li {
  list-style-type: none;
  float: left;
  margin-right: 10px;
}

#slaScheduleList li a, #slaExpirationList li a {
  font-size: 10px;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#applicationList {
  width: 100%;
  margin-bottom: 10px;
}

.appContainer {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 525px;
}

#applicationList.displayLabel {
  font-size: 10px;
  font-weight: normal;
  color: #fff;
}

#sla_protect_form h4 {
  color: #333;
  font-size: 12px;
  margin-bottom: 10px;
}

#sla_protect_form fieldset .left {
  padding-bottom: 10px;
  float: left;
  margin-right: 20px;
}

#sla_protect_form fieldset .right {
  padding-bottom: 10px;
  float: left;
  margin-right: 5px;
}

#sla_protect_form fieldset .right .cell {
  float: left;
  margin-right: 10px;
}

.grid {
  float: left;
  width: 200px;
  text-align: center;
}

.grid .protect_box {
  background-color: #ccc;
  background-image: url(../images/mesh-mask.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  border: solid 1px #bbb;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px 5px;
  border-radius: 5px 5px;
  text-align: center;
  padding: 5px 0;
  min-height: 380px;
}

.protect_box .hd_txt {
  font-size: 16px;
  font-weight: bold;
  color: #666;
  margin-bottom: 10px;
}

.protect_box .row {
  margin-bottom: 5px;
  color: #333;
}

.grid .row_black, .protect_box .row_black {
  margin: 5px 0;
  color: #666;
}

.grid #div_local2_to_local3, .grid #local_3_all {
  margin: 5px 0;
  color: #666;
}

#spacer_gutter {
  float: left;
  margin: 0 30px;
}

#spacer_gutter #div_top {
  margin-top: 60px;
}

#spacer_gutter #div_bottom {
  margin-top: 220px;
}

#applicationList {
  margin-left: 0;
}

/* recovery
 -------------------------------- */
.img_range {
  height: 20px;
  width: 20px;
  margin-right: 3px;
  vertical-align: middle;
}

.hide_image_range {
  display: none;
}

#div_time_ranage {
  margin: 0 0 40px 0;
  font-size: 9px;
  padding: 10px 30px 0 25px;
  clear: both;
}

#div_restore_box {
  float: left;
  width: 430px;
  max-width: 430px;
}

#div_restore_box #bkp_gallery {
  margin-bottom: -50px;
  margin-left: 55px;
  width: 350px;
}

#div_restore_box #bkp_gallery #inlinemenu {
  z-index: 1000001;
}

#bkpSelector #div_backup {
  padding: 3px;
  background-color: #333;
  color: #fff;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  border-radius: 3px 3px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 10px;
}

#bkpSelector {
  width: 120px;
  float: left;
}

#bkpSelector #bkpCount {
  margin-left: 3px;
  font-weight: bold;
}

#bkpSelector #bkp_menu ul {
  margin-top: 5px;
}

#bkpSelector #bkp_menu ul li {
  width: 100px;
}

#jobQueueBody {
  padding: 0 10px;
}

#jobQueueBody #historyQ {
  color: #eee;
}

#jobq-panes .restoreQ {
  color: #eee;
}

.selectorBoxPanel {
  min-width: 600px;
  position: relative;
}

.selectorBoxPanel .hd_txt {
  background: url(assets/css/services/chrome/images/dock-mesh.png?agm-ver=undefined.undefined) top left repeat-x;
  margin-bottom: 10px;
  color: #333;
  padding: 3px 3px 3px 5px;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  border-radius: 3px 3px;
}

.selectorBoxPanel .formProps {
  position: relative;
}

.selectorBoxPanel .div_row {
  margin-bottom: 10px;
  padding: 10px 10px 20px 10px;
}

.selectorBoxPanel .div_last {
  text-align: right;
}

.selectorBoxPanel .div_row .label_text {
  position: relative;
  float: left;
  font-size: medium;
  margin-right: 20px;
  color: #333;
}

.selectorBoxPanel .div_row .valueTxt {
  float: left;
  font-weight: bold;
  width: 200px;
}

.srmdisk SPAN.portremove {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  padding: 0 5px;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px 5px;
  border-radius: 5px 5px;
  margin-right: 7px;
  height: 14px;
  cursor: pointer;
  background-image: url(../images/navigator/navigator-selected.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  padding-bottom: 2px;
}

.srmdisk SPAN.portremove:hover {
  font-size: 10px;
  font-weight: bold;
  padding: 0 5px;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px 5px;
  border-radius: 5px 5px;
  margin-right: 7px;
  height: 14px;
  cursor: pointer;
  background-image: url(../images/one.png?agm-ver=undefined.undefined);
  background-color: #484848;
  color: #fff;
  padding-bottom: 2px;
}

.srmdisk SPAN.delremove {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  padding: 0 5px;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px 5px;
  border-radius: 5px 5px;
  margin-right: 7px;
  height: 14px;
  cursor: pointer;
  background-color: #A3102A;
  background-image: url(../images/red-msg-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  padding-bottom: 2px;
}

.srmdisk SPAN.delremove:hover {
  font-size: 10px;
  font-weight: bold;
  padding: 0 5px;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px 5px;
  border-radius: 5px 5px;
  margin-right: 7px;
  height: 14px;
  cursor: pointer;
  background-image: url(../images/one.png?agm-ver=undefined.undefined);
  background-color: #484848;
  color: #fff;
  padding-bottom: 2px;
}

.job-select {
  overflow: auto;
}

#editContainerButton {
  cursor: pointer;
}

/* File Level Resote
 -------------------------------- */
#div-file-level-retore h2 {
  color: #7D8DB3;
  margin-bottom: 0;
  padding-bottom: 0;
}

#div-file-level-retore p {
  color: #7D8DB3;
  margin: 0;
  padding: 0;
}

#div-file-level-retore #rfs-mounted-details {
  color: #333333;
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
}

#rfs-pop-browse {
  height: 400px;
  width: 440px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #c5ccd3;
  margin-right: 20px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0.75, transparent), color-stop(0.75, rgba(255, 255, 255, 0.1)));
  -webkit-background-size: 7px;
}

#rfs-pop-select {
  height: 400px;
  width: 190px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0125,#d6d7d6),color-stop(0.25, #efefef),color-stop(0.95, #f7f7f7),color-stop(1.0, #f7f3f7));*/
  box-shadow: 0 -1px 3px #000000;
}

#rfs-header-summary {
  height: 45px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #33435C;
  background-image: url(../images/option-header-bg.png?agm-ver=undefined.undefined);
  background-repeat: repeat-x;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#rfs-footer-summary {
  height: 35px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #bbb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.05))), -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 64, 0.1)));
  background-repeat: no-repeat;
  background-position: top left, bottom left;
  -webkit-background-size: 100% 21px, 100% 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #dedede;
  color: #333333;
  padding: 5px 0 0 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#hd-fileselect-files {
  height: 345px;
  overflow: auto;
  -webkit-user-select: none;
}

#rfs-footer-fileselect {
  height: 30px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #bbb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.05))), -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 64, 0.1)));
  background-repeat: no-repeat;
  background-position: top left, bottom left;
  -webkit-background-size: 100% 21px, 100% 22px;
  -webkit-box-sizing: border-box;
  border-top: 1px solid #dedede;
  color: #333333;
  padding: 2px 0 0 5px;
  font-size: 10px;
  line-height: 12px;
  -webkit-user-select: none;
}

#rfs-coloumn {
  width: 440px;
  height: 320px;
  position: relative;
  overflow: hidden;
}

#rfs-explorer {
  width: 800px;
  -webkit-user-select: none;
  overflow: auto;
}

#rfs-explorer div {
  position: absolute;
  left: 300px;
  width: 440px;
  -webkit-user-select: none;
}

#btn-placeholder {
  float: right;
  margin: 5px;
  -webkit-user-select: none;
}

.tbl-file-browse {
  background: #ffffff;
}

.tbl-file-browse thead {
  display: block;
}

.tbl-file-browse thead tr th {
  color: #333333;
  text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
  border-top-color: #fff;
  border-bottom: 1px solid #3e4149;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f5f7), to(#a8adb8));
  -webkit-background-size: 100%;
  -webkit-user-select: none;
}

.tbl-file-browse tbody {
  display: block;
  height: 320px;
  overflow: auto;
  width: 100%;
  background-color: #c5ccd3;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0.75, transparent), color-stop(0.75, rgba(255, 255, 255, 0.1)));
  -webkit-background-size: 7px;
}

.tbl-file-browse tbody {
  overflow-y: auto;
  height: 295px;
}

.tbl-file-browse tbody tr {
  -webkit-user-select: none;
  background-color: #ffffff;
}

.tbl-file-browse tbody tr td {
  background-color: transparent;
  color: #333333;
  padding: 2px 0 2px 0;
  cursor: pointer;
  border-bottom: 1px solid #a9abae;
  -webkit-user-select: none;
}

.tbl-file-browse thead tr.over {
  -webkit-user-select: none;
}

#hd-fileselect {
  height: 25px;
  padding: 0 5px 0 5px;
  margin: 0;
  background-image: url(assets/css/services/chrome/images/dock-mesh.png?agm-ver=undefined.undefined);
  background-repeat: repeat;
  color: #333;
  line-height: 20px;
  vertical-align: middle;
  -webkit-user-select: none;
}

#hd-fileselect a {
  color: #666;
  font-weight: bold;
  font-size: 10px;
}

#rfs-breadcrumbs {
  width: 380px;
  overflow-x: hidden;
  height: 20px;
}

#rfs-breadcrumbs ul {
  margin: 0 0 0 5px;
  padding: 0;
  color: #333;
}

#rfs-breadcrumbs ul li {
  list-style: none;
  float: left;
  color: #ffffff;
  font-size: 10px;
  -webkit-user-select: none;
}

#rfs-selected-list-files {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #333333;
}

#rfs-selected-list-files li {
  cursor: pointer;
  text-shadow: 1px 0 0 black;
  padding: 2px 2px 1px 2px;
  border-bottom: 1px solid #dedede;
  -webkit-user-select: none;
}

#rfs-selected-list-files li .img-container {
  cursor: pointer;
  margin: 3px 2px 0 0;
}

#rfs-btn-placeholder {
  margin: 2px 5px 0 0;
}

.btn-nav {
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(lightgrey));
  border: 1px solid gray;
  -webkit-border-radius: 4px;
  -webkit-appearance: push-button;
  text-shadow: #000 2px 2px 5px;
  font-size: 10px;
  cursor: pointer;
}

.over {
  background-color: #0080ff;
}

.scroll {
  -webkit-user-select: none;
}

#rfs-file-name-hd, #rfs-file-name-ft {
  font-weight: bold;
  margin: 0 0 0 5px;
  font-size: 14px;
  text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
  -webkit-user-select: none;
}

#rfs-file-name-ft {
  width: 270px;
}

#rfs-info {
  width: 150px;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* NewJob Popup */
.pane-column {
  color: #575757;
  float: left;
  margin-right: 20px;
}

.pane-column b {
  color: #1f1f1f;
}

.block-holder {
  overflow-y: auto;
  overflow-x: none;
  max-height: 180px;
}

.available-volumes {
  max-height: 240px;
  text-align: left;
  border: 1px solid #b1b1b1;
  -webkit-border-radius: 3px 3px;
}

.available-volumes-item {
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  background-color: #f4f4f4;
  margin-bottom: 5px;
  border-bottom: 1px solid #b1b1b1;
  -webkit-border-radius: 0 3px;
}

#add_here { /*max-height:110px;padding:5px;overflow-y: auto;overflow-x: auto;font-size: 10px;*/ }

#ADVOPT_FORM .listInput {
  width: 200px;
}

#policyListProtector {
  height: 580px;
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 510px;
  max-width: 600px;
}

/*Discover VM(s)*/
#discover-vms-container ul {
  margin: 0;
  padding: 0;
}

#discover-vms-container .columnContainer {
  float: left;
  height: 410px;
  border: solid 1px #eee;
}

#discover-vms-container .columnContainer.vcenters {
  background-color: #eee;
  overflow: auto;
  border: solid 1px #ddd;
}

#discover-vms-container .columnContainer .listContainer {
  overflow-y: auto;
  width: 210px;
  max-height: 380px;
}

#discover-vms-container .columnContainer .vmvares {
  width: 340px;
}

#discover-vms-container .columnHeader {
  height: 30px;
  line-height: 20px;
  padding-left: 5px;
  vertical-align: middle;
  background: url(assets/css/services/chrome/images/dock-mesh.png?agm-ver=undefined.undefined) repeat;
  color: #333;
}

#discover-vms-container .columnTitle {
  padding: 5px 5px 0;
}

.discovered {
  display: none !important;
}

.rediscover {
  display: block;
}

.clusterSettings .act-selWgt .act-selWgt-left,
.clusterSettings .act-selWgt .act-selWgt-right {
  width: 258px !important;
  max-height: 150px !important;
  min-height: 150px !important;
}

.clusterSettings .act-selWgt-left ul,
.clusterSettings .act-selWgt-right ul {
  height: 120px;
}

.clusterSettings .act-selWgt .act-selWgt-searchtxt {
  width: 65px !important;
}

/* add host screen */
/* host details screen */
.hostTabPane, .host-details-TabPane {
  display: block;
  min-width: 100px;
  padding: 10px;
  overflow: auto;
}

.horizontal-list-items {
  list-style-type: none;
  clear: both;
  list-style-position: outside;
  padding: 0;
  margin: 0;
  min-height: 25px;
  overflow: auto;
}

.horizontal-list-items li input {
  margin: -5px 0 0 0;
}

.horizontal-list-items li {
  float: left;
  vertical-align: middle;
  margin-right: 10px;
}

h4.blok-headding {
  font-weight: bold;
  clear: both;
  font-size: 12px;
  color: #000000;
}

.host-ports-box {
  background: #F7F7F7;
  margin: 0;
  min-height: 30px;
  overflow: auto;
  padding: 10px;
}

.float_left_10px_r_margin {
  float: left;
  margin-right: 10px;
}

.host-float-left {
  float: left;
  /*border :1px solid #cccccc;*/
  padding: 10px;
}

.host-right-section {
  float: left;
  margin-left: 20px;
}

.host-IP-Container {
  /*margin-bottom:10px;
  width:800px;*/
}

.host-IP-List-wraper {
  width: 300px;
  height: 65px;
  border: 1px solid #ddd;
  margin: 5px 0;
  overflow: hidden;
  background: #ffffff;
}

.host-type-selection {
  margin-top: 10px;
  clear: both;
}

.host-btn_holder {
  padding: 10px 0 0 0;
  text-align: right;
}

.host_host_type_wraper {
  margin-top: 5px;
  margin-bottom: 5px;
  min-height: 20px;
}

.host_host_type_wraper p {
  font-weight: bold;
  float: left;
  margin: 0 10px 0 0;
}

.addHost-org-wraper {
  margin-bottom: 10px;
  height: 100px;
}

#host-details-hosttype {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#host-details-hosttype li {
  list-style-type: none;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

#host-details-hosttype li a {
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.add_host_boxes {
  float: left;
  border-style: solid;
  border-color: #ddd;
  border-width: 1px 1px 2px 1px;
  background: #f8f8f8;
  padding: 10px;
  border-radius: 3px;
}

.add_host_boxes_white {
  border-style: solid;
  border-color: #ddd;
  border-width: 1px 1px 2px 1px;
  background: #fff;
  padding: 10px;
  border-radius: 3px;
}

fieldset.addhost-fieldset {
  margin: 0;
  border-style: solid;
  border-color: #ddd;
  border-width: 1px 1px 2px 1px;
  background: #fcfcfc;
}

fieldset.addhost-fieldset legend {
  margin: 0;
  padding: 5px;
  font-weight: bolder;
  color: #000;
}

#table-ingest-priority td {
  margin: 0;
  padding: 0;
}

#table-ingest-priority td.left {
  padding-top: 6px;
  vertical-align: middle;
}

.ingest-priority select {
  margin: 0;
  margin-top: -6px;
  height: 26px;
}

/* Unassigned */
.detail-label {
  background: rgb(204, 204, 192);
  border-radius: 0 7px 7px 0;
  display: inline-block;
  margin-right: 0.75em;
  padding: 0.1em 0.75em 0.1em 0;
  text-align: right;
  text-transform: uppercase;
  width: 105px;
}

.organization-list .orgclear {
  font-size: 10pt;
  font-style: normal;
}

.recline-slickgrid .slick-header {
  font-size: 1.4em;
}

.recline-slickgrid .slick-row {
  font-size: 1.2em;
}

.button.button-primary-medium.button-agm-small, .button.button-agm-small.policy-editor-advanced-settings-test {
  font-size: 11px;
  height: 28px;
  min-width: 110px;
  padding-top: 0.5em;
  border-radius: 4px;
  margin-left: 7px;
  text-transform: uppercase;
}

.breadcrumbs {
  font-size: 13px;
  padding: 3px 0 3px 0;
}
.breadcrumbs a {
  text-decoration: underline;
}

.modal {
  overflow: -moz-hidden-unscrollable;
}

.app-sidebar-list-container {
  border-right: 2px solid rgb(217, 217, 217);
  display: none;
  float: left;
  height: 100%;
  position: relative;
  width: 250px;
  z-index: 15;
}
.app-sidebar-list-container .recline-slickgrid .slick-header {
  border-bottom: 1px solid #ccc;
}

.app-sidebar-list {
  background: rgb(240, 240, 235); /* f0f0eb */
}
.app-sidebar-list .header {
  height: auto;
  padding: 10px 15px;
}
.app-sidebar-list .header .filter-crumb-label:first-child {
  padding-left: 0;
}
.app-sidebar-list .recline-slickgrid .slick-header-column {
  background: rgb(240, 240, 235); /* f0f0eb */
  border: 0;
  border-top: 1px solid #cecece;
  padding-left: 15px;
  padding-right: 5px;
}
.app-sidebar-list .recline-slickgrid .slick-header .slick-header-columns .slick-header-column {
  height: 22px;
  padding-top: 9px;
  padding-bottom: 7px;
}
.app-sidebar-list .recline-slickgrid .slick-header .slick-header-columns .slick-header-column:first-child {
  padding-top: 12px;
  padding-bottom: 4px;
}
.app-sidebar-list .recline-slickgrid .slick-row .slick-cell {
  background: transparent;
  border: 0;
  padding-top: 8px;
  padding-left: 15px;
}
.app-sidebar-list .recline-slickgrid .slick-row:nth-child(odd) {
  background: rgb(248, 248, 248);
}
.app-sidebar-list .recline-slickgrid .slick-row:nth-child(even) {
  background: rgb(244, 245, 240);
  border-top: 1px solid rgb(240, 241, 236);
  border-bottom: 1px solid rgb(240, 241, 236);
}
.app-sidebar-list .recline-slickgrid .slick-row.active,
.app-sidebar-list .recline-slickgrid .slick-row .slick-cell.selected {
  background: #4e8fe1;
}
.app-sidebar-list .actions {
  background: rgb(217, 217, 209);
  left: 0;
  padding: 25px 0 25px;
  position: absolute;
  right: 0;
  text-align: center;
}
.app-sidebar-list .actions .recline-pager {
  float: left; /* none */
}

.recline-pager {
  float: left;
}

.recline-results-info {
  display: none;
}

.record-count {
  color: rgb(121, 122, 116);
  display: inline-block;
  font-size: 11px;
  margin-left: 10px;
}

.generic-details {
  background: #d9d9d1;
  border-radius: 0px 7px 7px 0px;
  width: 25%;
  padding: 20px 5px 20px 0;
  font-size: 12px;
}
.generic-details .name-value-wrapper {
  width: auto;
  max-width: 100%;
}

.main-app-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.selectable-text {
  -webkit-user-select: initial; /* Chrome all / Safari all */
  -moz-user-select: initial; /* Firefox all */
  -ms-user-select: initial; /* IE 10+ */
  -o-user-select: initial;
  user-select: initial;
}

.scrollbars ::-webkit-scrollbar, .scrollbar-v ::-webkit-scrollbar, .scrollbar-h ::-webkit-scrollbar {
  width: 12px;
  background: rgb(240, 240, 235);
}

.vscrollcontainer::-webkit-scrollbar:vertical {
  width: 12px;
}

.vscrollcontainer {
  overflow: auto;
  position: relative;
}
.vscrollcontainer body.vscrollcontainer {
  height: 100%;
}

.picklist::-webkit-scrollbar:vertical {
  width: 12px;
}

.picklist {
  height: 200px;
  overflow-x: hidden;
  padding-left: 4px;
  padding-right: 4px;
  /*
  border-width: 1px;
  border-style: solid;
  */
}
.picklist .org-tree {
  background-color: #ffffff;
}
.picklist .org-tree ul {
  margin-left: 10px;
}

sup.required {
  color: #c73b1c;
  top: -0.2em;
  left: 0.2em;
  font-size: 85%;
}

.mount-container sup.required.show {
  display: inherit;
}

.disabled {
  pointer-events: none;
  cursor: default;
}

.orgitem {
  padding-top: 2px;
  padding-bottom: 2px;
}
.orgitem label {
  text-transform: none;
  vertical-align: middle;
  vertical-align: -webkit-baseline-middle;
  position: relative;
  top: 1px;
}

.hidden {
  display: none;
}

/* Changes to recline CSS */
.main-menu li a.active {
  background: rgb(232, 108, 31); /* #d25e15; */
}

.hide-numberInput-scroller::-webkit-inner-spin-button,
.hide-numberInput-scroller::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

#xhud .app_org_pane {
  top: 24px;
  width: 36%;
}
#xhud .app_org_container {
  display: inline-block;
  width: 100%;
}
#xhud .app_org_content {
  min-height: 350px;
  margin-left: 45px;
  width: 57%;
}
#xhud .app_org_content .table-title-container .search {
  width: 96%;
  margin-left: 0px;
}
#xhud .app_org_form_action {
  background: white;
  float: left;
}
#xhud .app_org_form_action .host-detail-button {
  float: right;
}
#xhud .app_org_form_action .cancel_btn {
  float: right;
  padding-right: 60px;
  padding-top: 10px;
}

/* Components */
/* Google */ /* Common two column layout */
.two-columns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-width: 830px;
  align-items: flex-start;
}
.two-columns .col-1 {
  margin-left: 15px;
  width: 30%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  min-width: 300px;
}
.two-columns .col-2 {
  margin-right: 25px;
  margin-top: 25px;
  width: 50%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.two-columns .picklist {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 10px;
}

/* common two columns grid layout end */
.form {
  background: rgb(240, 240, 235);
  border-radius: 7px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 1em;
  /*padding: 2em 3em;*/
  padding-top: 2em;
  /*padding-bottom: 4em;*/
  padding-right: 3em;
  padding-left: 3em;
  text-align: left;
}
.form.mini {
  display: inline-block;
  padding: 0 2em 3em;
}
.form form h3 {
  font-weight: 500;
  font-size: 1.5em;
  margin: 1.5em 0;
  width: 100%;
}

/* Events - view details */
.event-details-container .generic-details-events {
  margin-left: 0px;
  padding: 0px !important;
}
.event-details-container .generic-details-events .tab-content {
  margin: 4px 4px;
}
.event-details-container .generic-details-events .name-value-wrapper {
  margin: 5px 5px;
}
.event-details-container .generic-details-events .name-value-wrapper .name-value-cell {
  white-space: inherit;
  word-break: break-all;
  padding: 2px 6px;
}
.event-details-container .generic-details-events .name-value-wrapper .name-value-cell:first-child {
  width: 145px;
}

.clearfix-events {
  margin-left: 40px;
}

/* End of Events view details */
/* Jobs - view details */
.job-details-container {
  -webkit-user-select: text;
}
.job-details-container .generic-details-jobs {
  margin-left: 0px;
  height: 400px;
  overflow-y: scroll;
}
.job-details-container .generic-details-jobs .tab-content {
  margin-top: 4px;
}
.job-details-container .generic-details-jobs .tab-content .name-value-wrapper .name-value-row .name-value-cell:first-child {
  width: 162px;
}

.clearfix-jobs {
  margin-left: 40px;
}

/* End of Jobs view details */
/* Responsive and style - Hosts - View Details */
#box-hosts {
  min-width: 960px;
  margin: 0 auto;
}

.white-edit-host {
  -webkit-user-select: text;
  border: 10px solid #ffffff;
}

.form-background-hosts {
  background: #f0efea;
  border-radius: 7px;
  position: relative;
  /*float:right;*/
  height: 100%;
  width: 100%;
}
.form-background-hosts .hostedit-form {
  margin: 0;
  padding: 0;
}
.form-background-hosts .hostedit-form > form {
  width: 580px;
}

.style-name-hosts {
  margin-top: -10px;
}

.form-row > .form-section-network {
  width: 265px;
}

/* End of Responsive and style - Hosts - View Details */
/* Responsive - Hosts - Edit */
.right-box-hosts-edit {
  background: #d9d9d1;
  border-radius: 7px;
  height: 280px;
  width: 70%;
  display: inline-block;
  padding: 5px 9px 4px 10px;
}
.right-box-hosts-edit .table-title-container .search {
  margin-left: 0px;
  width: 94%;
}

.host-edit {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.host-edit .col-1-column-host-edit {
  width: inherit;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  min-width: 300px;
}
.host-edit .col-1-column-host-edit .generic-details {
  width: inherit;
}
.host-edit .form-row {
  width: inherit;
}
.host-edit .hostedit-action-buttons {
  margin-right: 75px;
  float: right;
}
.host-edit #host_detail_cancel-btn {
  float: inherit;
}

/* End of Responsive - Hosts - Edit */
/* Responsive - Create New Profile */
#box-new-profile {
  max-width: 1250px;
  min-width: 1250px;
  margin: 0 auto;
}

.one-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-width: 830px;
}
.one-column .wrapper-header-top-bar {
  max-width: 1110px;
  min-width: 1110px;
}
.one-column .new-profile-top-bar-form {
  margin-left: -10px;
}
.one-column .profile-top-bar-form {
  min-width: 1090px;
}

/* End of responsive - Create New Profile */
/* Responsive - Logical Groups */
#box-group {
  min-width: 960px;
  margin: 0 auto;
}

.form-background-logicalg {
  background: #f0efea;
  border-radius: 7px;
  position: relative;
  height: 100%;
  max-width: 100%;
}

.one-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-width: 830px;
}
.one-column left-box-logicalg {
  width: 42%;
}
.one-column right-box-logicalg {
  width: 42%;
}

.create-group-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 0px 0;
  margin-left: auto;
  width: 100%;
  margin-top: -15px;
  margin-right: 3%;
  margin-bottom: 20px;
  width: 84%;
  min-width: 550px;
  padding-top: 25px;
}
.create-group-buttons .cancel_btn {
  padding-right: 60px;
  padding-top: 10px;
}

/* End of - Responsive - Logical Groups */
/* Responsive - Consistency Group */
#box-consistency {
  min-width: 960px;
  margin: 0 auto;
}

.consistency-group-host-help {
  margin-left: 5px;
  margin-bottom: 0px;
}

.consistency-group-apppool-help {
  margin-left: 15.5%;
  margin-bottom: 0px;
}

.consistency-group-member-help {
  margin-bottom: 0px;
  margin-left: 29.5%;
}

.form-background-consistency {
  background: #f0efea;
  border-radius: 7px;
  position: relative;
  float: right;
  height: 100%;
  max-width: 100%;
}

.one-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-width: 830px;
}
.one-column .application-windows .left-box-consistency {
  width: 42%;
  height: clac(100vh-350px);
  display: inline-block;
  padding-top: 20px;
}
.one-column .application-windows .left-box-consistency .apppool-searchbox {
  margin-right: 20px;
}
.one-column .application-windows .left-box-consistency .apppool-grid {
  height: 235px;
  border-radius: 7px;
}
.one-column .application-windows .left-box-consistency .apppool-grid .data-view-container {
  overflow-y: hidden;
}
.one-column .application-windows .right-box-consistency {
  width: 42%;
  background: #d9d9d1;
  border-radius: 7px;
  height: 280px;
  display: inline-block;
  padding-top: 20px;
}
.one-column .application-windows .right-box-consistency .searchbox {
  margin-right: 20px;
}
.one-column .application-windows .right-box-consistency .grid {
  height: 235px;
  border-radius: 7px;
}
.one-column .application-windows .right-box-consistency .grid .data-view-container {
  overflow-y: hidden;
}

#box-group .stacked-buttons > div, #box-consistency .stacked-buttons > div, #choose-vms .stacked-buttons > div {
  display: flex;
  flex-direction: column;
  height: 250px;
  justify-content: space-around;
  margin-left: 5px;
  margin-right: 5px;
}
#box-group .top-row .form-section, #box-consistency .top-row .form-section, #choose-vms .top-row .form-section {
  height: 80px;
  margin-right: 40px;
}
#box-group .top-row .form-section label, #box-consistency .top-row .form-section label, #choose-vms .top-row .form-section label {
  top: 0;
  position: relative;
}
#box-group .top-row .form-section input, #box-group .top-row .form-section select, #box-group .top-row .form-section input:focus, #box-group .top-row .form-section select:focus, #box-consistency .top-row .form-section input, #box-consistency .top-row .form-section select, #box-consistency .top-row .form-section input:focus, #box-consistency .top-row .form-section select:focus, #choose-vms .top-row .form-section input, #choose-vms .top-row .form-section select, #choose-vms .top-row .form-section input:focus, #choose-vms .top-row .form-section select:focus {
  box-sizing: border-box;
  vertical-align: middle;
  width: 100%;
  margin: 0px;
}
#box-group .top-row .form-section .select-container, #box-consistency .top-row .form-section .select-container, #choose-vms .top-row .form-section .select-container {
  height: 26px;
  box-sizing: border-box;
  width: 100%;
}
#box-group .top-row .form-section input, #box-consistency .top-row .form-section input, #choose-vms .top-row .form-section input {
  height: auto;
}
#box-group .top-row .form-section select, #box-consistency .top-row .form-section select, #choose-vms .top-row .form-section select {
  margin-top: 3px;
}

#new-form-row {
  padding-bottom: 1px;
  margin-bottom: -10px;
}

.create-group-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 0px 0;
  margin-left: auto;
  width: 100%;
  margin-top: -15px;
  margin-right: 3%;
  margin-bottom: 20px;
  width: 84%;
  min-width: 550px;
  padding-top: 25px;
}
.create-group-buttons .cancel_btn {
  padding-right: 60px;
  padding-top: 10px;
}

/* End of - Responsive - Consistency Groups */
/* Responsive - Organizations */
#box-organizations {
  min-width: 960px;
  margin: 0 auto;
}

.white-create-organizations {
  border: 10px solid #ffffff;
}

.form-background-organizations {
  background: #e5e5dc;
  border-radius: 7px;
  position: relative;
  float: left;
  height: 100%;
  width: 980px;
  padding: 15px;
  margin-bottom: 20px;
}
.form-background-organizations h3 {
  font-size: 18px;
  color: #2A3036;
  padding: 10px 0px 0px 0px;
}
.form-background-organizations #org_depricate_warning {
  font-size: 13px;
  color: red;
  margin-top: 10px;
}
.form-background-organizations #org_depricate_warning a {
  color: #3367D6;
}

/* End of - Responsive - Organizations */
/* Responsive - Roles */
#box-roles {
  min-width: 960px;
  margin: 0 auto;
}

.white-create-roles {
  border: 10px solid #ffffff;
}

.form-background-roles {
  background: #f0efea;
  border-radius: 7px;
  position: relative;
  float: right;
  height: 100%;
  width: 100%;
}

.rolesform .two-columns {
  min-height: 700px;
}
.rolesform #services-section {
  position: relative;
  height: 265px;
  top: 0px;
  width: 70%;
  margin-bottom: 10px;
}
.rolesform #rights-section {
  position: relative;
  height: 350px;
  top: 25px;
  width: 70%;
}

/* End of - Roles */
/* Responsive - Create User */
.form-section-wide .addBorder, .form-section-wide .addBorder:focus, .form-section .addBorder, .form-section .addBorder:focus {
  border-color: red;
}

#box-users {
  min-width: 960px;
  margin: 0 auto;
}

.white-create-users {
  border: 10px solid #ffffff;
}

.form-background-users {
  background: #f0efea;
  border-radius: 7px;
  position: relative;
  float: right;
  height: 100%;
  width: 100%;
}
.form-background-users .col-2 .new-roles {
  top: 100px;
  width: 70%;
  margin-bottom: 10px;
}
.form-background-users .col-2 .new-roles .picklist .check-box-table {
  width: 100%;
}
.form-background-users .col-2 .new-roles .picklist .check-box-table td:nth-of-type(2) {
  width: 90%;
  text-align: left;
}
.form-background-users .col-2 .new-orgs {
  top: 350px;
  width: 70%;
  height: 306px;
}
.form-background-users .col-2 .new-orgs .table-title-container .search {
  width: 95%;
  margin-left: -2px;
  margin-right: 3px;
}
.form-background-users .col-2 .new-orgs .table-title-container span#clearOrgs {
  display: none;
  position: absolute;
  left: 89.4%;
  top: 49%;
  z-index: 10;
  height: 100%;
  width: 30px;
  background: none;
  border: none;
  color: #666;
  outline: none;
  font-size: 16px;
  transition: color 0.25s;
}
.form-background-users .col-2 .new-orgs .table-title-container .picklist {
  height: 217px;
}

.btn_holder {
  width: 800px;
  float: right;
}

/* End of Responsive - Create User */
/* Edit Storage Pool Organizations */
#box-pool {
  min-width: 960px;
  margin: 0 auto;
}

.white-edit-pool {
  border: 10px solid #ffffff;
}

.form-background-pool {
  background: #f0efea;
  border-radius: 7px;
  position: relative;
  float: right;
  height: 100%;
  width: 100%;
}
.form-background-pool .col-2 .col-2-host-edit {
  margin-top: 35px;
}
.form-background-pool .col-2 .right-box-pool-edit {
  background: #d9d9d1;
  border-radius: 7px;
  height: 280px;
  width: 70%;
  display: inline-block;
  padding: 5px 9px 8px 10px;
  margin-top: 30px;
}
.form-background-pool .col-2 .right-box-pool-edit .picklist {
  padding-bottom: 8px;
}
.form-background-pool .col-2 .right-box-pool-edit .table-title-container {
  margin-left: -5px;
}
.form-background-pool .col-2 .right-box-pool-edit .table-title-container .search {
  width: 94%;
}

.generic-details {
  position: relative;
  margin-left: 20px;
  border-radius: 7px;
}

.generic-details-host-edit {
  word-break: break-all;
}

/* End of Storage Pool Organizations */
/*Consistency Groups - Manage */
.white-create-consistency {
  border: 10px solid #ffffff;
}

/*End of Consistency Groups - Manage */
/*Create Consistency Groups */
/*End of Create Consistency Groups */
/* Create New Profile - SLA */
.white-new-profile {
  border: 10px solid white;
}

.new-local-container {
  background: #d9d9d1;
  border-radius: 7px;
  padding: 5px 10px 0px 10px;
  margin-right: -2px;
  margin-left: -17px;
}

.new-remote-container {
  background: #d9d9d1;
  border-radius: 7px;
  padding: 5px 10px 10px 10px;
  margin-right: 10px;
}

/* End of New Profile - SLA */
/* Create Logical Group */
.logical-group-context-info {
  margin-left: 10px;
}

.white-create-group {
  border: 10px solid white;
}

.left-box-logicalg {
  background: #d9d9d1;
  border-radius: 7px;
  height: 280px;
  width: 42%;
  display: inline-block;
  padding-top: 20px;
}

.right-box-logicalg {
  background: #d9d9d1;
  border-radius: 7px;
  height: 280px;
  width: 42%;
  display: inline-block;
  padding-top: 20px;
}

.add-group {
  margin-top: 10px;
  margin-left: 5px;
  width: 100%;
}

.pane {
  margin-bottom: 40px;
}

.data-view-container {
  border-radius: 7px;
}

#header {
  padding: 20px;
}

/* End - Logical Group */
/* Create Organization */
.white-create-organization {
  border: 10px solid white;
}

.new-orgs-section {
  background: #d9d9d1;
  border-radius: 7px;
  margin: 5px 0 10px;
}
.new-orgs-section > label {
  padding: 5px 0 0 0px;
}
.new-orgs-section .picklist {
  border-radius: 7px;
  background-color: #ffffff;
}
.new-orgs-section .picklist td {
  text-align: left;
}

/* End - Create Organization */
/* Create Role */
body .white-create-role {
  border: 10px solid white;
}

.form-background {
  background: #f0efea;
  border-radius: 7px;
}

.scroll-space {
  padding-right: 18px;
}

#services-section {
  background: #d9d9d1;
  border-radius: 7px;
  height: 150px;
  top: 100px;
  width: 300px;
}
#services-section > h3 {
  padding: 4px 0px 0px 8px;
}
#services-section > ul {
  height: 205px;
  overflow-y: scroll;
  background-color: #ffffff;
  border-radius: 7px;
  padding: 5px 5px 10px 20px;
  margin-left: 10px;
  margin-right: -9px;
}

#rights-section {
  background: #d9d9d1;
  border-radius: 7px;
  padding-right: 19px;
  height: 350px;
  top: 260px;
  width: 300px;
}
#rights-section > h3 {
  padding: 4px 0px 0px 8px;
}

.rList-section {
  background-color: #ffffff;
  border-radius: 7px;
  margin-left: 10px;
  padding-top: 5px;
}

.role-optional-button {
  margin-top: 5px;
}

/* End - Create Role */
/* Create User */
.form-background {
  background: #f0efea;
  border-radius: 7px;
}

.new-roles {
  background: #d9d9d1;
  border-radius: 7px;
  padding: 0 9px 10px 10px;
  height: auto;
}
.new-roles > label {
  padding: 5px 0 0 0px;
}
.new-roles span#clearRoles {
  display: none;
  position: absolute;
  left: 89.5%;
  top: 59px;
  z-index: 10;
  height: 100%;
  width: 30px;
  background: none;
  border: none;
  color: #666;
  outline: none;
  font-size: 16px;
  transition: color 0.25s;
}
.new-roles .search {
  width: 95%;
  margin-left: 0px;
  margin-bottom: 3px;
}
.new-roles .picklist {
  border-radius: 7px;
  background-color: #ffffff;
}

.form-background .add-user section-container .btn-holder {
  background: grey;
}

.form-background-users .add-user.section-container .btn_disabled {
  background: grey;
  cursor: default;
}
.form-background-users .add-user.section-container .authenticate-secion {
  margin-top: 20px;
}
.form-background-users .add-user.section-container .authenticate-label {
  vertical-align: top;
  line-height: 12px;
  margin-top: 5px;
}

.new-orgs {
  background: #d9d9d1;
  border-radius: 7px;
  padding: 0px 11px 0px 10px;
}
.new-orgs .table-title-container > label {
  padding: 5px 0 0 7px;
}
.new-orgs .table-title-container .search {
  width: 95%;
  margin-left: 0px;
}
.new-orgs .picklist {
  border-radius: 7px;
  background-color: #ffffff;
}

.user-optional-button {
  margin-top: -10px;
}

/* End - Create User */
.form-row {
  padding: 0.5em 0;
  width: 100%;
}
.form-row.stretch-items {
  align-items: stretch;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.form-section-wide {
  display: inline-block;
  justify-content: space-around;
  vertical-align: top;
  width: 48%;
}
.form-section-wide .input-text, .form-section-wide .top-bar-input-text,
.form-section-wide .input-text:focus {
  width: 80%;
}

.form-section {
  display: inline-block;
  justify-content: space-around;
  vertical-align: top;
  /*width: 24.8%;*/
}
.form-section .input-text, .form-section .top-bar-input-text,
.form-section .input-text:focus {
  width: 80%;
}

.restore-option h2 {
  text-transform: capitalize;
}
.restore-option .form-section {
  display: inline-block;
  justify-content: space-around;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 10px;
}
.restore-option .form-section.mount-mode {
  width: 26%;
}
.restore-option .form-section .input-text, .restore-option .form-section .top-bar-input-text,
.restore-option .form-section .input-text:focus {
  width: 80%;
  margin: 0px;
}
.restore-option .form-section .select-container {
  display: table-cell;
  vertical-align: middle;
  height: 26px;
}
.restore-option .form-section .select-container select, .restore-option .form-section .select-container input, .restore-option .form-section .select-container label {
  margin: 0;
  vertical-align: middle;
}
.restore-option .form-section .select-container label {
  margin-left: 5px;
  margin-right: 5px;
}
.restore-option .app-mount {
  width: 60%;
}
.restore-option .pre-post-scripts .prescript, .restore-option .pre-post-scripts .prescript:focus {
  width: 70%;
  display: inline;
  margin-left: 12px;
}
.restore-option .pre-post-scripts .postscript, .restore-option .pre-post-scripts .postscript:focus {
  width: 70%;
  display: inline;
  margin-left: 5px;
}
.restore-option .pre-post-scripts .postscripttime, .restore-option .pre-post-scripts .postscripttime:focus, .restore-option .pre-post-scripts .prescripttime, .restore-option .pre-post-scripts .prescripttime:focus {
  width: 38%;
  display: inline;
  margin-left: 5px;
}

.rolesform .form-section {
  width: 410px;
}

.discovervms .form-section {
  border-radius: 8px;
  /* background:#f3f2ee; */
  padding: 10px;
  margin-right: 10px;
}

.discovervms .form-section label {
  margin-bottom: 10px;
}

.form-actions {
  border: 0;
  margin: 0;
  padding: 2em 0;
  background-color: #f0f0ea;
}

.xmodal-body .form-actions {
  width: 100%;
  text-align: right;
}

label {
  color: rgb(140, 140, 134);
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  margin-right: 0.5em;
  text-transform: uppercase;
}
label.block {
  display: block;
}
label.light {
  font-weight: 400;
  text-transform: none;
}

.input-text, .top-bar-input-text {
  border: 1px solid rgb(240, 240, 235);
  border-radius: 5px;
  display: block;
  font-size: 17px;
  padding: 8px 10px;
  width: 90%;
  /*@include box-shadow(inset 2px 2px 0 0 #ddd);*/
}
.input-text:focus, .top-bar-input-text:focus {
  border: 1px solid rgb(140, 140, 134);
}

.searchbox-input {
  width: 100%;
}

input[type=checkbox],
input[type=radio] {
  display: inline-block;
  margin: 0 2px 5px;
}

.select-container {
  position: relative;
  width: 90%;
}
.select-container.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.select {
  background: rgb(140, 140, 134) url(../images/agm/controls/white-dropdown-arrow.png?agm-ver=undefined.undefined) no-repeat 95% 47%;
  background-size: inherit;
  border: 0;
  border-radius: 7px;
  color: rgb(255, 255, 255);
  line-height: 1.1em;
  padding: 0 2.25em 0 0.75em;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select::-ms-expand {
  display: none;
}
.select:disabled {
  background: rgb(140, 140, 134);
  border: 0;
  border-radius: 7px;
  color: rgb(255, 255, 255);
  opacity: 0.4;
}

.sel-vms-table .select {
  background-position: 88% 47%;
}

.link {
  color: #3367D6;
  font-size: 1em;
  font-weight: 500;
}
.link.large {
  font-size: 1.5em;
  cursor: pointer;
}

.cap-header {
  background: rgb(140, 140, 134);
  border-radius: 7px 7px 0 0;
  color: rgb(255, 255, 255);
  margin-top: 0.75em;
  padding: 0.5em;
}
.cap-header label {
  color: rgb(255, 255, 255);
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

input[id=as_vrdm] + label,
input[id=as_prdm] + label,
input[id=prepmnt_as_vrdm] + label,
input[id=prepmnt_as_prdm] + label {
  text-transform: none;
}

.source-radios input[type=radio] {
  margin: 0 2px 0px;
}
.source-radios label {
  vertical-align: top;
}

.error-container {
  display: none;
}

.error-text {
  display: inline-block;
  float: left;
  color: red;
  font-size: 11px;
}

.error1-text {
  display: inline-block;
  color: red;
  font-size: 11px;
}

.section-white {
  padding: 15px;
  border-radius: 8px;
  background: #ffffff;
}

.invalid {
  border-color: red;
}

#snapshot-bottom-container, #host-gce-sap {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 20px;
  width: -webkit-fill-available;
}
#snapshot-bottom-container label, #host-gce-sap label {
  display: block;
}

#snapshot-bottom-container .recovery-toggle {
  display: grid;
  width: 695px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

#host-gce-sap .greyed {
  opacity: 0.6;
}
#host-gce-sap .note-gce-sap {
  font-weight: 700;
  font-size: 14px;
}
#host-gce-sap #form-section-inclusions {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
#host-gce-sap .form-section {
  display: grid;
  width: 695px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
#host-gce-sap .form-section input[type=text] {
  width: -webkit-fill-available;
}
#host-gce-sap .form-section select {
  margin: 0;
}

#mappingoptions-gce-sap {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
#mappingoptions-gce-sap .mappoptions-gce-heading, #mappingoptions-gce-sap .mappoptions-gce-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 20px 5px;
}
#mappingoptions-gce-sap .mappoptions-gce-heading label, #mappingoptions-gce-sap .mappoptions-gce-row label {
  display: block;
}
#mappingoptions-gce-sap .mappoptions-gce-heading input, #mappingoptions-gce-sap .mappoptions-gce-heading select, #mappingoptions-gce-sap .mappoptions-gce-heading label, #mappingoptions-gce-sap .mappoptions-gce-row input, #mappingoptions-gce-sap .mappoptions-gce-row select, #mappingoptions-gce-sap .mappoptions-gce-row label {
  margin: 0px;
}

.select {
  border-radius: 4px;
}
.select:disabled {
  border-radius: 4px;
}

button,
input {
  font-family: "Roboto", "Helvetica", "Arial", "san serif";
}
button.button,
input.button {
  border: 0;
  box-shadow: none;
  line-height: 12px;
  text-shadow: none;
}
button.button.button-primary, button.button.apply-filters, button.button.button-small, button.button.button-primary-medium, button.button.policy-editor-advanced-settings-test,
input.button.button-primary,
input.button.button-small,
input.button.button-primary-medium,
input.button.policy-editor-advanced-settings-test {
  background: #3367D6;
  border-radius: 7px;
  color: rgb(255, 255, 255);
  font-size: 1.6em;
  font-weight: 500;
  margin-left: 1.5em;
  margin-right: 1.5em;
  padding: 0.75em 1em;
  min-width: 150px;
  height: 40px;
}
button.button.button-primary#ternaryModal, button.button#ternaryModal.apply-filters, button.button#ternaryModal.button-small, button.button#ternaryModal.button-primary-medium, button.button#ternaryModal.policy-editor-advanced-settings-test,
input.button.button-primary#ternaryModal,
input.button#ternaryModal.button-small,
input.button#ternaryModal.button-primary-medium,
input.button#ternaryModal.policy-editor-advanced-settings-test {
  margin-left: 3em;
}
button.button.button-primary[disabled], button.button[disabled].apply-filters, button.button[disabled].button-small, button.button[disabled].button-primary-medium, button.button[disabled].policy-editor-advanced-settings-test,
input.button.button-primary[disabled],
input.button[disabled].button-small,
input.button[disabled].button-primary-medium,
input.button[disabled].policy-editor-advanced-settings-test {
  background-color: #D1D1D1;
}
button.button.button-primary-medium, button.button.policy-editor-advanced-settings-test,
input.button.button-primary-medium,
input.button.policy-editor-advanced-settings-test {
  font-size: 14px;
  margin-right: 0;
}
button.button.button-primary-medium[disabled], button.button[disabled].policy-editor-advanced-settings-test,
input.button.button-primary-medium[disabled],
input.button[disabled].policy-editor-advanced-settings-test {
  background-color: #D1D1D1;
}
button.button.button-small,
input.button.button-small {
  font-size: 14px;
  width: 130px;
  min-width: 50px;
  padding: 0.75em 2em;
}
button.button.button-mini,
input.button.button-mini {
  font-size: 10px;
  padding: 0;
  min-width: 60px;
  height: 2em;
  border-radius: 3px;
}

/* Sign-in button overrides */
#signInBtn {
  background: #3367D6;
}

/* Bootstrap button group overrides */
.btn-group {
  display: inline-block;
  vertical-align: middle;
}
.btn-group .btn-default {
  outline: none;
}
.btn-group .caret {
  border-top: 4px solid rgb(255, 255, 255);
  opacity: 1;
  float: right;
}
.btn-group .btn {
  border: 0;
  min-width: 0;
}
.btn-group .btn-primary,
.btn-group .btn-primary:first-child {
  border-radius: 8px 0 0 8px;
  color: rgb(255, 255, 255);
  background: #3367D6;
  font-size: 16px;
  font-weight: 500;
  padding: 0.6em 2em;
}
.btn-group .btn-primary.main-action,
.btn-group .btn-primary:first-child.main-action {
  min-width: 120px;
}
.btn-group .btn-primary.dropdown-toggle,
.btn-group .btn-primary:first-child.dropdown-toggle {
  border-radius: 0 10px 10px 0;
  font-weight: 500;
  margin-left: 1px;
  padding: 0.7em 1em 0.92em;
}
.btn-group .btn-secondary {
  color: rgb(255, 255, 255);
  background: rgb(232, 108, 31);
  width: 175px;
}
.btn-group .btn-secondary.dropdown-toggle-cg {
  min-width: 240px;
}

.btn-group.operations .btn,
.btn-group.operations .btn:first-child {
  border: 0;
  text-shadow: none;
  text-align: left;
  margin: 0 0.5em;
  text-transform: uppercase;
  line-height: 18px;
  border-radius: 7px;
  font-size: 1em;
  padding: 0.2em 0.75em;
}

.btn-group.dropup .dropdown-toggle {
  padding-top: 0.4em;
  padding-bottom: 1.05em;
}
.btn-group.dropup .caret {
  border-top: 0;
  margin-top: 10px;
}

input.curator-button,
a.curator-button {
  border-radius: 20px;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin: 0.25em 0;
  padding: 7px;
  width: 34px;
  font-size: 3em;
}
input.curator-button.remove,
a.curator-button.remove {
  background-color: #3367D6;
  border-color: #3367D6;
}
input.curator-button.disabled,
a.curator-button.disabled {
  background-color: rgb(140, 140, 134);
  border-color: rgb(140, 140, 134);
}
input.curator-button.add,
a.curator-button.add {
  background-color: #3367D6;
  border-color: #3367D6;
}

.input-with-left-arrow {
  position: relative;
}
.input-with-left-arrow:before {
  content: "";
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid rgb(140, 140, 134);
  position: absolute;
  left: -11px;
  top: 16px;
}
.input-with-left-arrow.enabled:before {
  border-right: 8px solid #3367D6;
}

.input-with-right-arrow {
  position: relative;
}
.input-with-right-arrow:after {
  content: "";
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid rgb(140, 140, 134);
  position: absolute;
  right: -12px;
  top: 16px;
}
.input-with-right-arrow.enabled:after {
  border-left: 8px solid #3367D6;
}

.input-with-right-arrow.labeltext,
.input-with-left-arrow.labeltext {
  height: 90px;
}
.input-with-right-arrow.labeltext label,
.input-with-left-arrow.labeltext label {
  font-size: 0.9em;
  text-transform: upper;
  position: absolute;
  text-align: center;
  left: -20px;
  width: 76px;
  line-height: 1.4em;
}

.caret-container {
  border-left: 1px solid rgb(255, 255, 255);
  float: right;
  padding: 0 0 0.5em 0.5em;
}

.actionbuttons {
  margin-left: 10px;
  /*margin-top: 10px;*/
}

.backup-actions {
  padding-top: 10px;
}
.backup-actions .btn-primary:first-child {
  padding: 0.6em 1.5em;
}

.etcd-p .actionbuttons {
  float: right;
  margin-right: 20px;
}

.recline-data-explorer .etcd-p {
  height: 45px;
  padding: 10px 0 0 5px;
  width: 100%;
  border-top: 1px solid #d8d8d8;
  background-color: #f3f3ef;
}

/* dropdown styling */
.filters input[type=text] {
  background: #dfe4e8;
}
.filters .btn-group.show .dropdown-menu {
  display: block;
  margin-top: -9px;
  max-height: 200px;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  width: 99.9%;
  background: #517293;
  color: #7396bc;
  padding: 0;
  overflow-y: scroll;
  border-width: 1px 0 0 0;
}
.filters .btn-group.show .dropdown-menu ::-webkit-scrollbar:vertical {
  width: 12px;
}

.filters .btn-group.show .dropdown-menu::-webkit-scrollbar:vertical {
  width: 12px;
}

.btn-group .dropdown-toggle,
.btn-group.show .dropdown-toggle {
  outline: 0;
}

.btn-group.show .dropdown-toggle {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.activearea:hover {
  opacity: 0.5;
  background: #cccccc;
  border-right-color: grey;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: grey;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.activearea {
  /* background:white; */
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #f0f0ea;
  border-bottom-color: #f0f0ea;
}

.activejobview {
  border-top-color: white;
  border-top-width: 7px;
  border-top-style: solid;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background-color: white;
  border-right-width: 0px;
  color: black;
  font-weight: 500;
}

.jobview {
  padding-top: 4px;
}

.btn-group .dropdown-menu.show li a,
.etcd-p .dropup .dropdown-menu.show li a,
.service-tools .dropdown-menu.show li a {
  color: #fff;
  font-size: 1.3em;
  font-weight: 500;
  text-align: left;
}
.btn-group .dropdown-menu.show li a.copydataaction,
.etcd-p .dropup .dropdown-menu.show li a.copydataaction,
.service-tools .dropdown-menu.show li a.copydataaction {
  font-size: 1.4em;
}
.btn-group .dropdown-menu.show li a:hover,
.etcd-p .dropup .dropdown-menu.show li a:hover,
.service-tools .dropdown-menu.show li a:hover {
  background: #7396bc;
}
.btn-group .dropdown-menu.show li:first-child a,
.etcd-p .dropup .dropdown-menu.show li:first-child a,
.service-tools .dropdown-menu.show li:first-child a {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.btn-group .dropdown-menu.show li:last-child a,
.etcd-p .dropup .dropdown-menu.show li:last-child a,
.service-tools .dropdown-menu.show li:last-child a {
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}

.btn-group.dropup .dropup.dropdown-menu.show {
  transform: translate3d(0px, 0px, 0px) !important;
  top: auto !important;
  bottom: 36px !important;
}

.btn-group.backup-actions.show .dropdown-menu {
  transform: translate3d(0px, 38px, 0px) !important;
  top: auto !important;
}

.btn-group.active-image-actions.dropup .dropdown-menu.show {
  border-radius: 8px 8px 0 8px;
  transform: translate3d(-60px, -91px, 0px) !important;
  top: auto !important;
  bottom: -60px !important;
}

.dropdown-menu.dropdown-menu-right.show {
  right: 0px;
  left: auto !important;
}

.btn-group.active-image-actions.dropup .dropdown-toggle.show {
  border-radius: 0 0 8px 0;
}

.etcd-p .dropup .dropdown-menu li:first-child a {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.etcd-p .dropup .dropdown-menu li:last-child a {
  -webkit-border-radius: 0 0 0 8px;
  -moz-border-radius: 0 0 0 8px;
  border-radius: 0 0 0 8px;
}
.etcd-p .dropup .dropdown-menu li a:hover {
  background: white;
  color: #4e8fe0;
}

.dropup li:first-child a {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.dropup li:last-child a {
  -webkit-border-radius: 0 0 0 8px;
  -moz-border-radius: 0 0 0 8px;
  border-radius: 0 0 0 8px;
}
.dropup li a:hover {
  background: white;
  color: #3367D6;
}

.etcd-p .btn-group.show .dropdown-toggle {
  -webkit-border-radius: 0 0 8px 0;
  -moz-border-radius: 0 0 8px 0;
  border-radius: 0 0 8px 0;
  padding-bottom: 1.1em;
  background: #3367D6;
}

.dropdown-menu {
  min-width: 100%;
  background-color: #3367D6;
}
.dropdown-menu li a {
  color: white;
}

.etcd-p .btn-group.show .dropdown-menu {
  /*width:100%;*/
  padding: 0;
  background: #3367D6;
  border: 0;
  bottom: 10px;
  -webkit-border-radius: 8px 8px 0 8px;
  -moz-border-radius: 8px 8px 0 8px;
  border-radius: 8px 8px 0 8px;
  left: auto;
  right: 0;
}

.service-tools .dropdown-toggle.show,
.backup-detail .dropdown-toggle.show,
.apply-button-div .dropdown-toggle.show {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}

.service-tools .dropdown-menu.show,
.backup-detail .dropdown-menu.show,
.apply-button-div .dropdown-menu.show {
  width: 93.4%;
  background: rgb(232, 108, 31);
  left: 6px;
  font-size: 0.85em;
  border: 0;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  padding: 0;
  top: 1px !important;
}
.service-tools .dropdown-menu.show li a:hover,
.backup-detail .dropdown-menu.show li a:hover,
.apply-button-div .dropdown-menu.show li a:hover {
  background: #f0813c;
}

.backup-detail .dropdown-toggle.show,
.apply-button-div .dropdown-toggle.show {
  -webkit-border-radius: 0 8px 0 0;
  -moz-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
}

.backup-detail .dropdown-menu.show,
.apply-button-div .dropdown-menu.show {
  width: auto;
  background: #3367D6;
  left: 0;
  -webkit-border-radius: 8px 0 8px 8px;
  -moz-border-radius: 8px 0 8px 8px;
  border-radius: 8px 0 8px 8px;
}
.backup-detail .dropdown-menu.show li a:hover,
.apply-button-div .dropdown-menu.show li a:hover {
  background: #6d9cea;
}
.backup-detail .dropdown-menu.show li:first-child a,
.apply-button-div .dropdown-menu.show li:first-child a {
  -webkit-border-radius: 8px 0 0 0;
  -moz-border-radius: 8px 0 0 0;
  border-radius: 8px 0 0 0;
}

.apply-button-div .dropdown-menu.show {
  background: rgb(140, 140, 134);
}
.apply-button-div .dropdown-menu.show li a:hover {
  background: #a5a5a2;
}

.host-detail-button, vms-actions .optional-button {
  float: right;
}

.role-create-btn-holder .optional-button {
  padding-top: 4em;
}

.host-detail-actions {
  width: 100%;
}

.groupaction {
  width: 84%;
  min-width: 550px;
}

.vcenter-actions {
  max-width: 1186px;
  width: 95%;
}

#add-to-cds-div {
  float: right;
}

#hostlist_cg, #apppool {
  display: inline-block;
}

.consistency-group-tables #hostlist_cg, .consistency-group-tables #apppool, .consistency-group-tables #appsel {
  border: 1px #c7c7c7 solid;
  border-radius: 7px;
}
.consistency-group-tables #hostlist_cg, .consistency-group-tables #apppool {
  display: inline-block;
  width: 265px;
}
.consistency-group-tables #hostlist_cg {
  width: 36.5%;
}
.consistency-group-tables #hostlist_cg .disabled {
  pointer-events: none;
  cursor: default;
}
.consistency-group-tables #apppool {
  width: 65%;
  margin-left: 40%;
}
.consistency-group-tables #appcontainer_cg, .consistency-group-tables #appsel {
  height: 380px;
  display: inline-block;
  margin-right: 0px;
  margin-top: 0;
  margin-bottom: 0px;
  padding: 0px;
  width: 100%;
}
.consistency-group-tables #appcontainer_cg {
  width: 54%;
  flex: none;
}

.logical-group-tables #apppool, .logical-group-tables #appsel {
  height: calc(100vh - 350px);
  display: inline-block;
  position: relative;
  border: #d0d0d0 1px solid;
  border-radius: 0px;
}
.logical-group-tables #apppool {
  margin-right: 20px;
}

#appsel {
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 0;
  margin-bottom: 0px;
}

#appcontainer_cg .filter-tags {
  display: none;
}

.group-success {
  cursor: pointer;
}

.btn-toolbar {
  margin-top: 1px;
  margin-bottom: 1px;
}
.btn-toolbar .link {
  vertical-align: middle;
  line-height: 33px;
}

.btn-toggle, .btn-toggle:hover, .btn-toggle:active, .btn-toggle.active {
  text-shadow: none;
  text-transform: uppercase;
  background: #d9d9d1;
  color: #8c8c86;
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding: 8px 10px;
}

.btn-toggle:first-child {
  margin-right: 10px;
}

.btn-toggle:last-child {
  margin-right: 0;
}

.btn-toggle:active, .btn-toggle.active {
  background: rgb(232, 108, 31);
  color: rgb(255, 255, 255);
}

#hostlist_cg .pagination {
  display: none;
}

.cancelBtnPage {
  margin-right: -30px;
}

.activejobview {
  width: 90px;
  height: 26px;
  left: 0px;
  top: 0px;
  background: #F8F9FA;
  border: 1px solid #DADCE0;
  border-bottom-width: 0px;
  box-sizing: border-box;
  border-radius: 4px 4px 0px 0px;
}

/* Inline table search */
.search-div {
  padding: 5px 3px 6px 3px;
  background-color: #D1D1D1;
  margin-right: 2px;
}
.search-div input[type=search] {
  -webkit-appearance: searchfield;
  -moz-appearance: searchfield;
  border-radius: 15px;
  margin-bottom: 0;
}
.search-div input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  -moz-appearance: searchfield-cancel-button;
}

.input-text .search::-webkit-search-cancel-button, .top-bar-input-text .search::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  -moz-appearance: searchfield-cancel-button;
}

tbody tr td a {
  color: #0645AD;
  text-decoration: underline;
}
tbody tr td a.normal {
  color: #000000;
  text-decoration: none;
}
tbody tr td a.normal:hover {
  text-decoration: underline;
}
tbody tr td select {
  width: 100px;
  height: inherit;
}

tr.has-content:hover {
  background-color: #a8d1ff;
  cursor: pointer;
}

.current-page {
  width: 40px;
}

.recline-pager .pagination input {
  width: 60px;
}

.table-wrapper {
  display: block;
  height: 204px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 520px;
}
.table-wrapper.full-width {
  width: 100%;
}

/* Discover VMs tables */
.table-section {
  display: inline-block;
  position: relative;
}
.table-section.shaded {
  background: rgb(240, 240, 235);
  border-radius: 7px;
  margin-right: 1em;
  padding: 1em 2em;
}

.table-title-container {
  font-size: 18px;
  font-weight: bold;
  justify-content: space-between;
  margin: 1em 0 2em;
  width: 100%;
}
.table-title-container .search {
  width: 93%;
  margin-left: 5px;
}
.table-title-container span#clearOrgs {
  display: none;
  position: absolute;
  left: 94.4%;
  top: 1.8em;
  z-index: 10;
  height: 100%;
  width: 30px;
  background: none;
  border: none;
  color: #666;
  outline: none;
  font-size: 16px;
  transition: color 0.25s;
}

input.input-text.search::-webkit-search-cancel-button, input.search.top-bar-input-text::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  -moz-appearance: searchfield-cancel-button;
}
input.input-text.search::-webkit-input-placeholder, input.search.top-bar-input-text::-webkit-input-placeholder {
  opacity: 0.5;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 2px;
}

.table-header-title {
  width: 100%;
  display: inline-flex;
  padding-bottom: 8px;
}
.table-header-title span {
  font-size: 13px;
  padding-left: 10px;
  font-weight: 600;
  color: #717673;
}
.table-header-title .select-all-checkbox {
  margin-left: 10px;
  margin-right: 30px;
}

.results-table {
  border: 0;
  border-spacing: 0;
  font-size: 14px;
  max-height: 405px;
  table-layout: fixed;
  text-align: left;
  width: 522px;
}
.results-table th {
  border: 0;
  border-bottom: 1px solid rgb(208, 208, 208);
  font-weight: normal;
  padding: 0.25em 0.75em;
}
.results-table tbody {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 519px;
}
.results-table tbody tr:nth-child(odd) {
  background-color: rgb(238, 238, 238);
}
.results-table tbody tr:nth-child(even) {
  background-color: rgb(255, 255, 255);
}
.results-table tbody tr.selected-row {
  background-color: rgb(78, 143, 224);
  color: rgb(255, 255, 255);
}
.results-table td {
  border: 0;
  font-weight: 400;
  padding: 0.75em;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.results-table.full-width {
  width: 1220px;
}
.results-table.modal-width {
  width: 440px;
}

.check-box-table th:nth-of-type(1), .check-box-table .check-box-table td:nth-of-type(1) {
  width: 10%;
  text-align: center;
}
.check-box-table th:nth-of-type(2), .check-box-table td:nth-of-type(2) {
  width: 90%;
  text-align: center;
}
.check-box-table .col-align {
  text-align: left !important;
}

.slick-header-column-sorted, .slick-header-column.ui-state-default.slick-header-column-sorted {
  font-style: normal;
  background-color: #f6f6f6;
}

.group-tables {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.group-tables .recline-slickgrid .slick-header {
  border: 0;
}
.group-tables .recline-slickgrid .slick-header .slick-header-columns .slick-header-column {
  background: rgb(240, 240, 235);
}
.group-tables .recline-slickgrid .slick-row:nth-child(odd) {
  background: rgb(246, 246, 244);
}

/*
Incomplete Slickgrid table header hack - for reference only.  Delete after reviewing.
#apppool:before, #appsel:before {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	color: $agm_accent_4;
}

#apppool:before {
	content: 'Available Applications (' attr(data-content)')';
}

#appsel:before {
	content: 'Group Applications (' attr(data-content)')';
}
End Slickgrid table header hack
 */
.recline-slickgrid .slick-row:nth-child(odd) {
  background-color: #f6f6f3;
  border-top: 1px solid #f3f3f1;
  border-bottom: 1px solid #f3f3f1;
}

.recline-slickgrid .slick-row:nth-child(even) {
  border-top: 1px solid #f3f3f1;
  border-bottom: 1px solid #f3f3f1;
}

.slick-header-column.ui-state-default {
  border-right: 1px solid rgb(234, 235, 229);
}

.recline-slickgrid .slick-header {
  border-bottom: 1px solid rgb(234, 235, 229);
}

.grid-canvas {
  min-height: 90px;
}

.choosevms-actions {
  max-width: 1250px;
  width: 100%;
  text-align: right;
}

#bottom-tables {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 1250px;
}

/* Basic skeleton styles for menus in AGM top navigation header. Specific styles change by context */
.tab-pane {
  height: 70px;
}

.menu-header {
  position: relative;
}
.menu-header .usernameInMenu {
  max-width: 10em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 24px;
  vertical-align: middle;
}
.menu-header a {
  text-decoration: none;
}

.menu-header:hover {
  cursor: pointer;
}

.menu-header .menu {
  display: none;
  position: absolute;
  z-index: 100;
  top: 24px;
}

.menu-header .menu a {
  display: block;
  text-decoration: none;
}

.menu-header .menu .input {
  margin: 0.3em;
  width: 94%;
  border-radius: 3px;
}

.menu.organization-list .search-cancel {
  right: -5px;
}

.menu-header.open .menu {
  display: block;
}

.agm-settings .menu-header.open .list-bar {
  max-height: 400px;
  overflow-y: scroll;
}

.new-help > a {
  text-decoration: none;
}

.menu-header .menu-arrow {
  margin-left: 0.35em;
  font-size: 0.7em;
}

.agm-header {
  position: relative;
  min-width: 655px;
}

.agm-header > div {
  box-sizing: border-box;
  white-space: nowrap;
}

.agm-options {
  position: relative;
}

.notification {
  display: inline-block;
  position: relative;
}

.agm-header h1 {
  display: inline-block;
  color: #000;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 1.5em;
  margin: 0;
  padding: 0 0.5em 0 10px;
  line-height: 30px;
  position: relative;
  left: -135px;
}

.agm-header h1:after {
  content: "|";
  position: absolute;
  top: 6px;
  bottom: 0;
  width: 20px;
  margin-left: 2px;
}

.agm-settings {
  float: right;
  margin-top: 3px;
}

.agm-settings > * {
  margin: 0 0.25em;
  float: left;
}

.agm-settings .timezone {
  color: #ffffff;
  top: 3px;
  position: relative;
}

.agm-settings .ss-icon {
  vertical-align: middle;
}

.agm-settings a {
  display: inline-block;
  font-size: 1.4em;
  margin-right: 1em;
  color: #ffffff;
  text-decoration: none;
}

.agm-settings .menu-header .session-user {
  margin-right: 0.35em;
}

.agm-settings .help {
  font-size: 1.2em;
}

.section-options {
  padding-left: 5px;
  background: #d9d9d1;
}

.section-options .subnav > div {
  color: #545d5a;
  font-size: 1.2em;
  margin-right: 1.5em;
  display: inline-block;
  padding: 0.15em 0.5em;
}

.section-options .subnav {
  display: none;
}

.section-options .subnav.show {
  display: block;
}

.context-options {
  background: #f1f0ec;
  padding-left: 50px;
}

/* Specific menu instance styles */
.agm-settings .menu-header {
  display: inline-flex;
}

.agm-settings .menu-header .menu {
  width: 175px;
  border-radius: 0 0 5px 5px;
  background: #f1f0ec;
  right: 0;
  border-style: none solid solid solid;
  border-width: 1px;
  border-color: lightgray;
}

.agm-settings .menu-header.open {
  background: #f1f0ec;
}

.agm-settings input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
}

.agm-settings label {
  display: inline-block;
  vertical-align: middle;
}

.agm-settings .menu-header.open .menu {
  width: auto;
  background: #fff;
  border-radius: 5px 0 5px 5px;
}

.agm-settings .menu-header.open .menu.cluster-list, .agm-settings .menu-header.open .menu.organization-list {
  min-width: 300px;
}

.agm-settings .menu-header.open {
  background: #fff;
}

.agm-settings .menu-header.open a, .agm-settings .menu-header.open a label {
  color: #000;
}

.agm-settings .menu-header.open .menu a:not(.search-cancel):hover {
  background: #eaeaea;
}

.agm-settings a.current {
  font-weight: 500;
}

.agm-settings .menu-header.open .menu a {
  margin: 0;
  padding: 0.5em 1em;
}

.agm-settings .menu-header.open .menu a label {
  width: 100%;
  line-height: normal;
  margin: 0 0 0 0;
  cursor: pointer;
}

.agm-settings .menu-header a {
  padding: 0.1em 0 0 0.4em;
  display: block;
  line-height: 24px;
}

.agm-settings .menu-header {
  border-radius: 6px 6px 0 0;
}

.agm-settings .menu-header.open .menu a input[type=checkbox] {
  margin-bottom: 3px;
}

.agm-settings .menu-header.open .menu.organization-list .picklist label {
  color: white;
}

.agm-settings .menu-header .menu.user {
  width: 150px;
}

.agm-settings .menu-header .menu.user.options {
  width: 140px;
}

.section-options .menu-header a {
  padding: 0.4em 0;
  display: block;
}

.section-options .menu-header .menu {
  width: 200px;
  background: #363f46;
  border-radius: 0 0 5px 5px;
  padding: 0;
  left: 0;
}

.section-options .menu-header .menu a:last-child,
.agm-settings .menu-header .menu a:last-child {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.section-options .menu-header .menu a:first-child,
.agm-settings .menu-header .menu a:first-child {
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}

.section-options .menu-header.open {
  background: #363f46;
}
.section-options .menu-header.open a {
  color: #fff;
}
.section-options .menu-header.open .menu a {
  padding: 0.25em 0.5em;
}
.section-options .menu-header.open .menu a:hover {
  background: rgb(232, 108, 31); /* #d25e15; */
}
.section-options .menu-header.open .menu {
  margin-top: -4px;
}

.section-options a.current {
  font-weight: 400;
  color: white;
  background: #343e41;
  background: #8c8b86;
  position: relative;
  top: 5px;
}

.section-options div.current {
  background: #343e41;
  background: #8c8b86;
  height: 26px;
  top: -7px;
  position: relative;
}

.filterby {
  color: #fff;
  font-size: 1.1em;
  padding-right: 0px;
  position: relative;
  top: 4px;
}

.menu-arrow-style {
  margin-left: 0.65em;
  font-size: 0.5em;
  line-height: 15px;
}

#filterbutton {
  border-radius: 5px;
  border-color: lightgreen;
  border-width: 1px;
  border-style: none;
  padding: 0px 4px;
  font-size: 7pt;
  width: 18px;
}

.right-menu-items {
  position: absolute;
  display: inline-flex;
  float: right;
  padding-top: 0.75em;
  right: 1%;
}

.tplClass {
  color: #3367D6;
  text-decoration: underline;
}

.capitalizeText {
  text-transform: capitalize;
}

.textTransformNone {
  text-transform: none;
}

.agm-global-filters .modal-heading {
  padding: 0px !important;
}
.agm-global-filters .modal-main {
  margin-top: 245px;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 40px !important;
}
.agm-global-filters .modal-contents {
  border: 1px solid white;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 0px !important;
}
.agm-global-filters .modal-actions {
  padding: 0px !important;
}
.agm-global-filters .filter-search-cancel {
  background: url(../images/icon_search_x.png?agm-ver=undefined.undefined) no-repeat top left;
  height: 15px;
  position: absolute;
  right: 20px;
  top: 52px;
  width: 15px;
}
.agm-global-filters .filter-search-cancel:hover {
  background-color: transparent;
}
.agm-global-filters .agm-global-filters-content {
  border: 1px solid white;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.agm-global-filters .agm-global-filters-content .agm-global-filters-heading {
  font-size: 13pt;
  font-weight: 700;
}
.agm-global-filters .agm-global-filters-content .agm-global-filters-column-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}
.agm-global-filters .agm-global-filters-content .agm-global-filters-column-wrap .agm-global-filters-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 15px;
  min-width: 300px;
}
.agm-global-filters .agm-global-filters-content .agm-global-filters-column-wrap .agm-global-filters-column .agm-global-filters-heading {
  font-size: 11pt;
}
.agm-global-filters .agm-global-filters-content .agm-global-filters-column-wrap .agm-global-filters-column .agm-global-filters-search-items {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px;
}
.agm-global-filters .agm-global-filters-content .agm-global-filters-column-wrap .agm-global-filters-column .organization-list .picklist {
  padding: 10px 0 0 0;
}
.agm-global-filters .agm-global-filters-content .agm-global-filters-column-wrap .agm-global-filters-column .organization-list .org-tree :first-child {
  margin-left: 0px;
}

.gFiltersDisabled {
  background: lightgray !important;
  pointer-events: none;
  cursor: default;
}

.filtersearch-appliance, .filtersearch-org {
  width: 95%;
}

.timezoneClass {
  font-size: 8pt;
  text-align: right;
  margin-top: -6px;
}

.logoDiv {
  float: left;
  height: 39px;
  display: flex;
  place-items: center;
}
.logoDiv .logoWrap {
  width: 242px;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  align-items: end;
}
.logoDiv .logoWrap > * {
  margin-top: 5px;
}
.logoDiv .logoWrap .logoImg {
  position: relative;
  width: 92px;
  height: 16px;
  margin-left: 20px;
  background: url("/assets/images/logo/gcloud-full.svg") no-repeat top left;
}
.logoDiv .logoWrap .logoBackupDr {
  font-family: "Google Sans", Arial, sans-serif;
  font-size: 15px;
  position: relative;
  line-height: 18px;
  width: 116px;
  text-align: right;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.globalFilterLabel {
  color: #8c8c86;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  margin-right: 1em;
  text-transform: none;
  word-break: break-all;
}

.gFiltersApp, .gFiltersOrg {
  border: 1px solid lightgray;
  height: 330px;
  overflow: scroll;
  position: relative;
  padding: 10px;
  border-radius: 10px;
}

.gfAllNoneClass {
  font-size: 14px;
  font-weight: normal;
}

.external-pop-icon {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/src/assets/images/external-popup.svg");
  background-repeat: no-repeat;
  position: absolute;
  left: 215px;
  top: 9px;
}

.external-pop-icon-white {
  display: block;
  width: 20px;
  height: 20px;
  float: right;
  top: -3px;
  right: -10px !important;
  background-image: url("/src/assets/images/ExternalWindow.svg");
  background-repeat: no-repeat;
  position: relative;
  right: 10px;
}

button .external-pop-icon-white {
  top: 10px;
}

/* Media Queries added at the bottom of each scss for future use.*/
@media screen and (max-width: 1500px) {
  .filterby {
    color: #fff;
    font-size: 1.1em;
    padding-right: 0px;
    position: relative;
    top: 4px;
  }
  .agm-settings a {
    display: inline-block;
    font-size: 1.3em;
    margin-right: 1em;
    color: #ffffff;
    text-decoration: none;
  }
  .right-menu-items {
    position: absolute;
    display: inline-flex;
    float: right;
    padding-top: 0.5em;
    right: 1%;
  }
}
@media screen and (max-width: 1300px) {
  .logoDiv > * {
    margin-top: 0px;
  }
  .filterby {
    color: #fff;
    font-size: 1em;
    padding-right: 0px;
    position: relative;
    top: 3px;
  }
  .right-menu-items {
    position: absolute;
    display: inline-flex;
    float: right;
    padding-top: 0.5em;
    right: 0%;
  }
  .agm-settings a {
    display: inline-block;
    font-size: 1.2em;
    margin-right: 1em;
    color: #ffffff;
    text-decoration: none;
  }
}
@media screen and (max-width: 1200px) {
  .logoDiv {
    width: 139px;
  }
  .logoDiv > * {
    margin-top: 0px;
  }
  .logoDiv .logoImg {
    display: none;
  }
  .logoDiv .logoBackupDr {
    font-size: 13px;
    line-height: 15px;
    width: 89px;
    margin-left: 20px;
  }
  .filterby {
    color: #fff;
    font-size: 1.1em;
    padding-right: 0px;
    position: relative;
    top: 3px;
  }
  .right-menu-items {
    position: absolute;
    display: inline-flex;
    float: right;
    padding-top: 0.3em;
    right: 0%;
  }
  .agm-settings a {
    display: inline-block;
    font-size: 1em;
    margin-right: 1em;
    color: #ffffff;
  }
}
@media screen and (max-width: 950px) {
  .logoDiv {
    width: 10px;
  }
  .logoDiv > * {
    margin-top: 0px;
  }
  .logoDiv .logoImg {
    display: none;
  }
  .logoDiv .logoBackupDr {
    display: none;
  }
  .filterby {
    color: #fff;
    font-size: 1.1em;
    padding-right: 0px;
    position: relative;
    top: 3px;
  }
  .right-menu-items {
    position: absolute;
    display: inline-flex;
    float: right;
    padding-top: 0.2em;
    right: 0%;
  }
  .agm-settings a {
    display: inline-block;
    font-size: 0.8em;
    margin-right: 1em;
    color: #ffffff;
  }
}
.service-tools {
  background: rgb(240, 240, 235);
  font-size: 1.2em;
  padding: 0.35em 0.5em 0.35em 10px;
  white-space: nowrap;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.service-tools .context-info {
  color: #384448;
  display: inline-block;
  font-size: 1.1em;
  vertical-align: bottom;
}
.service-tools .context-info .appinfo-ellipsis-block {
  white-space: nowrap;
  vertical-align: bottom;
  display: inline-block;
  overflow: hidden;
}
.service-tools .context-info-badge {
  margin-right: 5px;
}
.service-tools .context-info-appname {
  font-weight: 600;
}
.service-tools .divider {
  color: #aeb8bb;
  margin: 0 0.5em;
}
.service-tools .failed-over,
.service-tools .asm-switch-notice {
  display: none;
  font-size: 1.4em;
  font-weight: 600;
  margin: 0 1em;
  vertical-align: bottom;
}
.service-tools .asm-switch-notice {
  display: inline-block;
  padding: 0 10px;
  border-left: 1px solid #aeb8bb;
}
.service-tools .asm-switch-notice .text {
  vertical-align: text-bottom;
}
.service-tools .asm-switch-notice .link {
  font-size: 14px;
  margin-left: 10px;
  vertical-align: bottom;
}
.service-tools .asm-switch-notice .link i {
  vertical-align: text-bottom;
  margin-right: 3px;
}
.service-tools.hana-restore {
  background: #ffe866;
}
.service-tools.restore-mounted {
  background: #ffe866;
}
.service-tools.restore-mounted .sql-restore-mount-notice {
  display: inline-block;
  padding: 0 10px;
  border-left: 1px solid #aeb8bb;
  margin: 0 10px;
  min-width: 200px;
  max-width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.service-tools.restore-mounted .sql-restore-mount-notice .link {
  font-size: 14px;
  vertical-align: bottom;
}
.service-tools.restore-mounted .sql-restore-mount-notice .truncateText {
  display: inline-block;
  min-width: 100px;
  max-width: 15%;
  overflow: hidden;
  vertical-align: bottom;
  text-overflow: ellipsis;
}
.service-tools.failover {
  background: #c93a0d;
}
.service-tools.failover * {
  color: rgb(255, 255, 255);
}
.service-tools.failover .failed-over {
  display: inline-block;
}
.service-tools.failover .dropdown-menu * {
  color: black;
}
.service-tools.switched {
  background: #ffe866;
}
.service-tools.switched .asm-switch-notice .rebalance-link {
  color: #2a3036;
  display: inline-block;
  background: #ddd;
  border: 1px solid #aaa;
  margin-right: 5px;
  padding: 4px 10px 2px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  transition: background 0.25s;
}
.service-tools.switched .asm-switch-notice .rebalance-link:hover {
  background: #ccc;
}
.service-tools.switched .asm-switch-notice .link {
  vertical-align: text-bottom;
  color: #3367D6;
  font-size: 13px;
}
.service-tools .group-members-link, .service-tools .details-settings-link {
  padding-left: 1em;
  vertical-align: middle;
  color: #3367D6;
  cursor: pointer;
}

.filters {
  background-color: #415A73;
  height: 100%;
  padding-top: 10px;
}
.filters .adcaret {
  margin-left: 8px;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #FFFFFF;
  margin-top: 6px;
  float: right;
}
.filters .ascaret {
  margin-left: 10px;
  margin-top: 4px;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 6px solid #FFFFFF;
  float: right;
}
.filters form {
  text-align: center;
}

.filter-accordian {
  background: #527293;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: rgb(255, 255, 255);
  margin: 1px 0 1px;
  padding: 0.82em;
  text-align: left;
  text-shadow: none;
  text-transform: uppercase;
  width: 91.5%;
  font-size: 1.2em;
}
.filter-accordian:hover, .filter-accordian:active, .filter-accordian:focus {
  background: #527293;
  box-shadow: none;
  color: rgb(255, 255, 255);
}

.filter-category {
  margin: 0 auto;
  width: 85%;
}
.filter-category .filter-category-title {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-shadow: none;
}
.filter-category .filter-button {
  background: #527293;
  border: 0;
  box-shadow: none;
  margin: 0.6em 0;
  padding: 0.65em 1em 0.65em 1em;
  text-align: left;
  text-shadow: none;
  width: 196px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  outline: 0;
}
.filter-category .filter-button .caret {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgb(255, 255, 255);
  margin-top: 5px;
  opacity: 0.7;
}
.filter-category .search-criteria-container {
  background-color: #dfe4e8;
  border-radius: 10px;
  margin: 10px 0;
}
.filter-category .search-criteria-container button {
  margin: 0;
}
.filter-category .search-criteria-container .filter-button {
  background: transparent;
  background-image: none;
}
.filter-category .search-criteria-container .filter-button span {
  color: #3367D6;
}
.filter-category .search-criteria-container .caret {
  border-top: 6px solid #3367D6;
}
.filter-category .search-criteria-container .input-text, .filter-category .search-criteria-container .top-bar-input-text {
  border: 0;
  outline: none;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  width: 90%;
}
.filter-category .search-criteria-container .btn-group .dropdown-menu {
  background-color: #dfe4e8;
}
.filter-category .search-criteria-container .btn-group .dropdown-menu a {
  color: #3367D6;
}
.filter-category .search-criteria-container .btn-group .dropdown-menu a:hover {
  background-color: #fff;
}
.filter-category .filter-date {
  width: 80px;
}
.filter-category .filter-date-separator {
  color: rgb(255, 255, 255);
  font-size: 1.7em;
  padding: 0 0.12em;
}
.filter-category .check-list {
  padding-top: 10px;
}
.filter-category .check-list input {
  width: 20px;
}
.filter-category .check-list label {
  color: #dfe4e8;
}
.filter-category input {
  width: 95%;
}

.recline-data-explorer .header .menu-right.filter-toggle-container {
  width: 100px;
  height: 20px;
}

.jobs-filter-header {
  height: 20px;
  padding: 0 5px 0 5px;
}

.filter-toggle {
  color: #679dd2;
  display: inline-block;
  font-size: 1.15em;
  margin: 0.5em 0 0;
  text-transform: uppercase;
  cursor: default;
}
.filter-toggle .caret {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  display: inline-block;
  float: none;
  height: 0;
  width: 0;
}
.filter-toggle .caret.brscaret {
  border-left: 5px solid rgb(78, 143, 224);
  margin: 4px 0 0 5px;
}
.filter-toggle .caret.blscaret {
  border-right: 5px solid rgb(78, 143, 224);
  margin: 4px 5px 0 0;
}

.slick-header-column.ui-state-default {
  background: white;
}

.slick-headerrow-column.ui-state-default {
  background: white;
}

.filter-crumbs {
  margin-top: 0.65em;
}

.filter-crumb-label {
  color: rgb(64, 93, 130);
  font-weight: 400;
  font-size: 1.15em;
  padding: 0 5px 0 15px;
}

.remove-filter {
  background: url(../images/filter-x.jpg?agm-ver=undefined.undefined) no-repeat;
  border: 0;
  display: inline-block;
  height: 12px;
  vertical-align: text-top;
  width: 12px;
}

button.button.apply-filters {
  background: #4e8fe0;
  border: 0;
  box-shadow: none;
  color: white;
  font-size: 1.3em;
  margin: 1em auto 0;
  padding: 0.65em 1em;
  text-shadow: none;
  width: 85%;
  outline-style: none;
}

.clear-filters {
  width: 100%;
  font-size: 1.2em;
  text-align: center;
}
.clear-filters a {
  color: rgb(100, 149, 237);
  margin: auto;
  position: relative;
  top: 32px;
  left: 20px;
  cursor: pointer;
}

.recline-filter-editor.xwell {
  border: 0;
  height: 100%;
  margin: 0;
  padding: 0;
}

.data-view-sidebar {
  display: none;
}

.display-flex {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.login-window {
  background-image: url(/assets/images/login_bg.jpg?agm-ver=undefined.undefined);
  background-size: cover;
  font-weight: 100;
}
.login-window .login-header span {
  font-size: 28px;
  font-weight: lighter;
}
.login-window .login-sub-header {
  font-size: 14px;
  font-weight: lighter;
  margin: 15px auto 0 auto;
  display: block;
  text-align: center;
  color: rgb(240, 240, 235);
}

.login-container {
  background-color: rgba(255, 255, 255, 0.1);
  width: 300px;
  margin: auto;
  margin-top: 150px;
  padding: 20px 100px 60px 100px;
}

.logo-container {
  padding-top: 0;
}

#LOGIN_FORM input {
  background-color: rgba(255, 255, 255, 0.1);
  border: 0; /* solid 1px rgba(255, 255, 255, 0.1); */
}
#LOGIN_FORM ::-webkit-input-placeholder {
  color: #fff;
}
#LOGIN_FORM :-moz-placeholder {
  color: #fff;
  opacity: 1;
}
#LOGIN_FORM ::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
#LOGIN_FORM :-ms-input-placeholder {
  color: #fff;
}

#loginWindowContent div.body div input {
  color: #fff;
  font-size: 18px;
  font-weight: 100;
}

#loginWindowContent div.body div input:required:valid {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

#loginWindowContent div.saml-or {
  color: #ffffff;
  margin-left: 100px;
  font-size: 15px;
}

#loginWindowContent div.saml-login {
  font-size: 15px;
  font-weight: 400;
  padding-top: 10px;
  margin-left: 38px;
}
#loginWindowContent div.saml-login a {
  color: #ffffff;
  text-decoration: underline;
}
#loginWindowContent div.saml-login span {
  color: #ffffff;
}

.loginfooter {
  bottom: initial;
}

/*
.png32.user_icon {
	background: transparent url(/assets/images/icons-left-nav.png?agm-ver=undefined.undefined) no-repeat 0 0;
	background-position: -180px 0;
}
.png32.password_icon {
	background: transparent url(/assets/images/icons-left-nav.png?agm-ver=undefined.undefined) no-repeat 0 0;
	background-position: -200px 0;
}
*/
.help-trigger {
  line-height: 12px;
  border-bottom: dotted 1px rgb(140, 140, 134);
}
.help-trigger:hover {
  cursor: help;
  opacity: 0.8;
}

.help-tip {
  width: 210px;
  max-height: 200px;
  background-color: #415973;
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 400;
  z-index: 10;
  overflow: auto;
}
.help-tip::-webkit-scrollbar {
  width: 12px;
}
.help-tip .show {
  display: block;
}
.help-tip i.fa {
  color: #fff;
  position: inherit;
}
.help-tip .help-tip-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}
.help-tip .help-tip-title i.fa {
  font-size: 16px;
  display: inline-block;
}
.help-tip .help-tip-info {
  margin-top: 5px;
  font-size: 10px;
}
.help-tip .help-tip-info a {
  color: #84b1db;
}
.help-tip .help-tip-info-icon, .help-tip .ss-info {
  color: #fff;
}
.help-tip .help-tip-more {
  font-size: 11px;
  line-height: 12px;
}

.popover-content {
  padding: 0;
}

.popover-title {
  display: none;
}

.popover-content {
  border-radius: 8px;
}

.popover.left .arrow {
  right: -10px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #415973;
  margin-right: 7px;
  margin-top: -5px;
  top: 50%;
  z-index: -1;
}

.popover.left {
  margin-top: -12px;
}

/*Using the custom css for menu and sub menu*/
.menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 2em;
  background: #ffffff;
  color: #333;
}

.menuMega {
  width: 100%;
  overflow: auto;
  background: #1A73E8;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2), 0px 3px 3px -2px rgba(0, 0, 0, 0.14), 0px 1px 8px rgba(0, 0, 0, 0.12);
  font-weight: 400;
}
.menuMega > ul {
  margin: 0 auto;
  width: 75%;
  list-style: none;
  padding: 0;
  position: inherit;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
  background: #1A73E8;
  display: flex;
  flex-direction: row;
}
.menuMega > ul > li {
  float: left;
  padding: 0;
  margin: 0;
}
.menuMega > ul > li a {
  color: #ffffff;
  transition: 0.4s;
}
.menuMega > ul > li:hover {
  background: rgba(245, 245, 245, 0.1);
  transition: 0.4s;
}
.menuMega > ul > li:hover a {
  color: #ffffff;
}
.menuMega > ul > li a.menuMegaTopLevellia {
  text-decoration: none;
  padding: 0.9em 10px 0.6em 10px;
  display: block;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 20px;
}

.menuMega > ul:before,
.menuMega > ul:after {
  content: "";
  display: table;
}

.menuMega > ul:after {
  clear: both;
}

.menuMega > ul > li .menuMega > ul > li a.menuMegaTopLevellia.valid.highlightSelMenu,
.menuMega > ul > li a.menuMegaTopLevellia.highlightSelMenu {
  background: #ffffff;
  color: #3367D6;
}

.menuMega > ul > li a.menuMegaSubmenulia {
  text-decoration: none;
  display: block;
  background: transparent;
  color: #000;
  text-transform: capitalize;
  font-size: 13px;
  position: relative;
}
.menuMega > ul > li a.menuMegaSubmenulia:hover {
  text-decoration: none;
  display: block;
  background: rgba(0, 0, 0, 0.05);
  color: #000;
}

.menuMega > ul > li a.menuMegaSubmenulia.highlightSelSubMenu {
  text-decoration: none;
  display: block;
  color: #3367D6;
  text-transform: capitalize;
}

.menuMega > ul > li > ul {
  display: none;
  width: 100%;
  background: #ffffff;
  font-size: 1.1em;
  text-transform: uppercase;
  padding: 10px;
  position: absolute;
  z-index: 999999999;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  opacity: 1 !important;
  -webkit-box-shadow: 0px 5px 18px -4px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 5px 18px -4px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 3px 18px -4px rgba(0, 0, 0, 0.45);
}

.menuMega > ul > li > ul:before,
.menuMega > ul > li > ul:after {
  content: "";
  display: table;
  clear: both;
}
.menuMega > ul > li > ul:before li,
.menuMega > ul > li > ul:after li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
}
.menuMega > ul > li > ul:before li ul,
.menuMega > ul > li > ul:after li ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}
.menuMega > ul > li > ul:before li ul li,
.menuMega > ul > li > ul:after li ul li {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-size: 0.8em;
}
.menuMega > ul > li > ul:before li ul li a,
.menuMega > ul > li > ul:after li ul li a {
  border: 0;
  font-size: 1.5em;
}
.menuMega > ul > li > ul:before a,
.menuMega > ul > li > ul:after a {
  color: #ffffff;
  padding: 0.2em 0;
  display: block;
  border-bottom: 1px solid #ccc;
}

.addGroupBreak {
  border-bottom: 1px solid lightgray;
}

.defaultcursor {
  cursor: default;
}

.disableMenuColor {
  color: darkgray !important;
}

.menuMega > ul > li > ul > li > ul:before,
.menuMega > ul > li > ul > li > ul:after {
  content: "";
  display: table;
  clear: both;
}

.menuMega > ul > li > ul.normal-sub {
  width: 140px;
  left: auto;
  padding: 0px 0px 0px 0px;
}
.menuMega > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menuMega > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 0.7em 1.9em;
}

/* Media Queries added at the bottom of each scss for future use.*/
@media screen and (max-width: 1300px) {
  .menuMega > ul > li a.menuMegaTopLevellia {
    font-size: 12px;
    padding: 0.8em 10px;
    background: #1A73E8;
    color: #ffffff;
  }
  .menuMega > ul > li a.menuMegaTopLevellia.valid.highlightSelMenu, .menuMega > ul > li a.menuMegaTopLevellia.highlightSelMenu {
    background: #ffffff;
    color: #3367D6;
  }
}
@media screen and (max-width: 1200px) {
  .menuMega > ul > li a.menuMegaTopLevellia {
    padding: 0.8em 1em;
    font-size: 9pt;
  }
  .menuMega > ul > li a.menuMegaTopLevellia.valid.highlightSelMenu, .menuMega > ul > li a.menuMegaTopLevellia.highlightSelMenu {
    background: #ffffff;
    color: #3367D6;
  }
}
@media screen and (max-width: 1080px) {
  .menuMega > ul > li a.menuMegaTopLevellia {
    padding: 0.8em 0.8em;
    font-size: 8pt;
  }
  .menuMega > ul > li a.menuMegaTopLevellia.valid.highlightSelMenu, .menuMega > ul > li a.menuMegaTopLevellia.highlightSelMenu {
    text-decoration: none;
    padding: 0.8em 0.8em;
    display: block;
    background: #ffffff;
    color: #3367D6;
    font-size: 8pt;
  }
  .menuMega > ul > li a.menuMegaSubmenulia {
    padding: 1.4em 1.2em;
    color: #000;
    font-size: 8pt;
    position: relative;
    width: auto;
  }
  .menuMega > ul > li a.menuMegaSubmenulia:hover {
    font-size: 8pt;
  }
  .menuMega > ul > li a.menuMegaSubmenulia.highlightSelSubMenu {
    font-size: 8pt;
  }
  .menuMega > ul > li > ul.normal-sub {
    width: 140px;
    left: auto;
    padding: 0px 0px 0px 0px;
  }
}
.modal-container {
  background: rgba(42, 48, 54, 0.2);
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: 50px 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.25s ease-in;
  z-index: 10000;
}
.modal-container.show {
  opacity: 1;
}

.modal-main {
  background: rgb(255, 255, 255);
  border-radius: 7px;
  border: 1px solid rgb(201, 203, 202);
  margin: 0 auto;
  width: 500px;
}

.modal-heading {
  border-radius: 7px 7px 0 0;
  padding: 20px 30px;
}

.modal-contents {
  overflow-y: scroll;
  padding: 0 3em;
}
.modal-contents::-webkit-scrollbar {
  width: 10px;
}
.modal-contents .link-container {
  padding: 10px 15px 5px 15px;
  background: #fafafa;
  border-radius: 4px;
  margin-top: 3em;
}
.modal-contents .link-container a {
  cursor: pointer;
}
.modal-contents .dialog-addsecret-text #secretKey {
  color: #3367D6;
}

.modal-actions {
  border-radius: 0 0 7px 7px;
  margin: 0 30px;
  padding: 30px 0;
  text-align: right;
}
.modal-actions .button-primary, .modal-actions button.button.button-primary-medium, .modal-actions button.button.policy-editor-advanced-settings-test,
.modal-actions input.button.button-primary-medium,
.modal-actions input.button.policy-editor-advanced-settings-test, .modal-actions button.button.button-small,
.modal-actions input.button.button-small, .modal-actions button.button.apply-filters {
  margin: 0 0 0 1.5em;
}

.eula {
  height: 100vh;
  width: 100vw;
  display: flex;
  place-content: center;
  place-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}
.eula .modal-main {
  border-style: none;
}
.eula .eula-main {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0px;
  gap: 32px;
  width: 540px;
  height: 220px;
  background: #ffffff;
}
.eula .eula-main .eula-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
}
.eula .eula-main .eula-heading img {
  width: 32px;
  height: 32px;
}
.eula .eula-main .eula-heading div {
  padding: 1px 0px 0px;
  font-size: 24px;
  line-height: 30px;
}
.eula .eula-main .eula-contents {
  width: 540px;
  height: 100px;
  line-height: 20px;
}
.eula .eula-main .eula-contents a {
  color: #3367D6;
}
.eula .eula-main .eula-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  justify-content: end;
}
.eula .eula-main .eula-actions button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 12px;
  gap: 4px;
  width: 65px;
  height: 32px;
  /* Buttons & Icons/primary-button */
  background: #3367D6;
  border-color: #3367D6;
  /* Button Shadow */
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.12), 0px 2px 2px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14);
  border-radius: 4px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  justify-content: center;
}
.eula .eula-main .eula-actions button div {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  display: flex;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: none;
}

.modal {
  color: #748285;
  border-radius: 10px;
}
.modal h2 {
  color: #748285;
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.modal-body {
  font-size: 1.2em;
}

.modal-footer {
  text-align: left;
  background-color: #fff;
  border-top: 0px;
}
.modal-footer .btn-default {
  outline: none;
  background: #3367D6;
  border-radius: 7px;
  color: rgb(255, 255, 255);
  margin-right: 1.5em;
  padding: 0.75em 1em;
  text-shadow: none;
  border: 0;
}

.data-loss-dialog {
  position: fixed;
}
.data-loss-dialog .modal-main {
  width: 525px;
  font-size: 14px;
  border-radius: 7px;
}
.data-loss-dialog .modal-main .modal-heading {
  padding-bottom: 0px;
}
.data-loss-dialog .modal-main .modal-heading h2 {
  background-image: url(/src/assets/images/exclaim.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  padding-left: 22px;
  line-height: 40px;
  font-size: 22pt;
  color: #333f45;
  margin-bottom: 28px;
}
.data-loss-dialog .modal-main label {
  font-weight: 500;
  font-color: #8c8c86;
}
.data-loss-dialog .modal-main .data-loss-section {
  padding-left: 10px;
}
.data-loss-dialog .modal-main .data-loss-confirm {
  margin-top: 30px;
}
.data-loss-dialog .modal-main .data-loss-confirm .data-loss-confimationinput-note {
  font-size: 12px;
  font-weight: 400;
}
.data-loss-dialog .modal-main .overwrite-section {
  padding: 10px;
  border: 1px solid #f5d2d3;
  background-color: #f5d2d3;
  border-radius: 7px;
}
.data-loss-dialog .modal-main .modal-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 32px 0;
  vertical-align: middle;
  padding: 0 3em;
  font-size: 14px;
  line-height: 40px;
}
.data-loss-dialog .modal-main .modal-actions a {
  color: #3367D6;
  padding-left: 20px;
  padding-right: 10px;
  cursor: pointer;
}
.data-loss-dialog .modal-main .modal-actions button {
  margin-right: 10px;
}

/* Style related to notifitcation center */
.notification-center a {
  text-decoration: none;
}
.notification-center .fa-bell {
  position: relative;
  top: 6px;
  left: 0;
}
.notification-center .notification-icon {
  cursor: pointer;
  position: relative;
  height: 20px;
  width: 20px;
}
.notification-center .notification-number {
  position: absolute;
  top: -7px;
  left: 7px;
  font-size: 1.5em;
  color: #fff;
  font-weight: bold;
  background-color: red;
  padding: 0 5px;
  border-radius: 18px;
  font-size: 11px;
}
.notification-center .notification-list {
  display: none;
  left: -355px;
  position: absolute;
  width: 400px;
  z-index: 22;
  top: 13px;
}
.notification-center .arrow {
  border-bottom-color: rgb(237, 236, 231);
  border-bottom-style: solid;
  border-bottom-width: 8.5px;
  border-left-color: rgba(0, 0, 0, 0);
  border-left-style: dashed;
  border-left-width: 8.5px;
  border-right-color: rgba(0, 0, 0, 0);
  border-right-style: dashed;
  border-right-width: 8.5px;
  border-top-color: rgba(0, 0, 0, 0);
  border-top-style: dashed;
  border-top-width: 0px;
  left: 35.4em;
  position: absolute;
  text-align: left;
  top: 0.4em;
  white-space: nowrap;
  width: 0px;
  z-index: 1;
}
.notification-center .notification-container {
  -webkit-user-select: text;
  background-color: #ffffff;
  border-radius: 10px;
  min-height: 200px;
  max-height: 400px;
  width: 381px;
  margin-top: 11px;
  box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
  border: 1px solid #fff;
  padding: 20px 10px;
}
.notification-center .details-container {
  overflow-x: scroll;
}
.notification-center .details-container .n-list {
  max-height: 281px;
  margin-bottom: 15px;
  text-align: left;
}
.notification-center .details-container .n-list a {
  color: #3367D6;
  text-decoration: underline;
}
.notification-center .details-container::-webkit-scrollbar {
  width: 12px;
}
.notification-center .new-n-list li {
  display: block;
}
.notification-center span.date {
  display: block;
  margin: 0 5px 0 5px;
}
.notification-center .notification-tabs {
  cursor: pointer;
  display: inline-block;
}
.notification-center #notes-header {
  margin-right: 30px;
}
.notification-center .view-all {
  color: #679dd2;
  display: none;
  font-size: 11px;
  float: right;
  position: relative;
  top: -10px;
}
.notification-center .white,
.notification-center .white a {
  color: rgb(255, 255, 255);
}
.notification-center .notification-header {
  font-size: 16px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.notification-center .notification-header .selected {
  font-weight: bold;
}
.notification-center .warning-message {
  background-image: url(/assets/images/icon_info_25x25.png?agm-ver=undefined.undefined);
  background-position-y: 2px;
  background-repeat: no-repeat;
  background-size: 15px;
  color: #5f6a6d;
  font-size: 12px;
  margin-top: 0.8em;
  padding-left: 21px;
  min-height: 25px;
  position: absolute;
  bottom: 2px;
}
.notification-center .warning-message a {
  color: #679dd2;
  font-size: 12px;
}
.notification-center li {
  color: #5f6a6d;
  display: inline-block;
  font-size: 13px;
  padding: 8px 0;
}
.notification-center li .notification-message {
  padding: 6px 0 4px 35px;
  background-repeat: no-repeat;
  min-height: 25px;
  white-space: normal;
}
.notification-center li .notification-message a {
  text-decoration: underline;
  color: blue;
  font-size: 14px;
  margin-right: 0;
}
.notification-center li .notification-errror {
  background-image: url(/assets/images/icon_error_25x25.png?agm-ver=undefined.undefined);
}
.notification-center li .notification-success {
  background-image: url(/assets/images/icon_conf_25x25.png?agm-ver=undefined.undefined);
}
.notification-center li .notification-info {
  background-image: url(/assets/images/icon_info_25x25.png?agm-ver=undefined.undefined);
}
.notification-center li .diskpool-warning {
  background-image: url(/assets/images/diskpool-warning.png?agm-ver=undefined.undefined);
  background-position-y: -1px;
}
.notification-center li .diskpool-warning li {
  display: block;
  background-image: url(/assets/images/diskpool-li.png?agm-ver=undefined.undefined);
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding: 0 0 4px 24px;
  padding-bottom: 4px;
}
.notification-center li .warning-date {
  width: 60px;
  font-size: 0.9em;
  color: #ABA3A3;
  text-align: center;
}
.notification-center li .warning-date .date {
  font-size: 0.9em;
}
.notification-center li .can-dismiss {
  border: 1px solid #D3D3D3;
  position: relative;
  margin: 0 15px 0 5px;
  background-position: 5px 8px;
  background-color: #F5F5F5;
  border-radius: 4px;
}
.notification-center li .can-dismiss .dismiss-button {
  position: absolute;
  right: -8px;
  top: -8px;
  cursor: pointer;
  border-radius: 10px;
  padding: 0 5px;
  background: #5f6a6d;
  color: #fff;
  font-weight: bold;
}
.notification-center li .can-dismiss .notification-message-text {
  display: inline-block;
  padding: 5px 5px 5px 0;
}
.notification-center li ul.notifications-appliances-list, .notification-center li ul.notifications-features-list {
  padding: 0 0 0 25px;
  margin: 5px 0;
}
.notification-center li ul.notifications-appliances-list > li, .notification-center li ul.notifications-features-list > li {
  padding-left: 0;
  line-height: 0;
  display: list-item;
  list-style-position: outside;
  list-style-type: disc;
}
.notification-center #diskpool-content li {
  padding-top: 0;
}
.notification-center #diskpool-content li .ss-icon {
  font-size: 0.8em;
  float: left;
  margin: 0;
}
.notification-center #diskpool-content li .warning-group {
  padding-left: 3px;
  max-width: 275px;
  white-space: normal;
}
.notification-center #diskpool-content li .diskpool-warning-item {
  padding-top: 3px;
  display: flex;
}
.notification-center #diskpool-content li .notification-message {
  padding-left: 30px;
}
.notification-center #diskpool-content li .warning-group ul {
  margin: 9px;
}
.notification-center #diskpool-content li .warning-group span {
  color: #000;
  font-weight: bold;
}
.notification-center #diskpool-content li .warning-group li {
  font-size: 11px;
}

/* vendor */
.actifio-grid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  background: #fff;
  overflow: hidden;
}
.actifio-grid, .actifio-grid * {
  line-height: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.actifio-grid input, .actifio-grid button, .actifio-grid select {
  border: none;
  outline: none;
  color: #000;
}
.actifio-grid input::placeholder, .actifio-grid button::placeholder, .actifio-grid select::placeholder {
  color: rgba(0, 0, 0, 0.66);
}
.actifio-grid input[type=text],
.actifio-grid input[type=number] {
  transition: box-shadow 0.2s;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
}
.actifio-grid input[type=text]:focus,
.actifio-grid input[type=number]:focus {
  box-shadow: inset 0 0 0 1px rgba(51, 103, 214, 0.5);
}
.actifio-grid input[type=checkbox] {
  margin: 0;
  line-height: normal;
  border: 1ps solid #757575;
  border-radius: 4px;
}
.actifio-grid button {
  padding: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
  text-shadow: none;
}
.actifio-grid select {
  background: #fff;
}
.actifio-grid .agm-floating-panel {
  display: none;
  position: absolute;
  z-index: 999;
  min-width: 200px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  margin-top: 10px;
  padding: 10px 0;
  white-space: nowrap;
  border-radius: 4px;
  transform: scale(0);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.25s;
}
.actifio-grid .agm-floating-panel.shown {
  transform: scale(1);
  opacity: 1;
}
.actifio-grid .agm-floating-panel:before, .actifio-grid .agm-floating-panel:after {
  z-index: 2;
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: -20px;
  border: 10px solid transparent;
  border-bottom-color: #fff;
}
.actifio-grid .agm-floating-panel:after {
  z-index: 1;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  border-width: 12px;
  top: -24px;
  transform: translateX(-2px);
}
.actifio-grid .agm-floating-panel.left-align {
  left: 0;
  right: auto;
  transform-origin: 0 0;
  border-radius: 0 4px 4px;
}
.actifio-grid .agm-floating-panel.left-align:before, .actifio-grid .agm-floating-panel.left-align:after {
  left: 0;
}
.actifio-grid .agm-floating-panel.center-align {
  left: 50%;
  margin-left: -100px;
  right: auto;
  transform-origin: 50% 0;
}
.actifio-grid .agm-floating-panel.center-align:before, .actifio-grid .agm-floating-panel.center-align:after {
  left: 50%;
  margin-left: -10px;
}
.actifio-grid .agm-floating-panel.right-align {
  left: auto;
  right: 0;
  transform-origin: 100% 0;
  border-radius: 4px 0 4px 4px;
}
.actifio-grid .agm-floating-panel.right-align:before, .actifio-grid .agm-floating-panel.right-align:after {
  left: 100%;
  margin-left: -20px;
}
.actifio-grid .agm-floating-panel.bottom-align {
  transform-origin: 0 100%;
  border-radius: 4px 4px 4px 0;
  margin-top: -10px;
}
.actifio-grid .agm-floating-panel.bottom-align:before, .actifio-grid .agm-floating-panel.bottom-align:after {
  top: 100%;
  transform: rotateZ(180deg);
}
.actifio-grid .agm-floating-panel.bottom-align:after {
  margin-left: -2px;
}
.actifio-grid .agm-floating-panel.bottom-align.center-align {
  transform-origin: 50% 100%;
  border-radius: 4px;
}
.actifio-grid .agm-floating-panel.bottom-align.right-align {
  transform-origin: 100% 100%;
  border-radius: 4px 4px 0 4px;
}
.actifio-grid .agm-floating-panel.bottom-align.right-align:after {
  margin-left: -22px;
}
.actifio-grid .middle-truncate {
  overflow: hidden;
}
.actifio-grid .middle-truncate .start,
.actifio-grid .middle-truncate .end {
  float: left;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50%;
  height: 17px;
}
.actifio-grid .middle-truncate .end {
  direction: rtl;
  text-overflow: clip;
}
.actifio-grid .middle-truncate .start-ie {
  height: 17px;
}
.actifio-grid .middle-truncate .end-ie {
  unicode-bidi: bidi-override;
  height: 17px;
}
.actifio-grid .agm-check {
  position: relative;
  display: inline-block;
  margin: 0;
}
.actifio-grid .agm-check span {
  display: inline-block;
  line-height: 1;
}
.actifio-grid .agm-check .input-wrap {
  position: relative;
  width: 14px;
  height: 14px;
  text-align: center;
}
.actifio-grid .agm-check .input-wrap .check-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: none;
  margin: 0;
  padding: 0;
}
.actifio-grid .agm-check .input-wrap .check-input:checked + .check-icon:before {
  content: "\f14a";
  font-weight: 400;
}
.actifio-grid .agm-check .input-wrap .check-input:indeterminate + .check-icon:before {
  content: "\f146";
  font-weight: 400;
}
.actifio-grid .agm-check .input-wrap .check-icon:before {
  color: #666;
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: '\f0c8';
  display: inline-block;
  vertical-align: middle;
}
.actifio-grid .agm-check .text {
  margin-left: 5px;
}
.actifio-grid ::-ms-clear {
  display: none;
}
.actifio-grid.has-toolbar .items, .actifio-grid.has-headers .items {
  top: var(--app-body-top);
}
.actifio-grid.has-toolbar.has-headers .items {
  top: 87px;
}
.actifio-grid.has-footer .items {
  bottom: 60px;
}
.actifio-grid.fs-mode {
  z-index: 9999999;
  position: fixed;
  border-radius: 0;
}
.actifio-grid.fs-mode .toolbar .fs-toggle button:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f066';
  display: inline-block;
  vertical-align: middle;
}
.actifio-grid.updating:before {
  content: "";
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  top: 87px;
  bottom: 60px;
  background: transparent;
}
.actifio-grid.updating .items {
  overflow: hidden;
}
.actifio-grid.updating .items-block {
  opacity: 1;
}
.actifio-grid.updating.translucent-block .items {
  opacity: 0.5;
}
.actifio-grid.updating.opaque-block .items {
  opacity: 0;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.actifio-grid.has-selections .toolbar .show-selected {
  display: inline-block;
}
.actifio-grid.has-selections .toolbar .select-all-pages.active {
  border-color: #3367D6;
}
.actifio-grid.has-selections.selected-only .toolbar .show-selected {
  border-color: #3367D6;
}
.actifio-grid.has-selections.selected-only .items .data-row {
  display: none;
}
.actifio-grid.has-selections.selected-only .items .data-row.selected {
  display: block;
}
.actifio-grid.has-selections .footer .actions .actions-btn {
  display: inline-block;
}
.actifio-grid .toolbar {
  position: relative;
  height: 48px;
  padding: 8px;
  background: #F1F3F4;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  text-align: right;
}
.actifio-grid .toolbar .data-search {
  float: left;
  position: relative;
  display: inline-block;
  width: 262px;
  height: 32px;
  text-align: left;
}
.actifio-grid .toolbar .data-search.auto-submit {
  width: 262px;
}
.actifio-grid .toolbar .data-search.auto-submit .text-input {
  border-right: 1px solid #BDBDBD;
  border-radius: 4px;
  padding-right: 30px;
  line-height: normal;
}
.actifio-grid .toolbar .data-search.auto-submit .submit-btn {
  left: 227px;
}
.actifio-grid .toolbar .data-search.auto-submit .clear-btn {
  right: 0;
}
.actifio-grid .toolbar .data-search.has-val .clear-btn {
  display: block;
}
.actifio-grid .toolbar .data-search.has-val.auto-submit .submit-btn {
  display: none;
}
.actifio-grid .toolbar .data-search .text-input, .actifio-grid .toolbar .data-search .submit-btn {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  line-height: 1;
}
.actifio-grid .toolbar .data-search .text-input {
  padding: 5px;
  width: 262px;
  border: 1px solid #BDBDBD;
  border-right: none;
  z-index: 1;
  outline: none;
  border-radius: 4px 0 0 4px;
}
.actifio-grid .toolbar .data-search .submit-btn {
  background: #eee;
  border: 1px solid #ccc;
  left: 227px;
  width: 35px;
  z-index: 2;
  text-align: center;
  outline: none;
  border-radius: 0 4px 4px 0;
  transition: all 0.25s;
}
.actifio-grid .toolbar .data-search .submit-btn:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f002';
  display: inline-block;
  vertical-align: middle;
}
.actifio-grid .toolbar .data-search .submit-btn:enabled:hover {
  background: #ddd;
  border-color: #aaa;
}
.actifio-grid .toolbar .data-search .submit-btn:enabled:active {
  background: #ccc;
  border-color: #aaa;
}
.actifio-grid .toolbar .data-search .submit-btn:disabled {
  background: transparent;
  border: none;
  width: 30px;
}
.actifio-grid .toolbar .data-search .clear-btn {
  display: none;
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 30px;
  right: 50px;
  background: none;
  border: none;
  color: #666;
  outline: none;
  font-size: 16px;
  transition: color 0.25s;
}
.actifio-grid .toolbar .data-search .clear-btn:hover {
  color: #333;
}
.actifio-grid .toolbar .data-search .clear-btn:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f057';
  display: inline-block;
  vertical-align: middle;
}
.actifio-grid .toolbar .select-all-pages {
  display: inline-block;
  text-align: left;
  background: #fff;
  padding: 0 10px;
  vertical-align: top;
  height: 30px;
  margin-left: 40px;
  line-height: 30px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #666;
  cursor: pointer;
  transition: color 0.25s;
}
.actifio-grid .toolbar .select-all-pages:hover {
  color: #3367D6;
}
.actifio-grid .toolbar .show-selected {
  display: none;
  text-align: left;
  background: #fff;
  padding: 0 10px;
  vertical-align: top;
  height: 30px;
  margin-left: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #666;
  cursor: pointer;
  transition: color 0.25s;
}
.actifio-grid .toolbar .show-selected:hover {
  color: #3367D6;
}
.actifio-grid .toolbar .toolbar-items {
  display: inline-block;
  text-align: left;
  margin-left: 20px;
  height: 30px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  line-height: 2;
}
.actifio-grid .toolbar .toolbar-items .toolbar-item {
  position: relative;
  display: inline-block;
  height: 28px;
  line-height: 13px;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  vertical-align: top;
  transition: color 0.25s;
}
.actifio-grid .toolbar .toolbar-items .toolbar-item.sla-filter select {
  -webkit-appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.actifio-grid .toolbar .toolbar-items .toolbar-item.sla-filter .sla-text {
  display: inline-block;
  line-height: 28px;
  padding: 0 10px;
}
.actifio-grid .toolbar .toolbar-items .toolbar-item.sla-filter .sla-text:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f107';
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.actifio-grid .toolbar .toolbar-items .toolbar-item.row-limit select {
  -webkit-appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.actifio-grid .toolbar .toolbar-items .toolbar-item.row-limit .limit-text {
  display: inline-block;
  line-height: 28px;
  padding: 0 10px;
}
.actifio-grid .toolbar .toolbar-items .toolbar-item.row-limit .limit-text:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f107';
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.actifio-grid .toolbar .toolbar-items .toolbar-item:hover > button {
  color: #3367D6;
}
.actifio-grid .toolbar .toolbar-items .toolbar-item > button {
  padding: 0 10px;
  vertical-align: top;
  height: 28px;
}
.actifio-grid .toolbar .toolbar-items .toolbar-item:first-child {
  border-left: none;
}
.actifio-grid .toolbar .col-toggle {
  position: relative;
}
.actifio-grid .toolbar .col-toggle .toggle-btn:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f0c9';
  display: inline-block;
  vertical-align: middle;
  transform: rotateZ(90deg);
}
.actifio-grid .toolbar .col-toggle .download-btn:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f019';
  display: inline-block;
  vertical-align: middle;
  transform: rotateZ(0deg);
}
.actifio-grid .toolbar .col-toggle .col-list {
  line-height: 1;
  min-height: 0;
  text-transform: uppercase;
  margin-right: 6px;
}
.actifio-grid .toolbar .col-toggle .col-list .agm-check {
  display: block;
  margin: 0;
  padding: 5px 20px;
  font-size: 12px;
}
.actifio-grid .toolbar .col-toggle .col-list .agm-check.inactive {
  color: #666;
}
.actifio-grid .toolbar .col-toggle .col-list .agm-check:hover {
  background: #eee;
}
.actifio-grid .toolbar .col-toggle .col-list .agm-check .input-wrap :disabled + .check-icon {
  opacity: 0.5;
}
.actifio-grid .toolbar .col-toggle .col-list .agm-check span {
  vertical-align: middle;
}
.actifio-grid .toolbar .col-toggle .col-list .close-btn {
  float: right;
  margin: 5px 20px 0;
  padding: 0;
  background: none;
  border: none;
  color: #3367D6;
  outline: none;
  text-transform: capitalize;
}
.actifio-grid .toolbar .col-toggle .col-list .close-btn:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f00d';
  display: inline-block;
  vertical-align: middle;
  vertical-align: baseline;
  margin-right: 3px;
}
.actifio-grid .toolbar .col-toggle .col-list .close-btn:hover {
  color: #2451b2;
}
.actifio-grid .toolbar .col-toggle .colStyle {
  min-height: 60px;
  max-height: 365px;
  overflow: auto;
}
.actifio-grid .toolbar .fs-toggle button:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f065';
  display: inline-block;
  vertical-align: middle;
}
.actifio-grid .table-display {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.actifio-grid .cell-display {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  height: 38px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.actifio-grid .cell-display.right-align {
  text-align: right;
}
.actifio-grid .actifio-data-grid-check {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
.actifio-grid .actifio-data-grid-check:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  display: inline-block;
  vertical-align: middle;
  color: rgb(89, 192, 90);
}
.actifio-grid .actifio-data-grid-uncheck {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
.actifio-grid .actifio-data-grid-uncheck:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f057';
  display: inline-block;
  vertical-align: middle;
  color: #D93025;
}
.actifio-grid .check-col {
  width: 40px;
  padding: 0;
  text-align: center;
}
.actifio-grid .headers {
  height: 39px;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.actifio-grid .headers.has-scrollbar-adjust .header-cell:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.actifio-grid .headers .header-cell {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  transition: background 0.25s;
  height: 38px;
  min-width: 40px;
  cursor: default;
}
.actifio-grid .headers .header-cell:last-child {
  border-right: none;
}
.actifio-grid .headers .header-cell.right-align {
  text-align: right;
}
.actifio-grid .headers .header-cell.sortable {
  padding-right: 30px;
}
.actifio-grid .headers .header-cell.sortable:hover {
  background: #f7f7f7;
}
.actifio-grid .headers .header-cell.sortable .sort-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 38px;
  transition-property: transform;
  transition-duration: 0.25s;
}
.actifio-grid .headers .header-cell.sortable .sort-icon:before, .actifio-grid .headers .header-cell.sortable .sort-icon:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f106';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 50%;
  bottom: 50%;
  top: auto;
  margin-left: -10px;
  margin-bottom: -4px;
  font-size: 16px;
  line-height: 1;
  color: #ccc;
}
.actifio-grid .headers .header-cell.sortable .sort-icon:after {
  content: "\f107";
  bottom: auto;
  top: 50%;
  margin-top: -4px;
}
.actifio-grid .headers .header-cell.sortable.active-sort .sort-icon:before {
  color: #000;
}
.actifio-grid .headers .header-cell.sortable.active-sort.sort-desc .sort-icon {
  transform: rotateX(-180deg);
}
.actifio-grid .headers .header-cell.resizeable .sort-icon {
  right: 5px;
}
.actifio-grid .headers .header-cell.resizeable .resize-grip {
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  bottom: 0;
  cursor: col-resize;
}
.actifio-grid .items {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  will-change: scroll-position;
}
.actifio-grid .items ::selection {
  background: transparent;
}
.actifio-grid .items .data-row {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.actifio-grid .items .data-row > .inner:hover {
  background: rgba(174, 203, 250, 0.12);
  cursor: pointer;
}
.actifio-grid .items .data-row.member > .inner {
  background: #e86c1f;
  color: #fff;
}
.actifio-grid .items .data-row.member > .inner a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
}
.actifio-grid .items .data-row.member > .inner .check-col .agm-check .check-icon:before {
  color: #fff;
}
.actifio-grid .items .data-row.selected:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
}
.actifio-grid .items .data-row.selected > .inner {
  background: rgba(174, 203, 250, 0.12);
}
.actifio-grid .items .data-row.selected > .inner a {
  text-decoration: underline;
}
.actifio-grid .items .data-row.disabled .check-col .agm-check .check-icon:before {
  color: lightgray !important;
}
.actifio-grid .items .data-row.expanded {
  border-width: 3px 0;
  border-style: solid;
}
.actifio-grid .items .data-row.expanded .row-drawer-toggle {
  transform: rotateZ(90deg);
}
.actifio-grid .items .data-row .row-drawer {
  height: 0;
  overflow: hidden;
  transition: height 0.25s;
}
.actifio-grid .items .data-row .row-drawer .data-row {
  padding-left: 10px;
  background: none;
}
.actifio-grid .items .data-row .row-drawer-toggle {
  display: block;
  position: absolute;
  left: 10px;
  top: 0;
  line-height: 39px;
  width: 14px;
  font-size: 18px;
  text-align: center;
  transition: transform 0.25s;
  outline: none;
}
.actifio-grid .items .data-row .row-drawer-toggle:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f0da';
  display: inline-block;
  vertical-align: middle;
}
.actifio-grid .items .context-menu {
  position: fixed;
  right: auto;
  background: #3367D6;
  color: #fff;
  font-size: 13px;
  line-height: 14px;
  font-weight: 500;
}
.actifio-grid .items .context-menu:before {
  border-bottom-color: #3367D6;
}
.actifio-grid .items .context-menu .action,
.actifio-grid .items .context-menu .count-text {
  padding: 10px 20px;
  line-height: 1;
}
.actifio-grid .items .context-menu .action {
  cursor: pointer;
  text-transform: capitalize;
}
.actifio-grid .items .context-menu .action:hover {
  background: #1b3e88;
}
.actifio-grid .items .context-menu .count-text {
  margin-top: -10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.actifio-grid .items .no-items {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 24px;
  top: 50%;
  margin-top: -12px;
}
.actifio-grid .items-block {
  z-index: 9999;
  position: absolute;
  top: 87px;
  bottom: 60px;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: opacity 0.25s;
}
.actifio-grid .items-block:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 9999;
  width: 120px;
  height: 120px;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -60px;
  border: 5px solid rgba(140, 197, 62, 0.2);
  border-left-color: rgb(140, 197, 62);
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading 0.5s infinite linear;
}
.actifio-grid .items-block.no-icon:after {
  display: none;
}
.actifio-grid .items-block .msg {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: 70px;
  text-align: center;
  font-size: 12px;
  line-height: 1;
}
.actifio-grid .items .filter-tags.filter-tags-style {
  top: 60%;
}
.actifio-grid .items .filter-tags .tag:before {
  content: none;
}
.actifio-grid .footer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 60px;
  background: #eee;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.actifio-grid .footer .section {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 30px;
}
.actifio-grid .footer .section.meta {
  overflow: hidden;
  text-overflow: ellipsis;
}
.actifio-grid .footer .pagination {
  text-align: center;
  padding: 10px 0;
}
.actifio-grid .footer .pagination input[type=number] {
  border-radius: 4px;
  margin: 0 6px;
  padding: 5px;
  width: 57px;
  text-align: center;
}
.actifio-grid .footer .pagination .page-counter {
  margin: 0 6px;
}
.actifio-grid .footer .pagination button {
  margin: 0 6px;
}
.actifio-grid .footer .pagination button:disabled {
  opacity: 0.3;
}
.actifio-grid .footer .pagination button:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f049';
  display: inline-block;
  vertical-align: middle;
}
.actifio-grid .footer .pagination button.head-btn:before {
  content: "\f049";
}
.actifio-grid .footer .pagination button.prev-btn:before {
  content: "\f04a";
}
.actifio-grid .footer .pagination button.next-btn:before {
  content: "\f04e";
}
.actifio-grid .footer .pagination button.tail-btn:before {
  content: "\f050";
}
.actifio-grid .footer .actions {
  text-align: right;
}
.actifio-grid .footer .actions .wrap {
  position: relative;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  background: #3367D6;
  color: #fff;
  border-radius: 4px;
  transition: background 0.25s;
  cursor: pointer;
  text-transform: capitalize;
}
.actifio-grid .footer .actions .wrap button {
  color: #fff;
  vertical-align: top;
  line-height: 40px;
  padding: 0 20px;
  text-transform: capitalize;
}
.actifio-grid .footer .actions .wrap.multi {
  padding-right: 0;
}
.actifio-grid .footer .actions .wrap.multi .more-icon {
  position: relative;
  display: inline-block;
  width: 40px;
  line-height: 40px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
}
.actifio-grid .footer .actions .wrap.multi .more-icon:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f0d8';
  display: inline-block;
  vertical-align: middle;
  vertical-align: baseline;
}
.actifio-grid .footer .actions .wrap.multi .actions-list {
  display: none;
  position: fixed;
  background: #3367D6;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  padding: 10px 0;
  border-radius: 4px 4px 0;
  margin-bottom: 10px;
  color: #fff;
  text-align: left;
  white-space: nowrap;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(0);
  transition-property: opacity, transform;
  transition-duration: 0.25s;
  transform-origin: 100% 100%;
}
.actifio-grid .footer .actions .wrap.multi .actions-list:before {
  content: "";
  position: absolute;
  z-index: 9999;
  width: 0;
  height: 0;
  top: 100%;
  right: 0;
  border: 10px solid transparent;
  border-top-color: #3367D6;
}
.actifio-grid .footer .actions .wrap.multi .actions-list .action {
  padding: 10px 20px;
  line-height: 1;
  cursor: pointer;
  background: #3367D6;
}
.actifio-grid .footer .actions .wrap.multi .actions-list .action:hover {
  background: #1b3e88;
}
.actifio-grid .footer .actions .wrap.multi .actions-list.shown {
  opacity: 1;
  transform: scale(1);
}

/* imports all styles for import onvault */
.iov-form-actions {
  text-align: right;
  margin-top: 30px;
}

.iov-master-container {
  margin: 10px 0 0 0;
  padding: 0 20px;
  /*max-width:1200px;*/
}
.iov-master-container p {
  max-width: 85em;
}
.iov-master-container .iov-container {
  display: flex;
  margin-top: 3em;
  justify-content: space-between;
}
.iov-master-container .iov-container .colone, .iov-master-container .iov-container .coltwo, .iov-master-container .iov-container .colone-strech1, .iov-master-container .iov-container .colone-strech2 {
  border-radius: 10px;
  box-sizing: border-box;
}
.iov-master-container .iov-container .colone {
  flex-basis: 60%;
  padding: 20px;
  background-color: #f0f0eb;
}
.iov-master-container .iov-container .coltwo {
  flex-basis: 35%;
  background-color: #e5e5dc;
}
.iov-master-container .iov-container .colone-strech1 {
  flex-basis: 35%;
  background-color: #e5e5dc;
}
.iov-master-container .iov-container .coltwo-strech2 {
  flex-basis: 60%;
}
.iov-master-container .iov-container .coltwo-strech2 .search {
  width: 96.5%;
}
.iov-master-container .iov-container .iov-form-inline {
  margin-bottom: 1em;
}
.iov-master-container .iov-container .iov-form-inline .iov-form-item {
  margin: 10px;
  width: 50%;
}
.iov-master-container .iov-container .iov-form-inline .iov-form-item .radio-input-container {
  display: inline-block;
  vertical-align: middle;
}
.iov-master-container .iov-container .stats-container {
  width: 50%;
}
.iov-master-container .iov-take-ownership {
  min-height: 27px;
}
.iov-master-container .generic-details {
  width: 100%;
  background-color: #eeeeee;
  padding-right: 0px;
  margin-left: 0px;
  bottom: 0px;
}
.iov-master-container .generic-details > div {
  display: flex;
  margin-bottom: 3px;
}
.iov-master-container .generic-details h3 {
  display: block;
  padding: 0 10px 25px 15px;
}
.iov-master-container .generic-details .detail-label {
  width: 45%;
  background: #cdcdcd;
}

.iov-row {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  height: 500px;
}
.iov-row .coloumn {
  box-sizing: border-box;
  flex-basis: 32%;
}
.iov-row .coloumn:nth-child(1) {
  background-color: #eeeeee;
  border-radius: 7px;
  position: absolute;
  width: 20%;
}
.iov-row .label_hdr {
  width: 150px;
  text-align: right;
  font-size: inherit;
  padding-right: 10px;
  text-transform: uppercase;
}

.data-explorer-configuration .iov-master-container .iov-container .colone {
  padding: 0;
  background: #e5e5dc;
}

.data-explorer-configuration .coltwo .form,
.data-explorer-configuration .colone .form,
.data-explorer-configuration .colone-strech1 .form,
.data-explorer-configuration .coltwo-strech2 .form,
.data-explorer-configuration .coloumn .form {
  margin: 0;
}

.iov-master-container .table-title-container {
  margin: 1em 0 0.5em;
}
.iov-master-container .table-title-container .search {
  border-radius: 6px;
  padding: 4px 10px;
  margin-left: 0px;
}
.iov-master-container .table-wrapper {
  height: 300px;
}
.iov-master-container .table-wrapper, .iov-master-container .results-table {
  background-color: #fff;
}
.iov-master-container .table-wrapper .results-table td, .iov-master-container .results-table .results-table td {
  padding: 0.3em 0.75em;
}

.results-table, .table-wrapper {
  width: 100%;
  background-color: #fff;
}

.agm-appliance-grid {
  position: relative;
  border: 1px solid #efefef;
  border-radius: 7px;
}

.coloumn:nth-child(2) {
  position: absolute;
  margin-left: 20%;
  width: 20.5%;
  height: 500px;
  padding-left: 30px;
}

.coloumn:nth-child(3) {
  margin-left: 40.5%;
  position: absolute;
  width: 55.5%;
  height: 500px;
  padding-left: 30px;
}

.appliance-label {
  position: absolute;
  top: -6.9%;
}

.applications-label {
  position: absolute;
  top: -6.9%;
}

#iov-appliances > .toolbar > form {
  width: 100%;
}
#iov-appliances > .toolbar > form input {
  width: 100%;
}
#iov-appliances > .toolbar > form button {
  left: 90%;
}

.import-images-modal .modal-contents, .forget-images-modal .modal-contents {
  overflow: hidden;
  font-size: 13px;
}

/* imports all styles for import onvault */
.nfs-details-link-wrapper {
  padding: 10px 25px;
}
.nfs-details-link-wrapper a {
  color: #3367D6;
  font-size: 1.1em;
}

.nfs-details-heading {
  font-size: 1em;
  padding: 10px;
}

.export-rules .name-value-wrapper .name-value-row .name-value-cell:first-child {
  width: 155px;
}
.export-rules .modal-contents {
  overflow-y: unset;
}
.export-rules .modal-actions #confirmModal {
  margin: 0;
}

.export-rules-model-container {
  border-radius: 10px;
  font-size: 1.2em;
}

.export-rules-model-wrapper {
  background: #FFFFFF;
}

.export-rules-header {
  margin-bottom: 30px !important;
}

.export-rules-content {
  background: #e5e5dc;
  border-radius: 10px;
  height: 300px;
  padding: 30px 0px 40px 0px;
  clear: both;
}

.export-rules-header-text {
  font-size: 2em;
  float: left;
}

.export-rules-header-close {
  font-size: 2em;
  float: right;
}

.exportrules-close-btn {
  color: #3367D6;
  font-size: 1.5em;
}

.nfs-main-heading {
  font-size: 2em;
  margin: 0px 0px 10px 0px;
}

.nfs-secondary-heading {
  font-size: 1.5em;
  margin: 0px 0px 10px 0px;
  clear: both;
}

.nfs-elms-wrapper {
  padding: 10px 0px;
}

.nfs-restore-mount-appliance .nfs-chk-wrapper {
  width: 150px !important;
}

.nfs-config-model-container {
  border-radius: 10px;
  font-size: 1.2em;
  width: 900px;
  padding: 30px;
}

.nfs-config-model-wrapper {
  padding: 10px;
  border: 5px solid #cccccc;
  height: 550px !important;
  overflow-y: auto;
}

.nfs-opt-break {
  clear: both !important;
  padding-top: 20px;
}

.nfs-align-right {
  text-align: right !important;
}

.nfsFieldWrapper {
  width: 250px;
}

.nfs-checkbox-wrapper {
  display: inline-block;
  float: left;
  widht: 100px;
  margin-right: 5px;
}

.nfs-host-heading {
  margin: 10px 10px 30px 10px;
}

.host-nfsconfig-wrapper {
  width: 500px;
  margin-left: 10px;
  clear: both;
}

.nfs-pad-10 {
  padding: 10px;
  overflow: auto;
}

.nfs-right-mar-10 {
  margin-right: 10px;
}

.nfs-host-details-wrapper {
  width: 300px;
  background: #d9d9d1;
  margin-right: 140px;
}

.nfs-section-wrapper {
  width: 250px;
  margin-right: 10px;
  float: left !important;
  height: 80px;
}

.nfs-input-big {
  width: 220px !important;
  display: block;
}

.nfs-input-small {
  width: 94px !important;
  display: block;
}

.nfs-form-label {
  display: block;
}

.nfs-select-box {
  width: 243px !important;
  display: block;
}

.nfs-chk-wrapper {
  width: 150px;
  float: left;
  margin-right: 10px;
}

.expandable .form-row {
  display: block !important;
  padding-bottom: 10px !important;
  clear: both !important;
}

.expandable .nfs-chk-wrapper {
  width: 120px;
  float: left;
  margin-right: 10px;
}

.workflow-diagram {
  background-repeat: no-repeat;
  background-image: url(../images/editWorkflow-LiveClone.png?agm-ver=undefined.undefined);
  height: 80px;
  margin: 15px 0 15px 25px;
  padding: 0;
}

.workflow-diagram.liveclone {
  background-position: 0 0;
}

.workflow-diagram.mount {
  background-position: 0 -81px;
}

.workflow-diagram.directMount {
  background-position: 0 -162px;
}

.workflow-type-specific-windowed #vault-validation-messages-container #vault-validation-messages .vault-sla-message-container {
  max-width: 825px;
  white-space: normal;
}

.lc-image-container .appaware-label {
  padding-right: 190px;
}

.workflow-schedule .generic-details, .workflow-details .generic-details {
  margin-left: 0px;
  width: 32%;
}
.workflow-schedule .name-value-wrapper .name-value-row .name-value-cell:first-child, .workflow-details .name-value-wrapper .name-value-row .name-value-cell:first-child {
  width: 115px;
}
.workflow-schedule .workflow-diagram, .workflow-details .workflow-diagram {
  background-repeat: no-repeat;
  background-image: url(../images/editWorkflow-LiveClone.png?agm-ver=undefined.undefined);
  height: 57px;
  margin: 15px 0 15px 25px;
  padding: 0;
}
.workflow-schedule .workflow-diagram.liveclone, .workflow-details .workflow-diagram.liveclone {
  background-position: 0 -176px;
  background-size: 100%;
}
.workflow-schedule .workflow-diagram.directMount, .workflow-details .workflow-diagram.directMount {
  background-position: 0 -236px;
  background-size: 100%;
}

.smallLabel {
  font-size: 10px;
  font-weight: bold;
  color: #8c8c86;
  margin: 5px;
}

/*
#host-grid .actifio-grid .toolbar .data-search .text-input {
  height: 18px;
  width: 265px;
}
#host-grid .actifio-grid .toolbar {height: 30px;}
#host-grid .actifio-grid .toolbar form{margin-bottom: 0px;}
*/
.padding-left-20 {
  padding-left: 20px;
}

.no-padding {
  padding: 0px;
}

.agm-table.agm-host-grid {
  position: relative;
  height: 400px;
  width: 650px;
  border: 1px solid #ccc;
  /*border-radius:10px;*/
}

.agm-table.agm-host-grid .items-block {
  position: static;
}

.agm-table.agm-host-grid .footer {
  height: 5px;
}

.agm-table.agm-host-grid.has-toolbar.has-headers .items {
  top: 85px;
  bottom: 0;
  border-top: 1px solid #ccc;
}

.agm-table.agm-host-grid .footer.table-display {
  display: none;
}

.agm-table.agm-host-grid .toolbar .toolbar-items {
  display: none;
}

.agm-app-table-wrap.agm-workflow-table-wrap {
  top: 94px;
}

.previousJobDetails .header-content {
  background-color: #94948D;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 30px;
  border-radius: 5px;
  padding-left: 10px;
  margin-bottom: 10px;
}

.previousJobDetails .header-content label {
  color: #fff;
}

.previousJobDetails .panel {
  width: 100%;
  margin-top: -13px;
  margin-left: 0px;
  border: 0px;
  border-radius: 0px;
  background-color: #d9d9d1;
}

.previousJobDetails .pannel {
  margin-top: -10px;
}

.previousJobDetails .modal-contents {
  overflow-y: scroll;
  padding: 0 3em;
  max-height: 300px;
}

.previousJobDetails .link {
  padding-right: 10px;
}

.previousJobDetails .form-section {
  width: 100%;
}

.previous-job-details .generic-details {
  width: 100%;
  margin-left: 0px;
}

.modal-contents {
  max-height: 350px;
  padding-bottom: 7px;
}
.modal-contents table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.modal-contents td, .modal-contents th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  font-size: 12px;
  width: 33%;
}
.modal-contents tr:nth-child(even) {
  background-color: #dddddd;
}
.modal-contents .header-expire-backup-table {
  float: left;
  margin: 0px;
  width: 33%;
  font-size: 12px;
}

.auto_width {
  width: auto;
}

.runnowmountform #provisionOptionsForm .appaware-protect .toggleswitch-btn .disabled {
  cursor: default;
}

.restore-option .form-row .form-row-container .appaware-setting .appaware-input .radio-input-container label {
  margin-right: 15px;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-input input[type=radio] {
  width: auto;
}

.agm-filterable-grid-container .agm-wf-grid {
  border-top: 1px solid #ccc;
}
.agm-filterable-grid-container .upper .note {
  color: rgba(0, 0, 0, 0.66);
  font-size: 13px;
  position: absolute;
  top: 50px;
  right: 12px;
}

.agm-workflow-grid .prev-status-column, agm-wf-grid .prev-status-column {
  height: 10px;
  width: 10px;
  border-radius: 5px;
  display: inline-block;
  margin: 0 10px 5px 5px;
  float: left;
}
.agm-workflow-grid .prev-summary, agm-wf-grid .prev-summary {
  color: #005580;
  font-size: 12px;
}

/* imports all styles for oracle asm */
.restore.oracle .error {
  display: none;
}
.restore.oracle .error.shown {
  display: block;
}

.asm-pre-flight {
  width: 100%;
  margin-bottom: 20px;
  padding: 25px;
  border-radius: 7px;
  background: #fff;
  overflow: hidden;
}
.asm-pre-flight .pf-row {
  display: table;
  width: 100%;
}
.asm-pre-flight .pf-row .pf-col {
  display: table-cell;
  vertical-align: middle;
}
.asm-pre-flight .pre-flight-btn.secondary {
  background: #f0f0eb;
  color: #333;
}
.asm-pre-flight .pre-flight-btn.secondary:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  content: "\f021";
  margin-right: 5px;
}
.asm-pre-flight .messaging {
  font-size: 14px;
  vertical-align: middle;
  text-align: left;
  width: 65%;
}
.asm-pre-flight .messaging .msg {
  display: none;
  color: #8c8c86;
}
.asm-pre-flight .messaging .msg.shown {
  display: inline-block;
}
.asm-pre-flight .messaging .msg .heading {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  padding-left: 35px;
  text-transform: uppercase;
  background: url(/assets/images/icon_info_25x25.png?agm-ver=undefined.undefined) no-repeat 0 50%;
  background-size: auto 25px;
}
.asm-pre-flight .messaging .msg.ok-msg .heading {
  background-image: url(/assets/images/icon_conf_25x25.png?agm-ver=undefined.undefined);
}
.asm-pre-flight .messaging .msg.failed-msg .heading, .asm-pre-flight .messaging .msg.error-msg .heading {
  background-image: url(/assets/images/icon_error_25x25.png?agm-ver=undefined.undefined);
}
.asm-pre-flight .messaging .msg .txt {
  margin-left: 35px;
}
.asm-pre-flight .messaging .msg .dg-name {
  text-transform: none;
  font-weight: normal;
}
.asm-pre-flight .actions {
  width: 35%;
  text-align: right;
}
.asm-pre-flight button.button {
  margin: 0;
}
.asm-pre-flight .test-list {
  display: none;
  margin: 20px 20px 0 35px;
  font-size: 14px;
}
.asm-pre-flight .test-list.shown {
  display: block;
}
.asm-pre-flight .test-list li {
  margin-top: 10px;
  padding-left: 20px;
  background: no-repeat 0 0/auto 14px;
}
.asm-pre-flight .test-list li.ok {
  background-image: url(/assets/images/icon_conf_25x25.png?agm-ver=undefined.undefined);
}
.asm-pre-flight .test-list li.failed {
  background-image: url(/assets/images/icon_error_25x25.png?agm-ver=undefined.undefined);
}
.asm-pre-flight .test-list li:first-child {
  margin-top: 0;
}
.asm-pre-flight .test-list li .hint {
  font-weight: bold;
}

.restore-master-container.asm-rebalance .backup-details {
  float: left;
  margin: 40px;
}
.restore-master-container.asm-rebalance .copy-thread-count label {
  margin-left: 20px;
}

#asm-devices {
  margin-left: 300px;
  padding: 40px;
  cursor: default;
}
#asm-devices * {
  box-sizing: border-box;
}
#asm-devices h2 {
  float: left;
  margin-left: 20px;
}
#asm-devices label {
  display: block;
  position: relative;
  margin: 0;
}
#asm-devices button {
  vertical-align: middle;
  margin: 0;
}
#asm-devices input[type=checkbox] {
  margin: 0;
  padding: 0;
  font-size: 20px;
  outline: 1px solid transparent;
}
#asm-devices .refresh-device-btn {
  float: right;
  margin-bottom: 20px;
  background: #f0f0eb;
  color: #333;
}
#asm-devices .refresh-device-btn:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  content: "\f021";
  margin-right: 5px;
}
#asm-devices .capacity-meter {
  display: table;
  width: 100%;
  padding: 20px;
  background: #e5e5dc;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  color: #666;
}
#asm-devices .capacity-meter .msg, #asm-devices .capacity-meter .visual {
  display: table-cell;
  vertical-align: middle;
}
#asm-devices .capacity-meter .msg {
  padding: 0 20px 0 0;
  text-align: left;
}
#asm-devices .capacity-meter .visual {
  width: 35%;
  padding: 0 0 0 20px;
  text-align: center;
  line-height: 1;
}
#asm-devices .capacity-meter .visual .prog-bar {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background: #ccccc0;
  margin: 5px 0;
  padding: 9px;
  border-radius: 5px;
  font-size: 24px;
  color: #fff;
}
#asm-devices .capacity-meter .visual .prog-bar .image-size,
#asm-devices .capacity-meter .visual .prog-bar .reached {
  position: relative;
  z-index: 1;
}
#asm-devices .capacity-meter .visual .prog-bar .prog {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #e7422d;
  transition: all 0.25s;
}
#asm-devices .capacity-meter .visual .prog-bar .reached {
  display: none;
  text-transform: uppercase;
}
#asm-devices .capacity-meter.filled .visual .prog-bar .prog {
  background: #8ec600;
}
#asm-devices .capacity-meter.filled .visual .prog-bar .reached {
  display: inline-block;
}
#asm-devices .table-srcoll-wrap {
  overflow: hidden;
}
#asm-devices table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: 0;
}
#asm-devices th, #asm-devices td {
  text-align: left;
  vertical-align: middle;
  font-size: 14px;
  padding: 10px 20px;
}
#asm-devices th:nth-child(1), #asm-devices td:nth-child(1) {
  width: 44px;
  padding: 0;
  text-align: center;
}
#asm-devices th:nth-child(2), #asm-devices td:nth-child(2) {
  width: 75%;
}
#asm-devices th .inner-cell, #asm-devices td .inner-cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#asm-devices th {
  border-left: 1px solid #eee;
}
#asm-devices th .text {
  display: inline-block;
  cursor: pointer;
}
#asm-devices th .text:hover, #asm-devices th .text.has-sort {
  padding: 0 16px 0 0;
  background: url(/src/assets/images/table-sorting_down.png?agm-ver=undefined.undefined) 100% 50%/auto 18px no-repeat;
}
#asm-devices th .text:hover[data-sort-order=dsc], #asm-devices th .text.has-sort[data-sort-order=dsc] {
  background-image: url(/src/assets/images/table-sorting_up.png?agm-ver=undefined.undefined);
}
#asm-devices th:nth-child(1) {
  border: none;
}
#asm-devices th:nth-child(2) .recovery-toggle,
#asm-devices th:nth-child(2) label {
  display: inline-block;
  vertical-align: middle;
}
#asm-devices th:nth-child(2) .inner-cell {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
#asm-devices th:nth-child(2) .inner-cell:nth-child(2) {
  text-align: right;
}
#asm-devices .thead-wrap {
  position: relative;
  z-index: 10;
  border: 1px solid #eee;
  border-top: none;
}
#asm-devices .tbody-wrap {
  max-height: 500px;
  border: 1px solid #eee;
  border-top: none;
  border-bottom: none;
}
#asm-devices .tbody-wrap tr:nth-child(odd) td {
  background: #fafafa;
}
#asm-devices .tbody-wrap tr.selected td, #asm-devices .tbody-wrap tr.selected:hover td {
  background: #4E8FE0;
  color: #fff;
}
#asm-devices .tbody-wrap tr:hover td {
  background: rgba(78, 143, 224, 0.3);
}
#asm-devices .tbody-wrap tr.selected input[type=checkbox] {
  outline-color: #fff;
}
#asm-devices .tbody-wrap.selected-only tr {
  display: none;
}
#asm-devices .tbody-wrap.selected-only tr.selected {
  display: table-row;
}
#asm-devices .tbody-wrap td {
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
#asm-devices .device-table-footer {
  display: table;
  position: relative;
  z-index: 10;
  width: 100%;
  padding: 20px;
  background: #e5e5dc;
  border-radius: 0 0 5px 5px;
  color: #666;
}
#asm-devices .device-table-footer > div {
  display: table-cell;
  vertical-align: middle;
  width: 45%;
}
#asm-devices .device-table-footer .meta {
  text-transform: uppercase;
  font-size: 14px;
}
#asm-devices .device-table-footer .pwr-factor {
  text-align: center;
}
#asm-devices .device-table-footer .pwr-factor input[type=range] {
  display: inline-block;
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  line-height: 1;
  border-radius: 0;
  box-shadow: none;
  transition: none;
}
#asm-devices .device-table-footer .pwr-factor input[type=range]:focus {
  outline: none;
}
#asm-devices .device-table-footer .pwr-factor label {
  font-weight: normal;
  margin-bottom: 5px;
  color: #666;
}
#asm-devices .device-table-footer .pwr-factor .pf-val {
  font-size: 16px;
}
#asm-devices .device-table-footer .actions {
  text-align: right;
  width: 10%;
}
#asm-devices .device-table-footer .actions a {
  vertical-align: middle;
  margin-right: 20px;
}
#asm-devices .has-scroll .thead-wrap {
  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.5);
}
#asm-devices .has-scroll .device-table-footer {
  box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.5);
}

.asm-modal {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.3s;
}
.asm-modal * {
  box-sizing: border-box;
}
.asm-modal.active {
  opacity: 1;
}
.asm-modal.pending .can-job-btn {
  display: none;
}
.asm-modal.pending button i {
  animation-duration: 0.5s;
}
.asm-modal .content, .asm-modal .modal-contents {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 700px;
  padding: 40px;
  margin-left: -350px;
  background: #fff;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.asm-modal .content .heading, .asm-modal .modal-contents .heading {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  padding-left: 35px;
  text-transform: uppercase;
  background: url(/assets/images/icon_info_25x25.png?agm-ver=undefined.undefined) no-repeat 0 50%;
  background-size: auto 25px;
  margin-bottom: 20px;
  background-position: 0 0;
}
.asm-modal .content .sub-heading, .asm-modal .modal-contents .sub-heading {
  text-transform: uppercase;
  margin: 0 0 20px 35px;
  font-weight: bold;
  color: #666;
}
.asm-modal .content ul, .asm-modal .modal-contents ul {
  margin: 0 0 40px 35px;
}
.asm-modal .content ul li, .asm-modal .modal-contents ul li {
  margin-bottom: 20px;
  list-style-type: disc;
  line-height: 1.4;
}
.asm-modal .content p, .asm-modal .modal-contents p {
  margin: 0 0 40px 35px;
  font-size: 14px;
}
.asm-modal .content .confirm-input-wrap, .asm-modal .modal-contents .confirm-input-wrap {
  margin: 0 0 20px 35px;
}
.asm-modal .content .dg-name, .asm-modal .modal-contents .dg-name {
  font-weight: bold;
}
.asm-modal .content .actions, .asm-modal .modal-contents .actions {
  text-align: right;
  font-size: 10px;
}
.asm-modal .content label, .asm-modal .modal-contents label {
  display: block;
}
.asm-modal .content label strong, .asm-modal .modal-contents label strong {
  color: #000;
}
.asm-modal .content label small, .asm-modal .modal-contents label small {
  font-size: 0.8em;
}
.asm-modal .content label sup, .asm-modal .modal-contents label sup {
  color: red;
}
.asm-modal .content input[type=text], .asm-modal .modal-contents input[type=text] {
  box-sizing: content-box;
}
.asm-modal .content button[disabled], .asm-modal .modal-contents button[disabled] {
  cursor: not-allowed;
}
.asm-modal .content .job-name, .asm-modal .modal-contents .job-name {
  color: #666;
}
.asm-modal .modal-main {
  width: 1000px;
}
.asm-modal .modal-main .modal-contents {
  position: relative;
  left: 0px;
  top: 0px;
  width: auto;
  max-height: none;
  border-radius: 0px;
  box-shadow: none;
  margin-left: 0px;
  padding: 10px 20px 5px 25px;
}

.asm-modal.undo-switch .content .heading,
.asm-modal.error .content .heading {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  padding-left: 35px;
  text-transform: uppercase;
  background: url(/assets/images/exclaim.png?agm-ver=undefined.undefined) no-repeat 0 50%;
  background-size: auto 25px;
}

.asm-modal.submitted .content .heading {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  padding-left: 35px;
  text-transform: uppercase;
  background: url(/assets/images/icon_info_25x25.png?agm-ver=undefined.undefined) no-repeat 0 50%;
  background-size: auto 25px;
}

/* multi list */
.multi-list-container {
  border-radius: 3px;
  border: 1px solid lightgray;
  margin-bottom: 5px;
  width: 218px;
  background: #ffffff;
}
.multi-list-container .toolbar {
  text-align: right;
  margin: 3px;
  display: flex;
  position: relative;
}
.multi-list-container .toolbar label {
  display: inline;
  text-align: left;
}
.multi-list-container .toolbar input {
  width: 100%;
  margin: 2px;
}
.multi-list-container .toolbar input:invalid {
  border-color: red;
}
.multi-list-container button {
  padding: 1px 4px;
  min-width: 10px;
  font-size: 16px;
  margin: 2px 1px;
  float: right;
  background: none;
  border: 0px;
  box-shadow: none;
}
.multi-list-container button:hover {
  color: #3367D6;
}
.multi-list-container .trash-icon {
  font-size: 14px;
  margin: 6px 8px;
  padding: 1px 2px;
}
.multi-list-container .trash-icon:hover {
  color: #3367D6;
}
.multi-list-container .fa-pencil-alt, .multi-list-container .fa-plus-circle {
  position: absolute;
  right: 2px;
  top: 4.5px;
}
.multi-list-container .item-select {
  max-height: 90px;
  overflow: auto;
}
.multi-list-container .divItemSelect {
  background-color: #0f7fde !important;
  color: #ffffff;
}
.multi-list-container .divItemSelect .trash-icon {
  color: #ffffff;
}
.multi-list-container .multi-list-row {
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  padding-left: 9px;
}
.multi-list-container .multi-list-row:nth-of-type(even) {
  background-color: #ffffff;
}
.multi-list-container .multi-list-row:nth-of-type(odd) {
  background-color: #eeeeee;
}
.multi-list-container.disabled {
  opacity: 0.5;
}

/* orgs list */
.organizations {
  border: 1px solid #ccc;
  border-radius: 3px;
}
.organizations .org-filter {
  position: relative;
  width: 100%;
  background-color: #eee;
  border-radius: 3px 3px 0px 0px;
}
.organizations .org-filter input {
  position: relative;
  width: 210px;
  margin: 5px;
}
.organizations .org-filter input::-webkit-input-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}
.organizations .org-filter input:-moz-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}
.organizations .org-filter input::-moz-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}
.organizations .org-filter input:-ms-input-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}
.organizations .org-filter span#clear {
  display: none;
  position: absolute;
  left: 205px;
  top: 12px;
  z-index: 10;
  height: 100%;
  width: 30px;
  background: none;
  border: none;
  color: #666;
  outline: none;
  font-size: 16px;
  transition: color 0.25s;
}
.organizations .org-filter a {
  padding: 6px;
  border: 1px solid #eee;
  text-decoration: none;
  border-radius: 3px;
}
.organizations .org-filter a:hover {
  background-color: rgb(161, 159, 159);
  color: white;
  box-shadow: 2px 2px 2px lightgray;
}
.organizations .org-wrap {
  border: 1px solid #ccc;
  padding: 5px 5px 0px 5px;
}
.organizations .org-wrap .org-wrap-main-ul {
  max-height: 245px;
  overflow-y: scroll;
}
.organizations .org-wrap .org-wrap-main-ul ul {
  margin-left: 16px;
}
.organizations .org-wrap .org-wrap-main-ul:hover {
  overflow-y: auto;
}

/* generic loading overlay component */
.olay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s;
}

.olay *,
.olay :before, :after {
  box-sizing: border-box;
  line-height: 1;
}

.olay.on {
  opacity: 1;
}

.olay .body {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 200px;
  margin: -100px 0 0 -100px;
  background: #fff;
  font-size: 12px;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.olay .body:after {
  content: "";
  display: block;
  position: absolute;
  width: 120px;
  height: 120px;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -60px;
  border: 5px solid rgba(140, 197, 62, 0.2);
  border-left-color: rgb(140, 197, 62);
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading 0.75s infinite linear;
}

.olay .msg {
  position: absolute;
  width: 100%;
  padding: 0 20px;
  bottom: 14px;
}

.agm-job-grid .items .data-row .inprogress-spinner {
  width: 18px;
  height: 12px;
  display: inline-block;
  margin: 0px 0 -4px 0px !important;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 45%;
}
.agm-job-grid .items .data-row:nth-child(even) .inprogress-spinner {
  background-image: url(../../../../assets/images/grey-spinner.gif?agm-ver=undefined.undefined);
}
.agm-job-grid .items .data-row:nth-child(even):hover:not(.selected) .inprogress-spinner {
  background-image: url(../../../../assets/images/hover-grey-spinner.gif?agm-ver=undefined.undefined);
}
.agm-job-grid .items .data-row:nth-child(odd) .inprogress-spinner {
  background-image: url(../../../../assets/images/white-spinner.gif?agm-ver=undefined.undefined);
}
.agm-job-grid .items .data-row:nth-child(odd):hover:not(.selected) .inprogress-spinner {
  background-image: url(../../../../assets/images/hover-spinner.gif?agm-ver=undefined.undefined);
}
.agm-job-grid .items .data-row.selected .inprogress-spinner {
  background-image: url(../../../../assets/images/blue-spinner.gif?agm-ver=undefined.undefined);
}

.inline-spinner {
  position: relative;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  margin: 0 0 30px -40px;
  border: 5px solid rgba(140, 197, 62, 0.2);
  border-left-color: rgb(140, 197, 62);
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading 0.75s infinite linear;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* generic loading overlay component */
.refresh-timer-wrapper {
  width: 300px;
  display: inline-block;
}
.refresh-timer-wrapper .text {
  font-size: 13px;
  line-height: 18px;
  vertical-align: middle;
}
.refresh-timer-wrapper .pause-state {
  display: none;
}
.refresh-timer-wrapper.paused .play-state {
  display: none;
}
.refresh-timer-wrapper.paused .pause-state {
  display: inline-block;
}
.refresh-timer-wrapper .countdown-time {
  margin-right: 15px;
}
.refresh-timer-wrapper button.refresh,
.refresh-timer-wrapper button.play-pause {
  background-color: transparent;
  background-image: none;
  border: none;
  min-width: 0;
  box-shadow: none;
  font-size: 15px;
  width: 30px;
}
.refresh-timer-wrapper .updating-text {
  display: none;
}
.refresh-timer-wrapper button {
  transition: color 0.25s;
  text-shadow: none;
}
.refresh-timer-wrapper.updating > span {
  display: none;
}
.refresh-timer-wrapper.updating .updating-text {
  display: inline-block;
}
.refresh-timer-wrapper.updating button {
  animation: loading 0.5s infinite linear;
  color: rgb(140, 197, 62);
}

/* base AGM grid */
.agm-base-grid {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.agm-base-grid.fs-mode {
  border: none;
  left: 40px;
}
.agm-base-grid input[type=text],
.agm-base-grid input[type=number] {
  height: auto;
  box-shadow: none;
  font-size: inherit;
}
.agm-base-grid button {
  min-width: auto;
  font-size: 13px;
  font-weight: 500;
}
.agm-base-grid select {
  min-width: auto;
  font-size: inherit;
  border-radius: 0;
  width: auto;
}
.agm-base-grid .headers .cell-display {
  padding-top: 5px;
}
.agm-base-grid .footer {
  font-size: 13px;
  font-weight: 400;
}
.agm-base-grid .footer .pagination button {
  font-weight: 500;
}

/* filters */
.agm-filters {
  position: relative;
  font-size: 13px;
  font-weight: 400;
  width: 220px;
}
.agm-filters.blocked:before {
  content: "";
  display: block;
  z-index: 9999;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.agm-filters button {
  min-width: 0;
  text-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  background: transparent;
  border: none;
  transition: border-color 0.25s;
  line-height: 1;
  transition: background 0.25s;
}
.agm-filters button:active {
  line-height: 1;
}
.agm-filters button:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  content: "\f057";
  margin-right: 5px;
  vertical-align: middle;
  transition: color 0.25s;
}
.agm-filters input[type=text] {
  line-height: normal;
}
.agm-filters input[type=text]::-ms-clear {
  display: none;
}
.agm-filters .filter .clear-btn {
  display: none;
}
.agm-filters .filter .title {
  position: relative;
  height: 32px;
  line-height: 20px;
  padding: 0 30px 0 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  text-transform: capitalize;
  font-weight: 500;
  padding-top: 8px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}
.agm-filters .filter .title:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -10px;
  font-size: 14px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  transform: rotateZ(0);
  transition: transform 0.25s;
}
.agm-filters .filter.expanded .title:after {
  transform: rotateZ(90deg);
}
.agm-filters .filter.collapsed .outer {
  height: 0;
}
.agm-filters .filter.text-filter .input-wrap, .agm-filters .filter.date-filter .input-wrap, .agm-filters .filter.number-filter .input-wrap {
  position: relative;
}
.agm-filters .filter.text-filter .input-wrap input[type=text], .agm-filters .filter.text-filter .input-wrap input[type=number], .agm-filters .filter.date-filter .input-wrap input[type=text], .agm-filters .filter.date-filter .input-wrap input[type=number], .agm-filters .filter.number-filter .input-wrap input[type=text], .agm-filters .filter.number-filter .input-wrap input[type=number] {
  display: block;
  width: 100%;
  height: 32px;
  padding: 0 30px 0 5px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #BDBDBD;
}
.agm-filters .filter.text-filter .input-wrap input[type=text]::placeholder, .agm-filters .filter.text-filter .input-wrap input[type=number]::placeholder, .agm-filters .filter.date-filter .input-wrap input[type=text]::placeholder, .agm-filters .filter.date-filter .input-wrap input[type=number]::placeholder, .agm-filters .filter.number-filter .input-wrap input[type=text]::placeholder, .agm-filters .filter.number-filter .input-wrap input[type=number]::placeholder {
  color: rgba(0, 0, 0, 0.66);
}
.agm-filters .filter.text-filter .input-wrap input[type=number], .agm-filters .filter.date-filter .input-wrap input[type=number], .agm-filters .filter.number-filter .input-wrap input[type=number] {
  padding: 0 22px 0 5px;
}
.agm-filters .filter.text-filter .input-wrap .clear-btn, .agm-filters .filter.date-filter .input-wrap .clear-btn, .agm-filters .filter.number-filter .input-wrap .clear-btn {
  display: none;
  position: absolute;
  z-index: 10;
  padding: 0;
  height: 100%;
  width: 24px;
  min-width: auto;
  top: 0;
  right: 0;
  background: none;
  border: none;
  color: #666;
  outline: none;
  transition: color 0.25s;
}
.agm-filters .filter.text-filter .input-wrap .clear-btn:hover, .agm-filters .filter.date-filter .input-wrap .clear-btn:hover, .agm-filters .filter.number-filter .input-wrap .clear-btn:hover {
  color: #333;
}
.agm-filters .filter.text-filter .input-wrap .clear-btn:after, .agm-filters .filter.date-filter .input-wrap .clear-btn:after, .agm-filters .filter.number-filter .input-wrap .clear-btn:after {
  margin: 0;
}
.agm-filters .filter.text-filter.active .input-wrap .clear-btn, .agm-filters .filter.number-filter.active .input-wrap .clear-btn {
  display: inline-block;
}
.agm-filters .filter.text-filter.active .input-wrap .clear-btn:before, .agm-filters .filter.number-filter.active .input-wrap .clear-btn:before {
  margin: 0;
}
.agm-filters .filter.date-filter .input-wrap {
  display: inline-block;
  width: 50%;
  margin: 5px 0;
}
.agm-filters .filter.date-filter .input-wrap:first-of-type {
  padding-right: 5px;
}
.agm-filters .filter.date-filter .input-wrap:last-of-type {
  padding-left: 5px;
}
.agm-filters .filter.date-filter .input-wrap input[type=text] {
  padding: 0 5px;
  font-size: 10px;
}
.agm-filters .filter.date-filter .input-wrap input[type=text][readonly] {
  cursor: default;
}
.agm-filters .filter.date-filter .input-wrap input[type=text]::placeholder {
  font-size: 14px;
}
.agm-filters .filter.date-filter .input-wrap input[type=text].has-val + .clear-btn {
  display: inline-block;
}
.agm-filters .filter.list-filter .inner, .agm-filters .filter.date-filter .inner {
  padding: 5px 10px;
}
.agm-filters .filter.list-filter .value, .agm-filters .filter.date-filter .value {
  margin-top: 1px;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
}
.agm-filters .filter.list-filter .value.active:before, .agm-filters .filter.date-filter .value.active:before {
  color: #757575;
  content: "\f192";
}
.agm-filters .filter.list-filter .value:before, .agm-filters .filter.date-filter .value:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  color: #757575;
  content: "\f111";
  margin-right: 5px;
  vertical-align: middle;
}
.agm-filters .filter.list-filter .value .label-text, .agm-filters .filter.date-filter .value .label-text {
  text-transform: capitalize;
}
.agm-filters .filter.multi-select .all-none-wrap {
  color: rgba(0, 0, 0, 0.66);
  padding: 5px 0;
}
.agm-filters .filter.multi-select .all-none-wrap button {
  color: #000;
  text-transform: uppercase;
  transition: color 0.25s;
}
.agm-filters .filter.multi-select .all-none-wrap button:before {
  content: none;
}
.agm-filters .filter.multi-select .value:before {
  content: "\f0c8";
}
.agm-filters .filter.multi-select .value.active:before {
  content: "\f14a";
}
.agm-filters .filter .outer {
  overflow: hidden;
  transition: height 0.25s;
}
.agm-filters .filter .outer .inner {
  padding: 10px 10px 13px 10px;
}
.agm-filters .clear-all-filters {
  margin: 0 0 10px;
  text-align: center;
}
.agm-filters .clear-all-filters .filter-by {
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.agm-filters .clear-all-filters button {
  display: none;
  line-height: 32px;
  font-size: 14px;
  padding: 0 10px;
}
.agm-filters.has-active .clear-all-filters .filter-by {
  display: none;
}
.agm-filters.has-active .clear-all-filters button {
  display: inline-block;
  color: #3367D6;
}

.filter-tags .tag {
  margin: 2px;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.12);
  font-size: 12px;
  line-height: 1;
  padding: 3px;
  border-radius: 3px;
  margin-left: 10px;
  text-shadow: none;
  box-shadow: none;
  min-width: 0;
  transition: color 0.25s;
}
.filter-tags .tag:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  content: "\f057";
  margin-right: 5px;
  vertical-align: middle;
}
.filter-tags .tag .name {
  margin-right: 5px;
  text-transform: capitalize;
}
.filter-tags .tag .value {
  font-weight: 500;
}
.filter-tags .tag .value.tag-val {
  text-transform: capitalize;
}

/* generic loading overlay component */
.name-value-wrapper {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  width: 100%;
  display: table;
  font-size: 12px;
  table-layout: fixed;
}
.name-value-wrapper .name-value-row {
  display: table-row;
}
.name-value-wrapper .name-value-row .name-value-cell {
  display: table-cell;
  vertical-align: top;
  padding: 2px 5px;
  border-top: 2px solid #d9d9d1;
  border-bottom: 1px solid #d9d9d1;
  word-wrap: break-word;
}
.name-value-wrapper .name-value-row .name-value-cell:first-child {
  width: 100px;
  text-align: right;
  background-color: #ccccc0;
  border-radius: 0 8px 8px 0;
  text-transform: uppercase;
}

/* generic scheduler component */
.scheduler-container select {
  width: 120px;
}

.form-section-wide.frequency-container {
  width: 58%;
}

/* generic org ownership component */
/* Style the tab */
.tab {
  float: left;
  background-color: #e5e5dc;
  width: 18%;
  height: 400px;
}

.tab ul {
  margin: 18px 0 0 0;
  padding: 0px;
}

/* Style the buttons inside the tab */
.tab li {
  display: block;
  background-color: inherit;
  color: #8c8c86;
  padding-left: 9px;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 12px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 40px;
  line-height: 46px;
}

.tabborder {
  border-bottom: 1px solid #d9d9d1;
}

/* Change background color of buttons on hover */
.tab li:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab li.active {
  background-color: white;
  border: none;
  font-weight: bold;
  color: #000000;
}

/* Style the tab content */
.tabcontent {
  position: relative;
  float: left;
  padding: 16px;
  width: 78.7%;
  border-radius: 5px;
  height: 540px;
  background: white;
  display: none;
}

div.active {
  display: block;
}

#orgs-section .picklist {
  border: 1px solid #cccccc;
  border-radius: 0;
  padding: 0px;
}
#orgs-section .picklist td {
  text-align: left;
}

/*
.agm-table.agm-host-grid.has-toolbar.has-headers .items {
  top: 80px;
}

.agm-table.agm-host-grid {
  min-height:540px;
  width:auto;
}

.agm-table.agm-host-grid .toolbar .toolbar-items {
  display: inline-block;
}

.actifio-grid .toolbar .show-selected {
  display: inline-block;
}

.agm-table.agm-host-grid .footer.table-display {
  display: table;
}
*/
.tabcontent .agm-base-grid {
  border: 1px solid #ccc;
}

.tabcontent .agm-base-grid {
  margin: 16px;
}

.tabcontent .actifio-grid .footer .section {
  height: inherit;
  white-space: nowrap;
}

.tabcontent .p-title {
  font-size: 18px;
  line-height: 29.5;
  text-align: center;
}

.tabcontent .actifio-grid .items [data-col-name=Name].indented {
  padding-left: 29px;
}

/* generic time input component */
.time-input-field {
  width: 60px;
}

/* styles for fixed header scrollable table */
/* Styles for searchable list control */
.component-listcontrol {
  width: 100%;
  position: relative;
}
.component-listcontrol .container-searchbox {
  position: relative;
  box-sizing: border-box;
  height: 40px;
}
.component-listcontrol .container-searchbox *, .component-listcontrol .container-searchbox *:before, .component-listcontrol .container-searchbox *:after {
  box-sizing: border-box;
}
.component-listcontrol .container-searchbox .searchbox-input {
  height: 100%;
}
.component-listcontrol .container-searchbox .clear-btn {
  display: none;
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 30px;
  top: 0px;
  right: -15px;
  background: none;
  border: none;
  color: #666;
  outline: none;
  font-size: 16px;
  transition: color 0.25s;
}
.component-listcontrol .container-searchbox.hasval .clear-btn {
  display: block;
}
.component-listcontrol .container-searchbox.hasval .clear-btn:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f057";
  display: inline-block;
  vertical-align: middle;
}
.component-listcontrol .container-list {
  margin-top: 10px;
  position: relative;
}
.component-listcontrol .component-listcontrol-blocker {
  z-index: 98;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #d9d9d1;
  opacity: 0.85;
  display: none;
  color: #555555;
  font-size: 1.4em;
  font-weight: 500;
}
.component-listcontrol .component-listcontrol-blocker .component-listcontrol-blocker-msg-container {
  position: relative;
  top: 50%;
  text-align: center;
}
.component-listcontrol .component-listcontrol-blocker .component-listcontrol-blocker-msg-container .component-listcontrol-blocker-icon {
  font-size: 1.6em;
}
.organizations {
  border: 1px solid #ccc;
  border-radius: 3px;
}
.organizations .org-filter {
  position: relative;
  width: 100%;
  background-color: #eee;
  border-radius: 3px 3px 0px 0px;
}
.organizations .org-filter input {
  position: relative;
  width: 210px;
  margin: 5px;
}
.organizations .org-filter input::-webkit-input-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}
.organizations .org-filter input:-moz-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}
.organizations .org-filter input::-moz-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}
.organizations .org-filter input:-ms-input-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  text-align: right;
}
.organizations .org-filter span#clear {
  display: none;
  position: absolute;
  left: 205px;
  top: 12px;
  z-index: 10;
  height: 100%;
  width: 30px;
  background: none;
  border: none;
  color: #666;
  outline: none;
  font-size: 16px;
  transition: color 0.25s;
}
.organizations .org-filter a {
  padding: 6px;
  border: 1px solid #eee;
  text-decoration: none;
  border-radius: 3px;
}
.organizations .org-filter a:hover {
  background-color: rgb(161, 159, 159);
  color: white;
  box-shadow: 2px 2px 2px lightgray;
}
.organizations .org-wrap {
  border: 1px solid #ccc;
  padding: 5px 5px 0px 5px;
}
.organizations .org-wrap .org-wrap-main-ul {
  max-height: 245px;
  overflow-y: scroll;
}
.organizations .org-wrap .org-wrap-main-ul ul {
  margin-left: 16px;
}
.organizations .org-wrap .org-wrap-main-ul:hover {
  overflow-y: auto;
}

.dialog-hostconnection ul li {
  list-style-type: disc;
}

.dialog-hostsecret-add {
  position: fixed;
}
.dialog-hostsecret-add .dialog-addsecret-input {
  display: flex;
  position: relative;
  place-content: flex-start;
  gap: 10px;
  place-items: center;
}
.dialog-hostsecret-add .dialog-addsecret-input input {
  width: 100%;
  margin: 0;
}
.dialog-hostsecret-add .modal-actions {
  display: flex;
  flex-direction: row;
  place-items: center flex-end;
  width: auto;
  margin: 0;
  padding: 30px 40px;
  justify-content: flex-end;
  gap: 20px;
}
.dialog-hostsecret-add .modal-actions button {
  margin: 0;
}

/* animation sets */
/* move from / to  */
.pt-page-moveToLeft {
  -webkit-animation: moveToLeft 0.6s ease both;
  animation: moveToLeft 0.6s ease both;
}

.pt-page-moveFromLeft {
  -webkit-animation: moveFromLeft 0.6s ease both;
  animation: moveFromLeft 0.6s ease both;
}

.pt-page-moveToRight {
  -webkit-animation: moveToRight 0.6s ease both;
  animation: moveToRight 0.6s ease both;
}

.pt-page-moveFromRight {
  -webkit-animation: moveFromRight 0.6s ease both;
  animation: moveFromRight 0.6s ease both;
}

.pt-page-moveToTop {
  -webkit-animation: moveToTop 0.6s ease both;
  animation: moveToTop 0.6s ease both;
}

.pt-page-moveFromTop {
  -webkit-animation: moveFromTop 0.6s ease both;
  animation: moveFromTop 0.6s ease both;
}

.pt-page-moveToBottom {
  -webkit-animation: moveToBottom 0.6s ease both;
  animation: moveToBottom 0.6s ease both;
}

.pt-page-moveFromBottom {
  -webkit-animation: moveFromBottom 0.6s ease both;
  animation: moveFromBottom 0.6s ease both;
}

/* fade */
.pt-page-fade {
  -webkit-animation: fade 0.7s ease both;
  animation: fade 0.7s ease both;
}

/* move from / to and fade */
.pt-page-moveToLeftFade {
  -webkit-animation: moveToLeftFade 0.7s ease both;
  animation: moveToLeftFade 0.7s ease both;
}

.pt-page-moveFromLeftFade {
  -webkit-animation: moveFromLeftFade 0.7s ease both;
  animation: moveFromLeftFade 0.7s ease both;
}

.pt-page-moveToRightFade {
  -webkit-animation: moveToRightFade 0.7s ease both;
  animation: moveToRightFade 0.7s ease both;
}

.pt-page-moveFromRightFade {
  -webkit-animation: moveFromRightFade 0.7s ease both;
  animation: moveFromRightFade 0.7s ease both;
}

.pt-page-moveToTopFade {
  -webkit-animation: moveToTopFade 0.7s ease both;
  animation: moveToTopFade 0.7s ease both;
}

.pt-page-moveFromTopFade {
  -webkit-animation: moveFromTopFade 0.7s ease both;
  animation: moveFromTopFade 0.7s ease both;
}

.pt-page-moveToBottomFade {
  -webkit-animation: moveToBottomFade 0.7s ease both;
  animation: moveToBottomFade 0.7s ease both;
}

.pt-page-moveFromBottomFade {
  -webkit-animation: moveFromBottomFade 0.7s ease both;
  animation: moveFromBottomFade 0.7s ease both;
}

/* move to with different easing */
.pt-page-moveToLeftEasing {
  -webkit-animation: moveToLeft 0.7s ease-in-out both;
  animation: moveToLeft 0.7s ease-in-out both;
}

.pt-page-moveToRightEasing {
  -webkit-animation: moveToRight 0.7s ease-in-out both;
  animation: moveToRight 0.7s ease-in-out both;
}

.pt-page-moveToTopEasing {
  -webkit-animation: moveToTop 0.7s ease-in-out both;
  animation: moveToTop 0.7s ease-in-out both;
}

.pt-page-moveToBottomEasing {
  -webkit-animation: moveToBottom 0.7s ease-in-out both;
  animation: moveToBottom 0.7s ease-in-out both;
}

/********************************* keyframes **************************************/
/* move from / to  */
@-webkit-keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveToLeft {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveToRight {
  to {
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveToRight {
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveToTop {
  to {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveToTop {
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveFromTop {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveFromTop {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveToBottom {
  to {
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveToBottom {
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* fade */
@-webkit-keyframes fade {
  to {
    opacity: 0.3;
  }
}
@keyframes fade {
  to {
    opacity: 0.3;
  }
}
/* move from / to and fade */
@-webkit-keyframes moveToLeftFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveToLeftFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveFromLeftFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-100%);
  }
}
@keyframes moveFromLeftFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes moveToRightFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveToRightFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveFromRightFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(100%);
  }
}
@keyframes moveFromRightFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-webkit-keyframes moveToTopFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveToTopFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveFromTopFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
  }
}
@keyframes moveFromTopFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes moveToBottomFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveToBottomFade {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@-webkit-keyframes moveFromBottomFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(100%);
  }
}
@keyframes moveFromBottomFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* scale and fade */
.pt-page-scaleDown {
  -webkit-animation: scaleDown 0.7s ease both;
  animation: scaleDown 0.7s ease both;
}

.pt-page-scaleUp {
  -webkit-animation: scaleUp 0.7s ease both;
  animation: scaleUp 0.7s ease both;
}

.pt-page-scaleUpDown {
  -webkit-animation: scaleUpDown 0.5s ease both;
  animation: scaleUpDown 0.5s ease both;
}

.pt-page-scaleDownUp {
  -webkit-animation: scaleDownUp 0.5s ease both;
  animation: scaleDownUp 0.5s ease both;
}

.pt-page-scaleDownCenter {
  -webkit-animation: scaleDownCenter 0.4s ease-in both;
  animation: scaleDownCenter 0.4s ease-in both;
}

.pt-page-scaleUpCenter {
  -webkit-animation: scaleUpCenter 0.4s ease-out both;
  animation: scaleUpCenter 0.4s ease-out both;
}

/********************************* keyframes **************************************/
/* scale and fade */
@-webkit-keyframes scaleDown {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@keyframes scaleDown {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes scaleUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@keyframes scaleUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes scaleUpDown {
  from {
    opacity: 0;
    -webkit-transform: scale(1.2);
  }
}
@keyframes scaleUpDown {
  from {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes scaleDownUp {
  to {
    opacity: 0;
    -webkit-transform: scale(1.2);
  }
}
@keyframes scaleDownUp {
  to {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes scaleDownCenter {
  to {
    opacity: 0;
    -webkit-transform: scale(0.7);
  }
}
@keyframes scaleDownCenter {
  to {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-webkit-keyframes scaleUpCenter {
  from {
    opacity: 0;
    -webkit-transform: scale(0.7);
  }
}
@keyframes scaleUpCenter {
  from {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
/* rotate sides first and scale */
.pt-page-rotateRightSideFirst {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateRightSideFirst 0.8s both ease-in;
  animation: rotateRightSideFirst 0.8s both ease-in;
}

.pt-page-rotateLeftSideFirst {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateLeftSideFirst 0.8s both ease-in;
  animation: rotateLeftSideFirst 0.8s both ease-in;
}

.pt-page-rotateTopSideFirst {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateTopSideFirst 0.8s both ease-in;
  animation: rotateTopSideFirst 0.8s both ease-in;
}

.pt-page-rotateBottomSideFirst {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateBottomSideFirst 0.8s both ease-in;
  animation: rotateBottomSideFirst 0.8s both ease-in;
}

/* flip */
.pt-page-flipOutRight {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipOutRight 0.3s both ease-in;
  animation: flipOutRight 0.3s both ease-in;
}

.pt-page-flipInLeft {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInLeft 0.5s both ease-out;
  animation: flipInLeft 0.5s both ease-out;
}

.pt-page-flipOutLeft {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipOutLeft 0.5s both ease-in;
  animation: flipOutLeft 0.5s both ease-in;
}

.pt-page-flipInRight {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInRight 0.3s both ease-out;
  animation: flipInRight 0.3s both ease-out;
}

.pt-page-flipOutTop {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipOutTop 0.5s both ease-in;
  animation: flipOutTop 0.5s both ease-in;
}

.pt-page-flipInBottom {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInBottom 0.5s both ease-out;
  animation: flipInBottom 0.5s both ease-out;
}

.pt-page-flipOutBottom {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipOutBottom 0.5s both ease-in;
  animation: flipOutBottom 0.5s both ease-in;
}

.pt-page-flipInTop {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInTop 0.5s both ease-out;
  animation: flipInTop 0.5s both ease-out;
}

/* rotate fall */
.pt-page-rotateFall {
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation: rotateFall 1s both ease-in;
  animation: rotateFall 1s both ease-in;
}

/* rotate newspaper */
.pt-page-rotateOutNewspaper {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: rotateOutNewspaper 0.5s both ease-in;
  animation: rotateOutNewspaper 0.5s both ease-in;
}

.pt-page-rotateInNewspaper {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: rotateInNewspaper 0.5s both ease-out;
  animation: rotateInNewspaper 0.5s both ease-out;
}

/* push */
.pt-page-rotatePushLeft {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotatePushLeft 0.8s both ease;
  animation: rotatePushLeft 0.8s both ease;
}

.pt-page-rotatePushRight {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotatePushRight 0.8s both ease;
  animation: rotatePushRight 0.8s both ease;
}

.pt-page-rotatePushTop {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotatePushTop 0.8s both ease;
  animation: rotatePushTop 0.8s both ease;
}

.pt-page-rotatePushBottom {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotatePushBottom 0.8s both ease;
  animation: rotatePushBottom 0.8s both ease;
}

/* pull */
.pt-page-rotatePullRight {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotatePullRight 0.5s both ease;
  animation: rotatePullRight 0.5s both ease;
}

.pt-page-rotatePullLeft {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotatePullLeft 0.5s both ease;
  animation: rotatePullLeft 0.5s both ease;
}

.pt-page-rotatePullTop {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotatePullTop 0.5s both ease;
  animation: rotatePullTop 0.5s both ease;
}

.pt-page-rotatePullBottom {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotatePullBottom 0.5s both ease;
  animation: rotatePullBottom 0.5s both ease;
}

/* fold */
.pt-page-rotateFoldRight {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateFoldRight 0.7s both ease;
  animation: rotateFoldRight 0.7s both ease;
}

.pt-page-rotateFoldLeft {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateFoldLeft 0.7s both ease;
  animation: rotateFoldLeft 0.7s both ease;
}

.pt-page-rotateFoldTop {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateFoldTop 0.7s both ease;
  animation: rotateFoldTop 0.7s both ease;
}

.pt-page-rotateFoldBottom {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateFoldBottom 0.7s both ease;
  animation: rotateFoldBottom 0.7s both ease;
}

/* unfold */
.pt-page-rotateUnfoldLeft {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateUnfoldLeft 0.7s both ease;
  animation: rotateUnfoldLeft 0.7s both ease;
}

.pt-page-rotateUnfoldRight {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateUnfoldRight 0.7s both ease;
  animation: rotateUnfoldRight 0.7s both ease;
}

.pt-page-rotateUnfoldTop {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateUnfoldTop 0.7s both ease;
  animation: rotateUnfoldTop 0.7s both ease;
}

.pt-page-rotateUnfoldBottom {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateUnfoldBottom 0.7s both ease;
  animation: rotateUnfoldBottom 0.7s both ease;
}

/* room walls */
.pt-page-rotateRoomLeftOut {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateRoomLeftOut 0.8s both ease;
  animation: rotateRoomLeftOut 0.8s both ease;
}

.pt-page-rotateRoomLeftIn {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateRoomLeftIn 0.8s both ease;
  animation: rotateRoomLeftIn 0.8s both ease;
}

.pt-page-rotateRoomRightOut {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateRoomRightOut 0.8s both ease;
  animation: rotateRoomRightOut 0.8s both ease;
}

.pt-page-rotateRoomRightIn {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateRoomRightIn 0.8s both ease;
  animation: rotateRoomRightIn 0.8s both ease;
}

.pt-page-rotateRoomTopOut {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateRoomTopOut 0.8s both ease;
  animation: rotateRoomTopOut 0.8s both ease;
}

.pt-page-rotateRoomTopIn {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateRoomTopIn 0.8s both ease;
  animation: rotateRoomTopIn 0.8s both ease;
}

.pt-page-rotateRoomBottomOut {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateRoomBottomOut 0.8s both ease;
  animation: rotateRoomBottomOut 0.8s both ease;
}

.pt-page-rotateRoomBottomIn {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateRoomBottomIn 0.8s both ease;
  animation: rotateRoomBottomIn 0.8s both ease;
}

/* cube */
.pt-page-rotateCubeLeftOut {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateCubeLeftOut 0.6s both ease-in;
  animation: rotateCubeLeftOut 0.6s both ease-in;
}

.pt-page-rotateCubeLeftIn {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateCubeLeftIn 0.6s both ease-in;
  animation: rotateCubeLeftIn 0.6s both ease-in;
}

.pt-page-rotateCubeRightOut {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateCubeRightOut 0.6s both ease-in;
  animation: rotateCubeRightOut 0.6s both ease-in;
}

.pt-page-rotateCubeRightIn {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateCubeRightIn 0.6s both ease-in;
  animation: rotateCubeRightIn 0.6s both ease-in;
}

.pt-page-rotateCubeTopOut {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateCubeTopOut 0.6s both ease-in;
  animation: rotateCubeTopOut 0.6s both ease-in;
}

.pt-page-rotateCubeTopIn {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateCubeTopIn 0.6s both ease-in;
  animation: rotateCubeTopIn 0.6s both ease-in;
}

.pt-page-rotateCubeBottomOut {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateCubeBottomOut 0.6s both ease-in;
  animation: rotateCubeBottomOut 0.6s both ease-in;
}

.pt-page-rotateCubeBottomIn {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateCubeBottomIn 0.6s both ease-in;
  animation: rotateCubeBottomIn 0.6s both ease-in;
}

/* carousel */
.pt-page-rotateCarouselLeftOut {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateCarouselLeftOut 0.8s both ease;
  animation: rotateCarouselLeftOut 0.8s both ease;
}

.pt-page-rotateCarouselLeftIn {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateCarouselLeftIn 0.8s both ease;
  animation: rotateCarouselLeftIn 0.8s both ease;
}

.pt-page-rotateCarouselRightOut {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateCarouselRightOut 0.8s both ease;
  animation: rotateCarouselRightOut 0.8s both ease;
}

.pt-page-rotateCarouselRightIn {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateCarouselRightIn 0.8s both ease;
  animation: rotateCarouselRightIn 0.8s both ease;
}

.pt-page-rotateCarouselTopOut {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateCarouselTopOut 0.8s both ease;
  animation: rotateCarouselTopOut 0.8s both ease;
}

.pt-page-rotateCarouselTopIn {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateCarouselTopIn 0.8s both ease;
  animation: rotateCarouselTopIn 0.8s both ease;
}

.pt-page-rotateCarouselBottomOut {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateCarouselBottomOut 0.8s both ease;
  animation: rotateCarouselBottomOut 0.8s both ease;
}

.pt-page-rotateCarouselBottomIn {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateCarouselBottomIn 0.8s both ease;
  animation: rotateCarouselBottomIn 0.8s both ease;
}

/* sides */
.pt-page-rotateSidesOut {
  -webkit-transform-origin: -50% 50%;
  transform-origin: -50% 50%;
  -webkit-animation: rotateSidesOut 0.5s both ease-in;
  animation: rotateSidesOut 0.5s both ease-in;
}

.pt-page-rotateSidesIn {
  -webkit-transform-origin: 150% 50%;
  transform-origin: 150% 50%;
  -webkit-animation: rotateSidesIn 0.5s both ease-out;
  animation: rotateSidesIn 0.5s both ease-out;
}

/* slide */
.pt-page-rotateSlideOut {
  -webkit-animation: rotateSlideOut 1s both ease;
  animation: rotateSlideOut 1s both ease;
}

.pt-page-rotateSlideIn {
  -webkit-animation: rotateSlideIn 1s both ease;
  animation: rotateSlideIn 1s both ease;
}

/********************************* keyframes **************************************/
/* rotate sides first and scale */
@-webkit-keyframes rotateRightSideFirst {
  40% {
    -webkit-transform: rotateY(15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@keyframes rotateRightSideFirst {
  40% {
    -webkit-transform: rotateY(15deg);
    transform: rotateY(15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@-webkit-keyframes rotateLeftSideFirst {
  40% {
    -webkit-transform: rotateY(-15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@keyframes rotateLeftSideFirst {
  40% {
    -webkit-transform: rotateY(-15deg);
    transform: rotateY(-15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@-webkit-keyframes rotateTopSideFirst {
  40% {
    -webkit-transform: rotateX(15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@keyframes rotateTopSideFirst {
  40% {
    -webkit-transform: rotateX(15deg);
    transform: rotateX(15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@-webkit-keyframes rotateBottomSideFirst {
  40% {
    -webkit-transform: rotateX(-15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
@keyframes rotateBottomSideFirst {
  40% {
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    opacity: 0.8;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    transform: scale(0.8) translateZ(-200px);
    opacity: 0;
  }
}
/* flip */
@-webkit-keyframes flipOutRight {
  to {
    -webkit-transform: translateZ(-1000px) rotateY(90deg); /*opacity: 0.2; */
  }
}
@keyframes flipOutRight {
  to {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    transform: translateZ(-1000px) rotateY(90deg); /*opacity: 0.2; */
  }
}
@-webkit-keyframes flipInLeft {
  from {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg); /*opacity: 0.2; */
  }
}
@keyframes flipInLeft {
  from {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    transform: translateZ(-1000px) rotateY(-90deg); /*opacity: 0.2; */
  }
}
@-webkit-keyframes flipOutLeft {
  to {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg); /*opacity: 0.2; */
  }
}
@keyframes flipOutLeft {
  to {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    transform: translateZ(-1000px) rotateY(-90deg); /*opacity: 0.2; */
  }
}
@-webkit-keyframes flipInRight {
  from {
    -webkit-transform: translateZ(-1000px) rotateY(90deg); /*opacity: 0.2; */
  }
}
@keyframes flipInRight {
  from {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    transform: translateZ(-1000px) rotateY(90deg); /*opacity: 0.2; */
  }
}
@-webkit-keyframes flipOutTop {
  to {
    -webkit-transform: translateZ(-1000px) rotateX(90deg); /*opacity: 0.2; */
  }
}
@keyframes flipOutTop {
  to {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    transform: translateZ(-1000px) rotateX(90deg); /*opacity: 0.2; */
  }
}
@-webkit-keyframes flipInBottom {
  from {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg); /*opacity: 0.2; */
  }
}
@keyframes flipInBottom {
  from {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    transform: translateZ(-1000px) rotateX(-90deg); /*opacity: 0.2; */
  }
}
@-webkit-keyframes flipOutBottom {
  to {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg); /*opacity: 0.2; */
  }
}
@keyframes flipOutBottom {
  to {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    transform: translateZ(-1000px) rotateX(-90deg); /*opacity: 0.2; */
  }
}
@-webkit-keyframes flipInTop {
  from {
    -webkit-transform: translateZ(-1000px) rotateX(90deg); /*opacity: 0.2; */
  }
}
@keyframes flipInTop {
  from {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    transform: translateZ(-1000px) rotateX(90deg); /*opacity: 0.2; */
  }
}
/* fall */
@-webkit-keyframes rotateFall {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  20% {
    -webkit-transform: rotateZ(10deg);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: rotateZ(17deg);
  }
  60% {
    -webkit-transform: rotateZ(16deg);
  }
  100% {
    -webkit-transform: translateY(100%) rotateZ(17deg);
  }
}
@keyframes rotateFall {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  20% {
    -webkit-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: rotateZ(17deg);
    transform: rotateZ(17deg);
  }
  60% {
    -webkit-transform: rotateZ(16deg);
    transform: rotateZ(16deg);
  }
  100% {
    -webkit-transform: translateY(100%) rotateZ(17deg);
    transform: translateY(100%) rotateZ(17deg);
  }
}
/* newspaper */
@-webkit-keyframes rotateOutNewspaper {
  to {
    -webkit-transform: translateZ(-3000px) rotateZ(360deg);
    opacity: 0;
  }
}
@keyframes rotateOutNewspaper {
  to {
    -webkit-transform: translateZ(-3000px) rotateZ(360deg);
    transform: translateZ(-3000px) rotateZ(360deg);
    opacity: 0;
  }
}
@-webkit-keyframes rotateInNewspaper {
  from {
    -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
    opacity: 0;
  }
}
@keyframes rotateInNewspaper {
  from {
    -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
    transform: translateZ(-3000px) rotateZ(-360deg);
    opacity: 0;
  }
}
/* push */
@-webkit-keyframes rotatePushLeft {
  to {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }
}
@keyframes rotatePushLeft {
  to {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
}
@-webkit-keyframes rotatePushRight {
  to {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
}
@keyframes rotatePushRight {
  to {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
}
@-webkit-keyframes rotatePushTop {
  to {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
  }
}
@keyframes rotatePushTop {
  to {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
}
@-webkit-keyframes rotatePushBottom {
  to {
    opacity: 0;
    -webkit-transform: rotateX(90deg);
  }
}
@keyframes rotatePushBottom {
  to {
    opacity: 0;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
}
/* pull */
@-webkit-keyframes rotatePullRight {
  from {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
}
@keyframes rotatePullRight {
  from {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
}
@-webkit-keyframes rotatePullLeft {
  from {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }
}
@keyframes rotatePullLeft {
  from {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
}
@-webkit-keyframes rotatePullTop {
  from {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
  }
}
@keyframes rotatePullTop {
  from {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
}
@-webkit-keyframes rotatePullBottom {
  from {
    opacity: 0;
    -webkit-transform: rotateX(90deg);
  }
}
@keyframes rotatePullBottom {
  from {
    opacity: 0;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
}
/* fold */
@-webkit-keyframes rotateFoldRight {
  to {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
}
@keyframes rotateFoldRight {
  to {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg);
    transform: translateX(100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateFoldLeft {
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
}
@keyframes rotateFoldLeft {
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
    transform: translateX(-100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateFoldTop {
  to {
    opacity: 0;
    -webkit-transform: translateY(-100%) rotateX(90deg);
  }
}
@keyframes rotateFoldTop {
  to {
    opacity: 0;
    -webkit-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateFoldBottom {
  to {
    opacity: 0;
    -webkit-transform: translateY(100%) rotateX(-90deg);
  }
}
@keyframes rotateFoldBottom {
  to {
    opacity: 0;
    -webkit-transform: translateY(100%) rotateX(-90deg);
    transform: translateY(100%) rotateX(-90deg);
  }
}
/* unfold */
@-webkit-keyframes rotateUnfoldLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
}
@keyframes rotateUnfoldLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
    transform: translateX(-100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateUnfoldRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
}
@keyframes rotateUnfoldRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg);
    transform: translateX(100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateUnfoldTop {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%) rotateX(90deg);
  }
}
@keyframes rotateUnfoldTop {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateUnfoldBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%) rotateX(-90deg);
  }
}
@keyframes rotateUnfoldBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%) rotateX(-90deg);
    transform: translateY(100%) rotateX(-90deg);
  }
}
/* room walls */
@-webkit-keyframes rotateRoomLeftOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(90deg);
  }
}
@keyframes rotateRoomLeftOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(90deg);
    transform: translateX(-100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateRoomLeftIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
  }
}
@keyframes rotateRoomLeftIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
    transform: translateX(100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateRoomRightOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
  }
}
@keyframes rotateRoomRightOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
    transform: translateX(100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateRoomRightIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(90deg);
  }
}
@keyframes rotateRoomRightIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(90deg);
    transform: translateX(-100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateRoomTopOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
  }
}
@keyframes rotateRoomTopOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
    transform: translateY(-100%) rotateX(-90deg);
  }
}
@-webkit-keyframes rotateRoomTopIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(90deg);
  }
}
@keyframes rotateRoomTopIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateRoomBottomOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(90deg);
  }
}
@keyframes rotateRoomBottomOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateRoomBottomIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
  }
}
@keyframes rotateRoomBottomIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
    transform: translateY(-100%) rotateX(-90deg);
  }
}
/* cube */
@-webkit-keyframes rotateCubeLeftOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
}
@keyframes rotateCubeLeftOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
    transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
    transform: translateX(-100%) rotateY(-90deg);
  }
}
@-webkit-keyframes rotateCubeLeftIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
  }
}
@keyframes rotateCubeLeftIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(90deg);
    transform: translateX(100%) rotateY(90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
    transform: translateX(50%) translateZ(-200px) rotateY(45deg);
  }
}
@-webkit-keyframes rotateCubeRightOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(90deg);
  }
}
@keyframes rotateCubeRightOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
    transform: translateX(50%) translateZ(-200px) rotateY(45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateX(100%) rotateY(90deg);
    transform: translateX(100%) rotateY(90deg);
  }
}
@-webkit-keyframes rotateCubeRightIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
  }
}
@keyframes rotateCubeRightIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
    transform: translateX(-100%) rotateY(-90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
    transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
  }
}
@-webkit-keyframes rotateCubeTopOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(90deg);
  }
}
@keyframes rotateCubeTopOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg);
  }
}
@-webkit-keyframes rotateCubeTopIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(-90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
  }
}
@keyframes rotateCubeTopIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(-90deg);
    transform: translateY(100%) rotateX(-90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
  }
}
@-webkit-keyframes rotateCubeBottomOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(-90deg);
  }
}
@keyframes rotateCubeBottomOut {
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
  }
  100% {
    opacity: 0.3;
    -webkit-transform: translateY(100%) rotateX(-90deg);
    transform: translateY(100%) rotateX(-90deg);
  }
}
@-webkit-keyframes rotateCubeBottomIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
  }
}
@keyframes rotateCubeBottomIn {
  0% {
    opacity: 0.3;
    -webkit-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg);
  }
  50% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
  }
}
/* carousel */
@-webkit-keyframes rotateCarouselLeftOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-150%) scale(0.4) rotateY(-65deg);
  }
}
@keyframes rotateCarouselLeftOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-150%) scale(0.4) rotateY(-65deg);
    transform: translateX(-150%) scale(0.4) rotateY(-65deg);
  }
}
@-webkit-keyframes rotateCarouselLeftIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
  }
}
@keyframes rotateCarouselLeftIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
    transform: translateX(200%) scale(0.4) rotateY(65deg);
  }
}
@-webkit-keyframes rotateCarouselRightOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
  }
}
@keyframes rotateCarouselRightOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
    transform: translateX(200%) scale(0.4) rotateY(65deg);
  }
}
@-webkit-keyframes rotateCarouselRightIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-200%) scale(0.4) rotateY(-65deg);
  }
}
@keyframes rotateCarouselRightIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-200%) scale(0.4) rotateY(-65deg);
    transform: translateX(-200%) scale(0.4) rotateY(-65deg);
  }
}
@-webkit-keyframes rotateCarouselTopOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
  }
}
@keyframes rotateCarouselTopOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
    transform: translateY(-200%) scale(0.4) rotateX(65deg);
  }
}
@-webkit-keyframes rotateCarouselTopIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
  }
}
@keyframes rotateCarouselTopIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
    transform: translateY(200%) scale(0.4) rotateX(-65deg);
  }
}
@-webkit-keyframes rotateCarouselBottomOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
  }
}
@keyframes rotateCarouselBottomOut {
  to {
    opacity: 0.3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
    transform: translateY(200%) scale(0.4) rotateX(-65deg);
  }
}
@-webkit-keyframes rotateCarouselBottomIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
  }
}
@keyframes rotateCarouselBottomIn {
  from {
    opacity: 0.3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
    transform: translateY(-200%) scale(0.4) rotateX(65deg);
  }
}
/* sides */
@-webkit-keyframes rotateSidesOut {
  to {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(90deg);
  }
}
@keyframes rotateSidesOut {
  to {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(90deg);
    transform: translateZ(-500px) rotateY(90deg);
  }
}
@-webkit-keyframes rotateSidesIn {
  from {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(-90deg);
  }
}
@keyframes rotateSidesIn {
  from {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(-90deg);
    transform: translateZ(-500px) rotateY(-90deg);
  }
}
/* slide */
@-webkit-keyframes rotateSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes rotateSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
    transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes rotateSlideIn {
  0%, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@keyframes rotateSlideIn {
  0%, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
  }
}
/* animation delay classes */
.pt-page-delay100 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.pt-page-delay180 {
  -webkit-animation-delay: 0.18s;
  animation-delay: 0.18s;
}

.pt-page-delay200 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.pt-page-delay300 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.pt-page-delay400 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.pt-page-delay500 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.pt-page-delay700 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.pt-page-delay1000 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

/* containers */
.agm-filterable-grid-container {
  background-color: #ffffff;
  color: #000;
  z-index: 1;
  position: fixed;
  left: 0px;
  top: var(--app-body-top);
  right: 0;
  bottom: 0;
  min-width: 900px;
  overflow: auto;
}
.agm-filterable-grid-container, .agm-filterable-grid-container * {
  line-height: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.agm-filterable-grid-container.sidebar-hidden .main {
  left: 0;
}
.agm-filterable-grid-container.sidebar-hidden .main .top .sidebar-toggle-wrap .sidebar-toggle:before {
  display: none;
}
.agm-filterable-grid-container.sidebar-hidden .main .top .sidebar-toggle-wrap .sidebar-toggle:after {
  display: inline-block;
}
.agm-filterable-grid-container .sidebar,
.agm-filterable-grid-container .main,
.agm-filterable-grid-container .top {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.agm-filterable-grid-container .sidebar {
  padding: 10px 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0px 0px;
  position: absolute;
  width: 252px;
  bottom: 0px;
  overflow-y: scroll;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.agm-filterable-grid-container .main {
  position: absolute;
  left: 255px;
  right: 0px;
  bottom: 0px;
  top: 0;
  padding-top: 24px;
  background: #fff;
  transition: left 0.25s;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.agm-filterable-grid-container .main .top {
  padding: 0px;
  position: static;
  width: 100%;
  white-space: nowrap;
  overflow: visible;
  margin-bottom: 8px;
}
.agm-filterable-grid-container .main .top .upper {
  overflow: hidden;
  line-height: 24px;
  margin-bottom: 40px;
}
.agm-filterable-grid-container .main .top .upper h2 {
  padding-left: 8px;
}
.agm-filterable-grid-container .main .top .lower {
  overflow: hidden;
}
.agm-filterable-grid-container .main .top h2 {
  float: left;
  font-size: 18px;
  line-height: 24px;
}
.agm-filterable-grid-container .main .top .links {
  float: right;
  font-size: 13px;
  line-height: 32px;
}
.agm-filterable-grid-container .main .top .links a {
  color: #3367D6;
  display: inline-block;
  border: none;
  min-width: auto;
  padding: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 7px;
  margin-right: 12px;
}
.agm-filterable-grid-container .main .top .links a i {
  margin-right: 5px;
}
.agm-filterable-grid-container .main .top .sidebar-toggle-wrap {
  cursor: pointer;
  display: inline-block;
  vertical-align: bottom;
  padding-left: 17px;
}
.agm-filterable-grid-container .main .top .sidebar-toggle-wrap .sidebar-toggle {
  color: #3367D6;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
}
.agm-filterable-grid-container .main .top .sidebar-toggle-wrap .sidebar-toggle span {
  border-bottom: 1px solid #3367D6;
  padding-bottom: 2px;
}
.agm-filterable-grid-container .main .top .sidebar-toggle-wrap .sidebar-toggle:before, .agm-filterable-grid-container .main .top .sidebar-toggle-wrap .sidebar-toggle:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  vertical-align: middle;
  border-bottom: none;
}
.agm-filterable-grid-container .main .top .sidebar-toggle-wrap .sidebar-toggle:before {
  content: "\f0d9";
  margin-right: 5px;
}
.agm-filterable-grid-container .main .top .sidebar-toggle-wrap .sidebar-toggle:after {
  display: none;
  content: "\f0da";
  margin-left: 5px;
}
.agm-filterable-grid-container .main .top .filter-tags-wrap {
  display: inline-block;
  vertical-align: top;
  margin: 0 0;
  max-width: 93.6%;
  white-space: normal;
}
.agm-filterable-grid-container .main .grid-wrap {
  position: relative;
  height: 100vh;
}

.wizard-view #sectionOptions,
.wizard-view .Persona {
  display: none !important;
}
.wizard-view #agmHeader {
  position: fixed;
  z-index: 1000;
  left: 40px;
  right: 0;
  height: 30px;
  background: #fff;
}
.wizard-view .olay {
  background: #fff;
  position: fixed;
  z-index: 11000;
  top: 153px;
  bottom: 80px;
  left: 40px;
  right: 0;
  width: auto;
  height: auto;
}
.wizard-view .olay .body {
  box-shadow: none;
  background: none;
}

body.has-wiz-block {
  overflow: hidden;
}

.agm-wizard,
.agm-wizard *,
.agm-wizard *::before,
.agm-wizard *::after {
  line-height: normal;
  box-sizing: border-box;
}

.agm-wizard {
  position: relative;
  background: #fff;
  font-size: 16px;
  padding-left: 40px;
}
.agm-wizard ul {
  list-style-type: disc;
  padding: 0 0 0 20px;
}
.agm-wizard ol li {
  list-style-type: decimal;
}
.agm-wizard button {
  min-width: auto;
  background: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-shadow: none;
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
}
.agm-wizard button:disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.54);
  background-color: #ffffff;
}
.agm-wizard button:active {
  line-height: normal;
}
.agm-wizard button.waiting {
  cursor: wait;
}
.agm-wizard table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.agm-wizard table th, .agm-wizard table td {
  text-align: left;
}
.agm-wizard form {
  margin: 0;
}
.agm-wizard form .form-row {
  width: auto;
  padding: 0;
  margin: 0 0 20px;
}
.agm-wizard input[type=text],
.agm-wizard input[type=password] {
  margin: 0;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #BDBDBD;
  width: 100%;
  display: block;
  height: 30px;
  box-shadow: none;
  transition: border-color 0.25s;
}
.agm-wizard input[type=text]::placeholder,
.agm-wizard input[type=password]::placeholder {
  color: rgba(0, 0, 0, 0.66);
}
.agm-wizard input[type=text],
.agm-wizard input[type=text] select,
.agm-wizard input[type=password],
.agm-wizard input[type=password] select {
  font-size: 14px;
}
.agm-wizard select {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: transparent;
  font-size: 14px;
  padding: 5px 30px 5px 10px;
  width: auto;
  height: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.agm-wizard select:disabled {
  opacity: 0.25;
}
.agm-wizard select::-ms-expand {
  display: none;
}
.agm-wizard select:focus::-ms-value {
  background: none;
}
.agm-wizard a {
  color: #3367D6;
  transition: color 0.25s;
}
.agm-wizard a:hover {
  color: #2451b2;
}
.agm-wizard .h1 {
  font-size: 2em;
}
.agm-wizard .h2 {
  font-size: 1.5em;
}
.agm-wizard .h3 {
  font-size: 1.17em;
}
.agm-wizard .h1, .agm-wizard .h2, .agm-wizard .h3, .agm-wizard p, .agm-wizard ul, .agm-wizard ol, .agm-wizard li {
  margin-bottom: 1em;
}
.agm-wizard p {
  font-size: 18px;
  line-height: 24px;
}
.agm-wizard .contain {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
.agm-wizard .wiz-btn {
  padding: 0 12px;
  height: 32px;
  text-align: center;
  color: #3367D6;
  border: 1px solid #3367D6;
  border-radius: 4px;
  background: #fff;
  transition-property: background, color, transform;
  transition-duration: 0.25s;
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
}
.agm-wizard .wiz-btn:enabled:hover {
  text-decoration: none;
  background: #2451b2;
  border-color: #2451b2;
  color: #fff;
  background-position: 0 0;
}
.agm-wizard .wiz-btn:active {
  box-shadow: none;
  line-height: 40px;
  transform: scale(0.95);
}
.agm-wizard .wiz-btn.primary {
  background: #3367D6;
  color: #fff;
}
.agm-wizard .prev-btn {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #3367D6;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.agm-wizard .prev-btn:enabled:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #3367D6;
  background-position: 0 0;
}
.agm-wizard .wiz-form-row {
  position: relative;
  margin: 20px 0;
}
.agm-wizard .wiz-form-row:first-child {
  margin-top: 0;
}
.agm-wizard .wiz-form-row label {
  text-transform: none;
  color: #999;
  font-weight: normal;
}
.agm-wizard .select-wrap {
  position: relative;
  display: inline-block;
}
.agm-wizard .select-wrap select {
  position: relative;
  z-index: 2;
  margin: 0;
}
.agm-wizard .select-wrap select:disabled + .arw {
  opacity: 0.25;
}
.agm-wizard .select-wrap .arw {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  line-height: 1;
}
.agm-wizard .select-wrap .arw:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f107';
  display: inline-block;
  vertical-align: middle;
  vertical-align: baseline;
  line-height: 1;
}
.agm-wizard .wiz-header,
.agm-wizard .wiz-footer,
.agm-wizard .wiz-body,
.agm-wizard .agm-add-vm-grid > .top-wrap,
.agm-wizard .agm-add-vm-grid > .top-wrap.contain {
  min-width: 1000px;
}
.agm-wizard .wiz-header,
.agm-wizard .wiz-footer {
  position: relative;
  left: 40px;
  right: 0;
  z-index: 10;
  padding: 0 20px;
}
.agm-wizard .wiz-header {
  top: var(--app-body-top);
  height: 103px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
}
.agm-wizard .wiz-header .wiz-title {
  float: left;
  font-size: 32px;
  line-height: 80px;
  margin-right: 40px;
  font-weight: 400;
}
.agm-wizard .wiz-header .step-labels {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.agm-wizard .wiz-header .step-labels .step-label {
  position: relative;
  float: left;
  height: 80px;
  padding: 16px 0;
  transition: color 0.25s;
  color: #666;
}
.agm-wizard .wiz-header .step-labels .step-label.current .index {
  background: #3367D6;
  color: #fff;
}
.agm-wizard .wiz-header .step-labels .step-label.current .text {
  font-weight: 500;
}
.agm-wizard .wiz-header .step-labels .step-label.prior .index {
  background: #85a4e6;
  color: #fff;
}
.agm-wizard .wiz-header .step-labels .step-label.prior .text {
  opacity: 0.6;
}
.agm-wizard .wiz-header .step-labels .step-label .index {
  z-index: 2;
  position: relative;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 auto 6px;
  line-height: 24px;
  background: #DADCE0;
  transition: background 0.25s;
  color: rgba(0, 0, 0, 0.66);
}
.agm-wizard .wiz-header .step-labels .step-label .text {
  font-size: 15px;
  line-height: 20px;
  text-transform: capitalize;
  margin: 8px 8px;
}
.agm-wizard .wiz-header .step-labels .step-slider {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 28px;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
}
.agm-wizard .wiz-body label {
  color: #000;
}
.agm-wizard .wiz-footer {
  bottom: 0;
  padding: 20px;
  height: 80px;
  border-top: 1px solid #eee;
  background: rgba(255, 255, 255, 0.95);
}
.agm-wizard .wiz-footer .buttons {
  position: relative;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
}
.agm-wizard .wiz-footer .buttons button {
  margin-left: 40px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.agm-wizard .wiz-footer .buttons button:disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.54);
  background-color: #ffffff;
  border: none;
  box-shadow: none;
}
.agm-wizard .wiz-footer .buttons .cancel {
  vertical-align: middle;
}
.agm-wizard .step-frame {
  opacity: 0;
  transition: opacity 0.25s;
}
.agm-wizard .step-frame.shown {
  opacity: 1;
}
.agm-wizard .agm-wizard-step {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 150px 0 120px;
}
@media (max-width: 1060px) {
  .agm-wizard .agm-wizard-step {
    padding: 120px 20px;
  }
}
.agm-wizard .step-title {
  font-size: 20px;
  font-weight: 400;
}

.wizard-view #sectionOptions,
.wizard-view .Persona {
  display: none !important;
}
.wizard-view #agmHeader {
  position: fixed;
  z-index: 1000;
  left: 0;
  right: 0;
  height: 30px;
  background: #fff;
}
.wizard-view .olay {
  background: #fff;
  position: fixed;
  z-index: 11000;
  top: 153px;
  bottom: 80px;
  left: 40px;
  right: 0;
  width: auto;
  height: auto;
}
.wizard-view .olay .body {
  box-shadow: none;
  background: none;
}

body.has-wiz-block {
  overflow: hidden;
}

.agm-wizard-component,
.agm-wizard-component *,
.agm-wizard-component *::before,
.agm-wizard-component *::after {
  line-height: normal;
  box-sizing: border-box;
}

.agm-wizard-component {
  position: relative;
  background: #fff;
  font-size: 16px;
}
.agm-wizard-component ul {
  list-style-type: disc;
  padding: 0 0 0 20px;
}
.agm-wizard-component ol li {
  list-style-type: decimal;
}
.agm-wizard-component button {
  min-width: auto;
  background: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-shadow: none;
}
.agm-wizard-component button:disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.54);
  background-color: #ffffff;
}
.agm-wizard-component button:active {
  line-height: normal;
}
.agm-wizard-component button.waiting {
  cursor: wait;
}
.agm-wizard-component table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.agm-wizard-component table th, .agm-wizard-component table td {
  text-align: left;
}
.agm-wizard-component form {
  margin: 0;
}
.agm-wizard-component form .form-row {
  width: auto;
  padding: 0;
  margin: 0 0 20px;
}
.agm-wizard-component input[type=text],
.agm-wizard-component input[type=password],
.agm-wizard-component input[type=number] {
  margin: 0;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #BDBDBD;
  width: 100%;
  display: block;
  height: 30px;
  box-shadow: none;
  transition: border-color 0.25s;
}
.agm-wizard-component input[type=text]::placeholder,
.agm-wizard-component input[type=password]::placeholder,
.agm-wizard-component input[type=number]::placeholder {
  color: rgba(0, 0, 0, 0.66);
}
.agm-wizard-component input[type=text],
.agm-wizard-component input[type=text] select,
.agm-wizard-component input[type=password],
.agm-wizard-component input[type=password] select,
.agm-wizard-component input[type=number],
.agm-wizard-component input[type=number] select {
  font-size: 14px;
}
.agm-wizard-component select {
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  background: transparent;
  font-size: 14px;
  padding: 5px 30px 5px 10px;
  width: auto;
  height: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.agm-wizard-component select:disabled {
  opacity: 0.25;
}
.agm-wizard-component select::-ms-expand {
  display: none;
}
.agm-wizard-component select:focus::-ms-value {
  background: none;
}
.agm-wizard-component a {
  color: #3367D6;
  transition: color 0.25s;
}
.agm-wizard-component a:hover {
  color: #2451b2;
}
.agm-wizard-component .h1 {
  font-size: 2em;
}
.agm-wizard-component .h2 {
  font-size: 1.5em;
}
.agm-wizard-component .h3 {
  font-size: 1.17em;
}
.agm-wizard-component .h1, .agm-wizard-component .h2, .agm-wizard-component .h3, .agm-wizard-component p, .agm-wizard-component ul, .agm-wizard-component ol, .agm-wizard-component li {
  margin-bottom: 1em;
}
.agm-wizard-component p {
  font-size: 18px;
  line-height: 24px;
}
.agm-wizard-component .contain {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
.agm-wizard-component .summary {
  font-size: 15px;
  line-height: 20px;
}
.agm-wizard-component .summary .note {
  line-height: 30px;
}
.agm-wizard-component .wiz-btn {
  padding: 0 12px;
  height: 32px;
  text-align: center;
  color: #3367D6;
  border: 1px solid #3367D6;
  border-radius: 4px;
  background: #fff;
  transition-property: background, color, transform;
  transition-duration: 0.25s;
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
}
.agm-wizard-component .wiz-btn:enabled:hover {
  text-decoration: none;
  background: #2451b2;
  border-color: #2451b2;
  color: #fff;
  background-position: 0 0;
}
.agm-wizard-component .wiz-btn:active {
  box-shadow: none;
  line-height: 40px;
  transform: scale(0.95);
}
.agm-wizard-component .wiz-btn.primary {
  background: #3367D6;
  color: #fff;
}
.agm-wizard-component .prev-btn {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #3367D6;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.agm-wizard-component .prev-btn:enabled:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #3367D6;
  background-position: 0 0;
}
.agm-wizard-component .wiz-form-row {
  position: relative;
  margin: 20px 0;
}
.agm-wizard-component .wiz-form-row:first-child {
  margin-top: 0;
}
.agm-wizard-component .wiz-form-row label {
  text-transform: none;
  font-weight: normal;
}
.agm-wizard-component .select-wrap {
  position: relative;
  display: inline-block;
}
.agm-wizard-component .select-wrap select {
  position: relative;
  z-index: 2;
  margin: 0;
}
.agm-wizard-component .select-wrap select:disabled + .arw {
  opacity: 0.25;
}
.agm-wizard-component .select-wrap .arw {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  line-height: 1;
}
.agm-wizard-component .select-wrap .arw:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f107';
  display: inline-block;
  vertical-align: middle;
  vertical-align: baseline;
  line-height: 1;
}
.agm-wizard-component .wiz-header,
.agm-wizard-component .wiz-footer,
.agm-wizard-component .wiz-body {
  min-width: 1000px;
}
.agm-wizard-component .wiz-header,
.agm-wizard-component .wiz-footer {
  position: relative;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 0 20px;
}
.agm-wizard-component .wiz-header {
  top: var(--app-body-top);
  height: 103px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
}
.agm-wizard-component .wiz-header .wiz-title {
  float: left;
  font-size: 24px;
  line-height: 80px;
  margin-right: 40px;
  font-weight: 400;
}
.agm-wizard-component .wiz-header .step-labels {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.agm-wizard-component .wiz-header .step-labels .step-label {
  position: relative;
  float: left;
  height: 80px;
  padding: 16px 0;
  transition: color 0.25s;
}
.agm-wizard-component .wiz-header .step-labels .step-label.current .index {
  background: #3367D6;
  color: #fff;
}
.agm-wizard-component .wiz-header .step-labels .step-label.current .text {
  font-weight: 500;
}
.agm-wizard-component .wiz-header .step-labels .step-label.prior .index {
  background: #85a4e6;
  color: #fff;
}
.agm-wizard-component .wiz-header .step-labels .step-label.prior .text {
  opacity: 0.6;
}
.agm-wizard-component .wiz-header .step-labels .step-label .index {
  z-index: 2;
  position: relative;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 auto 4px;
  line-height: 24px;
  background: #DADCE0;
  transition: background 0.25s;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.66);
}
.agm-wizard-component .wiz-header .step-labels .step-label .text {
  font-size: 15px;
  line-height: 20px;
  text-transform: capitalize;
  margin: 8px 8px;
}
.agm-wizard-component .wiz-header .step-labels .step-label .modified-label {
  text-transform: initial;
}
.agm-wizard-component .wiz-header .step-labels .step-slider {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 28px;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
}
.agm-wizard-component .wiz-footer {
  bottom: 0;
  padding: 20px;
  height: 80px;
  border-top: 1px solid #eee;
  background: rgba(255, 255, 255, 0.95);
}
.agm-wizard-component .wiz-footer .buttons {
  position: relative;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
}
.agm-wizard-component .wiz-footer .buttons button {
  margin-left: 40px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.agm-wizard-component .wiz-footer .buttons button:disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.54);
  background-color: #ffffff;
  border: none;
  box-shadow: none;
}
.agm-wizard-component .wiz-footer .buttons .cancel {
  vertical-align: middle;
}
.agm-wizard-component .wiz-body {
  /**
  margin-top: top menu + wiz header height
  maring-bottom: wiz footer height
  */
  margin: var(--app-body-top) 0 80px;
  padding: 10px;
  height: calc(75vh - 205px);
  overflow: auto;
}
.agm-wizard-component .wiz-body label {
  color: #000;
}
.agm-wizard-component .wiz-body #vault-validation-messages-container #vault-validation-messages {
  margin: 0px;
}
.agm-wizard-component .wiz-body #vault-validation-messages-container #vault-validation-messages .vault-sla-message-container {
  max-width: unset;
  min-width: unset;
  width: 100%;
}
.agm-wizard-component .step-frame {
  opacity: 0;
  transition: opacity 0.25s;
}
.agm-wizard-component .step-frame.shown {
  opacity: 1;
}
.agm-wizard-component .step-title {
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0 15px;
}
.agm-wizard-component .step-title .title-popover {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
}

.agm-onboarding-wizard-modal {
  position: fixed;
  z-index: 100000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 40px 20px;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.5s;
}
.agm-onboarding-wizard-modal.active {
  opacity: 1;
}
.agm-onboarding-wizard-modal.info-modal .title:before, .agm-onboarding-wizard-modal.warning-modal .title:before, .agm-onboarding-wizard-modal.error-modal .title:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f05a';
  display: inline-block;
  vertical-align: middle;
  vertical-align: baseline;
  color: rgb(64, 93, 130);
  margin-right: 10px;
}
.agm-onboarding-wizard-modal.warning-modal .title:before {
  content: "\f071";
  color: #FBBC04;
}
.agm-onboarding-wizard-modal.error-modal .title:before {
  content: "\f057";
  color: #D93025;
}
.agm-onboarding-wizard-modal .content {
  position: relative;
  z-index: 1;
  max-width: 600px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.agm-onboarding-wizard-modal.tall .content {
  height: 100%;
}
.agm-onboarding-wizard-modal.tall .top, .agm-onboarding-wizard-modal.tall .middle, .agm-onboarding-wizard-modal.tall .bottom {
  position: absolute;
  width: 100%;
  left: 0;
}
.agm-onboarding-wizard-modal.tall .top {
  top: 0;
}
.agm-onboarding-wizard-modal.tall .middle {
  top: 60px;
  bottom: 60px;
}
.agm-onboarding-wizard-modal.tall .bottom {
  bottom: 0;
}
.agm-onboarding-wizard-modal .top, .agm-onboarding-wizard-modal .middle, .agm-onboarding-wizard-modal .bottom {
  position: relative;
}
.agm-onboarding-wizard-modal .top {
  height: 60px;
  padding: 0 40px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.agm-onboarding-wizard-modal .top .title {
  font-size: 24px;
  line-height: 60px;
  color: #666;
  text-transform: capitalize;
}
.agm-onboarding-wizard-modal .middle {
  padding: 20px 40px;
  overflow: auto;
}
.agm-onboarding-wizard-modal .middle :first-child {
  margin-top: 0;
}
.agm-onboarding-wizard-modal .middle :last-child {
  margin-bottom: 0;
}
.agm-onboarding-wizard-modal .middle ul, .agm-onboarding-wizard-modal .middle li {
  list-style: disc;
}
.agm-onboarding-wizard-modal .middle li {
  line-height: 2;
}
.agm-onboarding-wizard-modal .bottom {
  height: 60px;
  padding: 10px 40px;
  text-align: right;
  border-top: 1px solid #eee;
  text-transform: capitalize;
}
.agm-onboarding-wizard-modal .bottom button {
  margin-left: 40px;
}

.agm-onboarding-wizard-grid {
  position: relative;
  font-size: 14px;
  overflow: visible;
}
.agm-onboarding-wizard-grid .toolbar {
  height: auto;
  margin-bottom: 10px;
  background: none;
  border-bottom: none;
  padding: 0;
  text-align: left;
}
.agm-onboarding-wizard-grid .toolbar .step-title {
  margin-bottom: 40px;
}
.agm-onboarding-wizard-grid .toolbar .data-search.auto-submit {
  display: inline-block;
  float: none;
  margin: 20px 0px;
}
.agm-onboarding-wizard-grid .toolbar .data-search.auto-submit .text-input {
  border-radius: 4px;
  background: #fff;
  border-color: #BDBDBD;
  box-shadow: none;
  font-size: 13px;
}
.agm-onboarding-wizard-grid .toolbar .data-search.auto-submit .text-input::placeholder {
  color: rgba(0, 0, 0, 0.66);
}
.agm-onboarding-wizard-grid .toolbar .data-search.auto-submit button {
  font-size: 12px;
}
.agm-onboarding-wizard-grid .toolbar .data-search.auto-submit .submit-btn {
  color: #000;
  cursor: default;
}
.agm-onboarding-wizard-grid .toolbar .data-search.auto-submit .clear-btn:after {
  content: "\f00d";
}
.agm-onboarding-wizard-grid .cell-display {
  padding: 0 5px;
}
.agm-onboarding-wizard-grid .cell-display > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.agm-onboarding-wizard-grid .headers {
  background: none;
  border-bottom: none;
  font-size: 14px;
}
.agm-onboarding-wizard-grid .headers .header-cell {
  background: none;
  height: 39px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.agm-onboarding-wizard-grid .headers .header-cell:last-child {
  border-right: none;
}
.agm-onboarding-wizard-grid.updating .items {
  display: none;
}
.agm-onboarding-wizard-grid .items {
  position: static;
  min-height: 80px;
}
.agm-onboarding-wizard-grid .items .data-row {
  border-top: 1px solid #eee;
  transition: border-color 0.25s;
}
.agm-onboarding-wizard-grid .items .data-row:first-child {
  border-top: none;
}
.agm-onboarding-wizard-grid .items .data-row:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.agm-onboarding-wizard-grid .items .data-row:nth-child(even) {
  background: #fff;
}
.agm-onboarding-wizard-grid .items .data-row:hover, .agm-onboarding-wizard-grid .items .data-row:hover + .data-row {
  border-top-color: #fff;
}
.agm-onboarding-wizard-grid .items .data-row .inner {
  transition: background 0.25s;
}
.agm-onboarding-wizard-grid .items .data-row .inner:hover {
  background: rgba(174, 203, 250, 0.12);
}
.agm-onboarding-wizard-grid .items .data-row.selected {
  border-top-color: #fff;
}
.agm-onboarding-wizard-grid .items .data-row.selected .inner {
  background: rgba(174, 203, 250, 0.12);
}
.agm-onboarding-wizard-grid .items .data-row.selected .inner .cell-display {
  color: #333;
}
.agm-onboarding-wizard-grid .items .data-row.selected .inner .cell-display.check-col .agm-check .check-icon:before {
  color: #333;
}
.agm-onboarding-wizard-grid .items .data-row.selected + .data-row {
  border-top-color: #fff;
}
.agm-onboarding-wizard-grid .items .data-row.disabled {
  pointer-events: auto;
  color: rgba(0, 0, 0, 0.66);
}
.agm-onboarding-wizard-grid .items .data-row.disabled:hover, .agm-onboarding-wizard-grid .items .data-row.disabled:hover + .data-row {
  border-top-color: #eee;
}
.agm-onboarding-wizard-grid .items .data-row.disabled .inner:hover {
  background: none;
  cursor: default;
}
.agm-onboarding-wizard-grid .items-block {
  text-align: center;
  position: relative;
  top: 0;
  padding: 40px 0;
}
.agm-onboarding-wizard-grid .items-block .msg {
  position: static;
}
.agm-onboarding-wizard-grid .items-block:after {
  display: inline-block;
  top: 40px;
  margin: 0 0 0 -30px;
  width: 60px;
  height: 60px;
  border-width: 3px;
}
.agm-onboarding-wizard-grid .has-info:hover {
  cursor: default;
}
.agm-onboarding-wizard-grid .has-info.has-info-pane .inner-el {
  color: #eee;
}
.agm-onboarding-wizard-grid .has-info .inner-el {
  position: relative;
  z-index: 2;
  cursor: default;
  transition: color 0.5s;
}
.agm-onboarding-wizard-grid .info-pane {
  display: none;
  position: absolute;
  top: 0;
  right: 120px;
  left: auto;
  width: calc(75% - 100px);
  padding: 12px 1px 0 20px;
  border-radius: 4px 0 4px 4px;
  background: rgba(51, 51, 51, 0.95);
  color: #ccc;
  font-size: 14px;
  transform: translate3d(0, 0, 0);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.25s;
}
.agm-onboarding-wizard-grid .info-pane.title-only {
  border-radius: 4px 0 0 4px;
}
.agm-onboarding-wizard-grid .info-pane .handle {
  position: absolute;
  top: 0;
  left: 100%;
  width: 120px;
  height: 40px;
  background: rgba(51, 51, 51, 0.95);
  border-radius: 0 4px 4px 0;
}
.agm-onboarding-wizard-grid .info-pane .handle .dots {
  display: flex;
  align-items: center;
  height: 40px;
}
.agm-onboarding-wizard-grid .info-pane .heading {
  line-height: 1.4;
  margin-bottom: 10px;
  height: 18px;
}
.agm-onboarding-wizard-grid .info-pane .heading .app-name {
  color: rgb(232, 108, 31);
  max-width: 250px;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
}
.agm-onboarding-wizard-grid .info-pane .content {
  max-height: 150px;
  overflow: auto;
}
.agm-onboarding-wizard-grid .info-pane .content p {
  color: #ccc;
  font-size: 14px;
}
.agm-onboarding-wizard-grid .info-pane .content p .link-button {
  color: white;
  background: #3367D6;
  border-radius: 4px;
  padding: 10px 10px;
  line-height: 32px;
}
.agm-onboarding-wizard-grid .info-pane .content p .link-button:hover {
  text-decoration: none;
}
.agm-onboarding-wizard-grid .info-pane .content ul, .agm-onboarding-wizard-grid .info-pane .content li {
  list-style: disc;
}
.agm-onboarding-wizard-grid .info-pane .content ul {
  padding-left: 40px;
}
.agm-onboarding-wizard-grid .info-pane ::-moz-selection { /* Code for Firefox */
  color: white;
  background: #3297FD;
}
.agm-onboarding-wizard-grid .info-pane ::selection {
  color: white;
  background: #3297FD;
}
.agm-onboarding-wizard-grid div[data-col-name=Type] div.app-version {
  font-size: 12px;
  color: #999;
}
.agm-onboarding-wizard-grid [data-col-name=Host].indented {
  padding-left: 29px;
}
.agm-onboarding-wizard-grid [data-col-name=Host].double-indented {
  padding-left: 50px;
}
.agm-onboarding-wizard-grid [data-col-name=Appliance] .more {
  font-size: 10px;
  text-align: right;
  display: block;
}
.agm-onboarding-wizard-grid [data-col-name=Appliance] .appliance-connection-check {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
.agm-onboarding-wizard-grid [data-col-name=Appliance] .appliance-connection-check:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  display: inline-block;
  vertical-align: middle;
  color: rgb(89, 192, 90);
}
.agm-onboarding-wizard-grid [data-col-name=Appliance] .appliance-connection-uncheck:before {
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f057';
  display: inline-block;
  vertical-align: middle;
  color: #e7422d;
}
.agm-onboarding-wizard-grid .consolidated-host-link:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: '\f24d';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 10px;
  top: 0;
  line-height: 40px;
}

.agm-onboarding-wizard .discover-step .no-hosts {
  background: #f2f2f2;
  padding: 50px 20px;
  margin: 30px 0;
  text-align: center;
}
.agm-onboarding-wizard .discover-step .no-hosts .title {
  font-size: 21px;
  font-weight: bold;
  color: #333;
}
.agm-onboarding-wizard .discover-step .step-title .help-trigger {
  border-bottom: none;
}
.agm-onboarding-wizard .discover-step .actifio-grid .toolbar .add-host {
  position: absolute;
  right: 0;
  top: 0;
}
.agm-onboarding-wizard .discover-step .actifio-grid .toolbar .role-link {
  position: absolute;
  top: 0;
  left: 0;
}
.agm-onboarding-wizard .discover-step .actifio-grid .toolbar .data-search.auto-submit {
  width: 360px;
  margin-top: 3.3em;
}
.agm-onboarding-wizard .discover-step .actifio-grid .toolbar .data-search .text-input {
  width: 360px;
}
.agm-onboarding-wizard .discover-step .actifio-grid .toolbar .data-search .submit-btn {
  left: 329px;
}
.agm-onboarding-wizard .discover-step .actifio-grid .items .no-items {
  position: static;
  margin: 0;
  padding: 40px 0;
}
.agm-onboarding-wizard .discover-step .actifio-grid [data-col-name=Appliance], .agm-onboarding-wizard .discover-step .actifio-grid [data-col-name="IP address"] {
  width: 20%;
}
.agm-onboarding-wizard .discover-step .add-host {
  font-size: 14px;
}
.agm-onboarding-wizard .discover-step .add-host.prefix-plus-icon:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f067';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
  vertical-align: middle;
}

.add-host-modal {
  z-index: 9990;
}
.add-host-modal .modal-main {
  width: 493px;
  margin-top: 0 !important;
}
.add-host-modal .olay.on {
  width: 500px;
  max-height: 65vh;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  top: 105px;
}
.add-host-modal .modal-heading {
  padding: 0 30px;
  border-bottom: 1px solid #eee;
}
.add-host-modal .modal-heading h2 {
  line-height: 50px;
  font-weight: 400;
}
.add-host-modal .modal-contents {
  padding: 0;
  max-height: 65vh;
}
.add-host-modal .modal-contents .form-body > .form-row-container {
  margin-bottom: 0px !important;
  padding: 0px 20px !important;
}
.add-host-modal .modal-contents .form-body > .form-row-container .form-row {
  margin-bottom: 5px !important;
}
.add-host-modal .modal-contents .form-body .expandable .form-row-container {
  margin-bottom: 0px !important;
  padding: 0px 20px !important;
}
.add-host-modal .modal-contents .form-body .expandable .form-row-container .form-row {
  margin-bottom: 0px !important;
}
.add-host-modal .modal-actions {
  padding: 10px;
  margin: 0;
  border-top: 1px solid #eee;
}
.add-host-modal .agm-host-manage-editor-container {
  position: static;
  min-width: inherit;
}
.add-host-modal .agm-host-manage-editor-container .form-title {
  display: none;
}
.add-host-modal .agm-host-manage-editor-container .host-editor {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 3;
}
.add-host-modal .agm-host-manage-editor-container .host-editor .form-body {
  background: none;
}
.add-host-modal .agm-host-manage-editor-container .host-editor .form-section {
  width: 100%;
}
.add-host-modal .agm-host-manage-editor-container .host-appliance {
  display: block;
}
.add-host-modal .agm-host-manage-editor-container #sources {
  min-width: inherit;
}
.add-host-modal .agm-host-manage-editor-container .form-row-actions {
  display: none;
}
.add-host-modal .agm-host-manage-editor-container .form-control-label {
  font-size: 14px;
  font-weight: 400;
  color: black;
  width: 25%;
}

.agm-onboarding-wizard .select-step .filesystem-checkbox-wrap {
  display: inline-block;
  margin: 20px 0px 0px 0px;
}
.agm-onboarding-wizard .select-step .filesystem-checkbox-wrap .input-label {
  vertical-align: top;
}
.agm-onboarding-wizard .select-step .filesystem-checkbox-wrap .toggleswitch-btn {
  display: inline-block;
  margin-left: 15px;
}
.agm-onboarding-wizard .select-step .filter-wrap {
  float: right;
  margin: 20px 0px;
}
.agm-onboarding-wizard .select-step .filter-wrap .filter-select {
  text-transform: capitalize;
}
.agm-onboarding-wizard .select-step .selected-summary-wrap {
  float: right;
  text-transform: capitalize;
  margin: 20px 10px;
  line-height: 30px;
}
.agm-onboarding-wizard .select-step .select-step-app-col {
  min-width: 210px;
  width: 210px;
}
.agm-onboarding-wizard .select-step .agm-onboarding-wizard-grid .toolbar {
  margin-bottom: 10px;
}
.agm-onboarding-wizard .select-step div[data-col-name="Protection State"] div.app-state-switched, .agm-onboarding-wizard .select-step div[data-col-name="Captured State"] div.app-state-switched {
  font-size: 12px;
}

.agm-onboarding-wizard-modal .global-member-rule-row, .agm-onboarding-wizard .manage-step .manage-row, .agm-onboarding-wizard .manage-step .global-member-rule-row {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
  max-width: 1000px;
}
.agm-onboarding-wizard-modal .global-member-rule-row .manage-label.base-wizard, .agm-onboarding-wizard .manage-step .manage-row .manage-label.base-wizard, .agm-onboarding-wizard .manage-step .global-member-rule-row .manage-label.base-wizard, .agm-onboarding-wizard-modal .global-member-rule-row .member-label.base-wizard, .agm-onboarding-wizard .manage-step .manage-row .member-label.base-wizard, .agm-onboarding-wizard .manage-step .global-member-rule-row .member-label.base-wizard {
  white-space: nowrap;
  width: auto;
}
.agm-onboarding-wizard-modal .global-member-rule-row select, .agm-onboarding-wizard .manage-step .manage-row select, .agm-onboarding-wizard .manage-step .global-member-rule-row select {
  border-color: #3367D6;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agm-onboarding-wizard-modal .global-member-rule-row select.has-val, .agm-onboarding-wizard .manage-step .manage-row select.has-val, .agm-onboarding-wizard .manage-step .global-member-rule-row select.has-val {
  border-color: #ccc;
}
.agm-onboarding-wizard-modal .global-member-rule-row .member-select-wrap, .agm-onboarding-wizard .manage-step .manage-row .member-select-wrap, .agm-onboarding-wizard .manage-step .global-member-rule-row .member-select-wrap {
  margin-left: 10px;
}
.agm-onboarding-wizard-modal .global-member-rule-row .manage-select-wrap, .agm-onboarding-wizard .manage-step .manage-row .manage-select-wrap, .agm-onboarding-wizard .manage-step .global-member-rule-row .manage-select-wrap,
.agm-onboarding-wizard-modal .global-member-rule-row .group-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .group-select-wrap,
.agm-onboarding-wizard .manage-step .global-member-rule-row .group-select-wrap,
.agm-onboarding-wizard-modal .global-member-rule-row .template-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .template-select-wrap,
.agm-onboarding-wizard .manage-step .global-member-rule-row .template-select-wrap,
.agm-onboarding-wizard-modal .global-member-rule-row .profile-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .profile-select-wrap,
.agm-onboarding-wizard .manage-step .global-member-rule-row .profile-select-wrap,
.agm-onboarding-wizard-modal .global-member-rule-row .ok-btn,
.agm-onboarding-wizard .manage-step .manage-row .ok-btn,
.agm-onboarding-wizard .manage-step .global-member-rule-row .ok-btn {
  margin-left: 10px;
  display: none;
}
.agm-onboarding-wizard-modal .global-member-rule-row .manage-select-wrap, .agm-onboarding-wizard .manage-step .manage-row .manage-select-wrap, .agm-onboarding-wizard .manage-step .global-member-rule-row .manage-select-wrap {
  max-width: 20%;
}
.agm-onboarding-wizard-modal .global-member-rule-row .group-select-wrap, .agm-onboarding-wizard .manage-step .manage-row .group-select-wrap, .agm-onboarding-wizard .manage-step .global-member-rule-row .group-select-wrap {
  max-width: 90%;
}
.agm-onboarding-wizard-modal .global-member-rule-row .template-select-wrap, .agm-onboarding-wizard .manage-step .manage-row .template-select-wrap, .agm-onboarding-wizard .manage-step .global-member-rule-row .template-select-wrap,
.agm-onboarding-wizard-modal .global-member-rule-row .profile-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .profile-select-wrap,
.agm-onboarding-wizard .manage-step .global-member-rule-row .profile-select-wrap {
  max-width: 50%;
}

.agm-onboarding-wizard .manage-step.resync-only .headers .check-icon:before {
  color: lightgray;
}
.agm-onboarding-wizard .manage-step .select-wrap .options-loader {
  display: none;
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.08);
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  text-align: center;
  padding-top: 4px;
}
.agm-onboarding-wizard .manage-step .select-wrap.options-loading .options-loader {
  display: inline-block;
}
.agm-onboarding-wizard .manage-step .ok-btn {
  font-size: 14px;
  line-height: 1;
  height: 30px;
  vertical-align: top;
}
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=Application],
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=Type],
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=Include],
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=group],
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=template],
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=profile] {
  width: 20%;
}
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=profile] .appliance {
  font-size: 12px;
  color: #999;
}
.agm-onboarding-wizard .manage-step .manage-grid .items .data-row .cell-display.empty {
  color: #ccc;
}
.agm-onboarding-wizard .manage-step .manage-grid .items .data-row.selected .cell-display.empty {
  color: rgba(0, 0, 0, 0.66);
}
.agm-onboarding-wizard .manage-step [data-col-name=preview] {
  width: 100px;
  padding: 0;
  color: #666;
  text-align: center;
}
.agm-onboarding-wizard .manage-step [data-col-name=preview][data-preview=ignore] .inner-el:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f070';
  display: inline-block;
  vertical-align: middle;
}
.agm-onboarding-wizard .manage-step [data-col-name=preview][data-preview=resync] .inner-el:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f362';
  display: inline-block;
  vertical-align: middle;
}
.agm-onboarding-wizard .manage-step [data-col-name=preview][data-preview="n/a"] .inner-el:before {
  content: "N/A";
}
.agm-onboarding-wizard .manage-step .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 4px;
  background: #eee;
}
.agm-onboarding-wizard .manage-step .dot.snap {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step .dot.dedup {
  background: rgb(70, 188, 181);
}
.agm-onboarding-wizard .manage-step .dot.remotededup {
  background: rgb(70, 188, 181);
}
.agm-onboarding-wizard .manage-step .dot.remotesnapshot {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step .dot.onvault {
  background: #00abec;
}
.agm-onboarding-wizard .manage-step .policy-grid {
  position: relative;
  background: none;
  padding-bottom: 10px;
}
.agm-onboarding-wizard .manage-step .policy-grid .headers {
  background: none;
  height: 20px;
}
.agm-onboarding-wizard .manage-step .policy-grid .headers .header-cell {
  background: none;
  color: #ccc;
  font-size: 12px;
  height: 20px;
  border-color: rgba(255, 255, 255, 0.25);
}
.agm-onboarding-wizard .manage-step .policy-grid .items {
  position: static;
  background: none;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row {
  background: none;
  border: none;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display {
  height: 30px;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot {
  margin: 0 5px 0 0;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=snap] {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=stream_snap] {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=cloud] {
  background: #00abec;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .disabled {
  color: #ffffff;
}
.agm-onboarding-wizard .manage-step .footer-message {
  font-size: 12px;
}

.agm-onboarding-wizard-modal .note {
  color: gray;
  font-size: 12px;
  position: absolute;
}
.agm-onboarding-wizard-modal .member-rule-header {
  line-height: 30px;
}

.agm-onboarding-wizard .configure-step .app-list .app-details {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  font-size: 15px;
}
.agm-onboarding-wizard .configure-step .app-list .app-details .app-name {
  font-weight: 500;
  margin-bottom: 5px;
}
.agm-onboarding-wizard .configure-step .app-list .app-details p {
  margin-bottom: 10px;
}
.agm-onboarding-wizard .configure-step .app-list .app-details:last-child {
  border-bottom: none;
}
.agm-onboarding-wizard .configure-step .app-list .app-details.has-configuration .add-configure-content, .agm-onboarding-wizard .configure-step .app-list .app-details.has-global-configuration .add-configure-content {
  display: none;
}
.agm-onboarding-wizard .configure-step .app-list .app-details:not(.has-configuration):not(.has-global-configuration) .edit-configure-content {
  display: none;
}
.agm-onboarding-wizard .configure-step .app-list .app-details .separator {
  margin: 0px 5px;
}
.agm-onboarding-wizard .configure-step .data-search {
  position: relative;
  width: 300px;
  height: 30px;
  margin-bottom: 20px;
}
.agm-onboarding-wizard .configure-step .data-search .text-input {
  border: 1px solid #BDBDBD;
  border-radius: 4px;
}
.agm-onboarding-wizard .configure-step .data-search .text-input::placeholder {
  color: rgba(0, 0, 0, 0.66);
}
.agm-onboarding-wizard .configure-step .data-search .input-icon {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30px;
  color: #000;
  background: transparent;
  font-size: 12px;
}
.agm-onboarding-wizard .configure-step .data-search .submit-btn {
  color: #000;
  cursor: default;
}
.agm-onboarding-wizard .configure-step .data-search:not(.has-value) .submit-btn {
  display: inline-block;
}
.agm-onboarding-wizard .configure-step .data-search.has-value .clear-btn {
  display: inline-block;
}
.agm-onboarding-wizard .configure-step .link {
  cursor: pointer;
}

.configure-step-modal .modal-header .modal-header-topline .header-text {
  width: 600px;
  font-size: 22px;
}
.configure-step-modal .modal-header .advanced-settings-modal-instructions {
  padding-left: 0;
}

span.warn {
  float: left;
  font-size: 50px;
  line-height: 5px;
  margin: 10px;
  padding: 5px;
}

div.warning {
  border: 1px solid;
  border-radius: 5px !important;
  padding: 20px;
  margin: 15px;
  display: none;
}

div.warning.red {
  color: #FF0000;
}

div.warning.orange {
  color: #FFA500;
}

div.warning.orange > span.warn {
  padding-top: 20px;
  margin-top: 15px;
}

.agm-onboarding-wizard .finish-step.complete .step-title:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  display: inline-block;
  vertical-align: middle;
  color: #1E8E3E;
  margin-right: 5px;
  vertical-align: baseline;
}
.agm-onboarding-wizard .finish-step.warning {
  display: block;
  border: none;
}
.agm-onboarding-wizard .finish-step.warning .step-title:before {
  content: "\f071";
  color: #FBBC04;
}
.agm-onboarding-wizard .finish-step.failed .step-title:before {
  content: "\f057";
  color: #D93025;
}
.agm-onboarding-wizard .finish-step .prog-count {
  float: right;
}
.agm-onboarding-wizard .finish-step .prog-count .sep {
  font-size: 12px;
  margin: 0 5px;
}
.agm-onboarding-wizard .finish-step .prog-bar {
  position: relative;
  height: 3px;
  background: #eee;
  margin: 10px 0 20px;
}
.agm-onboarding-wizard .finish-step .prog-bar .inner {
  position: absolute;
  background-color: #8cc53e;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: transform 0.25s;
  font-size: 14px;
  text-align: center;
  line-height: 26px;
}
.agm-onboarding-wizard .finish-step .what-next {
  margin-bottom: 30px;
}
.agm-onboarding-wizard .finish-step .summary ul {
  padding: 0;
}
.agm-onboarding-wizard .finish-step .summary ul li {
  width: 50%;
  margin-bottom: 8px;
  list-style-type: disc;
}
.agm-onboarding-wizard .finish-step .agm-onboarding-wizard-grid .items .data-row .inner {
  cursor: default;
}
.agm-onboarding-wizard .finish-step [data-col-name=Application] {
  color: #000;
}
.agm-onboarding-wizard .finish-step [data-col-name=status] {
  padding: 0;
  width: 100px;
  text-align: center;
}
.agm-onboarding-wizard .finish-step [data-col-name=status] .inline-spinner {
  top: 0;
  left: 50%;
  margin: 0 0 0 -10px;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(140, 197, 62, 0.2);
  border-left-color: #8cc53e;
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading 0.75s infinite linear;
}
.agm-onboarding-wizard .finish-step [data-col-name=status] .success:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f00c';
  display: inline-block;
  vertical-align: middle;
  color: #1E8E3E;
}
.agm-onboarding-wizard .finish-step [data-col-name=status] .error:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f057';
  display: inline-block;
  vertical-align: middle;
  color: #D93025;
}

/* Services */
.discovervms,
.choose-vms,
.summary-vms {
  padding: 15px 0 7em 10px;
}
.discovervms .form-row,
.choose-vms .form-row,
.summary-vms .form-row {
  padding: 1em 0 3em;
}

.intro {
  font-size: 14px;
  margin: 25px 0 15px 0;
}

.selector-container {
  display: table;
  margin: 20px;
}

.selector {
  display: table-row;
  padding: 10px 0 10px 0;
  font-size: 14px;
}
.selector span {
  display: table-cell;
  padding-bottom: 15px;
}

.radio-array {
  display: table-cell;
}
.radio-array label {
  display: inline;
}
.radio-array input {
  margin: 0 5px 1px 30px;
}

.hosts-radio {
  margin-left: 33px;
}

.server-radio {
  margin-left: 37px;
}

.discovery-message {
  background-color: rgb(116, 194, 68);
  border-radius: 7px;
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 400;
  height: 75px;
  display: table;
  position: absolute;
  text-align: center;
  top: 28%;
  visibility: hidden;
  width: 522px;
}
.discovery-message div {
  display: table-cell;
  vertical-align: middle;
}

.hosts-table tr td:first-child,
.avail-vms-table tr td:first-child,
.sel-vms-table tr td:first-child {
  text-align: center;
}

.sel-vms-table select {
  line-height: 27px;
}

.discover-vms-button {
  float: right;
}
.discover-vms-button:disabled {
  background-color: #D1D1D1;
}

#vcenter-table::-webkit-scrollbar:vertical {
  width: 12px;
}

.vcenters, .scvmms {
  padding: 0 50px 0 0;
}

.vcenters .results-table td {
  width: 50%;
}

.optional-button {
  display: table-cell;
  padding-top: 1em;
  /* width: 100%; */
  float: right;
}
.optional-button input:disabled {
  background-color: #D1D1D1;
}

.stacked-buttons {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 25px 0 25px;
  -ms-flex: 1 0 auto;
  min-width: 50px;
}

#cgStackedBtn {
  margin: 0 25px 0 70px;
}

.bottom-buttons {
  padding: 10px 5px 0 0;
}
.bottom-buttons input {
  margin-right: 10px;
}
.bottom-buttons span {
  font-size: 14px;
}

.table-select-div {
  max-height: 18px;
}

.discovery-status-section {
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0 10px 0;
}

.avail-vms {
  padding-right: 25px;
}

.sel-vms {
  margin-left: 25px;
}
.sel-vms .check-box-table th:nth-of-type(1),
.sel-vms .check-box-table td:nth-of-type(1) {
  width: 10%;
}
.sel-vms .check-box-table th:nth-of-type(2) {
  width: 70%;
}
.sel-vms .check-box-table th:nth-of-type(3) {
  width: 20%;
}
.sel-vms .vm-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.loading-overlay {
  justify-content: center;
  align-items: center;
  position: fixed;
  opacity: 0.4;
  z-index: 5;
  background-color: gray;
  display: none;
}

.status-area {
  background: rgb(116, 194, 68);
  border-radius: 7px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 400;
  margin: 0 auto;
  padding: 1em;
  text-align: center;
  width: 50%;
}

.copy-data-list-cell {
  text-transform: capitalize;
}
.copy-data-list-cell div {
  background: rgb(242, 170, 45);
  height: 9px;
  width: 9px;
  margin-top: 5px;
  border-radius: 10px;
  display: inline-block;
}
.copy-data-list-cell span {
  padding-left: 3px;
}
.copy-data-list-cell .snapshot {
  background-color: rgb(242, 170, 45);
}
.copy-data-list-cell .liveclone {
  background-color: rgb(132, 109, 169);
}
.copy-data-list-cell .syncback {
  background-color: #167686;
}
.copy-data-list-cell .OnVault {
  background-color: #00abec;
}
.copy-data-list-cell .onvault {
  background-color: #00abec;
}
.copy-data-list-cell .StreamSnap {
  background-color: rgb(89, 192, 90);
}
.copy-data-list-cell .streamsnap {
  background-color: rgb(89, 192, 90);
}

.appaware-label, .appaware-input {
  display: inline-block;
}

.restore-master-container {
  height: 100%;
  min-height: 650px;
  /*min-width: 1182px;*/
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}
.restore-master-container ::-webkit-scrollbar {
  background: rgb(255, 255, 255);
  background: rgba(0, 0, 0, 0);
  height: 12px;
  width: 0;
}
.restore-master-container * {
  -ms-overflow-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.restore-master-container .master-container {
  float: left;
  height: 468px;
  overflow: hidden;
  position: relative;
  width: 865px;
}
.restore-master-container .svg-container {
  height: 1100px;
  height: 1140px;
  margin: -600px 0 0 -140px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 380px;
  scrollbar-width: none;
  -webkit-transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
  -moz-transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
  -o-transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
  -ms-transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
  transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
}
.restore-master-container .svg-container svg {
  margin: 150px 0 0 -36px;
}
.restore-master-container .svg-container .axis path,
.restore-master-container .svg-container .axis line {
  shape-rendering: crispEdges;
  stroke-width: 4;
}
.restore-master-container .scroll-control-container {
  left: 0;
  margin-left: 2%;
  position: absolute;
  bottom: 0; /* top: 0; */
  z-index: 11;
}
.restore-master-container .scroll-control {
  background: rgb(140, 139, 134);
  color: rgb(255, 255, 255);
  display: block;
  font-size: 1.5em;
  margin: 0.25em 0 0;
  padding: 0.45em 0.65em 0.25em;
}
.restore-master-container .scroll-control:first-child {
  border-radius: 7px 7px 0 0;
}
.restore-master-container .scroll-control:last-child {
  border-radius: 0 0 7px 7px;
}
.restore-master-container .scroll-control:hover {
  text-decoration: none;
}
.restore-master-container .racetracks {
  background: rgb(255, 255, 255);
  float: right;
  margin-top: 3em;
  /* padding: 0 4.6em 0 10em; */
  padding: 0 4.6em 0 72px;
  position: absolute;
  width: 928px;
  z-index: 10;
}
.restore-master-container .racetracks div {
  color: rgb(255, 255, 255);
  float: left;
  font-size: 1.5em;
  font-weight: 400;
  margin-right: 8px; /* 7px; */
  padding: 0.65em 0;
  text-align: center;
  margin-left: -1px;
  width: 150px; /* 19.22%; */
}
.restore-master-container .racetracks div:nth-child(1) {
  background: rgb(242, 170, 45);
}
.restore-master-container .racetracks div:nth-child(2) {
  background: rgb(242, 170, 45);
  width: 151px;
}
.restore-master-container .racetracks div:nth-child(3) {
  background: #00abec;
  margin-right: 0;
  width: 151px;
}
.restore-master-container .racetracks div:nth-child(4) {
  background: #167686;
  width: 151px;
}
.restore-master-container .racetrack-lanes {
  height: 1200px;
  left: 24.5%;
  opacity: 0.7;
  position: absolute;
  top: -656px;
  width: 300px;
  z-index: -1;
  -webkit-transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
  -moz-transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
  -o-transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
  -ms-transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
  transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
}
.restore-master-container .racetrack-lanes div {
  display: inline-block;
  font-weight: 400;
  height: 100%;
  margin-left: 1px;
  margin-right: 1px;
  width: 94px;
  background: #f7f7f5; /* Old browsers */
  background: -moz-linear-gradient(top, #f7f7f5 0%, #f5f5f3 11%, #f1f0ec 22%, #ebeae5 34%, #e9e8e3 49%, #e4e4dc 65%, #deded6 80%, #d9d9cf 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f5), color-stop(11%, #f5f5f3), color-stop(22%, #f1f0ec), color-stop(34%, #ebeae5), color-stop(49%, #e9e8e3), color-stop(65%, #e4e4dc), color-stop(80%, #deded6), color-stop(100%, #d9d9cf),); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f7f7f5 0%, #f5f5f3 11%, #f1f0ec 22%, #ebeae5 34%, #e9e8e3 49%, #e4e4dc 65%, #deded6 80%, #d9d9cf 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f7f7f5 0%, #f5f5f3 11%, #f1f0ec 22%, #ebeae5 34%, #e9e8e3 49%, #e4e4dc 65%, #deded6 80%, #d9d9cf 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f7f7f5 0%, #f5f5f3 11%, #f1f0ec 22%, #ebeae5 34%, #e9e8e3 49%, #e4e4dc 65%, #deded6 80%, #d9d9cf 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f7f7f5 0%, #f5f5f3 11%, #f1f0ec 22%, #ebeae5 34%, #e9e8e3 49%, #e4e4dc 65%, #deded6 80%, #d9d9cf 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f7f7f5", endColorstr="#d9d9cf",GradientType=0 ); /* IE6-9 */
}
.restore-master-container .racetrack-lanes:after {
  height: 1200px;
  left: 444px;
  opacity: 0.7;
  position: absolute;
  top: -629px;
  width: 470px;
  z-index: -1;
  -webkit-transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
  -moz-transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
  -o-transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
  -ms-transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
  transform: perspective(1354px) rotateX(79deg) translateZ(-200px);
}
.restore-master-container .dates {
  height: 390px;
  left: -10px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  width: 1000px;
  z-index: -1;
}
.restore-master-container .dates .date {
  color: rgb(160, 167, 193);
  position: absolute;
}
.restore-master-container .markers {
  height: 494px;
  left: 0;
  overflow: hidden;
  top: 0;
  width: 1055px;
}
.restore-master-container .marker-container {
  height: 155px;
  position: absolute;
  width: 155px;
}
.restore-master-container .marker-container.consolidated {
  display: none !important;
}
.restore-master-container .marker-container .marker {
  background: rgb(100, 100, 100);
  border-radius: 50% 50% 50% 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.restore-master-container .marker-container .marker:after {
  background: rgba(255, 255, 255, 0.3);
  border: 0;
  border-radius: 50%;
  bottom: 0;
  content: "";
  left: 0;
  margin: 11%;
  position: absolute;
  right: 0;
  top: 0;
}
.restore-master-container .marker-container .marker.multi {
  border: 1px solid white;
  width: 35%;
  height: 35%;
  min-width: 10px;
  min-height: 10px;
  left: auto;
  right: -15%;
}
.restore-master-container .marker-container .marker.multi.right-align {
  right: 0;
}
.restore-master-container .marker-container .halo, .restore-master-container .marker-container .outer-halo {
  background: white;
  border-radius: 50%;
  display: none;
  height: 130%;
  left: -15%;
  opacity: 0.46;
  position: absolute;
  top: -15%;
  width: 130%;
  z-index: 1;
}
.restore-master-container .marker-container .halo.hover, .restore-master-container .marker-container .outer-halo.hover {
  cursor: pointer;
}
.restore-master-container .marker-container .outer-halo {
  border-width: 1px;
  border-style: solid;
  opacity: 1;
  height: 131%;
  height: 131%;
  background-color: transparent;
  z-index: 1;
}
.restore-master-container .marker-container.selected .halo, .restore-master-container .marker-container.selected .outer-halo, .restore-master-container .marker-container.parent-selected .halo, .restore-master-container .marker-container.parent-selected .outer-halo {
  display: block;
}
.restore-master-container .marker-container .shadow {
  background: #2e353f;
  border-radius: 50%;
  bottom: -25%;
  box-shadow: inset 0 2px 0 #252A32;
  height: 15%;
  opacity: 0.3;
  position: absolute;
  width: 100%;
  z-index: -2;
}
.restore-master-container .marker-container.snapshot .marker,
.restore-master-container .marker-container.snapshot .halo {
  background-color: rgb(242, 170, 45);
}
.restore-master-container .marker-container.snapshot .outer-halo {
  border-color: rgb(242, 170, 45);
}
.restore-master-container .backup-header.snapshot {
  background-color: rgb(242, 170, 45);
  margin-top: 0;
  height: auto;
}
.restore-master-container .backup-header.snapshot .halo {
  background: rgb(255, 255, 255);
  display: block;
  opacity: 0.5;
}
.restore-master-container .marker-container.liveclone .marker,
.restore-master-container .marker-container.liveclone .halo {
  background-color: rgb(132, 109, 169);
}
.restore-master-container .marker-container.liveclone .outer-halo {
  border-color: rgb(132, 109, 169);
}
.restore-master-container .backup-header.liveclone {
  background-color: rgb(132, 109, 169);
  margin-top: 0;
  height: auto;
}
.restore-master-container .backup-header.liveclone .halo {
  background: rgb(255, 255, 255);
  display: block;
  opacity: 0.5;
}
.restore-master-container .marker-container.syncback .marker,
.restore-master-container .marker-container.syncback .halo {
  background-color: #167686;
}
.restore-master-container .marker-container.syncback .outer-halo {
  border-color: #167686;
}
.restore-master-container .backup-header.syncback {
  background-color: #167686;
  margin-top: 0;
  height: auto;
}
.restore-master-container .backup-header.syncback .halo {
  background: rgb(255, 255, 255);
  display: block;
  opacity: 0.5;
}
.restore-master-container .marker-container.OnVault .marker,
.restore-master-container .marker-container.OnVault .halo {
  background-color: #00abec;
}
.restore-master-container .marker-container.OnVault .outer-halo {
  border-color: #00abec;
}
.restore-master-container .backup-header.OnVault {
  background-color: #00abec;
  margin-top: 0;
  height: auto;
}
.restore-master-container .backup-header.OnVault .halo {
  background: rgb(255, 255, 255);
  display: block;
  opacity: 0.5;
}
.restore-master-container .marker-container.onvault .marker,
.restore-master-container .marker-container.onvault .halo {
  background-color: #00abec;
}
.restore-master-container .marker-container.onvault .outer-halo {
  border-color: #00abec;
}
.restore-master-container .backup-header.onvault {
  background-color: #00abec;
  margin-top: 0;
  height: auto;
}
.restore-master-container .backup-header.onvault .halo {
  background: rgb(255, 255, 255);
  display: block;
  opacity: 0.5;
}
.restore-master-container .marker-container.StreamSnap .marker,
.restore-master-container .marker-container.StreamSnap .halo {
  background-color: rgb(89, 192, 90);
}
.restore-master-container .marker-container.StreamSnap .outer-halo {
  border-color: rgb(89, 192, 90);
}
.restore-master-container .backup-header.StreamSnap {
  background-color: rgb(89, 192, 90);
  margin-top: 0;
  height: auto;
}
.restore-master-container .backup-header.StreamSnap .halo {
  background: rgb(255, 255, 255);
  display: block;
  opacity: 0.5;
}
.restore-master-container .marker-container.streamsnap .marker,
.restore-master-container .marker-container.streamsnap .halo {
  background-color: rgb(89, 192, 90);
}
.restore-master-container .marker-container.streamsnap .outer-halo {
  border-color: rgb(89, 192, 90);
}
.restore-master-container .backup-header.streamsnap {
  background-color: rgb(89, 192, 90);
  margin-top: 0;
  height: auto;
}
.restore-master-container .backup-header.streamsnap .halo {
  background: rgb(255, 255, 255);
  display: block;
  opacity: 0.5;
}
.restore-master-container .marker-container.remote-dedup .marker,
.restore-master-container .marker-container.remote-dedup .halo {
  background-color: rgb(132, 109, 169);
}
.restore-master-container .marker-container.remote-dedup .outer-halo {
  border-color: rgb(132, 109, 169);
}
.restore-master-container .backup-header.remote-dedup {
  background-color: rgb(132, 109, 169);
}
.restore-master-container .backup-header.remote-dedup .halo {
  background: rgb(255, 255, 255);
  display: block;
  opacity: 0.5;
}
.restore-master-container .backup-header.remote-dedup .outer-halo {
  border-color: rgb(132, 109, 169);
  display: block;
}
.restore-master-container .marker-container.remote-liveclone .marker,
.restore-master-container .marker-container.remote-liveclone .halo {
  background-color: #167686;
}
.restore-master-container .marker-container.remote-liveclone .outer-halo {
  border-color: #167686;
  display: block;
}
.restore-master-container .backup-header.remote-liveclone {
  background-color: #167686;
}
.restore-master-container .backup-header.remote-liveclone .halo {
  background: rgb(255, 255, 255);
  display: block;
  opacity: 0.5;
}
.restore-master-container .backup-header.remote-liveclone .outer-halo {
  border-color: #167686;
  display: block;
}
.restore-master-container .timeline-wrap {
  top: 40px;
  position: relative;
  height: 200px;
  clear: both;
}
.restore-master-container .timeline-container {
  float: left;
  overflow-x: hidden;
  padding-top: 17px;
  position: relative;
  top: 0px;
  width: 24000px;
  left: 0px;
}
.restore-master-container .timeline-header {
  background: #8c8c86;
  color: #e8eeef;
  font-size: 1.1em;
  min-width: 1550px;
  padding: 1px 0 0 8.5em;
  text-align: left;
  width: 100%;
}
.restore-master-container .timeline-header div {
  display: inline-block;
  text-transform: uppercase;
  width: 380px;
}
.restore-master-container .timeline-header .ui-icon {
  background-image: none;
  width: 32px;
  height: 32px;
}
.restore-master-container .timeline-header .ui-icon-circle-triangle-wgg {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid white;
  color: yellow;
}
.restore-master-container .timeline-header .ui-icon-circle-triangle-egg {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
  color: yellow;
}
.restore-master-container .timeline-header .date-control {
  background: #2a3036;
  border-radius: 7px 0 0 0;
  height: 30px;
  padding-left: 20px;
  position: absolute;
  right: 0;
  top: -10px;
  width: 250px;
  display: none;
}
.restore-master-container .timeline-header .date-control:before {
  background: #2a3036;
  border-radius: 7px 0 0 0;
  bottom: 0;
  content: "";
  left: -5px;
  padding-right: 10px;
  position: absolute;
  top: 0;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  transform: skew(-20deg);
}
.restore-master-container .timeline-header .timeline-top-arrow {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #2a3036;
  height: 0;
  position: relative;
  top: -6px;
  left: -2px;
}
.restore-master-container .timeline {
  background: #2a3036;
  height: 61px;
  padding: 0;
  text-align: left;
}
.restore-master-container .timeline-labels {
  color: rgb(255, 255, 255);
  float: left;
  padding: 0;
  z-index: 10;
  background-color: #2a3036;
  margin-top: 17px;
  position: absolute;
  top: 0;
  left: 0;
  height: 80px;
  width: 115px;
}
.restore-master-container .timeline-labels .timeline-header {
  height: 19px;
  padding: 0;
  min-width: 115px;
  width: 85px;
}
.restore-master-container .timeline-labels span {
  display: block;
  font-size: 1.3em;
  font-weight: 400;
  text-align: right;
}
.restore-master-container .timeline-anchor {
  position: absolute;
  top: 0;
  left: 115px;
}
.restore-master-container .slider {
  border-left: 2px solid #d6d6d7;
  border-right: 2px solid #d6d6d7;
  border-top: 17px solid #d6d6d7;
  border-top: 0px solid #d6d6d7;
  border-radius: 16px 16px 0 0;
  height: 138px;
  left: 2px;
  position: absolute;
  top: 0;
  width: 176px;
}
.restore-master-container .backup-details {
  backface-visibility: hidden;
  background: #e5e5dc;
  border-radius: 7px;
  color: #2a3036;
  float: right;
  font-size: 1.1em;
  padding-bottom: 0.9em;
  text-align: left;
  width: 260px;
  margin: 1em 2em 0 0;
  position: relative;
  z-index: 20;
}
.restore-master-container .backup-details .image-property {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.restore-master-container .backup-header {
  border-radius: 7px 7px 0 0;
  padding: 1.25em 0;
  position: relative;
}
.restore-master-container .backup-header span {
  color: rgb(255, 255, 255);
  font-size: 1.65em;
  font-weight: 400;
}
.restore-master-container .backup-header .detail-date {
  font-weight: 400;
  margin-right: 0.35em;
}
.restore-master-container .backup-header .detail-type {
  display: block;
  font-size: 1.3em;
  padding-top: 0.25em;
}
.restore-master-container .backup-detail .detail-list {
  clear: left;
  text-transform: capitalize;
  padding-top: 5px;
}
.restore-master-container .backup-detail .detail-list .name-value-wrapper .name-value-cell {
  border-top-color: #e5e5dc;
  border-bottom-color: #e5e5dc;
}
.restore-master-container .backup-detail .detail-list .name-value-wrapper .name-value-cell .edit-lbl-btn {
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  padding: 0px;
  margin: 0px 0px 3px 5px;
}
.restore-master-container .backup-detail .detail-list .name-value-wrapper .name-value-cell input.edit-lbl {
  min-width: 130px !important;
  max-width: 130px !important;
}
.restore-master-container .backup-detail .detail-list .name-value-wrapper .name-value-cell .submit-edit-lbl {
  min-width: 50px !important;
  max-width: 50px !important;
}
.restore-master-container .backup-detail .detail-list .name-value-wrapper .name-value-cell .cancel-edit-lbl {
  min-width: 75px !important;
  max-width: 75px !important;
}
.restore-master-container .backup-detail .ai-actions > .active-image-actions {
  display: flex;
  margin: 4px 20%;
}
.restore-master-container .backup-detail .marker-container {
  height: 36px;
  left: 15px;
  width: 36px;
}
.restore-master-container .backup-detail .fa-lock:before {
  content: "\f023";
  color: white;
  font-size: 16px;
}
.restore-master-container .actions {
  padding: 10px;
  text-align: center;
}
.restore-master-container .actions .backup-actions {
  padding: 0;
}

.active-image-token {
  background: #747c7f;
  border-radius: 100px;
  border: 1px solid white;
  color: white;
  display: table;
  font-weight: 400;
  height: 30%;
  position: absolute;
  width: 30%;
  z-index: 99;
}
.active-image-token span {
  display: table-cell;
  vertical-align: middle;
}

.ai-container {
  background: #f0efea;
  color: #2a3036;
}

.ai-header {
  padding: 0.75em 1.5em;
}
.ai-header a {
  float: right;
  color: #737ea1;
}

.ai-details-container {
  overflow: hidden;
}

.ai-details {
  white-space: nowrap;
}

.ai-detail {
  white-space: pre-wrap;
  display: inline-block;
  width: 260px;
  vertical-align: text-top;
  overflow: hidden;
  border: none;
}
.ai-detail .name-value-wrapper .name-value-cell {
  border-top-color: #f0efea;
  border-bottom-color: #f0efea;
}

.ai-actions {
  padding: 1em;
  padding-bottom: 3.5em;
}
.ai-actions select {
  width: 45%;
  margin: 0 0.5em;
}
.ai-actions .active-image-actions {
  position: absolute;
  margin-left: 15px;
  right: 10px;
  margin-top: -7px;
}
.ai-actions .active-image-actions .btn.btn-primary.main-action {
  background: #8c8c86;
  font-size: 1.2em;
  min-width: 100px;
  padding: 0.5em 0.5em;
}
.ai-actions .active-image-actions .dropdown-toggle {
  background: #8c8c86;
  padding: 0.79em 0.5em;
}
.ai-actions .active-image-actions .dropdown-toggle .caret {
  margin-top: 1px;
}
.ai-actions div {
  display: inline;
}
.ai-actions .current {
  color: #e97532;
}
.ai-actions .page span {
  padding: 0 0.25em;
}

.ai-pagination {
  margin-top: 8px;
}
.ai-pagination a {
  padding: 0 0.25em;
  font-size: 0.9em;
  color: #6c6e6b;
}

.new-vm .form-section {
  width: 24%;
}

.restore-option-container {
  padding: 5px;
  position: absolute;
  overflow-y: hidden;
}

.recovery-form > .form-row .form-section {
  width: 30%;
}
.recovery-form #recover_target_fields select {
  width: 220px;
}
.recovery-form #recover_target_fields .form-row {
  display: inline-block;
  width: 40%;
  vertical-align: top;
}
.recovery-form #recover_target_fields .full-width {
  width: 100%;
}

#mountlabel.mm-label {
  width: 350px;
}

.ramp-tooltip {
  width: auto;
  background-color: white !important;
  border: 2px solid;
  color: black;
  overflow-y: hidden;
  padding: 2px;
  max-height: 230px;
}
.ramp-tooltip > .help-tip-title {
  text-transform: capitalize;
  padding: 18px 18px 0px 18px;
}
.ramp-tooltip > .help-tip-title > .help-tip-title-text {
  margin-left: 10px;
}
.ramp-tooltip > .help-tip-text {
  max-height: 170px;
  padding: 0px 18px 10px 18px;
  overflow: auto;
  margin-bottom: 10px;
}
.ramp-tooltip ul.multiple-images {
  list-style: none;
  margin: 0px 0px;
  border-radius: 3px;
}
.ramp-tooltip ul.multiple-images li.multiple-images-tip {
  cursor: pointer;
  padding: 5px 3px 3px 3px;
  height: 20px;
}
.ramp-tooltip ul.multiple-images li.multiple-images-tip > * {
  margin-right: 5px;
}
.ramp-tooltip ul.multiple-images li.multiple-images-tip.selected {
  pointer-events: none;
  background-color: #3367D6;
  color: white;
}
.ramp-tooltip ul.multiple-images .active-image-token {
  display: inline-flex;
  width: 16px;
  height: 16px;
  position: inherit;
  font-size: 10px;
}
.ramp-tooltip ul.multiple-images .active-image-token span {
  width: inherit;
  text-align: center;
}
.ramp-tooltip ul.multiple-images .active-image-token.empty {
  display: inline;
  background: transparent;
  border-color: transparent;
}
.ramp-tooltip ul.multiple-images .pool-name img {
  width: 12px;
  height: 12px;
  padding: 2px;
  background-color: rgb(0, 171, 236);
  margin-right: 2px;
}
.ramp-tooltip .help-tip-marker-container {
  height: 15px;
  position: relative;
  width: 15px;
  display: inline-block;
}
.ramp-tooltip .help-tip-marker-container .tip-marker {
  border: 1px solid white;
  background: rgb(100, 100, 100);
  border-radius: 50% 50% 50% 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ramp-tooltip .help-tip-marker-container .tip-marker:after {
  background: rgba(255, 255, 255, 0.3);
  border: 0;
  border-radius: 50%;
  bottom: 0;
  content: "";
  left: 0;
  margin: 11%;
  position: absolute;
  right: 0;
  top: 0;
}
.ramp-tooltip .help-tip-marker-container .tip-marker.multi {
  width: 17px;
  height: 17px;
}
.ramp-tooltip .help-tip-marker-container .tip-marker.multi.leftalign {
  left: -8px;
}

select#select-logs {
  min-width: 230px;
  width: 230px;
  margin-left: 95px;
}

#log-ul li {
  list-style-type: disc;
}

label {
  display: contents;
}
label.control-label-log {
  border-bottom: 1px dotted black;
  display: inline-block;
}

#log-tooltip {
  display: block;
  margin-top: 260px;
  margin-left: 260px;
}

.snap-rep-wrapper {
  min-width: 480px;
}
.snap-rep-wrapper h4 {
  padding: 10px 0px;
}
.snap-rep-wrapper .select-destination {
  min-width: 200px;
}
.snap-rep-wrapper .schedule-expiration1 {
  padding-right: 55px;
}
.snap-rep-wrapper .schedule-expiration1 .replication-expire-date {
  min-width: 200px;
  margin-top: 5px;
}
.snap-rep-wrapper .schedule-expiration1 .input-margin {
  margin-left: 52px !important;
}
.snap-rep-wrapper .schedule-expiration1 .shortencount {
  margin-left: 69px !important;
}
.snap-rep-wrapper .schedule-expiration1 .select-destination {
  margin-left: 60px;
}
.snap-rep-wrapper .schedule-expiration1 .form-group {
  min-height: 40px;
}

.yaml-dialog {
  color: #748285;
}
.yaml-dialog .modal-contents {
  overflow-y: visible;
  font-size: 14px;
  padding: 0 30px 0 30px;
}
.yaml-dialog .yaml_wrapper {
  margin-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  flex-flow: row;
  @justify-content (flex-start);
}
.yaml-dialog .yaml_wrapper .yaml_container {
  margin-right: 5px;
  -webkit-box-flex: 3 1 auto;
  -moz-box-flex: 3 1 auto;
  -webkit-flex: 3 1 auto;
  -ms-flex: 3 1 auto;
  flex: 3 1 auto;
}
.yaml-dialog .yaml_wrapper .yaml_container .yaml_code_container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  flex-flow: column;
  @justify-content (space-around);
  -webkit-box-flex: 3 1 auto;
  -moz-box-flex: 3 1 auto;
  -webkit-flex: 3 1 auto;
  -ms-flex: 3 1 auto;
  flex: 3 1 auto;
}
.yaml-dialog .yaml_wrapper .yaml_container .yaml_code_container code {
  border: 1px solid #e1e1e8;
  background-color: #f7f7f9;
  border-radius: 7px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #748285;
  font-weight: 900;
  border: none;
  white-space: pre;
  padding: 10px;
  max-width: 465px;
  overflow: scroll;
  max-height: 290px;
}
.yaml-dialog .yaml_wrapper .yaml_button {
  vertical-align: top;
}
.yaml-dialog .yaml_wrapper .yaml_button i {
  font-size: 20px;
  position: relative;
}
.yaml-dialog #confirmModal {
  margin: 0px;
}

.mm-restore-container .replace-source-section .radio-input-container {
  display: inline-block;
  position: relative;
  top: 12px;
  left: 80px;
}
.mm-restore-container .mmrestore-mapping-options .target-container > div {
  margin-bottom: 10px;
}
.mm-restore-container .mmrestore-mapping-options .expandable-content {
  overflow: visible;
}
.mm-restore-container .mmrestore-mapping-options .expandable-content .cft-input, .mm-restore-container .mmrestore-mapping-options .expandable-content .redo-input {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
}
.mm-restore-container .mmrestore-mapping-options .expandable-content .multiselect .list-container {
  z-index: 100000;
  width: 215px;
}
.mm-restore-container .mmrestore-mapping-options .expandable-content .multiselect .list-container .list {
  overflow-x: scroll;
}
.mm-restore-container .mmrestore-mapping-options .expandable-content .multiselect .list-container .group-header {
  font-weight: bold;
  color: #8c8c86;
}
.mm-restore-container .mmrestore-mapping-options .expandable-content .multiselect .list-container label {
  display: inline-block;
}
.mm-restore-container .mmrestore-mapping-options .expandable-content .multiselect .list-container label.disabled {
  opacity: 0.6;
}

.protection-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: left;
  padding: 20px;
  margin: 0 10em;
}

.protection-editor-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.protection-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-bottom: 20px;
}

.protection-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 18px;
}
.protection-title .app-name {
  font-weight: bold;
  padding-right: 10px;
}
.protection-title .protection-action {
  font-weight: normal;
  padding-left: 10px;
}

.show-hide-settings {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
}
.show-hide-settings a {
  color: #3367D6;
}

.protection-diagram-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  background-color: #324662;
  min-height: 70px;
  color: #FFFFFF;
  font-size: 12px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  align-items: center;
}

.protection-form-section {
  white-space: nowrap;
}
.protection-form-section label {
  vertical-align: middle;
  color: #FFFFFF;
  margin-bottom: 0;
  font-weight: normal;
  margin-right: 5px;
}

.protection-select-container {
  display: inline-block;
  width: 80%;
}
.protection-select-container:after {
  top: 40%;
}
.protection-select-container:before {
  margin: 1px;
  background: rgb(64, 93, 130);
}

.protection-select {
  background-color: rgb(64, 93, 130);
  margin-bottom: 0;
}
.protection-select:disabled {
  background: rgb(64, 93, 130);
  border-color: rgb(64, 93, 130);
}

.select-div {
  padding: 0 10px;
}
.select-div span {
  padding-right: 15px;
}
.select-div select {
  background-color: #405d82;
  width: 150px;
  height: 30px;
  border: none;
  color: #FFFFFF;
  margin-bottom: 0;
  vertical-align: baseline;
}

.template-select-div {
  padding-left: 30px;
}

.apply-button-div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  min-width: 30%;
}

.protect-box {
  min-height: 450px;
  -webkit-box-flex: 1 1 200px;
  -moz-box-flex: 1 1 200px;
  -webkit-flex: 1 1 200px;
  -ms-flex: 1 1 200px;
  flex: 1 1 200px;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 20px;
}

.protection-diagram {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

.protection-diagram-box-left {
  background-color: #ECEBE4;
  border-bottom-left-radius: 15px;
  border-right: 3px solid #E2E3D8;
  padding-left: 25px;
}

.protection-diagram-box-middle {
  background-color: #ECEBE4;
  border-left: 3px solid #E2E3D8;
}

.protection-diagram-box-right {
  min-width: 250px;
  background-color: #D0D1C6;
  border-bottom-right-radius: 15px;
}

.cluster-title {
  font-size: 16px;
  padding: 10px;
}

.cluster-name {
  font-weight: bold;
}

.discs-node {
  background-color: #D0D1C6;
  color: #FFFFFF;
  height: 90px;
  width: 100px;
  border-radius: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 12px;
  z-index: 5;
}
.discs-node span {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.disc-img-container {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}

.node-hop {
  z-index: 2;
  background-color: #D0D1C6;
  height: 30px;
  width: 30px;
  border-radius: 15px;
  line-height: 30px;
  text-align: center;
}
.node-hop span {
  color: white;
  font-size: 12px;
}
.node-hop.protection-active {
  background-color: #65ba15;
  cursor: pointer;
}

.node-conn-vert {
  background-color: #D0D1C6;
  height: 10px;
  width: 3px;
}

.place-holder {
  height: 215px;
}

.summary-element {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.protection-summary {
  align-items: flex-start;
}

.protection-summary-header {
  background-color: #C1C1B1;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  align-self: stretch;
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.protection-summary-header.protection-active {
  background-color: #65ba15;
  justify-content: center;
}
.protection-summary-header.protection-active span {
  padding-left: 0;
}
.protection-summary-header span {
  padding-left: 20px;
}

.stats-bubble-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 130px;
}

.stats-bubble {
  min-width: 120px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  font-size: 12px;
  margin: 2px 0;
  align-items: center;
  background-color: #C1C1B1;
  padding-right: 10px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.protection-label-container {
  align-self: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-size: 12px;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.protection-label-container span {
  font-weight: 500;
}
.protection-label-container input,
.protection-label-container input:focus {
  width: 50%;
}

.protection-diagram-label-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  align-self: flex-start;
  font-size: 12px;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 40px;
}
.protection-diagram-label-container span {
  font-weight: 500;
}
.protection-diagram-label-container input {
  max-width: 55%;
  border-radius: 10px;
  margin-bottom: 0;
  margin-left: 10px;
  background-color: #ECEBE4;
  height: 28px;
  box-shadow: inset 3px 3px 4px 1px #BEC0B8;
}

.button-paging-container {
  width: 100%;
}

.button-container {
  float: right;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 5px;
  padding-right: 40px;
}
.button-container input {
  margin: 0;
  border-radius: 10px;
  width: 125px;
  height: 45px;
  font-size: 14px;
  background-color: #3367D6;
  color: #FFFFFF;
}
.button-container input:disabled {
  background-color: #C1C1B1;
}

.paging-container {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* flex-direction: row; */
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: flex-end;
  align-self: stretch;
  padding: 10px 0 0 10px;
  font-size: 10px;
}
.paging-container input {
  height: 15px;
  width: 15px;
  margin: 0 10px;
  border-radius: 5px;
}
.paging-container span {
  padding-right: 5px;
}
.paging-container .paging-arrow {
  cursor: pointer;
}

.paging-elements-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.arrow-left {
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}

.arrow-right {
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}

.slider .arrow-left {
  height: 0;
  width: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid gray;
}
.slider .arrow-right {
  height: 0;
  width: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid gray;
}

.double-arrow-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 10px;
}

.advanced-settings-container {
  min-height: 575px;
  min-width: 317px;
  background-color: rgb(240, 239, 234);
  color: rgb(140, 140, 134);
  border-radius: 15px;
  margin-left: 25px;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-around;
}
.advanced-settings-container div {
  font-size: 13px;
}

.adv-settings-header {
  display: inline-block;
  justify-content: space-around;
  padding-top: 10px;
  font-size: 18px;
}

.adv-settings-section {
  width: 95%;
}

.adv-settings-select {
  width: 60%;
}

.input-container {
  align-self: flex-end;
  margin-right: 20px;
}
.input-container input {
  background-color: #FFFFFF;
}

.protection-selector-container {
  align-self: flex-start;
  font-size: 13px;
  margin-left: 20px;
  width: 100%;
}

.protection-selector-label {
  margin-bottom: 10px;
}

.advanced-settings-divider {
  border-top: 1px solid #BEC0B8;
  border-bottom: 0 solid #BEC0B8;
  align-self: stretch;
  margin: 0 15px;
}

.restore-defaults-link {
  font-size: 12px;
  align-self: flex-start;
  margin-left: 20px;
}
.restore-defaults-link a {
  color: #3367D6;
}

.fixed-hop {
  position: fixed;
  z-index: 2;
}

.node-connection {
  position: fixed;
  z-index: 1;
}

.connection-line {
  stroke: #D0D1C6;
  stroke-dasharray: 9, 5;
}

.vertical-line {
  stroke-width: 3;
}

.horizontal-line {
  stroke-width: 6;
}

.prod-node.protection-active {
  background-color: #0f86a3;
}

.snap-node.protection-active {
  background-color: #f1aa2d;
}

.vault-node.protection-active {
  background-color: #00abec;
}

.dedup-node.protection-active, .mirror-node.protection-active {
  background-color: #3babc7;
}

.dr-node.protection-active {
  background-color: #5cb6a8;
}

.green-line, .node-conn-vert.protection-active, .connection-line.protection-active {
  stroke: #65ba15;
  background-color: #65ba15;
  stroke-dasharray: 0;
  stroke-width: 5;
}

.protection-summary-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 2;
  align-items: center;
  word-break: break-all;
}
.protection-summary-title p {
  font-size: 16px;
  padding-left: 20px;
  visibility: hidden;
  margin: 0;
}
.protection-summary-title.protection-active p {
  visibility: visible;
}

.stats-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
}

.stats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-left: 5px;
}
.stats div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 27px;
}

.stat-name {
  text-transform: uppercase;
}

.stat {
  display: block;
  align-items: center;
  font-size: 12px;
  margin: 2px 0;
  overflow: hidden;
  white-space: nowrap;
  min-height: 18px;
  text-overflow: ellipsis;
}
.stat:first-letter {
  text-transform: uppercase;
}

.no-text-transform {
  text-transform: none;
}
.no-text-transform:first-letter {
  text-transform: none;
}

.btn-dropdown-section {
  display: none;
}
.btn-dropdown-section .btn.btn-primary.main-action {
  background: #3367D6;
  font-size: 14px;
}
.btn-dropdown-section .btn.btn-primary.dropdown-toggle {
  font-size: 14px;
  padding: 10px 16px 14px;
  background: #3367D6;
  top: 0px;
}
.btn-dropdown-section .dropdown-menu {
  font-size: 14px;
  padding: 0.2em 0;
  background: #3367D6;
}
.btn-dropdown-section .dropdown-menu li > a.protection-action {
  font-size: 14px;
  padding: 0.7em 1em 14px;
  background: #3367D6;
}

div.cancel-changes {
  display: none;
  padding-right: 10px;
  text-decoration: underline;
}
div.cancel-changes a {
  line-height: 40px;
  color: #fff;
}

#bad-policy-errors {
  color: #748285;
  text-align: center;
  vertical-align: middle;
  background: #f0f0eb;
  margin: 0px 15px;
  border-radius: 7px;
  height: fit-content;
}
#bad-policy-errors #bad_policy_container {
  display: inline-block;
  text-align: left;
  margin: 15px 0;
}
#bad-policy-errors #bad_policy_container #bad_policy_header {
  font-size: 22px;
  line-height: 28px;
  color: #748285;
  margin: 5px 15px;
}
#bad-policy-errors #bad_policy_container #bad_policy_header img {
  vertical-align: text-top;
  margin-right: 10px;
}
#bad-policy-errors #bad_policy_container #bad_policy_footer {
  font-size: 14px;
  color: #748285;
  margin: 0 15px;
}
#bad-policy-errors #bad_policy_container #bad_policy_footer img {
  vertical-align: text-top;
}
#bad-policy-errors #bad_policy_container #bad_policy_error_container {
  margin: 10px 0;
  background: #d9d9d1;
  padding: 15px;
}
#bad-policy-errors #bad_policy_container #bad_policy_error_container ol > li {
  list-style-type: disc;
}
#bad-policy-errors #bad_policy_container #bad_policy_error_container .error_item {
  font-size: 14px;
  color: #748285;
}
#bad-policy-errors #bad_policy_container #bad_policy_error_container .error_item:first-letter {
  text-transform: uppercase;
}

.info-action-modal-mask, .advanced-settings-modal-mask, .group-members-action-modal-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: #000000;
  opacity: 0.5;
  top: 0;
  left: 0;
}

.info-modal-container, .advanced-settings-modal-container, .group-members-modal-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 2147483647;
  top: 0;
  left: 0;
  display: table;
}

.info-modal-wrapper, .group-members-modal-wrapper {
  position: absolute;
  margin: auto;
  width: 30%;
  height: auto;
  background: #FFFFFF;
  z-index: 5;
  top: 50%;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-radius: 10px;
  padding: 20px;
  color: #748285;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.info-modal-wrapper .action-name, .group-members-modal-wrapper .action-name {
  font-size: 22px;
  line-height: 28px;
}
.info-modal-wrapper .action-name img, .group-members-modal-wrapper .action-name img {
  vertical-align: text-top;
}
.info-modal-wrapper .action-description, .group-members-modal-wrapper .action-description {
  font-size: 14px;
  padding: 10px;
}
.info-modal-wrapper .action-description:first-letter, .group-members-modal-wrapper .action-description:first-letter {
  text-transform: uppercase;
}
.info-modal-wrapper .action-name-short, .group-members-modal-wrapper .action-name-short {
  padding: 1em 2.75em;
}
.info-modal-wrapper .action-confirm, .group-members-modal-wrapper .action-confirm {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  line-height: 40px;
  vertical-align: middle;
  float: right;
}
.info-modal-wrapper .action-confirm a, .group-members-modal-wrapper .action-confirm a {
  color: #3367D6;
  font-size: 14px;
  padding-left: 20px;
  cursor: pointer;
}

.group-members-link a {
  color: #3367D6;
}

.group-members-modal-wrapper {
  width: 40%;
  height: 65%;
  justify-content: space-between;
}
.group-members-modal-wrapper .action-confirm a {
  color: #3367D6;
  font-size: 14px;
  padding-left: 20px;
}

.group-members-modal-header {
  font-size: 22px;
  line-height: 28px;
}
.group-members-modal-header img {
  vertical-align: text-top;
}
.group-members-modal-header .group-members-name {
  margin-left: 5px;
}

.group-members-container {
  padding-top: 10px;
  padding-left: 35px;
  overflow-x: hidden;
  overflow-y: scroll;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 80%;
}

.group-members-table {
  overflow: scroll;
  font-size: 1.2em;
}
.group-members-table td {
  padding-bottom: 10px;
}
.group-members-table .app-name {
  font-weight: bold;
}

.divider {
  color: #aeb8bb;
  margin: 0 0.5em;
}

.hop-highlight {
  position: fixed;
}

.hop-highlight-border {
  stroke: #65ba15;
  fill: none;
}

.hop-highlight-fill {
  stroke: transparent;
  fill: #65ba15;
  opacity: 0.13;
}

button.button.button-primary-medium.sla-advanced-settings-button, button.button.sla-advanced-settings-button.policy-editor-advanced-settings-test, button.button.button-primary-medium.cancel-changes, button.button.cancel-changes.policy-editor-advanced-settings-test {
  margin-left: 0;
  margin-right: 1em;
  height: auto;
}

.align-right {
  text-align: right;
}

.right-padding30 {
  padding-right: 30px;
}

.item-control-container {
  height: 446px;
  width: 272px;
  border-radius: 7px;
  background: #f0f0eb;
  margin: 0em 2em 2em 0em;
  padding: 1em 2em;
  text-align: left;
  overflow: hidden;
}
.item-control-container h2 {
  font-size: 18px;
}
.item-control-container .item-control-elements {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-space-between;
  justify-content: flex-space-between;
}
.item-control-container .item-control-elements .item-control-list-container {
  height: 100%;
  overflow: hidden;
}
.item-control-container .item-control-elements .item-control-list-container .item-control-list-search {
  border-radius: 7px;
  width: 96%;
}
.item-control-container .item-control-elements .item-control-list-container .item-control-list-wrapper {
  height: 100%;
}
.item-control-container .item-control-elements .item-control-list-container .item-control-list {
  height: 100%;
}
.item-control-container .item-control-elements .item-control-list-container .item-control-list.agm-base-grid {
  width: 280px;
  height: 360px;
  margin: 15px;
  top: 30px;
  border: 1px solid lightgrey;
}
.item-control-container .item-control-elements .item-control-list-container .item-control-list.agm-base-grid input.text-input {
  width: 240px;
}
.item-control-container .item-control-elements .item-control-buttons {
  padding-top: 1em;
  white-space: nowrap;
}
.item-control-container .item-control-elements .item-control-buttons .item-control-settings-button {
  margin-left: 0px;
  margin-right: 15px;
  min-width: 0px;
}
.item-control-container .item-control-elements .required-fields_message {
  padding-top: 1em;
  font-size: 12px;
  color: #8c8c86;
}
.item-control-container .item-control-elements .required-fields_message .required-field {
  color: red;
}

.template-editor-container.horizontal-scroll {
  padding: 30px;
}
.template-editor-container.horizontal-scroll.relative-pos {
  position: relative;
}
.template-editor-container.horizontal-scroll.initial-pos {
  position: initial;
}
.template-editor-container .template-editor-bottom {
  margin-top: 50px;
}
.template-editor-container .template-list-container {
  display: block;
  flex: none;
  position: relative;
}
.template-editor-container .template-list-container .generic-details {
  min-width: 278px;
  min-height: 285px;
  width: 80%;
  padding: 0;
  background: #f0f0eb;
  bottom: 0px;
}
.template-editor-container .template-list-container .generic-details .details-header {
  font-size: 1.6em;
  height: 0.5em;
  padding: 1.3em 0 1.3em 1em;
}
.template-editor-container .template-list-container .generic-details .name-value-wrapper {
  background: #d9d9d1;
  padding-top: 5px;
  min-height: 150px;
  display: block;
}
.template-editor-container .template-list-container .generic-details .name-value-wrapper .value {
  text-transform: capitalize;
}
.template-editor-container .template-list-container .generic-details .name-value-wrapper .name-value-row .name-value-cell:first-child {
  width: 50%;
}
.template-editor-container .template-list-container .generic-details .edit-membership {
  margin: 12px 30%;
}
.template-editor-container .template-list-container .template-editor-diagram-container .protection-diagram-redux {
  margin-top: -50px;
  margin-left: -14px;
}
.template-editor-container .template-list-container:after {
  content: "";
  display: none;
  position: absolute;
  right: 30px;
  top: 10px;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  border: 2px solid rgba(140, 197, 62, 0.2);
  border-left-color: #8cc53e;
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading 0.5s infinite linear;
}
.template-editor-container .template-list-container.updating:after {
  display: block;
  top: 135px;
  right: 75px;
}

.no-clusters-error {
  display: none;
  margin-bottom: 0;
}

.migrate {
  padding: 25px 0 0 25px;
}

.migrateaction {
  padding: 20px;
}

.migselector-container {
  width: 40%;
  padding: 252px 30px 10px;
  height: 200px;
  float: left;
}

.selector {
  padding: 10px 0 10px 0;
  font-size: 14px;
  display: table-row;
}

.selector span {
  display: table-cell;
  padding-bottom: 25px;
}

.radio-array label {
  color: #8F8F8F;
}

.radio-array {
  display: table-cell;
}

.topbar {
  font-size: 18px;
  font-weight: bold;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
}

input[type=search] {
  -webkit-appearance: "searchfield";
  -moz-appearance: "searchfield";
  border-radius: 15px;
  margin-bottom: 0;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: "searchfield-cancel-button";
  -moz-appearance: "searchfield-cancel-button";
}

.search-div {
  padding: 5px 3px 6px 3px;
  background-color: #D1D1D1;
  margin-right: 2px;
}

.title-text {
  margin-left: 2px;
}

.table-section {
  display: inline-block;
}

.check-box-table th:nth-of-type(1), .check-box-table td:nth-of-type(1) {
  width: 25px;
  text-align: center;
}

.check-box-table th:nth-of-type(2) {
  width: 90%;
}

tr.has-content:hover {
  background-color: #a8d1ff;
  cursor: pointer;
}

.discover-vms-button {
  color: white;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 15px;
  letter-spacing: 1px;
  margin: 10px 0 10px 3px;
  border-width: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.discover-vms-button:disabled {
  background-color: #D1D1D1;
}

.discover-vms-button:enabled {
  background-color: #3498DB;
}

.discovery-message {
  position: absolute;
  z-index: -1;
  background-color: #DEDEDE;
  font-size: 16px;
  min-height: 400px;
  height: 100%; /* 470px */
  width: 522px;
  visibility: hidden;
  display: table;
  text-align: center;
}

.shell {
  display: inline-block;
  margin-left: 15px !important;
  position: absolute;
  width: 76%;
  min-width: 615px;
  background: rgb(240, 239, 234);
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  margin: 20px 20px 0 0;
  text-align: left;
  color: rgb(39, 47, 49);
  position: relative;
}

.discovery-message div {
  display: table-cell;
  vertical-align: middle;
}

.node-container {
  left: 0;
  padding: 20px 0;
  position: absolute;
  right: 10%;
  text-align: center;
  top: 30px;
}
.node-container .cluster-name {
  color: rgb(43, 48, 54);
  font-weight: 500;
  position: absolute;
  top: -10px;
  left: 28%;
  width: 140px;
  font-size: 14px;
}
.node-container .cluster-name.new {
  left: 59.5%;
}
.node-container .discs-node {
  background: rgb(81, 114, 145);
  border: 8px solid rgb(109, 147, 160);
  display: inline-block;
  padding: 14px 10px 4px;
}
.node-container .discs-node.current {
  border-color: rgb(142, 198, 63);
  left: 28%;
  position: absolute;
}
.node-container .discs-node .disc-style {
  display: block;
  width: 98px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.node-container .discs-new {
  left: 59.5%;
  position: absolute;
}
.node-container .disc-img-container {
  display: block;
  padding-bottom: 17px;
}
.node-container .disc-img-container img {
  margin-top: 3px;
}
.node-container.complete .discs-node {
  border-color: rgb(142, 198, 63);
}
.node-container.complete .discs-node.current {
  border-color: rgb(109, 147, 160);
}

.node-connector-container {
  height: 10px;
  left: 39.1%;
  position: absolute;
  top: 7.5em;
  width: 21.2%;
  background: rgb(142, 198, 63); /* Old browsers */
  background: -moz-linear-gradient(left, rgb(142, 198, 63) 0%, rgb(142, 198, 63) 50%, rgb(109, 147, 160) 51%, rgb(109, 147, 160) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(142, 198, 63)), color-stop(50%, rgb(142, 198, 63)), color-stop(51%, rgb(109, 147, 160)), color-stop(100%, rgb(109, 147, 160)),); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgb(142, 198, 63) 0%, rgb(142, 198, 63) 50%, rgb(109, 147, 160) 51%, rgb(109, 147, 160) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(142, 198, 63) 0%, rgb(142, 198, 63) 50%, rgb(109, 147, 160) 51%, rgb(109, 147, 160) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(142, 198, 63) 0%, rgb(142, 198, 63) 50%, rgb(109, 147, 160) 51%, rgb(109, 147, 160) 100%); /* IE10+ */
  background: linear-gradient(to right, rgb(142, 198, 63) 0%, rgb(142, 198, 63) 50%, rgb(109, 147, 160) 51%, rgb(109, 147, 160) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgb(142, 198, 63)", endColorstr="rgb(109, 147, 160)",GradientType=0 ); /* IE6-9 */
}
.node-connector-container .node-connector-icon {
  background: rgb(109, 147, 160);
  border-radius: 100px 100px 0 100px;
  border: 1px solid white;
  height: 40px;
  left: 42.4%;
  position: absolute;
  top: -18px;
  transform: rotate(-40deg);
  width: 40px;
}
.node-connector-container .node-connector-icon img {
  margin: 24% 0 0 2%;
  transform: rotate(42deg);
  width: 36%;
}
.node-connector-container.in-progress {
  background: rgb(142, 198, 63); /* Old browsers */
  background: -moz-linear-gradient(left, rgb(142, 198, 63) 0%, rgb(142, 198, 63) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(142, 198, 63)), color-stop(100%, rgb(142, 198, 63)),); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgb(142, 198, 63) 0%, rgb(142, 198, 63) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(142, 198, 63) 0%, rgb(142, 198, 63) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(142, 198, 63) 0%, rgb(142, 198, 63) 100%); /* IE10+ */
  background: linear-gradient(to right, rgb(142, 198, 63) 0%, rgb(142, 198, 63) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgb(142, 198, 63)", endColorstr="rgb(142, 198, 63)",GradientType=0 ); /* IE6-9 */
}
.node-connector-container.in-progress .node-connector-icon {
  background: rgb(142, 198, 63);
}
.node-connector-container.complete {
  background: rgb(109, 147, 160); /* Old browsers */
  background: -moz-linear-gradient(left, rgb(109, 147, 160) 0%, rgb(109, 147, 160) 50%, rgb(142, 198, 63) 51%, rgb(142, 198, 63) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(109, 147, 160)), color-stop(50%, rgb(109, 147, 160)), color-stop(51%, rgb(142, 198, 63)), color-stop(100%, rgb(142, 198, 63)),); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgb(109, 147, 160) 0%, rgb(109, 147, 160) 50%, rgb(142, 198, 63) 51%, rgb(142, 198, 63) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(109, 147, 160) 0%, rgb(109, 147, 160) 50%, rgb(142, 198, 63) 51%, rgb(142, 198, 63) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(109, 147, 160) 0%, rgb(109, 147, 160) 50%, rgb(142, 198, 63) 51%, rgb(142, 198, 63) 100%); /* IE10+ */
  background: linear-gradient(to right, rgb(109, 147, 160) 0%, rgb(109, 147, 160) 50%, rgb(142, 198, 63) 51%, rgb(142, 198, 63) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="rgb(109, 147, 160)", endColorstr="rgb(142, 198, 63)",GradientType=0 ); /* IE6-9 */
}

.migratebtn-container {
  padding-top: 30px;
  clear: both;
  background: #fff;
  width: 78.5%;
  float: left;
  text-align: right;
}

.migrate-status {
  background: rgb(116, 130, 133);
  border-radius: 7px;
  color: white;
  display: none;
  font-size: 1.75em;
  font-weight: 400;
  left: 15.25%;
  padding: 0.7em 0;
  position: absolute;
  text-align: center;
  top: 189px;
  width: 65%;
}
.migrate-status.succeed {
  background: rgb(142, 198, 63);
}
.migrate-status.error {
  background: rgb(231, 66, 46);
}

/* TGT (Timeline, Gear, Table) */
.toggle-view-timeline-wrapper {
  flex: 1 0 auto;
  justify-content: flex-end;
  display: flex;
}

.data-explorer-applications .toggle-view {
  border: solid 1px #ccc;
  border-radius: 16px;
  margin-right: 20px;
  margin-left: 20px;
  white-space: nowrap;
}

.toggle-view .btn {
  text-transform: uppercase;
  font-weight: 400;
  color: #999;
  text-shadow: none;
  line-height: 16px;
  font-size: 1em;
  padding: 5px 15px 1px 15px;
  margin-left: 0;
}
.toggle-view .btn.toggle-view-gear {
  border-left: 1px solid rgba(100, 100, 100, 0.2);
  border-right: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 0;
  font-size: 18px;
  line-height: 22px;
  padding: 0 8px;
}

.toggle-view-timeline.selected, .toggle-view-table.selected {
  cursor: default;
  pointer-events: none;
}

.toggle-view-controls {
  background: rgb(240, 240, 235);
  position: absolute;
  border-radius: 8px 0 8px 8px;
  right: 66px;
  top: 22px;
  width: 250px;
  z-index: 8;
}
.toggle-view-controls:focus {
  outline: none;
}
.toggle-view-controls .tvc-title {
  background-color: #e86c1f;
  border: 1px solid #c24e05;
  border-radius: 8px 0 0 0;
  padding: 10px 10px 10px 20px;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}
.toggle-view-controls .tvc-body {
  color: rgb(140, 140, 134);
  border-radius: 0 0 8px 8px;
  padding: 5px 15px;
  box-shadow: 1px 1px #ccc;
}
.toggle-view-controls .tvc-body .tvc-section {
  padding: 5px 5px;
}
.toggle-view-controls .tvc-body .tvc-subtitle {
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 5px;
}
.toggle-view-controls .tvc-body .tvc-label {
  line-height: 18px;
  vertical-align: bottom;
  text-transform: none;
  font-weight: 400;
  margin-bottom: 0;
}
.toggle-view-controls .tvc-body .tvc-input {
  font-weight: 400;
  font-size: 13px;
  margin: 7px 0;
}
.toggle-view-controls .tvc-body .tvc-input input {
  margin: 0 10px 2px 0;
  font-size: 16px;
}

.toggle-view .btn.selected {
  color: #ffffff;
  background: rgb(232, 108, 31);
}

.btn-group.toggle-view .btn:first-child {
  border-radius: 15px 0 0 15px;
}

.btn-group.toggle-view .btn:last-child {
  border-radius: 0 15px 15px 0;
}

.discoverapps {
  padding: 10px 0 0 10px;
}
.discoverapps .discovery-progress {
  padding-top: 10px;
  display: flex;
}
.discoverapps .discovery-progress .spinner-message {
  font-size: 14px;
  margin-left: 5px;
}
.discoverapps .discovery-list table, .discoverapps .discovery-progress table {
  font-family: arial, sans-serif;
}
.discoverapps .discovery-list .discover-span.header, .discoverapps .discovery-progress .discover-span.header {
  position: absolute;
  top: 151px;
  padding-left: 0px;
}
.discoverapps .discovery-list .discover-span.first-tr, .discoverapps .discovery-progress .discover-span.first-tr {
  margin-top: 34px;
}
.discoverapps .discovery-list th, .discoverapps .discovery-progress th {
  background-color: rgb(255, 255, 255);
  color: rgb(113, 117, 116);
  font-weight: bold;
  background-repeat: no-repeat;
}
.discoverapps .discovery-list td, .discoverapps .discovery-list th, .discoverapps .discovery-progress td, .discoverapps .discovery-progress th {
  text-align: left;
  padding: 8px;
  min-width: 300px;
  font-size: 13px;
  font-family: Verdana, Arial, sans-serif;
}
.discoverapps .discovery-list tr, .discoverapps .discovery-progress tr {
  margin-left: 0px;
}
.discoverapps .discovery-list td, .discoverapps .discovery-progress td {
  text-align: left;
  border-color: rgb(242, 242, 242);
  border-width: 0px 0px 1px;
  border-style: solid;
}
.discoverapps .discovery-list tr:nth-child(even), .discoverapps .discovery-progress tr:nth-child(even) {
  background-color: #f6f6f3;
}
.discoverapps .discovery-list {
  max-height: 150px;
  overflow-y: scroll;
  min-width: 300px;
}
.discoverapps .discovery-list.ie-browser tbody {
  display: table-caption;
}
.discoverapps .discovery-list.not-ie tbody {
  display: grid;
}
.discoverapps .discovery-list.not-ie tbody .discover-span {
  width: 635px;
}
.discoverapps .form-row {
  padding: 1em 0 3em;
}
.discoverapps #discover-main .intro {
  margin: 3px 0 3px 0;
}
.discoverapps #discover-main .sub-title {
  margin-top: 10px;
}
.discoverapps #discover-main .host-selection-type {
  margin: 0;
}
.discoverapps .intro {
  display: flex;
  font-size: 14px;
  margin: 15px 0 5px 0;
}
.discoverapps .intro .apptype-radio, .discoverapps .intro .discover-app-radio {
  padding-top: 5px;
  vertical-align: top;
}
.discoverapps .intro .apptype-radio input[type=radio], .discoverapps .intro .discover-app-radio input[type=radio] {
  vertical-align: top;
  margin: 2px 5px 0 0;
}
.discoverapps label, .discoverapps label span {
  text-transform: none;
}
.discoverapps #hosts-existing table {
  width: 90%;
  line-height: 100%;
}
.discoverapps #hosts-existing table th {
  background-color: #4F4D4D;
  color: #fff;
}
.discoverapps #hosts-existing table td,
.discoverapps #hosts-existing table th {
  text-align: left;
}
.discoverapps #hosts-existing table .input-box {
  width: 20px;
  padding-right: 20px;
}
.discoverapps .discover-apps-button {
  color: white;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 15px;
  letter-spacing: 1px;
  margin: 10px 0 10px 3px;
  border-width: 0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.discoverapps .discover-apps-button:disabled {
  background-color: #D1D1D1;
}
.discoverapps .discover-apps-button {
  float: right;
}
.discoverapps .discover-apps-button:disabled {
  background-color: #D1D1D1;
}
.discoverapps input[type=search] {
  -webkit-appearance: searchfield;
}
.discoverapps .label-avl-host {
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 10px;
}
.discoverapps .discover-app-filter {
  display: inline-block;
  background-color: #ccc;
  padding: 4px;
}
.discoverapps .discover-app-filter input,
.discoverapps .discover-app-filter select {
  width: 125px;
  margin: 0;
}
.discoverapps .optional-button {
  display: table-cell;
  padding: 0;
  float: right;
}
.discoverapps .optional-button input[type=submit] {
  margin: 0;
}
.discoverapps .optional-button input[type=submit]:disabled {
  background-color: #D1D1D1;
}
.discoverapps .data-view-sidebar {
  display: block;
  float: none;
  height: 80px;
  width: 100%;
}
.discoverapps .data-view-sidebar .recline-filter-editor.xwell {
  width: auto;
}
.discoverapps .data-view-sidebar .input-text, .discoverapps .data-view-sidebar .top-bar-input-text {
  display: inline-block;
  margin: 0;
  border-radius: 0;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 0 0 #ddd;
  -moz-box-shadow: inset 0 0 0 0 #ddd;
  box-shadow: inset 0 0 0 0 #ddd;
}
.discoverapps .data-view-sidebar .search-field-type {
  height: 36px;
  margin: 0;
  padding: 0;
}
.discoverapps .data-view-sidebar .clear-filters {
  width: 100px;
}
.discoverapps .data-view-sidebar .group-fields {
  background-color: #eaeaea;
  padding: 1.6em 0.5em 1em 0.5em;
  margin-right: 2em;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
.discoverapps .data-view-sidebar .cluster-select {
  margin: 0;
  height: 34px;
}
.discoverapps #discover-options .ip-options {
  width: fit-content;
}
.discoverapps #discover-options .ip-options .data-view-container .form-row {
  padding: 0.5em;
}
.discoverapps #discover-options .ip-options .data-view-container .form-section {
  width: 35%;
}
.discoverapps #discover-options .ip-options .data-view-container .form-section input {
  width: 198px;
}
.discoverapps #discover-options .ip-options .data-view-container .form-actions * {
  float: right;
}
.discoverapps #discover-options .ip-options .data-view-container .form-actions a {
  margin-top: 20px;
}
.discoverapps #cancel_btn {
  text-transform: capitalize;
}

.slick-viewport {
  height: 450px;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  outline: 0;
  position: relative;
}

.expandable.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.expandable .expandable-heading .expandable-heading-expand-button {
  color: #2A3036;
  margin-left: 0px;
  margin-right: 5px;
  font-size: 10px;
  vertical-align: middle;
  cursor: pointer;
}
.expandable .expandable-content {
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  -ms-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
  transition: max-height 0.3s;
  overflow: hidden;
}
.expandable .expandable-content .expandable-content {
  margin-top: 10px;
}

.disabledopt {
  color: #ccc !important;
  opacity: 0.4;
  cursor: not-allowed;
}

#rollforward {
  width: 100%;
  padding-right: 15px;
}
#rollforward .rollforward_container #log-precheck {
  overflow: auto;
}
#rollforward .rollforward_container #log-precheck-validation {
  float: right;
  margin-right: 24px;
}
#rollforward .rollforward_container #rollforward_label,
#rollforward .rollforward_container #rollforward_timetype_container,
#rollforward .rollforward_container #rollforward_date_container,
#rollforward .rollforward_container #rollforward_time_container,
#rollforward .rollforward_container label,
#rollforward .rollforward_container input,
#rollforward .rollforward_container img {
  vertical-align: top;
  display: inline-block;
  line-height: 30px;
}
#rollforward .rollforward_container #rollforward_label label,
#rollforward .rollforward_container #rollforward_label input,
#rollforward .rollforward_container #rollforward_label img,
#rollforward .rollforward_container #rollforward_timetype_container label,
#rollforward .rollforward_container #rollforward_timetype_container input,
#rollforward .rollforward_container #rollforward_timetype_container img,
#rollforward .rollforward_container #rollforward_date_container label,
#rollforward .rollforward_container #rollforward_date_container input,
#rollforward .rollforward_container #rollforward_date_container img,
#rollforward .rollforward_container #rollforward_time_container label,
#rollforward .rollforward_container #rollforward_time_container input,
#rollforward .rollforward_container #rollforward_time_container img,
#rollforward .rollforward_container label label,
#rollforward .rollforward_container label input,
#rollforward .rollforward_container label img,
#rollforward .rollforward_container input label,
#rollforward .rollforward_container input input,
#rollforward .rollforward_container input img,
#rollforward .rollforward_container img label,
#rollforward .rollforward_container img input,
#rollforward .rollforward_container img img {
  vertical-align: middle;
}
#rollforward .rollforward_container #rollforward_date_icon,
#rollforward .rollforward_container #rollforward_time_icon {
  color: #8c8c86;
  margin-left: 10px;
  margin-bottom: 5px;
  font-size: 14px;
}
#rollforward .rollforward_container #rollforward_date_display, #rollforward .rollforward_container #rollforward_time_display {
  font-size: 1.2em;
  padding-right: 15px;
  background-color: #ffffff;
  border: 1px solid #aaaaaa;
  border-radius: 14px;
  margin: 0px 5px;
  padding: 5px 10px;
  line-height: initial;
  display: inline-block;
  width: 75px;
}
#rollforward .rollforward_container #rollforward_time_display {
  width: 60px;
  text-align: center;
}
#rollforward .rollforward_container #rollforward_timetype_container {
  width: auto;
  margin-left: 15px;
}
#rollforward .rollforward_container #rollforward_slider_control {
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  border-radius: 14px;
  border: 1px solid #8c8c86;
  padding: 20px 20px;
  background-color: #ffffff;
  position: absolute;
  width: 740px;
  z-index: 4;
}
#rollforward .rollforward_container #rollforward_slider_control:before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  right: 315px;
  width: 0;
  border-style: solid;
  border-color: #8c8c86 transparent;
  border-width: 0px 15px 15px;
}
#rollforward .rollforward_container #rollforward_slider_control:after {
  content: "";
  display: block;
  position: absolute;
  top: -14px;
  right: 315px;
  width: 0;
  border-style: solid;
  border-color: #ffffff transparent;
  border-width: 0px 15px 15px;
}

.advanced-options-error {
  color: #D93025;
}

.traditional-sap-label {
  color: #eee;
}

.restore-option {
  text-align: left;
}
.restore-option .form-row {
  display: inline-table;
}
.restore-option .form-row.existing-host {
  min-width: 27%;
  max-width: 49%;
}
.restore-option .form-row > .existing-host {
  min-width: 27%;
  max-width: 49%;
}
.restore-option .form-row > .existing-host .select-container {
  transform: translate(0px, 5px);
}
.restore-option .form-row h3 {
  font-size: 18px;
  color: #2A3036;
  padding: 10px 0px 0px 0px;
}
.restore-option .form-row #rollforward_label {
  width: 265px;
}
.restore-option .form-row .app-aware-create-container h3 {
  display: inline-block;
}
.restore-option .form-row .app-aware-create-container div {
  display: inline-block;
  vertical-align: middle;
}
.restore-option .form-row .appaware-existing-host .select-container {
  height: 30px;
  vertical-align: middle;
  display: table-cell;
  padding-right: 20px;
}
.restore-option .form-row .onevolume {
  border-radius: 7px;
  background-color: #ffffff;
  padding: 20px;
  font-size: 1.5em;
  line-height: 1.5;
  color: #8c8c86;
}
.restore-option .form-row .form-row-container {
  border-radius: 7px;
  background-color: #ffffff;
  padding: 20px;
  white-space: nowrap;
}
.restore-option .form-row .form-row-container h4 {
  color: #8c8c86;
}
.restore-option .form-row .form-row-container .expandable-heading-expand-button {
  color: inherit;
}
.restore-option .form-row .form-row-container .appaware-orgs-section {
  border: 1px solid #d9d9d0;
  border-radius: 7px;
  padding: 10px;
  margin: 10px 0px 20px 0px;
  width: 400px;
}
.restore-option .form-row .form-row-container .appaware-setting {
  line-height: 24px;
  margin-bottom: 10px;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-protect-warning p {
  color: red;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-label {
  display: inline-block;
  padding-right: 20px;
  width: 310px;
  vertical-align: middle;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-label label {
  vertical-align: middle;
  white-space: inherit;
  margin: 0;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-setting-volumes .appaware-label .appaware-volume-name {
  display: inline-block;
  min-width: 135px;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-setting-volumes .appaware-label .appaware-volume-capacity {
  display: inline-block;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-input {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-input .mount-mode-radio {
  border: 1px solid blue;
  width: auto;
  display: inline-block !important;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-input label {
  vertical-align: middle;
  margin: 0px;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-input input {
  width: 100%;
  margin: 0px;
  vertical-align: middle;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-input .sqlinstance-item {
  display: list-item;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-input .sqlinstance-item-select {
  width: 202px;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-input .sybaseinstance-item {
  display: list-item;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-input .sybaseinstance-item-select {
  width: 202px;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-input .db2instance-item {
  display: list-item;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-input .db2instance-item-select {
  width: 202px;
}
.restore-option .form-row .form-row-container .appaware-setting .appaware-input-control {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  width: 40%;
}
.restore-option .form-row .appaware-protect .node-label {
  font-size: 0.6em;
  fill: white;
  stroke: none;
  letter-spacing: 0.1em;
  font-weight: 400;
}
.restore-option .form-row .appaware-protect .appaware-setting .appaware-input {
  width: 250px;
}
.restore-option .form-row .appaware-protect .form-row-container {
  padding-left: 0px;
  padding-right: 0px;
  vertical-align: top;
  display: inline-block;
}
.restore-option .form-row .appaware-protect .appaware-protection-diagram {
  display: inline-block;
  position: relative;
  top: -10px;
}
.restore-option .form-row .force-unmount-label {
  display: inline-block;
  margin-left: 5px;
  width: 700px;
  text-transform: none;
}
.restore-option .form-row.force-text {
  margin-left: 20px;
  margin-top: -10px;
  font-size: 12px;
  width: 600px;
}
.restore-option .form-row .fileUploader {
  display: inline-block;
  position: relative;
  cursor: pointer;
  text-align: center;
  padding: 9px 5px;
  border-radius: 8px;
  color: white;
  font-size: 1.5em;
  font-weight: 400;
  width: 100%;
  cursor: pointer;
}
.restore-option .form-row .fileUploader .fileUploader--btn {
  background: white;
  float: left;
}
.restore-option .form-row .fileUploader .fileUploader--lbl {
  font-size: 10px;
  margin: 5px;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.restore-option .form-row .fileUploader input#fileupload {
  opacity: 0;
  display: inline-block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  height: 100%;
}
.restore-option #bad-policy-errors {
  display: block;
}
.restore-option #bad-policy-errors #bad_policy_container #bad_policy_header {
  font-size: 16px;
  line-height: 18px;
}
.restore-option #bad-policy-errors #bad_policy_container #bad_policy_header img {
  height: 18px;
  width: 18px;
}
.restore-option #bad-policy-errors #bad_policy_container #bad_policy_footer {
  font-size: 14px;
  line-height: 16px;
}
.restore-option #bad-policy-errors #bad_policy_container #bad_policy_footer img {
  vertical-align: text-top;
}
.restore-option #bad-policy-errors #bad_policy_container #bad_policy_error_container {
  margin: 5px 0;
}
.restore-option #bad-policy-errors #bad_policy_container #bad_policy_error_container .error_item {
  font-size: 12px;
  line-height: 16px;
}
.restore-option.restore {
  /* width is also set in restoremount.js for certain templates */
  width: 870px;
}
.restore-option.restore .radio-toggle label {
  vertical-align: middle;
  font-size: 18px;
}
.restore-option.restore .asm-only {
  display: none;
}
.restore-option.restore.asm .asm-only {
  display: block;
}
.restore-option.restore.asm .rman-only {
  display: none;
}
.restore-option.restore .credentials {
  margin-bottom: 10px;
}
.restore-option.restore .pane-column {
  box-sizing: border-box;
  width: 35%;
  margin: 0;
  padding-right: 40px;
}
.restore-option.restore .pane-column.rebal-pwr-fac-field {
  width: 30%;
  padding-right: 0;
}
.restore-option.restore .pane-column.rebal-pwr-fac-field input {
  width: 30%;
  margin-right: 10px;
}
.restore-option.restore .pane-column.rebal-pwr-fac-field input + span {
  color: #8c8c86;
  font-size: 12px;
}
.restore-option.restore .pane-column label {
  display: block;
}
.restore-option.restore .pane-column input {
  box-sizing: border-box;
  height: auto;
  line-height: normal;
  width: 100%;
  margin: 0;
}
.restore-option.restore .recovery-toggle {
  margin: 20px 0;
}
.restore-option.restore .recovery-toggle label {
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.restore-option.restore .form-actions {
  margin: 0 0 20px;
  padding: 0;
}

optgroup[label] {
  color: #ccccc0;
}

.diskpool-select {
  width: 100%;
}

.top-border {
  width: 100%;
  border-top: 1px solid rgb(218, 218, 205);
  margin-right: 25px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.volumes-container {
  font-size: 1.2em;
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-top: 1em;
  padding-right: 15px;
  width: 100%;
}
.volumes-container .border-div {
  width: 100%;
  border-top: 1px solid rgb(218, 218, 205);
}

.vmname-error {
  color: red;
}

.volume-section {
  background: rgb(217, 217, 209);
  padding: 2em 0;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.volume-section .details-container {
  margin-bottom: 1em;
}
.volume-section .form-row {
  padding: 0.5em 1em;
}
.volume-section #mount-volumes .detail-label {
  width: 15%;
  margin-bottom: 5px;
}

.main-pane {
  height: inherit;
  min-height: 600px;
  min-width: 1024px;
  /*overflow: scroll;*/
  width: inherit;
}

.appedit-content {
  height: inherit;
  /*min-height: 650px;*/
  position: relative;
  width: 100%;
}
.appedit-content .template-top-bar-form, .appedit-content .profile-top-bar-form {
  max-width: 1160px;
  min-width: 1024px;
}
.appedit-content .template-top-bar-form .flex-row, .appedit-content .profile-top-bar-form .flex-row {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.appedit-content .template-top-bar-form .protection-form-section, .appedit-content .profile-top-bar-form .protection-form-section {
  width: 80%;
  margin-right: 10px;
}
.appedit-content .template-top-bar-form .protection-form-section label, .appedit-content .profile-top-bar-form .protection-form-section label {
  color: #333333;
  vertical-align: baseline;
}
.appedit-content .template-editor-bottom {
  max-width: 1240px;
}

.pool-info {
  color: rgb(140, 140, 134);
  font-size: 11px;
  line-height: 13px;
}

.toggleswitch {
  display: none !important;
}

.toggleswitch, .toggleswitch:after, .toggleswitch:before, .toggleswitch *, .toggleswitch *:after, .toggleswitch *:before, .toggleswitch + .toggleswitch-btn {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.toggleswitch::-moz-selection, .toggleswitch:after::-moz-selection, .toggleswitch:before::-moz-selection, .toggleswitch *::-moz-selection, .toggleswitch *:after::-moz-selection, .toggleswitch *:before::-moz-selection, .toggleswitch + .toggleswitch-btn::-moz-selection {
  background: none;
}

.toggleswitch::selection, .toggleswitch:after::selection, .toggleswitch:before::selection, .toggleswitch *::selection, .toggleswitch *:after::selection, .toggleswitch *:before::selection, .toggleswitch + .toggleswitch-btn::selection {
  background: none;
}

.toggleswitch + .toggleswitch-btn {
  outline: 0;
  display: block;
  width: 50px;
  height: 22px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.toggleswitch + .toggleswitch-btn:after, .toggleswitch + .toggleswitch-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 18px;
  height: 18px;
}

.toggleswitch + .toggleswitch-btn:after {
  left: 0;
}

.toggleswitch + .toggleswitch-btn:before {
  display: none;
}

.toggleswitch:checked + .toggleswitch-btn:after {
  left: 28px;
}

.toggleswitch:checked:disabled + .toggleswitch-btn {
  opacity: 0.5;
}

.toggleswitch-ios + .toggleswitch-btn {
  background: #fbfbfb;
  border-radius: 20px;
  padding: 1px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid #cccccc;
}

.toggleswitch-ios + .toggleswitch-btn:after {
  border-radius: 19px;
  background: #fbfbfb;
  -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.08);
}

.toggleswitch-ios + .toggleswitch-btn:active {
  box-shadow: inset 0 0 0 2em #65ba15;
}

.toggleswitch-ios + .toggleswitch-btn:active:after {
  padding-right: 0.8em;
}

.toggleswitch-ios:checked + .toggleswitch-btn {
  background: #65ba15;
}

.toggleswitch-ios:checked + .toggleswitch-btn:active {
  box-shadow: none;
}

.toggleswitch-ios:checked + .toggleswitch-btn:active:after {
  margin-left: -0.8em;
}

.slt-warnings, .common-error {
  display: flex;
  background: rgb(240, 240, 235);
  border-radius: 7px;
  max-width: 1160px;
  flex-flow: column;
  margin: 2em;
  padding: 2em 2em 0.4em 2em;
  text-align: left;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  position: relative;
}
.slt-warnings .warning-header, .common-error .warning-header {
  display: inline;
}
.slt-warnings .warning-header .warning-icon, .common-error .warning-header .warning-icon {
  background-image: url(../images/icon-warning.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  display: inline-block;
  width: 28px;
  height: 26px;
  position: relative;
  top: 7px;
}
.slt-warnings .warning-header .warning-title, .common-error .warning-header .warning-title {
  display: inline;
  font-size: 1.7em;
  margin-left: 20px;
}
.slt-warnings .warning-message, .common-error .warning-message {
  display: table;
  position: relative;
  margin-left: 145px;
  top: -20px;
  font-size: 13px;
}

.common-error {
  box-sizing: border-box;
  background: rgb(217, 217, 209);
  border-radius: 7px;
  margin: 2em;
  padding: 2em 2em 0.4em 2em;
  text-align: left;
  position: relative;
}
.common-error *, .common-error *:before, .common-error *:after {
  box-sizing: border-box;
}
.common-error .error-header {
  border: 1px solid red;
  display: inline;
  box-sizing: border-box;
}
.common-error .error-header .error-icon {
  border: 1px solid green;
  background-image: url(../images/dialog_error.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  display: inline-block;
  width: 38px;
  height: 38px;
  position: relative;
  top: 7px;
}
.common-error .error-header .error-title {
  border: 1px solid yellow;
  display: inline;
  font-size: 1.7em;
  margin-left: 20px;
}
.common-error .error-message {
  border: 1px solid black;
  display: table;
  position: relative;
  margin-left: 145px;
  top: -20px;
  font-size: 13px;
}

h2.normal-text {
  text-transform: none;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.show-group {
  background-color: #f6f6f6;
  border-radius: 0px 6px 6px 6px;
  padding: 10px;
  margin-top: -2px;
}

/* hide/show mapping options based on target host type */
.mapping-options-container.init .map-to-esx-hosts, .mapping-options-container.init .map-to-cluster-nodes, .mapping-options-container.init .mount-mode, .mapping-options-container.init .mark-dependent-vrdm, .mapping-otherapps-container.init .map-to-esx-hosts, .mapping-otherapps-container.init .map-to-cluster-nodes, .mapping-otherapps-container.init .mount-mode, .mapping-otherapps-container.init .mark-dependent-vrdm {
  display: none;
}
.mapping-options-container.vmware .map-to-esx-hosts, .mapping-options-container.vmware .mount-mode, .mapping-otherapps-container.vmware .map-to-esx-hosts, .mapping-otherapps-container.vmware .mount-mode {
  display: block;
}
.mapping-options-container.other-app.cluster .map-to-cluster-nodes, .mapping-otherapps-container.other-app.cluster .map-to-cluster-nodes {
  display: block;
}
.mapping-options-container.showMarkDependent .mark-dependent-vrdm, .mapping-otherapps-container.showMarkDependent .mark-dependent-vrdm {
  display: block;
}

.mapping-otherapps-container.vmware .mount-mode {
  display: inline-block;
}
.mapping-otherapps-container.showMarkDependent .mark-dependent-vrdm {
  display: inline-block;
}

.showHideMarkDependent {
  visibility: hidden !important;
  opacity: 0;
}

.fa-exclamation-triangle {
  color: orange;
}

.warningFirstColumn {
  width: 3%;
  float: left;
}

.warningSecondColumn {
  width: 97%;
  float: right;
}

.firefoxWhiteSpaceDropDown {
  white-space: normal;
  width: 230px !important;
}

.pane.restore-option h3 {
  text-transform: inherit;
}

.lvm-script-mount-mode-options .form-section {
  width: 48%;
}

#replacesource {
  width: auto;
}
#replacesource .hana-restoring-diabled {
  color: #808080;
  background-color: #eeeeee;
}

.restore-database-label {
  font-family: "Roboto", "Helvetica", "Arial", "san serif";
  font-weight: 400;
  font-size: 13px;
  color: #000;
}

#sap-any-target-restore {
  margin-left: 15px;
}

.select-destination div, .consumption-options div {
  padding: 5px 0 2px;
}
.select-destination label, .consumption-options label {
  text-transform: initial;
  font-weight: 400;
  padding-left: 5px;
}

.restore-job-clone .appaware-protect {
  display: none;
}

.has-ellipsis-title {
  text-overflow: ellipsis;
}

.mm-restore-desc {
  color: #000;
  font-size: 12px;
  font-weight: 400;
}

.mount-migrate .asm-pre-flight {
  width: auto;
}

.mm-volumes-grid .actifio-grid {
  position: relative;
  min-height: 200px;
  border: 1px solid lightgray;
  overflow: visible;
}

.hide-non-linux-host option:not([data-ostype-special=LINUX]) {
  display: none;
}

.mnt-path-msg {
  font-size: 10px;
  padding: 3px;
  color: red;
  display: block;
  background: #fff;
  margin: -4px 0 2px 0;
  border-radius: 3px;
  position: relative;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #ccc;
}

.appaware-protect-option-container #vault-validation-messages-container #vault-validation-messages {
  margin-left: 0px;
  margin-bottom: 20px;
}
.appaware-protect-option-container #vault-validation-messages-container #vault-validation-messages .vault-sla-message-container {
  min-width: auto;
}

.subnav.xdomain-manager > div,
.xsystem-monitor > div {
  margin-top: 4px;
}

@-moz-keyframes spinIt {
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spinIt {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-o-keyframes spinIt {
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes spinIt {
  to {
    transform: rotate(360deg);
  }
}
.progress-blocker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.25);
}
.progress-blocker .progress-window {
  position: relative;
  border-radius: 7px;
  background-color: rgb(255, 255, 255);
  color: rgb(34, 34, 34);
  width: 150px;
  height: 150px;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  margin-top: -75px;
}
.progress-blocker .progress-window .progress-text {
  position: absolute;
  font-family: inherit;
  font-size: 13px;
  display: inline-block;
  text-align: center;
  width: 100%;
  top: 120%;
}
.progress-blocker .progress-window .progress-icon {
  position: relative;
  width: 75px;
  height: 75px;
  border: 2px solid rgb(153, 192, 65);
  border-radius: 100%;
  top: 20px;
  left: 37.5px;
}
.progress-blocker .progress-window .progress-icon:before {
  display: block;
  position: absolute;
  width: 2px;
  top: 2px;
  background-color: rgb(153, 192, 65);
  left: 37.5px;
  height: 35.5px;
  -moz-animation: spinIt 3s linear infinite;
  -webkit-animation: spinIt 3s linear infinite;
  -o-animation: spinIt 3s linear infinite;
  animation: spinIt 3s linear infinite;
  content: "";
  transform-origin: 1px 35.5px;
}
.progress-blocker .progress-window .progress-icon:after {
  position: absolute;
  width: 2px;
  top: 3px;
  display: block;
  background-color: rgb(153, 192, 65);
  left: 37.5px;
  height: 35.5px;
  -moz-animation: spinIt 18s linear infinite;
  -webkit-animation: spinIt 18s linear infinite;
  -o-animation: spinIt 18s linear infinite;
  animation: spinIt 18s linear infinite;
  content: "";
  transform-origin: 1px 35.5px;
}

.warning-web-ert-refresh {
  color: red;
}

.wer-cert-loc {
  padding-left: 30px;
  padding-top: 30px;
}
.wer-cert-loc .header-cancel {
  display: contents;
  cursor: pointer;
}
.wer-cert-loc #filename {
  display: contents;
}
.wer-cert-loc .template-top-bar-form, .wer-cert-loc .profile-top-bar-form {
  max-width: 370px;
  min-width: 370px;
  margin-top: 5px;
  padding-bottom: 20px;
  margin-bottom: 0px;
}
.wer-cert-loc .template-top-bar-form h3, .wer-cert-loc .profile-top-bar-form h3 {
  color: rgb(42, 48, 54);
  font-weight: 400;
  text-align: left;
  text-transform: none;
  margin: 0px;
  padding: 0px;
  white-space: normal;
}
.wer-cert-loc .template-top-bar-form .section-def, .wer-cert-loc .profile-top-bar-form .section-def {
  color: #8c8c86;
  white-space: normal;
  width: 360px;
  text-align: left;
  font-size: 1.3em;
  padding-bottom: 20px;
}
.wer-cert-loc .template-top-bar-form .section-def.def-redo, .wer-cert-loc .profile-top-bar-form .section-def.def-redo {
  padding-top: 10px;
}
.wer-cert-loc .template-top-bar-form .cert-row, .wer-cert-loc .profile-top-bar-form .cert-row {
  text-align: left;
  padding-bottom: 10px;
}
.wer-cert-loc .template-top-bar-form .cert-row #files, .wer-cert-loc .profile-top-bar-form .cert-row #files {
  display: none;
}
.wer-cert-loc .template-top-bar-form .cert-row .passphrase-box, .wer-cert-loc .profile-top-bar-form .cert-row .passphrase-box {
  margin-left: 10px;
  max-width: 158px;
}
.wer-cert-loc .template-top-bar-form .cert-row .filename-input, .wer-cert-loc .profile-top-bar-form .cert-row .filename-input {
  max-width: 158px;
  margin-left: 15px;
}
.wer-cert-loc .template-top-bar-form .cert-row .auto-replace, .wer-cert-loc .profile-top-bar-form .cert-row .auto-replace {
  min-width: 80px;
  margin-left: 10px;
  background-color: rgb(105, 105, 105);
  margin-bottom: 10px;
}
.wer-cert-loc .template-top-bar-form .replace-cert, .wer-cert-loc .profile-top-bar-form .replace-cert {
  max-width: 190px;
  align-self: flex-end;
}
.wer-cert-loc .template-top-bar-form .reset-cert, .wer-cert-loc .profile-top-bar-form .reset-cert {
  max-width: 190px;
  align-self: flex-end;
}
.wer-cert-loc .template-top-bar-form .revert-cert, .wer-cert-loc .profile-top-bar-form .revert-cert {
  max-width: 190px;
  align-self: flex-end;
  margin-top: 123px;
}

.add-cluster-container {
  margin: 20px;
}
.add-cluster-container h2 {
  margin-bottom: 20px;
}
.add-cluster-container .cluster-btn-disabled {
  background-color: rgba(78, 133, 224, 0.5) !important;
}
.add-cluster-container div.summary {
  border-radius: 7px;
}
.add-cluster-container .log-container {
  padding: 1em;
  width: 100%;
}
.add-cluster-container .log-container .form-row {
  font-size: 24px;
  font-weight: 300;
  text-transform: none;
  color: rgb(42, 48, 54);
  padding: 0 0 5px 0;
}
.add-cluster-container .log-form {
  margin-top: 20px;
  padding: 0 30px 10px 10px;
}
.add-cluster-container .log {
  font-family: inherit;
  background-color: rgb(255, 255, 255);
  height: 300px;
  word-break: normal;
  white-space: pre;
  overflow: auto;
  width: 90%;
  padding: 8px 10px;
  display: block;
}
.add-cluster-container div.status-container {
  font-family: inherit;
  font-size: 13px;
  display: inline-block;
  line-height: 30px;
  width: 60%;
  white-space: nowrap;
}
.add-cluster-container div.status-container div {
  display: inline-block;
  vertical-align: top;
}
.add-cluster-container div.status-container pre {
  white-space: pre-wrap;
  word-break: keep-all;
  border-style: none;
  margin: 0;
  padding: 0;
  color: inherit;
  background: inherit;
}
.add-cluster-container div.status-container .status-label {
  text-transform: uppercase;
}
.add-cluster-container div.status-container .status-message {
  font-weight: 500;
  padding-left: 30px;
  margin-left: 15px;
}
.add-cluster-container div.status-container .status-message-error {
  background: url(/src/assets/images/icon_failed.png?agm-ver=undefined.undefined) no-repeat left;
}
.add-cluster-container div.status-container .status-message-success {
  background: url(/src/assets/images/icon_completed.png?agm-ver=undefined.undefined) no-repeat left;
}
.add-cluster-container div.status-container .status-column {
  margin-left: 15px;
  width: 70%;
}
.add-cluster-container div.status-container .status-column .status-error {
  padding: 5px 15px;
  border: 1px solid rgb(203, 102, 103);
  border-radius: 7px;
  background-color: rgb(235, 208, 208);
  color: rgb(203, 102, 103);
  line-height: 18px;
  white-space: normal;
}
.add-cluster-container div.status-container .status-column p {
  margin-top: 10px;
}
.add-cluster-container div.status-container .status-column a {
  color: #3367D6;
  line-height: 18px;
}
.add-cluster-container div.status-container .status-error:first-letter {
  text-transform: uppercase;
}
.add-cluster-container .status .sysError {
  text-align: left;
  color: red;
  width: 90%;
}
.add-cluster-container div.finalsummary {
  font-family: inherit;
  font-size: 11px;
  line-height: 16px;
  border-radius: 7px;
  color: rgb(113, 117, 116);
  background-color: rgb(255, 255, 255);
  width: 100%;
  padding-bottom: 15px;
}
.add-cluster-container div.finalsummary table.summary {
  width: 100%;
}
.add-cluster-container div.finalsummary table.summary th,
.add-cluster-container div.finalsummary table.summary td {
  padding-left: 10px;
}
.add-cluster-container div.finalsummary table.summary tr {
  height: 45px;
  line-height: 20px;
  color: rgb(34, 34, 34);
}
.add-cluster-container div.finalsummary table.summary .even {
  background-color: rgb(246, 246, 243);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(243, 243, 241);
}
.add-cluster-container div.finalsummary table.summary .odd {
  background-color: rgb(255, 255, 255);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(243, 243, 241);
}

#autoupdate {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}
#autoupdate a {
  color: #679dd2;
  cursor: pointer;
}
#autoupdate .autoupdate-icon {
  margin-top: 80px;
  margin-bottom: 20px;
  height: 256px;
  width: 256px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(../images/icon_upgrade_large_360.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
}
#autoupdate .autoupdate-version {
  margin-top: 60px;
  font-size: 18px;
  line-height: 24px;
}
#autoupdate .autoupdate-uploadpanel {
  font-size: 30px;
  line-height: 40px;
}
#autoupdate .autoupdate-uploadpanel .autoupdate-drag {
  font-weight: 600;
}
#autoupdate .autoupdate-uploadpanel .autoupdate-file {
  display: none;
}
#autoupdate .autoupdate-uploadpanel .autoupdate-cancel {
  margin-top: 10px;
  display: none;
}
#autoupdate .autoupdate-progress .autoupdate-progressbar {
  border-radius: 7px;
  background-color: #748185;
  width: 50%;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
}
#autoupdate .autoupdate-progress .autoupdate-progressbar .autoupdate-progressbartext {
  width: 100%;
  height: 100%;
  text-align: center;
  float: left;
  padding-top: 10px;
  color: #ffffff;
  font-size: 11pt;
  line-height: 16px;
}
#autoupdate .autoupdate-progress .autoupdate-progressbar .autoupdate-progressbartext .topline {
  font-weight: 100;
}
#autoupdate .autoupdate-progress .autoupdate-progressbar .autoupdate-innerbar {
  border-radius: 7px;
  background-color: #8dc63f;
  width: 0%;
  height: 100%;
}
#autoupdate .autoupdate-progress .autoupdate-progress-filename {
  margin-top: 20px;
  font-size: 14pt;
  line-height: 16pt;
}
#autoupdate .autoupdate-applyupdate {
  height: 100%;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
#autoupdate .autoupdate-applyupdate .autoupdate-uploadnew {
  font-size: 16px;
  line-height: 22px;
}
#autoupdate .autoupdate-applyupdate .autoupdate-updatebutton {
  margin-top: 50px;
}
#autoupdate .autoupdate-applyupdate .autoupdate-updateinfo-container {
  background-color: #f0efea;
  border-radius: 7px;
  padding: 20px;
  margin: 20px;
  min-width: 750px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#autoupdate .autoupdate-applyupdate .autoupdate-updateinfo-container .autoupdate-list-container .item-control-container {
  height: 300px;
  margin-right: 20px;
  margin-left: 0px;
}
#autoupdate .autoupdate-applyupdate .autoupdate-updateinfo-container .autoupdate-list-container .item-control-container .item-control-list-container {
  border-style: none;
}
#autoupdate .autoupdate-applyupdate .autoupdate-updateinfo-container .autoupdate-list-container .item-control-container .item-control-list-container .ui-state-default {
  border-right-style: none;
}
#autoupdate .autoupdate-applyupdate .autoupdate-updateinfo-container .autoupdate-releasenote-container {
  margin-top: 10px;
  color: #515554;
  text-align: left;
}
#autoupdate .autoupdate-applyupdate .autoupdate-updateinfo-container .autoupdate-releasenote-container ::-webkit-scrollbar {
  width: 12px;
}
#autoupdate .autoupdate-applyupdate .autoupdate-updateinfo-container .autoupdate-releasenote-container .autoupdate-releasenote-title {
  font-size: 30px;
  margin-bottom: 20px;
}
#autoupdate .autoupdate-applyupdate .autoupdate-updateinfo-container .autoupdate-releasenote-container .autoupdate-releasenote-text-container .autoupdate-releasenote-text {
  -webkit-user-select: text;
  font-size: 14px;
  white-space: pre-line;
  word-break: break-word;
  background: inherit;
  border: inherit;
}
#autoupdate .autoupdate-applyupdate .item-control-container {
  background: #ffffff;
  width: 300px;
  height: 300px;
  margin-right: auto;
  margin-left: auto;
}
#autoupdate .autoupdate-applyupdate .item-control-container .item-control-list-container {
  border-top: #d9d9d1 1px solid;
}
#autoupdate .autoupdate-server-status {
  font-size: 30px;
  line-height: 40px;
  color: #515554;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 468px;
}
#autoupdate .autoupdate-server-status .autoupdate-status-applying, #autoupdate .autoupdate-server-status .autoupdate-status-restarting, #autoupdate .autoupdate-server-status .autoupdate-status-restarted {
  opacity: 0.2;
  margin-left: 20px;
  margin-right: auto;
  margin-bottom: 30px;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#autoupdate .autoupdate-server-status .autoupdate-status-applying .left-side, #autoupdate .autoupdate-server-status .autoupdate-status-restarting .left-side, #autoupdate .autoupdate-server-status .autoupdate-status-restarted .left-side {
  margin-right: 20px;
}
#autoupdate .autoupdate-server-status .autoupdate-status-applying .left-side .step-number, #autoupdate .autoupdate-server-status .autoupdate-status-restarting .left-side .step-number, #autoupdate .autoupdate-server-status .autoupdate-status-restarted .left-side .step-number {
  color: #ffffff;
  background-color: #515554;
  width: 40px;
  text-align: center;
  border-radius: 50%;
}
#autoupdate .autoupdate-server-status .autoupdate-status-applying .right-side .info-message, #autoupdate .autoupdate-server-status .autoupdate-status-restarting .right-side .info-message, #autoupdate .autoupdate-server-status .autoupdate-status-restarted .right-side .info-message {
  font-size: 17px;
  line-height: 28px;
}
#autoupdate .autoupdate-server-status .highlighted {
  opacity: 1;
}

.disableLink {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

#configuration .header .links {
  float: right;
}
#configuration .header .links a {
  display: inline-block;
  background: #797975;
  color: #fff;
  border: none;
  text-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  font-size: 14px;
  line-height: 30px;
  min-width: auto;
  padding: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 10px;
}

#configuration .template-top-bar-form, #configuration .profile-top-bar-form {
  border-radius: 0px;
}

.serviceChild {
  padding: 0;
  margin: 0 0 0 25px;
}

.autoupdate-list-container .slick-viewport.vscrollcontainer {
  overflow-y: auto !important;
}

.icon-status-pending {
  margin-right: 10px;
}
.icon-status-pending::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f071';
  display: inline-block;
  vertical-align: middle;
  transform: rotateZ(0deg);
  color: orange;
}

.icon-status-scheduled {
  margin-right: 10px;
}
.icon-status-scheduled::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f017';
  display: inline-block;
  vertical-align: middle;
  transform: rotateZ(0deg);
  color: #1A73E8;
}

.icon-status-overdue {
  margin-right: 10px;
}
.icon-status-overdue::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f06a';
  display: inline-block;
  vertical-align: middle;
  transform: rotateZ(0deg);
  color: red;
}

.icon-status-installing {
  margin-right: 10px;
}
.icon-status-installing::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f110';
  display: inline-block;
  vertical-align: middle;
  transform: rotateZ(0deg);
  color: #1A73E8;
}

.icon-status-failed {
  margin-right: 10px;
}
.icon-status-failed::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f06a';
  display: inline-block;
  vertical-align: middle;
  transform: rotateZ(0deg);
  color: red;
}

.icon-status-success {
  margin-right: 10px;
}
.icon-status-success::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  display: inline-block;
  vertical-align: middle;
  transform: rotateZ(0deg);
  color: LimeGreen;
}

.icon-status-rollback_available {
  margin-right: 10px;
}
.icon-status-rollback_available::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f1da';
  display: inline-block;
  vertical-align: middle;
  transform: rotateZ(0deg);
  color: orange;
}

.top .note a, .agm-appliance-grid .navigate-to-updates {
  color: #3367D6;
  text-decoration: underline;
}

.jobs-container {
  float: left;
  width: 100%;
}
.jobs-container h3 {
  padding: 5px 10px;
  margin: 0;
}

.performance-consumption-warning {
  color: red;
  font-size: 13px;
  white-space: initial;
}

.jobs-context-select {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}

.event-details-container {
  padding: 0 0 0 50px;
}
.event-details-container .header-content {
  background-color: #94948d;
  border-radius: 7px 7px 0 0;
  color: #fff;
  font-size: 12px;
  height: 40px;
  padding: 5px;
  line-height: 40px;
  text-transform: uppercase;
}
.event-details-container .expandable-content {
  margin-top: 0px !important;
}
.event-details-container .expandable-content .name-value-wrapper {
  margin: 5px 5px;
}
.event-details-container .expandable-content .name-value-wrapper .name-value-cell {
  padding: 2px 6px;
}
.event-details-container .expandable-content .name-value-wrapper .name-value-cell:first-child {
  width: 145px;
}

.job-details-container,
.event-details-container {
  width: 750px;
}
.job-details-container a,
.event-details-container a {
  text-decoration: underline;
  font-weight: 400;
}
.job-details-container .tab,
.event-details-container .tab {
  padding: 0 5px;
}
.job-details-container label,
.event-details-container label {
  color: #fff;
  display: inline-block;
  margin-right: 1em;
  vertical-align: inherit;
}
.job-details-container .expandable-heading .expandable-heading-expand-button,
.event-details-container .expandable-heading .expandable-heading-expand-button {
  margin-left: 5px;
}
.job-details-container .generic-details,
.event-details-container .generic-details {
  border-radius: 0 0 7px 7px;
  margin-bottom: 30px;
  min-height: 300px;
  padding: 0 0 50px 0;
  width: 100%;
}
.job-details-container .generic-details .detail-label,
.event-details-container .generic-details .detail-label {
  width: 150px;
}
.job-details-container .generic-details .statsInfo,
.job-details-container .generic-details .retryInfo,
.job-details-container .generic-details .volumeInfo,
.event-details-container .generic-details .statsInfo,
.event-details-container .generic-details .retryInfo,
.event-details-container .generic-details .volumeInfo {
  display: none;
}
.job-details-container .file-recovery-details,
.event-details-container .file-recovery-details {
  display: block;
  width: auto;
  padding: 20px;
}
.job-details-container .file-recovery-details div,
.event-details-container .file-recovery-details div {
  display: block;
  width: auto;
}
.job-details-container .file-recovery-details .sect .heading,
.event-details-container .file-recovery-details .sect .heading {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.job-details-container .file-recovery-details table,
.event-details-container .file-recovery-details table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0.3em;
}
.job-details-container .file-recovery-details table td,
.event-details-container .file-recovery-details table td {
  padding: 5px;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
}
.job-details-container .file-recovery-details table td:first-child,
.event-details-container .file-recovery-details table td:first-child {
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  text-align: right;
  background-color: #ccccc0;
  border-radius: 0 8px 8px 0;
}
.job-details-container .file-recovery-details table td:nth-child(2),
.event-details-container .file-recovery-details table td:nth-child(2) {
  width: 100%;
}
.job-details-container .job-title,
.job-details-container .event-title,
.event-details-container .job-title,
.event-details-container .event-title {
  padding: 0 10px;
}
.job-details-container .job-status,
.event-details-container .job-status {
  border: 0;
  border-radius: 100%;
  display: inline-block;
  height: 10px;
  margin: 0 10px 0;
  padding: 0;
  width: 10px;
}
.job-details-container .status,
.event-details-container .status {
  background-color: yellowgreen;
  font-size: 30px;
}
.job-details-container .canceled,
.job-details-container .warning,
.event-details-container .canceled,
.event-details-container .warning {
  background-color: #aaaaaa;
}
.job-details-container .failed,
.job-details-container .error,
.event-details-container .failed,
.event-details-container .error {
  background-color: #df7753;
}
.job-details-container .retry,
.event-details-container .retry {
  background-color: #fbbfaa;
}
.job-details-container .running,
.job-details-container .info,
.event-details-container .running,
.event-details-container .info {
  background-color: #4e8fdf;
}
.job-details-container .succeeded,
.event-details-container .succeeded {
  background-color: #61c62a;
}
.job-details-container .initializing,
.event-details-container .initializing {
  background-color: yellowgreen;
}
.job-details-container .form-actions,
.event-details-container .form-actions {
  background-color: #fff;
  line-height: 40px;
  padding: 2em 0 0 0;
}
.job-details-container .return-btn,
.event-details-container .return-btn {
  cursor: pointer;
  padding-right: 30px;
}
.job-details-container .job-circle,
.event-details-container .job-circle {
  display: inline-block;
  margin-right: 3px;
}
.job-details-container .etcd-c,
.event-details-container .etcd-c {
  float: right;
}
.job-details-container .etcd-c .dropup,
.event-details-container .etcd-c .dropup {
  top: auto;
  bottom: 100%;
}
.job-details-container .job-info,
.event-details-container .job-info {
  background: #d9d9d1;
}
.job-details-container .yaml_container .header-content,
.event-details-container .yaml_container .header-content {
  font-size: 14px;
  margin-right: 0px;
  padding: 2px;
}
.job-details-container .yaml_container #yaml_title,
.event-details-container .yaml_container #yaml_title {
  padding-left: 10px;
}
.job-details-container .yaml_container #yaml_copy_button,
.event-details-container .yaml_container #yaml_copy_button {
  display: inline-block;
  float: right;
  padding-right: 10px;
}
.job-details-container .yaml_container #yaml_copy_input,
.event-details-container .yaml_container #yaml_copy_input {
  position: absolute;
  left: -12000px;
}
.job-details-container .yaml_container #yaml_code_container,
.event-details-container .yaml_container #yaml_code_container {
  background-color: rgb(217, 217, 209);
  padding: 20px 20px 20px 20px;
}
.job-details-container .yaml_container #yaml_code,
.event-details-container .yaml_container #yaml_code {
  padding: 0px;
  background-color: rgb(217, 217, 209);
  text-transform: none;
  white-space: pre;
  border: none;
  color: rgb(51, 51, 51);
}

.job-details-wrap {
  position: absolute;
  top: var(--app-body-top);
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #ffffff;
}
.job-details-wrap .job-details {
  margin-top: 16px;
  margin-left: 50px;
}
.job-details-wrap .job-details .clearfix-jobs {
  margin: 0;
  padding: 0;
}
.job-details-wrap .job-details h2 {
  font-size: 18px;
  line-height: 24px;
}
.job-details-wrap .job-details .job-details-container {
  margin-top: 36px;
}
.job-details-wrap .job-details .job-details-container .header-content {
  color: #000;
  font-size: 15px;
  height: 20px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 400;
}
.job-details-wrap .job-details .job-details-container .header-content .expandable-heading-expand-button {
  margin-right: 16px;
}
.job-details-wrap .job-details .job-details-container .additionalInfoNew {
  overflow-y: auto;
}
.job-details-wrap .job-details .job-details-container .expandable-content {
  margin-top: 12px;
}
.job-details-wrap .job-details .job-details-container .expandable-content .name-value-wrapper .name-value-row {
  display: block;
  border-top: 1px solid #D0D0D0;
  background-color: #ffffff;
}
.job-details-wrap .job-details .job-details-container .expandable-content .name-value-wrapper .name-value-row .name-value-cell {
  border-style: none;
  font-size: 13px;
  text-align: left;
  line-height: 20px;
  min-height: 28px;
  margin: 0;
  padding: 4px 0px;
}
.job-details-wrap .job-details .job-details-container .expandable-content .name-value-wrapper .name-value-row .name-value-cell:first-child {
  background-color: #ffffff;
  font-weight: 500;
  width: 344px;
  padding-left: 16px;
  border-radius: 0;
  text-transform: capitalize;
}
.job-details-wrap .job-details .job-details-container .expandable-content .name-value-wrapper .name-value-row:last-child {
  border-bottom: 1px solid #D0D0D0;
}
.job-details-wrap .job-details .job-details-container .otherInfoNew {
  margin-left: 22px;
}
.job-details-wrap .job-details .job-details-container .otherInfoNew .expandable-heading {
  margin-left: 16px;
  font-size: 15px;
}

/* Will likely get moved and consolidated with shared event grid styles for 8.1... */
.event-severity:before {
  content: "";
  display: inline-block;
  font-family: "fontAwesome";
  margin-right: 5px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
}

.severity-info .event-severity:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f05a';
  display: inline-block;
  vertical-align: middle;
  color: #4e8fdf;
}

.severity-warning .event-severity:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f071';
  display: inline-block;
  vertical-align: middle;
  color: #edaf37;
}

.severity-error .event-severity:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f057';
  display: inline-block;
  vertical-align: middle;
  color: #e04e4e;
}

.event-details-container .event-severity:before {
  background: #fff;
}

.policy-compliance-panel .policy-compliance-form .cont-overlay, .policy-editor-form .policy-editor-freq-within .frequency-blocker {
  transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  height: 30px;
  z-index: 9999;
  width: 100%;
  opacity: 0.75;
  position: absolute;
  background: #FFFFFF;
  left: 0;
}

.policy-compliance-panel .policy-compliance-form .mask-remover, .policy-editor-form .policy-editor-freq-within .enableOverlay {
  z-index: -1;
  opacity: 0;
}

.policy-editor-container {
  position: absolute;
  z-index: 10;
  visibility: hidden;
}
.policy-editor-container a {
  cursor: pointer;
  color: #3367D6;
}
.policy-editor-container a.editing-link {
  color: grey;
}
.policy-editor-container .policy-editor-header {
  margin-bottom: 2em;
}
.policy-editor-container .policy-editor-header img {
  height: auto;
  width: auto;
  padding-right: 2em;
}
.policy-editor-container .policy-editor-header h2 {
  display: inline;
  vertical-align: middle;
}

.policy-supportinfo-container {
  position: absolute;
  z-index: 11;
  visibility: hidden;
  width: 250px;
  min-height: 105px;
  background-color: rgb(240, 240, 235);
  padding: 15px;
  border-radius: 10px;
  font-size: 1.3em;
  line-height: 1.3em;
  background-image: url(../images/info.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: 5% 12%;
}
.policy-supportinfo-container div {
  margin-left: 30px;
}
.policy-supportinfo-container .compatibility-list {
  margin-left: 20px;
  padding-top: 5px;
}
.policy-supportinfo-container .compatibility-list li {
  line-height: 1.3em;
  list-style-type: disc;
  margin-left: 30px;
  text-indent: -5px;
}

.policy-editor-adv-settings {
  text-align: right;
}

.policy-editor-advanced-settings-test {
  background: #666761;
  color: #ffffff;
  font-size: 12px;
}

.policy-editor-form {
  background-color: rgb(240, 240, 235);
  border-radius: 10px;
  overflow-y: auto;
  width: 525px;
}
.policy-editor-form.inactive {
  opacity: 0.3;
  pointer-events: none;
}
.policy-editor-form input,
.policy-editor-form label {
  margin-bottom: 0px;
  vertical-align: middle;
}
.policy-editor-form .not-active-link {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}
.policy-editor-form .policy-editor-snapshot_retention .policy-snapshot-retention-radio {
  display: inline-block;
}
.policy-editor-form .policy-editor-snapshot_retention .policy-snapshot-retention-radio > * {
  display: inline-block;
  vertical-align: middle;
}
.policy-editor-form .policy-editor-freq-within .frequency-container {
  z-index: 1;
  display: inline-block;
}
.policy-editor-form .policy-editor-freq-within .frequency-container > * {
  display: inline-block;
}
.policy-editor-form .policy-editor-freq-within .backup-frequency-link {
  width: 262px;
  white-space: normal;
}
.policy-editor-form .policy-editor-schedule {
  position: relative;
}
.policy-editor-form .policy-editor-schedule .policy-editor-form-field {
  margin-left: 25px;
  margin-right: 25px;
}
.policy-editor-form .policy-editor-schedule .policy-editor-schedule-windowed,
.policy-editor-form .policy-editor-schedule .policy-editor-schedule-continuous {
  margin-left: 35px;
  margin-right: 30px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  background: #ffffff;
}
.policy-editor-form .policy-editor-schedule .policy-editor-schedule-windowed,
.policy-editor-form .policy-editor-schedule .policy-editor-schedule-continuous,
.policy-editor-form .policy-editor-schedule .policy-editor-freq-within {
  transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  overflow: hidden;
}
.policy-editor-form .policy-editor-schedule .policy-editor-freq-within {
  position: relative;
}
.policy-editor-form .policy-editor-schedule .showSection {
  opacity: 1;
  max-height: 400px;
  display: block;
}
.policy-editor-form .policy-editor-schedule .hideSection {
  display: none;
}
.policy-editor-form .policy-editor-schedule .disableSection {
  opacity: 0.25;
}

.policy-editor-form-header {
  font-size: 1.75em;
  margin-left: 1.25em;
  padding-top: 1em;
  margin-top: 0;
}

.policy-editor-form-field {
  margin: 2em 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
.policy-editor-form-field #continuousFromTimeframe {
  width: 60px;
}
.policy-editor-form-field a {
  text-decoration: underline;
  font-size: 13px;
}
.policy-editor-form-field a.editing {
  color: grey;
  text-decoration: none;
}
.policy-editor-form-field > * {
  display: inline-block;
  vertical-align: middle;
}
.policy-editor-form-field .select {
  width: auto;
  margin-bottom: 0px;
}
.policy-editor-form-field.policy-editor-name {
  align-items: center;
}
.policy-editor-form-field .policy-editor-form-label {
  white-space: nowrap;
  min-width: 11em;
}
.policy-editor-form-field .policy-editor-form-label.link-label-on-days {
  min-width: 7.5em;
}
.policy-editor-form-field .policy-editor-form-label.link-label-except {
  min-width: 4.5em;
}
.policy-editor-form-field .policy-name {
  width: 258px;
}
.policy-editor-form-field.policy-editor-timeframe label {
  align-self: center;
}
.policy-editor-form-field.policy-editor-timeframe .timeframe {
  width: 3.75em;
  padding: 5px 10px;
  text-align: right;
}
.policy-editor-form-field.policy-editor-timeframe .to-label {
  margin-right: 0;
}
.policy-editor-form-field .policy-editor-scheduling-radios {
  vertical-align: top;
}
.policy-editor-form-field .policy-editor-scheduling-radios .policy-editor-scheduling-rows {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.policy-editor-form-field .policy-editor-scheduling-radios .policy-editor-scheduling-rows > * {
  line-height: 20px;
}

.plus-minus-icon {
  width: 2em;
  height: 1.9em;
  cursor: pointer;
}

.time-amount {
  text-align: center;
  width: 2em;
  padding-left: 0.7em;
  padding: 5px 10px;
  margin: 0 0.5em;
}

.time-unit {
  margin-left: 1em;
}

.timeframe {
  width: auto;
}
.timeframe.timeframe-to {
  margin-left: 0.5em;
}
.timeframe.timeframe-from {
  margin-right: 0.5em;
}

.policy-editor-actions-container {
  vertical-align: middle;
  width: auto;
  margin-top: 1em;
  margin-bottom: 1em;
}
.policy-editor-actions-container.inactive {
  opacity: 0.3;
  pointer-events: none;
}
.policy-editor-actions-container a {
  font-size: 1.3em;
  margin-left: auto;
  padding-top: 0.8em;
  margin-right: 1em;
}
.policy-editor-actions-container .btn-group {
  vertical-align: middle;
}
.policy-editor-actions-container .btn-group button {
  height: 36px;
}

.policy-date-menu,
.policy-compliance-panel {
  visibility: hidden;
  position: absolute;
  z-index: -1;
  background: #ffffff;
  overflow: scroll;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  color: white;
  font-size: 1.25em;
  margin-right: 1.5em;
  border: 1px solid #ffffff;
  border-radius: 10px;
  width: 407px;
  height: 400px;
  padding: 10px 15px;
  transition: all 0.5s ease-in-out;
}

.policy-date-menu-form,
.policy-compliance-form {
  height: 460px;
}

.policy-compliance-warning {
  color: #8c8c86;
  padding: 10px 15px;
}

.policy-date-menu-form-year {
  height: 610px !important;
}

.policy-date-menu-form-weeks {
  height: 280px !important;
}

.policy-date-menu-form-months {
  height: 450px !important;
}

.policy-date-menu-actions,
.policy-compliance-settings-actions {
  width: 100%;
  text-align: right;
}

.policy-date-menu-slideout,
.policy-compliance-settings-slideout {
  webkit-transform: translateX(535px);
  transform: translateX(535px);
  height: 500px;
}

.policy-date-menu-slideback,
.policy-compliance-settings-slideback {
  webkit-transform: translateX(0px);
  transform: translateX(0px);
  height: 400px;
}

.policy-date-menu-input {
  margin: 1em;
}
.policy-date-menu-input > * {
  vertical-align: middle;
  display: inline-block;
  margin: 0px;
}

.policy-compliance-panel {
  width: 685px;
  height: 500px;
  padding: 20px 25px;
  overflow: hidden;
}
.policy-compliance-panel .policy-compliance-header {
  color: #768285;
  font-size: 20px;
}
.policy-compliance-panel .policy-compliance-header-text {
  margin: 2% 0 0;
}
.policy-compliance-panel .policy-compliance-form {
  margin-top: 18px;
}
.policy-compliance-panel .policy-compliance-form .policy-settings-title {
  text-transform: none;
  margin-left: 5px;
  position: relative;
  top: -2px;
  font-size: 16px;
}
.policy-compliance-panel .policy-compliance-form .policy-compliance-settings {
  background: #fff;
  margin-bottom: 20px;
  padding: 20px 20px;
  border-radius: 10px;
}
.policy-compliance-panel .policy-compliance-form .policy-compliance-settings .radio-input-container {
  margin-bottom: 15px;
}
.policy-compliance-panel .policy-compliance-form .policy-compliance-settings .radio-input-container .policy-settings-desc {
  color: #aaaaa7;
  margin-left: 25px;
  font-size: 14px;
  font-weight: 400;
}
.policy-compliance-panel .policy-compliance-form .violation-threshold-time {
  display: inline-block;
}
.policy-compliance-panel .policy-compliance-form .violation-threshold-time-unit {
  width: 100px;
  margin: 0px 10px 0px 0px;
}
.policy-compliance-panel .policy-compliance-form .cont-overlay {
  background: #f0f0eb;
  top: 0px;
  transition: none;
  height: 110px;
}
.policy-compliance-panel .policy-compliance-form .violation-job-container {
  position: relative;
  padding-top: 1%;
}
.policy-compliance-panel .policy-compliance-form .violation-job-container .threshold-slider-container {
  padding: 10px;
  position: relative;
  margin-top: 10px;
}
.policy-compliance-panel .policy-compliance-form .violation-job-container .threshold-slider-container #threshold-slider {
  width: 400px;
  margin: 0px auto;
}
.policy-compliance-panel .policy-compliance-form .violation-job-container .threshold-slider-container .cont-overlay {
  height: 50px;
}
.policy-compliance-panel .policy-compliance-form .violation-job-container .thresh-val-cont {
  position: relative;
  font-size: 14px;
}
.policy-compliance-panel .policy-compliance-form .violation-job-container .thresh-val-cont .threshold-slider-indicator {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 5px;
  height: 15px;
  width: 6px;
  background: #8c8c86;
  transform: translateY(-70%);
}
.policy-compliance-panel .policy-compliance-form .violation-job-container .thresh-val-cont .selected-val {
  position: relative;
  top: 12px;
  left: -5px;
}
.policy-compliance-panel .policy-compliance-form .violation-job-container .min-value, .policy-compliance-panel .policy-compliance-form .violation-job-container .max-value {
  position: absolute;
  width: 135px;
  top: -8px;
  text-align: center;
  font-size: 14px;
}
.policy-compliance-panel .policy-compliance-form .violation-job-container .min-value {
  left: -115px;
}
.policy-compliance-panel .policy-compliance-form .violation-job-container .max-value {
  right: -115px;
}
.policy-compliance-panel .policy-compliance-form .violation-job-container .ui-slider-horizontal {
  height: 5px;
  border-radius: 5px;
  background: #cccccc;
  border-color: #cccccc;
}
.policy-compliance-panel .policy-compliance-form .violation-job-container .ui-widget-header {
  background: transparent;
}
.policy-compliance-panel .policy-compliance-form .violation-job-container .ui-slider-handle {
  display: none;
}
.policy-compliance-panel .policy-compliance-form .warning-job-delay-container {
  margin-top: 10px;
  margin-left: 25px;
  overflow: auto;
  position: relative;
}
.policy-compliance-panel .policy-compliance-form .warning-job-delay-container input {
  display: inline-block;
}
.policy-compliance-panel .policy-compliance-form .warning-job-delay-container .warning_label {
  display: inline;
  color: #8c8c86;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
}
.policy-compliance-panel .policy-compliance-form .warning-job-delay-container select {
  display: inline-block;
  width: 90px;
  margin: 0em 0.2em;
}
.policy-compliance-panel .policy-compliance-form .warning-job-delay-container .policy-settings-text {
  color: #8c8c86;
  font-size: 14px;
  margin-left: 5px;
}
.policy-compliance-panel .policy-compliance-form .warning-job-delay-container .warning-alert-box {
  width: 4%;
  float: left;
  padding-top: 1%;
}
.policy-compliance-panel .policy-compliance-form .warning-job-delay-container .warning-text {
  width: 95%;
  float: left;
}
.policy-compliance-panel .policy-compliance-form .warning-job-delay-container .cont-overlay {
  height: 100%;
}

.day-of-week-input-container {
  display: none;
  margin: auto;
}

.month-of-year-input-container {
  display: none;
}

.calendar-day-input-container {
  display: none;
}

.individual-day-selector {
  display: inline-block;
  padding: 0.15em 0.3em 0 0.3em;
  background-color: #8c8c86;
  border-radius: 25%;
  margin: 0 0.3em;
  cursor: pointer;
}
.individual-day-selector.selected {
  background-color: #f1aa2d;
}

.month-container {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.individual-month-selector {
  background-color: #8c8c86;
  padding: 0.5em 0.1em;
  margin: 0.2em;
  width: 23%;
  text-align: center;
  border-radius: 0.7em;
  cursor: pointer;
}
.individual-month-selector.selected {
  background-color: #f1aa2d;
}

.calendar-day-selector-week {
  margin: auto;
}

.day-of-month {
  margin: 5px 5px;
  min-width: 12px;
  display: inline-block;
  color: #8c8c86;
  padding: 2px 5px;
  text-align: center;
  cursor: pointer;
}
.day-of-month.selected {
  background-color: #f1aa2d;
  color: white;
  border-radius: 50%;
}
.day-of-month.selected.disabled {
  opacity: 0.5;
  color: #8c8c86;
  border-radius: 0;
  background-color: transparent;
}
.day-of-month.disabled {
  opacity: 0.5;
}

.policy-date-menu-input .date-value-input {
  width: 40px;
}
.policy-date-menu-input .date-unit-select {
  width: 100px;
}
.policy-date-menu-input .frequency-day-of-week-container .individual-day-selector {
  display: inline-block;
}

.month-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.calendar-flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.calendar-flex-container .calendar-day-selector-week {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.calendar-flex-container .calendar-day-selector-week.last-week {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.calendar-flex-container .calendar-ordinal-day-input {
  width: 25%;
  margin-left: 3em;
}

button.button.button-primary-medium.policy-adv-settings, button.button.policy-adv-settings.policy-editor-advanced-settings-test {
  background: #666761;
  margin-left: auto;
  margin-bottom: 0;
}

.date-type-input-container .schedule-type-label {
  margin-right: 2em;
}
.date-type-input-container .plus-minus-icon {
  width: 1.6em;
  height: 1.5em;
}
.date-type-input-container .date-unit-select {
  margin-left: 2em;
}

#box-new-profile label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  color: #000000;
}
#box-new-profile .form-background {
  width: 1110px;
  padding-left: 32px;
  padding-right: 16px;
  padding-top: 1px;
  padding-bottom: 32px;
}
#box-new-profile .form-actions {
  text-align: right;
}

.profile-top-bar-form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  flex-flow: row;
  margin: 2em;
  padding: 1em 2em;
  text-align: left;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  min-width: 950px;
  max-width: 950px;
}
.profile-top-bar-form.bar-form {
  /* @include flex-flow(row); */
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.profile-top-bar-form #pool-selection-wrap {
  margin-left: 1.2em;
  margin-top: 14px;
}
.profile-top-bar-form #pool-selection-wrap .pool-selection-heading, .profile-top-bar-form #pool-selection-wrap .pool-selection-description {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.66);
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.profile-top-bar-form #pool-selection-wrap .pool-selection-heading {
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
.profile-top-bar-form #pool-selection-wrap #pool-selection-list {
  margin-top: 8px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
}
.profile-top-bar-form #pool-selection-wrap #pool-selection-list .pool-selection-entry {
  display: grid;
  grid-template-columns: 24px 728px;
}
.profile-top-bar-form #pool-selection-wrap #pool-selection-list .pool-selection-entry input {
  box-shadow: none;
}
.profile-top-bar-form #pool-selection-wrap #pool-selection-list .pool-selection-entry label {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  text-transform: none;
}
.profile-top-bar-form #pool-selection-wrap #pool-selection-list .pool-selection-entry a {
  color: #3367D6;
}
.profile-top-bar-form #pool-selection-wrap #pool-selection-list .pool-selection-entry .pool-selection-radio {
  margin: 0;
  padding: 0;
}
.profile-top-bar-form #pool-selection-wrap #pool-selection-list .pool-selection-entry .pool-selection-info {
  grid-column-start: 2;
  color: rgba(0, 0, 0, 0.66);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

.profile-editor-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: fit-content;
  margin-left: 10em;
}
.profile-editor-bottom label {
  min-width: 8.5em;
}
.profile-editor-bottom h2 {
  margin-bottom: 1em;
  text-align: center;
}
.profile-editor-bottom .local-node-select-container, .profile-editor-bottom .disk-pool-select-container {
  margin-bottom: 2em;
}
.profile-editor-bottom .local-node-select-container .local-node-select {
  margin-left: 40px;
}
.profile-editor-bottom .vault-pool-select-container .vault-pool-select {
  margin-left: 6px;
}

.remote-container, .local-container {
  margin: 10px;
  width: 334px;
}
.remote-container > div, .local-container > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  place-items: baseline;
  flex-wrap: wrap;
  align-items: center;
  flex-grow: 1;
}
.remote-container select, .local-container select {
  margin-left: 4px;
  flex: 1;
  margin-bottom: 0;
}
.remote-container .vault-pool-select-container, .local-container .vault-pool-select-container {
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: 107px auto;
}
.remote-container .vault-pool-select-container .vault-pool-select-retention, .local-container .vault-pool-select-container .vault-pool-select-retention {
  grid-column-start: 2;
  display: flex;
  line-height: 30px;
  align-items: center;
  gap: 5px;
}
.remote-container .vault-pool-select-container .vault-pool-select-retention svg, .local-container .vault-pool-select-container .vault-pool-select-retention svg {
  border: 1px solid #fff;
  border-radius: 90px;
  background-color: #fff;
}

.profile-editor-header {
  margin: 1em 2em 0 2em;
}
.profile-editor-header span {
  font-size: 1.3em;
}

.top-bar-input-text.description {
  width: 25em;
}

.advanced-settings-modal-mask {
  z-index: -1 !important;
}

.advanced-settings-modal-container {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  z-index: 20 !important;
}
.advanced-settings-modal-container .advanced-settings-modal-wrapper {
  position: absolute;
  margin: auto;
  width: 800px;
  height: 85%;
  background: #FFFFFF;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-radius: 10px;
}
.advanced-settings-modal-container .modal-input-container .modal-option-label {
  display: inline-block;
  position: relative;
  bottom: 1px;
  width: 230px;
}
.advanced-settings-modal-container .modal-input-container .modal-input-label {
  text-transform: none;
  vertical-align: middle;
  font-weight: 300;
  margin-left: 245px;
  font-size: 12px;
}
.advanced-settings-modal-container .modal-input-container .modal-radio-label {
  text-transform: none;
  vertical-align: middle;
  font-weight: 400;
}
.advanced-settings-modal-container .modal-input-container .modal-option-required:after {
  content: "*";
  margin-left: 3px;
  color: #D93025;
}
.advanced-settings-modal-container .modal-input-container .invalid {
  border-color: red;
}
.advanced-settings-modal-container .modal-select-container {
  width: 100%;
}
.advanced-settings-modal-container .modal-select {
  width: 65%;
}
.advanced-settings-modal-container .radio-input-container label {
  text-transform: none;
  vertical-align: middle;
  font-weight: 400;
}
.advanced-settings-modal-container .radio-style {
  display: inline-block !important;
  vertical-align: top;
}
.advanced-settings-modal-container .snapshotlocationtype .radio-style {
  display: block !important;
}
.advanced-settings-modal-container .settings-modal-input[name=snapshotlocationvalue] {
  position: relative;
  left: 1.5em;
  width: 225px;
}
.advanced-settings-modal-container .ausize .radio-align {
  width: 65px;
  white-space: nowrap;
}
.advanced-settings-modal-container .modal-radio-align {
  vertical-align: top;
  width: 340px;
  display: inline-block;
}
.advanced-settings-modal-container .note-style {
  width: 470px;
}
.advanced-settings-modal-container .note-style p {
  color: #8c8c86;
}
.advanced-settings-modal-container .modal-header {
  padding: 0px;
  margin: 0px;
  font-size: 1.75em;
  border-bottom: 1px solid #f6f6f6;
}
.advanced-settings-modal-container .modal-header input[type=checkbox] {
  margin-bottom: 0;
}
.advanced-settings-modal-container .modal-header .modal-header-topline {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 5px;
  padding: 25px 15px 9px 15px;
}
.advanced-settings-modal-container .modal-header .modal-header-topline .header-text {
  color: black;
  font-size: 25px;
  width: 500px;
  margin-left: 15px;
}
.advanced-settings-modal-container .modal-header ul.tabs {
  list-style-type: none;
  margin: 15px 5px 5px 0px;
  font-size: 13px;
  line-height: 45px;
  width: 100%;
  color: #8c8c86;
  border-bottom: #e9e9e7 1px solid;
}
.advanced-settings-modal-container .modal-header ul.tabs > li:first-child {
  margin-left: 15px;
}
.advanced-settings-modal-container .modal-header ul.tabs li.tab-item {
  display: inline;
  text-decoration: none;
  padding: 15px;
  border-radius: 7px 7px 0 0;
  border-color: #e9e9e7;
  background-color: #e9e9e7;
  font-weight: 500;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-width: 1px;
}
.advanced-settings-modal-container .modal-header ul.tabs li.tab-item-required::after {
  color: #D93025;
  content: "*";
  padding-left: 5px;
}
.advanced-settings-modal-container .modal-header ul.tabs li.tab-enabled {
  background-color: #ffffff;
}
.advanced-settings-modal-container .modal-header .advanced-settings-modal-instructions {
  padding-left: 15px;
  width: 110px;
}
.advanced-settings-modal-container .modal-header .advanced-settings-modal-instructions .advanced-settings-modal-help {
  font-size: 13px;
  text-align: right;
  color: #3367D6;
}
.advanced-settings-modal-container .modal-header .advanced-settings-modal-instructions .advanced-settings-modal-help a, .advanced-settings-modal-container .modal-header .advanced-settings-modal-instructions .advanced-settings-modal-help i {
  color: inherit;
}
.advanced-settings-modal-container .modal-header .advanced-settings-modal-instructions .advanced-settings-modal-help .fa {
  top: 0;
  left: 0;
  margin-right: 3px;
}
.advanced-settings-modal-container .modal-header .header-text-override-disabled {
  padding-left: 20px;
  font-size: 13px;
  color: #8c8c86;
  font-weight: 500;
}
.advanced-settings-modal-container .modal-header .header-cancel {
  color: #3367D6;
  border-radius: 50%;
  font-weight: 500;
  cursor: pointer;
  height: 1em;
  width: 1em;
  text-align: center;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  display: table;
}
.advanced-settings-modal-container .header-text-unset-enabled {
  display: inline-block;
  margin-right: 14px;
  float: right;
}
.advanced-settings-modal-container .header-text-unset-enabled a.global-settings-unset {
  color: #3367D6;
  font-size: 13px;
  text-decoration: none;
  line-height: 25px;
}
.advanced-settings-modal-container .action-confirm {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: center;
  margin: 1em;
}
.advanced-settings-modal-container .action-confirm a {
  font-size: 14px;
  cursor: pointer;
  color: #3367D6;
}
.advanced-settings-modal-container .action-confirm .appsettings-confirm {
  margin-right: 9px;
}
.advanced-settings-modal-container .advanced-settings-modal-content {
  -webkit-box-flex: 1 1 0;
  -moz-box-flex: 1 1 0;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-left: 0.5em;
  padding-left: 15px;
  padding: 20px;
  overflow-y: auto;
}
.advanced-settings-modal-container .advanced-settings-modal-content .no-settings-message {
  color: #8c8c86;
  font-size: 20px;
}
.advanced-settings-modal-container .advanced-settings-modal-content .stats-background {
  background-color: rgb(232, 232, 227);
  padding-top: 15px;
  padding-bottom: 5px;
  margin-bottom: 30px;
  border-radius: 10px;
  width: 750px;
}
.advanced-settings-modal-container .advanced-settings-modal-content h2 {
  font-size: 20px;
  margin-left: 5px;
  line-height: 27px;
  margin-bottom: 10px;
  display: inline-block;
}
.advanced-settings-modal-container .advanced-settings-modal-content .appName {
  font-size: 20px;
  padding-left: 25px;
}
.advanced-settings-modal-container .advanced-settings-modal-content .stats-bubble-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 190px;
}
.advanced-settings-modal-container .advanced-settings-modal-content .stats-bubble {
  min-width: 120px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  font-size: 12px;
  margin: 2px 0;
  align-items: center;
  background-color: rgba(193, 193, 186, 0.9098039216);
  padding-right: 10px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.advanced-settings-modal-container .advanced-settings-modal-content .summary-element {
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  line-height: 25px;
}
.advanced-settings-modal-container .advanced-settings-modal-content .summary-element .edit-description-text .description {
  max-width: 520px;
  word-break: break-all;
  white-space: pre-line;
}
.advanced-settings-modal-container .advanced-settings-modal-content .summary-element .edit-description-text .edit-description-btn {
  width: 26px;
  height: 26px;
}
.advanced-settings-modal-container .advanced-settings-modal-content input[type=checkbox] {
  display: inline-block;
  margin-right: 5px;
  line-height: 18px;
}
.advanced-settings-modal-container .advanced-settings-modal-content table.modal-input-table {
  width: 750px;
}
.advanced-settings-modal-container .advanced-settings-modal-content table.modal-input-table td {
  vertical-align: initial;
  padding-bottom: 15px;
}
.advanced-settings-modal-container .advanced-settings-modal-content table.modal-input-table .hide-row {
  display: none;
}
.advanced-settings-modal-container .advanced-settings-modal-content .alternate-row {
  border: 1px solid #cccccc;
}
.advanced-settings-modal-container .advanced-settings-modal-content .alternate-row tr {
  background-color: #fff;
}
.advanced-settings-modal-container .advanced-settings-modal-content .alternate-row tr:nth-child(even) {
  background-color: #eeeeee;
}
.advanced-settings-modal-container .advanced-settings-modal-content .alternate-row tr td {
  background-color: transparent;
  padding: 10px;
  vertical-align: top !important;
}
.advanced-settings-modal-container .advanced-settings-modal-content .settings-unset {
  text-decoration: none;
  color: #3367D6;
  font-size: 13px;
}
.advanced-settings-modal-container .advanced-settings-modal-content .settings-hide {
  visibility: hidden;
}
.advanced-settings-modal-container .advanced-settings-modal-content .edit-description-text {
  width: 100%;
}
.advanced-settings-modal-container .advanced-settings-modal-content .edit-description-text .edit-description-btn {
  width: 10%;
  min-width: 0;
  padding: 0;
  margin-left: 5%;
}
.advanced-settings-modal-container .advanced-settings-modal-content .edit-description-textarea {
  display: block;
}
.advanced-settings-modal-container .advanced-settings-modal-content .edit-description-textarea textarea {
  width: 100%;
}
.advanced-settings-modal-container .advanced-settings-modal-content .edit-description-textarea button {
  height: 30%;
}
.advanced-settings-modal-container .advanced-settings-modal-content .modal-option-oracle-section {
  background-color: rgba(217, 217, 209, 0.6);
  padding-bottom: 20px;
  padding-top: 15px;
  margin-bottom: 30px;
  border-radius: 10px;
  width: 750px;
}
.advanced-settings-modal-container .advanced-settings-modal-content .modal-option-oracle-section .modal-option-label-oracle {
  width: 150px;
  padding-left: 10px;
}
.advanced-settings-modal-container .advanced-settings-modal-content .modal-option-oracle-section .modal-validate-class {
  display: inline-block;
  width: 390px;
}
.advanced-settings-modal-container .advanced-settings-modal-content .modal-option-oracle-section .modal-option-oracle-section-buttons {
  margin-left: 154px;
}
.advanced-settings-modal-container .advanced-settings-modal-content .modal-option-oracle-section .modal-option-oracle-section-buttons .modal-option-oracle-section-button {
  width: 220px;
  height: 33px;
  background-color: #6b6a6a;
}
.advanced-settings-modal-container .advanced-settings-modal-content .setting-element {
  display: table;
  width: auto;
  display: inline-block;
  vertical-align: top;
}
.advanced-settings-modal-container .advanced-settings-modal-content .multiple-appliances {
  padding-top: 10px;
  margin-bottom: 15px;
  border-radius: 10px;
  width: 100%;
}
.advanced-settings-modal-container .advanced-settings-modal-content .multiple-appliances .expandable-content .modal-width {
  width: 100%;
  margin-bottom: 15px;
}
.advanced-settings-modal-container .advanced-settings-modal-content .multiple-appliances .expandable-content .results-table tbody {
  border: 1px solid #d0d0d0;
}
.advanced-settings-modal-container .advanced-settings-modal-content .multiple-appliances .expandable-content .results-table th {
  border: 0;
  border-bottom: 1px solid #d0d0d0;
  font-weight: normal;
  padding: 0.6em 0.6em;
}
.advanced-settings-modal-container .advanced-settings-modal-content .multiple-appliances .expandable-content .results-table td {
  border: 0;
  font-weight: 400;
  padding: 0.5em 0.5em;
}
.advanced-settings-modal-container .modal-content {
  margin: 0.5em;
}
.advanced-settings-modal-container .modal-content::-webkit-scrollbar {
  width: 10px;
}
.advanced-settings-modal-container .modal-content .range-input-label {
  vertical-align: middle;
}
.advanced-settings-modal-container .modal-content .modal-input-range {
  width: 6em;
  vertical-align: top;
}
.advanced-settings-modal-container .modal-content .modal-input-text {
  vertical-align: top;
}

.template-editor-bottom {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-width: 860px;
  max-width: 1220px;
}

.template-editor-diagram-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.template-list-container {
  display: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.template-editor-side-menu-container {
  z-index: 20;
}

.template-editor-description-container {
  min-width: 350px;
  max-height: 178px;
  position: relative;
  top: 40em;
  right: 50em;
}
.template-editor-description-container .description-container {
  min-width: 650px;
}
.template-editor-description-container .description-container .support-list {
  font-size: 13px;
}
.template-editor-description-container .description-container .support-list th, .template-editor-description-container .description-container .support-list td {
  padding: 15px 0px;
}
.template-editor-description-container .description-container .support-list tr {
  border-bottom: 1px solid #D0D1C6;
}
.template-editor-description-container .description-container .support-list tr:last-of-type {
  border-bottom: none;
}
.template-editor-description-container .description-container .support-list td {
  vertical-align: middle;
}
.template-editor-description-container .description-container .support-list th:first-of-type {
  width: 250px;
}
.template-editor-description-container .description-container .support-list th {
  text-align: left;
  vertical-align: top;
  width: 180px;
  font-size: 12px;
}
.template-editor-description-container .description-container .support-list .policy-compatibility-check {
  background-image: url(../images/check.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  background-position: left;
}
.template-editor-description-container .description-container .support-list a {
  color: #3367D6;
}
.template-editor-description-container .description-container .support-list a i {
  margin-right: 5px;
}
.template-editor-description-container .description-container .support-list .tbl-compatibility {
  transition: all 5s linear;
}

.protection-diagram-node {
  color: #D0D1C6;
  cursor: pointer;
}

.protection-diagram-container .cloud-image {
  color: #ffffff;
  font-size: 56px;
  border: 1px solid yellow;
}
.protection-diagram-container .prod-node {
  color: #0f86a3;
}
.protection-diagram-container .snap-node.protection-enabled {
  color: rgb(242, 170, 45);
}
.protection-diagram-container .vault-node.protection-enabled {
  color: #00abec;
}
.protection-diagram-container .dedup-node.protection-enabled {
  color: #3babc7;
}
.protection-diagram-container .mirror-node.protection-enabled {
  color: rgb(242, 170, 45);
}
.protection-diagram-container .dr-node.protection-enabled {
  color: #3babc7;
}
.protection-diagram-container .diagram-node-bubble {
  cursor: pointer;
  fill: #00abec;
  stroke: white;
  stroke-width: 1.5;
}
.protection-diagram-container .diagram-node-hop {
  color: #D0D1C6;
  cursor: pointer;
}
.protection-diagram-container .diagram-node-hop-halo-border {
  stroke: transparent;
  fill: none;
}
.protection-diagram-container .diagram-node-hop-halo {
  stroke: transparent;
  fill: none;
  opacity: 0.33;
}
.protection-diagram-container .node-hops .diagram-node-hop {
  cursor: pointer;
}
.protection-diagram-container .node-hops .node-label {
  cursor: pointer;
}
.protection-diagram-container .add-policy.add-dedup {
  display: none;
}
.protection-diagram-container .add-policy.add-vault {
  display: none;
}
.protection-diagram-container .add-policy.add-onvault-onvault {
  display: none;
}
.protection-diagram-container .add-policy.add-dedup-dr {
  display: none;
}
.protection-diagram-container .node-label {
  font-size: 0.95em;
  stroke: white;
  fill: white;
  letter-spacing: 0.2em;
  font-weight: 400;
}
.protection-diagram-container .node-label.onvault-target-count {
  font-size: 1.25em;
}
.protection-diagram-container .appliance-label, .protection-diagram-container .remote-label, .protection-diagram-container .onvault-pool-label {
  font-size: 1.3em;
  stroke: #333333;
  fill: #333333 !important;
  text-anchor: middle;
}

.onvault-target-help {
  list-style: none;
}
.onvault-target-help > li::before {
  content: "•";
  color: white;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.type-expand-item {
  cursor: pointer;
}

.arrow-flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
}

.add-flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: pointer;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.add-flex-container .add-border {
  border: 2px solid white;
  font-weight: 400;
  color: white;
  background-color: #3367D6;
  font-size: 9px;
  white-space: nowrap;
  width: 35px;
  border-radius: 10px;
  text-align: center;
  height: 12px;
  line-height: 12px;
  margin-top: 2px;
}

.policy-menu-arrow {
  font-size: 0.7em;
}
.policy-menu-arrow.protection-enabled {
  color: white;
}

.policy-detail-menu, .pools-detail {
  background: rgb(240, 240, 235);
  border-radius: 7px;
  margin-right: 2em;
  padding-bottom: 1em;
  min-width: 250px;
  max-width: 300px;
}
.policy-detail-menu .name-value-wrapper, .pools-detail .name-value-wrapper {
  width: auto;
  max-width: 100%;
}

.policy-detail-menu-header, .pools-detail-header {
  font-size: 2em;
  height: 0.5em;
  padding: 1em 0 1.5em 1em;
}
.policy-detail-menu-header .policies-learn-link, .pools-detail-header .policies-learn-link {
  color: #3367D6;
  font-size: 0.7em;
  float: right;
  position: relative;
  right: 20px;
}
.policy-detail-menu-header .policies-on-demand-text, .pools-detail-header .policies-on-demand-text {
  color: #384448;
  font-size: 0.6em;
  padding: 5px;
  display: none;
}

.fit-demand-text {
  margin-bottom: 30px;
}

.policy-type-info {
  padding: 5px 10px;
  background: #d9d9d0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.policy-type-info img {
  margin-right: 0.5em;
}
.policy-type-info span {
  margin-right: 0.5em;
}
.policy-type-info.disabled {
  opacity: 0.5;
}
.policy-type-info.disabled img {
  cursor: default;
}

.policy-counter {
  background: #FFFFFF;
  border-radius: 50%;
  padding: 0 0.45em;
}

.policy-list {
  font-size: 1.3em;
}
.policy-list .policy-info-icon::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f05a';
  display: inline-block;
  vertical-align: middle;
  transform: rotateZ(0deg);
  color: #3367D6;
  margin-right: 5px;
}

.policy-item-container {
  cursor: pointer;
}

.policy-list-item {
  border-bottom: 0.2em solid #ccccc0;
}
.policy-list-item .policy-item-header .policy-menu-arrow {
  margin-left: 1em;
}
.policy-list-item.protection-enabled.snap .policy-type-info {
  background: rgb(242, 170, 45);
}
.policy-list-item.protection-enabled.snap .policy-type-info .policy-counter {
  color: rgb(242, 170, 45);
}
.policy-list-item.protection-enabled.snap .policy-item-header {
  background: #f7bd57;
}
.policy-list-item.protection-enabled.dedup .policy-type-info {
  background: #5dc6c0;
}
.policy-list-item.protection-enabled.dedup .policy-type-info .policy-counter {
  color: #5dc6c0;
}
.policy-list-item.protection-enabled.dedup .policy-item-header {
  background: #65cfe9;
}
.policy-list-item.protection-enabled.directdedup .policy-type-info, .policy-list-item.protection-enabled.replicate .policy-type-info {
  background: #3099b3;
}
.policy-list-item.protection-enabled.directdedup .policy-type-info .policy-counter, .policy-list-item.protection-enabled.replicate .policy-type-info .policy-counter {
  color: #3099b3;
}
.policy-list-item.protection-enabled.directdedup .policy-item-header, .policy-list-item.protection-enabled.replicate .policy-item-header {
  background: #1ebce3;
}
.policy-list-item.protection-enabled.mirror .policy-type-info {
  background: rgb(242, 170, 45);
}
.policy-list-item.protection-enabled.mirror .policy-type-info .policy-counter {
  color: rgb(242, 170, 45);
}
.policy-list-item.protection-enabled.mirror .policy-item-header {
  background: #f7bd57;
}
.policy-list-item.protection-enabled.cloud .policy-type-info {
  background: #00abec;
}
.policy-list-item.protection-enabled.cloud .policy-type-info .policy-counter {
  color: #00abec;
}
.policy-list-item.protection-enabled.cloud .policy-item-header {
  background: #60cff9;
}
.policy-list-item.protection-enabled.DirectOnVault .policy-type-info, .policy-list-item.protection-enabled.OnVaultReplicate .policy-type-info {
  background: #00abec;
}
.policy-list-item.protection-enabled.DirectOnVault .policy-type-info .policy-counter, .policy-list-item.protection-enabled.OnVaultReplicate .policy-type-info .policy-counter {
  color: #00abec;
}
.policy-list-item.protection-enabled.DirectOnVault .policy-item-header, .policy-list-item.protection-enabled.OnVaultReplicate .policy-item-header {
  background: #60cff9;
}
.policy-list-item .policy-label-section label {
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 5px;
}
.policy-list-item .policy-label-section input {
  width: 160px;
}

.policy-item-header {
  padding: 5px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-top: 0.1em solid #ccccc0;
}
.policy-item-header span {
  margin-right: 0.5em;
}

.policy-items-container {
  max-height: 0;
  overflow: hidden;
  overflow-y: auto;
  transition: max-height 0.3s linear;
}

.template-top-bar-form, .profile-top-bar-form {
  background: rgb(240, 240, 235);
  border-radius: 7px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  flex-flow: column;
  margin: 2em;
  padding: 1em 2em;
  text-align: left;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  min-width: 840px;
  max-width: 1160px;
}

.template-logical-group-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  flex-flow: column;
  margin: 2em;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 1140px;
  max-width: 1160px;
}
.template-logical-group-bar .logical-group-message {
  margin-right: auto;
  margin-left: auto;
  background: rgb(240, 240, 235);
  padding: 1em 2em;
  border-radius: 7px;
  font-size: 13px;
  text-align: center;
}
.template-logical-group-bar .group-editor-link {
  color: #3367D6;
  cursor: pointer;
}

.template-sqldb-not-supported-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  flex-flow: column;
  margin: 2em;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 1140px;
  max-width: 1160px;
}
.template-sqldb-not-supported-bar .sqldb-not-supported-message {
  margin-right: auto;
  margin-left: auto;
  background: rgb(240, 240, 235);
  padding: 1em 2em;
  border-radius: 7px;
  font-size: 13px;
  text-align: center;
}

.template-dynamic-protection-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  flex-flow: column;
  margin: 2em;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 1140px;
  max-width: 1160px;
}
.template-dynamic-protection-bar .dynamic-protection-message {
  margin-right: auto;
  margin-left: auto;
  background: rgb(240, 240, 235);
  padding: 1em 2em;
  border-radius: 7px;
  font-size: 13px;
  text-align: center;
}

.template-appliance-minimal-capacity-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  flex-flow: column;
  margin: 2em;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 1140px;
  max-width: 1160px;
}
.template-appliance-minimal-capacity-bar .appliance-minimal-capacity-message {
  margin-right: auto;
  margin-left: auto;
  background: rgb(240, 240, 235);
  padding: 1em 2em;
  border-radius: 7px;
  font-size: 16px;
  color: #D93025;
  font-weight: 500;
  text-align: center;
}

.top-bar-label {
  display: inline;
  vertical-align: middle;
}

.top-bar-input-text {
  display: inline;
  width: auto;
  margin-bottom: 0;
}

.template-desc-input {
  margin-top: 1em;
}

.flex-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  flex-flow: row;
}

.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  flex-flow: column;
}

.save-template button.button.button-primary, .save-template button.button.button-primary-medium, .save-template button.button.button-small, .save-template button.button.apply-filters, .save-template button.button.policy-editor-advanced-settings-test {
  margin-right: 0;
}

.template-name-input, .profile-name-input {
  margin-left: 1.2em;
}

.policy-override {
  margin-left: 5em;
  padding-top: 1em;
  min-width: 390px;
}

.save-template {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1;
  -moz-box-flex: 1 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.save-template button {
  margin-right: 0;
}

.add-policy {
  height: 15px;
  width: 15px;
  cursor: pointer;
}

.policy-details {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s linear;
  padding-top: 5px;
}
.policy-details .name-value-wrapper .name-value-cell {
  border-top-color: #f0f0eb;
  border-bottom-color: #f0f0eb;
}

.edit-policy-button, .run-sla-button {
  float: right;
}
.edit-policy-button button.button.button-primary, .edit-policy-button button.button.button-primary-medium, .edit-policy-button button.button.button-small, .edit-policy-button button.button.apply-filters, .edit-policy-button button.button.policy-editor-advanced-settings-test, .run-sla-button button.button.button-primary, .run-sla-button button.button.button-primary-medium, .run-sla-button button.button.button-small, .run-sla-button button.button.apply-filters, .run-sla-button button.button.policy-editor-advanced-settings-test {
  font-size: 1em;
  margin: 0 1.5em 0.5em 0.5em;
  min-width: 0;
}

.details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-left: 1em;
}

.policy-date-menu-actions .cancel {
  cursor: pointer;
}

.update-calendar {
  margin-left: 1em;
}

#storage-pool-list {
  width: 332px;
  margin-top: 16px;
}
#storage-pool-list .pools-list {
  display: grid;
  grid-template-columns: 117px 1fr;
  background: #D9D9D2;
  gap: 5px;
}
#storage-pool-list .pools-list .pools-list-type {
  text-align: right;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  height: 20px;
  text-transform: uppercase;
  border-radius: 0px 4px 4px 0px;
  background: #CCCCC1;
  padding-right: 5px;
}
#storage-pool-list .pools-list .pool-list-retention {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
#storage-pool-list .pools-list .bv-shield {
  display: grid;
  grid-template-columns: 20px 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: ". ." "retention retention";
}
#storage-pool-list .pools-list .bv-shield svg {
  border: 1px solid #fff;
  border-radius: 90px;
  background-color: #fff;
}
#storage-pool-list .pools-list .bv-shield .pool-bv-retention {
  grid-area: retention;
}

.dashboard-container {
  padding: 16px 20px;
  position: relative;
}

.dashboard-gcbdr-project {
  font-size: 1.5em;
}
.dashboard-gcbdr-project .gcbdr-project-info {
  margin-right: 25px;
}

.dashboard-last-updated {
  width: 1400px;
  overflow: auto;
  margin-bottom: 16px;
}
.dashboard-last-updated div {
  float: right;
}
.dashboard-last-updated div .refresh-timer-wrapper {
  width: auto;
}

.dashboard-footer {
  font-size: 12px;
  line-height: 16px;
  margin-top: 12px;
}

.centeralign {
  text-align: center;
}

.dashboard-section-body {
  background-color: #ffffff;
  position: relative;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.dashboard-section-body .dashboard-section-header {
  color: #000;
  font-size: 18px;
  line-height: 24px;
}
.dashboard-section-body .dashboard-section-header.jobs {
  padding-bottom: 7px;
}
.dashboard-section-body .dashboard-section-header .help-trigger {
  line-height: initial;
}
.dashboard-section-body .legend {
  gap: 8px;
}
.dashboard-section-body .legend .legend-item .color-dot {
  height: 12px;
  margin-top: 2px;
  width: 12px;
  border-radius: 12px;
}
.dashboard-section-body .legend .legend-item .legend-label {
  padding-left: 2px;
  font-size: 9pt;
}
.dashboard-section-body .legend .legend-item .legend-value {
  padding: 0px;
  margin: 0px;
  font-size: 9pt;
}
.dashboard-section-body .legend-label {
  padding-left: 2px;
  font-size: 9pt;
}
.dashboard-section-body .legend-label-header {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
  margin-bottom: 6px;
}
.dashboard-section-body .datasection {
  justify-content: space-around;
}
.dashboard-section-body .data-stats-wrapper {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.dashboard-section-body .data-stats-wrapper .protected-data-wrapper {
  padding: 0px;
}
.dashboard-section-body .data-stats-wrapper .legend-wrapper {
  padding-top: 30px;
}
.dashboard-section-body .data-stats-wrapper .legend-wrapper .legend-item .color-dot {
  height: 12px;
  margin-left: 5px;
  margin-top: 2px;
  width: 12px;
  min-width: 12px;
}
.dashboard-section-body .data-stats-wrapper .legend-wrapper .legend-item .legend-label {
  padding-left: 10px;
  font-size: 9pt;
  padding-right: 4px;
}
.dashboard-section-body .data-stats-wrapper .legend-wrapper .legend-item .legend-label-header {
  padding-left: 2px;
  font-size: 11pt;
  padding-right: 2px;
}
.dashboard-section-body .data-stats-wrapper .legend-wrapper .legend-item .legend-value {
  padding: 0px;
  margin: 0px;
  font-size: 9pt;
}
.dashboard-section-body .data-stats-wrapper .gcve-nodes-wrapper {
  position: relative;
  left: 20px;
  top: 25px;
}
.dashboard-section-body .data-stats-wrapper .gcve-nodes-wrapper .gcve-nodes-label {
  font-size: 1.5em;
}
.dashboard-section-body .data-stats-wrapper .gcve-nodes-wrapper .gcve-count {
  text-align: center;
  font-size: 24px;
  display: inline-block;
  width: 85px;
  position: relative;
  margin: auto;
  top: 10px;
  left: 20px;
}
.dashboard-section-body .data-stats-wrapper .gcve-nodes-wrapper .gcve-count-description {
  text-align: center;
  font-size: 11px;
  display: inline;
  position: relative;
  top: 10px;
}
.dashboard-section-body .piesection {
  max-height: 380px;
}
.dashboard-section-body .bumper {
  margin-left: auto;
  margin-right: auto;
}
.dashboard-section-body .datasection-item {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  height: 76px;
}
.dashboard-section-body .datasection-item .datasection-item-label {
  cursor: pointer;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.dashboard-section-body .datasection-item .datasection-item-value {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.dashboard-section-body .datasection-item #errors {
  color: #D93025;
}
.dashboard-section-body .datasection-item #warnings {
  color: #E8710A;
}
.dashboard-section-body .footer {
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  bottom: 20px;
}

.dashboard-flex-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  width: 1400px;
  height: 688px;
}
.dashboard-flex-container .dashboard-row-container {
  display: flex;
  gap: 10px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container {
  display: flex;
  flex-direction: row;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-app-managed-job-left-part {
  width: 346px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-app-managed-job-left-part .applications {
  height: 304px;
  width: 100%;
  margin-bottom: 10px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-app-managed-job-left-part .applications .legend {
  margin-top: 10px;
  flex-wrap: wrap;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-app-managed-job-left-part .dashboard-managed-data {
  height: 181px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-app-managed-job-left-part .dashboard-managed-data .dashboard-section-body {
  width: 100%;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-app-managed-job-left-part .dashboard-managed-data .datasection {
  color: #1E8E3E;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  text-align: center;
  position: relative;
  top: 30px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container {
  width: 720px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory {
  height: 487px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .currentjobs {
  min-width: 194px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .pastjobs {
  min-width: 399px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .job-time-select {
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  padding: 0 0 0 10px;
  background-color: #5F6368;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .select-container {
  width: 118px;
  height: 20px;
  margin-left: 16px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .dashboard-section-table {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #F8F9FA;
  border-radius: 4px;
  border: 1px solid #DADCE0;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .dashboard-section-table .legend-label-header {
  margin: 6px 0px;
  font-size: 15px;
  white-space: nowrap;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .dashboard-section-table .legend-item .color-dot {
  height: 12px;
  margin-left: 5px;
  margin-top: 2px;
  width: 12px;
  min-width: 12px;
  border-radius: 12px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .dashboard-section-table .legend-item .legend-label {
  padding-left: 2px;
  font-size: 9pt;
  padding-right: 4px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .dashboard-section-table .legend-item .legend-label-header {
  padding-left: 2px;
  font-size: 11pt;
  padding-right: 2px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .dashboard-section-table .legend-item .legend-value {
  padding: 0px;
  margin: 0px;
  font-size: 9pt;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .dashboard-jobs-pie {
  margin-top: 40px;
  margin-right: 18px;
  justify-content: space-between;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table {
  overflow: hidden;
  font-size: 16px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table .job-section-table {
  border-spacing: 0px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table .tdlabel {
  font-size: 12px;
  font-weight: 500;
  text-align: right;
  padding-right: 15px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table .job-section-table .type {
  text-transform: capitalize;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table .jobs-table-heading {
  line-height: 20px;
  display: flex;
  flex-direction: row;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table .jobs-table-heading .jobs-table-heading-tab {
  text-align: center;
  min-width: 90px;
  cursor: pointer;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table table {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 7pt;
  margin-left: 0px;
  background-color: #F8F9FA;
  display: table;
  border-collapse: separate;
  border-spacing: 5px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table table tr td {
  padding-top: 2px;
  padding-bottom: 2px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table table tr td:first-child {
  padding-top: 2px;
  padding-bottom: 2px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table.jobs-table-side {
  font-size: 12px;
  font-weight: 400;
  width: 184px;
  max-height: 340px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table.jobs-table-side .jobs-table-heading-tab {
  font-weight: 400;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table.jobs-table-side .activejobview {
  font-weight: 400;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table.jobs-table-side .job-side-list {
  overflow-y: scroll;
  border: 1px solid #DADCE0;
  border-radius: 0px 0px 4px 4px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table.jobs-table-side .job-section-table {
  padding-left: 4px;
  width: 100%;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-job-container .jobhistory .jobs-table.jobs-table-side span.legend-label {
  font-size: 12px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health {
  align-items: stretch;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health .olay {
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.3s;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health .olay .body {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 200px;
  font-size: 12px;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: transparent;
  box-shadow: none;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health .olay .body:after {
  width: 70px;
  height: 70px;
  margin: -60px 0 0 -30px;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  border: 5px solid rgba(140, 197, 62, 0.2);
  border-left-color: rgb(140, 197, 62);
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading 0.75s infinite linear;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health .olay.on {
  opacity: 0.9;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health .dashboard-section-body {
  height: 487px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData {
  margin-top: 20px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section:last-child {
  margin-bottom: 0px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section {
  margin-bottom: 16px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section h3 {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 4px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table {
  border-collapse: separate;
  border-spacing: 4px;
  margin: -4px 0px 0px -4px;
  table-layout: fixed;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table tr {
  height: 28px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table td {
  font-size: 12px;
  line-height: 16px;
  border-radius: 4px;
  min-width: 14px;
  height: 16px;
  padding: 6px 5px 6px 5px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-label {
  background-color: #F8F9FA;
  border: 1px solid #DADCE0;
  border-radius: 4px;
  white-space: nowrap;
  width: 137px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-cell, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-ignore, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-error, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-warning, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-success {
  color: #ffffff;
  background-color: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #DADCE0;
  opacity: 0.4;
  text-align: center;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-cell a, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-ignore a, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-error a, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-warning a, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-success a {
  color: #ffffff;
  text-decoration: none;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-success {
  background-color: #1E8E3E;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-warning {
  background-color: #FA903E;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-error {
  background-color: #D93025;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-ignore a {
  color: #000;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-events, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-updates {
  height: 151px;
  margin-bottom: 10px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-events .datasection-item, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-updates .datasection-item {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  min-width: 94px;
  height: 99px;
  margin-top: 10px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-events .datasection-item img, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-updates .datasection-item img {
  height: 20px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-updates {
  height: 181px;
  align-items: stretch;
  width: 312px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-managed-data {
  height: 181px;
  width: 1400px;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-managed-data .dashboard-section-body {
  width: 100%;
}
.dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-managed-data .datasection {
  color: #1E8E3E;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  text-align: center;
  position: relative;
  top: 30px;
}

.dashboard-flex-container-1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
  width: 1400px;
  height: 688px;
}
.dashboard-flex-container-1 .dashboard-left-container {
  display: flex;
  flex-direction: column;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-dedup-part {
  width: 1076px;
  height: 143px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-dedup-part .dashboard-dedup {
  width: 100%;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-dedup-part .dashboard-dedup .dashboard-section-header {
  margin-bottom: 14px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-dedup-part .datasection {
  justify-content: space-around;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-dedup-part .datasection .datasection-item .datasection-item-value {
  color: #1E8E3E;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part {
  margin-bottom: 10px;
  width: 1076px;
  height: 535px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-app-managed-job-left-part {
  margin-right: 10px;
  width: 346px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-app-managed-job-left-part .applications {
  height: 304px;
  width: 100%;
  margin-bottom: 10px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-app-managed-job-left-part .applications .legend {
  margin-top: 10px;
  flex-wrap: wrap;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-app-managed-job-left-part .dashboard-managed-data {
  height: 181px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-app-managed-job-left-part .dashboard-managed-data .dashboard-section-body {
  width: 100%;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-app-managed-job-left-part .dashboard-managed-data .datasection {
  color: #1E8E3E;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  text-align: center;
  position: relative;
  top: 30px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container {
  width: 720px;
  height: 535px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory {
  height: 495px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .currentjobs {
  min-width: 194px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .pastjobs {
  min-width: 399px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .job-time-select {
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  padding: 0 0 0 10px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .select-container {
  width: 118px;
  height: 20px;
  margin-left: 16px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .dashboard-section-table {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #F8F9FA;
  border-radius: 4px;
  border: 1px solid #DADCE0;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .dashboard-section-table .legend-label-header {
  margin: 6px 0px;
  font-size: 15px;
  white-space: nowrap;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .dashboard-section-table .legend-item .color-dot {
  height: 12px;
  margin-left: 5px;
  margin-top: 2px;
  width: 12px;
  min-width: 12px;
  border-radius: 12px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .dashboard-section-table .legend-item .legend-label {
  padding-left: 2px;
  font-size: 9pt;
  padding-right: 4px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .dashboard-section-table .legend-item .legend-label-header {
  padding-left: 2px;
  font-size: 11pt;
  padding-right: 2px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .dashboard-jobs-column .legend .dashboard-section-table .legend-item .legend-value {
  padding: 0px;
  margin: 0px;
  font-size: 9pt;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .dashboard-jobs-pie {
  margin-top: 40px;
  margin-right: 18px;
  justify-content: space-between;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table {
  overflow: hidden;
  font-size: 16px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table .job-section-table {
  border-spacing: 0px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table .tdlabel {
  font-size: 12px;
  font-weight: 500;
  text-align: right;
  padding-right: 15px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table .job-section-table .type {
  text-transform: capitalize;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table .jobs-table-heading {
  line-height: 20px;
  display: flex;
  flex-direction: row;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table .jobs-table-heading .jobs-table-heading-tab {
  text-align: center;
  min-width: 90px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table table {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 7pt;
  margin-left: 0px;
  background-color: #F8F9FA;
  display: table;
  border-collapse: separate;
  border-spacing: 5px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table table tr td {
  padding-top: 2px;
  padding-bottom: 2px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table table tr td:first-child {
  padding-top: 2px;
  padding-bottom: 2px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table.jobs-table-side {
  font-size: 12px;
  font-weight: 400;
  width: 184px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table.jobs-table-side .jobs-table-heading-tab {
  font-weight: 400;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table.jobs-table-side .activejobview {
  font-weight: 400;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table.jobs-table-side .job-side-list {
  overflow-y: scroll;
  border: 1px solid #DADCE0;
  border-radius: 0px 0px 4px 4px;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table.jobs-table-side .job-section-table {
  padding-left: 4px;
  width: 100%;
}
.dashboard-flex-container-1 .dashboard-left-container .dashboard-app-managed-job-part .dashboard-job-container .jobhistory .jobs-table.jobs-table-side span.legend-label {
  font-size: 12px;
}
.dashboard-flex-container-1 .dashboard-right-container {
  width: 314px;
  height: 688px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-events, .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-updates {
  height: 151px;
  margin-bottom: 10px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-events .datasection-item, .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-updates .datasection-item {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  min-width: 94px;
  height: 76px;
  margin-top: 10px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-events .datasection-item img, .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-updates .datasection-item img {
  height: 20px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health {
  height: 527px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health .olay {
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.3s;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health .olay .body {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 200px;
  font-size: 12px;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: transparent;
  box-shadow: none;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health .olay .body:after {
  width: 70px;
  height: 70px;
  margin: -60px 0 0 -30px;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  border: 5px solid rgba(140, 197, 62, 0.2);
  border-left-color: rgb(140, 197, 62);
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading 0.75s infinite linear;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health .olay.on {
  opacity: 0.9;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health .dashboard-section-body {
  height: 487px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData {
  margin-top: 20px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section:last-child {
  margin-bottom: 0px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section {
  margin-bottom: 16px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section h3 {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 4px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table {
  border-collapse: separate;
  border-spacing: 4px;
  margin: -4px 0px 0px -4px;
  table-layout: fixed;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table tr {
  height: 28px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table td {
  font-size: 12px;
  line-height: 16px;
  border-radius: 4px;
  min-width: 14px;
  height: 16px;
  padding: 6px 5px 6px 5px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-label {
  background-color: #F8F9FA;
  border: 1px solid #DADCE0;
  border-radius: 4px;
  white-space: nowrap;
  width: 137px;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-cell, .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-ignore, .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-error, .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-warning, .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-success, .dashboard-flex-container-1 .dashboard-right-container .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-success, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-success, .dashboard-flex-container-1 .dashboard-right-container .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-warning, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-warning, .dashboard-flex-container-1 .dashboard-right-container .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-error, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-error, .dashboard-flex-container-1 .dashboard-right-container .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-ignore, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-ignore {
  color: #ffffff;
  background-color: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #DADCE0;
  opacity: 0.4;
  text-align: center;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-cell a, .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-ignore a, .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-error a, .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-warning a, .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-success a, .dashboard-flex-container-1 .dashboard-right-container .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-success a, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-success a, .dashboard-flex-container-1 .dashboard-right-container .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-warning a, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-warning a, .dashboard-flex-container-1 .dashboard-right-container .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-error a, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-error a, .dashboard-flex-container-1 .dashboard-right-container .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-ignore a, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-ignore a {
  color: #ffffff;
  text-decoration: none;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-success {
  background-color: #1E8E3E;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-warning {
  background-color: #FA903E;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-error {
  background-color: #D93025;
}
.dashboard-flex-container-1 .dashboard-right-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-ignore a {
  color: #000;
}
.dashboard-flex-container-1 .dashboard-tile .dashboard-section-header:after {
  content: "";
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 14px;
  height: 14px;
  margin-left: 10px;
  border: 2px solid rgba(140, 197, 62, 0.2);
  border-left-color: rgb(140, 197, 62);
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading 0.5s infinite linear;
}
.dashboard-flex-container-1 .dashboard-tile .dashboard-section-header.initial {
  display: none;
}
.dashboard-flex-container-1 .dashboard-tile.updating .dashboard-section-header:after {
  display: inline-block;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.color-dot-application-managed {
  background: #1E8E3E;
}

.color-dot-application-unmanaged {
  background: #D93025;
}

.color-dot-application-unscheduled {
  background: #FBBC04;
}

.color-dot-job-running {
  background: #3B78E7;
}

.color-dot-job-succeeded {
  background: #1E8E3E;
}

.color-dot-job-failed {
  background: #D93025;
}

.color-dot-job-retried {
  background: #F6AEA9;
}

.color-dot-job-queued {
  background: #5F6368;
}

.color-dot-job-notrun {
  background: #FA903E;
}

.noRights {
  text-align: center;
  color: rgba(0, 0, 0, 0.66);
  font-weight: 500;
  font-size: 13px;
}

.padding-left-10 {
  padding-left: 10px;
}

.agm-common-status-dialog {
  color: #748285;
}
.agm-common-status-dialog h2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 22px;
  font-weight: 400;
  color: #748285;
}
.agm-common-status-dialog h2:before {
  margin-right: 10px;
  font-size: 30px;
  vertical-align: middle;
}
.agm-common-status-dialog .modal-heading {
  padding: 20px 15px;
}
.agm-common-status-dialog .modal-header.modal-contents, .agm-common-status-dialog .modal-actions {
  margin: 0px;
  padding: 20px;
}
.agm-common-status-dialog .modal-main {
  width: 450px;
}
.agm-common-status-dialog .modal-contents {
  overflow-y: visible;
  font-size: 14px;
  padding: 0 20px 0 55px;
}
.agm-common-status-dialog .modal-actions a {
  margin-right: 20px;
}
.agm-common-status-dialog .modal-actions .button-primary, .agm-common-status-dialog .modal-actions button.button.button-primary-medium,
.agm-common-status-dialog .modal-actions input.button.button-primary-medium, .agm-common-status-dialog .modal-actions button.button.button-small,
.agm-common-status-dialog .modal-actions input.button.button-small, .agm-common-status-dialog .modal-actions button.button.apply-filters, .agm-common-status-dialog .modal-actions button.button.policy-editor-advanced-settings-test,
.agm-common-status-dialog .modal-actions input.button.policy-editor-advanced-settings-test {
  margin: 0px;
  min-width: 75px;
  font-size: 14px;
}

.change-password-styles {
  position: fixed;
  z-index: 1000000;
}
.change-password-styles .modal-actions {
  padding-right: 28px;
}
.change-password-styles .modal-contents {
  padding-left: 40px;
}
.change-password-styles .modal-contents .new-password-modal .pass-heading {
  margin-top: -10px;
  font-size: 14px;
  margin-bottom: 15px;
  color: #8c8c86;
}
.change-password-styles .modal-contents .new-password-modal label {
  width: 145px;
}
.change-password-styles .modal-contents .new-password-modal div {
  width: 382px;
}
.change-password-styles .modal-contents .new-password-modal .error-text {
  word-wrap: break-word;
}
.change-password-styles .modal-contents .new-password-modal .addBorder, .change-password-styles .modal-contents .new-password-modal .addBorder:focus {
  border-color: red;
}
.change-password-styles .modal-heading {
  padding-left: 30px;
}

.agm-common-info-dialog h2:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f05a';
  display: inline-block;
  vertical-align: middle;
  color: #286495;
}

.go-to-gcp-infomodal .modal-contents {
  font-size: 1.4em;
  line-height: 1.6;
  padding-left: 30px;
}
.go-to-gcp-infomodal .modal-contents a {
  color: #3367D6;
  text-decoration: underline;
}

.agm-common-error-dialog h2:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f06a';
  display: inline-block;
  vertical-align: middle;
  color: #D93025;
}

.agm-common-success-dialog h2:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  display: inline-block;
  vertical-align: middle;
  color: #1E8E3E;
}

.agm-common-warning-dialog h2:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f071';
  display: inline-block;
  vertical-align: middle;
  color: #FBBC04;
}

.agm-common-confirm-dialog h2:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f059';
  display: inline-block;
  vertical-align: middle;
  color: #1E8E3E;
}

.agm-common-info-dialog h2:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f05a';
  display: inline-block;
  vertical-align: middle;
}

.agm-guided-tour h2 {
  text-transform: none;
}

.agm-common-status-dialog .modal-main {
  word-wrap: break-word;
}

.prof-not-applicable {
  color: #666;
}

.modal-contents {
  max-height: 460px;
}
.modal-contents .warning-dialog {
  overflow-y: scroll;
  height: 100px;
  border-style: solid;
  border-color: black;
}
.modal-contents .warning-dialog th {
  color: #D93025;
  font-size: 14px;
}
.modal-contents .warning-dialog td {
  color: #D93025;
}
.modal-contents .para-bottom {
  padding-top: 10px;
}

.application-deletion-warning-dialog {
  overflow-y: scroll;
  height: 160px;
  border-style: solid;
  border-color: black;
}
.application-deletion-warning-dialog th {
  color: #D93025;
  font-size: 14px;
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
.application-deletion-warning-dialog td {
  color: #D93025;
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  font-size: 12px;
}

.agm-app-grid [data-col-name=protection] {
  width: 40px;
  padding: 0;
  text-align: center;
}
.agm-app-grid [data-col-name=protection] .status:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 4px;
  vertical-align: middle;
  background: no-repeat 50% 50%;
  background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=undefined.undefined);
  background-size: auto 18px;
}
.agm-app-grid [data-col-name=protection] .status .text {
  overflow: hidden;
  text-indent: 100%;
  font-size: 0;
}
.agm-app-grid .items [data-col-name=protection] .status.managed:before {
  background-image: url(/src/assets/images/Protection_Protected.png?agm-ver=undefined.undefined);
}
.agm-app-grid .items [data-col-name=protection] .status.disabled:before {
  background-image: url(/src/assets/images/Protection_ProtectionPaused.png?agm-ver=undefined.undefined);
}
.agm-app-grid .items [data-col-name=protection] .status.orphan:before {
  background-image: url(/src/assets/images/Protection_TableLabel.png?agm-ver=undefined.undefined);
}
.agm-app-grid .items [data-col-name=protection] .status.ignored:before {
  background-image: url(/src/assets/images/ignored-shield.png?agm-ver=undefined.undefined);
}
.agm-app-grid .items [data-col-name=application].indented {
  padding-left: 29px;
}
.agm-app-grid .items [data-col-name=application].double-indented {
  padding-left: 50px;
}
.agm-app-grid .items .data-row i.members-loader {
  margin-left: 50%;
  margin-top: 5px;
}
.agm-app-grid .items .no-items.error p {
  font-size: 14px;
  margin-top: 10px;
}
.agm-app-grid .footer .meta .keyword {
  font-weight: bold;
}
.agm-app-grid .footer .pagination button {
  font-size: 14px;
}
.agm-app-grid .consolidated-app-link:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: '\f24d';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 10px;
  top: 0;
  line-height: 40px;
}
.agm-app-grid [data-col-name=application].double-indented .consolidated-app-link:before {
  left: 30px;
}
.agm-app-grid .ignored-app .middle-truncate .start:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: '\f256';
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  color: #3367D6;
}
.agm-app-grid .selected [data-col-name=protection] .status:before {
  background-color: #fff;
}
.agm-app-grid .selected .ignored-app .middle-truncate .start:before {
  color: #fff;
}
.agm-app-grid button.action[data-action=Next] {
  min-width: 150px;
  font-size: 18px;
}
.agm-app-grid .cancel_btn.link {
  font-weight: normal;
}

.sla-policy-warning p {
  color: red;
}

.expire-options-top .expire-policy {
  display: flex;
}
.expire-options-top .expire-policy p {
  padding-right: 15px;
}
.expire-options-top .expire-policy .user-input {
  display: inline-block;
}
.expire-options-top .expire-policy .user-input #enableAppExpireImages {
  display: none;
}

.expire-options {
  padding-top: 10px;
}
.expire-options #expire-all-images {
  font-size: 1.2em;
  margin: 0;
}

.reminder-warning {
  color: red;
}

.modal-container.app-grid-modal {
  position: fixed;
}
.modal-container.app-grid-modal .link {
  cursor: pointer;
}

.app-sidebar-list-container {
  height: 100vh;
}
.app-sidebar-list-container .footer .pagination button {
  min-width: 25px;
  margin: 0;
}
.app-sidebar-list-container .footer .pagination input[type=number] {
  width: 36px;
}
.app-sidebar-list-container .actifio-grid .toolbar {
  height: auto;
}
.app-sidebar-list-container .actifio-grid .toolbar .data-search {
  width: 70%;
}
.app-sidebar-list-container .actifio-grid .toolbar .data-search .text-input {
  width: 100%;
}
.app-sidebar-list-container .actifio-grid .items {
  top: 81px !important;
}

.olay {
  z-index: 1000000;
}

.xdsoft_datetimepicker {
  z-index: 10000;
}

.expire-app-image p.schedule-expiration1 {
  padding-right: 55px;
}
.expire-app-image .manage-app-image-expiration {
  color: #5f6a6d;
  padding-top: 10px;
}
.expire-app-image .manage-app-image-expiration #log-ul li {
  list-style-type: disc;
}
.expire-app-image .manage-app-image-expiration label {
  display: contents;
}
.expire-app-image .manage-app-image-expiration label.control-label {
  text-transform: none;
  color: #5f6a6d;
  font-weight: 400;
}
.expire-app-image .manage-app-image-expiration label.control-label-log {
  border-bottom: 1px dotted black;
  display: inline-block;
}
.expire-app-image .manage-app-image-expiration label.control-label-bold {
  text-transform: none;
  color: #5f6a6d;
  font-weight: 800;
}
.expire-app-image .manage-app-image-expiration .now-group {
  padding-top: 7px;
  padding-bottom: 7px;
}
.expire-app-image .manage-app-image-expiration .never-group {
  padding-top: 7px;
  padding-bottom: 7px;
}
.expire-app-image .manage-app-image-expiration .unchanged-group {
  margin-top: 10px;
  margin-bottom: 15px;
}
.expire-app-image .manage-app-image-expiration input {
  width: 30px;
}
.expire-app-image .manage-app-image-expiration input.expire-date {
  width: 130px;
}
.expire-app-image .manage-app-image-expiration input.manage {
  width: 15px;
}
.expire-app-image .manage-app-image-expiration input.extendcount {
  margin-left: 37px;
}
.expire-app-image .manage-app-image-expiration input.shortencount {
  margin-left: 33px;
}
.expire-app-image .manage-app-image-expiration input.expire-date {
  margin-left: 11px;
}
.expire-app-image .manage-app-image-expiration input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #55555A;
}
.expire-app-image .manage-app-image-expiration input::-moz-placeholder { /* Firefox 19+ */
  color: #55555A;
}
.expire-app-image .manage-app-image-expiration input:-ms-input-placeholder { /* IE 10+ */
  color: #55555A;
}
.expire-app-image .manage-app-image-expiration input:-moz-placeholder { /* Firefox 18- */
  color: #55555A;
}
.expire-app-image .manage-app-image-expiration select {
  width: 75px;
}
.expire-app-image .manage-app-image-expiration select#select-logs1 {
  min-width: 230px;
  width: 230px;
  margin-left: 100px;
}
.expire-app-image .manage-app-image-expiration #log-tooltip {
  display: block;
  margin-top: 390px;
  margin-left: 260px;
}
.expire-app-image .manage-app-image-expiration .input-margin {
  margin-left: 10px;
}

.agm-logical-group-modal .modal-main {
  width: 800px;
}
.agm-logical-group-modal .modal-main .modal-heading {
  padding: 10px 30px 5px 30px;
}
.agm-logical-group-modal .modal-main .manage-logical-group {
  width: 750px;
}
.agm-logical-group-modal .modal-main .manage-logical-group .toolbar-lg {
  float: right;
  margin: 10px;
}
.agm-logical-group-modal .modal-main .manage-logical-group .toolbar-lg button {
  display: inline-block;
  background: #797975;
  color: #fff;
  border: none;
  text-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  font-size: 14px;
  line-height: 30px;
  min-width: auto;
  padding: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 10px;
}
.agm-logical-group-modal .modal-main .manage-logical-group .toolbar-lg button#logicalgrpadd.logicaladd {
  visibility: visible;
}
.agm-logical-group-modal .modal-main .manage-logical-group .toolbar-lg button#logicalgrpadd.logicalremove {
  visibility: hidden;
}
.agm-logical-group-modal .modal-main .manage-logical-group .toolbar-lg button:disabled {
  background: lightgray;
}
.agm-logical-group-modal .modal-main .manage-logical-group .logical-group-grid {
  position: relative;
  min-height: 250px;
  min-width: 750px;
  border: 1px solid lightgray;
}
.agm-logical-group-modal .modal-main .manage-logical-group .header-text {
  font-size: 1.25em;
}
.agm-logical-group-modal .modal-main .manage-logical-group .create-lg-form {
  background: #fff;
  padding-left: 0px;
}
.agm-logical-group-modal .modal-main .manage-logical-group .create-lg-form .form-section {
  width: 100%;
  display: inline-flex;
  margin-bottom: 13px;
  justify-content: normal;
}
.agm-logical-group-modal .modal-main .manage-logical-group .create-lg-form .form-section label {
  width: 30%;
  margin: auto 0;
  font-size: 15px;
}
.agm-logical-group-modal .modal-main .manage-logical-group .create-lg-form .form-section input {
  width: 40%;
  margin: auto 0;
}
.agm-logical-group-modal .modal-main .manage-logical-group .add-to-group-node {
  font-size: 1.2em;
  margin: 2px 0px;
  padding: 5px 0px;
}
.agm-logical-group-modal .modal-main .manage-logical-group .intro {
  margin: 10px 0px;
}
.agm-logical-group-modal .modal-main .manage-logical-group .intro .radio-group-main {
  display: inline-flex;
}
.agm-logical-group-modal .modal-main .manage-logical-group .intro .radio-container {
  padding-top: 5px;
  vertical-align: top;
}
.agm-logical-group-modal .modal-main .manage-logical-group .intro .manage-radio-lg {
  vertical-align: top;
  margin: 2px 5px 0 0;
}
.agm-logical-group-modal .modal-main .modal-actions {
  margin: initial;
  padding: 10px 0;
}

.agm-out-of-band-modal {
  z-index: 1000;
}
.agm-out-of-band-modal label {
  text-transform: none;
}
.agm-out-of-band-modal .required {
  color: red;
}
.agm-out-of-band-modal .modal-main {
  width: 850px;
}
.agm-out-of-band-modal .modal-main .modal-heading h2 {
  font-size: 1.8em !important;
  display: inline;
}
.agm-out-of-band-modal .modal-main .modal-heading .volumes-modal-help {
  float: right;
  display: inline;
  font-size: 14px;
  text-align: right;
  padding-right: 20px;
  color: #3367D6;
}
.agm-out-of-band-modal .modal-main .modal-heading .volumes-modal-help a {
  color: inherit;
}
.agm-out-of-band-modal .modal-main .modal-heading .volumes-modal-help i {
  vertical-align: super;
}
.agm-out-of-band-modal .modal-main .modal-heading .volumes-modal-help .volumes-modal-settings {
  color: inherit;
  margin-left: 3px;
}
.agm-out-of-band-modal .modal-main .modal-contents {
  max-height: inherit;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .app-details-container, .agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container {
  display: flex;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .app-details-container .field-group, .agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .field-group {
  display: table-cell;
  padding: 10px 10px 10px 0px;
  width: 60%;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .app-details-container .field-group input, .agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .app-details-container .field-group select, .agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .field-group input, .agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .field-group select {
  width: 60%;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .app-details-container .field-group label, .agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .field-group label {
  display: inline-block;
  text-align: right;
  min-width: 120px;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .app-details-container .field-group #reservespace, .agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .field-group #reservespace {
  width: 45px;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .app-details-container .field-group #reservespace + label, .agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .field-group #reservespace + label {
  min-width: auto;
  vertical-align: middle;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .app-details-container .field-group #space-check, .agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .field-group #space-check {
  margin: -7px 3px 0px 3px;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .app-details-container .host-details, .agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .host-details {
  border: solid 1px lightgray;
  border-radius: 10px;
  background-color: #eee;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .app-details-container .host-details label, .agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .host-details label {
  background: lightgray;
  padding: 5px 7px 5px 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #000;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .app-details-container .host-details .value, .agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .host-details .value {
  font-size: 1.4em;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container {
  display: flex;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .field-group {
  width: 50%;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .field-group input {
  width: 50%;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .field-group #vgsnapreservespace {
  width: 50px;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .script-container .field-group #vgsnapreservespace + label {
  min-width: 10px;
}
.agm-out-of-band-modal .modal-main .modal-contents .out-of-band-prop-container .logical-volumes-grid {
  position: relative;
  height: 200px;
  border: solid 1px lightgray;
}
.agm-out-of-band-modal .modal-main .modal-contents .invalid {
  border-color: red !important;
}
.agm-out-of-band-modal #error-container {
  font-size: 1.3em;
  color: red;
  font-style: italic;
}

.agm-consistency-group-modal .modal-main {
  width: 800px;
}
.agm-consistency-group-modal .modal-main .modal-heading {
  padding: 10px 30px 5px 30px;
}
.agm-consistency-group-modal .modal-main .modal-contents {
  overflow-x: hidden;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group {
  width: 750px;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .toolbar-cg {
  float: right;
  margin: 10px;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .consistency-group-grid {
  position: relative;
  min-height: 250px;
  min-width: 750px;
  border: 1px solid lightgray;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .header-text {
  font-size: 1.25em;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .create-cg-form {
  background: #fff;
  padding-left: 0px;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .create-cg-form .form-section {
  width: 100%;
  display: inline-flex;
  margin-bottom: 13px;
  justify-content: normal;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .create-cg-form .form-section label {
  display: inline-flex;
  width: 30%;
  margin: auto 0;
  font-size: 15px;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .create-cg-form .form-section input {
  width: 40%;
  margin: auto 0;
  font-size: 14px;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .create-cg-form .form-section select {
  width: 43%;
  margin: auto 0;
  font-size: 14px;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .add-to-group-node {
  font-size: 1.2em;
  margin: 2px 0px;
  padding: 5px 0px;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .intro {
  margin: 10px 0px;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .intro .radio-group-main {
  display: inline-flex;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .intro .radio-container {
  padding-top: 5px;
  vertical-align: top;
}
.agm-consistency-group-modal .modal-main .manage-consistency-group .intro .manage-radio-cg {
  vertical-align: top;
  margin: 2px 5px 0 0;
}
.agm-consistency-group-modal .modal-main .modal-actions {
  margin: initial;
  padding: 10px 0;
}

.modal-container.manage-membership-dialog {
  opacity: 1;
}
.modal-container.manage-membership-dialog .modal-main {
  width: 75%;
  height: 620px;
}
.modal-container.manage-membership-dialog .modal-contents {
  height: 75%;
  max-height: 75%;
}
.modal-container.manage-membership-dialog h2 {
  color: #000000;
  font-size: 20px;
}
.modal-container.manage-membership-dialog h3 {
  font-size: 16px;
}
.modal-container.manage-membership-dialog .separator {
  border: 1px;
  background: #eeeeee;
  width: 1px;
  margin: 0 2%;
  height: 420px;
  float: left;
}
.modal-container.manage-membership-dialog .eligible-members-section {
  width: 55%;
  height: 100%;
}
.modal-container.manage-membership-dialog .eligible-members-section p {
  margin-bottom: 0px;
  font-size: 1.2em;
  overflow: auto;
  color: #5f6a6d;
  min-height: 55px;
}
.modal-container.manage-membership-dialog .eligible-members-section select {
  text-transform: capitalize;
}
.modal-container.manage-membership-dialog .eligible-members-section .headers .agm-check.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.modal-container.manage-membership-dialog .eligible-members-section .grid-container {
  margin-top: 1em;
}
.modal-container.manage-membership-dialog .eligible-members-section label {
  position: relative;
  top: -2px;
}
.modal-container.manage-membership-dialog .eligible-members-section .actifio-grid .toolbar .data-search.auto-submit {
  width: 50%;
}
.modal-container.manage-membership-dialog .eligible-members-section .actifio-grid .toolbar .data-search.auto-submit .text-input {
  width: 105%;
}
.modal-container.manage-membership-dialog .ineligible-members-section {
  width: 40%;
  height: 100%;
}
.modal-container.manage-membership-dialog .ineligible-members-section .toolbar-items {
  display: none;
}
.modal-container.manage-membership-dialog .ineligible-members-section .list-align {
  margin-bottom: 42px;
}
.modal-container.manage-membership-dialog .ineligible-members-section p {
  font-size: 1.2em;
  margin-bottom: 5px;
  overflow: auto;
  color: #5f6a6d;
}
.modal-container.manage-membership-dialog .ineligible-members-section .independent-desc {
  min-height: 95px;
}
.modal-container.manage-membership-dialog .agm-base-grid .header-cell {
  text-align: center;
}
.modal-container.manage-membership-dialog .items [data-col-name*=Capacity] {
  text-align: right;
}
.modal-container.manage-membership-dialog ul li {
  list-style: disc;
  color: #5f6a6d;
}
.modal-container.manage-membership-dialog .grid-container {
  position: relative;
  height: 62%;
}
.modal-container.manage-membership-dialog .grid-container .data-search {
  margin: 0;
}
.modal-container.manage-membership-dialog .grid-container .data-search.auto-submit {
  height: 28px;
}
.modal-container.manage-membership-dialog .grid-container .data-search.auto-submit .text-input {
  padding-right: 5px;
}
.modal-container.manage-membership-dialog .grid-container .data-search input {
  margin: 0;
}
.modal-container.manage-membership-dialog .grid-container .data-search .submit-btn,
.modal-container.manage-membership-dialog .grid-container .data-search .submit-btn:disabled,
.modal-container.manage-membership-dialog .grid-container .data-search .clear-btn {
  left: 88%;
}
.modal-container.manage-membership-dialog .grid-container .actifio-grid {
  border: 1px solid #ccc;
}
.modal-container.manage-membership-dialog .grid-container .actifio-grid .toolbar {
  height: auto;
}
.modal-container.manage-membership-dialog .grid-container .actifio-grid .items {
  top: 78px;
}
.modal-container.manage-membership-dialog .grid-container .actifio-grid .items .data-row.greyed {
  opacity: 0.6;
}
.modal-container.manage-membership-dialog .grid-container .actifio-grid .items .data-row:not(.selected).greyed > .inner:hover {
  background: transparent;
}
.modal-container.manage-membership-dialog .grid-container .actifio-grid .items .data-row.greyed > .inner:hover {
  cursor: default;
}
.modal-container.manage-membership-dialog .grid-container .actifio-grid .items .hide {
  display: none;
}
.modal-container.manage-membership-dialog .grid-container .actifio-grid .toolbar {
  height: 38px;
}
.modal-container.manage-membership-dialog .grid-container .actifio-grid .toolbar .show-selected {
  margin-left: 27px;
  float: left;
}
.modal-container.manage-membership-dialog .grid-container .actifio-grid .toolbar .toolbar-items {
  width: 30px;
  height: 30px;
  float: right;
  margin: 0;
  position: relative;
}
.modal-container.manage-membership-dialog .grid-container .actifio-grid .toolbar .toolbar-items.refresh-list {
  padding: 2px 8px 8px 8px;
  cursor: pointer;
  top: -2px;
}
.modal-container.manage-membership-dialog .grid-container .headers .header-cell {
  height: 35px;
}
.modal-container.manage-membership-dialog .modal-actions {
  margin: 0px 50px;
  padding: 0px;
}

.actifio-grid.ineligible-vol-grid .items .no-items {
  color: grey;
  font-size: 18px;
}

.app-sidebar-list-container {
  height: 94vh;
}
.app-sidebar-list-container .footer .pagination button {
  min-width: 25px;
  margin: 0;
}
.app-sidebar-list-container .footer .pagination input[type=number] {
  width: 36px;
}
.app-sidebar-list-container .actifio-grid {
  top: 4%;
}
.app-sidebar-list-container .actifio-grid .data-search .submit-btn {
  right: 0;
  left: auto !important;
}
.app-sidebar-list-container .leftpanel-draggable-div {
  height: 100%;
  width: 5px;
  position: absolute;
  right: 0;
  cursor: col-resize;
}
.app-sidebar-list-container .leftpanel-filters-div {
  height: 4%;
  width: 100%;
}
.app-sidebar-list-container .leftpanel-filters-div .sidebar-toggle-wrap {
  margin: 2% 1%;
}
.app-sidebar-list-container .leftpanel-filters-div .sidebar-toggle {
  text-decoration: none;
  font-size: 12px;
}
.app-sidebar-list-container .leftpanel-filters-div.show-filters .sidebar-toggle:before {
  content: "\f0d8";
  margin-right: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.app-sidebar-list-container .leftpanel-filters-div.hide-filters .sidebar-toggle:before {
  content: "\f0d7";
  margin-right: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.app-sidebar-list-container .leftpanel-filters-div .filter-tags-wrap {
  position: absolute;
  z-index: 99;
  background-color: #f1f1ed;
  width: 96%;
  padding: 2%;
  border: 1px solid #dcdcdc;
}
.app-sidebar-list-container .leftpanel-filters-div .filter-tags-wrap button.tag {
  font-size: 12px;
  padding: 1% 1.5%;
  margin: 1%;
  box-shadow: none;
  border: 1px solid #bfbfbf;
}
.app-sidebar-list-container input[type=number]::-webkit-inner-spin-button,
.app-sidebar-list-container input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.discoverapps-container {
  height: inherit;
}
.discoverapps-container > div {
  height: inherit;
  margin-bottom: 0;
}

.add-application-section {
  padding: 1.5%;
}
.add-application-section h3 {
  font-size: 24px;
}
.add-application-section .discover-toggle {
  overflow: auto;
}
.add-application-section .discover-toggle label {
  text-transform: initial;
  font-size: 16px;
}
.add-application-section .discover-toggle > div {
  width: 20%;
  float: left;
}
.add-application-section .discover-toggle ul {
  margin: 1% 0 0 0;
}
.add-application-section .discover-toggle ul li {
  float: left;
  margin: 0 1% 0 0;
}
.add-application-section .discover-toggle ul li label {
  font-weight: normal;
}
.add-application-section .discover-toggle ul li .add-application-label {
  font-weight: bold;
}

.content-section {
  height: calc(100vh - 11rem);
}
.content-section .tabcontent {
  position: relative;
  height: calc(100vh - 201px);
  width: 98%;
  background: white;
}
.content-section .tabcontent .agm-base-grid {
  margin: 0;
}
.content-section #existing-host-tab {
  border-top: 1px solid #ccc;
}
.content-section #existing-host-tab .agm-filterable-grid-container {
  position: static;
}
.content-section #existing-host-tab .agm-filterable-grid-container .upper {
  display: none;
}
.content-section #existing-host-tab .agm-filterable-grid-container .grid-wrap {
  position: relative;
  height: 100vh;
}
.content-section #existing-host-tab .agm-filterable-grid-container .indented {
  padding-left: 3%;
}
.content-section #existing-host-tab .agm-filterable-grid-container .consolidated-host-link:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: '\f24d';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 10px;
  top: 0;
  line-height: 40px;
}
.content-section #existing-host-tab .agm-filterable-grid-container [data-col-name=Appliance] .more {
  font-size: 10px;
  text-align: right;
  display: block;
}
.content-section #ip-address-tab > div {
  width: 85%;
}
.content-section #ip-address-tab .ipaddress-form {
  overflow: auto;
  padding: 2rem;
  background-color: #e2e2dd;
  border-radius: 5px;
}
.content-section #ip-address-tab .ipaddress-form li {
  width: 500px;
  display: inline-block;
  margin: 0rem 2rem 1rem 0rem;
}
.content-section #ip-address-tab .ipaddress-form li label {
  font-size: 15px;
  display: inline-block;
  width: 10rem;
}
.content-section #ip-address-tab .ipaddress-form li select {
  width: 15rem;
  border-radius: 5px;
}
.content-section #ip-address-tab .ipaddress-form li input {
  width: 14.3rem;
  border-radius: 5px;
}
.content-section #ip-address-tab .ipaddress-form li .error {
  border: 1px solid #e20101;
  margin-bottom: 0;
}
.content-section #ip-address-tab .ipaddress-form li .errormessage {
  color: #e20101;
}
.content-section #ip-address-tab .ipaddress-buttons {
  float: right;
  margin-top: 2rem;
}
.content-section #ip-address-tab .ipaddress-buttons li {
  float: left;
}
.content-section #ip-address-tab .ipaddress-buttons li:first-child {
  margin: 0.7rem 0rem;
}
.content-section #ip-address-tab .ipaddress-buttons li .button {
  min-width: 100px;
}

.file-locations-grid, .grid-with-inputs {
  position: relative;
  height: auto;
  min-height: 250px;
  border: 1px solid #ccc;
}
.file-locations-grid .items ::selection, .grid-with-inputs .items ::selection {
  background: #3367D6;
  color: #fff;
}
.file-locations-grid .data-row input, .grid-with-inputs .data-row input {
  height: 28px;
  border: 1px solid #ccc;
}
.file-locations-grid .data-row .styled-select, .grid-with-inputs .data-row .styled-select {
  /*background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;*/
  height: 29px;
  overflow: hidden;
  width: 280px;
  position: relative;
  border: 1px solid #ccc;
  background-color: #fff;
}
.file-locations-grid .data-row .styled-select select, .grid-with-inputs .data-row .styled-select select {
  background: transparent;
  border: none !important;
  font-size: 14px;
  height: 29px;
  padding: 5px;
  /* If you add too much padding here, the options won't show in IE */
  width: 298px;
  z-index: 1;
}
.file-locations-grid .data-row .styled-select, .grid-with-inputs .data-row .styled-select {
  /*background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;*/
  height: 31px;
  width: 280px;
}
.file-locations-grid .data-row .styled-select .fa-chevron-circle-down, .file-locations-grid .data-row .styled-select .fa-chevron-down, .grid-with-inputs .data-row .styled-select .fa-chevron-circle-down, .grid-with-inputs .data-row .styled-select .fa-chevron-down {
  position: relative;
  left: -41px;
  top: 1px;
  color: #999;
}
.file-locations-grid .data-row .styled-select select, .grid-with-inputs .data-row .styled-select select {
  font-size: 16px;
  height: 34px;
  width: 298px;
}
.file-locations-grid .data-row .select-input, .grid-with-inputs .data-row .select-input {
  height: 28px;
  position: absolute;
  top: 0;
  left: 2px;
  width: 254px;
  border: none;
  margin-top: 3px;
  z-index: 2;
}
.file-locations-grid .data-row .select-input:focus, .grid-with-inputs .data-row .select-input:focus {
  outline: none;
  box-shadow: none;
}
.file-locations-grid .data-row .semi-square, .grid-with-inputs .data-row .semi-square {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.file-locations-grid .data-row .inner:hover {
  background: none !important;
}

.grid-with-inputs .data-row input {
  width: 100%;
  max-width: 250px;
  height: 30px;
  padding: 2px 5px;
  text-overflow: ellipsis;
}
.grid-with-inputs .data-row .styled-select {
  width: 100%;
  max-width: 250px;
  height: 30px;
}
.grid-with-inputs .data-row .styled-select select {
  width: 100%;
  padding-right: 24px;
}
.grid-with-inputs .data-row .styled-select .select-input {
  width: calc(100% - 24px);
  margin-top: 0;
}
.grid-with-inputs .data-row .styled-select .fa-chevron-circle-down, .grid-with-inputs .data-row .styled-select .fa-chevron-down {
  left: -19px;
  font-size: 12px;
  top: -2px;
}
.grid-with-inputs .data-row .styled-select optgroup[label], .grid-with-inputs .data-row .styled-select option:disabled {
  color: #888;
}

.migrate-options {
  min-width: 770px;
}
.migrate-options .form {
  display: block;
}
.migrate-options .form-control-label, .migrate-options .appaware-label {
  min-width: 200px;
  text-align: left;
  display: inline-block;
  padding-right: 20px;
  width: 120px;
  vertical-align: middle;
  margin: 0;
}
.migrate-options .form-control, .migrate-options .appaware-input {
  display: inline-block;
}
.migrate-options .frequency-container .form-control, .migrate-options .appaware-input {
  min-width: 475px;
  margin-bottom: 17px;
}
.migrate-options .frequency-container .form-control .legend, .migrate-options .appaware-input .legend {
  width: 102%;
}
.migrate-options .frequency-container .form-control .select-value, .migrate-options .appaware-input .select-value {
  position: absolute;
  top: 8px;
  font-size: smaller;
}
.migrate-options .frequency-container .form-control input[setting=copythreadcount], .migrate-options .appaware-input input[setting=copythreadcount] {
  width: 50px;
}
.migrate-options .frequency-container .form-control .ui-state-default, .migrate-options .frequency-container .form-control .ui-widget-content .ui-state-default, .migrate-options .frequency-container .form-control .ui-widget-header .ui-state-default, .migrate-options .appaware-input .ui-state-default, .migrate-options .appaware-input .ui-widget-content .ui-state-default, .migrate-options .appaware-input .ui-widget-header .ui-state-default {
  background: darkorange;
}
.migrate-options .form-row h3 {
  font-size: 18px;
  color: #2A3036;
  padding: 10px 0px 0px 0px;
}
.migrate-options .expandable-content .form-row-container {
  border-radius: 7px;
  background-color: #ffffff;
  padding: 20px;
  white-space: nowrap;
}

.oracle-file-targets-grid-wrap {
  width: 850px;
  margin: 10px 0px;
}
.oracle-file-targets-grid-wrap div[data-col-name="Required Size"] {
  width: 200px;
}
.oracle-file-targets-grid-wrap select {
  border: 1px solid #cccccc;
}
.oracle-file-targets-grid-wrap .data-row.disabled {
  opacity: 0.6;
}

.agm-add-vm .agm-wizard-step {
  padding-top: 280px;
}
.agm-add-vm .meta {
  font-size: 12px;
  color: #666;
}
.agm-add-vm .path.meta {
  letter-spacing: 1px;
}
.agm-add-vm .search-match {
  color: rgb(232, 108, 31);
}

.agm-add-vm-modal {
  position: fixed;
  z-index: 100000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 40px 20px;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.5s;
}
.agm-add-vm-modal.active {
  opacity: 1;
}
.agm-add-vm-modal.info-modal .title:before, .agm-add-vm-modal.warning-modal .title:before, .agm-add-vm-modal.error-modal .title:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f05a';
  display: inline-block;
  vertical-align: middle;
  vertical-align: baseline;
  color: rgb(64, 93, 130);
  margin-right: 10px;
}
.agm-add-vm-modal.warning-modal .title:before {
  content: "\f071";
  color: #FBBC04;
}
.agm-add-vm-modal.error-modal .title:before {
  content: "\f057";
  color: #D93025;
}
.agm-add-vm-modal .content {
  position: relative;
  z-index: 1;
  max-width: 600px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.agm-add-vm-modal.tall .content {
  height: 100%;
}
.agm-add-vm-modal.tall .top, .agm-add-vm-modal.tall .middle, .agm-add-vm-modal.tall .bottom {
  position: absolute;
  width: 100%;
  left: 0;
}
.agm-add-vm-modal.tall .top {
  top: 0;
}
.agm-add-vm-modal.tall .middle {
  top: 60px;
  bottom: 60px;
}
.agm-add-vm-modal.tall .bottom {
  bottom: 0;
}
.agm-add-vm-modal .top, .agm-add-vm-modal .middle, .agm-add-vm-modal .bottom {
  position: relative;
}
.agm-add-vm-modal .top {
  height: 60px;
  padding: 0 40px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.agm-add-vm-modal .top .title {
  font-size: 24px;
  line-height: 60px;
  color: #666;
  text-transform: capitalize;
}
.agm-add-vm-modal .middle {
  padding: 20px 40px;
  overflow: auto;
}
.agm-add-vm-modal .middle :first-child {
  margin-top: 0;
}
.agm-add-vm-modal .middle :last-child {
  margin-bottom: 0;
}
.agm-add-vm-modal .middle ul, .agm-add-vm-modal .middle li {
  list-style: disc;
}
.agm-add-vm-modal .middle li {
  line-height: 2;
}
.agm-add-vm-modal .bottom {
  height: 60px;
  padding: 10px 40px;
  text-align: right;
  border-top: 1px solid #eee;
  text-transform: capitalize;
}
.agm-add-vm-modal .bottom button {
  margin-left: 40px;
}

body.has-add-vm-modal {
  overflow: hidden;
}

.agm-add-vm-grid {
  position: relative;
  font-size: 16px;
  overflow: visible;
}
.agm-add-vm-grid .top-wrap {
  z-index: 100;
  position: fixed;
  top: 110px;
  left: 40px;
  right: 0;
  padding: 40px 20px 0;
  background: #fff;
}
.agm-add-vm-grid .toolbar {
  height: auto;
  margin-bottom: 40px;
  background: none;
  border-bottom: none;
  padding: 0;
  text-align: left;
}
.agm-add-vm-grid .toolbar .top-wrap {
  margin-bottom: 60px;
}
.agm-add-vm-grid .toolbar .step-title {
  margin-bottom: 40px;
}
.agm-add-vm-grid .toolbar .data-search.auto-submit {
  display: block;
  float: none;
}
.agm-add-vm-grid .toolbar .data-search.auto-submit .text-input {
  background: #fff;
  border-radius: 0;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  transition: border-bottom-color 0.25s;
}
.agm-add-vm-grid .toolbar .data-search.auto-submit .text-input:focus {
  border-bottom-color: #3367D6;
}
.agm-add-vm-grid .toolbar .data-search.auto-submit button {
  font-size: 12px;
}
.agm-add-vm-grid .toolbar .data-search.auto-submit .submit-btn {
  color: #000;
  cursor: default;
}
.agm-add-vm-grid .toolbar .data-search.auto-submit .clear-btn:after {
  content: "\f00d";
}
.agm-add-vm-grid .cell-display {
  padding: 0 5px;
}
.agm-add-vm-grid .cell-display > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.agm-add-vm-grid .headers {
  background: none;
  border-bottom: none;
  font-size: 14px;
}
.agm-add-vm-grid .headers .header-cell {
  background: none;
  border-right: none;
  height: 39px;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.agm-add-vm-grid .headers .header-cell:last-child {
  border-right: none;
}
.agm-add-vm-grid.updating .items {
  display: none;
}
.agm-add-vm-grid .items {
  position: static;
}
.agm-add-vm-grid .items .data-row {
  border-top: 1px solid #eee;
  transition: border-color 0.25s;
}
.agm-add-vm-grid .items .data-row:first-child {
  border-top: none;
}
.agm-add-vm-grid .items .data-row:last-child {
  border-bottom: 1px solid #eee;
}
.agm-add-vm-grid .items .data-row:nth-child(even) {
  background: #fff;
}
.agm-add-vm-grid .items .data-row:hover, .agm-add-vm-grid .items .data-row:hover + .data-row {
  border-top-color: #fff;
}
.agm-add-vm-grid .items .data-row .inner {
  transition: background 0.25s;
}
.agm-add-vm-grid .items .data-row .inner:hover {
  background: rgba(174, 203, 250, 0.12);
}
.agm-add-vm-grid .items .data-row.selected {
  border-top-color: #fff;
}
.agm-add-vm-grid .items .data-row.selected .inner {
  background: rgba(174, 203, 250, 0.12);
}
.agm-add-vm-grid .items .data-row.selected .inner .cell-display {
  color: #333;
}
.agm-add-vm-grid .items .data-row.selected .inner .cell-display.check-col .agm-check .check-icon:before {
  color: #333;
}
.agm-add-vm-grid .items .data-row.selected + .data-row {
  border-top-color: #fff;
}
.agm-add-vm-grid .items .data-row.disabled {
  pointer-events: auto;
}
.agm-add-vm-grid .items .data-row.disabled:hover, .agm-add-vm-grid .items .data-row.disabled:hover + .data-row {
  border-top-color: #eee;
}
.agm-add-vm-grid .items .data-row.disabled .inner:hover {
  background: none;
  cursor: default;
}
.agm-add-vm-grid .items-block {
  text-align: center;
  position: relative;
  top: 0;
  padding: 40px 0;
}
.agm-add-vm-grid .items-block .msg {
  position: static;
}
.agm-add-vm-grid .items-block:after {
  display: inline-block;
  top: 40px;
  margin: 0 0 0 -30px;
  width: 60px;
  height: 60px;
  border-width: 3px;
}
.agm-add-vm-grid .has-info:hover {
  cursor: default;
}
.agm-add-vm-grid .has-info.has-info-pane .inner-el {
  color: #eee;
}
.agm-add-vm-grid .has-info .inner-el {
  position: relative;
  z-index: 2;
  cursor: default;
  transition: color 0.5s;
}
.agm-add-vm-grid .info-pane {
  display: none;
  position: absolute;
  top: 0;
  right: 100px;
  left: auto;
  width: calc(75% - 100px);
  padding: 12px 1px 0 20px;
  border-radius: 4px 0 4px 4px;
  background: rgba(51, 51, 51, 0.95);
  color: #ccc;
  font-size: 14px;
  transform: translate3d(0, 0, 0);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.25s;
}
.agm-add-vm-grid .info-pane.title-only {
  border-radius: 4px 0 0 4px;
}
.agm-add-vm-grid .info-pane .handle {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100px;
  height: 40px;
  background: rgba(51, 51, 51, 0.95);
  border-radius: 0 4px 4px 0;
}
.agm-add-vm-grid .info-pane .handle .dots {
  display: flex;
  align-items: center;
  height: 40px;
}
.agm-add-vm-grid .info-pane .heading {
  line-height: 1.4;
  margin-bottom: 10px;
  height: 18px;
}
.agm-add-vm-grid .info-pane .heading .vm-name {
  color: #000;
  max-width: 250px;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.agm-add-vm-grid .info-pane .content {
  max-height: 150px;
  overflow: auto;
}
.agm-add-vm-grid .info-pane .content p {
  color: #ccc;
  font-size: 14px;
}
.agm-add-vm-grid .info-pane .content ul, .agm-add-vm-grid .info-pane .content li {
  list-style: disc;
}
.agm-add-vm-grid .info-pane .content ul {
  padding-left: 40px;
}

.agm-add-vm .discover-step {
  padding-top: 260px;
}
.agm-add-vm .discover-step.has-search {
  padding-top: 330px;
}
.agm-add-vm .discover-step.no-servers {
  padding-top: 150px;
}
.agm-add-vm .discover-step.no-servers .no-server-msg {
  display: block;
}
.agm-add-vm .discover-step.no-servers .add-server {
  position: static;
  margin: 20px 0;
}
.agm-add-vm .discover-step.no-servers .actifio-grid {
  display: none;
}
.agm-add-vm .discover-step .actifio-grid .check-icon:before {
  content: "\f111";
  font-weight: 400;
  vertical-align: baseline;
}
.agm-add-vm .discover-step .actifio-grid .check-input:checked + .check-icon:before {
  content: "\f192";
  font-weight: 400;
}
.agm-add-vm .discover-step .actifio-grid .items .no-items {
  position: static;
  margin: 0;
  padding: 40px 0;
}
.agm-add-vm .discover-step .actifio-grid .warning-appliance-offline {
  vertical-align: middle;
  margin-right: 5px;
}
.agm-add-vm .discover-step .actifio-grid .warning-appliance-offline:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f071';
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #FBBC04;
}
.agm-add-vm .discover-step .actifio-grid .name {
  vertical-align: middle;
}
.agm-add-vm .discover-step .no-server-msg {
  display: none;
}
.agm-add-vm .discover-step .add-server {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  font-size: 14px;
}
.agm-add-vm .discover-step .add-server:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f067';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  vertical-align: middle;
}

.agm-add-vm .add-server-modal label {
  display: block;
}
.agm-add-vm .add-server-modal .agm-add-vm-grid {
  margin-top: 10px;
}
.agm-add-vm .add-server-modal .olay {
  position: absolute;
  top: 60px;
  bottom: 60px;
  left: 0;
  right: 0;
}
.agm-add-vm .add-server-modal .add-server-error {
  padding: 20px 0;
  color: #D93025;
}

.agm-add-vm .select-step {
  padding-top: 330px;
}
.agm-add-vm .select-step .agm-add-vm-grid.no-results .header-cell.check-col {
  display: none;
}
.agm-add-vm .select-step .agm-add-vm-grid .headers {
  display: none;
}
.agm-add-vm .select-step .agm-add-vm-grid .headers .cell-display {
  padding-bottom: 0;
  height: 40px;
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
}
.agm-add-vm .select-step .agm-add-vm-grid .items {
  display: none;
  margin-top: 40px;
}
.agm-add-vm .select-step .agm-add-vm-grid .items .more-matches-msg {
  padding: 40px 20px 40px 74px;
  font-size: 12px;
}
.agm-add-vm .select-step.list-view.selected-only .filter-wrap span:first-child {
  opacity: 0.25;
}
.agm-add-vm .select-step.list-view .tree {
  display: none;
}
.agm-add-vm .select-step.list-view .agm-add-vm-grid.no-matches .header-cell[data-col-name=checkbox] .agm-check {
  display: none;
}
.agm-add-vm .select-step.list-view .agm-add-vm-grid .headers {
  display: block;
}
.agm-add-vm .select-step.list-view .agm-add-vm-grid .items {
  display: block;
}
.agm-add-vm .select-step .vm-server-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
.agm-add-vm .select-step .tree-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
  overflow: hidden;
}
.agm-add-vm .select-step .browse-mode-toggle {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #666;
}
.agm-add-vm .select-step .browse-mode-toggle span:first-child {
  vertical-align: bottom;
  margin-right: 10px;
}
.agm-add-vm .select-step .browse-mode-toggle button {
  margin-left: 20px;
  color: #aaa;
}
.agm-add-vm .select-step .browse-mode-toggle button:first-of-type {
  margin-left: 0;
}
.agm-add-vm .select-step .browse-mode-toggle button:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: '\f0c8';
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}
.agm-add-vm .select-step .browse-mode-toggle button.infrastructure {
  content: "\f0e8";
}
.agm-add-vm .select-step .browse-mode-toggle button.folder:before {
  content: "\f07b";
}
.agm-add-vm .select-step .browse-mode-toggle button.active {
  color: #333;
}
.agm-add-vm .select-step .filter-wrap {
  display: inline-block;
  margin-left: 40px;
}
.agm-add-vm .select-step .filter-wrap span:first-child {
  font-size: 12px;
  color: #666;
  margin-right: 10px;
}
.agm-add-vm .select-step .filter-wrap .select-wrap:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 5px;
  left: 5px;
  width: 16px;
  height: 20px;
  background: no-repeat 50% 50%;
  background-size: auto 100%;
}
.agm-add-vm .select-step .filter-wrap select {
  font-size: 12px;
  padding: 0 20px 0 5px;
}
.agm-add-vm .select-step .filter-wrap .arw {
  margin-top: -8px;
  right: 7px;
}
.agm-add-vm .select-step .filter-wrap .arw:after {
  font-size: 12px;
}
.agm-add-vm .select-step[data-filter=unmanaged] .filter-wrap select, .agm-add-vm .select-step[data-filter=managed] .filter-wrap select {
  padding-left: 25px;
}
.agm-add-vm .select-step[data-filter=unmanaged] .filter-wrap .select-wrap:before {
  background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=undefined.undefined);
}
.agm-add-vm .select-step[data-filter=managed] .filter-wrap .select-wrap:before {
  background-image: url(/src/assets/images/Protection_Protected.png?agm-ver=undefined.undefined);
}
.agm-add-vm .select-step .selection-meta {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
}
.agm-add-vm .select-step.has-selections .selection-meta {
  display: block;
}
.agm-add-vm .select-step .tree > .tree-node-list > .tree-node:first-child > .item-row {
  border-top: none;
}
.agm-add-vm .select-step .tree-node-list {
  padding: 0;
  margin: 0;
}
.agm-add-vm .select-step .tree-node-list .tree-node-list {
  padding-left: 40px;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: opacity 0.5s;
}
.agm-add-vm .select-step [data-agm-state=unmanaged] .icon:before {
  background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=undefined.undefined);
}
.agm-add-vm .select-step [data-agm-state=managed] .icon:before {
  background-image: url(/src/assets/images/Protection_Protected.png?agm-ver=undefined.undefined);
}
.agm-add-vm .select-step [data-agm-state=disabled] .icon:before {
  background-image: url(/src/assets/images/Protection_ProtectionPaused.png?agm-ver=undefined.undefined);
}
.agm-add-vm .select-step .tree {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.agm-add-vm .select-step .tree-node {
  margin: 0;
}
.agm-add-vm .select-step .tree-node.expandable .toggle {
  cursor: pointer;
  transition: color 0.25s;
}
.agm-add-vm .select-step .tree-node.expandable .toggle:hover {
  color: #3367D6;
}
.agm-add-vm .select-step .tree-node.expandable .toggle:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f0da';
  display: inline-block;
  vertical-align: middle;
  vertical-align: baseline;
  width: 16px;
  text-align: center;
  transform: rotateZ(0);
  transition: transform 0.25s;
}
.agm-add-vm .select-step .tree-node.expanded > .item-row .toggle:before {
  transform: rotateZ(90deg);
}
.agm-add-vm .select-step .tree-node.expanded > .tree-node-list {
  opacity: 1;
  height: auto;
}
.agm-add-vm .select-step .tree-node.expanded > .show-more {
  display: block;
}
.agm-add-vm .select-step .tree-node.selected > .item-row, .agm-add-vm .select-step .tree-node[data-select-state=all] > .item-row {
  background: rgba(174, 203, 250, 0.12);
  border-top-color: #fff;
}
.agm-add-vm .select-step .tree-node.selected > .item-row .check-wrap:before, .agm-add-vm .select-step .tree-node[data-select-state=all] > .item-row .check-wrap:before {
  color: #757575;
  content: "\f14a";
  font-weight: 400;
}
.agm-add-vm .select-step .tree-node[data-select-state=some] > .item-row {
  background: rgba(174, 203, 250, 0.12);
}
.agm-add-vm .select-step .tree-node[data-select-state=some] > .item-row .check-wrap:before {
  color: #757575;
  content: "\f146";
  font-weight: 400;
}
.agm-add-vm .select-step .tree-node.empty .check-wrap,
.agm-add-vm .select-step .tree-node.empty .tree-node-name,
.agm-add-vm .select-step .tree-node.empty .meta {
  opacity: 0.5;
}
.agm-add-vm .select-step .tree-node .item-row {
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-width: 1px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12) transparent transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition-property: background, border-color;
  transition-duration: 0.25s;
}
.agm-add-vm .select-step .tree-node .item-row.selected:hover {
  background: rgba(174, 203, 250, 0.12);
}
.agm-add-vm .select-step .tree-node .item-row .meta {
  margin-left: 10px;
}
.agm-add-vm .select-step .tree-node.selectable > .item-row {
  cursor: pointer;
}
.agm-add-vm .select-step .tree-node.selectable > .item-row:hover {
  background: rgba(174, 203, 250, 0.12);
  border-top-color: #fff;
}
.agm-add-vm .select-step .tree-node.selectable > .item-row:hover + .tree-node-list > li:first-child > .item-row:first-child {
  border-top-color: #fff;
}
.agm-add-vm .select-step .tree-node .check-wrap {
  position: relative;
  display: inline-block;
  margin-right: 7px;
  width: 14px;
}
.agm-add-vm .select-step .tree-node .check-wrap:before {
  color: #757575;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: '\f0c8';
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 14px;
  text-align: center;
}
.agm-add-vm .select-step .tree-node .tree-node-name {
  line-height: 1;
}
.agm-add-vm .select-step .tree-node .show-more {
  display: none;
  padding: 20px 20px 20px 81px;
  font-size: 14px;
}

.agm-add-vm .manage-step {
  padding-top: 310px;
  padding-bottom: 240px;
}
.agm-add-vm .manage-step.has-search {
  padding-top: 380px;
}
.agm-add-vm .manage-step.resync-only .headers .check-icon:before {
  color: lightgray;
}
.agm-add-vm .manage-step .manage-row {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
  max-width: 1000px;
}
.agm-add-vm .manage-step .manage-row .manage-label {
  white-space: nowrap;
}
.agm-add-vm .manage-step .manage-row select {
  border-color: #3367D6;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agm-add-vm .manage-step .manage-row select.has-val {
  border-color: #ccc;
}
.agm-add-vm .manage-step .manage-row .manage-select-wrap,
.agm-add-vm .manage-step .manage-row .group-select-wrap,
.agm-add-vm .manage-step .manage-row .template-select-wrap,
.agm-add-vm .manage-step .manage-row .profile-select-wrap,
.agm-add-vm .manage-step .manage-row .ok-btn {
  margin-left: 10px;
}
.agm-add-vm .manage-step .manage-row .manage-select-wrap {
  max-width: 20%;
}
.agm-add-vm .manage-step .manage-row .group-select-wrap {
  max-width: 90%;
}
.agm-add-vm .manage-step .manage-row .template-select-wrap,
.agm-add-vm .manage-step .manage-row .profile-select-wrap {
  max-width: 50%;
}
.agm-add-vm .manage-step .ok-btn {
  font-size: 14px;
  line-height: 1;
  height: 30px;
  vertical-align: top;
}
.agm-add-vm .manage-step .manage-grid [data-col-name=vm],
.agm-add-vm .manage-step .manage-grid [data-col-name=group],
.agm-add-vm .manage-step .manage-grid [data-col-name=template],
.agm-add-vm .manage-step .manage-grid [data-col-name=profile] {
  width: 25%;
}
.agm-add-vm .manage-step .manage-grid [data-col-name=profile] .appliance {
  font-size: 12px;
  color: #999;
}
.agm-add-vm .manage-step .manage-grid .items .data-row .cell-display.empty {
  color: rgba(0, 0, 0, 0.66);
}
.agm-add-vm .manage-step .manage-grid .items .data-row.selected .cell-display.empty {
  color: rgba(0, 0, 0, 0.66);
}
.agm-add-vm .manage-step [data-col-name=preview] {
  width: 100px;
  padding: 0;
  color: #666;
  text-align: center;
}
.agm-add-vm .manage-step [data-col-name=preview][data-preview=ignore] .inner-el:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f070';
  display: inline-block;
  vertical-align: middle;
}
.agm-add-vm .manage-step [data-col-name=preview][data-preview=resync] .inner-el:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f362';
  display: inline-block;
  vertical-align: middle;
}
.agm-add-vm .manage-step .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 4px;
  background: #eee;
}
.agm-add-vm .manage-step .dot.snap {
  background: #F2AA2D;
}
.agm-add-vm .manage-step .dot.dedup {
  background: rgb(70, 188, 181);
}
.agm-add-vm .manage-step .dot.remotededup {
  background: rgb(70, 188, 181);
}
.agm-add-vm .manage-step .dot.remotesnapshot {
  background: #F2AA2D;
}
.agm-add-vm .manage-step .dot.onvault {
  background: #00abec;
}
.agm-add-vm .manage-step .policy-grid {
  position: relative;
  background: none;
  padding-bottom: 10px;
}
.agm-add-vm .manage-step .policy-grid .headers {
  background: none;
  height: 20px;
}
.agm-add-vm .manage-step .policy-grid .headers .header-cell {
  background: none;
  color: #ccc;
  font-size: 12px;
  height: 20px;
  border-color: rgba(255, 255, 255, 0.25);
}
.agm-add-vm .manage-step .policy-grid .items {
  position: static;
  background: none;
}
.agm-add-vm .manage-step .policy-grid .items .data-row {
  background: none;
  border: none;
}
.agm-add-vm .manage-step .policy-grid .items .data-row .cell-display {
  height: 30px;
}
.agm-add-vm .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot {
  margin: 0 5px 0 0;
}
.agm-add-vm .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=snap] {
  background: #F2AA2D;
}
.agm-add-vm .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=stream_snap] {
  background: #F2AA2D;
}
.agm-add-vm .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=cloud], .agm-add-vm .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=DirectOnVault], .agm-add-vm .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=OnVaultReplicate] {
  background: #00abec;
}
.agm-add-vm .manage-step .policy-grid .items .disabled {
  color: #ffffff;
}

.agm-add-vm .finish-step {
  padding-top: 150px;
  padding-bottom: 240px;
}
.agm-add-vm .finish-step.complete .step-title:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  display: inline-block;
  vertical-align: middle;
  color: #1E8E3E;
  margin-right: 5px;
  vertical-align: baseline;
}
.agm-add-vm .finish-step.warning .step-title:before {
  content: "\f071";
  color: #FBBC04;
}
.agm-add-vm .finish-step.failed .step-title:before {
  content: "\f057";
  color: #D93025;
}
.agm-add-vm .finish-step .step-title {
  margin-bottom: 30px;
}
.agm-add-vm .finish-step .step-title p {
  font-weight: normal;
}
.agm-add-vm .finish-step .prog-count {
  float: right;
}
.agm-add-vm .finish-step .prog-count .sep {
  font-size: 12px;
  margin: 0 5px;
}
.agm-add-vm .finish-step .prog-bar {
  position: relative;
  height: 3px;
  background: #eee;
  margin: 10px 0 20px;
}
.agm-add-vm .finish-step .prog-bar .inner {
  position: absolute;
  background-color: #8cc53e;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: transform 0.25s;
  font-size: 14px;
  text-align: center;
  line-height: 26px;
}
.agm-add-vm .finish-step .what-next {
  margin-bottom: 30px;
}
.agm-add-vm .finish-step .summary ul {
  margin: 0 0 30px;
}
.agm-add-vm .finish-step .summary ul li {
  list-style-type: disc;
  margin-left: 20px;
}
.agm-add-vm .finish-step .summary ul li:last-child {
  margin-bottom: 0;
}
.agm-add-vm .finish-step .agm-add-vm-grid .items .data-row .inner {
  cursor: default;
}
.agm-add-vm .finish-step [data-col-name=status] {
  padding: 0;
  width: 100px;
  text-align: center;
}
.agm-add-vm .finish-step [data-col-name=status] .inline-spinner {
  top: 0;
  left: 50%;
  margin: 0 0 0 -10px;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(140, 197, 62, 0.2);
  border-left-color: #8cc53e;
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading 0.75s infinite linear;
}
.agm-add-vm .finish-step [data-col-name=status] .success:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f00c';
  display: inline-block;
  vertical-align: middle;
  color: #1E8E3E;
}
.agm-add-vm .finish-step [data-col-name=status] .error:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f057';
  display: inline-block;
  vertical-align: middle;
  color: #D93025;
}

.agm-onboarding-wizard {
  font-size: 14px;
}
.agm-onboarding-wizard .meta {
  font-size: 12px;
  color: #666;
}
.agm-onboarding-wizard .path.meta {
  letter-spacing: 1px;
}
.agm-onboarding-wizard .search-match {
  color: rgb(232, 108, 31);
}
.agm-onboarding-wizard .grid-container {
  clear: both;
}
.agm-onboarding-wizard .olay .body:after {
  margin: -70px 0 0 -60px;
}
.agm-onboarding-wizard .wiz-footer .buttons button {
  margin-left: 20px;
}

.advanced-settings-modal-container .modal-header .modal-header-topline .header-text {
  width: auto;
  font-size: 20px;
}

.add-server-modal input {
  width: -webkit-fill-available;
}
.add-server-modal label {
  display: block;
}
.add-server-modal .agm-add-vm-grid {
  margin-top: 10px;
}
.add-server-modal .olay {
  position: absolute;
  top: 60px;
  bottom: 60px;
  left: 0;
  right: 0;
}
.add-server-modal .olay.on {
  opacity: 0.5;
}
.add-server-modal .add-server-error {
  padding: 20px 0;
  color: #D93025;
}

.agm-onboarding-wizard .select-step-generic {
  max-height: inherit;
}
.agm-onboarding-wizard .select-step-generic .required {
  color: #D93025;
}
.agm-onboarding-wizard .select-step-generic label {
  text-transform: none;
}
.agm-onboarding-wizard .select-step-generic .app-details-container, .agm-onboarding-wizard .select-step-generic .script-container {
  display: flex;
}
.agm-onboarding-wizard .select-step-generic .app-details-container .field-group, .agm-onboarding-wizard .select-step-generic .script-container .field-group {
  display: table-cell;
  padding: 10px 10px 10px 0px;
  width: 100%;
}
.agm-onboarding-wizard .select-step-generic .app-details-container .field-group label, .agm-onboarding-wizard .select-step-generic .script-container .field-group label {
  display: inline-block;
  text-align: left;
  min-width: 135px;
}
.agm-onboarding-wizard .select-step-generic .app-details-container .field-group #reservespace, .agm-onboarding-wizard .select-step-generic .script-container .field-group #reservespace {
  width: 45px;
}
.agm-onboarding-wizard .select-step-generic .app-details-container .field-group #reservespace + label, .agm-onboarding-wizard .select-step-generic .script-container .field-group #reservespace + label {
  min-width: auto;
  vertical-align: middle;
}
.agm-onboarding-wizard .select-step-generic .app-details-container .field-group #space-check, .agm-onboarding-wizard .select-step-generic .script-container .field-group #space-check {
  margin: -7px 3px 0px 3px;
}
.agm-onboarding-wizard .select-step-generic .app-details-container .field-group .input-wrap, .agm-onboarding-wizard .select-step-generic .app-details-container .field-group .select-wrap, .agm-onboarding-wizard .select-step-generic .script-container .field-group .input-wrap, .agm-onboarding-wizard .select-step-generic .script-container .field-group .select-wrap {
  display: inline-block;
  width: 65%;
}
.agm-onboarding-wizard .select-step-generic .app-details-container .field-group #appname-error, .agm-onboarding-wizard .select-step-generic .script-container .field-group #appname-error {
  position: relative;
  left: 145px;
}
.agm-onboarding-wizard .select-step-generic .app-details-container .field-group .input-error, .agm-onboarding-wizard .select-step-generic .script-container .field-group .input-error {
  font-size: 13px;
  color: red;
  font-style: italic;
}
.agm-onboarding-wizard .select-step-generic .app-details-container .appliance-select, .agm-onboarding-wizard .select-step-generic .script-container .appliance-select {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agm-onboarding-wizard .select-step-generic .app-details-container .appliance-select.has-val, .agm-onboarding-wizard .select-step-generic .script-container .appliance-select.has-val {
  border-color: #ccc;
}
.agm-onboarding-wizard .select-step-generic .app-details-container #vgsnapreservespace, .agm-onboarding-wizard .select-step-generic .script-container #vgsnapreservespace {
  width: 70px;
  display: inline-block;
}
.agm-onboarding-wizard .select-step-generic .app-details-container #vgsnapreservespace + label, .agm-onboarding-wizard .select-step-generic .script-container #vgsnapreservespace + label {
  min-width: 10px;
}
.agm-onboarding-wizard .select-step-generic .script-container .form-row .input-wrap {
  width: 50%;
}
.agm-onboarding-wizard .select-step-generic .host-details {
  border: solid 1px lightgray;
  border-radius: 10px;
  background-color: #eee;
}
.agm-onboarding-wizard .select-step-generic .host-details div {
  margin: 0px 0px 0px 0px;
}
.agm-onboarding-wizard .select-step-generic .host-details label {
  background: lightgray;
  padding: 5px 7px 5px 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #000;
  margin: 0px 10px 0px 0px;
}
.agm-onboarding-wizard .select-step-generic .host-details .form-row label {
  text-align: right;
}
.agm-onboarding-wizard .select-step-generic .logical-volumes-grid {
  position: relative;
  height: 200px;
  border: solid 1px lightgray;
}
.agm-onboarding-wizard .select-step-generic .invalid {
  border-color: red !important;
}
.agm-onboarding-wizard .select-step-generic #error-container {
  font-size: 1.3em;
  color: red;
  font-style: italic;
}

.agm-onboarding-wizard .manage-step .step-subtitle {
  font-size: 16px;
  margin-bottom: 15px;
}
.agm-onboarding-wizard .manage-step.resync-only .headers .check-icon:before {
  color: lightgray;
}
.agm-onboarding-wizard .manage-step .manage-row {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
  max-width: 1000px;
}
.agm-onboarding-wizard .manage-step .manage-row .manage-label {
  white-space: nowrap;
  display: block;
  max-width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agm-onboarding-wizard .manage-step .manage-row select {
  border-color: #3367D6;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agm-onboarding-wizard .manage-step .manage-row select.has-val {
  border-color: #ccc;
}
.agm-onboarding-wizard .manage-step .manage-row .manage-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .group-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .template-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .profile-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .appliance-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .ok-btn {
  margin-left: 10px;
  display: none;
}
.agm-onboarding-wizard .manage-step .manage-row .manage-select-wrap {
  max-width: 20%;
}
.agm-onboarding-wizard .manage-step .manage-row .group-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .appliance-select-wrap {
  max-width: 90%;
}
.agm-onboarding-wizard .manage-step .manage-row .template-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .profile-select-wrap {
  max-width: 50%;
}
.agm-onboarding-wizard .manage-step .select-wrap .options-loader {
  display: none;
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.08);
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  text-align: center;
  padding-top: 4px;
}
.agm-onboarding-wizard .manage-step .select-wrap.options-loading .options-loader {
  display: inline-block;
}
.agm-onboarding-wizard .manage-step .ok-btn {
  font-size: 14px;
  line-height: 1;
  height: 30px;
  vertical-align: top;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .manage-grid [data-col-name=Application],
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .manage-grid [data-col-name=group],
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .manage-grid [data-col-name=template],
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .manage-grid [data-col-name=profile] {
  width: 20%;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .manage-grid [data-col-name=profile] .appliance {
  font-size: 12px;
  color: #999;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .manage-grid .items .data-row .cell-display.empty {
  color: rgba(0, 0, 0, 0.66);
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .manage-grid .items .data-row.selected .cell-display.empty {
  color: rgba(0, 0, 0, 0.66);
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap [data-col-name=preview] {
  width: 100px;
  padding: 0;
  color: #666;
  text-align: center;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap [data-col-name=preview][data-preview=ignore] .inner-el:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f070';
  display: inline-block;
  vertical-align: middle;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap [data-col-name=preview][data-preview=resync] .inner-el:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f362';
  display: inline-block;
  vertical-align: middle;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 4px;
  background: #eee;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .dot.snap {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .dot.dedup {
  background: rgb(70, 188, 181);
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .dot.remotededup {
  background: rgb(70, 188, 181);
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .dot.remotesnapshot {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .dot.onvault {
  background: #00abec;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .policy-grid {
  position: relative;
  background: none;
  padding-bottom: 10px;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .policy-grid .headers {
  background: none;
  height: 20px;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .policy-grid .headers .header-cell {
  background: none;
  color: #ccc;
  font-size: 12px;
  height: 20px;
  border-color: rgba(255, 255, 255, 0.25);
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .policy-grid .items {
  position: static;
  background: none;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .policy-grid .items .data-row {
  background: none;
  border: none;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .policy-grid .items .data-row .cell-display {
  height: 30px;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .policy-grid .items .data-row .cell-display[data-col-name=name] .dot {
  margin: 0 5px 0 0;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=snap] {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=stream_snap] {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=cloud] {
  background: #00abec;
}
.agm-onboarding-wizard .manage-step #manage-app-grid-wrap .policy-grid .items .disabled {
  color: #ffffff;
}

.agm-onboarding-wizard .add-vm-select-step .agm-onboarding-wizard-grid.no-results .header-cell.check-col {
  display: none;
}
.agm-onboarding-wizard .add-vm-select-step .agm-onboarding-wizard-grid .headers {
  display: none;
}
.agm-onboarding-wizard .add-vm-select-step .agm-onboarding-wizard-grid .headers .cell-display {
  padding-bottom: 0;
  height: 40px;
  font-weight: normal;
  text-transform: none;
  font-size: 12px;
}
.agm-onboarding-wizard .add-vm-select-step .agm-onboarding-wizard-grid .items .more-matches-msg {
  padding: 40px 20px 40px 74px;
  font-size: 12px;
}
.agm-onboarding-wizard .add-vm-select-step.list-view.selected-only .filter-wrap span:first-child {
  opacity: 0.25;
}
.agm-onboarding-wizard .add-vm-select-step.list-view .tree {
  display: none;
}
.agm-onboarding-wizard .add-vm-select-step.list-view .agm-onboarding-wizard-grid.no-matches .header-cell[data-col-name=checkbox] .agm-check {
  display: none;
}
.agm-onboarding-wizard .add-vm-select-step.list-view .agm-onboarding-wizard-grid .headers {
  display: block;
}
.agm-onboarding-wizard .add-vm-select-step.list-view .agm-onboarding-wizard-grid .items {
  display: block;
}
.agm-onboarding-wizard .add-vm-select-step .vm-server-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
.agm-onboarding-wizard .add-vm-select-step .tree-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
  overflow: hidden;
}
.agm-onboarding-wizard .add-vm-select-step .browse-mode-toggle {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #666;
  margin: 20px 0px 20px 40px;
}
.agm-onboarding-wizard .add-vm-select-step .browse-mode-toggle span:first-child {
  vertical-align: bottom;
  margin-right: 10px;
}
.agm-onboarding-wizard .add-vm-select-step .browse-mode-toggle button {
  margin-left: 20px;
  color: #aaa;
}
.agm-onboarding-wizard .add-vm-select-step .browse-mode-toggle button:first-of-type {
  margin-left: 0;
}
.agm-onboarding-wizard .add-vm-select-step .browse-mode-toggle button:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: '\f0c8';
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}
.agm-onboarding-wizard .add-vm-select-step .browse-mode-toggle button.infrastructure {
  content: "\f0e8";
}
.agm-onboarding-wizard .add-vm-select-step .browse-mode-toggle button.folder:before {
  content: "\f07b";
}
.agm-onboarding-wizard .add-vm-select-step .browse-mode-toggle button.active {
  color: #333;
}
.agm-onboarding-wizard .add-vm-select-step .filter-wrap {
  display: inline-block;
  margin-left: 40px;
}
.agm-onboarding-wizard .add-vm-select-step .filter-wrap span:first-child {
  font-size: 12px;
  color: #666;
  margin-right: 10px;
}
.agm-onboarding-wizard .add-vm-select-step .filter-wrap .select-wrap:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 5px;
  left: 5px;
  width: 16px;
  height: 20px;
  background: no-repeat 50% 50%;
  background-size: auto 100%;
}
.agm-onboarding-wizard .add-vm-select-step .filter-wrap select {
  font-size: 12px;
  padding: 0 20px 0 5px;
}
.agm-onboarding-wizard .add-vm-select-step .filter-wrap .arw {
  margin-top: -8px;
  right: 7px;
}
.agm-onboarding-wizard .add-vm-select-step .filter-wrap .arw:after {
  font-size: 12px;
}
.agm-onboarding-wizard .add-vm-select-step[data-filter=unmanaged] .filter-wrap select, .agm-onboarding-wizard .add-vm-select-step[data-filter=managed] .filter-wrap select {
  padding-left: 25px;
}
.agm-onboarding-wizard .add-vm-select-step[data-filter=unmanaged] .filter-wrap .select-wrap:before {
  background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=undefined.undefined);
}
.agm-onboarding-wizard .add-vm-select-step[data-filter=managed] .filter-wrap .select-wrap:before {
  background-image: url(/src/assets/images/Protection_Protected.png?agm-ver=undefined.undefined);
}
.agm-onboarding-wizard .add-vm-select-step .selection-meta {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
}
.agm-onboarding-wizard .add-vm-select-step.has-selections .selection-meta {
  display: block;
}
.agm-onboarding-wizard .add-vm-select-step .tree > .tree-node-list > .tree-node:first-child > .item-row {
  border-top: none;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node-list {
  padding: 0;
  margin: 0;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node-list .tree-node-list {
  padding-left: 40px;
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: opacity 0.5s;
}
.agm-onboarding-wizard .add-vm-select-step [data-agm-state=unmanaged] .icon:before {
  background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=undefined.undefined);
}
.agm-onboarding-wizard .add-vm-select-step [data-agm-state=managed] .icon:before {
  background-image: url(/src/assets/images/Protection_Protected.png?agm-ver=undefined.undefined);
}
.agm-onboarding-wizard .add-vm-select-step [data-agm-state=disabled] .icon:before {
  background-image: url(/src/assets/images/Protection_ProtectionPaused.png?agm-ver=undefined.undefined);
}
.agm-onboarding-wizard .add-vm-select-step .tree {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node {
  margin: 0;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node.expandable .toggle {
  cursor: pointer;
  transition: color 0.25s;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node.expandable .toggle:hover {
  color: #3367D6;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node.expandable .toggle:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f0da';
  display: inline-block;
  vertical-align: middle;
  vertical-align: baseline;
  width: 16px;
  text-align: center;
  transform: rotateZ(0);
  transition: transform 0.25s;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node.expanded > .item-row .toggle:before {
  transform: rotateZ(90deg);
}
.agm-onboarding-wizard .add-vm-select-step .tree-node.expanded > .tree-node-list {
  opacity: 1;
  height: auto;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node.expanded > .show-more {
  display: block;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node.selected > .item-row, .agm-onboarding-wizard .add-vm-select-step .tree-node[data-select-state=all] > .item-row {
  background: rgba(174, 203, 250, 0.12);
  border-top-color: #fff;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node.selected > .item-row .check-wrap:before, .agm-onboarding-wizard .add-vm-select-step .tree-node[data-select-state=all] > .item-row .check-wrap:before {
  color: #757575;
  content: "\f14a";
  font-weight: 400;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node[data-select-state=some] > .item-row {
  background: rgba(174, 203, 250, 0.12);
}
.agm-onboarding-wizard .add-vm-select-step .tree-node[data-select-state=some] > .item-row .check-wrap:before {
  color: #757575;
  content: "\f146";
  font-weight: 400;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node.empty .check-wrap,
.agm-onboarding-wizard .add-vm-select-step .tree-node.empty .tree-node-name,
.agm-onboarding-wizard .add-vm-select-step .tree-node.empty .meta {
  opacity: 0.5;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node .item-row {
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-width: 1px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12) transparent transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition-property: background, border-color;
  transition-duration: 0.25s;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node .item-row.selected:hover {
  background: rgba(174, 203, 250, 0.12);
}
.agm-onboarding-wizard .add-vm-select-step .tree-node .item-row .meta {
  margin-left: 10px;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node.selectable > .item-row {
  cursor: pointer;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node.selectable > .item-row:hover {
  background: rgba(174, 203, 250, 0.12);
  border-top-color: #fff;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node.selectable > .item-row:hover + .tree-node-list > li:first-child > .item-row:first-child {
  border-top-color: #fff;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node .check-wrap {
  position: relative;
  display: inline-block;
  margin-right: 7px;
  width: 14px;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node .check-wrap:before {
  color: #757575;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: '\f0c8';
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 14px;
  text-align: center;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node .tree-node-name {
  line-height: 1;
}
.agm-onboarding-wizard .add-vm-select-step .tree-node .show-more {
  display: none;
  padding: 20px 20px 20px 81px;
  font-size: 14px;
}

.agm-onboarding-wizard.cloud-instance {
  font-size: 14px;
}
.agm-onboarding-wizard.cloud-instance .meta {
  font-size: 12px;
  color: #666;
}
.agm-onboarding-wizard.cloud-instance .path.meta {
  letter-spacing: 1px;
}
.agm-onboarding-wizard.cloud-instance .search-match {
  color: rgb(232, 108, 31);
}
.agm-onboarding-wizard.cloud-instance .grid-container {
  clear: both;
}
.agm-onboarding-wizard.cloud-instance .step-title {
  font-size: 14px;
}

.advanced-settings-modal-container .modal-header .modal-header-topline .header-text {
  width: auto;
  font-size: 20px;
}

.agm-onboarding-wizard-modal {
  position: fixed;
  z-index: 100000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 40px 20px;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.5s;
}
.agm-onboarding-wizard-modal.active {
  opacity: 1;
}
.agm-onboarding-wizard-modal.info-modal .title:before, .agm-onboarding-wizard-modal.warning-modal .title:before, .agm-onboarding-wizard-modal.error-modal .title:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f05a';
  display: inline-block;
  vertical-align: middle;
  vertical-align: baseline;
  color: rgb(64, 93, 130);
  margin-right: 10px;
}
.agm-onboarding-wizard-modal.warning-modal .title:before {
  content: "\f071";
  color: #FBBC04;
}
.agm-onboarding-wizard-modal.error-modal .title:before {
  content: "\f057";
  color: #D93025;
}
.agm-onboarding-wizard-modal .content {
  position: relative;
  z-index: 1;
  max-width: 600px;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.agm-onboarding-wizard-modal.tall .content {
  height: 100%;
}
.agm-onboarding-wizard-modal.tall .top, .agm-onboarding-wizard-modal.tall .middle, .agm-onboarding-wizard-modal.tall .bottom {
  position: absolute;
  width: 100%;
  left: 0;
}
.agm-onboarding-wizard-modal.tall .top {
  top: 0;
}
.agm-onboarding-wizard-modal.tall .middle {
  top: 60px;
  bottom: 60px;
}
.agm-onboarding-wizard-modal.tall .bottom {
  bottom: 0;
}
.agm-onboarding-wizard-modal .top, .agm-onboarding-wizard-modal .middle, .agm-onboarding-wizard-modal .bottom {
  position: relative;
}
.agm-onboarding-wizard-modal .top {
  height: 60px;
  padding: 0 40px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.agm-onboarding-wizard-modal .top .title {
  font-size: 24px;
  line-height: 60px;
  color: #666;
  text-transform: capitalize;
}
.agm-onboarding-wizard-modal .middle {
  padding: 20px 40px;
  overflow: auto;
}
.agm-onboarding-wizard-modal .middle :first-child {
  margin-top: 0;
}
.agm-onboarding-wizard-modal .middle :last-child {
  margin-bottom: 0;
}
.agm-onboarding-wizard-modal .middle ul, .agm-onboarding-wizard-modal .middle li {
  list-style: disc;
}
.agm-onboarding-wizard-modal .middle li {
  line-height: 2;
}
.agm-onboarding-wizard-modal .bottom {
  height: 60px;
  padding: 10px 40px;
  text-align: right;
  border-top: 1px solid #eee;
  text-transform: capitalize;
}
.agm-onboarding-wizard-modal .bottom button {
  margin-left: 40px;
}

.agm-cloud-instance-wizard-grid {
  position: relative;
  font-size: 14px;
  overflow: visible;
}
.agm-cloud-instance-wizard-grid .toolbar {
  height: auto;
  margin-bottom: 10px;
  background: none;
  border-bottom: none;
  padding: 0;
  text-align: left;
}
.agm-cloud-instance-wizard-grid .toolbar .step-title {
  margin-bottom: 40px;
}
.agm-cloud-instance-wizard-grid .toolbar .data-search.auto-submit, .agm-cloud-instance-wizard-grid .toolbar .data-search {
  display: block;
  float: none;
  margin: 20px 0px;
}
.agm-cloud-instance-wizard-grid .toolbar .data-search.auto-submit .text-input, .agm-cloud-instance-wizard-grid .toolbar .data-search .text-input {
  background: #fff;
  border-radius: 0;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  transition: border-bottom-color 0.25s;
}
.agm-cloud-instance-wizard-grid .toolbar .data-search.auto-submit .text-input:focus, .agm-cloud-instance-wizard-grid .toolbar .data-search .text-input:focus {
  border-bottom-color: #3367D6;
}
.agm-cloud-instance-wizard-grid .toolbar .data-search.auto-submit button, .agm-cloud-instance-wizard-grid .toolbar .data-search button {
  font-size: 12px;
}
.agm-cloud-instance-wizard-grid .toolbar .data-search.auto-submit .submit-btn, .agm-cloud-instance-wizard-grid .toolbar .data-search .submit-btn {
  color: #000;
  cursor: default;
}
.agm-cloud-instance-wizard-grid .toolbar .data-search.auto-submit .clear-btn:after, .agm-cloud-instance-wizard-grid .toolbar .data-search .clear-btn:after {
  content: "\f00d";
}
.agm-cloud-instance-wizard-grid .toolbar .data-search > .submit-btn {
  border: none;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.agm-cloud-instance-wizard-grid .toolbar .data-search > .submit-btn:hover {
  cursor: pointer;
  background: #fff;
  border: none;
  border-bottom: 1px solid #eee;
}
.agm-cloud-instance-wizard-grid .cell-display {
  padding: 0 5px;
}
.agm-cloud-instance-wizard-grid .cell-display > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.agm-cloud-instance-wizard-grid .headers {
  background: none;
  border-bottom: none;
  font-size: 14px;
}
.agm-cloud-instance-wizard-grid .headers .header-cell {
  background: none;
  border-right: none;
  height: 40px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}
.agm-cloud-instance-wizard-grid.updating .items {
  display: none;
}
.agm-cloud-instance-wizard-grid .items {
  position: static;
  min-height: 80px;
}
.agm-cloud-instance-wizard-grid .items .data-row {
  border-top: 1px solid #eee;
  transition: border-color 0.25s;
}
.agm-cloud-instance-wizard-grid .items .data-row:first-child {
  border-top: none;
}
.agm-cloud-instance-wizard-grid .items .data-row:last-child {
  border-bottom: 1px solid #eee;
}
.agm-cloud-instance-wizard-grid .items .data-row:nth-child(even) {
  background: #fff;
}
.agm-cloud-instance-wizard-grid .items .data-row:hover, .agm-cloud-instance-wizard-grid .items .data-row:hover + .data-row {
  border-top-color: #fff;
}
.agm-cloud-instance-wizard-grid .items .data-row .inner {
  transition: background 0.25s;
}
.agm-cloud-instance-wizard-grid .items .data-row .inner:hover {
  background: rgba(174, 203, 250, 0.12);
}
.agm-cloud-instance-wizard-grid .items .data-row.selected {
  border-top-color: #fff;
}
.agm-cloud-instance-wizard-grid .items .data-row.selected .inner {
  background: rgba(174, 203, 250, 0.12);
}
.agm-cloud-instance-wizard-grid .items .data-row.selected .inner .cell-display {
  color: #333;
}
.agm-cloud-instance-wizard-grid .items .data-row.selected .inner .cell-display.check-col .agm-check .check-icon:before {
  color: #333;
}
.agm-cloud-instance-wizard-grid .items .data-row.selected + .data-row {
  border-top-color: #fff;
}
.agm-cloud-instance-wizard-grid .items .data-row.disabled {
  pointer-events: auto;
}
.agm-cloud-instance-wizard-grid .items .data-row.disabled:hover, .agm-cloud-instance-wizard-grid .items .data-row.disabled:hover + .data-row {
  border-top-color: #eee;
}
.agm-cloud-instance-wizard-grid .items .data-row.disabled .inner:hover {
  background: none;
  cursor: default;
}
.agm-cloud-instance-wizard-grid .items .filter-tags.filter-tags-style {
  top: 85% !important;
}
.agm-cloud-instance-wizard-grid .items-block {
  text-align: center;
  position: relative;
  top: 0;
  padding: 40px 0;
}
.agm-cloud-instance-wizard-grid .items-block .msg {
  position: static;
}
.agm-cloud-instance-wizard-grid .items-block:after {
  display: inline-block;
  top: 40px;
  margin: 0 0 0 -30px;
  width: 60px;
  height: 60px;
  border-width: 3px;
}
.agm-cloud-instance-wizard-grid .has-info:hover {
  cursor: default;
}
.agm-cloud-instance-wizard-grid .has-info.has-info-pane .inner-el {
  color: #eee;
}
.agm-cloud-instance-wizard-grid .has-info .inner-el {
  position: relative;
  z-index: 2;
  cursor: default;
  transition: color 0.5s;
}
.agm-cloud-instance-wizard-grid .info-pane {
  display: none;
  position: absolute;
  top: 0;
  right: 120px;
  left: auto;
  width: calc(75% - 100px);
  padding: 12px 1px 0 20px;
  border-radius: 4px 0 4px 4px;
  background: rgba(51, 51, 51, 0.95);
  color: #ccc;
  z-index: 999;
  font-size: 14px;
  transform: translate3d(0, 0, 0);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.25s;
}
.agm-cloud-instance-wizard-grid .info-pane.title-only {
  border-radius: 4px 0 0 4px;
}
.agm-cloud-instance-wizard-grid .info-pane .handle {
  position: absolute;
  top: 0;
  left: 100%;
  width: 120px;
  height: 40px;
  background: rgba(51, 51, 51, 0.95);
  border-radius: 0 4px 4px 0;
}
.agm-cloud-instance-wizard-grid .info-pane .handle .dots {
  display: flex;
  align-items: center;
  height: 40px;
}
.agm-cloud-instance-wizard-grid .info-pane .heading {
  line-height: 1.4;
  margin-bottom: 10px;
  height: 18px;
}
.agm-cloud-instance-wizard-grid .info-pane .heading .app-name {
  color: rgb(232, 108, 31);
  max-width: 250px;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.agm-cloud-instance-wizard-grid .info-pane .content {
  max-height: 150px;
  overflow: auto;
}
.agm-cloud-instance-wizard-grid .info-pane .content p {
  color: #ccc;
  font-size: 14px;
}
.agm-cloud-instance-wizard-grid .info-pane .content ul, .agm-cloud-instance-wizard-grid .info-pane .content li {
  list-style: disc;
}
.agm-cloud-instance-wizard-grid .info-pane .content ul {
  padding-left: 40px;
}

.agm-onboarding-wizard.cloud-instance .discover-step .clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.agm-onboarding-wizard.cloud-instance .discover-step .clearfix .add-credential {
  float: right;
}
.agm-onboarding-wizard.cloud-instance .discover-step .sake-supported-column {
  position: relative;
  z-index: 2;
  margin: 0;
  appearance: auto !important;
}
.agm-onboarding-wizard.cloud-instance .discover-step .sake-support .cell-display[data-col-name="Service Account"] {
  width: 50%;
}
.agm-onboarding-wizard.cloud-instance .discover-step .sake-support .cell-display[data-col-name=Credential] {
  width: 25%;
}
.agm-onboarding-wizard.cloud-instance .discover-step .sake-support .cell-display[data-col-name=Appliance] {
  width: 25%;
}
.agm-onboarding-wizard.cloud-instance .discover-step .not-sake-support .cell-display[data-col-name="Service Account"] {
  width: 25%;
}
.agm-onboarding-wizard.cloud-instance .discover-step .field-hldrs {
  display: none;
}
.agm-onboarding-wizard.cloud-instance .discover-step .field-hldrs .field-wraper {
  width: 100%;
  display: inline-block;
}
.agm-onboarding-wizard.cloud-instance .discover-step .field-hldrs .manage-row {
  display: inline-block;
  width: 30%;
  max-width: 40%;
  margin: 14px 0;
  margin-right: 3%;
}
.agm-onboarding-wizard.cloud-instance .discover-step .field-hldrs .manage-row .appliance-select, .agm-onboarding-wizard.cloud-instance .discover-step .field-hldrs .manage-row .region-select, .agm-onboarding-wizard.cloud-instance .discover-step .field-hldrs .manage-row .project-select {
  width: 100%;
}
.agm-onboarding-wizard.cloud-instance .discover-step .field-hldrs .has-error {
  border-color: #D93025;
}
.agm-onboarding-wizard.cloud-instance .discover-step .project-select-wrap {
  width: 100%;
}
.agm-onboarding-wizard.cloud-instance .discover-step .project-select-wrap .options-loader {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  text-align: center;
  padding-top: 4px;
}
.agm-onboarding-wizard.cloud-instance .discover-step .project-select-wrap.options-loading .options-loader {
  display: inline-block;
}
.agm-onboarding-wizard.cloud-instance .discover-step .project-select-wrap .disableProjectId {
  opacity: 0.6;
}
.agm-onboarding-wizard.cloud-instance .discover-step .no-hosts {
  background: #f2f2f2;
  padding: 50px 20px;
  margin: 30px 0;
  text-align: center;
}
.agm-onboarding-wizard.cloud-instance .discover-step .no-hosts .title {
  font-size: 21px;
  font-weight: bold;
  color: #333;
}
.agm-onboarding-wizard.cloud-instance .discover-step .step-title .help-trigger {
  border-bottom: none;
}
.agm-onboarding-wizard.cloud-instance .discover-step .actifio-grid .toolbar .add-host {
  position: absolute;
  right: 0;
  top: 0;
}
.agm-onboarding-wizard.cloud-instance .discover-step .actifio-grid .items .no-items {
  position: static;
  margin: 0;
  padding: 40px 0;
}
.agm-onboarding-wizard.cloud-instance .discover-step .add-host {
  font-size: 14px;
}
.agm-onboarding-wizard.cloud-instance .discover-step .add-host.prefix-plus-icon:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f067';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
  vertical-align: middle;
}

.add-cloud-instance .modal-main {
  min-width: 600px;
}

.add-cloud-instance .org-hldr .form-control-label, .host-editor .org-hldr .form-control-label {
  min-width: 50%;
}
.add-cloud-instance .org-addcredentail-container .search, .host-editor .org-addcredentail-container .search {
  width: 50%;
}
.add-cloud-instance .org-addcredentail-container span#clear, .host-editor .org-addcredentail-container span#clear {
  left: 49%;
}
.add-cloud-instance .cred-validation p, .host-editor .cred-validation p {
  font-weight: 400;
  color: #8c8c86;
}
.add-cloud-instance .appliance-credential-grid, .host-editor .appliance-credential-grid {
  position: relative;
  height: 300px;
}
.add-cloud-instance .appliance-credential-grid .data-search, .host-editor .appliance-credential-grid .data-search {
  max-width: 250px;
}
.add-cloud-instance .appliance-credential-grid .items .data-row.disabled, .host-editor .appliance-credential-grid .items .data-row.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.gcp-perms-appl-ul {
  margin: 12px 0 0 12px;
}
.gcp-perms-appl-ul > li {
  list-style-type: circle;
}
.gcp-perms-appl-ul .gcp-missing-perms li {
  list-style-type: disc;
}

.add-host-modal {
  z-index: 9990;
}
.add-host-modal .modal-main {
  width: 500px;
  margin-top: 0 !important;
}
.add-host-modal .modal-heading {
  padding: 0 30px;
  border-bottom: 1px solid #eee;
}
.add-host-modal .modal-heading h2 {
  line-height: 50px;
  font-weight: 400;
}
.add-host-modal .modal-contents {
  padding: 0;
  max-height: 65vh;
}
.add-host-modal .modal-actions {
  padding: 10px;
  margin: 0;
  border-top: 1px solid #eee;
}
.add-host-modal .agm-host-manage-editor-container {
  position: static;
  min-width: inherit;
}
.add-host-modal .agm-host-manage-editor-container .overlay {
  width: 100%;
}
.add-host-modal .agm-host-manage-editor-container .overlay .body {
  box-shadow: none;
  overflow: hidden;
  text-align: center;
}
.add-host-modal .agm-host-manage-editor-container .overlay .body:after {
  content: "";
  display: block;
  width: 120px;
  height: 120px;
  border: 5px solid rgba(140, 197, 62, 0.2);
  border-left-color: #8cc53e;
  border-radius: 50%;
  animation: loading 0.75s infinite linear;
  margin: 0 auto;
}
.add-host-modal .agm-host-manage-editor-container .form-title {
  display: none;
}
.add-host-modal .agm-host-manage-editor-container .host-editor {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 3;
}
.add-host-modal .agm-host-manage-editor-container .host-editor .form-body {
  background: none;
}
.add-host-modal .agm-host-manage-editor-container .host-editor .form-section {
  width: 100%;
}
.add-host-modal .agm-host-manage-editor-container .host-appliance {
  display: block;
}
.add-host-modal .agm-host-manage-editor-container #sources {
  min-width: inherit;
}
.add-host-modal .agm-host-manage-editor-container .form-row-actions {
  display: none;
}
.add-host-modal .agm-host-manage-editor-container .form-control-label {
  font-size: 14px;
  font-weight: 400;
  color: black;
  width: 25%;
}

.agm-onboarding-wizard .manage-step.resync-only .headers .check-icon:before {
  color: lightgray;
}
.agm-onboarding-wizard .manage-step .select-row {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
  max-width: 1000px;
}
.agm-onboarding-wizard .manage-step .select-row .manage-label {
  white-space: nowrap;
}
.agm-onboarding-wizard .manage-step .select-row select {
  border-color: #3367D6;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agm-onboarding-wizard .manage-step .select-row select.has-val {
  border-color: #ccc;
}
.agm-onboarding-wizard .manage-step .select-row .manage-select-wrap,
.agm-onboarding-wizard .manage-step .select-row .group-select-wrap,
.agm-onboarding-wizard .manage-step .select-row .template-select-wrap,
.agm-onboarding-wizard .manage-step .select-row .profile-select-wrap,
.agm-onboarding-wizard .manage-step .select-row .ok-btn {
  margin-left: 10px;
  display: none;
}
.agm-onboarding-wizard .manage-step .select-row .manage-select-wrap {
  max-width: 20%;
}
.agm-onboarding-wizard .manage-step .select-row .group-select-wrap {
  max-width: 90%;
}
.agm-onboarding-wizard .manage-step .select-row .template-select-wrap,
.agm-onboarding-wizard .manage-step .select-row .profile-select-wrap {
  max-width: 50%;
}
.agm-onboarding-wizard .manage-step .select-wrap .options-loader {
  display: none;
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.08);
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  text-align: center;
  padding-top: 4px;
}
.agm-onboarding-wizard .manage-step .select-wrap.options-loading .options-loader {
  display: inline-block;
}
.agm-onboarding-wizard .manage-step .ok-btn {
  font-size: 14px;
  line-height: 1;
  height: 30px;
  vertical-align: top;
}
.agm-onboarding-wizard .manage-step .instance-grid [data-col-name=Application],
.agm-onboarding-wizard .manage-step .instance-grid [data-col-name=group],
.agm-onboarding-wizard .manage-step .instance-grid [data-col-name=template],
.agm-onboarding-wizard .manage-step .instance-grid [data-col-name=profile] {
  width: 20%;
}
.agm-onboarding-wizard .manage-step .instance-grid [data-col-name=profile] .appliance {
  font-size: 12px;
  color: #999;
}
.agm-onboarding-wizard .manage-step .instance-grid .items .data-row .cell-display.empty {
  color: rgba(0, 0, 0, 0.66);
}
.agm-onboarding-wizard .manage-step .instance-grid .items .data-row.selected .cell-display.empty {
  color: rgba(0, 0, 0, 0.66);
}
.agm-onboarding-wizard .manage-step [data-col-name=preview] {
  width: 100px;
  padding: 0;
  color: #666;
  text-align: center;
}
.agm-onboarding-wizard .manage-step [data-col-name=preview][data-preview=ignore] .inner-el:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f070';
  display: inline-block;
  vertical-align: middle;
}
.agm-onboarding-wizard .manage-step [data-col-name=preview][data-preview=resync] .inner-el:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f362';
  display: inline-block;
  vertical-align: middle;
}
.agm-onboarding-wizard .manage-step .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 4px;
  background: #eee;
}
.agm-onboarding-wizard .manage-step .dot.snap {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step .dot.dedup {
  background: rgb(70, 188, 181);
}
.agm-onboarding-wizard .manage-step .dot.remotededup {
  background: rgb(70, 188, 181);
}
.agm-onboarding-wizard .manage-step .dot.remotesnapshot {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step .dot.onvault {
  background: #00abec;
}
.agm-onboarding-wizard .manage-step .policy-grid {
  position: relative;
  background: none;
  padding-bottom: 10px;
}
.agm-onboarding-wizard .manage-step .policy-grid .headers {
  background: none;
  height: 20px;
}
.agm-onboarding-wizard .manage-step .policy-grid .headers .header-cell {
  background: none;
  color: #ccc;
  font-size: 12px;
  height: 20px;
  border-color: rgba(255, 255, 255, 0.25);
}
.agm-onboarding-wizard .manage-step .policy-grid .items {
  position: static;
  background: none;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row {
  background: none;
  border: none;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display {
  height: 30px;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot {
  margin: 0 5px 0 0;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=snap] {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=stream_snap] {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=cloud] {
  background: #00abec;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .disabled {
  color: #ffffff;
}

#instance-grid .toolbar, .instance-grid .toolbar {
  height: 60px;
}
#instance-grid .toolbar .data-search, .instance-grid .toolbar .data-search {
  float: left;
}
#instance-grid .toolbar .toolbar-items, .instance-grid .toolbar .toolbar-items {
  float: right;
  margin: 20px 5px;
}
#instance-grid .toolbar .pagination-info-wrapper, .instance-grid .toolbar .pagination-info-wrapper {
  display: inline-block;
  float: right;
  vertical-align: middle;
  margin: 25px 20px;
}
#instance-grid .no-items, .instance-grid .no-items {
  font-size: 18px;
  top: 200px;
}
#instance-grid .olay, .instance-grid .olay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.field-hldrs .sake-support {
  display: inline-block;
  min-width: 700px;
  max-width: 900px;
}
.field-hldrs .sake-support .field-wraper {
  width: 100%;
  display: inline-block;
}
.field-hldrs .sake-support .manage-row {
  display: inline-block;
  width: 30%;
  max-width: 40%;
  margin: 14px 0;
  margin-right: 3%;
}
.field-hldrs .sake-support .manage-row .region-select,
.field-hldrs .sake-support .manage-row .project-select,
.field-hldrs .sake-support .manage-row .run-discovery-row {
  width: 100%;
  min-width: 150px;
}
.field-hldrs .sake-support .has-error {
  border-color: #D93025;
}

.run-discovery-button {
  display: inline-block;
  padding: 0 12px !important;
  height: 32px;
  text-align: center;
  color: #3367D6;
  border: 1px solid #ffffff !important;
  border-radius: 4px !important;
  border-color: #ffffff;
  transition-property: background, color, transform;
  transition-duration: 0.25s;
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px;
}

#info-projectid {
  color: #3367D6;
  font-family: "Roboto", "Helvetica", "Arial", "san serif";
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

.select-landing {
  font-size: 14px;
  font-weight: 400;
  position: relative;
  top: -135px;
}

.sake-grid .items {
  min-height: 200px;
}

#pantheon-iam-link {
  color: #3367D6;
  text-decoration: underline;
}

ol.lower-alpha-permissions-text li {
  list-style-type: lower-alpha;
  margin: 0 0 9px;
  font-size: 13px;
  line-height: 18px;
}

.agm-onboarding-wizard .manage-step.resync-only .headers .check-icon:before {
  color: lightgray;
}
.agm-onboarding-wizard .manage-step .manage-row {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 30px;
  margin-bottom: 20px;
  max-width: 1000px;
}
.agm-onboarding-wizard .manage-step .manage-row.sake-support {
  height: 80px;
}
.agm-onboarding-wizard .manage-step .manage-row.sake-support .backup-plan-section,
.agm-onboarding-wizard .manage-step .manage-row.sake-support .group-section {
  padding-left: 10px;
}
.agm-onboarding-wizard .manage-step .manage-row.sake-support .ok-btn {
  margin-top: 23px;
}
.agm-onboarding-wizard .manage-step .manage-row .sake-selection-label {
  padding-bottom: 10px;
}
.agm-onboarding-wizard .manage-step .manage-row .manage-label.base-wizard {
  white-space: nowrap;
  width: auto;
}
.agm-onboarding-wizard .manage-step .manage-row select {
  border-color: #3367D6;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.agm-onboarding-wizard .manage-step .manage-row select.has-val {
  border-color: #ccc;
}
.agm-onboarding-wizard .manage-step .manage-row .group-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .template-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .profile-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .ok-btn {
  margin-left: 10px;
  display: none;
}
.agm-onboarding-wizard .manage-step .manage-row .manage-select-wrap {
  right: 10px;
  display: block;
  width: 28%;
  max-width: 30%;
}
.agm-onboarding-wizard .manage-step .manage-row .sake-support .manage-select-wrap {
  right: 10px;
  display: block;
  width: 100%;
  max-width: 100%;
}
.agm-onboarding-wizard .manage-step .manage-row .group-select-wrap {
  max-width: 90%;
}
.agm-onboarding-wizard .manage-step .manage-row .template-select-wrap,
.agm-onboarding-wizard .manage-step .manage-row .profile-select-wrap {
  max-width: 50%;
}
.agm-onboarding-wizard .manage-step .manage-row .sake-support .template-select-wrap {
  right: 10px;
  max-width: 100%;
}
.agm-onboarding-wizard .manage-step .manage-row .sake-support .group-select-wrap {
  right: 10px;
}
.agm-onboarding-wizard .manage-step .select-wrap .options-loader {
  display: none;
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.08);
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  text-align: center;
  padding-top: 4px;
}
.agm-onboarding-wizard .manage-step .select-wrap.options-loading .options-loader {
  display: inline-block;
}
.agm-onboarding-wizard .manage-step .ok-btn {
  font-size: 14px;
  line-height: 1;
  height: 30px;
  vertical-align: top;
}
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=checkbox] {
  width: 4%;
}
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name="Boot Volume"] {
  width: 28%;
}
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name="Instance Name"] {
  width: 20%;
}
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=preview],
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=group],
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=template],
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=profile] {
  width: 13%;
}
.agm-onboarding-wizard .manage-step .manage-grid [data-col-name=profile] .appliance {
  font-size: 12px;
  color: #999;
}
.agm-onboarding-wizard .manage-step .manage-grid .items .data-row .cell-display.empty {
  color: rgba(0, 0, 0, 0.66);
}
.agm-onboarding-wizard .manage-step .manage-grid .items .data-row.selected .cell-display.empty {
  color: rgba(0, 0, 0, 0.66);
}
.agm-onboarding-wizard .manage-step .manage-grid .boot-volume-select {
  z-index: 99;
}
.agm-onboarding-wizard .manage-step [data-col-name=preview] {
  padding: 0;
  color: #666;
  text-align: center;
}
.agm-onboarding-wizard .manage-step [data-col-name=preview][data-preview=ignore] .inner-el:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f070';
  display: inline-block;
  vertical-align: middle;
}
.agm-onboarding-wizard .manage-step [data-col-name=preview][data-preview=resync] .inner-el:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f362';
  display: inline-block;
  vertical-align: middle;
}
.agm-onboarding-wizard .manage-step .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 4px;
  background: #eee;
}
.agm-onboarding-wizard .manage-step .dot.snap {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step .dot.dedup {
  background: rgb(70, 188, 181);
}
.agm-onboarding-wizard .manage-step .dot.remotededup {
  background: rgb(70, 188, 181);
}
.agm-onboarding-wizard .manage-step .dot.remotesnapshot {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step .dot.onvault {
  background: #00abec;
}
.agm-onboarding-wizard .manage-step .policy-grid {
  position: relative;
  background: none;
  padding-bottom: 10px;
}
.agm-onboarding-wizard .manage-step .policy-grid .headers {
  background: none;
  height: 20px;
}
.agm-onboarding-wizard .manage-step .policy-grid .headers .header-cell {
  background: none;
  color: #ccc;
  font-size: 12px;
  height: 20px;
  border-color: rgba(255, 255, 255, 0.25);
}
.agm-onboarding-wizard .manage-step .policy-grid .items {
  position: static;
  background: none;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row {
  background: none;
  border: none;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display {
  height: 30px;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot {
  margin: 0 5px 0 0;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=snap] {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=stream_snap] {
  background: #F2AA2D;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .data-row .cell-display[data-col-name=name] .dot[data-op=cloud] {
  background: #00abec;
}
.agm-onboarding-wizard .manage-step .policy-grid .items .disabled {
  color: #ffffff;
}
.agm-onboarding-wizard .manage-step .footer-message {
  font-size: 12px;
}

.agm-onboarding-wizard .finish-step.complete .step-title:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  display: inline-block;
  vertical-align: middle;
  color: #1E8E3E;
  margin-right: 5px;
  vertical-align: baseline;
}
.agm-onboarding-wizard .finish-step.warning .step-title:before {
  content: "\f071";
  color: #FBBC04;
}
.agm-onboarding-wizard .finish-step.failed .step-title:before {
  content: "\f057";
  color: #D93025;
}
.agm-onboarding-wizard .finish-step .prog-count {
  float: right;
}
.agm-onboarding-wizard .finish-step .prog-count .sep {
  font-size: 12px;
  margin: 0 5px;
}
.agm-onboarding-wizard .finish-step .prog-bar {
  position: relative;
  height: 3px;
  background: #eee;
  margin: 10px 0 20px;
}
.agm-onboarding-wizard .finish-step .prog-bar .inner {
  position: absolute;
  background-color: #8cc53e;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: transform 0.25s;
  font-size: 14px;
  text-align: center;
  line-height: 26px;
}
.agm-onboarding-wizard .finish-step .what-next {
  margin-bottom: 30px;
}
.agm-onboarding-wizard .finish-step .summary ul {
  margin: 0 18px;
}
.agm-onboarding-wizard .finish-step .summary ul li {
  margin-bottom: 8px;
}
.agm-onboarding-wizard .finish-step .agm-cloud-instance-wizard-grid .items .data-row .inner {
  cursor: default;
}
.agm-onboarding-wizard .finish-step [data-col-name=status] {
  padding: 0;
  width: 100px;
  text-align: center;
}
.agm-onboarding-wizard .finish-step [data-col-name=status] .inline-spinner {
  top: 0;
  left: 50%;
  margin: 0 0 0 -10px;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(140, 197, 62, 0.2);
  border-left-color: #8cc53e;
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading 0.75s infinite linear;
}
.agm-onboarding-wizard .finish-step [data-col-name=status] .success:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f00c';
  display: inline-block;
  vertical-align: middle;
  color: #1E8E3E;
}
.agm-onboarding-wizard .finish-step [data-col-name=status] .error:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f057';
  display: inline-block;
  vertical-align: middle;
  color: #D93025;
}

.agm-job-grid [data-col-name=status] {
  width: 124px;
}
.agm-job-grid .items .data-row.selected select {
  color: #fff;
}
.agm-job-grid .items [data-col-name=status] .status-dot {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background: #000;
}
.agm-job-grid .items [data-col-name=status] .status-text {
  display: inline-block;
  text-transform: capitalize;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  margin-left: 13px;
}
.agm-job-grid .items [data-col-name=status].running .status-text {
  margin-left: -5px;
}
.agm-job-grid .items [data-col-name=status] .prog-bar {
  position: absolute;
  bottom: 5px;
  left: 10px;
  right: 10px;
  height: 3px;
  background: #ccc;
}
.agm-job-grid .items [data-col-name=status] .prog-bar .inner {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgb(140, 197, 62);
  transition: width 0.25s;
}
.agm-job-grid .items [data-col-name=status].running .status-dot {
  left: auto;
  background: none;
  border-width: 1px;
}
.agm-job-grid .items [data-col-name=status].canceled .status-dot {
  background: #aaaaaa;
}
.agm-job-grid .items [data-col-name=status].failed .status-dot {
  background: #D93025;
}
.agm-job-grid .items [data-col-name=status].failed .err-code-text {
  font-size: 10px;
}
.agm-job-grid .items [data-col-name=status].failed .err-code-text .err-code {
  font-size: 12px;
}
.agm-job-grid .items [data-col-name=status].retry .status-dot {
  background: #fbbfaa;
}
.agm-job-grid .items [data-col-name=status].succeeded .status-dot {
  background: #1E8E3E;
}
.agm-job-grid .items [data-col-name=status].queued .status-dot {
  background: #536878;
}
.agm-job-grid .items [data-col-name=status].notrun .status-dot {
  background: #df7753;
}

.modal-container.agm-job-grid-modal {
  position: fixed;
}
.modal-container.agm-job-grid-modal .link {
  cursor: pointer;
}

.agm-event-grid [data-col-name=message] {
  width: 40%;
}
.agm-event-grid .items [data-col-name=severity],
.agm-event-grid .items [data-col-name="requires clearing"] {
  text-transform: capitalize;
}
.agm-event-grid .items .selected [data-col-name=severity] .event-severity:before {
  background: #fff;
}

.agm-consistencygroup-grid [data-col-name=protection] {
  width: 40px;
  padding: 0;
  text-align: center;
}
.agm-consistencygroup-grid [data-col-name=protection].header-cell {
  overflow: hidden;
  text-indent: 100%;
  font-size: 0;
}
.agm-consistencygroup-grid [data-col-name=protection] .status:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 4px;
  vertical-align: middle;
  background: no-repeat 50% 50%;
  background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=undefined.undefined);
  background-size: auto 18px;
}
.agm-consistencygroup-grid [data-col-name=protection] .status .text {
  overflow: hidden;
  text-indent: 100%;
  font-size: 0;
}
.agm-consistencygroup-grid .items [data-col-name="sensitive data"] .consistencygroup-sensitivity-check {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
.agm-consistencygroup-grid .items [data-col-name="sensitive data"] .consistencygroup-sensitivity-check:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  display: inline-block;
  vertical-align: middle;
  color: rgb(89, 192, 90);
}
.agm-consistencygroup-grid .items [data-col-name=protection] .status.managed:before {
  background-image: url(/src/assets/images/Protection_Protected.png?agm-ver=undefined.undefined);
}
.agm-consistencygroup-grid .items [data-col-name=protection] .status.unmanaged:before {
  background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=undefined.undefined);
}
.agm-consistencygroup-grid .items [data-col-name=protection] .status.paused:before {
  background-image: url(/src/assets/images/Protection_ProtectionPaused.png?agm-ver=undefined.undefined);
}

.modal-container.app-grid-modal {
  position: fixed;
}
.modal-container.app-grid-modal .link {
  cursor: pointer;
}

.agm-logicalgroup-grid [data-col-name=protection] {
  width: 40px;
  padding: 0;
  text-align: center;
}
.agm-logicalgroup-grid [data-col-name=protection].header-cell {
  overflow: hidden;
  text-indent: 100%;
  font-size: 0;
}
.agm-logicalgroup-grid [data-col-name=protection] .status:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 4px;
  vertical-align: middle;
  background: no-repeat 50% 50%;
  background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=undefined.undefined);
  background-size: auto 18px;
}
.agm-logicalgroup-grid [data-col-name=protection] .status .text {
  overflow: hidden;
  text-indent: 100%;
  font-size: 0;
}
.agm-logicalgroup-grid .items [data-col-name=protection] .status.managed:before {
  background-image: url(/src/assets/images/Protection_Protected.png?agm-ver=undefined.undefined);
}
.agm-logicalgroup-grid .items [data-col-name=protection] .status.unmanaged:before {
  background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=undefined.undefined);
}
.agm-logicalgroup-grid .items [data-col-name=protection] .status.paused:before {
  background-image: url(/src/assets/images/Protection_ProtectionPaused.png?agm-ver=undefined.undefined);
}

.modal-container.app-grid-modal {
  position: fixed;
}
.modal-container.app-grid-modal .link {
  cursor: pointer;
}

.agm-backup-grid .items [data-col-name="Image Type"] .imagetype {
  height: 9px;
  width: 9px;
  margin-top: 5px;
  border-radius: 10px;
  display: inline-block;
}

.agm-user-grid-modal {
  background: rgba(42, 48, 54, 0.2);
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: 50px 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.25s ease-in;
  z-index: 9999;
}
.agm-user-grid-modal.show {
  opacity: 1;
}

p.dedup-warning {
  color: red;
}

#warning-expiry-msg {
  padding-bottom: 7px;
}
#warning-expiry-msg th, #warning-expiry-msg td, #warning-expiry-msg p {
  color: red;
}
#warning-expiry-msg table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
#warning-expiry-msg td, #warning-expiry-msg th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  font-size: 12px;
  width: 33%;
}
#warning-expiry-msg tr:nth-child(even) {
  background-color: #dddddd;
}
#warning-expiry-msg .header {
  float: left;
  margin: 0px;
  width: 33%;
  color: red;
  font-size: 12px;
}
#warning-expiry-msg .warning-dialog {
  overflow-y: scroll;
  height: 70px;
  border-style: groove;
}

.confirm-expiry-msg {
  padding-bottom: 7px;
}
.confirm-expiry-msg table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.confirm-expiry-msg td, .confirm-expiry-msg th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
  font-size: 12px;
  width: 33%;
}
.confirm-expiry-msg tr:nth-child(even) {
  background-color: #dddddd;
}
.confirm-expiry-msg .header {
  float: left;
  margin: 0px;
  width: 33%;
  font-size: 12px;
}
.confirm-expiry-msg .warning-dialog {
  clear: both;
  overflow-y: scroll;
  height: 70px;
  border-style: groove;
}

.modal-main {
  width: 550px;
}

.manage-expiration {
  color: #5f6a6d;
}
.manage-expiration .control-label {
  text-transform: none;
}
.manage-expiration .now-group {
  padding-bottom: 7px;
}
.manage-expiration .never-group {
  padding-top: 7px;
  padding-bottom: 7px;
}
.manage-expiration .unchanged-group {
  padding-top: 7px;
  padding-bottom: 7px;
}
.manage-expiration input {
  width: 30px;
}
.manage-expiration input.expire-date {
  width: 130px;
}
.manage-expiration input.manage {
  width: 15px;
}
.manage-expiration input.shortencount {
  margin-left: 31px;
}
.manage-expiration input.extendcount {
  margin-left: 35px;
}
.manage-expiration input.expire-date {
  margin-left: 11px;
}
.manage-expiration input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #55555A;
}
.manage-expiration input::-moz-placeholder { /* Firefox 19+ */
  color: #55555A;
}
.manage-expiration input:-ms-input-placeholder { /* IE 10+ */
  color: #55555A;
}
.manage-expiration input:-moz-placeholder { /* Firefox 18- */
  color: #55555A;
}
.manage-expiration select {
  width: 75px;
}
.manage-expiration .input-margin {
  margin-left: 10px;
}

.agm-appliances-container * > .agm-appliance-grid {
  position: absolute;
}

.agm-appliance-grid .items [data-col-name="connectivity status"] .appliance-connection-check {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
.agm-appliance-grid .items [data-col-name="connectivity status"] .appliance-connection-check:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  display: inline-block;
  vertical-align: middle;
  color: rgb(89, 192, 90);
}
.agm-appliance-grid .items [data-col-name="connectivity status"] .appliance-connection-uncheck {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
.agm-appliance-grid .items [data-col-name="connectivity status"] .appliance-connection-uncheck:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f057';
  display: inline-block;
  vertical-align: middle;
  color: #e7422d;
}
.agm-appliance-grid .items .update-status-title {
  padding-left: 10px;
}

.agm-arrays-container.agm-filterable-grid-container .side-bar {
  display: none;
}
.agm-arrays-container.agm-filterable-grid-container .main {
  left: 0;
}
.agm-arrays-container.agm-filterable-grid-container .main .lower {
  display: none;
}
.agm-arrays-container.agm-filterable-grid-container .main .grid-wrap {
  top: 50px;
}
.agm-arrays-container.agm-filterable-grid-container .actifio-grid.has-selections .toolbar .show-selected {
  display: inline-block;
}
.agm-arrays-container.agm-filterable-grid-container [data-col-name=connectivity] .status-dot {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background: #000;
}
.agm-arrays-container.agm-filterable-grid-container [data-col-name=connectivity] .status-text {
  display: inline-block;
  text-transform: capitalize;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  margin-left: 13px;
}
.agm-arrays-container.agm-filterable-grid-container [data-col-name=connectivity].active .status-dot {
  background: #1E8E3E;
}
.agm-arrays-container.agm-filterable-grid-container [data-col-name=connectivity].inactive .status-dot {
  background: #D93025;
}

.agm-edit-array-wrapper {
  background: #F0EFEB;
  padding-left: 20px;
  padding-top: 30px;
  padding-bottom: 20px;
  width: 850px;
  min-height: 780px;
  position: relative;
  top: 30px;
  left: 30px;
}

.agm-array-editor-container {
  width: 960px;
}
.agm-array-editor-container .agm-array-editor {
  position: relative;
  left: 0px;
}
.agm-array-editor-container .appl-grid-wrap {
  width: 800px;
  height: 400px;
  position: relative;
  top: 10px;
  border: 1px solid #ccc;
}
.agm-array-editor-container .appl-grid-wrap .actifio-grid .toolbar .data-search.auto-submit .text-input {
  width: 300px;
  padding-right: 0px;
}
.agm-array-editor-container .appl-grid-wrap .actifio-grid.has-toolbar.has-headers .items {
  border-top: 1px solid #ccc;
}
.agm-array-editor-container .appl-grid-wrap [data-col-name="Connection Status"] .status-dot {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background: #000;
}
.agm-array-editor-container .appl-grid-wrap [data-col-name="Connection Status"] .status-text {
  display: inline-block;
  text-transform: capitalize;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  margin-left: 13px;
}
.agm-array-editor-container .appl-grid-wrap [data-col-name="Connection Status"].active .status-dot {
  background: #1E8E3E;
}
.agm-array-editor-container .appl-grid-wrap [data-col-name="Connection Status"].stale .status-dot {
  background: #D93025;
}
.agm-array-editor-container .appl-grid-wrap [data-col-name="Account Name"] .add-account {
  background: #c5d6f0;
  color: #3367D6;
  border: 1px solid #c5d6f0;
  padding: 5px 15px;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 500;
  position: absolute;
  right: 10px;
  top: 8px;
  display: none;
}
.agm-array-editor-container .appl-grid-wrap [data-col-name="Account Name"] .add-account.has-error {
  border: 2px red solid;
}
.agm-array-editor-container .appl-grid-wrap [data-col-name="Account Name"] .add-account.has-error:after {
  content: "*";
  position: absolute;
  right: 5px;
  color: red;
  font-size: 13px;
}
.agm-array-editor-container .appl-grid-wrap .data-row.selected .add-account {
  display: inline-block;
}
.agm-array-editor-container .appl-grid-wrap .reset-account {
  display: none;
  float: right;
  color: white;
}
.agm-array-editor-container .appl-grid-wrap .selected .reset-account {
  display: inline-block;
}
.agm-array-editor-container .appl-grid-wrap.hide-username-col [data-col-name=Username] {
  display: none !important;
}
.agm-array-editor-container #testConnectivity {
  margin: 3% 5% 0;
}
.agm-array-editor-container #testConnectivity:not([disabled]) {
  background-color: #797975;
}
.agm-array-editor-container .form-row.org-grid.expandable {
  position: relative;
  margin-top: 30px;
  margin-bottom: 20px;
}
.agm-array-editor-container .form-row.org-grid.expandable .org-wrap-ele {
  width: 500px;
}
.agm-array-editor-container .modal-actions {
  margin: 20px 60px;
}

.info-modal-wrapper, .group-members-modal-wrapper {
  font-size: 12px;
}
.info-modal-wrapper .small-text, .group-members-modal-wrapper .small-text {
  font-style: italic;
  font-size: 0.9em;
  margin-top: 15px;
}
.info-modal-wrapper .small-text span, .group-members-modal-wrapper .small-text span {
  font-weight: 700;
}

#confirmEditArrayModal {
  min-width: 100px;
}

.display-in-block {
  display: inline-block;
}

.test-connectivity-modal {
  min-width: 600px;
}
.test-connectivity-modal #test-connectivity-grid {
  position: relative;
  min-height: 80px;
  max-height: 240px;
  border: 1px solid #ccc;
  border-top: none;
}
.test-connectivity-modal #test-connectivity-grid .toolbar {
  display: none;
}
.test-connectivity-modal #test-connectivity-grid .items {
  top: 40px;
}
.test-connectivity-modal #test-connectivity-grid .items .passed {
  color: green;
}
.test-connectivity-modal #test-connectivity-grid .items .failed {
  color: red;
}
.test-connectivity-modal #test-connectivity-grid .items .skipped {
  color: orange;
}
.test-connectivity-modal #test-connectivity-grid .items .test-status {
  pointer-events: all;
}
.test-connectivity-modal #test-connectivity-grid .no-items {
  font-size: 20px;
}
.test-connectivity-modal .action-description {
  padding: 15px 0;
}
.test-connectivity-modal .action-item .button {
  min-width: 80px;
}

.red-text {
  color: red;
}

.popover {
  z-index: 99999999999 !important;
}

.edit-array-redirect-modal {
  position: fixed;
  width: 100%;
  height: 100%;
}
.edit-array-redirect-modal .modal-heading h2 {
  font-size: 20px;
  color: #111;
  font-weight: 500;
  text-transform: none;
}
.edit-array-redirect-modal .modal-main {
  margin-top: 100px;
}
.edit-array-redirect-modal .modal-contents a {
  color: #3367D6;
}
.edit-array-redirect-modal .modal-actions {
  padding: 0 0 20px 0;
}

.agm-pool-adder-container {
  min-height: 800px;
  width: 950px;
}
.agm-pool-adder-container .agm-add-pool-wrapper {
  background: #F0EFEB;
  position: relative;
  top: 30px;
  left: 30px;
  width: 850px;
  padding: 20px;
}
.agm-pool-adder-container .agm-add-pool-wrapper h2 {
  margin-bottom: 10px;
}
.agm-pool-adder-container .agm-add-pool-wrapper .form-section {
  width: 33%;
}
.agm-pool-adder-container .agm-add-pool-wrapper .form-section .select-container, .agm-pool-adder-container .agm-add-pool-wrapper .form-section .input-text, .agm-pool-adder-container .agm-add-pool-wrapper .form-section .top-bar-input-text {
  width: 75%;
}
.agm-pool-adder-container .agm-add-pool-wrapper .select-container {
  width: 50%;
}
.agm-pool-adder-container .agm-add-pool-wrapper .actifio-grid .toolbar .data-search.auto-submit .text-input {
  width: 200px;
  padding-right: 0px;
}
.agm-pool-adder-container .agm-add-pool-wrapper .actifio-grid .toolbar .data-search.auto-submit {
  width: 200px;
}
.agm-pool-adder-container .agm-add-pool-wrapper .actifio-grid.has-toolbar.has-headers .items {
  border-top: 1px solid #ccc;
}
.agm-pool-adder-container .agm-add-pool-wrapper .actifio-grid .toolbar .data-search.auto-submit .submit-btn {
  left: 169px;
}
.agm-pool-adder-container .agm-add-pool-wrapper .disk-grid-wrap {
  position: relative;
  height: 350px;
  width: 500px;
  border: 1px solid #ccc;
}
.agm-pool-adder-container .agm-add-pool-wrapper .form-row.org-grid.expandable {
  position: relative;
}
.agm-pool-adder-container .agm-add-pool-wrapper .form-row.org-grid.expandable .org-grid-wrap {
  position: relative;
  height: 350px;
  width: 500px;
  border: 1px solid #ccc;
}
.agm-pool-adder-container .agm-add-pool-wrapper h3 {
  font-size: 18px;
  margin: 10px 0px;
}
.agm-pool-adder-container .agm-add-pool-wrapper .threshold-container {
  margin-top: 45px;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container {
  position: relative;
  background: white;
  padding: 25px 40px;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container #threshold-slider {
  width: 650px;
  margin: 35px auto;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .slider-fill {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  width: 0;
  background: #89c33a;
  border-radius: 5px 0 0 5px;
  color: white;
  text-align: right;
  font-size: 11px;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .slider-fill.warning {
  background: #fbac21;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .slider-fill.safe {
  background: #f44c1e;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .threshold-val {
  position: absolute;
  width: 36px;
  height: 22px;
  line-height: 22px;
  border-radius: 7px;
  text-align: center;
  color: #fff;
  margin-left: -18px;
  font-size: 12px;
  cursor: pointer;
  left: 0;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .threshold-val:before {
  content: "";
  position: absolute;
  font-size: 10px;
  color: #000;
  font-weight: 500;
  white-space: nowrap;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .threshold-val:after {
  content: "";
  position: absolute;
  left: 50%;
  border: 6px solid transparent;
  margin-left: -6px;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .warning-val {
  top: -30px;
  background-color: #fbac21;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .warning-val:before {
  right: 110%;
  content: "WARNING";
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .warning-val:after {
  bottom: -12px;
  border-top-color: #fbac21;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .safe-val {
  bottom: -30px;
  background-color: #f44c1e;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .safe-val:before {
  left: 110%;
  content: "SAFE MODE";
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .safe-val:after {
  top: -12px;
  border-bottom-color: #f44c1e;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .min-value, .agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .max-value {
  position: absolute;
  width: 35px;
  top: 0;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .min-value {
  left: -40px;
  text-align: right;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .max-value {
  right: -40px;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .scale {
  position: absolute;
  width: 100%;
  top: 17px;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .scale span {
  display: inline-block;
  box-sizing: border-box;
  height: 7px;
  width: 6.25%;
  border-right: 1px solid #e8e8e7;
  vertical-align: top;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .scale span:nth-child(4n) {
  height: 14px;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .scale span:last-child {
  border-right: none;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .ui-slider-horizontal {
  height: 15px;
  border-radius: 5px;
  background: #f0efeb;
  border-color: #f0efeb;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .ui-widget-header {
  background: transparent;
}
.agm-pool-adder-container .agm-add-pool-wrapper #threshold-slider-container .ui-slider-handle {
  display: none;
}
.agm-pool-adder-container .modal-actions {
  position: relative;
  top: 15px;
}
.agm-pool-adder-container .org-wrap-ele {
  width: 500px;
}

.disk-grid-container.disabled-grid .items {
  opacity: 0.7;
}

#diskPoolSubmitBtn {
  min-width: 100px;
}

.agm-onvault-pool-adder {
  z-index: 1;
  position: fixed;
  left: 40px;
  top: 60px;
  right: 0;
  bottom: 0;
  min-width: 900px;
  max-width: 55vw;
  overflow: auto;
  flex-direction: column;
  display: flex;
}
.agm-onvault-pool-adder .modal-actions {
  margin: 0 0 0 30px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper {
  margin: 10px 25px auto 10px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-body {
  padding: 10px;
  border-radius: 7px;
  background: #e5e5dc;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-body .form-title {
  margin-left: 10px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container {
  background: white;
  border-radius: 7px;
  margin: 10px;
  padding: 20px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .form-row {
  margin-bottom: 15px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .form-row .form-section {
  display: block;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .form-row .form-section .form-control {
  display: block;
  width: 75%;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .form-row .form-section .form-control.compression {
  display: inline-block;
  vertical-align: top;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .dynamic-vault-fields .advanced-settings .form-section {
  margin-top: 10px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .dynamic-vault-fields .advanced-settings .form-section .form-control-label {
  padding-left: 15px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .dynamic-vault-fields .advanced-settings .form-section .form-control.select {
  display: inline-block;
  vertical-align: top;
  width: 20%;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .dynamic-vault-fields .p-relative {
  position: relative;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .dynamic-vault-fields #upload-vaultjson-btn {
  width: auto;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .dynamic-vault-fields .upload-vaultjson-container {
  position: relative;
  min-width: 100px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .dynamic-vault-fields .upload-vaultjson-container button {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0px;
  height: 19px;
  position: absolute;
  background: #fff;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .dynamic-vault-fields .upload-vaultjson-container #upload-vaultjson-btn {
  font: 500px monospace; /* make the input's button HUGE */
  opacity: 0; /* this will make it transparent */
  filter: alpha(opacity=0); /* transparency for Internet Explorer */
  position: absolute; /* making it absolute with z-index:1 will place it on top of the button */
  z-index: 1;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .dynamic-vault-fields #reset-button {
  background: #fff;
  padding: 0px;
  height: 19px;
  display: none;
  position: absolute;
  margin-left: 20px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-container .dynamic-vault-fields input[type=file] {
  line-height: 10px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-actions {
  text-align: right;
  margin: 10px 0px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-row-actions button {
  margin-right: 0px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper input {
  width: calc(100% - 8px);
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper textarea {
  width: calc(100% - 8px);
  height: 165px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper input[type=checkbox] {
  width: auto;
  margin: 0 5px 0 0;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .select {
  display: block;
  width: 75%;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-control-label {
  min-width: 160px;
  text-align: left;
  text-transform: none;
  display: inline-block;
  padding-right: 20px;
  width: auto;
  vertical-align: middle;
  margin: 0 0 5px 0;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .form-control-label.no-margin {
  margin: 0;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .has-error {
  border-color: #D93025;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .error-content > p {
  color: #D93025;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .org-onvault-container {
  width: 75%;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .org-onvault-container .search {
  width: 75%;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .org-onvault-container #clear {
  left: 74%;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .appliance-section p {
  font-size: 12px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .appliance-vault-grid {
  position: relative;
  height: 300px;
  border: 1px solid lightgray;
  width: 75%;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .appliance-vault-grid .items .data-row.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .actifio-grid .warning-appliance-offline:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f071';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 10px;
  top: 0;
  line-height: 40px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .actifio-grid .indented {
  padding-left: 29px;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .disableAppliance {
  pointer-events: none;
  opacity: 0.5;
  height: 122px !important;
}
.agm-onvault-pool-adder .agm-onvault-pool-wrapper .object-font-size {
  font-size: 12px;
  text-align: justify;
  width: 75%;
}

.info-modal-wrapper, .group-members-modal-wrapper {
  width: 40%;
  word-break: break-word;
}
.info-modal-wrapper .container-style, .group-members-modal-wrapper .container-style {
  margin-top: 15px;
}
.info-modal-wrapper .container-style p, .group-members-modal-wrapper .container-style p {
  font-size: 16px;
  margin-bottom: 10px;
}
.info-modal-wrapper .container-style table, .group-members-modal-wrapper .container-style table {
  border: 1px solid #e6e4e4;
}
.info-modal-wrapper .container-style table tbody, .group-members-modal-wrapper .container-style table tbody {
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 8.8em;
}
.info-modal-wrapper .container-style table tbody::-webkit-scrollbar, .group-members-modal-wrapper .container-style table tbody::-webkit-scrollbar {
  display: none;
}
.info-modal-wrapper .container-style table thead, .group-members-modal-wrapper .container-style table thead {
  background-color: #dadada;
}
.info-modal-wrapper .container-style table thead, .group-members-modal-wrapper .container-style table thead, .info-modal-wrapper .container-style table tbody, .group-members-modal-wrapper .container-style table tbody {
  width: 100%;
}
.info-modal-wrapper .container-style table thead tr, .group-members-modal-wrapper .container-style table thead tr, .info-modal-wrapper .container-style table tbody tr, .group-members-modal-wrapper .container-style table tbody tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.info-modal-wrapper .container-style table thead th, .group-members-modal-wrapper .container-style table thead th, .info-modal-wrapper .container-style table thead td, .group-members-modal-wrapper .container-style table thead td, .info-modal-wrapper .container-style table tbody th, .group-members-modal-wrapper .container-style table tbody th, .info-modal-wrapper .container-style table tbody td, .group-members-modal-wrapper .container-style table tbody td {
  padding: 0.8em 2em;
  text-align: left;
  border-right: 1px solid #e6e4e4;
  border-bottom: 1px solid #e6e4e4;
}
.info-modal-wrapper .container-style table thead th:nth-child(1), .group-members-modal-wrapper .container-style table thead th:nth-child(1), .info-modal-wrapper .container-style table tbody th:nth-child(1), .group-members-modal-wrapper .container-style table tbody th:nth-child(1) {
  width: 30%;
}
.info-modal-wrapper .container-style table thead td:nth-child(1), .group-members-modal-wrapper .container-style table thead td:nth-child(1), .info-modal-wrapper .container-style table tbody td:nth-child(1), .group-members-modal-wrapper .container-style table tbody td:nth-child(1) {
  width: 30%;
}
.info-modal-wrapper .container-style table thead .fa-check-circle, .group-members-modal-wrapper .container-style table thead .fa-check-circle, .info-modal-wrapper .container-style table tbody .fa-check-circle, .group-members-modal-wrapper .container-style table tbody .fa-check-circle {
  color: green;
  padding-right: 4px;
}
.info-modal-wrapper .container-style table thead .fa-times-circle, .group-members-modal-wrapper .container-style table thead .fa-times-circle, .info-modal-wrapper .container-style table tbody .fa-times-circle, .group-members-modal-wrapper .container-style table tbody .fa-times-circle {
  color: red;
  padding-right: 4px;
}
.info-modal-wrapper .container-style table thead .err-msg, .group-members-modal-wrapper .container-style table thead .err-msg, .info-modal-wrapper .container-style table tbody .err-msg, .group-members-modal-wrapper .container-style table tbody .err-msg {
  margin-left: 1.45em;
  word-break: break-all;
}

#bv-list-container {
  font-size: 13px;
  line-height: 40px;
}
#bv-list-container .bv-table {
  display: flex;
  flex-direction: column;
  border-top: 1px solid rgba(0, 0, 0, 0.1215686275);
  border-left: 1px solid rgba(0, 0, 0, 0.1215686275);
}
#bv-list-container .bv-table-heading, #bv-list-container .bv-table-body {
  display: grid;
  grid-template-columns: 100px 350px 1fr;
}
#bv-list-container .bv-table-body {
  max-height: 400px;
  overflow: auto;
}
#bv-list-container .bv-heading {
  text-transform: uppercase;
  font-weight: 500;
}
#bv-list-container .bv-cell-radio {
  place-content: space-evenly;
}
#bv-list-container .bv-cell {
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.1215686275);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1215686275);
  padding: 0 31px;
  max-width: 350px;
  white-space: nowrap;
  overflow: hidden;
}
#bv-list-container .bv-cell input {
  width: auto;
  box-shadow: none;
}
#bv-list-container .bv-cell .bv-shield {
  margin-right: 5px;
}
#bv-section-help {
  height: 0px;
  overflow: hidden;
  transition: height 0.5s ease-in-out;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 512px;
}
#bv-section-help .bv-section-help--bold {
  font-weight: 700;
}
#bv-section-help .form-section {
  margin-top: 20px;
}
#bv-section-help ol li {
  list-style: decimal;
}
#bv-section-help #bv-copy-sa {
  margin: 10px 0px;
  display: flex;
  width: 465px;
  padding: 8px;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
}
#bv-section-help .bv-button, #bv-section-help .bv-button--raised {
  text-transform: uppercase;
  cursor: default;
  display: flex;
  height: 24px;
  padding: 0px 12px;
  align-items: center;
  gap: 4px;
  color: #3367D6;
  width: fit-content;
}
#bv-section-help .bv-button:hover, #bv-section-help .bv-button--raised:hover {
  border-radius: 4px;
  background: #EEE;
}
#bv-section-help .bv-button:active, #bv-section-help .bv-button--raised:active {
  border-radius: 4px;
  background: #EEE;
  /* Button Shadow */
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
#bv-section-help .bv-button--raised {
  margin: 10px 0px;
  border-radius: 4px;
  background: #FFF;
  /* Button Shadow */
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
#bv-section-help .bv-button--raised:active {
  border-radius: 4px;
  background: #EEE;
  /* Button Shadow */
  box-shadow: none;
}

#bv-section-help.open {
  height: 400px;
}

#bv-help-control {
  cursor: pointer;
}
#bv-help-control .form-section {
  display: flex !important;
  justify-content: flex-start;
  gap: 5px;
  align-items: center;
  height: 40px;
}
#bv-help-control .form-section .bv-chevron-hide {
  display: none;
}
#bv-help-control .form-section .bv-help-title {
  color: #3367D6;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
}

.rm-help-link {
  color: #43a1ff;
}

.export-reports-view-container {
  background: #F0EFE9;
  border-radius: 7px;
  margin: 20px;
  width: 50%;
  padding: 20px;
}
.export-reports-view-container h3 {
  font-weight: bold;
  text-transform: none;
}
.export-reports-view-container form .form-label {
  width: 20%;
  display: inline-block;
  padding-top: 5px;
  color: #000000;
  vertical-align: top;
}
.export-reports-view-container form .form-field {
  width: 78%;
  padding-top: 5px;
  display: inline-block;
  position: relative;
}
.export-reports-view-container form .form-field input[type=text] {
  width: 100%;
}
.export-reports-view-container form .form-field input[type=date], .export-reports-view-container form .form-field .bucket-name {
  height: 25px;
}
.export-reports-view-container form .form-field .fa-clone {
  color: #000000;
  font-size: 14px;
}
.export-reports-view-container form .form-field .fa-clone:hover {
  color: #5b5b5b;
}
.export-reports-view-container form .form-field .copy-clipboard {
  position: absolute;
  top: 15px;
  right: 15px;
}
.export-reports-view-container form .form-field pre {
  height: 80px;
  padding: 0;
}
.export-reports-view-container form .form-field pre, .export-reports-view-container form .form-field code {
  margin: 0;
  color: #000000;
  display: block;
  font-size: 14px;
  line-height: 1.5;
}
.export-reports-view-container form .form-field .code-block {
  margin: 0;
  padding: 5px 10px;
}
.export-reports-view-container form .form-field p {
  display: inline;
}
.export-reports-view-container form .form-field .disclaimer-text {
  display: block;
  margin-bottom: 5px;
}
.export-reports-view-container .modify-data-retention-link {
  text-transform: uppercase;
  color: #3367D6;
  font-weight: bold;
  cursor: pointer;
}
.export-reports-view-container .export-reports-status {
  background-color: #D9D9D1;
  padding: 15px;
}
.export-reports-view-container .export-reports-status a {
  color: #3367D6;
  text-decoration: underline;
}
.export-reports-view-container .prereq-text a {
  color: #3367D6;
  text-decoration: underline;
}
.export-reports-view-container .export-reports-button {
  text-transform: uppercase;
}
.export-reports-view-container .reports-list-grid {
  position: relative;
  height: 300px;
  margin-bottom: 10px;
  border: 1px solid #c9c9c9;
}
.export-reports-view-container .reports-list-grid .toolbar {
  margin-top: -6px;
}
.export-reports-view-container .data-retention-info {
  margin-top: 10px;
}
.export-reports-view-container .export-status-count-container span {
  float: left;
  margin: 0 5px;
}

.modify-retention-container input, .modify-retention-container select {
  width: 150px;
}
.modify-retention-container .retention-confirm-container input {
  width: 25px;
  margin: 0;
  position: relative;
  top: -3px;
}
.modify-retention-container .retention-confirm-container div {
  display: inline-block;
}

/* containers */
.agm-filterable-grid-container {
  background-color: #ffffff;
  color: #000;
  z-index: 1;
  position: fixed;
  left: 0px;
  top: var(--app-body-top);
  right: 0;
  bottom: 0;
  min-width: 900px;
  overflow: auto;
}
.agm-filterable-grid-container, .agm-filterable-grid-container * {
  line-height: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.agm-filterable-grid-container.sidebar-hidden .main {
  left: 0;
}
.agm-filterable-grid-container.sidebar-hidden .main .top .sidebar-toggle-wrap .sidebar-toggle:before {
  display: none;
}
.agm-filterable-grid-container.sidebar-hidden .main .top .sidebar-toggle-wrap .sidebar-toggle:after {
  display: inline-block;
}
.agm-filterable-grid-container .sidebar,
.agm-filterable-grid-container .main,
.agm-filterable-grid-container .top {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.agm-filterable-grid-container .sidebar {
  padding: 10px 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0px 0px;
  position: absolute;
  width: 252px;
  bottom: 0px;
  overflow-y: scroll;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.agm-filterable-grid-container .main {
  position: absolute;
  left: 255px;
  right: 0px;
  bottom: 0px;
  top: 0;
  padding-top: 24px;
  background: #fff;
  transition: left 0.25s;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.agm-filterable-grid-container .main .top {
  padding: 0px;
  position: static;
  width: 100%;
  white-space: nowrap;
  overflow: visible;
  margin-bottom: 8px;
}
.agm-filterable-grid-container .main .top .upper {
  overflow: hidden;
  line-height: 24px;
  margin-bottom: 40px;
}
.agm-filterable-grid-container .main .top .upper h2 {
  padding-left: 8px;
}
.agm-filterable-grid-container .main .top .lower {
  overflow: hidden;
}
.agm-filterable-grid-container .main .top h2 {
  float: left;
  font-size: 18px;
  line-height: 24px;
}
.agm-filterable-grid-container .main .top .links {
  float: right;
  font-size: 13px;
  line-height: 32px;
}
.agm-filterable-grid-container .main .top .links a {
  color: #3367D6;
  display: inline-block;
  border: none;
  min-width: auto;
  padding: 0 10px;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 7px;
  margin-right: 12px;
}
.agm-filterable-grid-container .main .top .links a i {
  margin-right: 5px;
}
.agm-filterable-grid-container .main .top .sidebar-toggle-wrap {
  cursor: pointer;
  display: inline-block;
  vertical-align: bottom;
  padding-left: 17px;
}
.agm-filterable-grid-container .main .top .sidebar-toggle-wrap .sidebar-toggle {
  color: #3367D6;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: none;
}
.agm-filterable-grid-container .main .top .sidebar-toggle-wrap .sidebar-toggle span {
  border-bottom: 1px solid #3367D6;
  padding-bottom: 2px;
}
.agm-filterable-grid-container .main .top .sidebar-toggle-wrap .sidebar-toggle:before, .agm-filterable-grid-container .main .top .sidebar-toggle-wrap .sidebar-toggle:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  vertical-align: middle;
  border-bottom: none;
}
.agm-filterable-grid-container .main .top .sidebar-toggle-wrap .sidebar-toggle:before {
  content: "\f0d9";
  margin-right: 5px;
}
.agm-filterable-grid-container .main .top .sidebar-toggle-wrap .sidebar-toggle:after {
  display: none;
  content: "\f0da";
  margin-left: 5px;
}
.agm-filterable-grid-container .main .top .filter-tags-wrap {
  display: inline-block;
  vertical-align: top;
  margin: 0 0;
  max-width: 93.6%;
  white-space: normal;
}
.agm-filterable-grid-container .main .grid-wrap {
  position: relative;
  height: 100vh;
}

/* app aware access grid*/
.appgrid, .runNowappgrid, .appgrid1 {
  clear: both;
}
.appgrid + .expandable-content, .runNowappgrid + .expandable-content, .appgrid1 + .expandable-content {
  margin-top: 30px;
}
.appgrid + .form-row, .runNowappgrid + .form-row, .appgrid1 + .form-row {
  margin-top: 10px;
}
.appgrid .olay, .runNowappgrid .olay, .appgrid1 .olay {
  position: absolute;
}
.appgrid .actifio-grid, .runNowappgrid .actifio-grid, .appgrid1 .actifio-grid {
  position: relative;
  height: auto;
  max-height: 350px;
  border: 1px solid #ccc;
}
.appgrid .actifio-grid .items-block, .runNowappgrid .actifio-grid .items-block, .appgrid1 .actifio-grid .items-block {
  position: static;
}
.appgrid .actifio-grid .footer, .runNowappgrid .actifio-grid .footer, .appgrid1 .actifio-grid .footer {
  height: 5px;
}
.appgrid .actifio-grid .headers .agm-check.disabled, .runNowappgrid .actifio-grid .headers .agm-check.disabled, .appgrid1 .actifio-grid .headers .agm-check.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.appgrid .actifio-grid .items, .runNowappgrid .actifio-grid .items, .appgrid1 .actifio-grid .items {
  top: 0 !important;
}
.appgrid .actifio-grid .items.scrollable, .runNowappgrid .actifio-grid .items.scrollable, .appgrid1 .actifio-grid .items.scrollable {
  position: relative;
  max-height: 250px;
}
.appgrid .actifio-grid .items .data-row.greyed, .runNowappgrid .actifio-grid .items .data-row.greyed, .appgrid1 .actifio-grid .items .data-row.greyed {
  opacity: 0.3;
}
.appgrid .actifio-grid .items .data-row.greyed.opac, .runNowappgrid .actifio-grid .items .data-row.greyed.opac, .appgrid1 .actifio-grid .items .data-row.greyed.opac {
  opacity: 0.7;
}
.appgrid .actifio-grid .items .data-row:not(.selected).greyed > .inner:hover, .runNowappgrid .actifio-grid .items .data-row:not(.selected).greyed > .inner:hover, .appgrid1 .actifio-grid .items .data-row:not(.selected).greyed > .inner:hover {
  background: transparent;
}
.appgrid .actifio-grid .items .data-row.greyed > .inner:hover, .runNowappgrid .actifio-grid .items .data-row.greyed > .inner:hover, .appgrid1 .actifio-grid .items .data-row.greyed > .inner:hover {
  cursor: default;
}
.appgrid .actifio-grid .items .hide, .runNowappgrid .actifio-grid .items .hide, .appgrid1 .actifio-grid .items .hide {
  display: none;
}
.appgrid .actifio-grid .toolbar .show-selected, .runNowappgrid .actifio-grid .toolbar .show-selected, .appgrid1 .actifio-grid .toolbar .show-selected {
  margin-left: 27px;
  float: right;
}
.appgrid .actifio-grid .toolbar .toolbar-items, .runNowappgrid .actifio-grid .toolbar .toolbar-items, .appgrid1 .actifio-grid .toolbar .toolbar-items {
  width: 30px;
  height: 30px;
  float: right;
  margin: 0;
  position: relative;
}
.appgrid .actifio-grid .toolbar .toolbar-items .refresh-list, .runNowappgrid .actifio-grid .toolbar .toolbar-items .refresh-list, .appgrid1 .actifio-grid .toolbar .toolbar-items .refresh-list {
  padding: 8px 8px 8px 9px;
  cursor: pointer;
}
.appgrid .actifio-grid .toolbar form, .runNowappgrid .actifio-grid .toolbar form, .appgrid1 .actifio-grid .toolbar form {
  margin: 0;
}
.appgrid .actifio-grid .toolbar .toolbar-items, .runNowappgrid .actifio-grid .toolbar .toolbar-items, .appgrid1 .actifio-grid .toolbar .toolbar-items {
  display: none;
}
.appgrid .table-display div:nth-child(2), .runNowappgrid .table-display div:nth-child(2), .appgrid1 .table-display div:nth-child(2) {
  border-right: 0px;
}
.appgrid .headers .header-cell, .runNowappgrid .headers .header-cell, .appgrid1 .headers .header-cell {
  height: 35px;
}

.appgrid .actifio-grid .items.scrollable {
  max-height: 200px;
}
.appgrid .actifio-grid .footer {
  position: relative;
  height: 60px;
}

.agm-base-grid .grid-row-button-container {
  position: absolute;
  right: 10px;
  top: 8px;
}
.agm-base-grid .grid-row-button {
  background: #c5d6f0;
  color: #3367D6;
  border: 1px solid #c5d6f0;
  padding: 5px 15px;
  margin-left: 5px;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 500;
  vertical-align: top;
}
.agm-base-grid .member-options-modal-trigger, .agm-base-grid .remove-member-options {
  display: none;
}
.agm-base-grid .member-options-modal-trigger.remount-screen.has-values, .agm-base-grid .remove-member-options.remount-screen.has-values {
  display: inline-block;
}
.agm-base-grid .member-options-modal-trigger.liveclone-screen.has-values, .agm-base-grid .remove-member-options.liveclone-screen.has-values {
  display: inline-block;
}
.agm-base-grid.has-multiple-selection .data-row.selected .member-options-modal-trigger, .agm-base-grid.has-multiple-selection .data-row.selected .remove-member-options.has-values {
  display: inline-block;
}
.agm-base-grid .member-options-modal-trigger.liveclonescreen {
  display: inline-block;
}
.agm-base-grid .member-options-modal-trigger.has-error {
  border-color: red;
}
.agm-base-grid .member-options-modal-trigger.has-error:after {
  content: "*";
  position: absolute;
  right: 5px;
  color: red;
  font-size: 13px;
}
.agm-base-grid .member-options-modal-trigger.remountscreen {
  display: inline-block;
}
.agm-base-grid .member-options-modal-trigger.has-error {
  border-color: red;
}
.agm-base-grid .member-options-modal-trigger.has-error:after {
  content: "*";
  position: absolute;
  right: 5px;
  color: red;
  font-size: 13px;
}
.agm-base-grid .member-options-modal-trigger.ondemand {
  border-color: blue;
}
.agm-base-grid .member-options-modal-trigger.ondemand:after {
  content: "";
  position: absolute;
  color: blue;
}
.agm-base-grid .member-options-modal-trigger.has-error-onlanding {
  border-color: red;
}
.agm-base-grid .member-options-modal-trigger.has-error-onlanding:after {
  content: "*";
  position: absolute;
  right: 5px;
  color: red;
  font-size: 13px;
}

.select-cloudbackerrestoremode {
  width: 200px;
}

.member-options-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow-y: auto;
}
.member-options-modal .modal-main {
  max-width: 600px;
  width: 90%;
  padding: 20px;
  margin: 10px auto !important;
}
.member-options-modal .modal-heading {
  padding: 0;
}
.member-options-modal .modal-heading h2 {
  font-size: 20px;
  color: #111;
  font-weight: 500;
  text-transform: none;
}
.member-options-modal .modal-contents {
  padding: 10px 0;
  max-height: calc(100vh - 170px);
}
.member-options-modal .modal-actions {
  padding: 0;
  margin: 0;
}
.member-options-modal .modal-actions a {
  cursor: pointer;
}
.member-options-modal .modal-actions button {
  min-width: 80px !important;
}
.member-options-modal .member-options-form {
  padding: 10px 0;
}
.member-options-modal .error-message {
  display: none;
  color: red;
}
.member-options-modal #remove-member-options {
  margin: -2px 5px 0 0;
}
.member-options-modal .appaware-label {
  display: inline-block;
  width: 48%;
}
.member-options-modal .appaware-input {
  display: inline-block;
  width: 48%;
  margin-bottom: 9px;
}
.member-options-modal .appaware-input input {
  width: 100%;
  margin-bottom: 0;
}
.member-options-modal #rollforward, .member-options-modal .appaware-protect {
  display: none;
}

.popover {
  z-index: 10000;
}

.inband-mandatory-text {
  color: red;
  float: right;
}

/*host management*/
.agm-host-grid-modal .instructions {
  font-size: 13px;
}
.agm-host-grid-modal .modal-contents {
  font-size: 13px;
  user-select: text;
}
.agm-host-grid-modal .modal-actions .link {
  cursor: pointer;
  text-decoration: none;
}
.agm-host-grid-modal .modal-actions #confirmModal {
  min-width: 75px;
}
.agm-host-grid-modal .host-appliances {
  position: relative;
  height: 250px;
  border: 1px solid lightgray;
}
.agm-host-grid-modal .host-appliances .toolbar .text-input {
  width: 150px;
}
.agm-host-grid-modal .host-appliances .toolbar .auto-submit {
  width: 210px;
  margin: 0 0 1px;
}
.agm-host-grid-modal .host-appliances .toolbar .auto-submit .submit-btn {
  left: 119px;
}
.agm-host-grid-modal .host-appliances .toolbar .show-selected {
  margin-left: 10px;
}
.agm-host-grid-modal .host-appliances.invalid ~ .invalid-msg {
  display: block;
  color: red;
  font-size: 0.8em;
}
.agm-host-grid-modal .invalid-msg {
  display: none;
}

.filter-normal-label {
  text-transform: initial !important;
}

.host-app-discovery {
  color: #748285;
}
.host-app-discovery h2:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f002';
  display: inline-block;
  vertical-align: middle;
  color: #4e8fe0;
}
.host-app-discovery .form-section > * {
  vertical-align: middle;
}
.host-app-discovery .modal-actions .button {
  margin: 0px 0px 0px 20px;
  min-width: 150px;
}

.agm-host-grid .items .data-row.selected select {
  color: #fff;
}
.agm-host-grid .items [data-col-name=name].indented {
  padding-left: 29px;
}
.agm-host-grid .items [data-col-name=name].double-indented {
  padding-left: 50px;
}
.agm-host-grid .items [data-col-name=appliance] .more {
  font-size: 10px;
  text-align: right;
  display: block;
}
.agm-host-grid .items .actifio-grid-host-management-check {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
.agm-host-grid .items .actifio-grid-host-management-check:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  display: inline-block;
  vertical-align: middle;
}
.agm-host-grid .items .consolidated-host-link:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: '\f24d';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 10px;
  top: 0;
  line-height: 40px;
}

.agm-host-delete .agm-delete-hostname, .agm-host-delete .agm-host-revoke-name, .agm-host-revoke .agm-delete-hostname, .agm-host-revoke .agm-host-revoke-name, .agm-host-grid-modal .agm-delete-hostname, .agm-host-grid-modal .agm-host-revoke-name {
  font-weight: 900;
  word-break: break-all;
}

.agm-host-manage-editor-container-main {
  z-index: 1;
  position: fixed;
  left: 40px;
  top: var(--app-body-top);
  right: 0;
  bottom: 0;
  min-width: 900px;
  overflow: auto;
  display: flex;
}
.agm-host-manage-editor-container-main .form-title {
  margin-left: 10px;
}
.agm-host-manage-editor-container-main .form-control-warning {
  left: 182px;
  top: 2px;
  position: relative;
}
.agm-host-manage-editor-container-main .form-control-warning p {
  font-size: 12px;
}
.agm-host-manage-editor-container-main .button.button-agm-small {
  font-size: 14px;
  height: 32px;
  padding: 0.75em 1em;
  text-transform: capitalize;
  background-color: #797975;
}
.agm-host-manage-editor-container-main .actifio-grid .warning-appliance-offline:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f071';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 10px;
  top: 0;
  line-height: 40px;
}
.agm-host-manage-editor-container-main .actifio-grid .indented {
  padding-left: 29px;
}
.agm-host-manage-editor-container-main .host-editor {
  padding: 10px 10px;
}
.agm-host-manage-editor-container-main #host-editor-common-fields, .agm-host-manage-editor-container-main #host-editor-type-fields {
  width: 100%;
}
.agm-host-manage-editor-container-main .host-details {
  flex-shrink: 13;
  min-width: 250px;
}
.agm-host-manage-editor-container-main .host-editor {
  width: 70%;
  margin: 10px 10px auto 10px;
}
.agm-host-manage-editor-container-main .host-editor .password-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.agm-host-manage-editor-container-main .host-editor .password-container .password-text {
  margin-bottom: 5px;
  text-transform: capitalize;
}
.agm-host-manage-editor-container-main .host-editor .ip-read-only {
  margin: 0;
  font-size: 13px;
}
.agm-host-manage-editor-container-main .host-editor .ip-read-only li {
  margin: 0;
  padding: 0;
}
.agm-host-manage-editor-container-main .host-editor .warning-message {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.agm-host-manage-editor-container-main .host-editor .warning-message .warning-inner {
  text-align: left;
  display: inline-block;
  padding: 30px;
  border-radius: 7px;
  background: #e5e5dc;
  line-height: 36px;
}
.agm-host-manage-editor-container-main .host-editor .warning-message .warning-inner .warning-left {
  display: inline-block;
  font-size: 54px;
  padding-right: 15px;
  vertical-align: middle;
}
.agm-host-manage-editor-container-main .host-editor .warning-message .warning-inner .warning-right {
  vertical-align: middle;
  display: inline-block;
  vertical-align: center;
  font-weight: 500;
  color: black;
  width: 400px;
}
.agm-host-manage-editor-container-main .host-editor .warning-message .warning-inner .warning-right p {
  margin: 0;
}
.agm-host-manage-editor-container-main .host-editor .form-body {
  padding: 10px;
  border-radius: 7px;
  background: #e5e5dc;
}
.agm-host-manage-editor-container-main .host-editor .form-body .form-row-container {
  background: white;
  border-radius: 7px;
  margin: 10px;
  padding: 20px;
}
.agm-host-manage-editor-container-main .host-editor .form-body .form-row-container .description {
  display: inline-block;
  box-sizing: border-box;
  margin-top: 10px;
}
.agm-host-manage-editor-container-main .host-editor .form-body .form-row-container .description p {
  margin: 0;
  padding: 0px;
}
.agm-host-manage-editor-container-main .host-editor .form-body .form-row-container .form-row {
  margin-bottom: 5px;
}
.agm-host-manage-editor-container-main .host-editor .form-body .expandable {
  margin: 0px 10px 10px 10px;
}
.agm-host-manage-editor-container-main .host-editor .form-body .expandable-content .form-row-container {
  padding: 20px;
  margin: 0px;
}
.agm-host-manage-editor-container-main .host-editor .form-row-actions {
  text-align: right;
  margin-top: 10px;
}
.agm-host-manage-editor-container-main .host-editor .toggleswitch-btn {
  display: inline-block;
  vertical-align: middle;
}
.agm-host-manage-editor-container-main .host-detail {
  backface-visibility: hidden;
  background: #e5e5dc;
  border-radius: 7px;
  color: #2a3036;
  font-size: 1.1em;
  text-align: left;
  padding-bottom: 1em;
  margin: 20px;
}
.agm-host-manage-editor-container-main .host-detail .detail-list .value.name-value-cell {
  border-top-color: #e5e5dc;
  border-bottom-color: #e5e5dc;
}
.agm-host-manage-editor-container-main .host-detail .host-header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  padding: 15px;
  background-color: rgb(232, 108, 31);
  font-size: 16px;
  color: white;
  word-wrap: break-word;
}
.agm-host-manage-editor-container-main .host-detail .goto-host-container {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.agm-host-manage-editor-container-main .host-detail .goto-host-container .goto-host-btn {
  margin: 0;
  text-transform: initial;
}
.agm-host-manage-editor-container-main .host-management-ip label, .agm-host-manage-editor-container-main .host-appliance label {
  vertical-align: top;
}
.agm-host-manage-editor-container-main .host-appliance {
  display: flex;
}
.agm-host-manage-editor-container-main .host-appliance .form-control .form-control-warning {
  left: 0px;
}
.agm-host-manage-editor-container-main .host-appliance .form-control .items {
  -webkit-transform: translateZ(0);
}
.agm-host-manage-editor-container-main .form-control-label {
  min-width: 160px;
  text-align: left;
  text-transform: none;
  display: inline-block;
  padding-right: 20px;
  width: 120px;
  vertical-align: middle;
  margin: 0;
}
.agm-host-manage-editor-container-main .form-control {
  display: inline-block;
}
.agm-host-manage-editor-container-main input {
  vertical-align: middle;
  margin: 0px;
}
.agm-host-manage-editor-container-main .form-control-read-only {
  display: inline;
  line-height: 18px;
  font-size: 13px;
}
.agm-host-manage-editor-container-main #apps-config .apps-toolbar, .agm-host-manage-editor-container-main #vm-config .apps-toolbar {
  text-align: right;
  margin: 5px 0px 5px 5px;
}
.agm-host-manage-editor-container-main #apps-config .expandable-content, .agm-host-manage-editor-container-main #vm-config .expandable-content {
  display: inline-block;
}
.agm-host-manage-editor-container-main #apps-config .expandable-content[style*="max-height: 0px;"], .agm-host-manage-editor-container-main #vm-config .expandable-content[style*="max-height: 0px;"] {
  display: block !important;
}
.agm-host-manage-editor-container-main .agm-app-grid, .agm-host-manage-editor-container-main .agm-host-grid {
  border: 1px solid lightgray;
}
.agm-host-manage-editor-container-main .invalid, .agm-host-manage-editor-container-main .invalid > .multi-list-container {
  border-color: red !important;
}
.agm-host-manage-editor-container-main .array-table-wrapper {
  width: 500px;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
}
.agm-host-manage-editor-container-main .array-table-wrapper th {
  font-size: 14px;
  color: #666;
  text-transform: uppercase;
}

.modal-container .host-editor {
  background-color: white;
  border-radius: 5px;
}

#ipaddress {
  display: inline-block;
  width: auto;
}

#credential-config .row {
  padding: 20px;
}

#sources {
  position: relative;
  display: inline-block;
  height: 250px;
  min-width: 400px;
  border: 1px solid #e5e5dc;
}
#sources .toolbar .auto-submit {
  margin: 0 0 1px;
}
#sources .toolbar .show-selected {
  margin-left: 10px;
}

#apps-container, #vm-container {
  position: relative;
  height: 300px;
}
#apps-container .toolbar .text-input, #vm-container .toolbar .text-input {
  width: 180px;
}
#apps-container .toolbar .submit-btn, #vm-container .toolbar .submit-btn {
  left: 149px;
}
#apps-container .toolbar .auto-submit, #vm-container .toolbar .auto-submit {
  width: 210px;
  margin: 0 0 1px;
}
#apps-container .toolbar .show-selected, #vm-container .toolbar .show-selected {
  margin-left: 10px;
}
#apps-container .footer, #vm-container .footer {
  height: 38px;
}
#apps-container .footer .section, #vm-container .footer .section {
  padding: 5px 20px;
}
#apps-container .footer .section.pagination, #vm-container .footer .section.pagination {
  width: 350px;
}
#apps-container .footer .section .wrap, #vm-container .footer .section .wrap {
  line-height: 28px;
  height: 28px;
}
#apps-container .footer .section .wrap button.action, #vm-container .footer .section .wrap button.action {
  line-height: 28px;
}
#apps-container .footer .section .wrap .more-icon, #vm-container .footer .section .wrap .more-icon {
  line-height: 28px;
}

.io-path-container {
  background: white !important;
  border-radius: 7px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #cccccc;
  float: right;
}
.io-path-container div:last-child {
  border: 0px;
  padding: 10px;
}
.io-path-container .cellDiv {
  border-right: 1px solid #cccccc;
  float: left;
  padding: 10px;
}
.io-path-container .cellDiv .rowDiv {
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
}
.io-path-container .cellDiv .rowDiv .ioLabel {
  color: #8c8c86;
  margin-left: 10px;
}
.io-path-container .cellDiv .rowDiv .radiobt {
  margin-top: -5px;
}
.io-path-container .cellDiv img {
  width: 158px;
}

.agm-host-credential-modal .host-credential-error-list, .agm-host-credential-missing-privs-modal .host-credential-error-list {
  margin: 5px 0px 0px 0px;
  padding: 0px;
  text-transform: none;
}
.agm-host-credential-modal .host-credential-error-list li, .agm-host-credential-missing-privs-modal .host-credential-error-list li {
  margin: 5px 0 0 0;
}
.agm-host-credential-modal .host-credential-error-list li:before, .agm-host-credential-missing-privs-modal .host-credential-error-list li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f00d';
  color: #D93025;
  margin-right: 5px;
  vertical-align: center;
}

.agm-host-credential-missing-privs-modal .modal-main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.agm-host-credential-missing-privs-modal .modal-contents, .agm-host-credential-missing-privs-modal .host-credential-missing-privs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.agm-host-credential-missing-privs-modal .host-credential-error-text, .agm-host-credential-missing-privs-modal .host-credential-error-text-bottom {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: flex;
}
.agm-host-credential-missing-privs-modal .host-credential-error-list-container {
  border: 1px solid #c9cbca;
  padding: 5px 10px;
  margin: 10px 0px 10px 0px;
  border-radius: 7px;
  min-height: 0px;
  overflow: auto;
}
.agm-host-credential-missing-privs-modal .host-credential-error-list-datacenter ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f12a';
  color: #D93025;
  margin-right: 5px;
}
.port-main-container .port-toolbar {
  text-align: right;
  margin: 5px 0px 5px 5px;
}
.port-main-container .port-grid-wrap {
  width: 100%;
  height: 350px;
  position: relative;
  margin-top: 2px;
  border: 1px solid #e5e5dc;
}
.port-main-container .port-grid-wrap .actifio-grid .toolbar form {
  margin: 0px;
}
.port-main-container .port-grid-wrap .actifio-grid .toolbar .data-search.auto-submit {
  width: 350px;
}
.port-main-container .port-grid-wrap .actifio-grid .footer {
  height: 38px;
}
.port-main-container .port-grid-wrap .actifio-grid .footer .section {
  padding: 5px 20px;
}
.port-main-container .port-grid-wrap .actifio-grid .footer .section .wrap {
  line-height: 28px;
  height: 28px;
}
.port-main-container .port-grid-wrap .actifio-grid .footer .section .wrap button.action {
  line-height: 28px;
}
.port-main-container .port-grid-wrap .actifio-grid .footer .section .wrap .more-icon {
  line-height: 28px;
}
.port-main-container .port-grid-wrap .actifio-grid .items {
  top: 90px;
  -webkit-transform: translateZ(0);
}

.host-edit-modal {
  position: fixed;
}
.host-edit-modal .form-control-label {
  width: 100px;
}
.host-edit-modal .modal-main .modal-heading {
  padding: 10px 20px 0px 20px;
}
.host-edit-modal .modal-main .modal-contents {
  padding: 0 2em;
  overflow-y: auto;
}
.host-edit-modal .modal-main .modal-contents .form {
  background: white;
}
.host-edit-modal .modal-main .modal-actions {
  margin: 0px;
  padding: 10px 0;
}

.agm-host-storage-contianer {
  position: relative !important;
  width: 100% !important;
  height: 300px !important;
  left: 0px !important;
  top: 0px !important;
  min-width: auto !important;
  border: 1px solid #ccc;
}
.agm-host-storage-contianer .main .top .lower {
  display: none;
  height: 0px;
}
.agm-host-storage-contianer .main .grid-wrap {
  top: 43px !important;
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.test-result-contianer {
  position: inherit;
  top: 30px;
  left: 85%;
  width: max-content;
  z-index: 999;
  min-width: 10em;
  background: rgb(232, 108, 31);
  box-shadow: -1px 0px 1px 1px #8c8c86;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 5px;
}
.test-result-contianer .test-inprogress {
  margin: 5px 10px;
  color: white;
  font-size: 14px;
}
.test-result-contianer .test-inprogress span {
  animation: blink 1s linear infinite;
}
.test-result-contianer .test-inprogress a.cancel {
  text-decoration: none;
}
.test-result-contianer .test-result {
  margin: 5px 10px;
  color: white;
  font-size: 14px;
}
.test-result-contianer .test-result a.view {
  color: #1E8E3E;
  text-decoration: underline;
}
.test-result-contianer .test-result a.close {
  text-decoration: none;
}

.result-container {
  max-height: 400px;
  overflow-y: auto;
}
.result-container .result-item-container {
  margin: 5px;
  border: 1px solid lightgrey;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.result-container .result-item-container .result-item-heading {
  text-align: center;
  padding: 10px;
  background: rgb(232, 108, 31);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.result-container .result-item-container .result-item-body {
  margin: 10px;
}
.result-container .result-item-container .result-item-body table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}
.result-container .result-item-container .result-item-body table th, .result-container .result-item-container .result-item-body table td {
  text-align: left;
  padding: 5px;
}
.result-container .result-item-container .result-item-body table thead {
  background-color: lightgrey;
}
.result-container .result-item-container .result-item-body table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.host-normalize {
  z-index: 1;
  margin-right: 50px;
  min-width: 800px;
  /*position: fixed;
  left: 40px;
  top: 60px;
  right: 0;
  bottom: 0;
  min-width: 900px;
  display: flex;
  overflow: auto;
  flex-flow: column;*/
}
.host-normalize .form-row-actions {
  text-align: right;
  margin-top: 10px;
}
.host-normalize .warning-bad-choice {
  display: block;
  text-align: center;
}
.host-normalize .warning-bad-choice .warning-inner {
  text-align: left;
  display: inline-block;
  padding: 30px;
  border-radius: 7px;
  background: #e5e5dc;
  line-height: 36px;
}
.host-normalize .warning-bad-choice .warning-inner .warning-left {
  display: inline-block;
  font-size: 54px;
  padding-right: 15px;
  vertical-align: middle;
}
.host-normalize .warning-bad-choice .warning-inner .warning-right {
  vertical-align: middle;
  display: inline-block;
  vertical-align: center;
  font-weight: 500;
  color: black;
  width: 400px;
}
.host-normalize .warning-bad-choice .warning-inner .warning-right p {
  margin: 0;
}
.host-normalize .form-body {
  width: 100%;
  margin: 10px 10px auto 10px;
  padding: 10px;
  border-radius: 7px;
  background: #e5e5dc;
}
.host-normalize .form-body .form-row-container {
  background: white;
  border-radius: 7px;
  margin: 10px;
  padding: 20px;
}
.host-normalize .form-body .form-row-container .form-control-label {
  min-width: 160px;
  text-align: left;
  text-transform: none;
  display: inline-block;
  padding-right: 20px;
  width: 120px;
  vertical-align: middle;
  margin: 0;
}
.host-normalize .form-body .form-row-container .form-control {
  display: inline-block;
}
.host-normalize .form-body .form-row-container input {
  vertical-align: middle;
  margin: 0px;
}
.host-normalize .form-body .form-row-container .description {
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  margin: 20px 30px;
  background-color: #d9d9d1;
  border: 1px solid #d9d9d1;
  border-radius: 10px;
  padding: 5px;
  margin: 10px 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.host-normalize .form-body .form-row-container .description p {
  margin: 0;
  padding: 5px;
}
.host-normalize .form-body .form-row-container .form-row {
  margin-bottom: 5px;
}
.host-normalize .form-body .form-row-container #host-normalize-grid-row {
  position: relative;
  height: 300px;
  border: 1px solid #d9d9d1;
  width: 100%;
}
.host-normalize .form-body .form-row-container #host-normalize-grid-row [data-col-name="Use Oracle Database Authentication"] {
  border-right: none;
}

.host-normalize-grid-container .header-cell {
  font-size: 10px;
}
.host-normalize-grid-container .items .data-row.selected select {
  color: #fff;
}
.host-normalize-grid-container .items .data-row.selected :before {
  color: white;
}
.host-normalize-grid-container .items [data-col-name="Connector Credentials"], .host-normalize-grid-container .items [data-col-name="Host Credentials"] {
  text-transform: capitalize;
}
.host-normalize-grid-container .items [data-col-name=ports] ul, .host-normalize-grid-container .items [data-col-name="ip addresses"] ul {
  margin: 0;
  padding: 0;
}
.host-normalize-grid-container .items [data-col-name=ports] .type, .host-normalize-grid-container .items [data-col-name="ip addresses"] .type {
  margin-right: 5px;
}
.host-normalize-grid-container .items .actifio-grid-host-management-check {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
.host-normalize-grid-container .items .actifio-grid-host-management-check:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  color: rgb(89, 192, 90);
}

/*Cloud management*/
.agm-host-grid .items .data-row.selected select {
  color: #fff;
}
.agm-host-grid .items [data-col-name=name].indented {
  padding-left: 29px;
}
.agm-host-grid .items [data-col-name=name].double-indented {
  padding-left: 50px;
}
.agm-host-grid .items [data-col-name=appliance] .more {
  font-size: 10px;
  text-align: right;
  display: block;
}
.agm-host-grid .items .actifio-grid-host-management-check {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
.agm-host-grid .items .actifio-grid-host-management-check:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
}
.agm-host-grid .items .consolidated-host-link:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: '\f24d';
  position: absolute;
  left: 10px;
  top: 0;
  line-height: 40px;
}

.agm-host-delete .agm-delete-hostname {
  font-weight: 900;
  word-break: break-all;
}

.info-modal-container .action-description:first-letter, .group-members-modal-container .action-description:first-letter, .advanced-settings-modal-container .action-description:first-letter {
  text-transform: none;
}

.agm-host-manage-editor-container {
  z-index: 1;
  position: fixed;
  left: 40px;
  top: var(--app-body-top);
  right: 0;
  bottom: 0;
  min-width: 900px;
  overflow: auto;
  display: flex;
}
.agm-host-manage-editor-container .form-title {
  margin-left: 10px;
}
.agm-host-manage-editor-container .form-control-warning {
  left: 180px;
  position: relative;
}
.agm-host-manage-editor-container .button.button-agm-small {
  font-size: 14px;
  height: 32px;
  padding: 0.75em 1em;
  text-transform: capitalize;
  background-color: #797975;
}
.agm-host-manage-editor-container .actifio-grid .warning-appliance-offline:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f071';
  position: absolute;
  left: 10px;
  top: 0;
  line-height: 40px;
}
.agm-host-manage-editor-container .actifio-grid .indented {
  padding-left: 29px;
}
.agm-host-manage-editor-container #host-editor-common-fields, .agm-host-manage-editor-container #host-editor-type-fields {
  width: 100%;
}
.agm-host-manage-editor-container .host-details {
  padding: 10px 10px;
  flex-shrink: 13;
  min-width: 250px;
}
.agm-host-manage-editor-container .host-editor {
  width: 70%;
  margin: 10px 10px auto 10px;
}
.agm-host-manage-editor-container .host-editor .form-body {
  padding: 10px;
  border-radius: 7px;
  background: #e5e5dc;
}
.agm-host-manage-editor-container .host-editor .form-body .form-row-container {
  background: white;
  border-radius: 7px;
  margin: 10px;
  padding: 20px;
}
.agm-host-manage-editor-container .host-editor .form-body .form-row-container .form-row {
  margin-bottom: 15px;
}
.agm-host-manage-editor-container .host-editor .form-body .form-row-container .form-row .form-section {
  display: block;
}
.agm-host-manage-editor-container .host-editor .form-body .form-row-container .form-row .form-section .form-control {
  display: block;
}
.agm-host-manage-editor-container .host-editor .form-body .form-row-container .form-row .form-section .form-control .form-control-disp {
  color: #8c8c86;
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 0 15px;
  text-transform: uppercase;
}
.agm-host-manage-editor-container .host-editor .form-body .form-row-container .form-row .form-section .item-list .list-hldr {
  margin: 0;
  overflow: auto;
  max-height: 200px;
}
.agm-host-manage-editor-container .host-editor .form-body .form-row-container .form-row .form-section .item-list li {
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}
.agm-host-manage-editor-container .host-editor .form-body .form-row-container .form-row .form-section .item-list li:last-child {
  border-bottom: none;
}
.agm-host-manage-editor-container .host-editor .form-body .form-row-container .form-row .form-section .item-list li .item-name {
  margin: 0;
}
.agm-host-manage-editor-container .host-editor .form-body .form-row-container .form-row .form-section .item-list li input[type=checkbox] {
  margin: 0 10px 0 15px;
}
.agm-host-manage-editor-container .host-editor .form-body .expandable {
  margin: 0px 10px 10px 10px;
}
.agm-host-manage-editor-container .host-editor .form-body .expandable-content .form-row-container {
  padding: 20px;
  margin: 0px;
}
.agm-host-manage-editor-container .host-editor .d-block {
  display: block;
}
.agm-host-manage-editor-container .host-editor .p-relative {
  position: relative;
}
.agm-host-manage-editor-container .host-editor .d-inlineblock {
  display: inline-block;
}
.agm-host-manage-editor-container .host-editor #upload-credentialjson-btn {
  width: auto;
}
.agm-host-manage-editor-container .host-editor .upload-credentialjson-container {
  position: relative;
  min-width: 100px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
}
.agm-host-manage-editor-container .host-editor .upload-credentialjson-container button {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0px;
  height: 19px;
  position: absolute;
  background: #fff;
}
.agm-host-manage-editor-container .host-editor .upload-credentialjson-container #upload-credentialjson-btn {
  font: 500px monospace; /* make the input's button HUGE */
  opacity: 0; /* this will make it transparent */
  filter: alpha(opacity=0); /* transparency for Internet Explorer */
  position: absolute; /* making it absolute with z-index:1 will place it on top of the button */
  z-index: 1;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
}
.agm-host-manage-editor-container .host-editor #reset-button {
  background: #fff;
  padding: 0px;
  height: 19px;
  display: none;
  position: absolute;
  margin-left: 20px;
}
.agm-host-manage-editor-container .host-editor input[type=file] {
  line-height: 10px;
}
.agm-host-manage-editor-container .host-editor #credentialjson {
  width: 50%;
}
.agm-host-manage-editor-container .host-editor .form-row-actions {
  text-align: right;
  margin-top: 10px;
}
.agm-host-manage-editor-container .host-editor .toggleswitch-btn {
  display: inline-block;
  vertical-align: middle;
}
.agm-host-manage-editor-container .host-detail {
  backface-visibility: hidden;
  background: #e5e5dc;
  border-radius: 7px;
  color: #2a3036;
  font-size: 1.1em;
  text-align: left;
  padding-bottom: 1em;
  margin: 20px;
}
.agm-host-manage-editor-container .host-detail .detail-list .value.name-value-cell {
  border-top-color: #e5e5dc;
  border-bottom-color: #e5e5dc;
}
.agm-host-manage-editor-container .host-detail .host-header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  padding: 15px;
  background-color: #e86c1f;
  font-size: 16px;
  color: white;
  word-wrap: break-word;
}
.agm-host-manage-editor-container .host-detail .goto-host-container {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.agm-host-manage-editor-container .host-detail .goto-host-container .goto-host-btn {
  margin: 0;
  text-transform: initial;
}
.agm-host-manage-editor-container .host-management-ip label, .agm-host-manage-editor-container .host-appliance label {
  vertical-align: top;
}
.agm-host-manage-editor-container .form-control-label {
  min-width: 160px;
  text-align: left;
  text-transform: none;
  display: inline-block;
  padding-right: 20px;
  width: auto;
  vertical-align: middle;
  margin: 0 0 5px 0;
}
.agm-host-manage-editor-container .form-control-label.no-margin {
  margin: 0;
}
.agm-host-manage-editor-container input {
  width: calc(100% - 8px);
}
.agm-host-manage-editor-container input[type=checkbox] {
  width: auto;
  margin: 0 5px 0 0;
}
.agm-host-manage-editor-container .select {
  display: block;
  width: 50%;
}
.agm-host-manage-editor-container .form-control-read-only {
  display: inline;
  line-height: 18px;
  font-size: 13px;
}
.agm-host-manage-editor-container #apps-config .apps-toolbar, .agm-host-manage-editor-container #vm-config .apps-toolbar {
  text-align: right;
  margin: 5px 0px 5px 5px;
}
.agm-host-manage-editor-container #apps-config .expandable-content, .agm-host-manage-editor-container #vm-config .expandable-content {
  display: inline-block;
}
.agm-host-manage-editor-container #apps-config .expandable-content[style*="max-height: 0px;"], .agm-host-manage-editor-container #vm-config .expandable-content[style*="max-height: 0px;"] {
  display: block !important;
}
.agm-host-manage-editor-container #apps-config .expandable-content .colStyle, .agm-host-manage-editor-container #vm-config .expandable-content .colStyle {
  max-height: 210px;
}
.agm-host-manage-editor-container .agm-app-grid, .agm-host-manage-editor-container .agm-host-grid {
  border: 1px solid lightgray;
}
.agm-host-manage-editor-container .invalid, .agm-host-manage-editor-container .invalid > .multi-list-container {
  border-color: red !important;
}
.agm-host-manage-editor-container .array-table-wrapper {
  width: 500px;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
}
.agm-host-manage-editor-container .array-table-wrapper th {
  font-size: 14px;
  color: #666;
  text-transform: uppercase;
}

.modal-container .host-editor {
  background-color: white;
  border-radius: 5px;
}

#ipaddress {
  display: inline-block;
  width: auto;
}

#credential-config .row {
  padding: 20px;
}

#sources {
  position: relative;
  display: inline-block;
  height: 250px;
  min-width: 400px;
  border: 1px solid #e5e5dc;
}
#sources .toolbar .auto-submit {
  margin: 0 0 1px;
}
#sources .toolbar .show-selected {
  margin-left: 10px;
}

#apps-container {
  position: relative;
  height: 300px;
}
#apps-container .toolbar .text-input {
  width: 180px;
}
#apps-container .toolbar .submit-btn {
  left: 149px;
}
#apps-container .toolbar .auto-submit {
  width: 210px;
  margin: 0 0 1px;
}
#apps-container .toolbar .show-selected {
  margin-left: 10px;
}
#apps-container .footer {
  height: 38px;
}
#apps-container .footer .section {
  padding: 5px 20px;
}
#apps-container .footer .section.pagination {
  width: 350px;
}
#apps-container .footer .section .wrap {
  line-height: 28px;
  height: 28px;
}
#apps-container .footer .section .wrap button.action {
  line-height: 28px;
}
#apps-container .footer .section .wrap .more-icon {
  line-height: 28px;
}

.io-path-container {
  background: white !important;
  border-radius: 7px;
  margin: 0px;
  padding: 0px;
  border: 1px solid #cccccc;
  float: right;
}
.io-path-container div:last-child {
  border: 0px;
  padding: 10px;
}
.io-path-container .cellDiv {
  border-right: 1px solid #cccccc;
  float: left;
  padding: 10px;
}
.io-path-container .cellDiv .rowDiv {
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
}
.io-path-container .cellDiv .rowDiv .ioLabel {
  color: #8c8c86;
  margin-left: 10px;
}
.io-path-container .cellDiv .rowDiv .radiobt {
  margin-top: -5px;
}
.io-path-container .cellDiv img {
  width: 158px;
}

.agm-appliance-test-modal .modal-main {
  width: 800px;
}
.agm-appliance-test-modal .modal-main .modal-heading {
  padding: 10px 30px 5px 30px;
}
.agm-appliance-test-modal .modal-main .test_connection_appliance {
  width: 750px;
}
.agm-appliance-test-modal .modal-main .test-connection-grid {
  position: relative;
  min-height: 250px;
  min-width: 750px;
  border: 1px solid lightgray;
}
.agm-appliance-test-modal .modal-main .test-connection-grid .appliance-connection-uncheck {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
.agm-appliance-test-modal .modal-main .test-connection-grid .appliance-connection-uncheck:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f057";
  display: inline-block;
  vertical-align: middle;
  color: #e7422d;
}
.agm-appliance-test-modal .modal-main .test-connection-grid .appliance-connection-check {
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}
.agm-appliance-test-modal .modal-main .test-connection-grid .appliance-connection-check:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
  display: inline-block;
  vertical-align: middle;
  color: #59c05a;
}

/* profile grid */
[data-col-name="Disk Pool Name"] .more-text, [data-col-name="OnVault Pool"] .more-text {
  font-size: 10px;
  text-align: right;
  display: block;
}

.profile-list-onvault-modal .modal-main, .profile-list-backupvault-modal .modal-main {
  width: 453px;
}
.profile-list-onvault-modal .modal-heading h2, .profile-list-backupvault-modal .modal-heading h2 {
  font-size: 19px;
}
.profile-list-onvault-modal .onvault-table-container, .profile-list-backupvault-modal .onvault-table-container {
  height: 145px;
  overflow-y: auto;
}
.profile-list-onvault-modal th, .profile-list-backupvault-modal th {
  text-align: left;
}

.profile-list-backupvault-modal .modal-main {
  width: 600px;
}
.profile-list-backupvault-modal .onvault-table-container {
  height: unset;
}
.profile-list-backupvault-modal .modal-actions .button-primary, .profile-list-backupvault-modal .modal-actions button.button.button-primary-medium,
.profile-list-backupvault-modal .modal-actions input.button.button-primary-medium, .profile-list-backupvault-modal .modal-actions button.button.button-small,
.profile-list-backupvault-modal .modal-actions input.button.button-small, .profile-list-backupvault-modal .modal-actions button.button.apply-filters, .profile-list-backupvault-modal .modal-actions button.button.policy-editor-advanced-settings-test,
.profile-list-backupvault-modal .modal-actions input.button.policy-editor-advanced-settings-test {
  margin-right: 9px;
}
.profile-list-backupvault-modal #bv-table-grid {
  font-size: 13px;
  display: grid;
  grid-template-columns: 120px 200px 1fr;
  line-height: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.1215686275);
  border-left: 1px solid rgba(0, 0, 0, 0.1215686275);
}
.profile-list-backupvault-modal #bv-table-grid > div {
  padding: 0px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1215686275);
  border-right: 1px solid rgba(0, 0, 0, 0.1215686275);
}
.profile-list-backupvault-modal #bv-table-grid .bv-table-slot--heading, .profile-list-backupvault-modal #bv-table-grid .bv-table-name--heading, .profile-list-backupvault-modal #bv-table-grid .bv-table-extrainfo--heading {
  font-weight: 700;
  line-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.profile-list-backupvault-modal #bv-table-grid .bv-table-extrainfo--heading {
  display: flex;
  flex-direction: column;
}
.profile-list-backupvault-modal #bv-table-grid .bv-shield {
  line-height: 40px;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* Workflows */
.agm-add-applications-container .actions > div {
  float: right;
}
.agm-add-applications-container .actions > a {
  float: right;
  margin: 3.5% 6%;
}

#globalworkflowerror {
  float: right;
  font-size: 16px;
  position: absolute;
  top: 20px;
  right: 170px;
}

.backup-view-container {
  text-align: center;
  color: #000;
  margin: 3% auto;
}
.backup-view-container h3 {
  text-transform: none;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 16px;
}
.backup-view-container p.sub-title {
  color: #575757;
  font-size: 15px;
  line-height: 20px;
}
.backup-view-container .app-list-container {
  overflow: auto;
  padding: 15px 30px;
  margin: 0 auto;
  width: 1308px;
}
.backup-view-container .app-list-container .cloud-instances-hldr {
  margin-top: 50px;
}
.backup-view-container .app-list-container .app-type-list {
  background-color: #FAFAFA;
  box-sizing: border-box;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 24px;
}
.backup-view-container .app-list-container .app-type-list .title {
  font-size: 15px;
}
.backup-view-container .app-list-container .app-type-list .app-section {
  padding: 15px 30px 30px 30px;
}
.backup-view-container .app-list-container .app-type-list .app-section:first-child {
  border-bottom: 1px solid #ccc;
}
.backup-view-container .app-list-container .app-type-list .type-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  white-space: nowrap;
}
.backup-view-container .app-list-container .app-type-list .type-container .sections-divider {
  text-align: center;
}
.backup-view-container .app-list-container .app-type-list .type-container .sections-divider span {
  display: block;
  font-size: small;
  margin-bottom: 8px;
  padding: 0px 5px;
}
.backup-view-container .app-list-container .app-type-list .type-container .sections-title {
  width: 152px;
  display: block;
  margin-left: 24px;
  margin-right: 36px;
  margin-top: auto;
  margin-bottom: auto;
}
.backup-view-container .app-list-container .app-type-list .type-container .sections-title img {
  width: 142px;
}
.backup-view-container .app-list-container .app-type-list .type-container .sub-sections-divider {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}
.backup-view-container .app-list-container .app-type-list .type-container .sub-sections-divider.databases {
  width: 794px;
}
.backup-view-container .app-list-container .app-type-list .type-container .sub-sections-divider.generic {
  width: 254px;
  margin-left: 36px;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-divider {
  height: 110px;
  width: 2px;
  border-left: 1px solid white;
  vertical-align: middle;
  border-right: 1px solid #e1e1e1;
}
.backup-view-container .app-list-container .app-type-list .type-container .separator {
  width: 0;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #eeeeee;
  vertical-align: bottom;
  height: 114px;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-hldr {
  margin-right: 10px;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-hldr:last-child {
  margin-right: 0;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-hldr .separator {
  height: 138px;
  border: 1px solid #d6d6d6;
  margin-bottom: -67px;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-hldr .app-title {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 12px;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-type-link {
  background-color: #fff;
  width: 117px;
  height: 115px;
  vertical-align: middle;
  border-radius: 4px;
  border: 1px solid #eaeaea;
  text-align: center;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-type-link:hover {
  text-decoration: none;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-type-link .image {
  height: 36px;
  margin: 16px 0 16px 0;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-type-link .image img {
  max-height: 36px;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-type-link .image .sap-ase {
  max-width: 90px;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-type-link span {
  display: block;
  font-size: 13px;
  padding: 0px 5px;
  white-space: normal;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-type-link span i {
  font-size: smaller;
}
.backup-view-container .app-list-container .app-type-list .type-container .app-type-link:hover span {
  color: #000;
}
.backup-view-container .app-list-container hr {
  margin: 0px;
}
.backup-view-container .upper-list {
  margin-bottom: 24px;
}
.backup-view-container .help-text-container {
  max-width: 950px;
  margin: 25px auto auto auto;
}
.backup-view-container .help-text-container .help-text-content {
  display: none;
}

.agm-recover-wizard-container h2 {
  text-transform: none;
}
.agm-recover-wizard-container .actions > div {
  float: right;
}
.agm-recover-wizard-container .actions > a {
  float: right;
  margin: 3.5% 6%;
}

.restore-access-label {
  padding: 1%;
}
.restore-access-label h2 {
  text-transform: none;
}

.restore-access-previous {
  padding: 1%;
  float: right;
}
.restore-access-previous button {
  font-size: 150px;
}
.restore-access-previous button a {
  color: white;
}
.restore-access-previous .cancel_btn {
  font-weight: normal;
}

/*intro js styles*/
.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1 !important;
  position: absolute;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: alpha(opacity=0);
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.01);
  border: 3px solid rgb(255, 255, 255);
  border-radius: 0px; /**/
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.introjs-tooltiptext {
  font-size: 12pt;
  line-height: normal;
}

.introjs-tooltiptext ul li {
  list-style-type: disc;
  padding-bottom: 10px;
}

.introjs-tooltipReferenceLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}

.helperNumberLayerLeft {
  left: 97% !important;
  top: -5% !important;
}

.helperLayerBackground {
  z-index: -1 !important;
  background-color: #ffffff !important;
}

.referenceLayer {
  z-index: 9999999 !important;
}

.backupRecoverDisabled {
  pointer-events: none;
  cursor: default;
}

.introjs-helperNumberLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  top: 30px; /*customized for actifio*/
  /*right: -16px; /*customized for actifio*/
  left: -14px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  background: #000000; /* Old browsers */
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)"; /* IE6-9 */
  filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)"; /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.introjs-arrow {
  border: 0px solid transparent; /*customized for actifio*/
  content: "";
  position: absolute;
}

.introjs-arrow.top {
  top: -10px;
  border-bottom-color: transparent;
}

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: white;
}

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: white;
}

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: white;
}

.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: white;
}

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
}

.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: white;
}

.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: white;
}

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: white;
}

.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: white;
}

.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  padding: 30px;
  background-color: white;
  min-width: 480px;
  max-width: 650px;
  border-radius: 14px 14px 14px 14px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 11px;
  border: 0px solid #d4d4d4;
  margin: 5px;
  text-decoration: none;
  font: 13px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
  min-width: 70px;
  text-align: center;
}
.introjs-button:focus {
  outline: 0px !important;
  outline-offset: 0px !important;
}

.introjs-button:hover {
  text-decoration: none;
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  box-sizing: content-box;
  color: #3367D6;
  min-width: auto;
  background-color: #ffffff !important;
  border: 0px solid #ffffff !important;
}

.introjs-donebutton {
  box-sizing: content-box;
  min-width: 70px;
  background-color: #3367D6 !important;
  border: 0px solid #d4d4d4 !important;
  color: #ffffff !important;
  float: right;
}

.introjs-prevbutton {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  /*border-right: none;*/
}

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.introjs-nextbutton {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7p;
  background-color: #3367D6 !important;
  color: #ffffff !important;
}

.introjs-nextbutton.introjs-fullbutton {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.introjs-disabled, .introjs-disabled:hover {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  text-decoration: none;
}

.introjs-hidden {
  display: none;
}

.introjs-bullets {
  text-align: center;
  margin: 30px 0 20px; /**/
}

.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}

.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}

.introjs-bullets ul li a {
  box-sizing: content-box;
  display: block;
  width: 10px;
  height: 10px;
  background: #bfc1c2;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}

.introjs-bullets ul li a:hover {
  background: #999;
}

.introjs-bullets ul li a.active {
  background: #2a3234;
}

.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1;
}

.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.introjs-fixedTooltip {
  position: fixed;
}

.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: transparent;
  width: 20px;
  height: 15px;
  cursor: pointer;
}

.introjs-hidehint {
  display: none;
}

.introjs-fixedhint {
  position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.introjs-hint-no-anim .introjs-hint-dot {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}

.introjs-hint-dot {
  box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  -webkit-animation: introjspulse 3s ease-out;
  -moz-animation: introjspulse 3s ease-out;
  animation: introjspulse 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}

@-webkit-keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@-moz-keyframes introjspulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  25% {
    -moz-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 0;
  }
}
@keyframes introjspulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  25% {
    transform: scale(0);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
/*organizations*/
.form-background-organizations .input-text, .form-background-organizations .top-bar-input-text {
  font-size: small;
}

.form-background-organizations label {
  text-transform: none;
}

/* template clone status */
.clone-job-status .tab-content {
  display: table;
  width: 96%;
  border: 1px solid #dbdbdb;
  padding: 14px;
  border-radius: 5px;
}
.clone-job-status .notification-success {
  margin-bottom: 10px;
}
.clone-job-status .message {
  text-transform: inherit;
  font-weight: 400;
  margin-left: 5px;
  margin-bottom: 10px;
  font-size: 14px;
}
.clone-job-status .success {
  color: #8dc63f;
}
.clone-job-status .error {
  color: #e93f22;
}
.clone-job-status .section {
  word-break: break-word;
  margin-right: 30px;
  font-size: 16px;
  margin-left: 25px;
  margin-bottom: 10px;
}
.clone-job-status .icon_style {
  height: 20px;
  width: 20px;
}

/* pre-flight card */
.pre-flight-wrapper {
  width: 100%;
  margin: 20px 0;
  padding: 25px;
  border-radius: 7px;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
}
.pre-flight-wrapper .perm-container {
  display: flex;
  flex-direction: column;
  color: #D93025;
  gap: 10px;
  margin: 10px 0px;
}
.pre-flight-wrapper .perm-container .perm-title {
  font-weight: 700;
}
.pre-flight-wrapper .perm-container .perm-entries {
  display: grid;
  grid-template-columns: auto auto;
  gap: 5px;
  padding: 0px 10px;
}
.pre-flight-wrapper .pf-row {
  display: table;
  width: 100%;
}
.pre-flight-wrapper .pf-row .pf-col {
  display: table-cell;
  vertical-align: middle;
}
.pre-flight-wrapper .pre-flight-submit-btn.secondary {
  background: #f0f0eb;
  color: #333;
}
.pre-flight-wrapper .pre-flight-submit-btn.secondary:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  content: "\f021";
  margin-right: 5px;
}
.pre-flight-wrapper .messaging {
  font-size: 14px;
  vertical-align: middle;
  text-align: left;
  width: 65%;
}
.pre-flight-wrapper .messaging .msg {
  color: #8c8c86;
}
.pre-flight-wrapper .messaging .msg .heading {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  padding-left: 35px;
  text-transform: uppercase;
  background: url(/assets/images/icon_info_25x25.png?agm-ver=undefined.undefined) no-repeat 0 50%;
  background-size: auto 25px;
}
.pre-flight-wrapper .messaging .msg .content {
  margin-left: 35px;
}
.pre-flight-wrapper .messaging .msg .dg-name {
  text-transform: none;
  font-weight: normal;
}
.pre-flight-wrapper .actions {
  width: 35%;
  text-align: right;
}
.pre-flight-wrapper button.button {
  margin: 0;
}
.pre-flight-wrapper .test-result {
  display: block;
  margin: 20px 20px 0 35px;
  font-size: 14px;
}
.pre-flight-wrapper .test-result li {
  margin-top: 10px;
  padding-left: 20px;
  background: no-repeat 0 0/auto 14px;
}
.pre-flight-wrapper .test-result li.ok {
  background-image: url(/assets/images/icon_conf_25x25.png?agm-ver=undefined.undefined);
}
.pre-flight-wrapper .test-result li.failed {
  background-image: url(/assets/images/icon_error_25x25.png?agm-ver=undefined.undefined);
}
.pre-flight-wrapper .test-result li.skipped {
  background-image: url(/assets/images/skipped.png?agm-ver=undefined.undefined);
}
.pre-flight-wrapper .test-result li:first-child {
  margin-top: 0;
}
.pre-flight-wrapper .test-result li .hint {
  font-weight: bold;
}
.pre-flight-wrapper.success-msg .heading {
  background-image: url(/assets/images/icon_conf_25x25.png?agm-ver=undefined.undefined) !important;
}
.pre-flight-wrapper.error-msg .heading {
  background-image: url(/assets/images/icon_error_25x25.png?agm-ver=undefined.undefined) !important;
}

/* Logicalgroups */
.logical-group-tables {
  min-width: 100%;
  margin-top: 10px;
  margin-right: 30px;
  margin-bottom: 10px;
  margin-left: 20px;
  padding-right: 20px;
}

#apppool .pagination, #appsel .pagination {
  display: none;
}

.newMember > .inner {
  background: #badbf9;
  font-weight: 500;
  color: #333333;
}
.newMember > .inner a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
}

.add-to-group-node {
  font-size: 1.2em;
  margin-left: 20px;
}

/* Consistency Groups */
#instance {
  font-size: 10px;
}

#apppool .show-selected {
  margin-left: 0px;
}
#apppool .toolbar-items {
  margin-left: 15px;
}

.radio-group-main {
  margin-left: -25px;
}

.radio-container {
  padding-left: 25px;
}

#hostlist_cg > .toolbar > .data-search {
  width: 100%;
}
#hostlist_cg > .toolbar > .data-search .text-input {
  width: 100%;
}
#hostlist_cg > .toolbar > .data-search .submit-btn,
#hostlist_cg > .toolbar > .data-search .clear-btn {
  position: absolute;
  left: 90%;
}

#apppool > .toolbar > .data-search {
  width: 50%;
}
#apppool > .toolbar > .data-search .text-input {
  width: 100%;
}
#apppool > .toolbar > .data-search .submit-btn,
#apppool > .toolbar > .data-search .clear-btn {
  position: absolute;
  left: 89%;
}

/* New Tags */
#container_mode_container *, .agm-form * {
  box-sizing: border-box;
  vertical-align: middle;
}
#container_mode_container .agm-form-title, .agm-form .agm-form-title {
  display: inline-block;
  margin-right: 1em;
}
#container_mode_container .agm-title-slot, .agm-form .agm-title-slot {
  display: inline-block;
}
#container_mode_container .agm-form-body, .agm-form .agm-form-body {
  background: rgb(240, 240, 235);
  border-radius: 7px;
  padding-top: 2em;
  padding-right: 3em;
  padding-left: 3em;
  text-align: left;
  width: 870px;
}
#container_mode_container .agm-form-row, .agm-form .agm-form-row {
  padding: 0.5em 0;
}
#container_mode_container .agm-form-section, .agm-form .agm-form-section {
  display: inline-block;
}
#container_mode_container .agm-form-section + .agm-form-section, .agm-form .agm-form-section + .agm-form-section {
  margin-left: 1em;
}

.agm-form-control-label {
  color: #8c8c86;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
  text-transform: capitalize;
  line-height: 2em;
}

.agm-form-section > * {
  vertical-align: middle;
}
.agm-form-section .error-message {
  font-size: 13px;
  vertical-align: middle;
  color: #8c8c86;
  margin-left: 0.5em;
}

.agm-form-control > * {
  margin: 0;
}
.agm-form-control input[type=text], .agm-form-control input[type=password], .agm-form-control textarea {
  display: block;
  width: 210px;
  height: 2em;
  padding: 4px;
  font-size: 13px;
  color: #555555;
  border: 1px solid rgb(240, 240, 235);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0;
}
.agm-form-control select {
  background: #8c8c86 url(../images/agm/controls/white-dropdown-arrow.png?agm-ver=undefined.undefined) no-repeat 95% 47%;
  background-size: inherit;
  border: 0;
  border-radius: 7px;
  color: white;
  line-height: 1.1em;
  padding: 0 2.25em 0 0.75em;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
}
.agm-form-control input[type=checkbox], .agm-form-control input[type=radio] {
  margin: 0;
  vertical-align: middle;
  margin-right: 0.5em;
}
.agm-form-control .toggleswitch-btn {
  vertical-align: middle;
}
.agm-form-control .toggleswitch + .toggleswitch-btn {
  display: inline-block;
  height: 22px;
}

.agm-form-inline {
  display: inline-block;
}

.agm-form-control-label + .agm-form-inline {
  margin-left: 0.5em;
}

.agm-form-radio .agm-form-control, .agm-form-select .agm-form-control {
  display: inline-block;
  margin-left: 0.5em;
}

#container_mode_container .recovery-form-label {
  width: 170px;
}
#container_mode_container #ipAddresses-label {
  vertical-align: top;
  transform: translate(0px, 5px);
}
#container_mode_container .multi-list-container {
  width: 210px;
}

.agm-recovery-volume-grid .items [data-col-name=volume] {
  direction: rtl;
  text-align: left;
}
.agm-recovery-volume-grid .items [data-col-name="Storage Pool"] .styled-select i {
  vertical-align: initial;
}

.recovery-form .recovery-form-label {
  width: 135px;
}

.agm-recovery-volume-grid .items [data-col-name=volume] {
  direction: rtl;
  text-align: left;
}
.agm-recovery-volume-grid .items [data-col-name="Storage Pool"] .styled-select i {
  vertical-align: initial;
}

.agm-recovery-volume-grid .items [data-col-name=volume] {
  direction: rtl;
  text-align: left;
}
.agm-recovery-volume-grid .items [data-col-name="Storage Pool"] .styled-select i {
  vertical-align: initial;
}

/* Cloud Mount */
.cloud-mount-container .radio-group, .cloud-restore-container .radio-group {
  display: inline-flex;
}
.cloud-mount-container .radio-group .radio-container, .cloud-restore-container .radio-group .radio-container {
  display: inline-block;
  padding-top: 5px;
  vertical-align: top;
  margin-right: 10px;
}
.cloud-mount-container .radio-group .radio-container .radio-btn, .cloud-restore-container .radio-group .radio-container .radio-btn {
  vertical-align: top;
  margin: 2px 5px 0 0;
}
.cloud-mount-container .radio-group .radio-container label, .cloud-restore-container .radio-group .radio-container label {
  white-space: nowrap;
}
.cloud-mount-container .dynamic-field-container, .cloud-restore-container .dynamic-field-container {
  background: #f0f0eb;
  border-radius: 7px;
  padding: 1rem;
  margin-top: 1rem;
}
.cloud-mount-container .dynamic-field-container .existing-mount, .cloud-mount-container .dynamic-field-container .restore-section, .cloud-restore-container .dynamic-field-container .existing-mount, .cloud-restore-container .dynamic-field-container .restore-section {
  background: #FFFFFF;
  border-radius: 7px;
}
.cloud-mount-container .dynamic-field-container #existing-mount-contianer, .cloud-restore-container .dynamic-field-container #existing-mount-contianer {
  padding: 1rem;
  background: #fff;
  margin: 1em;
  border-radius: 4px;
}
.cloud-mount-container .dynamic-field-container #new-mount-container, .cloud-restore-container .dynamic-field-container #new-mount-container {
  padding: 1em;
  border-radius: 4px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content, .cloud-restore-container .dynamic-field-container .dynamic-fields-content {
  padding: 10px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container {
  vertical-align: middle;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container #internalip-container, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container #internalip-container {
  padding: 9px 10px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container #internalip-container .radio-component, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container #internalip-container .radio-component {
  padding: 5px 10px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container #internalip-container .radio-component .radio-field, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container #internalip-container .radio-component .radio-field {
  margin: 0 2px 2px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container #ip-content, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container #ip-content {
  position: relative;
  top: 0;
  padding: 0;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container #ip-content .multi-list, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container #ip-content .multi-list {
  margin: 0px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container #ip-content .info-msg, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container #ip-content .info-msg {
  padding: 0;
  font-size: 0.6rem;
  text-align: left;
  position: absolute;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .dropdown-select, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .dropdown-select {
  padding: 5px 12px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content {
  padding: 10px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .mount-label, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .mount-label {
  width: 30%;
  display: inline-flex;
  vertical-align: top;
  margin-top: 7px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .mount-label .required-element, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .mount-label .required-element {
  color: #c73b1c;
  top: -0.2em;
  left: 0.2em;
  font-size: 85%;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper {
  width: 40%;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .mount-input, .cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .mount-select, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .mount-input, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .mount-select {
  padding: 5px 10px;
  width: 100%;
  margin: 0px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .mount-select, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .mount-select {
  height: 30px;
  line-height: 30px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .input-field, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .input-field {
  width: 93%;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .error-content > p, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .error-content > p {
  color: #ff0000;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .error-content > p ul li, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .error-content > p ul li {
  list-style-type: disc;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .error-content.has-error, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .error-content.has-error {
  border: none !important;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .info-msg-icon, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .info-msg-icon {
  font-size: 16px;
  margin-right: 5px;
  color: #4d85e0;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .disabled, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .field-wrapper .disabled {
  opacity: 0.5;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content [data-id=poweronoff] .mount-label, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content [data-id=poweronoff] .mount-label {
  width: auto !important;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .multi-list-container, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .multi-list-container {
  margin-bottom: 0px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .checkbox-field, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .checkbox-field {
  display: inline-block;
  margin: -10px -10px -10px 0px;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .inline-container, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .inline-container {
  display: inline-flex;
  width: 100%;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .inline-container .mount-label, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .inline-container .mount-label {
  display: inline-flex !important;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .warning-msg, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .warning-msg {
  display: inline-flex;
  background: #f1f0f0;
  margin-bottom: 20px;
  border-radius: 5px;
  width: 100%;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .warning-msg i, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .warning-msg i {
  font-size: 26px;
  padding: 10px;
  margin: auto 0;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .warning-msg .msg, .cloud-restore-container .dynamic-field-container .dynamic-fields-content .field-container .field-content .warning-msg .msg {
  margin: 0px 0 0 15px;
  font-size: 14px;
  color: #333333;
  padding: 10px;
  margin: auto 0;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content #tag-container, .cloud-restore-container .dynamic-field-container .dynamic-fields-content #tag-container {
  width: 100%;
}
.cloud-mount-container .dynamic-field-container .dynamic-fields-content #tag-container .mount-input[value=aws-demo-duplicate], .cloud-restore-container .dynamic-field-container .dynamic-fields-content #tag-container .mount-input[value=aws-demo-duplicate] {
  min-width: auto;
}
.cloud-mount-container .dynamic-field-container .new-mount .dynamic-fields-content, .cloud-restore-container .dynamic-field-container .new-mount .dynamic-fields-content {
  padding: 0px !important;
}
.cloud-mount-container .dynamic-field-container .new-mount .dynamic-fields-content .field-container[data-id=message], .cloud-mount-container .dynamic-field-container .new-mount .dynamic-fields-content .field-container[data-id=archivesnapmessage], .cloud-restore-container .dynamic-field-container .new-mount .dynamic-fields-content .field-container[data-id=message], .cloud-restore-container .dynamic-field-container .new-mount .dynamic-fields-content .field-container[data-id=archivesnapmessage] {
  background: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-bottom: 0px;
  padding-top: 10px;
}
.cloud-mount-container .dynamic-field-container .new-mount .dynamic-fields-content .field-container[data-id=message] .field-content, .cloud-mount-container .dynamic-field-container .new-mount .dynamic-fields-content .field-container[data-id=archivesnapmessage] .field-content, .cloud-restore-container .dynamic-field-container .new-mount .dynamic-fields-content .field-container[data-id=message] .field-content, .cloud-restore-container .dynamic-field-container .new-mount .dynamic-fields-content .field-container[data-id=archivesnapmessage] .field-content {
  padding: 0;
}
.cloud-mount-container .dynamic-field-container .new-mount .dynamic-fields-content .field-container[data-id=message] .field-content .inner-content, .cloud-mount-container .dynamic-field-container .new-mount .dynamic-fields-content .field-container[data-id=archivesnapmessage] .field-content .inner-content, .cloud-restore-container .dynamic-field-container .new-mount .dynamic-fields-content .field-container[data-id=message] .field-content .inner-content, .cloud-restore-container .dynamic-field-container .new-mount .dynamic-fields-content .field-container[data-id=archivesnapmessage] .field-content .inner-content {
  padding: 10px 10px 0px 20px;
}
.cloud-mount-container .dynamic-field-container .new-mount .dynamic-fields-content .group-container, .cloud-mount-container .dynamic-field-container .new-mount .dynamic-fields-content .network-interface-container, .cloud-restore-container .dynamic-field-container .new-mount .dynamic-fields-content .group-container, .cloud-restore-container .dynamic-field-container .new-mount .dynamic-fields-content .network-interface-container {
  margin: 0px 0px 15px 0px !important;
}
.cloud-mount-container .group-container, .cloud-mount-container .network-interface-container, .cloud-restore-container .group-container, .cloud-restore-container .network-interface-container {
  background: #fff;
  border-radius: 5px;
  margin: 15px 5px;
}
.cloud-mount-container .group-container .bold, .cloud-mount-container .network-interface-container .bold, .cloud-restore-container .group-container .bold, .cloud-restore-container .network-interface-container .bold {
  font-weight: 600;
  color: #b1afaf;
}
.cloud-mount-container .info-section, .cloud-restore-container .info-section {
  padding-left: 20px;
  font-size: 1.2em;
  color: #7d7b7b;
}
.cloud-mount-container .info-section p, .cloud-restore-container .info-section p {
  color: inherit;
}
.cloud-mount-container #permission-errors, .cloud-restore-container #permission-errors {
  font-size: 13px;
  line-height: 18px;
  color: #D93025;
}
.cloud-mount-container #permission-errors em, .cloud-restore-container #permission-errors em {
  color: #D93025;
}
.cloud-mount-container #permission-errors .mount-permission-errors, .cloud-restore-container #permission-errors .mount-permission-errors {
  border: 1px solid #D50000;
  padding: 24px;
  color: #D50000;
  background-color: #ffffff;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 33px;
}
.cloud-mount-container #permission-errors .mount-permission-errors .mount-permission-message, .cloud-restore-container #permission-errors .mount-permission-errors .mount-permission-message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.cloud-mount-container #permission-errors .mount-permission-errors .mount-permission-message > *, .cloud-restore-container #permission-errors .mount-permission-errors .mount-permission-message > * {
  color: #D50000;
  font-size: 12px;
  line-height: 15px;
}
.cloud-mount-container #permission-errors .mount-permission-errors .mount-permission-list-splitter, .cloud-restore-container #permission-errors .mount-permission-errors .mount-permission-list-splitter {
  border-top: 1px solid #D50000;
  width: 100%;
}
.cloud-mount-container #permission-errors .mount-permission-errors .mount-permission-list-wrap, .cloud-restore-container #permission-errors .mount-permission-errors .mount-permission-list-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
}
.cloud-mount-container #permission-errors .mount-permission-errors .mount-permission-list-wrap .mount-permission-list-title, .cloud-restore-container #permission-errors .mount-permission-errors .mount-permission-list-wrap .mount-permission-list-title {
  font-weight: 700;
}
.cloud-mount-container #permission-errors .mount-permission-errors .mount-permission-list-wrap .mount-permission-list, .cloud-restore-container #permission-errors .mount-permission-errors .mount-permission-list-wrap .mount-permission-list {
  display: grid;
  gap: 8px 27px;
  grid-template-columns: repeat(3, 1fr);
}
.cloud-mount-container #permission-errors .mount-permission-errors .mount-permission-list-wrap .mount-permission-list .mount-permission-entry, .cloud-restore-container #permission-errors .mount-permission-errors .mount-permission-list-wrap .mount-permission-list .mount-permission-entry {
  width: 100%;
  word-break: break-all;
}
.cloud-mount-container .nic-container, .cloud-restore-container .nic-container {
  background: #d9d9d1;
  padding: 0px !important;
  border-radius: 5px;
  margin-bottom: 10px;
}
.cloud-mount-container .nic-container .nic-header, .cloud-restore-container .nic-container .nic-header {
  padding: 10px;
  color: #fff;
  font-weight: normal;
  font-size: 1em;
}
.cloud-mount-container .nic-container .nic-header .header-text, .cloud-restore-container .nic-container .nic-header .header-text {
  text-transform: none;
}
.cloud-mount-container .nic-container .nic-content, .cloud-restore-container .nic-container .nic-content {
  display: inline-flex;
  padding: 10px 0px;
  width: 100%;
}
.cloud-mount-container .nic-container .nic-content .col1, .cloud-restore-container .nic-container .nic-content .col1 {
  width: 35%;
}
.cloud-mount-container .nic-container .nic-content .col2, .cloud-restore-container .nic-container .nic-content .col2 {
  width: 65%;
}
.cloud-mount-container .nic-container .nic-content .inner-content.inline-container, .cloud-restore-container .nic-container .nic-content .inner-content.inline-container {
  display: block !important;
}
.cloud-mount-container .nic-container .nic-content .inner-content.inline-container .mount-label, .cloud-restore-container .nic-container .nic-content .inner-content.inline-container .mount-label {
  padding-bottom: 0.5rem;
}
.cloud-mount-container .nic-container .nic-content .inner-content.inline-container .multiselect-container, .cloud-restore-container .nic-container .nic-content .inner-content.inline-container .multiselect-container {
  width: auto;
}
.cloud-mount-container .nic-container .nic-content .mount-label, .cloud-mount-container .nic-container .nic-content .field-wrapper, .cloud-restore-container .nic-container .nic-content .mount-label, .cloud-restore-container .nic-container .nic-content .field-wrapper {
  width: 100% !important;
}
.cloud-mount-container .nic-container .nic-content .field-container[data-id=externalip], .cloud-restore-container .nic-container .nic-content .field-container[data-id=externalip] {
  width: 55%;
}
.cloud-mount-container .mount-internalipaddress, .cloud-restore-container .mount-internalipaddress {
  display: inline-flex;
}
.cloud-mount-container .tag-checkbox:focus, .cloud-mount-container .tag-checkbox:active, .cloud-restore-container .tag-checkbox:focus, .cloud-restore-container .tag-checkbox:active {
  outline: 5px auto -webkit-focus-ring-color;
}
.cloud-mount-container .tag-input, .cloud-restore-container .tag-input {
  min-width: 25%;
}
.cloud-mount-container .group-container .field-container[data-id=volumeselection] .field-content, .cloud-restore-container .group-container .field-container[data-id=volumeselection] .field-content {
  padding: 0px !important;
}
.cloud-mount-container .group-container .field-container[data-id=volumeselection] .grid-component, .cloud-restore-container .group-container .field-container[data-id=volumeselection] .grid-component {
  margin: 0px !important;
}
.cloud-mount-container .grid-component, .cloud-restore-container .grid-component {
  position: relative;
}
.cloud-mount-container .grid-component .grid-label, .cloud-restore-container .grid-component .grid-label {
  font-weight: 600;
  font-size: 14px;
  padding: 10px 0px;
}
.cloud-mount-container .grid-component .dynamic-grid-container, .cloud-restore-container .grid-component .dynamic-grid-container {
  position: relative;
  margin: 5px 0px;
  width: 100%;
  height: 300px;
  border: 1px solid #dcdcdc;
}
.cloud-mount-container .grid-component .dynamic-grid-container .data-row.disabled, .cloud-restore-container .grid-component .dynamic-grid-container .data-row.disabled {
  opacity: 0.5;
}
.cloud-mount-container .grid-component .dynamic-grid-container .data-row .custom-select, .cloud-restore-container .grid-component .dynamic-grid-container .data-row .custom-select {
  width: 100%;
  pointer-events: all;
}
.cloud-mount-container .grid-component .dynamic-grid-container [data-col-name=SIZE], .cloud-restore-container .grid-component .dynamic-grid-container [data-col-name=SIZE] {
  width: 8%;
}
.cloud-mount-container .grid-component .dynamic-grid-container [data-col-name="DEVICE INDEX"], .cloud-restore-container .grid-component .dynamic-grid-container [data-col-name="DEVICE INDEX"] {
  width: 10%;
}
.cloud-mount-container .grid-component .dynamic-grid-container [data-col-name="DISK TYPE"], .cloud-restore-container .grid-component .dynamic-grid-container [data-col-name="DISK TYPE"] {
  width: 20%;
}
.cloud-mount-container .add-option, .cloud-restore-container .add-option {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  font-size: 14px;
}
.cloud-mount-container .add-option:before, .cloud-restore-container .add-option:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f067';
  margin-right: 5px;
}
.cloud-mount-container .add-nic, .cloud-restore-container .add-nic {
  color: #3367D6;
  transition: color 0.25s;
  top: 5px;
}
.cloud-mount-container .network-header, .cloud-restore-container .network-header {
  position: relative;
  padding: 5px;
  margin-left: 0.5em;
}
.cloud-mount-container .network-header .header-text, .cloud-restore-container .network-header .header-text {
  font-size: 14px;
  color: #8c8c86;
}
.cloud-mount-container .has-error, .cloud-restore-container .has-error {
  border: 1px solid red !important;
}
.cloud-mount-container .checkbox-container, .cloud-restore-container .checkbox-container {
  display: inline-block;
  width: 100%;
}
.cloud-mount-container #tag-container .mount-label, .cloud-restore-container #tag-container .mount-label {
  width: 100% !important;
}
.cloud-mount-container #tag-container .mount-tags, .cloud-restore-container #tag-container .mount-tags {
  width: 90%;
  display: inline-block;
}
.cloud-mount-container #tag-container .mount-tags .mount-tag, .cloud-restore-container #tag-container .mount-tags .mount-tag {
  width: 100%;
  display: inline-flex;
  margin: 10px;
}
.cloud-mount-container #tag-container .mount-tags .mount-tag .mount-input, .cloud-restore-container #tag-container .mount-tags .mount-tag .mount-input {
  width: 40%;
  min-width: 40%;
  margin: 0px 10px;
}
.cloud-mount-container #tag-container .mount-tags .mount-tag input[type=checkbox], .cloud-restore-container #tag-container .mount-tags .mount-tag input[type=checkbox] {
  margin: 10px 2px 5px;
}
.cloud-mount-container .mount-group, .cloud-mount-container .mount-networkinterfaces, .cloud-restore-container .mount-group, .cloud-restore-container .mount-networkinterfaces {
  width: 98%;
  margin: 10px;
  border-radius: 10px;
  font-size: 1.2em;
}
.cloud-mount-container .mount-group i, .cloud-mount-container .mount-networkinterfaces i, .cloud-restore-container .mount-group i, .cloud-restore-container .mount-networkinterfaces i {
  font-size: 15px;
  margin: 10px;
}
.cloud-mount-container .mount-group i.add, .cloud-mount-container .mount-networkinterfaces i.add, .cloud-restore-container .mount-group i.add, .cloud-restore-container .mount-networkinterfaces i.add {
  position: relative;
  left: -2.9em;
  color: green;
}
.cloud-mount-container .mount-group i.remove, .cloud-mount-container .mount-networkinterfaces i.remove, .cloud-restore-container .mount-group i.remove, .cloud-restore-container .mount-networkinterfaces i.remove {
  color: red;
}
.cloud-mount-container .mount-group .field-wrapper, .cloud-mount-container .mount-networkinterfaces .field-wrapper, .cloud-restore-container .mount-group .field-wrapper, .cloud-restore-container .mount-networkinterfaces .field-wrapper {
  display: inline-block;
}
.cloud-mount-container .radio-component, .cloud-restore-container .radio-component {
  display: inline-block;
  min-width: 108px;
}
.cloud-mount-container .radio-component .radio-text, .cloud-restore-container .radio-component .radio-text {
  margin-left: 5px;
}
.cloud-mount-container .info-msg, .cloud-restore-container .info-msg {
  color: #5f6a6d;
}
.cloud-mount-container .mount-dropdown, .cloud-restore-container .mount-dropdown {
  width: 40%;
  display: inline-block;
}
.cloud-mount-container .mount-dropdown .dropdown-container, .cloud-restore-container .mount-dropdown .dropdown-container {
  width: 100%;
}
.cloud-mount-container .mount-dropdown .dropdown-container .list-item .singleSelect, .cloud-restore-container .mount-dropdown .dropdown-container .list-item .singleSelect {
  display: none;
}
.cloud-mount-container .mount-dropdown .dropdown-container .list-item span, .cloud-restore-container .mount-dropdown .dropdown-container .list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 300px;
  overflow-x: hidden;
  display: block;
}
.cloud-mount-container .txtinput-wrapper, .cloud-restore-container .txtinput-wrapper {
  width: 40%;
  display: inline-block;
}
.cloud-mount-container .multiselect-container, .cloud-restore-container .multiselect-container {
  min-width: 225px;
  width: 40%;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.cloud-mount-container .multiselect-container .search_container, .cloud-restore-container .multiselect-container .search_container {
  border: 1px solid #cccccc;
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0px;
  border-radius: 4px;
  position: relative;
  width: 100%;
}
.cloud-mount-container .multiselect-container .search_container .search-input, .cloud-restore-container .multiselect-container .search_container .search-input {
  border: 1px solid #ccc;
  margin: 4px;
  width: 100%;
}
.cloud-mount-container .multiselect-container .search_container .search-input::after, .cloud-restore-container .multiselect-container .search_container .search-input::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f002";
  display: inline-block;
  vertical-align: middle;
}
.cloud-mount-container .multiselect-container .search_container .search-input:focus, .cloud-restore-container .multiselect-container .search_container .search-input:focus {
  box-shadow: none;
  outline: none;
}
.cloud-mount-container .multiselect-container .search_container .dropdown-icon, .cloud-restore-container .multiselect-container .search_container .dropdown-icon {
  position: absolute;
  right: 8px;
  bottom: 10px;
  font-size: 1.2em;
  background: #fff;
  padding: 2px 5px;
}
.cloud-mount-container .multiselect-container .search_container .chip-clear, .cloud-restore-container .multiselect-container .search_container .chip-clear {
  cursor: pointer;
  max-width: 100px;
  margin: 5px 5px 0px;
  display: inline-flex;
}
.cloud-mount-container .multiselect-container .search_container .chip-clear .ellips, .cloud-restore-container .multiselect-container .search_container .chip-clear .ellips {
  width: 75px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cloud-mount-container .multiselect-container .list-container, .cloud-restore-container .multiselect-container .list-container {
  position: absolute;
  z-index: 2000;
}
.cloud-mount-container .multiselect-container .list-container .list, .cloud-restore-container .multiselect-container .list-container .list {
  margin: 0px;
  padding: 0px;
  max-height: 250px;
  overflow-y: scroll;
  background-color: rgb(255, 255, 255);
  margin: 0px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 6px;
  width: inherit;
}
.cloud-mount-container .multiselect-container .list-container .list .item, .cloud-restore-container .multiselect-container .list-container .list .item {
  padding: 10px 5px;
  border-bottom: 1px solid #dcdcdc;
  cursor: pointer;
  white-space: nowrap;
  word-break: break-all;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.cloud-mount-container .optGroup, .cloud-restore-container .optGroup {
  color: #384448 !important;
}
.cloud-mount-container optgroup[label="Eligible Credentials"], .cloud-restore-container optgroup[label="Eligible Credentials"] {
  color: #384448 !important;
}
.cloud-mount-container .error-text, .cloud-restore-container .error-text {
  color: #D93025;
  font-size: 13px;
}

/* dropdown styles */
.demo {
  width: 100%;
}

/* The container <div> - needed to position the dropdown content */
.dropdown-container {
  width: 275px;
  font-size: 13px;
  position: relative;
}
.dropdown-container .dropdown-select {
  height: 65%;
  background: #fff url(../images/agm/controls/black-dropdown-arrow.png?agm-ver=undefined.undefined) no-repeat 97.4% 48%;
  padding: 6px 5px 4px 5px;
  font-size: 12px;
  background-size: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #555555;
  padding: 5px 10px;
}
.dropdown-container .dropdown-content {
  position: absolute;
  background-color: #fff;
  min-width: 99.6%;
  box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
  margin: 0;
  border: 1px solid #ccc;
  top: 32px;
  border-radius: 6px;
  /*li:nth-child(odd){
      background-color: white;
  }*/
}
.dropdown-container .dropdown-content .scrollable-ul {
  margin: 0;
  height: 300px;
  overflow-y: scroll;
  border-top: 1px solid #ccc;
}
.dropdown-container .dropdown-content li {
  color: #222222;
  padding: 3%;
  text-decoration: none;
  display: block;
}
.dropdown-container .dropdown-content li input {
  margin-right: 2%;
}
.dropdown-container .dropdown-content li.item-selected {
  background-color: #CCD;
}
.dropdown-container .dropdown-content .singleSelect {
  visibility: hidden;
}
.dropdown-container .dropdown-content li.list-item:hover {
  background-color: #f1f3f4;
}
.dropdown-container .dropdown-content .group-name {
  background-color: #e5e8ea;
  padding: 12px 5px;
  font-weight: 500;
}
.dropdown-container .dropdown-content .dropdown-search {
  padding: 6px;
  width: 95.5%;
  border: 0;
  box-shadow: none;
  margin: 0;
  background: transparent;
}
.dropdown-container .dropdown-content .dropdown-loading {
  padding: 10%;
}

/* ESX Map Control */
.esx-mount-host-count-container, .esx-mount-cluster-select-container {
  display: block;
}
.esx-mount-host-count-container > *, .esx-mount-cluster-select-container > * {
  box-sizing: border-box;
  vertical-align: middle;
}
.esx-mount-host-count-container select, .esx-mount-cluster-select-container select {
  width: auto;
}
.esx-mount-host-count-container .modal-option-label, .esx-mount-cluster-select-container .modal-option-label {
  margin-bottom: 0;
}

.esx-mount-cluster-select-container {
  margin-top: 10px;
  line-height: 24px;
}

#esxMountOption-wrapper {
  display: inline-block;
  width: 25%;
}
#esxMountOption-wrapper > * {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 0px;
  width: unset;
}
#esxMountOption-wrapper label {
  transform: translate(0px, 1px);
}

/* for regular recovery operations */
#EXECUTE_JOB_FORM #map-to-esx-hosts #esxMountOption-wrapper {
  width: auto;
}
#EXECUTE_JOB_FORM #map-to-esx-hosts .esx-mount-cluster-select-container {
  margin-top: 10px;
}

#APPAWARE_JOB_FORM #map-to-esx-hosts .modal-option-label {
  width: 305px;
}
#APPAWARE_JOB_FORM #map-to-esx-hosts select {
  min-width: 25%;
  vertical-align: middle;
}
#APPAWARE_JOB_FORM #map-to-esx-hosts .esx-mount-cluster-select-container select {
  margin-bottom: 0;
}

.mnt-esx-hosts .modal-option-label, #prep_mount_map_to_all_esx_hosts .modal-option-label {
  width: 320px;
}

/* for workflows */
.restore-option .form-row .form-row-container .esx-map-control .appaware-label {
  display: none;
}
.restore-option .form-row .form-row-container .esx-map-control label {
  display: inline-block;
  vertical-align: middle;
  width: 320px;
}
.restore-option .form-row .form-row-container .esx-map-control select {
  min-width: 25%;
  vertical-align: middle;
}
.restore-option .form-row .form-row-container .esx-map-control .esx-mount-cluster-select-container {
  margin-top: 10px;
}

/* Migration Banner */
#migration_status {
  font-size: 15px;
  font-weight: 400;
  line-height: 40px;
  padding: 5px 40px;
  background-color: #eee;
  background-size: 20px;
  height: 40px;
}

.warning-header {
  display: inline;
}
.warning-header .warning-icon {
  background-image: url(../images/icon-warning.png?agm-ver=undefined.undefined);
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 14px;
  position: relative;
  top: 2px;
}
.warning-header .warning-title {
  display: inline;
  margin-left: 10px;
}

/* New Dialog */
.goog-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
}
.goog-dialog .dialog-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0.01;
  color: white;
  background-color: white;
  z-index: 100;
}
.goog-dialog .dialog-container {
  background-color: #FFFFFF;
  opacity: 1;
  z-index: 120;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 0px 24px;
  width: 493px;
  position: absolute;
  left: calc(50% - 246.5px - 0.5px);
  top: calc(50% - 200px);
  /* Quick Selection/White */
  background: #FFFFFF;
  /* 6dp */
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.goog-dialog .dialog-container .dialog-heading-catastrophic {
  background: #DC362E;
  color: #FFFFFF !important;
}
.goog-dialog .dialog-container .dialog-heading {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 24px;
  gap: 8px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  color: #000000;
}
.goog-dialog .dialog-container .dialog-heading .dialog-heading-text {
  font-size: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.goog-dialog .dialog-container .dialog-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.goog-dialog .dialog-container .dialog-body .dialog-message {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  display: flex;
  align-items: flex-start;
  text-align: left;
  flex-direction: column;
}
.goog-dialog .dialog-container .dialog-body .dialog-message-padding {
  padding: 12px 24px;
}
.goog-dialog .dialog-container .dialog-body .dialog-actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0px;
  gap: 12px;
  /* Inside auto layout */
  flex: none;
  order: 3;
  flex-grow: 0;
  width: 90%;
}
.goog-dialog .dialog-container .dialog-body .dialog-actions .button-confirm {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 12px;
  gap: 4px;
  background: #3367D6;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  flex: none;
  order: 1;
  flex-grow: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 32px;
  color: #FFFFFF;
  text-shadow: none;
}
.goog-dialog .dialog-container .dialog-body .dialog-actions .button-cancel {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 12px;
  gap: 4px;
  border-radius: 4px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 32px;
  /* identical to box height, or 246% */
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  /* Buttons & Icons/primary-button */
  color: #3367D6;
  cursor: pointer;
}
.goog-dialog .dialog-container .dialog-body .dialog-actions .button-cancel:hover {
  text-decoration: none;
}

.remove-appliance-dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.remove-appliance-dialog .remove-appliance-warning {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 16px 10px 24px;
  gap: 16px;
  background: #F2F2F2;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  height: 52px;
}
.remove-appliance-dialog .remove-appliance-warning .remove-appliance-warning-icon {
  width: 18px;
  height: 18px;
}
.remove-appliance-dialog .remove-appliance-content {
  padding: 0px 24px;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  display: flex;
  flex-direction: column;
}
.remove-appliance-dialog .remove-appliance-content ul {
  padding: 20px 0px;
}
.remove-appliance-dialog .remove-appliance-content ul li {
  list-style-type: disc;
}
.remove-appliance-dialog .remove-appliance-content #remove-appliance-name {
  margin-top: 20px;
  box-sizing: border-box;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.54);
  border-radius: 4px;
  width: auto;
}
.remove-appliance-dialog .remove-appliance-content .remove-appliance-name-error {
  border-color: #D50000 !important;
}
.remove-appliance-dialog .remove-appliance-content .remove-appliance-error {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #D50000;
  padding-left: 10px;
  display: none;
}

/* appliance updates manager */
.appliance-updates {
  margin: 0;
  padding: 0;
  height: 110px;
  border-bottom: 1px solid #ccc;
}
.appliance-updates h2 {
  margin: 0.2em 0 0.2em 0.5em;
}
.appliance-updates .agm-updates-container,
.appliance-updates .agm-update-history-container {
  top: 162px;
}
.appliance-updates .agm-updates-container .upper,
.appliance-updates .agm-update-history-container .upper {
  display: none;
}
.appliance-updates .agm-updates-container .status-link-tag,
.appliance-updates .agm-update-history-container .status-link-tag {
  color: #3367D6;
  text-decoration: underline;
  margin-right: 15px;
}
.appliance-updates .agm-updates-container .icon-status-pending,
.appliance-updates .agm-update-history-container .icon-status-pending {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-status-pending::after,
.appliance-updates .agm-update-history-container .icon-status-pending::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f071';
  transform: rotateZ(0deg);
  color: orange;
}
.appliance-updates .agm-updates-container .icon-status-scheduled,
.appliance-updates .agm-update-history-container .icon-status-scheduled {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-status-scheduled::after,
.appliance-updates .agm-update-history-container .icon-status-scheduled::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f017';
  transform: rotateZ(0deg);
  color: #1A73E8;
}
.appliance-updates .agm-updates-container .icon-status-overdue,
.appliance-updates .agm-update-history-container .icon-status-overdue {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-status-overdue::after,
.appliance-updates .agm-update-history-container .icon-status-overdue::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f06a';
  transform: rotateZ(0deg);
  color: red;
}
.appliance-updates .agm-updates-container .icon-status-installing,
.appliance-updates .agm-update-history-container .icon-status-installing {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-status-installing::after,
.appliance-updates .agm-update-history-container .icon-status-installing::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f110';
  transform: rotateZ(0deg);
  color: #1A73E8;
}
.appliance-updates .agm-updates-container .icon-status-failed,
.appliance-updates .agm-update-history-container .icon-status-failed {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-status-failed::after,
.appliance-updates .agm-update-history-container .icon-status-failed::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f06a';
  transform: rotateZ(0deg);
  color: red;
}
.appliance-updates .agm-updates-container .icon-status-success,
.appliance-updates .agm-update-history-container .icon-status-success {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-status-success::after,
.appliance-updates .agm-update-history-container .icon-status-success::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f058';
  transform: rotateZ(0deg);
  color: #8cc53e;
}
.appliance-updates .agm-updates-container .icon-status-rollback_success,
.appliance-updates .agm-update-history-container .icon-status-rollback_success {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-status-rollback_success::after,
.appliance-updates .agm-update-history-container .icon-status-rollback_success::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f1da';
  transform: rotateZ(0deg);
  color: #8cc53e;
}
.appliance-updates .agm-updates-container .icon-status-rollback_scheduled,
.appliance-updates .agm-update-history-container .icon-status-rollback_scheduled {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-status-rollback_scheduled::after,
.appliance-updates .agm-update-history-container .icon-status-rollback_scheduled::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f1da';
  transform: rotateZ(0deg);
  color: #1A73E8;
}
.appliance-updates .agm-updates-container .icon-status-rollback_failed,
.appliance-updates .agm-update-history-container .icon-status-rollback_failed {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-status-rollback_failed::after,
.appliance-updates .agm-update-history-container .icon-status-rollback_failed::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f06a';
  transform: rotateZ(0deg);
  color: red;
}
.appliance-updates .agm-updates-container .icon-status-rollback_in_progress,
.appliance-updates .agm-update-history-container .icon-status-rollback_in_progress {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-status-rollback_in_progress::after,
.appliance-updates .agm-update-history-container .icon-status-rollback_in_progress::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f110';
  transform: rotateZ(0deg);
  color: #1A73E8;
}
.appliance-updates .agm-updates-container .icon-status-rollback_available,
.appliance-updates .agm-update-history-container .icon-status-rollback_available {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-status-rollback_available::after,
.appliance-updates .agm-update-history-container .icon-status-rollback_available::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f1da';
  transform: rotateZ(0deg);
  color: orange;
}
.appliance-updates .agm-updates-container .icon-isntallation-job-logs,
.appliance-updates .agm-update-history-container .icon-isntallation-job-logs {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-isntallation-job-logs::after,
.appliance-updates .agm-update-history-container .icon-isntallation-job-logs::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f03a';
  transform: rotateZ(0deg);
  color: #1A73E8;
}
.appliance-updates .agm-updates-container .icon-status-skipped,
.appliance-updates .agm-update-history-container .icon-status-skipped {
  margin-right: 10px;
}
.appliance-updates .agm-updates-container .icon-status-skipped::after,
.appliance-updates .agm-update-history-container .icon-status-skipped::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f057';
  transform: rotateZ(0deg);
  color: #CCA01D;
}
.appliance-updates .agm-updates-container .prog-bar,
.appliance-updates .agm-update-history-container .prog-bar {
  position: absolute;
  bottom: 5px;
  left: 10px;
  right: 10px;
  height: 3px;
  background: #ccc;
}
.appliance-updates .agm-updates-container .prog-bar .inner,
.appliance-updates .agm-update-history-container .prog-bar .inner {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #1A73E8;
  transition: width 0.25s;
}
.appliance-updates .agm-updates-container .update-name,
.appliance-updates .agm-update-history-container .update-name {
  text-decoration: underline;
  color: #3367D6;
}
.appliance-updates .update-radio-buttons {
  padding: 10px;
}
.appliance-updates .update-radio-buttons label {
  text-transform: none;
  padding: 0 10px 0 3px;
  display: inline-block;
}
.appliance-updates .agm-update-grid [data-col-name="applicable appliances"] .more {
  font-size: 10px;
  text-align: right;
  display: block;
}
.appliance-updates .agm-update-grid .status-label {
  padding-left: 2px;
  padding-right: 10px;
}

.modal-container.apply-updates-dialog {
  opacity: 1;
}
.modal-container.apply-updates-dialog .modal-main {
  top: 20%;
  min-width: 40%;
  position: relative;
}
.modal-container.apply-updates-dialog .apply-update-appls-grid .data-search.auto-submit .text-input {
  width: 60% !important;
}
.modal-container.apply-updates-dialog .update-icon-calendar {
  font-size: 1.6em;
  margin-right: 10px;
  margin-left: 5px;
}
.modal-container.apply-updates-dialog .update-icon-calendar::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f073';
  transform: rotateZ(0deg);
  color: #989898;
}
.modal-container.apply-updates-dialog .modal-contents {
  height: auto;
  max-height: 75%;
}
.modal-container.apply-updates-dialog h2 {
  color: #000000;
  font-size: 20px;
}
.modal-container.apply-updates-dialog p {
  margin-bottom: 0px;
  font-size: 1.3em;
  overflow: auto;
  color: #5f6a6d;
  line-height: 2;
}
.modal-container.apply-updates-dialog a {
  color: #1A73E8;
}
.modal-container.apply-updates-dialog .headers .agm-check.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.modal-container.apply-updates-dialog .grid-container {
  margin-top: 1em;
}
.modal-container.apply-updates-dialog label {
  position: relative;
  top: -2px;
}
.modal-container.apply-updates-dialog .actifio-grid .toolbar .data-search.auto-submit {
  width: 50%;
}
.modal-container.apply-updates-dialog .actifio-grid .toolbar .data-search.auto-submit .text-input {
  width: 105%;
}
.modal-container.apply-updates-dialog .modal-actions {
  margin: 0px 50px;
  padding: 15px;
}
.modal-container.apply-updates-dialog .actions-available {
  margin-top: 15px;
}
.modal-container.apply-updates-dialog .actions-available label {
  font-size: 1.3em;
  text-transform: initial;
  display: inline-block;
  margin: 10px 30px 5px 10px;
  top: 0;
}
.modal-container.apply-updates-dialog .apply-update-appls-grid {
  width: 96%;
  min-height: 220px;
  margin-top: 2%;
  position: relative;
}
.modal-container.apply-updates-dialog .apply-update-appls-grid .toolbar .data-search.auto-submit .clear-btn {
  right: 180px;
}
.modal-container.apply-updates-dialog .allow-force-option ul {
  margin-left: 50px;
}
.modal-container.apply-updates-dialog .allow-force-option ul li {
  list-style-type: disc;
  font-size: 1.3em;
  color: rgb(140, 140, 134);
}

.readme-container, .logs-container {
  font-size: 1.3em;
  min-height: 200px;
  max-height: 400px;
  overflow-y: scroll;
  margin: 0;
}

.update-readme-modal .modal-main {
  width: 680px;
}
.update-readme-modal .readme-container li {
  word-break: break-all;
}

/* multi select*/
.multiselect {
  /*.base::-webkit-input-placeholder {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    text-align:right;
  }
  {
    margin-bottom: 0px;
    .fa-caret-up {
      transform: translate(-15px, -2px);
      font-size: 1.3em!important;
    }
    .fa-caret-down {
      transform: translate(-25px, 6px);
      font-size: 1.3em!important;
    }
  }*/
}
.multiselect .base .wrapper {
  margin: 0px;
  height: 28px;
}
.multiselect .base .wrapper input[type=text] {
  position: relative;
}
.multiselect .base .wrapper:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  left: -15px;
  top: -2px;
  content: "\f0d7";
}
.multiselect .list-container {
  position: relative;
  padding-top: 2px;
  width: 98%;
}
.multiselect .list-container .list {
  position: absolute;
  width: inherit;
  padding: 0.1em;
  margin-top: 0px;
  background: white;
  display: inline-grid;
  border: 0.1em solid #e5e5dc;
}
.multiselect .list-container .list input::-webkit-input-placeholder {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.multiselect .list-container .list label {
  width: 98%;
  padding: 2px 4px;
  margin: 0px;
  font-weight: normal !important;
  text-transform: initial;
}
.multiselect .list-container .list label:hover {
  padding: 0.1em;
  font-weight: bold !important;
}
.multiselect.disabled {
  opacity: 0.5;
}

/* 3p certificate upload*/
.agm-cert-grid [data-col-name=Status] {
  width: 40px;
  padding: 0;
}
.agm-cert-grid .certificate-status::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 4px;
  vertical-align: middle;
  background: no-repeat 50% 50%;
  background-size: auto 18px;
}
.agm-cert-grid .certificate-status.active::before {
  background-image: url(/src/assets/images/Protection_Protected.png?agm-ver=undefined.undefined);
}
.agm-cert-grid .certificate-status.inactive::before {
  background-image: url(/src/assets/images/Protection_TableLabel.png?agm-ver=undefined.undefined);
}
.agm-cert-grid .certificate-status.expired::before {
  background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=undefined.undefined);
}
.agm-cert-grid .certificate-status.expiring::before {
  background-image: url(/assets/images/certificate_expiring.png?agm-ver=undefined.undefined);
}

.agm-3p-certificate-uploader textarea {
  width: 100%;
}

/* SVG Button styles */
.svg_button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 12px;
  gap: 4px;
  height: 32px;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
}

/* Vault vaildation messages */
#vault-validation-messages {
  margin-left: 2em;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#vault-validation-messages .vault-sla-message-container {
  max-width: 1153px;
  min-width: 1024px;
  margin-right: 20px;
}

.vault-sla-message-container {
  display: grid;
  grid-template-columns: 18px 1fr;
  background: #F0EFEA;
  gap: 10px;
  border-radius: 4px;
  padding: 10px 24px;
  font-size: 13px;
}
.vault-sla-message-actions {
  grid-column-start: 2;
  display: flex;
  flex-direction: row;
  color: #3367D6;
  gap: 4px;
}

.svg_button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 12px;
  gap: 4px;
  height: 32px;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
}

.bv-shield {
  margin-right: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* Dynamic protection tags grid*/
.modal-container.agm-tag-grid-modal .delete-tag-label {
  text-transform: none;
}
.modal-container.agm-tag-grid-modal .delete-tag-learn-more {
  color: #3367D6;
  text-decoration: underline;
}

.agm-tag-manage-editor-container {
  z-index: 1;
  position: fixed;
  left: 40px;
  top: var(--app-body-top);
  right: 0;
  bottom: 0;
  min-width: 900px;
  overflow: auto;
  display: flex;
}
.agm-tag-manage-editor-container .form-title {
  margin-left: 10px;
}
.agm-tag-manage-editor-container .tag-editor {
  width: 70%;
  margin: 10px 10px auto 10px;
}
.agm-tag-manage-editor-container .tag-editor .form-body {
  padding: 10px;
  border-radius: 7px;
  background: #e5e5dc;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container {
  background: white;
  border-radius: 7px;
  margin: 10px;
  padding: 20px;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .supported-projects-grid {
  position: relative;
  height: 300px;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .supported-projects-grid .data-search {
  max-width: 250px;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .supported-projects-grid .items .data-row.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .form-row {
  margin-bottom: 15px;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .form-row .tag-input {
  display: flex;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .form-row .supported-project-link {
  color: #3367D6;
  text-decoration: underline;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .form-row .form-section {
  display: block;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .form-row .form-section .form-control {
  display: block;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .form-row .form-section .form-control .form-control-disp {
  color: #8c8c86;
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 0 15px;
  text-transform: uppercase;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .form-row .form-section .item-list .list-hldr {
  margin: 0;
  overflow: auto;
  max-height: 200px;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .form-row .form-section .item-list li {
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .form-row .form-section .item-list li:last-child {
  border-bottom: none;
}
.agm-tag-manage-editor-container .tag-editor .form-body .form-row-container .form-row .form-section .item-list li .item-name {
  margin: 0;
}
.agm-tag-manage-editor-container .tag-editor .expandable {
  margin: 0px 10px 10px 10px;
}
.agm-tag-manage-editor-container .tag-editor .expandable-content .form-row-container {
  padding: 20px;
  margin: 0px;
}
.agm-tag-manage-editor-container .form-control-label {
  min-width: 160px;
  text-align: left;
  text-transform: none;
  display: inline-block;
  padding-right: 20px;
  width: auto;
  vertical-align: middle;
  margin: 0 0 5px 0;
}
.agm-tag-manage-editor-container .form-control-label.no-margin {
  margin: 0;
}
.agm-tag-manage-editor-container input {
  width: calc(50% - 135px);
}
.agm-tag-manage-editor-container .select {
  display: block;
  width: 50%;
}
.agm-tag-manage-editor-container .form-control-read-only {
  display: inline;
  line-height: 18px;
  font-size: 13px;
}
.agm-tag-manage-editor-container .agm-tag-grid {
  border: 1px solid lightgray;
}
.agm-tag-manage-editor-container .invalid,
.agm-tag-manage-editor-container .invalid > .multi-list-container {
  border-color: red !important;
}
.agm-tag-manage-editor-container .agm-tag-manage-editor-container .tag-editor .form-row-actions {
  text-align: right;
  margin-top: 10px;
}