/* 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 url(../../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: #2a3036;
  font-size: 24px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: capitalize; }

h3 {
  color: #8c8c86;
  font-size: 18px;
  font-weight: 400;
  margin-right: .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: .7em;
  width: 15px; }
  .loading-header img {
    padding-bottom: .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: #c8c8c8;
  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=11.0.1.7943);
  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=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943); }

#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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
	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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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: .9em;
  position: absolute;
  z-index: 10;
  display: none; }

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

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

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

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

#ptTimeSelectCntr #ptTimeSelectCloseCntr {
  display: block;
  padding: .2em; }

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

#ptTimeSelectCntr .ui-widget-content {
  margin-top: .1em;
  margin-bottom: .1em;
  padding: .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: .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: .9em; }

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

#ptTimeSelectCntr #ptTimeSelectSetButton a {
  display: block;
  padding: .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=11.0.1.7943) no-repeat right; }

#bkp_menu li.inact .mount {
  background: url(../images/timeline/timeline-selector-mount.png?agm-ver=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) no-repeat right; }

#bkp_menu li.fbar {
  /* The left-most vertical bar, next to the first thumbnail */
  background: url(../images/one.png?agm-ver=11.0.1.7943) 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: .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=11.0.1.7943);
  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=11.0.1.7943);
  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: .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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943) 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: .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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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: .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=11.0.1.7943);
  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=11.0.1.7943) 100% bottom repeat-x;
  position: absolute;
  bottom: 0; }

#dash-wrapper {
  background: #121212 url(../images/ui-bg_gloss-wave_16_121212_500x100.png?agm-ver=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943); }

#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=11.0.1.7943); }

/* 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=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
	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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) no-repeat bottom;
  height: 29px; }

.error-tooltip.bottom {
  background: url(../images/error_form_topbottom_arrow.png?agm-ver=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943);
  background-repeat: no-repeat; }

.label-editable {
  border: 1px dotted #ccc;
  cursor: text;
  background: url(assets/css/services/chrome/images/buttons/pencil.png?agm-ver=11.0.1.7943) 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=11.0.1.7943); }

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

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

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

#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=11.0.1.7943) #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=11.0.1.7943) 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: #999999;
  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=11.0.1.7943) 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=11.0.1.7943) no-repeat 8px right;
  padding-right: 18px; }

div.winNotifications .complete {
  background: url(../images/animated_exclamation.gif?agm-ver=11.0.1.7943) 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: .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=11.0.1.7943);
	background-repeat: repeat;  */
  border: 2px solid #d6d6d6;
  background: #f0f0f0 url(../images/diskpool-bg.png?agm-ver=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943) 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: .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=11.0.1.7943) 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=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943) 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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943);
  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=11.0.1.7943) 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: #ccccc0;
  border-radius: 0 7px 7px 0;
  display: inline-block;
  margin-right: .75em;
  padding: .1em .75em .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 #d9d9d9;
  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: #f0f0eb;
  /* 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: #f0f0eb;
    /* 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: #f8f8f8; }
  .app-sidebar-list .recline-slickgrid .slick-row:nth-child(even) {
    background: #f4f5f0;
    border-top: 1px solid #f0f1ec;
    border-bottom: 1px solid #f0f1ec; }
  .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: #d9d9d1;
    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: #797a74;
  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: #f0f0eb; }

.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: #e86c1f;
  /* #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: #f0f0eb;
  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; }

/* 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 .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 10px 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 .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: .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,
  .form-section-wide .top-bar-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,
  .form-section .top-bar-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,
  .restore-option .form-section .top-bar-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: #8c8c86;
  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 #f0f0eb;
  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 #8c8c86; }

.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: .4;
    cursor: not-allowed; }

.select {
  background: #8c8c86 url(../images/agm/controls/white-dropdown-arrow.png?agm-ver=11.0.1.7943) no-repeat 95% 47%;
  background-size: inherit;
  border: 0;
  border-radius: 7px;
  color: white;
  line-height: 1.1em;
  padding: 0 2.25em 0 .75em;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .select::-ms-expand {
    display: none; }
  .select:disabled {
    background: #8c8c86;
    border: 0;
    border-radius: 7px;
    color: white;
    opacity: .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: #8c8c86;
  border-radius: 7px 7px 0 0;
  color: white;
  margin-top: .75em;
  padding: .5em; }
  .cap-header label {
    color: white;
    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; }

.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.button-primary-medium, button.button.policy-editor-advanced-settings-test, button.button.button-small, button.button.apply-filters,
    input.button.button-primary,
    input.button.button-primary-medium,
    input.button.policy-editor-advanced-settings-test,
    input.button.button-small {
      background: #3367D6;
      border-radius: 7px;
      color: white;
      font-size: 1.6em;
      font-weight: 500;
      margin-left: 1.5em;
      margin-right: 1.5em;
      padding: .75em 1em;
      min-width: 150px;
      height: 40px; }
      button.button.button-primary#ternaryModal, button.button#ternaryModal.button-primary-medium, button.button#ternaryModal.policy-editor-advanced-settings-test, button.button#ternaryModal.button-small, button.button#ternaryModal.apply-filters,
      input.button.button-primary#ternaryModal,
      input.button#ternaryModal.button-primary-medium,
      input.button#ternaryModal.policy-editor-advanced-settings-test,
      input.button#ternaryModal.button-small {
        margin-left: 3em; }
      button.button.button-primary[disabled], button.button.button-primary-medium[disabled], button.button.policy-editor-advanced-settings-test[disabled], button.button.button-small[disabled], button.button.apply-filters[disabled],
      input.button.button-primary[disabled],
      input.button.button-primary-medium[disabled],
      input.button.policy-editor-advanced-settings-test[disabled],
      input.button.button-small[disabled] {
        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.policy-editor-advanced-settings-test[disabled],
      input.button.button-primary-medium[disabled],
      input.button.policy-editor-advanced-settings-test[disabled] {
        background-color: #D1D1D1; }
    button.button.button-small,
    input.button.button-small {
      font-size: 14px;
      width: 130px;
      min-width: 50px;
      padding: .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 white;
    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: white;
    background: #3367D6;
    font-size: 16px;
    font-weight: 500;
    padding: .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: .7em 1em .92em; }
  .btn-group .btn-secondary {
    color: white;
    background: #e86c1f;
    width: 175px; }

.btn-group.operations .btn,
.btn-group.operations .btn:first-child {
  border: 0;
  text-shadow: none;
  text-align: left;
  margin: 0 .5em;
  text-transform: uppercase;
  line-height: 18px;
  border-radius: 7px;
  font-size: 1em;
  padding: .2em .75em; }

.btn-group.dropup .dropdown-toggle {
  padding-top: .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: white;
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin: .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: #8c8c86;
    border-color: #8c8c86; }
  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 #8c8c86;
    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 #8c8c86;
    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: .9em;
    text-transform: upper;
    position: absolute;
    text-align: center;
    left: -20px;
    width: 76px;
    line-height: 1.4em; }

.caret-container {
  border-left: 1px solid white;
  float: right;
  padding: 0 0 .5em .5em; }

.actionbuttons {
  margin-left: 10px;
  /*margin-top: 10px;*/ }

.backup-actions {
  padding-top: 10px; }
  .backup-actions .btn-primary:first-child {
    padding: .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: .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: #e86c1f;
  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: #8c8c86; }
  .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: #e86c1f;
  color: white; }

#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: #f0f0eb;
    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 .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 #d0d0d0;
    font-weight: normal;
    padding: .25em .75em; }
  .results-table tbody {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 519px; }
    .results-table tbody tr:nth-child(odd) {
      background-color: #eeeeee; }
    .results-table tbody tr:nth-child(even) {
      background-color: white; }
    .results-table tbody tr.selected-row {
      background-color: #4e8fe0;
      color: white; }
  .results-table td {
    border: 0;
    font-weight: 400;
    padding: .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: #f0f0eb; }
  .group-tables .recline-slickgrid .slick-row:nth-child(odd) {
    background: #f6f6f4; }

/*
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 #eaebe5; }

.recline-slickgrid .slick-header {
  border-bottom: 1px solid #eaebe5; }

.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: .3em;
  width: 94%;
  border-radius: 3px; }

.filter-search-cancel {
  background: url(../images/icon_search_x.png?agm-ver=11.0.1.7943) no-repeat top left;
  height: 15px;
  position: absolute;
  right: 38px;
  top: 55px;
  width: 15px; }
  .filter-search-cancel:hover {
    background-color: transparent; }

.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: .35em;
  font-size: .7em; }

.agm-header {
  position: relative; }

.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 .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 .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: .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: .15em .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: .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: .25em .5em; }
  .section-options .menu-header.open .menu a:hover {
    background: #e86c1f;
    /* #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: .65em;
  font-size: .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: .75em;
  right: 1%; }

.tplClass {
  color: #3367D6;
  text-decoration: underline; }

.capitalizeText {
  text-transform: capitalize; }

.textTransformNone {
  text-transform: none; }

.globalFilterClass {
  position: relative;
  top: -10px;
  padding-right: 55px !important; }

.gFiltersDisabled {
  background: lightgray !important;
  pointer-events: none;
  cursor: default; }

.filtersearch-appliance, .filtersearch-org {
  width: 265px !important; }

.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; }

.globalFilterLabel {
  color: #8c8c86;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  margin-right: 1em;
  text-transform: none;
  word-break: break-all; }

.gFiltersApp {
  border: 1px solid lightgray;
  height: 330px;
  overflow: scroll;
  width: 300px;
  float: left;
  position: relative;
  left: -1px;
  padding: 10px;
  border-radius: 10px; }

.gFiltersOrg {
  border: 1px solid lightgray;
  height: 330px;
  overflow: scroll;
  width: 300px;
  position: relative;
  top: -18px;
  left: 10px;
  padding: 10px;
  border-radius: 10px; }

.gfAllNoneClass {
  font-size: 14px;
  font-weight: normal; }

/* 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: .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: .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: 129px; }
    .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: .8em;
    margin-right: 1em;
    color: #ffffff; } }

.service-tools {
  background: #f0f0eb;
  font-size: 1.2em;
  padding: .35em .5em .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 .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: white; }
    .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 .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: white;
  margin: 1px 0 1px;
  padding: .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: white; }

.filter-category {
  margin: 0 auto;
  width: 85%; }
  .filter-category .filter-category-title {
    color: white;
    text-transform: uppercase;
    text-shadow: none; }
  .filter-category .filter-button {
    background: #527293;
    border: 0;
    box-shadow: none;
    margin: .6em 0;
    padding: .65em 1em .65em 1.0em;
    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 white;
      margin-top: 5px;
      opacity: .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: white;
    font-size: 1.7em;
    padding: 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: .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 #4e8fe0;
      margin: 4px 0 0 5px; }
    .filter-toggle .caret.blscaret {
      border-right: 5px solid #4e8fe0;
      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: .65em; }

.filter-crumb-label {
  color: #405d82;
  font-weight: 400;
  font-size: 1.15em;
  padding: 0 5px 0 15px; }

.remove-filter {
  background: url(../images/filter-x.jpg?agm-ver=11.0.1.7943) 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: .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: cornflowerblue;
    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=11.0.1.7943);
  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: #f0f0eb; }

.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=11.0.1.7943) no-repeat 0 0;
	background-position: -180px 0;
}
.png32.password_icon {
	background: transparent url(/assets/images/icons-left-nav.png?agm-ver=11.0.1.7943) no-repeat 0 0;
	background-position: -200px 0;
}
*/
.help-trigger {
  line-height: 12px;
  border-bottom: dotted 1px #8c8c86; }
  .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;
    float: left; }
    .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: .9em 10px .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: .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: .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: .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: .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: .8em 0.8em;
    font-size: 8pt; }
  .menuMega > ul > li a.menuMegaTopLevellia.valid.highlightSelMenu, .menuMega > ul > li a.menuMegaTopLevellia.highlightSelMenu {
    text-decoration: none;
    padding: .8em .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: white;
  border-radius: 7px;
  border: 1px solid #c9cbca;
  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-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: white;
    margin-right: 1.5em;
    padding: .75em 1em;
    text-shadow: none;
    border: 0; }

.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=11.0.1.7943);
      background-repeat: no-repeat;
      padding-left: 45px;
      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: -2px;
  left: 11px;
  font-size: 1.1em; }

.notification-center .notification-list {
  display: none;
  left: -355px;
  position: absolute;
  width: 400px;
  z-index: 22;
  top: 13px; }

.notification-center .arrow {
  border-bottom-color: #edece7;
  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::-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 .orange,
.notification-center .orange a {
  color: #e35807; }

.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=11.0.1.7943);
  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-left: 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=11.0.1.7943); }
  .notification-center li .notification-success {
    background-image: url(/assets/images/icon_conf_25x25.png?agm-ver=11.0.1.7943); }
  .notification-center li .notification-info {
    background-image: url(/assets/images/icon_info_25x25.png?agm-ver=11.0.1.7943); }
  .notification-center li .diskpool-warning {
    background-image: url(/assets/images/diskpool-warning.png?agm-ver=11.0.1.7943);
    background-position-y: -1px; }
    .notification-center li .diskpool-warning li {
      display: block;
      background-image: url(/assets/images/diskpool-li.png?agm-ver=11.0.1.7943);
      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 #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 .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: .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: .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 .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 .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 .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 .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 .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: .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: #59c05a; }
  .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 .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: .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 .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 .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 .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: #8cc53e;
      border-radius: 50%;
      transform: translateZ(0);
      animation: loading .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: .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 .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: .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 .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 .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=11.0.1.7943);
  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; }

.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=11.0.1.7943);
  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=11.0.1.7943) 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=11.0.1.7943); }
      .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=11.0.1.7943); }
      .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=11.0.1.7943); }
      .asm-pre-flight .test-list li.failed {
        background-image: url(/assets/images/icon_error_25x25.png?agm-ver=11.0.1.7943); }
      .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 .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=11.0.1.7943) 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=11.0.1.7943); }
    #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 .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: .5s; }
  .asm-modal .content {
    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 {
      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=11.0.1.7943) no-repeat 0 50%;
      background-size: auto 25px;
      margin-bottom: 20px;
      background-position: 0 0; }
    .asm-modal .content .sub-heading {
      text-transform: uppercase;
      margin: 0 0 20px 35px;
      font-weight: bold;
      color: #666; }
    .asm-modal .content ul {
      margin: 0 0 40px 35px; }
      .asm-modal .content ul li {
        margin-bottom: 20px;
        list-style-type: disc;
        line-height: 1.4; }
    .asm-modal .content p {
      margin: 0 0 40px 35px;
      font-size: 14px; }
    .asm-modal .content .confirm-input-wrap {
      margin: 0 0 20px 35px; }
    .asm-modal .content .dg-name {
      font-weight: bold; }
    .asm-modal .content .actions {
      text-align: right;
      font-size: 10px; }
    .asm-modal .content label {
      display: block; }
      .asm-modal .content label strong {
        color: #000; }
      .asm-modal .content label small {
        font-size: .8em; }
      .asm-modal .content label sup {
        color: red; }
    .asm-modal .content input[type='text'] {
      box-sizing: content-box; }
    .asm-modal .content button[disabled] {
      cursor: not-allowed; }
    .asm-modal .content .job-name {
      color: #666; }

.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=11.0.1.7943) 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=11.0.1.7943) 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; }

/* 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 .25s; }
    .organizations .org-filter a {
      padding: 6px;
      border: 1px solid #eee;
      text-decoration: none;
      border-radius: 3px; }
      .organizations .org-filter a:hover {
        background-color: #a19f9f;
        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 .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: #8cc53e;
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading .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=11.0.1.7943); }

.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=11.0.1.7943); }

.agm-job-grid .items .data-row:nth-child(odd) .inprogress-spinner {
  background-image: url(../../../../assets/images/white-spinner.gif?agm-ver=11.0.1.7943); }

.agm-job-grid .items .data-row:nth-child(odd):hover:not(.selected) .inprogress-spinner {
  background-image: url(../../../../assets/images/hover-spinner.gif?agm-ver=11.0.1.7943); }

.agm-job-grid .items .data-row.selected .inprogress-spinner {
  background-image: url(../../../../assets/images/blue-spinner.gif?agm-ver=11.0.1.7943); }

.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: #8cc53e;
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading .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 .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 .5s infinite linear;
    color: #8cc53e; }

/* 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 .25s;
    line-height: 1;
    transition: background .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 .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 .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 .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 .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 .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 .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 .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 .25s; }
    .organizations .org-filter a {
      padding: 6px;
      border: 1px solid #eee;
      text-decoration: none;
      border-radius: 3px; }
      .organizations .org-filter a:hover {
        background-color: #a19f9f;
        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; }

/* animation sets */
/* move from / to  */
.pt-page-moveToLeft {
  -webkit-animation: moveToLeft .6s ease both;
  animation: moveToLeft .6s ease both; }

.pt-page-moveFromLeft {
  -webkit-animation: moveFromLeft .6s ease both;
  animation: moveFromLeft .6s ease both; }

.pt-page-moveToRight {
  -webkit-animation: moveToRight .6s ease both;
  animation: moveToRight .6s ease both; }

.pt-page-moveFromRight {
  -webkit-animation: moveFromRight .6s ease both;
  animation: moveFromRight .6s ease both; }

.pt-page-moveToTop {
  -webkit-animation: moveToTop .6s ease both;
  animation: moveToTop .6s ease both; }

.pt-page-moveFromTop {
  -webkit-animation: moveFromTop .6s ease both;
  animation: moveFromTop .6s ease both; }

.pt-page-moveToBottom {
  -webkit-animation: moveToBottom .6s ease both;
  animation: moveToBottom .6s ease both; }

.pt-page-moveFromBottom {
  -webkit-animation: moveFromBottom .6s ease both;
  animation: moveFromBottom .6s ease both; }

/* fade */
.pt-page-fade {
  -webkit-animation: fade .7s ease both;
  animation: fade .7s ease both; }

/* move from / to and fade */
.pt-page-moveToLeftFade {
  -webkit-animation: moveToLeftFade .7s ease both;
  animation: moveToLeftFade .7s ease both; }

.pt-page-moveFromLeftFade {
  -webkit-animation: moveFromLeftFade .7s ease both;
  animation: moveFromLeftFade .7s ease both; }

.pt-page-moveToRightFade {
  -webkit-animation: moveToRightFade .7s ease both;
  animation: moveToRightFade .7s ease both; }

.pt-page-moveFromRightFade {
  -webkit-animation: moveFromRightFade .7s ease both;
  animation: moveFromRightFade .7s ease both; }

.pt-page-moveToTopFade {
  -webkit-animation: moveToTopFade .7s ease both;
  animation: moveToTopFade .7s ease both; }

.pt-page-moveFromTopFade {
  -webkit-animation: moveFromTopFade .7s ease both;
  animation: moveFromTopFade .7s ease both; }

.pt-page-moveToBottomFade {
  -webkit-animation: moveToBottomFade .7s ease both;
  animation: moveToBottomFade .7s ease both; }

.pt-page-moveFromBottomFade {
  -webkit-animation: moveFromBottomFade .7s ease both;
  animation: moveFromBottomFade .7s ease both; }

/* move to with different easing */
.pt-page-moveToLeftEasing {
  -webkit-animation: moveToLeft .7s ease-in-out both;
  animation: moveToLeft .7s ease-in-out both; }

.pt-page-moveToRightEasing {
  -webkit-animation: moveToRight .7s ease-in-out both;
  animation: moveToRight .7s ease-in-out both; }

.pt-page-moveToTopEasing {
  -webkit-animation: moveToTop .7s ease-in-out both;
  animation: moveToTop .7s ease-in-out both; }

.pt-page-moveToBottomEasing {
  -webkit-animation: moveToBottom .7s ease-in-out both;
  animation: moveToBottom .7s ease-in-out both; }

/********************************* keyframes **************************************/
/* move from / to  */
@-webkit-keyframes moveToLeft {
  from { }
  to {
    -webkit-transform: translateX(-100%); } }

@keyframes moveToLeft {
  from { }
  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 {
  from { }
  to {
    -webkit-transform: translateX(100%); } }

@keyframes moveToRight {
  from { }
  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 {
  from { }
  to {
    -webkit-transform: translateY(-100%); } }

@keyframes moveToTop {
  from { }
  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 {
  from { }
  to {
    -webkit-transform: translateY(100%); } }

@keyframes moveToBottom {
  from { }
  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 {
  from { }
  to {
    opacity: 0.3; } }

@keyframes fade {
  from { }
  to {
    opacity: 0.3; } }

/* move from / to and fade */
@-webkit-keyframes moveToLeftFade {
  from { }
  to {
    opacity: 0.3;
    -webkit-transform: translateX(-100%); } }

@keyframes moveToLeftFade {
  from { }
  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 {
  from { }
  to {
    opacity: 0.3;
    -webkit-transform: translateX(100%); } }

@keyframes moveToRightFade {
  from { }
  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 {
  from { }
  to {
    opacity: 0.3;
    -webkit-transform: translateY(-100%); } }

@keyframes moveToTopFade {
  from { }
  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 {
  from { }
  to {
    opacity: 0.3;
    -webkit-transform: translateY(100%); } }

@keyframes moveToBottomFade {
  from { }
  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 .7s ease both;
  animation: scaleDown .7s ease both; }

.pt-page-scaleUp {
  -webkit-animation: scaleUp .7s ease both;
  animation: scaleUp .7s ease both; }

.pt-page-scaleUpDown {
  -webkit-animation: scaleUpDown .5s ease both;
  animation: scaleUpDown .5s ease both; }

.pt-page-scaleDownUp {
  -webkit-animation: scaleDownUp .5s ease both;
  animation: scaleDownUp .5s ease both; }

.pt-page-scaleDownCenter {
  -webkit-animation: scaleDownCenter .4s ease-in both;
  animation: scaleDownCenter .4s ease-in both; }

.pt-page-scaleUpCenter {
  -webkit-animation: scaleUpCenter .4s ease-out both;
  animation: scaleUpCenter .4s ease-out both; }

/********************************* keyframes **************************************/
/* scale and fade */
@-webkit-keyframes scaleDown {
  from { }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }

@keyframes scaleDown {
  from { }
  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 {
  from { }
  to {
    opacity: 0;
    -webkit-transform: scale(1.2); } }

@keyframes scaleDownUp {
  from { }
  to {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

@-webkit-keyframes scaleDownCenter {
  from { }
  to {
    opacity: 0;
    -webkit-transform: scale(0.7); } }

@keyframes scaleDownCenter {
  from { }
  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 .8s both ease-in;
  animation: rotateRightSideFirst .8s both ease-in; }

.pt-page-rotateLeftSideFirst {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateLeftSideFirst .8s both ease-in;
  animation: rotateLeftSideFirst .8s both ease-in; }

.pt-page-rotateTopSideFirst {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateTopSideFirst .8s both ease-in;
  animation: rotateTopSideFirst .8s both ease-in; }

.pt-page-rotateBottomSideFirst {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateBottomSideFirst .8s both ease-in;
  animation: rotateBottomSideFirst .8s both ease-in; }

/* flip */
.pt-page-flipOutRight {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipOutRight .3s both ease-in;
  animation: flipOutRight .3s both ease-in; }

.pt-page-flipInLeft {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInLeft .5s both ease-out;
  animation: flipInLeft .5s both ease-out; }

.pt-page-flipOutLeft {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipOutLeft .5s both ease-in;
  animation: flipOutLeft .5s both ease-in; }

.pt-page-flipInRight {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInRight .3s both ease-out;
  animation: flipInRight .3s both ease-out; }

.pt-page-flipOutTop {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipOutTop .5s both ease-in;
  animation: flipOutTop .5s both ease-in; }

.pt-page-flipInBottom {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInBottom .5s both ease-out;
  animation: flipInBottom .5s both ease-out; }

.pt-page-flipOutBottom {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipOutBottom .5s both ease-in;
  animation: flipOutBottom .5s both ease-in; }

.pt-page-flipInTop {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: flipInTop .5s both ease-out;
  animation: flipInTop .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 .5s both ease-in;
  animation: rotateOutNewspaper .5s both ease-in; }

.pt-page-rotateInNewspaper {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: rotateInNewspaper .5s both ease-out;
  animation: rotateInNewspaper .5s both ease-out; }

/* push */
.pt-page-rotatePushLeft {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotatePushLeft .8s both ease;
  animation: rotatePushLeft .8s both ease; }

.pt-page-rotatePushRight {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotatePushRight .8s both ease;
  animation: rotatePushRight .8s both ease; }

.pt-page-rotatePushTop {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotatePushTop .8s both ease;
  animation: rotatePushTop .8s both ease; }

.pt-page-rotatePushBottom {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotatePushBottom .8s both ease;
  animation: rotatePushBottom .8s both ease; }

/* pull */
.pt-page-rotatePullRight {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotatePullRight .5s both ease;
  animation: rotatePullRight .5s both ease; }

.pt-page-rotatePullLeft {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotatePullLeft .5s both ease;
  animation: rotatePullLeft .5s both ease; }

.pt-page-rotatePullTop {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotatePullTop .5s both ease;
  animation: rotatePullTop .5s both ease; }

.pt-page-rotatePullBottom {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotatePullBottom .5s both ease;
  animation: rotatePullBottom .5s both ease; }

/* fold */
.pt-page-rotateFoldRight {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateFoldRight .7s both ease;
  animation: rotateFoldRight .7s both ease; }

.pt-page-rotateFoldLeft {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateFoldLeft .7s both ease;
  animation: rotateFoldLeft .7s both ease; }

.pt-page-rotateFoldTop {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateFoldTop .7s both ease;
  animation: rotateFoldTop .7s both ease; }

.pt-page-rotateFoldBottom {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateFoldBottom .7s both ease;
  animation: rotateFoldBottom .7s both ease; }

/* unfold */
.pt-page-rotateUnfoldLeft {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateUnfoldLeft .7s both ease;
  animation: rotateUnfoldLeft .7s both ease; }

.pt-page-rotateUnfoldRight {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateUnfoldRight .7s both ease;
  animation: rotateUnfoldRight .7s both ease; }

.pt-page-rotateUnfoldTop {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateUnfoldTop .7s both ease;
  animation: rotateUnfoldTop .7s both ease; }

.pt-page-rotateUnfoldBottom {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateUnfoldBottom .7s both ease;
  animation: rotateUnfoldBottom .7s both ease; }

/* room walls */
.pt-page-rotateRoomLeftOut {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateRoomLeftOut .8s both ease;
  animation: rotateRoomLeftOut .8s both ease; }

.pt-page-rotateRoomLeftIn {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateRoomLeftIn .8s both ease;
  animation: rotateRoomLeftIn .8s both ease; }

.pt-page-rotateRoomRightOut {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateRoomRightOut .8s both ease;
  animation: rotateRoomRightOut .8s both ease; }

.pt-page-rotateRoomRightIn {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateRoomRightIn .8s both ease;
  animation: rotateRoomRightIn .8s both ease; }

.pt-page-rotateRoomTopOut {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateRoomTopOut .8s both ease;
  animation: rotateRoomTopOut .8s both ease; }

.pt-page-rotateRoomTopIn {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateRoomTopIn .8s both ease;
  animation: rotateRoomTopIn .8s both ease; }

.pt-page-rotateRoomBottomOut {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateRoomBottomOut .8s both ease;
  animation: rotateRoomBottomOut .8s both ease; }

.pt-page-rotateRoomBottomIn {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateRoomBottomIn .8s both ease;
  animation: rotateRoomBottomIn .8s both ease; }

/* cube */
.pt-page-rotateCubeLeftOut {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateCubeLeftOut .6s both ease-in;
  animation: rotateCubeLeftOut .6s both ease-in; }

.pt-page-rotateCubeLeftIn {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateCubeLeftIn .6s both ease-in;
  animation: rotateCubeLeftIn .6s both ease-in; }

.pt-page-rotateCubeRightOut {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateCubeRightOut .6s both ease-in;
  animation: rotateCubeRightOut .6s both ease-in; }

.pt-page-rotateCubeRightIn {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateCubeRightIn .6s both ease-in;
  animation: rotateCubeRightIn .6s both ease-in; }

.pt-page-rotateCubeTopOut {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateCubeTopOut .6s both ease-in;
  animation: rotateCubeTopOut .6s both ease-in; }

.pt-page-rotateCubeTopIn {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateCubeTopIn .6s both ease-in;
  animation: rotateCubeTopIn .6s both ease-in; }

.pt-page-rotateCubeBottomOut {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateCubeBottomOut .6s both ease-in;
  animation: rotateCubeBottomOut .6s both ease-in; }

.pt-page-rotateCubeBottomIn {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateCubeBottomIn .6s both ease-in;
  animation: rotateCubeBottomIn .6s both ease-in; }

/* carousel */
.pt-page-rotateCarouselLeftOut {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateCarouselLeftOut .8s both ease;
  animation: rotateCarouselLeftOut .8s both ease; }

.pt-page-rotateCarouselLeftIn {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateCarouselLeftIn .8s both ease;
  animation: rotateCarouselLeftIn .8s both ease; }

.pt-page-rotateCarouselRightOut {
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-animation: rotateCarouselRightOut .8s both ease;
  animation: rotateCarouselRightOut .8s both ease; }

.pt-page-rotateCarouselRightIn {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-animation: rotateCarouselRightIn .8s both ease;
  animation: rotateCarouselRightIn .8s both ease; }

.pt-page-rotateCarouselTopOut {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateCarouselTopOut .8s both ease;
  animation: rotateCarouselTopOut .8s both ease; }

.pt-page-rotateCarouselTopIn {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateCarouselTopIn .8s both ease;
  animation: rotateCarouselTopIn .8s both ease; }

.pt-page-rotateCarouselBottomOut {
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: rotateCarouselBottomOut .8s both ease;
  animation: rotateCarouselBottomOut .8s both ease; }

.pt-page-rotateCarouselBottomIn {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-animation: rotateCarouselBottomIn .8s both ease;
  animation: rotateCarouselBottomIn .8s both ease; }

/* sides */
.pt-page-rotateSidesOut {
  -webkit-transform-origin: -50% 50%;
  transform-origin: -50% 50%;
  -webkit-animation: rotateSidesOut .5s both ease-in;
  animation: rotateSidesOut .5s both ease-in; }

.pt-page-rotateSidesIn {
  -webkit-transform-origin: 150% 50%;
  transform-origin: 150% 50%;
  -webkit-animation: rotateSidesIn .5s both ease-out;
  animation: rotateSidesIn .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 {
  0% { }
  40% {
    -webkit-transform: rotateY(15deg);
    opacity: .8;
    -webkit-animation-timing-function: ease-out; }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    opacity: 0; } }

@keyframes rotateRightSideFirst {
  0% { }
  40% {
    -webkit-transform: rotateY(15deg);
    transform: rotateY(15deg);
    opacity: .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 {
  0% { }
  40% {
    -webkit-transform: rotateY(-15deg);
    opacity: .8;
    -webkit-animation-timing-function: ease-out; }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    opacity: 0; } }

@keyframes rotateLeftSideFirst {
  0% { }
  40% {
    -webkit-transform: rotateY(-15deg);
    transform: rotateY(-15deg);
    opacity: .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 {
  0% { }
  40% {
    -webkit-transform: rotateX(15deg);
    opacity: .8;
    -webkit-animation-timing-function: ease-out; }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    opacity: 0; } }

@keyframes rotateTopSideFirst {
  0% { }
  40% {
    -webkit-transform: rotateX(15deg);
    transform: rotateX(15deg);
    opacity: .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 {
  0% { }
  40% {
    -webkit-transform: rotateX(-15deg);
    opacity: .8;
    -webkit-animation-timing-function: ease-out; }
  100% {
    -webkit-transform: scale(0.8) translateZ(-200px);
    opacity: 0; } }

@keyframes rotateBottomSideFirst {
  0% { }
  40% {
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    opacity: .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 {
  from { }
  to {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    /*opacity: 0.2; */ } }

@keyframes flipOutRight {
  from { }
  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 {
  from { }
  to {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    /*opacity: 0.2; */ } }

@keyframes flipOutLeft {
  from { }
  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 {
  from { }
  to {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    /*opacity: 0.2; */ } }

@keyframes flipOutTop {
  from { }
  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 {
  from { }
  to {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    /*opacity: 0.2; */ } }

@keyframes flipOutBottom {
  from { }
  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 {
  from { }
  to {
    -webkit-transform: translateZ(-3000px) rotateZ(360deg);
    opacity: 0; } }

@keyframes rotateOutNewspaper {
  from { }
  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 {
  from { }
  to {
    opacity: 0;
    -webkit-transform: rotateY(90deg); } }

@keyframes rotatePushLeft {
  from { }
  to {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg); } }

@-webkit-keyframes rotatePushRight {
  from { }
  to {
    opacity: 0;
    -webkit-transform: rotateY(-90deg); } }

@keyframes rotatePushRight {
  from { }
  to {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg); } }

@-webkit-keyframes rotatePushTop {
  from { }
  to {
    opacity: 0;
    -webkit-transform: rotateX(-90deg); } }

@keyframes rotatePushTop {
  from { }
  to {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg); } }

@-webkit-keyframes rotatePushBottom {
  from { }
  to {
    opacity: 0;
    -webkit-transform: rotateX(90deg); } }

@keyframes rotatePushBottom {
  from { }
  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 {
  from { }
  to {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg); } }

@keyframes rotateFoldRight {
  from { }
  to {
    opacity: 0;
    -webkit-transform: translateX(100%) rotateY(90deg);
    transform: translateX(100%) rotateY(90deg); } }

@-webkit-keyframes rotateFoldLeft {
  from { }
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg); } }

@keyframes rotateFoldLeft {
  from { }
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
    transform: translateX(-100%) rotateY(-90deg); } }

@-webkit-keyframes rotateFoldTop {
  from { }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100%) rotateX(90deg); } }

@keyframes rotateFoldTop {
  from { }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg); } }

@-webkit-keyframes rotateFoldBottom {
  from { }
  to {
    opacity: 0;
    -webkit-transform: translateY(100%) rotateX(-90deg); } }

@keyframes rotateFoldBottom {
  from { }
  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 {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateX(-100%) rotateY(90deg); } }

@keyframes rotateRoomLeftOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateX(-100%) rotateY(90deg);
    transform: translateX(-100%) rotateY(90deg); } }

@-webkit-keyframes rotateRoomLeftIn {
  from {
    opacity: .3;
    -webkit-transform: translateX(100%) rotateY(-90deg); } }

@keyframes rotateRoomLeftIn {
  from {
    opacity: .3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
    transform: translateX(100%) rotateY(-90deg); } }

@-webkit-keyframes rotateRoomRightOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateX(100%) rotateY(-90deg); } }

@keyframes rotateRoomRightOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateX(100%) rotateY(-90deg);
    transform: translateX(100%) rotateY(-90deg); } }

@-webkit-keyframes rotateRoomRightIn {
  from {
    opacity: .3;
    -webkit-transform: translateX(-100%) rotateY(90deg); } }

@keyframes rotateRoomRightIn {
  from {
    opacity: .3;
    -webkit-transform: translateX(-100%) rotateY(90deg);
    transform: translateX(-100%) rotateY(90deg); } }

@-webkit-keyframes rotateRoomTopOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateY(-100%) rotateX(-90deg); } }

@keyframes rotateRoomTopOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
    transform: translateY(-100%) rotateX(-90deg); } }

@-webkit-keyframes rotateRoomTopIn {
  from {
    opacity: .3;
    -webkit-transform: translateY(100%) rotateX(90deg); } }

@keyframes rotateRoomTopIn {
  from {
    opacity: .3;
    -webkit-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg); } }

@-webkit-keyframes rotateRoomBottomOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateY(100%) rotateX(90deg); } }

@keyframes rotateRoomBottomOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg); } }

@-webkit-keyframes rotateRoomBottomIn {
  from {
    opacity: .3;
    -webkit-transform: translateY(-100%) rotateX(-90deg); } }

@keyframes rotateRoomBottomIn {
  from {
    opacity: .3;
    -webkit-transform: translateY(-100%) rotateX(-90deg);
    transform: translateY(-100%) rotateX(-90deg); } }

/* cube */
@-webkit-keyframes rotateCubeLeftOut {
  0% { }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
  100% {
    opacity: .3;
    -webkit-transform: translateX(-100%) rotateY(-90deg); } }

@keyframes rotateCubeLeftOut {
  0% { }
  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: .3;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
    transform: translateX(-100%) rotateY(-90deg); } }

@-webkit-keyframes rotateCubeLeftIn {
  0% {
    opacity: .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: .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 {
  0% { }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
  100% {
    opacity: .3;
    -webkit-transform: translateX(100%) rotateY(90deg); } }

@keyframes rotateCubeRightOut {
  0% { }
  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: .3;
    -webkit-transform: translateX(100%) rotateY(90deg);
    transform: translateX(100%) rotateY(90deg); } }

@-webkit-keyframes rotateCubeRightIn {
  0% {
    opacity: .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: .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 {
  0% { }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
  100% {
    opacity: .3;
    -webkit-transform: translateY(-100%) rotateX(90deg); } }

@keyframes rotateCubeTopOut {
  0% { }
  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: .3;
    -webkit-transform: translateY(-100%) rotateX(90deg);
    transform: translateY(-100%) rotateX(90deg); } }

@-webkit-keyframes rotateCubeTopIn {
  0% {
    opacity: .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: .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 {
  0% { }
  50% {
    -webkit-animation-timing-function: ease-out;
    -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
  100% {
    opacity: .3;
    -webkit-transform: translateY(100%) rotateX(-90deg); } }

@keyframes rotateCubeBottomOut {
  0% { }
  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: .3;
    -webkit-transform: translateY(100%) rotateX(-90deg);
    transform: translateY(100%) rotateX(-90deg); } }

@-webkit-keyframes rotateCubeBottomIn {
  0% {
    opacity: .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: .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 {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateX(-150%) scale(0.4) rotateY(-65deg); } }

@keyframes rotateCarouselLeftOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateX(-150%) scale(0.4) rotateY(-65deg);
    transform: translateX(-150%) scale(0.4) rotateY(-65deg); } }

@-webkit-keyframes rotateCarouselLeftIn {
  from {
    opacity: .3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg); } }

@keyframes rotateCarouselLeftIn {
  from {
    opacity: .3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
    transform: translateX(200%) scale(0.4) rotateY(65deg); } }

@-webkit-keyframes rotateCarouselRightOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg); } }

@keyframes rotateCarouselRightOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateX(200%) scale(0.4) rotateY(65deg);
    transform: translateX(200%) scale(0.4) rotateY(65deg); } }

@-webkit-keyframes rotateCarouselRightIn {
  from {
    opacity: .3;
    -webkit-transform: translateX(-200%) scale(0.4) rotateY(-65deg); } }

@keyframes rotateCarouselRightIn {
  from {
    opacity: .3;
    -webkit-transform: translateX(-200%) scale(0.4) rotateY(-65deg);
    transform: translateX(-200%) scale(0.4) rotateY(-65deg); } }

@-webkit-keyframes rotateCarouselTopOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg); } }

@keyframes rotateCarouselTopOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
    transform: translateY(-200%) scale(0.4) rotateX(65deg); } }

@-webkit-keyframes rotateCarouselTopIn {
  from {
    opacity: .3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg); } }

@keyframes rotateCarouselTopIn {
  from {
    opacity: .3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
    transform: translateY(200%) scale(0.4) rotateX(-65deg); } }

@-webkit-keyframes rotateCarouselBottomOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg); } }

@keyframes rotateCarouselBottomOut {
  from { }
  to {
    opacity: .3;
    -webkit-transform: translateY(200%) scale(0.4) rotateX(-65deg);
    transform: translateY(200%) scale(0.4) rotateX(-65deg); } }

@-webkit-keyframes rotateCarouselBottomIn {
  from {
    opacity: .3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg); } }

@keyframes rotateCarouselBottomIn {
  from {
    opacity: .3;
    -webkit-transform: translateY(-200%) scale(0.4) rotateX(65deg);
    transform: translateY(-200%) scale(0.4) rotateX(65deg); } }

/* sides */
@-webkit-keyframes rotateSidesOut {
  from { }
  to {
    opacity: 0;
    -webkit-transform: translateZ(-500px) rotateY(90deg); } }

@keyframes rotateSidesOut {
  from { }
  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 {
  0% { }
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); } }

@keyframes rotateSlideOut {
  0% { }
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
    transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
    transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
    transform: translateZ(-500px) translateX(-200%); } }

@-webkit-keyframes rotateSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }

@keyframes rotateSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
    transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .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: .1s;
  animation-delay: .1s; }

.pt-page-delay180 {
  -webkit-animation-delay: .180s;
  animation-delay: .180s; }

.pt-page-delay200 {
  -webkit-animation-delay: .2s;
  animation-delay: .2s; }

.pt-page-delay300 {
  -webkit-animation-delay: .3s;
  animation-delay: .3s; }

.pt-page-delay400 {
  -webkit-animation-delay: .4s;
  animation-delay: .4s; }

.pt-page-delay500 {
  -webkit-animation-delay: .5s;
  animation-delay: .5s; }

.pt-page-delay700 {
  -webkit-animation-delay: .7s;
  animation-delay: .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 .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: 100;
  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 .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: .25; }
    .agm-wizard select::-ms-expand {
      display: none; }
    .agm-wizard select:focus::-ms-value {
      background: none; }
  .agm-wizard a {
    color: #3367D6;
    transition: color .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: .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: .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 .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: .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 .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 .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: 100;
  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 .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: .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 .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 .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: .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: .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 .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 .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-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 .step-frame {
    opacity: 0;
    transition: opacity .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 .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: #405d82;
    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 .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 .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 .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: .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: #e86c1f;
        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 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: #59c05a; }
  .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 .manage-step .manage-row, .agm-onboarding-wizard .manage-step .global-member-rule-row, .agm-onboarding-wizard-modal .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 .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 .manage-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, .agm-onboarding-wizard-modal .global-member-rule-row .member-label.base-wizard {
    white-space: nowrap;
    width: auto; }
  .agm-onboarding-wizard .manage-step .manage-row select, .agm-onboarding-wizard .manage-step .global-member-rule-row select, .agm-onboarding-wizard-modal .global-member-rule-row select {
    border-color: #3367D6;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }
    .agm-onboarding-wizard .manage-step .manage-row select.has-val, .agm-onboarding-wizard .manage-step .global-member-rule-row select.has-val, .agm-onboarding-wizard-modal .global-member-rule-row select.has-val {
      border-color: #ccc; }
  .agm-onboarding-wizard .manage-step .manage-row .member-select-wrap, .agm-onboarding-wizard .manage-step .global-member-rule-row .member-select-wrap, .agm-onboarding-wizard-modal .global-member-rule-row .member-select-wrap {
    margin-left: 10px; }
  .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 .manage-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 .group-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 .template-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 .profile-select-wrap,
  .agm-onboarding-wizard .manage-step .manage-row .ok-btn,
  .agm-onboarding-wizard .manage-step .global-member-rule-row .ok-btn,
  .agm-onboarding-wizard-modal .global-member-rule-row .ok-btn {
    margin-left: 10px;
    display: none; }
  .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 .manage-select-wrap {
    max-width: 20%; }
  
  .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 .group-select-wrap {
    max-width: 90%; }
  
  .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 .template-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 .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: #46bcb5; }
  .agm-onboarding-wizard .manage-step .dot.remotededup {
    background: #46bcb5; }
  .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 .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 .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: #74c244;
  border-radius: 7px;
  color: white;
  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: #74c244;
  border-radius: 7px;
  color: white;
  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: #f2aa2d;
    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: #f2aa2d; }
  .copy-data-list-cell .liveclone {
    background-color: #846da9; }
  .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: #59c05a; }
  .copy-data-list-cell .streamsnap {
    background-color: #59c05a; }

.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: white;
    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: #8c8b86;
    color: white;
    display: block;
    font-size: 1.5em;
    margin: .25em 0 0;
    padding: .45em .65em .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: white;
    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: white;
      float: left;
      font-size: 1.5em;
      font-weight: 400;
      margin-right: 8px;
      /* 7px; */
      padding: .65em 0;
      text-align: center;
      margin-left: -1px;
      width: 150px;
      /* 19.22%; */ }
      .restore-master-container .racetracks div:nth-child(1) {
        background: #f2aa2d; }
      .restore-master-container .racetracks div:nth-child(2) {
        background: #f2aa2d;
        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: .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: .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: #a0a7c1;
      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: #646464;
      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: .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: .3;
      position: absolute;
      width: 100%;
      z-index: -2; }
  .restore-master-container .marker-container.snapshot .marker,
  .restore-master-container .marker-container.snapshot .halo {
    background-color: #f2aa2d; }
  .restore-master-container .marker-container.snapshot .outer-halo {
    border-color: #f2aa2d; }
  .restore-master-container .backup-header.snapshot {
    background-color: #f2aa2d;
    margin-top: 0;
    height: auto; }
    .restore-master-container .backup-header.snapshot .halo {
      background: white;
      display: block;
      opacity: .5; }
  .restore-master-container .marker-container.liveclone .marker,
  .restore-master-container .marker-container.liveclone .halo {
    background-color: #846da9; }
  .restore-master-container .marker-container.liveclone .outer-halo {
    border-color: #846da9; }
  .restore-master-container .backup-header.liveclone {
    background-color: #846da9;
    margin-top: 0;
    height: auto; }
    .restore-master-container .backup-header.liveclone .halo {
      background: white;
      display: block;
      opacity: .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: white;
      display: block;
      opacity: .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: white;
      display: block;
      opacity: .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: white;
      display: block;
      opacity: .5; }
  .restore-master-container .marker-container.StreamSnap .marker,
  .restore-master-container .marker-container.StreamSnap .halo {
    background-color: #59c05a; }
  .restore-master-container .marker-container.StreamSnap .outer-halo {
    border-color: #59c05a; }
  .restore-master-container .backup-header.StreamSnap {
    background-color: #59c05a;
    margin-top: 0;
    height: auto; }
    .restore-master-container .backup-header.StreamSnap .halo {
      background: white;
      display: block;
      opacity: .5; }
  .restore-master-container .marker-container.streamsnap .marker,
  .restore-master-container .marker-container.streamsnap .halo {
    background-color: #59c05a; }
  .restore-master-container .marker-container.streamsnap .outer-halo {
    border-color: #59c05a; }
  .restore-master-container .backup-header.streamsnap {
    background-color: #59c05a;
    margin-top: 0;
    height: auto; }
    .restore-master-container .backup-header.streamsnap .halo {
      background: white;
      display: block;
      opacity: .5; }
  .restore-master-container .marker-container.remote-dedup .marker,
  .restore-master-container .marker-container.remote-dedup .halo {
    background-color: #846da9; }
  .restore-master-container .marker-container.remote-dedup .outer-halo {
    border-color: #846da9; }
  .restore-master-container .backup-header.remote-dedup {
    background-color: #846da9; }
    .restore-master-container .backup-header.remote-dedup .halo {
      background: white;
      display: block;
      opacity: .5; }
    .restore-master-container .backup-header.remote-dedup .outer-halo {
      border-color: #846da9;
      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: white;
      display: block;
      opacity: .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: white;
    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: .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: white;
      font-size: 1.65em;
      font-weight: 400; }
    .restore-master-container .backup-header .detail-date {
      font-weight: 400;
      margin-right: .35em; }
    .restore-master-container .backup-header .detail-type {
      display: block;
      font-size: 1.3em;
      padding-top: .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: .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 .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: .5em .5em; }
    .ai-actions .active-image-actions .dropdown-toggle {
      background: #8c8c86;
      padding: .79em .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 .25em; }

.ai-pagination {
  margin-top: 8px; }
  .ai-pagination a {
    padding: 0 .25em;
    font-size: .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: #00abec;
      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: #646464;
      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; }

.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: #405d82; }

.protection-select {
  background-color: #405d82;
  margin-bottom: 0; }
  .protection-select:disabled {
    background: #405d82;
    border-color: #405d82; }

.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: #f0efea;
  color: #8c8c86;
  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, .connection-line.protection-active, .node-conn-vert.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, .group-members-action-modal-mask, .advanced-settings-modal-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: #000000;
  opacity: 0.5;
  top: 0;
  left: 0; }

.info-modal-container, .group-members-modal-container, .advanced-settings-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 .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 .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: #f0efea;
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  margin: 20px 20px 0 0;
  text-align: left;
  color: #272f31;
  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: #2b3036;
    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: #517291;
    border: 8px solid #6d93a0;
    display: inline-block;
    padding: 14px 10px 4px; }
    .node-container .discs-node.current {
      border-color: #8ec63f;
      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: #8ec63f; }
    .node-container.complete .discs-node.current {
      border-color: #6d93a0; }

.node-connector-container {
  height: 10px;
  left: 39.1%;
  position: absolute;
  top: 7.5em;
  width: 21.2%;
  background: #8ec63f;
  /* Old browsers */
  background: -moz-linear-gradient(left, #8ec63f 0%, #8ec63f 50%, #6d93a0 51%, #6d93a0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8ec63f), color-stop(50%, #8ec63f), color-stop(51%, #6d93a0), color-stop(100%, #6d93a0),);
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #8ec63f 0%, #8ec63f 50%, #6d93a0 51%, #6d93a0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8ec63f 0%, #8ec63f 50%, #6d93a0 51%, #6d93a0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #8ec63f 0%, #8ec63f 50%, #6d93a0 51%, #6d93a0 100%);
  /* IE10+ */
  background: linear-gradient(to right, #8ec63f 0%, #8ec63f 50%, #6d93a0 51%, #6d93a0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec63f', endColorstr='#6d93a0',GradientType=0 );
  /* IE6-9 */ }
  .node-connector-container .node-connector-icon {
    background: #6d93a0;
    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: #8ec63f;
    /* Old browsers */
    background: -moz-linear-gradient(left, #8ec63f 0%, #8ec63f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8ec63f), color-stop(100%, #8ec63f),);
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #8ec63f 0%, #8ec63f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8ec63f 0%, #8ec63f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8ec63f 0%, #8ec63f 100%);
    /* IE10+ */
    background: linear-gradient(to right, #8ec63f 0%, #8ec63f 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec63f', endColorstr='#8ec63f',GradientType=0 );
    /* IE6-9 */ }
    .node-connector-container.in-progress .node-connector-icon {
      background: #8ec63f; }
  .node-connector-container.complete {
    background: #6d93a0;
    /* Old browsers */
    background: -moz-linear-gradient(left, #6d93a0 0%, #6d93a0 50%, #8ec63f 51%, #8ec63f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #6d93a0), color-stop(50%, #6d93a0), color-stop(51%, #8ec63f), color-stop(100%, #8ec63f),);
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #6d93a0 0%, #6d93a0 50%, #8ec63f 51%, #8ec63f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6d93a0 0%, #6d93a0 50%, #8ec63f 51%, #8ec63f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6d93a0 0%, #6d93a0 50%, #8ec63f 51%, #8ec63f 100%);
    /* IE10+ */
    background: linear-gradient(to right, #6d93a0 0%, #6d93a0 50%, #8ec63f 51%, #8ec63f 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d93a0', endColorstr='#8ec63f',GradientType=0 );
    /* IE6-9 */ }

.migratebtn-container {
  padding-top: 30px;
  clear: both;
  background: #fff;
  width: 78.5%;
  float: left;
  text-align: right; }

.migrate-status {
  background: #748285;
  border-radius: 7px;
  color: white;
  display: none;
  font-size: 1.75em;
  font-weight: 400;
  left: 15.25%;
  padding: .7em 0;
  position: absolute;
  text-align: center;
  top: 189px;
  width: 65%; }
  .migrate-status.succeed {
    background: #8ec63f; }
  .migrate-status.error {
    background: #e7422e; }

/* 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: #f0f0eb;
  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: #8c8c86;
    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: #e86c1f; }

.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: white;
    color: #717574;
    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: #f2f2f2;
    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: .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; }

.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 #dadacd;
  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 #dadacd; }

.vmname-error {
  color: red; }

.volume-section {
  background: #d9d9d1;
  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: .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: #8c8c86;
  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 .3s ease;
  transition: all .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: .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: -.8em; }

.slt-warnings, .common-error {
  display: flex;
  background: #f0f0eb;
  border-radius: 7px;
  max-width: 1160px;
  flex-flow: column;
  margin: 2em;
  padding: 2em 2em .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=11.0.1.7943);
      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: #d9d9d1;
  border-radius: 7px;
  margin: 2em;
  padding: 2em 2em .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=11.0.1.7943);
      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: 200px !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; }

.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; }

.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: white;
    color: #222222;
    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 #99c041;
      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: #99c041;
        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: #99c041;
        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: #2a3036;
      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: dimgray;
        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: #2a3036;
      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: white;
    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=11.0.1.7943) no-repeat left; }
    .add-cluster-container div.status-container .status-message-success {
      background: url(/src/assets/images/icon_completed.png?agm-ver=11.0.1.7943) 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 #cb6667;
        border-radius: 7px;
        background-color: #ebd0d0;
        color: #cb6667;
        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: #717574;
    background-color: white;
    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: #222222; }
      .add-cluster-container div.finalsummary table.summary .even {
        background-color: #f6f6f3;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #f3f3f1; }
      .add-cluster-container div.finalsummary table.summary .odd {
        background-color: white;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #f3f3f1; }

#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=11.0.1.7943);
    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: .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; }

.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: #d9d9d1;
    padding: 20px 20px 20px 20px; }
  .job-details-container .yaml_container #yaml_code,
  .event-details-container .yaml_container #yaml_code {
    padding: 0px;
    background-color: #d9d9d1;
    text-transform: none;
    white-space: pre;
    border: none;
    color: #333333; }

.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 .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-editor-form .policy-editor-freq-within .frequency-blocker, .policy-compliance-panel .policy-compliance-form .cont-overlay {
  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-editor-form .policy-editor-freq-within .enableOverlay, .policy-compliance-panel .policy-compliance-form .mask-remover {
  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-editor-adv-settings {
  text-align: right; }

.policy-editor-advanced-settings-test {
  background: #666761;
  color: #ffffff;
  font-size: 12px; }

.policy-editor-form {
  background-color: #f0f0eb;
  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; }

.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-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 .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-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; }

.remote-container, .local-container {
  margin: 10px; }

.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: 300; }
  .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: 300; }
  .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: white;
      background-color: #f0f0eb;
      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: .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: #e8e8e3;
      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: #c1c1bae8;
      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 .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: #d9d9d199;
      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 .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: 470px; }
    .template-editor-description-container .description-container .support-list li {
      list-style-type: disc;
      font-size: 12px; }

.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: #f2aa2d; }

.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: #f2aa2d; }

.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: .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: "\2022";
    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: .7em; }
  .policy-menu-arrow.protection-enabled {
    color: white; }

.policy-detail-menu {
  background: #f0f0eb;
  border-radius: 7px;
  margin-right: 2em;
  padding-bottom: 1em;
  min-width: 250px;
  max-width: 300px; }
  .policy-detail-menu .name-value-wrapper {
    width: auto;
    max-width: 100%; }

.policy-detail-menu-header {
  font-size: 2em;
  height: 0.5em;
  padding: 1em 0 1.5em 1em; }

.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-item-container {
  cursor: pointer; }

.policy-list-item {
  border-bottom: .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: #f2aa2d; }
    .policy-list-item.protection-enabled.snap .policy-type-info .policy-counter {
      color: #f2aa2d; }
  .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: #f2aa2d; }
    .policy-list-item.protection-enabled.mirror .policy-type-info .policy-counter {
      color: #f2aa2d; }
  .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;
  transition: max-height 0.3s linear; }

.template-top-bar-form, .profile-top-bar-form {
  background: #f0f0eb;
  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: #f0f0eb;
    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: #f0f0eb;
    padding: 1em 2em;
    border-radius: 7px;
    font-size: 13px;
    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.policy-editor-advanced-settings-test, .save-template button.button.button-small, .save-template button.button.apply-filters {
  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.policy-editor-advanced-settings-test, .edit-policy-button button.button.button-small, .edit-policy-button button.button.apply-filters, .run-sla-button button.button.button-primary, .run-sla-button button.button.button-primary-medium, .run-sla-button button.button.policy-editor-advanced-settings-test, .run-sla-button button.button.button-small, .run-sla-button button.button.apply-filters {
    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; }

.dashboard-container {
  overflow-x: scroll;
  padding: 16px 20px;
  position: relative; }

.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 .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 {
      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; }
            .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 .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: #8cc53e;
            border-radius: 50%;
            transform: translateZ(0);
            animation: loading .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-success, .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-error, .dashboard-flex-container .dashboard-row-container .dashboard-data-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 .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-success 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-error a, .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-health #applianceHealthData .health-data-section .dashboard-section-table .datasection-ignore 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 {
        height: 151px;
        margin-bottom: 10px; }
        .dashboard-flex-container .dashboard-row-container .dashboard-data-container .dashboard-right-events .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 {
            height: 20px; }
      .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 {
      height: 151px;
      margin-bottom: 10px; }
      .dashboard-flex-container-1 .dashboard-right-container .dashboard-right-events .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 {
          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 .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: #8cc53e;
          border-radius: 50%;
          transform: translateZ(0);
          animation: loading .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-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, .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-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-error, .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-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, .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-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-error a, .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: #8cc53e;
    border-radius: 50%;
    transform: translateZ(0);
    animation: loading .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; }

.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 button.button.policy-editor-advanced-settings-test,
  .agm-common-status-dialog .modal-actions input.button.button-primary-medium, .agm-common-status-dialog .modal-actions input.button.policy-editor-advanced-settings-test, .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 {
    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; }

.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; }

.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=11.0.1.7943);
    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=11.0.1.7943); }

.agm-app-grid .items [data-col-name='protection'] .status.disabled:before {
  background-image: url(/src/assets/images/Protection_ProtectionPaused.png?agm-ver=11.0.1.7943); }

.agm-app-grid .items [data-col-name='protection'] .status.orphan:before {
  background-image: url(/src/assets/images/Protection_TableLabel.png?agm-ver=11.0.1.7943); }

.agm-app-grid .items [data-col-name='protection'] .status.ignored:before {
  background-image: url(/src/assets/images/ignored-shield.png?agm-ver=11.0.1.7943); }

.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;
      font-size: 18px;
      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; }

.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: #e86c1f; }

.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 .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: #405d82;
    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 .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 .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 .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 .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: .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: .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=11.0.1.7943); }
  .agm-add-vm .select-step[data-filter='managed'] .filter-wrap .select-wrap:before {
    background-image: url(/src/assets/images/Protection_Protected.png?agm-ver=11.0.1.7943); }
  .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 .5s; }
  .agm-add-vm .select-step [data-agm-state='unmanaged'] .icon:before {
    background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=11.0.1.7943); }
  .agm-add-vm .select-step [data-agm-state='managed'] .icon:before {
    background-image: url(/src/assets/images/Protection_Protected.png?agm-ver=11.0.1.7943); }
  .agm-add-vm .select-step [data-agm-state='disabled'] .icon:before {
    background-image: url(/src/assets/images/Protection_ProtectionPaused.png?agm-ver=11.0.1.7943); }
  .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 .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 .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: .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: .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: #46bcb5; }
    .agm-add-vm .manage-step .dot.remotededup {
      background: #46bcb5; }
    .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 .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 .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: #e86c1f; }
  .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: .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: #46bcb5; }
  .agm-onboarding-wizard .manage-step #manage-app-grid-wrap .dot.remotededup {
    background: #46bcb5; }
  .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: .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=11.0.1.7943); }

.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=11.0.1.7943); }

.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 .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=11.0.1.7943); }

.agm-onboarding-wizard .add-vm-select-step [data-agm-state='managed'] .icon:before {
  background-image: url(/src/assets/images/Protection_Protected.png?agm-ver=11.0.1.7943); }

.agm-onboarding-wizard .add-vm-select-step [data-agm-state='disabled'] .icon:before {
  background-image: url(/src/assets/images/Protection_ProtectionPaused.png?agm-ver=11.0.1.7943); }

.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 .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 .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: .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: .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: #e86c1f; }
  .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 .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: #405d82;
    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 .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 .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 .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 .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: .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: #e86c1f;
        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 #discover-credential-grid .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 .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: #46bcb5; }
  .agm-onboarding-wizard .manage-step .dot.remotededup {
    background: #46bcb5; }
  .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; }

.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.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 .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 .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="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: #46bcb5; }
  .agm-onboarding-wizard .manage-step .dot.remotededup {
    background: #46bcb5; }
  .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 .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 .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: #8cc53e;
    transition: width .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=11.0.1.7943);
    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: #59c05a; }

.agm-consistencygroup-grid .items [data-col-name='protection'] .status.managed:before {
  background-image: url(/src/assets/images/Protection_Protected.png?agm-ver=11.0.1.7943); }

.agm-consistencygroup-grid .items [data-col-name='protection'] .status.unmanaged:before {
  background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=11.0.1.7943); }

.agm-consistencygroup-grid .items [data-col-name='protection'] .status.paused:before {
  background-image: url(/src/assets/images/Protection_ProtectionPaused.png?agm-ver=11.0.1.7943); }

.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=11.0.1.7943);
    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=11.0.1.7943); }

.agm-logicalgroup-grid .items [data-col-name='protection'] .status.unmanaged:before {
  background-image: url(/src/assets/images/Protection_Unprotected.png?agm-ver=11.0.1.7943); }

.agm-logicalgroup-grid .items [data-col-name='protection'] .status.paused:before {
  background-image: url(/src/assets/images/Protection_ProtectionPaused.png?agm-ver=11.0.1.7943); }

.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: #59c05a; }

.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-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: .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: calc(100% / 16);
          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;
  overflow: auto;
  display: flex; }
  .agm-onvault-pool-adder .agm-onvault-pool-wrapper {
    width: 55%;
    margin: 10px 10px 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%; }
  .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: .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; }

.rm-help-link {
  color: #43a1ff; }

/* 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 .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: 180px;
    position: relative; }
  .agm-host-manage-editor-container-main .button.button-agm-small {
    font-size: 14px;
    height: 32px;
    padding: .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: #e86c1f;
      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: .5; }
  100% {
    opacity: 1; } }

.test-result-contianer {
  position: inherit;
  top: 30px;
  left: 85%;
  width: max-content;
  z-index: 999;
  min-width: 10em;
  background: #e86c1f;
  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: #e86c1f;
      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: #59c05a; }

/*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: .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='OnVault Pool'] .more-text {
  font-size: 10px;
  text-align: right;
  display: block; }

.profile-list-onvault-modal .modal-main {
  width: 450px; }

.profile-list-onvault-modal .modal-heading h2 {
  font-size: 19px; }

.profile-list-onvault-modal .onvault-table-container {
  height: 145px;
  overflow-y: auto; }

.profile-list-onvault-modal th {
  text-align: left; }

/* 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.0 !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 white;
  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.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.0; } }

@-moz-keyframes introjspulse {
  0% {
    -moz-transform: scale(0);
    opacity: 0.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.0; } }

@keyframes introjspulse {
  0% {
    transform: scale(0);
    opacity: 0.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.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 .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=11.0.1.7943) 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=11.0.1.7943); }
      .pre-flight-wrapper .test-result li.failed {
        background-image: url(/assets/images/icon_error_25x25.png?agm-ver=11.0.1.7943); }
      .pre-flight-wrapper .test-result li.skipped {
        background-image: url(/assets/images/skipped.png?agm-ver=11.0.1.7943); }
      .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=11.0.1.7943) !important; }
  .pre-flight-wrapper.error-msg .heading {
    background-image: url(/assets/images/icon_error_25x25.png?agm-ver=11.0.1.7943) !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: #f0f0eb;
  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: .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 #f0f0eb;
  -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=11.0.1.7943) no-repeat 95% 47%;
  background-size: inherit;
  border: 0;
  border-radius: 7px;
  color: white;
  line-height: 1.1em;
  padding: 0 2.25em 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 .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; }
      .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(4, 1fr); }

.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 .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: white;
      margin: 0px;
      border: 1px solid #cccccc;
      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=11.0.1.7943) 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=11.0.1.7943);
    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% - 493px/2 - 0.5px);
    top: calc(50% - 400px/2);
    /* 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; }