/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(/fonts/OpenSans.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(/fonts/OpenSansExt.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(/fonts/OpenSansSemiBold.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(/fonts/OpenSansSemiBoldExt.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/fonts/OpenSansBold.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/fonts/OpenSansBoldExt.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(/fonts/OpenSansItalic.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(/fonts/OpenSansItalicExt.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url(/fonts/OpenSansSemiBold.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url(/fonts/OpenSansSemiBoldExt.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(/fonts/OpenSansSemiBoldItalic.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(/fonts/OpenSansSemiboldItalicExt.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.alertify,
.alertify-show,
.alertify-log {
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */
}

.alertify-hide {
  transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045); /* easeInBack */
}

.alertify-log-hide {
  transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045); /* easeInBack */
}

.alertify-cover {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  filter: alpha(opacity=0);
  opacity: 0;
}

.alertify-cover-hidden {
  display: none;
}

.alertify {
  position: fixed;
  z-index: 99999;
  top: 50px;
  left: 50%;
  width: 550px;
  margin-left: -275px;
  opacity: 1;
}

.alertify-hidden {
  transform: translate(0, -150px);
  opacity: 0;
  display: none;
}

/* overwrite display: none; for everything except IE6-8 */
:root * > .alertify-hidden {
  display: block;
  visibility: hidden;
}

.alertify-logs {
  position: fixed;
  z-index: 5000;
  height: 100px;
  right: 10px;
  width: 300px;
}

.alertify-logs-hidden {
  display: none;
}

.alertify-log {
  display: block;
  margin-top: 10px;
  position: relative;
  right: -300px;
  opacity: 0;
}

.alertify-log-show {
  right: 0;
  opacity: 1;
}

.alertify-log-hide {
  transform: translate(300px, 0);
  opacity: 0;
}

.alertify-dialog {
  padding: 25px;
}

.alertify-resetFocus {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.alertify-inner {
  text-align: center;
}

.alertify-text {
  margin-bottom: 15px;
  width: 100%;
  box-sizing: border-box;
  font-size: 100%;
}

.alertify-button,
.alertify-button:hover,
.alertify-button:active,
.alertify-button:visited {
  background: none;
  text-decoration: none;
  border: none;
  /* line-height and font-size for input button */
  line-height: 1.5;
  font-size: 100%;
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
}

.alertify-isHidden {
  display: none;
}

@media only screen and (max-width: 680px) {
  .alertify,
  .alertify-logs {
    width: 90%;
    box-sizing: border-box;
  }
  .alertify {
    left: 5%;
    margin: 0;
  }
}
/**
 * Twitter Bootstrap Look and Feel
 * Based on http://twitter.github.com/bootstrap/
 */
.alertify,
.alertify-log {
  font-family: sans-serif;
}

.alertify {
  background: #FFF;
  border: 1px solid #8E8E8E; /* browsers that don't support rgba */
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); /* Safari 4? Chrome 6? */ /* Firefox 3.6 */
  background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.alertify-dialog {
  padding: 0;
}

.alertify-inner {
  text-align: left;
}

.alertify-message {
  padding: 15px;
  margin: 0;
}

.alertify-text-wrapper {
  padding: 0 15px;
}

.alertify-text {
  color: #555;
  border-radius: 4px;
  padding: 8px;
  background-color: #FFF;
  border: 1px solid #CCC;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.alertify-text:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.alertify-buttons {
  padding: 14px 15px 15px;
  background: #F5F5F5;
  border-top: 1px solid #DDD;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #FFF;
  text-align: right;
}

.alertify-button,
.alertify-button:hover,
.alertify-button:focus,
.alertify-button:active {
  margin-left: 10px;
  border-radius: 4px;
  font-weight: normal;
  padding: 4px 12px;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}

.alertify-button:focus {
  outline: none;
  box-shadow: 0 0 5px #2B72D5;
}

.alertify-button:active {
  position: relative;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus,
.alertify-button-cancel:active {
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.75);
  background-color: #E6E6E6;
  border: 1px solid #BBB;
  color: #333;
  background-image: linear-gradient(top, #FFF, #E6E6E6);
}

.alertify-button-cancel:hover,
.alertify-button-cancel:focus,
.alertify-button-cancel:active {
  background: #E6E6E6;
}

.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus,
.alertify-button-ok:active {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #04C;
  border: 1px solid #04C;
  border-color: #04C #04C #002A80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFF;
}

.alertify-button-ok:hover,
.alertify-button-ok:focus,
.alertify-button-ok:active {
  background: #04C;
}

.alertify-log {
  background: #D9EDF7;
  padding: 8px 14px;
  border-radius: 4px;
  color: #3A8ABF;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #BCE8F1;
}

.alertify-log-error {
  color: #B94A48;
  background: #F2DEDE;
  border: 1px solid #EED3D7;
}

.alertify-log-success {
  color: #468847;
  background: #DFF0D8;
  border: 1px solid #D6E9C6;
}
@charset "UTF-8";
/** The $skf-sand, when used as a background, makes the input box look disabled.  Useing SKF light yellow for now. */
.text-white {
  color: #FFFFFF;
}

.text-black {
  color: #000000;
}

input[type=text].gp, textarea.gp, select.gp {
  border-color: #AAAFB8;
  border-width: 1px;
  border-radius: 0.125rem;
}
input[type=text].gp.text-base, textarea.gp.text-base, select.gp.text-base {
  font-size: 14px;
  line-height: 25px;
}
input[type=text].gp:focus, textarea.gp:focus, select.gp:focus {
  border-color: #0F58D6;
  box-shadow: 1px 1px #0F58D6, -1px -1px #0F58D6, 1px -1px #0F58D6, -1px 1px #0F58D6;
}

textarea.gp.text-base {
  line-height: 20px;
  height: 64px;
  width: 97%;
}

nav.alertify-buttons > button.alertify-button-ok,
nav.alertify-buttons > button.alertify-button-cancel,
button.btn-sm.gp,
select.btn-sm.gp {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  transition: background-color 0.25s, border-color 0.25s;
}

nav.alertify-buttons > button.alertify-button-cancel,
button.btn-sm.gp.primary {
  border: 1px solid #0F58D6 !important;
  background-color: #0F58D6 !important;
  color: #FFFFFF !important;
}

nav.alertify-buttons > button.alertify-button-cancel:hover,
button.btn-sm.gp.primary:hover,
button.btn-sm.gp:hover,
select.btn-sm.gp:hover {
  background-color: #0c4ab6 !important;
}

nav.alertify-buttons > button.alertify-button-ok,
button.btn-sm.gp.secondary,
select.btn-sm.gp.secondary {
  border: 1px solid #0F58D6 !important;
  background-color: #FFFFFF !important;
  color: #0F58D6 !important;
}

nav.alertify-buttons > button.alertify-button-ok:hover,
button.btn-sm.gp.secondary:hover,
select.btn-sm.gp.secondary:hover {
  border-color: #0F58D6 !important;
  background-color: #EBECEE !important;
  color: #0F58D6 !important;
}

button.btn-sm.gp[disabled],
button.btn-sm.gp.primary[disabled],
button.btn-sm.gp.secondary[disabled],
select.btn-sm.gp[disabled],
select.btn-sm.gp.primary[disabled],
select.btn-sm.gp.secondary[disabled] {
  color: #858585;
  background-color: #EBECEE;
  border-color: transparent;
  cursor: not-allowed;
}

button.gp.pull-right {
  margin-left: 5px;
}

button.gp.pull-left {
  margin-right: 5px;
}

nav.alertify-buttons {
  background: #FFFFFF;
  border-top: 0px;
}

section.alertify {
  border-radius: 0px;
}
section.alertify article li.gp-alertify-li {
  list-style-type: none;
  margin-left: -23px;
}

.gp-list-row:nth-child(odd) {
  background-color: #FFFFFF;
}

.gp-list-row:nth-child(even) {
  background: #F8F8F8;
}

.gp-list-row:hover {
  background: #E7EEFA;
  box-shadow: inset 0 0 0 1px #4f84e0;
  outline: none;
}

.gp-list-row {
  height: 35px;
  position: relative;
}
.gp-list-row i.fa {
  cursor: pointer;
  font-size: 18px;
  padding-right: 0px;
}

.gp-list-row .vertical-center {
  top: 25%;
}

goplant-sg-selector .goplant-sg-background {
  background-color: #8d8f8e;
  width: 100%;
  height: 100%;
  right: 0px;
  position: fixed;
  /* For Safari 3.1 to 6.0 */
  transition: opacity 1.5s;
  z-index: 10001;
}

goplant-sg-selector .goplant-sg-background.up {
  top: 0px;
  opacity: 0.8;
}

goplant-sg-selector .goplant-sg-background.down {
  opacity: 0.1;
}

.goplant-sg-selector {
  transform: translateX(-50%);
  width: 50%;
  position: fixed;
  top: 33px;
  left: 50%;
  max-height: 90%;
  overflow-x: auto;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  min-width: 550px !important;
  box-shadow: 0px 0px 40px black;
  /* For Safari 3.1 to 6.0 */
  transition: top 0.5s;
  z-index: 10001;
  resize: horizontal;
  background-color: white;
  font-size: 17px;
  overflow: hidden;
}

.goplant-sg-selector.template {
  width: auto;
  left: 50%;
}

goplant-sg-selector .up {
  top: 33px;
}

goplant-sg-selector .down {
  top: 110%;
}

.goplant-sg-selector .storage-group {
  background-color: #FFFFFF;
  border-bottom: 1px solid #CBCBCB;
  color: #0F58D6;
}

.goplant-sg-selector ul.ul {
  list-style-type: none;
  padding-left: 10px;
  width: 100%;
  margin-top: 10px;
  height: auto !important;
}

.goplant-sg-selector .panel-main-heading {
  border-width: 0px;
  margin-bottom: 0px;
}

.goplant-sg-selector .panel-heading {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 55px;
}

.goplant-sg-selector .panel-selector {
  border-color: #EBECEE;
  border-style: solid;
  border-width: 5px;
  height: auto;
}

.goplant-sg-selector .panel-heading.main-heading {
  background-color: #0F58D6;
  color: #FFFFFF;
  margin-bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.goplant-sg-selector .node-sg-selector {
  overflow: auto;
  max-height: 63vh;
}

.goplant-sg-selector input {
  width: 90%;
}

.goplant-sg-selector .checkbox {
  width: 20px;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

.goplant-sg-selector .checkbox-text {
  font-size: 17px;
  font-weight: 500;
}

.goplant-sg-selector .input-checkbox:hover {
  background-color: #E7EEFA;
  cursor: pointer;
}

.goplant-sg-selector .form-forms {
  margin-top: 0px;
}

.goplant-sg-selector .form-forms li {
  list-style-type: circle;
  margin-left: 40px;
}

.goplant-sg-selector .storageGroup-scroll a.collapsed span:before {
  /* symbol for "collapsed" panels */
  content: "\f054";
}

.goplant-sg-selector .storageGroup-scroll a span:before {
  content: "\f078";
  float: right;
  color: grey;
}

.goplant-sg-selector .asset-form-item:hover {
  background-color: #E7EEFA;
  cursor: pointer;
}

.goplant-sg-selector .selector-filter {
  margin-bottom: 5px;
}

.goplant-sg-selector i.slider-i.fa-close {
  color: #FFFFFF;
  margin-top: -3px;
  font-size: 21px;
  cursor: pointer;
}

.tree-view-sidebar {
  height: 100%;
  width: 26px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #E2E4E7;
  overflow-x: clip;
  padding-top: 75px;
  box-sizing: border-box;
  z-index: 9999;
}

.gutter {
  width: 3px;
  height: 100%;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  right: 0px;
  cursor: col-resize;
}

.tree-view-sidebar .menu-btn {
  position: absolute;
  top: 80px;
  right: 20px;
  font-size: 15px;
  margin-left: 50px;
  border-width: 1px;
  z-index: 9999;
  caret-color: transparent;
}

.tree-view-sidebar .menu-btn-collapse {
  position: absolute;
  top: 70;
  right: 2px;
  font-size: 15px;
  margin-left: 50px;
  border-width: 0px;
  background: #E2E4E7;
  caret-color: transparent;
}

.goplant-tree-groups-selected {
  background: #E7EEFA !important;
  color: #000000;
}

.tree-view-sidebar .menu-label {
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
}

.tree-view-sidebar .tree-side-bar-span {
  margin-left: -37px;
}

.tree {
  margin-top: 0px;
  overflow: auto;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}

.tree ul {
  list-style: none;
  line-height: 2en;
}

.tree ul li {
  position: relative;
}

.tree summary {
  margin-top: 3px;
}

.tree ul summary::before {
  pointer-events: auto;
  position: absolute;
  left: -38px;
  top: 9px;
  content: "+";
  background: #FFFFFF;
  border: 1px solid #AAAFB8;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50em;
  text-align: center;
  line-height: 13px;
  z-index: 999;
}

.tree ul details[open] > summary::before {
  pointer-events: auto;
  content: "-";
  line-height: 10px;
}

.tree li span {
  display: inline-block;
  padding: 3px 8px;
  text-decoration: none;
  background: #FFFFFF;
  min-width: 150px;
  margin-top: 2px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px 0px #C7CAD0;
  margin-left: -18px;
}

.tree ul li::before {
  position: absolute;
  left: -50px;
  top: -12px;
  border-left: 1px solid #AAAFB8;
  border-bottom: 1px solid #AAAFB8;
  content: "";
  width: 15px;
  height: 29px;
  z-index: -99;
}

.tree ul li::after {
  position: absolute;
  left: -50px;
  bottom: 0px;
  border-left: 1px solid #AAAFB8;
  content: "";
  width: 10px;
  height: 100%;
}

.tree details {
  position: relative;
}

.tree details details {
  margin-left: -19px;
}

.tree ul li:last-child::after {
  display: none;
}

.tree > ul > summary::before {
  margin-left: 10px;
}

.tree > ul > li::before {
  left: -31px;
}

.tree > ul > li::before, .tree > ul > li::after {
  border-left: 0px;
  border-bottom: 1px solid #AAAFB8;
}

.tree li span:hover,
.tree li span:hover + ul li span {
  cursor: pointer;
  background: #F6F6F6;
}

.moving {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.gp.is-invalid::after {
  content: "!";
  color: #EB202A;
  font-size: 20px;
  display: contents;
}

input[type=text].gp.is-invalid, textarea.gp.is-invalid {
  border-color: #EB202A;
  color: #EB202A;
  border-width: 2px;
}

div.gp.is-invalid input[type=text].gp, div.gp.is-invalid textarea.gp,
span.gp.is-invalid input[type=text].gp,
span.gp.is-invalid textarea.gp {
  border-color: #EB202A;
  color: #EB202A;
  border-width: 2px;
}

div.gp.is-invalid::after {
  position: absolute;
  margin-left: 6px;
  display: inline;
}
div.gp.is-invalid.align-right::after {
  right: -12px;
}

div.gp.is-invalid:not(.textarea-wrapper) {
  border-style: solid;
  border-width: 2px;
  border-color: #EB202A;
  border-radius: 3px;
}

button.gp.secondary.is-invalid {
  border-color: #EB202A;
}
button.gp.secondary.is-invalid::after {
  margin-left: 15px;
  position: absolute;
  display: inline;
}
button.gp.secondary.is-invalid.dropdown-toggle::after {
  margin-left: 28px;
}

span.gp.is-invalid-subtext {
  color: #EB202A;
  font-size: 10px;
  width: max-content;
  position: absolute;
  bottom: -14px;
}
span.gp.is-invalid-subtext.sub {
  top: 24px;
  width: 100px;
}

textarea.gp-textarea.is-invalid {
  border-style: solid;
  border-width: 2px;
  border-color: #EB202A;
}

.textarea-wrapper span.gp.is-invalid-subtext {
  bottom: -10px;
}

/**
    New scss for the alertify component. Put any overrides in here.
    You can pass in a class to the translate service to implement the css changes
    ex. translateService.confirm(d.messages, null, null, 'nolabel', 'new-blue-bar')
*/
section#alertify.nolabel button.alertify-button-cancel {
  display: none;
}
section#alertify.new-blue-bar.nolabel button.alertify-button-ok {
  position: absolute;
  top: 12px;
  right: 7px;
  background-color: #0F58D6;
  color: #FFFFFF;
  box-shadow: none;
}
section#alertify.new-blue-bar article.alertify-inner {
  margin-top: 0px;
}
section#alertify.new-blue-bar article.alertify-inner p.alertify-message {
  background-color: #0F58D6;
  color: #FFFFFF;
  margin-bottom: 10px;
}
section#alertify.full-width {
  width: 95%;
  max-width: unset;
  top: 0%;
}
section#alertify.full-width ul {
  width: 99%;
  max-width: unset;
}

@font-face {
  font-family: "SKFSans";
  src: url("../assets/fonts/SKF-Sans-TTF/SKFSans-Regular.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-Bold.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-BoldItalic.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-Italic.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-Light.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-LightItalic.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-Medium.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-MediumItalic.ttf") format("opentype");
  /* Add additional font properties if needed (e.g., font-weight, font-style) */
}
.glyphicon {
  font: normal normal normal 14px/1 FontAwesome !important;
}

.glyphicon.glyphicon-chevron-up:before {
  content: "\f077" !important;
}

.glyphicon.glyphicon-chevron-down:before {
  content: "\f078" !important;
}

.glyphicon.glyphicon-chevron-left:before {
  content: "\f053" !important;
}

.glyphicon.glyphicon-chevron-right:before {
  content: "\f054" !important;
}

/*
    CSS rules for the Dashboard and Manager

    There are UI css files at:

        Alamo.css
        dashboard.css
        login.css
        manager-forms.css
        manager-tasks.css


    Code conventions

    Indent is 4 spaces. Spaces rather than tabs.
    One line rules based on the box model, columnized at column 53
    Multi-line rules columnized at column 25
    Line width is approximately 140 chars.
    zzz... 'sleeps' a rule that may be reinstated.


    Color spec. Refer to AuditMatic-color_palette-01.jpg

    blue1               003869      main background (rgb(0,56,105))
    blue2               035a8f      secondary backgrounds, form header
    blue3               007cb6      tertiary background, form question text
    blue4               0896d8      menu hover
    grey1               707372
    grey2               8d8f8e      text in menubar (user, company)
    grey3               b0b2b2      application page toolbar
    grey4               d4d5d4
    grey5               f0f0f0      title text in forms
    yellow              fbf6a0      input background, hovered row, hightlights
    green               0f9b05      'OK' marks
    red                 c90d22      badge backgrounds, hover on X's, form validation messages

*/
/* global rules */
html {
  background: #D5D8DC url(img/AuditMatic-page-backgr.jpg) center 70px no-repeat;
}

body {
  background: transparent;
  padding-top: 70px;
  padding-bottom: 20px;
}

/* 70px allows for the main menu so there will be an issue with pages that do not use the main menu */
html.usedAsDialog {
  background: #FFFFFF;
}

/* when a document is used in an iframe as a dialog. Must remove the above settings. */
body.usedAsDialog {
  background: #FFFFFF;
}

body.alamoModalBody {
  padding-top: 0;
}

/* global override of some bootstrap styles */
/* global app button classing is: class="btn btn-default btn-sm"  */
.btn {
  margin-right: 5px;
  /* there will be an issue with right aligned buttons. Fix it when it shows up... */
  border-radius: 4px;
  padding-right: 20px;
  padding-left: 20px;
}

.btn-default {
  border-color: #8d8f8e;
  background: #8d8f8e;
  transition: border-color 0.25s, background-color 0.25s, color 0.25s;
}

.btn-default:hover {
  border-color: #0F58D6;
  background: #0F58D6;
}

/* because of the shorthand (background;) this overrides ALL bootstrap background settings */
.btn-sm {
  font-size: 14px;
  line-height: 1.3;
}

input[type=text].form-control {
  height: 30px;
  padding: 0 12px;
}

div.panel {
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.panel-default > .panel-heading {
  background-color: #EBECEE;
  padding-top: 6px;
  padding-bottom: 7px;
}

.panel-title {
  font-size: 14px;
}

.panel-body {
  padding: 20px;
}

div.well {
  padding: 0;
  margin-bottom: 20px;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.table-striped > tbody > tr:last-child > td {
  border-bottom: 1px solid #E2E4E7;
}

.breadcrumb > .active {
  color: #4f84e0;
}

.fullWidth {
  width: 100%;
}

/* Global override of some fancy box properties */
.fancybox-skin {
  border-radius: 0;
}

/* main nav bar */
.navbar {
  border: 0;
  background-color: #09398B;
  box-shadow: 0 1px 3px rgba(0, 56, 105, 0.75);
}

.navbar .container-fluid {
  background-color: #09398B;
}

#mainNav {
  border: 0;
  background-color: #09398B;
}

/* !!! Be sure to remove navbar-inverse from all the Manager pages. */
/* note - the anchor element controls the height of the navbar */
.navbar-default .navbar-nav > li {
  text-align: center;
}

.navbar-default .navbar-nav > li > a {
  padding: 12px 20px 5px 20px;
  font-size: 16px;
  line-height: 26px;
  font-weight: normal;
  color: #FFFFFF;
  text-transform: uppercase;
  transition: background-color 0.25s, color 0.25s;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #FFFFFF;
}

/* disable the default hover effect */
.navbar-default .navbar-nav i {
  vertical-align: -2px;
  font-size: 28px;
  line-height: 26px;
  color: #4f84e0;
}

.navbar-default .navbar-nav > li.minor > a {
  padding: 20px 18px 22px 18px;
  font-size: 16px;
  line-height: 26px;
  color: #4f84e0 !important;
  text-transform: none;
}

.navbar-default .navbar-nav > li.minor i {
  vertical-align: 0;
  padding-right: 4px;
  font-size: 18px;
  line-height: 26px;
}

.navbar-default .navbar-nav > li.minor {
  background: transparent url(img/sprite-ui-desktop.png) center -23px no-repeat;
}

.navbar-default .navbar-nav > li.minor.help {
  background-position: center -23px;
}

.navbar-default .navbar-nav > li.minor.user {
  background-position: center -223px;
}

.navbar-default .navbar-nav > li.minor.logout {
  background-position: center -423px;
}

.navbar-default .navbar-nav > li.minor.help:hover {
  background-position: center -123px;
}

.navbar-default .navbar-nav > li.minor.user:hover {
  background-position: center -323px;
}

.navbar-default .navbar-nav > li.minor.logout:hover {
  background-position: center -523px;
}

.navbar-default .navbar-nav > li {
  transition: background-color 0.35s;
}

.navbar-default .navbar-nav > li:hover {
  background-color: #4f84e0;
}

.navbar-default .navbar-nav > li:hover i {
  color: #FFFFFF;
}

.navbar-default .navbar-nav > li.open:hover > a {
  color: #FFFFFF;
}

.navbar-default .navbar-nav > li.minor:hover > a {
  color: #FFFFFF;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .minor.active > a,
.navbar-default .navbar-nav > .minor.active > a:hover,
.navbar-default .navbar-nav > .minor.active > a:focus {
  background-color: #4f84e0;
  color: #FFFFFF;
}

.navbar-default .navbar-nav > .active i {
  color: #FFFFFF;
}

/* Navbar info */
li#info {
  width: unset;
  padding: 22px 20px 0 0;
  font-size: 12px;
  line-height: 1;
  text-align: right;
  color: #8d8f8e;
}

li#info .userInfo {
  padding-top: 9px;
}

li#info.active > a {
  background-color: transparent;
}

li#info:hover {
  background-color: transparent;
}

li#info.active:hover {
  background-color: transparent;
}

/* the hamburger button */
button.navbar-toggle {
  border: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.25s;
}

.navbar-default .navbar-toggle .icon-bar {
  width: 24px;
  height: 4px;
  border-radius: 0;
  background-color: #FFFFFF;
}

.navbar-default button.navbar-toggle:hover,
.navbar-default button.navbar-toggle:focus {
  background-color: #0F58D6;
}

.navbar-default button.navbar-toggle {
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 18px;
  color: #FFFFFF;
}

/* end of main navbar */
/*  top level pages (Forms, Form Tools, Assets etc)
    div#main is the wrapper for the page content. div#sidebar is its sibling. */
#main {
  overflow: auto;
  height: 100%;
  background-color: #FFFFFF;
}

#main > .row {
  margin: 0;
  /* this margin reset fixes the horizontal jog that was showing on all pages. */
  padding: 0 20px;
  /* this controls the page padding of all pages that use manage.master. */
}

#main > .row > .col-xs-12 {
  padding: 0;
  /* this controls the bottom page padding of all pages that use manage.master. All content is inside .col-xs-12. */
}

.alamoModalBody {
  background-color: #FFFFFF;
}

.alamoPanelBody {
  margin-top: 0.5em;
  margin-bottom: 20px;
  border-radius: 0;
  padding: 5px 5px 5px 5px;
  padding: 0;
  box-shadow: none;
}

ul.breadcrumb {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
}

.top-buffer {
  margin-top: 20px;
}

/* this is used on bootstrap rows... */
/* page/dialog tabs - application wide.
   Used at the top of main pages and in dialogs that have tabs. */
.nav-tabs {
  border-bottom: 1px solid #4f84e0;
  margin-bottom: 20px;
}

.nav-tabs > li {
  margin-right: 5px;
}

.nav-tabs > li > a {
  border: 1px solid #E7EEFA;
  border-bottom-color: #4f84e0;
  background-color: #FFFFFF;
  padding: 4px 20px;
  color: #0F58D6;
  transition: border-color 0.25s, background-color 0.25s, color 0.25s;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

ul.nav-tabs > li > a.disabled {
  background-color: #8d8f8e;
  border-color: #8d8f8e;
  pointer-events: none;
  color: #FFFFFF;
}

.nav-tabs > li > a:not(.disabled):hover,
.nav-tabs > li > a:not(.disabled):focus {
  background-color: #0F58D6;
  border-color: #0F58D6 #0F58D6 #4f84e0 #0F58D6;
  color: #FFFFFF;
}

.nav-tabs > li.active > a:not(.disabled),
.nav-tabs > li.active > a:not(.disabled):hover,
.nav-tabs > li.active > a:not(.disabled):focus {
  border: 1px solid #4f84e0;
  border-bottom-color: #4f84e0;
  background-color: #4f84e0;
  color: #FFFFFF;
  cursor: pointer;
}

/* specific tabs */
#myTabNav {
  margin-bottom: 20px;
}

/*  Page toolbar search html. Structure is:
    div.toolbarSearch > div.RadSearchBox > span.rsbInner (converted to display:block) > input, span and button (3 inline-block elements)
    Not done here. The RadSearchBox is too tall and it does not display correctly when it contains a drop down menu...
*/
/* div.pageToolbar {
    zzzdisplay: inline-block;
    zzzwidth: 100%;
} */
div.toolbarSearch {
  float: right;
  width: 300px;
}

div.pageToolbar .RadSearchBox {
  width: 100%;
}

div.toolbarSearch span.rsbInner input:focus {
  background-color: #FCF6AE;
  transition: background-color 0.25s;
}

div.toolbarSearch .rsbInner {
  /* this is a span with display set to block */
  overflow: hidden;
  height: auto;
  border-radius: 3px;
  text-align: right;
}

div.toolbarSearch input.rsbInput {
  float: left;
  width: 79% !important;
  /* width is calculated by telerik and stuck directly on the element. Using !important to override their effort.
     The input's width will track with div.toolbarSearch's width. */
  font-size: 16px;
}

div.toolbarSearch .rsbButtonSearch {
  background-color: #8d8f8e;
  color: #FFFFFF;
  /* zzzheight: 30px; */
  /* sleep it (zzz) until the height of the search html gets sorted out */
}

/* search with the context button and menu: <div class="toolbarSearch withContext" ><telerik:RadSearchBox... */
div.toolbarSearch .RadSearchBox .rsbSearchContext {
  float: left;
  border: 0;
}

div.toolbarSearch.withContext input.rsbInput {
  width: 65% !important;
}

/* RadGrid table content (main page content) */
#myTabContent .RadGrid {
  border: 0;
  -webkit-overflow-scrolling: touch;
}

#myTabContent .RadGrid.limitedHeightContainer {
  max-height: 600px;
}

/* this could work to eliminate the extra white space at the bottom of short pages
       - if I could get radGrid to not add a fixed height to its second container ... rl */
#myTabContent .RadGrid:focus {
  outline: 0;
}

#myTabContent .RadGrid .rgHeader.rgSorted {
  background-color: #0F58D6;
}

#myTabContent .rgMasterTable {
  border-collapse: collapse;
  /* zzzmargin-bottom: 20px; */
  /* current way to identify where to put the 20px bottom spacing.  There are more than one .rgMasterTable in a page section */
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #323232;
}

#myTabContent .rgMasterTable thead th {
  border: 0;
  padding: 7px 3px 7px 10px;
}

#myTabContent .rgMasterTable tbody td {
  border: 0;
  padding: 8px 3px 8px 10px;
}

#myTabContent .rgMasterTable thead th input[type=submit] {
  margin: 0;
  margin-top: 3px;
  margin-right: 2px;
}

/* normal links in radGrid rows */
#myTabContent .rgMasterTable tbody td > a {
  color: #0F58D6;
}

/* bootstrap buttons (anchors) used in radGrid rows.  Assumes .btn .btn-sm.  Assumes and 'edit' or 'delete' type button. */
#myTabContent .rgMasterTable tbody td > a.btn {
  margin: 0;
  padding: 5px 12px;
  color: #FFFFFF;
}

#myTabContent .rgMasterTable .rgAltRow {
  border-bottom: 1px solid #C7CAD0;
  background-color: transparent;
  transition: background-color 0.35s;
}

#myTabContent .rgMasterTable .rgRow {
  border-bottom: 1px solid #C7CAD0;
  background-color: transparent;
  transition: background-color 0.35s;
}

#myTabContent .rgMasterTable .rgAltRow:hover {
  background-color: #FCF6AE;
  color: #000000;
}

#myTabContent .rgMasterTable .rgRow:hover {
  background-color: #FCF6AE;
  color: #000000;
}

#myTabContent .rgMasterTable .rgSelectedRow {
  background-color: #FCF6AE;
  color: #000000;
}

#myTabContent .rgMasterTable .rgSelectedRow:hover td {
  color: #000000;
}

#myTabContent .rgMasterTable .rgSelectedRow td {
  background-color: #FCF6AE;
  transition: background-color 0.35s;
}

#myTabContent .rgMasterTable .rgSorted {
  color: #000000;
}

#myTabContent .rgMasterTable td.rgSorted {
  background-color: #f1f6ff;
}

#myTabContent .rgMasterTable .rgSelectedRow td.rgSorted {
  background-color: #FCF6AE;
}

#myTabContent .rgMasterTable .btn.trashcan {
  padding: 0;
  padding: 2px 8px 2px 8px;
  font-size: 18px;
}

tr.rgNoRecords td > div {
  padding-top: 10px;
  text-align: center;
}

/* slide-in sidebar */
#sidebar {
  width: inherit;
  min-width: 200px;
  max-width: 220px;
  height: 100%;
  position: relative;
  display: inline-block;
  overflow-y: auto;
  overflow-x: visible;
  margin-left: -300px;
  width: 300px;
  height: 300px;
}

/*  Modal dialogs and some of Telerik's elements inside them.
    Example is the New form dialog. */
.modal-backdrop {
  background-color: #09398B;
}

.modal-backdrop.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.modal-content input[type=text],
.modal-content textarea {
  background-color: #FCF6AE;
}

.modal-content .btn {
  min-width: 80px;
  color: #FFFFFF;
  text-shadow: none;
}

.modal-header {
  position: relative;
  background-color: #0F58D6;
  color: #FFFFFF;
}

.modal-header h4 {
  color: #FFFFFF;
}

.closeModal {
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  width: 54px;
  font-size: 22px;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
  transition: color 0.25s;
}

.closeModal:hover {
  color: #EB202A;
}

.modal-content {
  border-radius: 0;
}

.modal-content .RadAjaxPanel {
  padding: 0 20px;
}

.modal-content .RadAjaxPanel .row {
  margin-bottom: 20px;
}

.modal-content .RadAjaxPanel .row:last-child {
  margin-bottom: 0;
}

/* Alertify top right*/
.alertify-logs {
  top: 40px;
  right: 30px;
}

/*  dialogToolbars - these are the toolbars than appear on non-top level pages. Usually with text on the left
    and feature links on the right.  The model for these can be found in AddAssetModal.aspx.
    Notes
    - the line-height sets the height of the toolbar.  If we ever need multi-line toolbars we will need to manage
      height some other way. */
.dialogToolbar {
  position: fixed;
  top: 0;
  right: 0;
  height: 55px;
  left: 0;
  z-index: 10000;
  overflow: auto;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 0 3px 0 20px;
  background-color: #0F58D6;
  font-size: 16px;
  line-height: 55px;
  color: #FFFFFF;
}

.dialogToolbar .toolbar-left {
  float: left;
}

.dialogToolbar .toolbar-right {
  float: right;
}

.dialogToolbar .toolbarElement {
  width: 50px;
  float: right;
  font-size: 22px;
  line-height: inherit;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
  transition: background-color 0.25s, color 0.25s;
}

.dialogToolbar .toolbarElement:hover {
  color: #000000;
}

.dialogToolbar .toolbarElement:active {
  color: #4f84e0;
  transition: color 0.1s;
}

.dialogToolbar .toolbarElement a {
  color: #FFFFFF;
}

.dialogToolbar .toolbarElement a:hover {
  color: #000000;
}

.dialogToolbar .toolbarElement a:active {
  color: #4f84e0;
  transition: color 0.1s;
}

.dialogToolbar .elementName {
  font-weight: bold;
}

/* Sticking some Asset model styles in here. Will put them in a proper place later. rl*/
#addAssetsContainer {
  padding-top: 40px;
}

.assetPicture #previewImage,
.assetPicture #currentImage {
  width: auto;
  height: auto;
  margin-bottom: 20px;
  text-align: center;
}

#assetInfoState .col-xs-4,
#assetInfoState .col-xs-8 {
  padding-top: 10px;
}

/* an experiment, just in AddassetModal, to test implementing Laura's padding spec... */
/* this works well.  Consider making it global by modifying bootstraps default column layout mechanism - carefully... rl */
div#assetQRPicture > .col-xs-6 {
  padding-left: 20px;
  padding-right: 10px;
}

div#assetQRPicture > .col-xs-3 {
  padding-left: 10px;
  padding-right: 10px;
}

div#assetQRPicture > .col-xs-3:last-child {
  padding-right: 20px;
}

div#attributesForms > .col-xs-6:nth-child(1) {
  padding-left: 20px;
  padding-right: 10px;
}

div#attributesForms > .col-xs-6:nth-child(2) {
  padding-left: 10px;
  padding-right: 20px;
}

.pageLoadingDialog {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  /* half width of the spinner gif */
  margin-top: -50px;
  /* half height of the spinner gif */
  text-align: center;
  z-index: 1235;
  overflow: auto;
  width: 200px;
  /* width of the spinner gif */
  height: 202px;
  /*hight of the spinner gif +2px to fix IE8 issue */
}

#pageLoadingMessage {
  position: fixed;
  top: 0;
  left: 0;
  /*background-image:url('/assets/img/fancybox_overlay.png');*/
  background-color: #09398B;
  z-index: 1234;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0.3;
}

/** The $skf-sand, when used as a background, makes the input box look disabled.  Useing SKF light yellow for now. */
.text-white {
  color: #FFFFFF;
}

.text-black {
  color: #000000;
}

input[type=text].gp, textarea.gp, select.gp {
  border-color: #AAAFB8;
  border-width: 1px;
  border-radius: 0.125rem;
}
input[type=text].gp.text-base, textarea.gp.text-base, select.gp.text-base {
  font-size: 14px;
  line-height: 25px;
}
input[type=text].gp:focus, textarea.gp:focus, select.gp:focus {
  border-color: #0F58D6;
  box-shadow: 1px 1px #0F58D6, -1px -1px #0F58D6, 1px -1px #0F58D6, -1px 1px #0F58D6;
}

textarea.gp.text-base {
  line-height: 20px;
  height: 64px;
  width: 97%;
}

nav.alertify-buttons > button.alertify-button-ok,
nav.alertify-buttons > button.alertify-button-cancel,
button.btn-sm.gp,
select.btn-sm.gp {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  transition: background-color 0.25s, border-color 0.25s;
}

nav.alertify-buttons > button.alertify-button-cancel,
button.btn-sm.gp.primary {
  border: 1px solid #0F58D6 !important;
  background-color: #0F58D6 !important;
  color: #FFFFFF !important;
}

nav.alertify-buttons > button.alertify-button-cancel:hover,
button.btn-sm.gp.primary:hover,
button.btn-sm.gp:hover,
select.btn-sm.gp:hover {
  background-color: #0c4ab6 !important;
}

nav.alertify-buttons > button.alertify-button-ok,
button.btn-sm.gp.secondary,
select.btn-sm.gp.secondary {
  border: 1px solid #0F58D6 !important;
  background-color: #FFFFFF !important;
  color: #0F58D6 !important;
}

nav.alertify-buttons > button.alertify-button-ok:hover,
button.btn-sm.gp.secondary:hover,
select.btn-sm.gp.secondary:hover {
  border-color: #0F58D6 !important;
  background-color: #EBECEE !important;
  color: #0F58D6 !important;
}

button.btn-sm.gp[disabled],
button.btn-sm.gp.primary[disabled],
button.btn-sm.gp.secondary[disabled],
select.btn-sm.gp[disabled],
select.btn-sm.gp.primary[disabled],
select.btn-sm.gp.secondary[disabled] {
  color: #858585;
  background-color: #EBECEE;
  border-color: transparent;
  cursor: not-allowed;
}

button.gp.pull-right {
  margin-left: 5px;
}

button.gp.pull-left {
  margin-right: 5px;
}

nav.alertify-buttons {
  background: #FFFFFF;
  border-top: 0px;
}

section.alertify {
  border-radius: 0px;
}
section.alertify article li.gp-alertify-li {
  list-style-type: none;
  margin-left: -23px;
}

.gp-list-row:nth-child(odd) {
  background-color: #FFFFFF;
}

.gp-list-row:nth-child(even) {
  background: #F8F8F8;
}

.gp-list-row:hover {
  background: #E7EEFA;
  box-shadow: inset 0 0 0 1px #4f84e0;
  outline: none;
}

.gp-list-row {
  height: 35px;
  position: relative;
}
.gp-list-row i.fa {
  cursor: pointer;
  font-size: 18px;
  padding-right: 0px;
}

.gp-list-row .vertical-center {
  top: 25%;
}

goplant-sg-selector .goplant-sg-background {
  background-color: #8d8f8e;
  width: 100%;
  height: 100%;
  right: 0px;
  position: fixed;
  /* For Safari 3.1 to 6.0 */
  transition: opacity 1.5s;
  z-index: 10001;
}

goplant-sg-selector .goplant-sg-background.up {
  top: 0px;
  opacity: 0.8;
}

goplant-sg-selector .goplant-sg-background.down {
  opacity: 0.1;
}

.goplant-sg-selector {
  transform: translateX(-50%);
  width: 50%;
  position: fixed;
  top: 33px;
  left: 50%;
  max-height: 90%;
  overflow-x: auto;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  min-width: 550px !important;
  box-shadow: 0px 0px 40px black;
  /* For Safari 3.1 to 6.0 */
  transition: top 0.5s;
  z-index: 10001;
  resize: horizontal;
  background-color: white;
  font-size: 17px;
  overflow: hidden;
}

.goplant-sg-selector.template {
  width: auto;
  left: 50%;
}

goplant-sg-selector .up {
  top: 33px;
}

goplant-sg-selector .down {
  top: 110%;
}

.goplant-sg-selector .storage-group {
  background-color: #FFFFFF;
  border-bottom: 1px solid #CBCBCB;
  color: #0F58D6;
}

.goplant-sg-selector ul.ul {
  list-style-type: none;
  padding-left: 10px;
  width: 100%;
  margin-top: 10px;
  height: auto !important;
}

.goplant-sg-selector .panel-main-heading {
  border-width: 0px;
  margin-bottom: 0px;
}

.goplant-sg-selector .panel-heading {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 55px;
}

.goplant-sg-selector .panel-selector {
  border-color: #EBECEE;
  border-style: solid;
  border-width: 5px;
  height: auto;
}

.goplant-sg-selector .panel-heading.main-heading {
  background-color: #0F58D6;
  color: #FFFFFF;
  margin-bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.goplant-sg-selector .node-sg-selector {
  overflow: auto;
  max-height: 63vh;
}

.goplant-sg-selector input {
  width: 90%;
}

.goplant-sg-selector .checkbox {
  width: 20px;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

.goplant-sg-selector .checkbox-text {
  font-size: 17px;
  font-weight: 500;
}

.goplant-sg-selector .input-checkbox:hover {
  background-color: #E7EEFA;
  cursor: pointer;
}

.goplant-sg-selector .form-forms {
  margin-top: 0px;
}

.goplant-sg-selector .form-forms li {
  list-style-type: circle;
  margin-left: 40px;
}

.goplant-sg-selector .storageGroup-scroll a.collapsed span:before {
  /* symbol for "collapsed" panels */
  content: "\f054";
}

.goplant-sg-selector .storageGroup-scroll a span:before {
  content: "\f078";
  float: right;
  color: grey;
}

.goplant-sg-selector .asset-form-item:hover {
  background-color: #E7EEFA;
  cursor: pointer;
}

.goplant-sg-selector .selector-filter {
  margin-bottom: 5px;
}

.goplant-sg-selector i.slider-i.fa-close {
  color: #FFFFFF;
  margin-top: -3px;
  font-size: 21px;
  cursor: pointer;
}

.tree-view-sidebar {
  height: 100%;
  width: 26px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #E2E4E7;
  overflow-x: clip;
  padding-top: 75px;
  box-sizing: border-box;
  z-index: 9999;
}

.gutter {
  width: 3px;
  height: 100%;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  right: 0px;
  cursor: col-resize;
}

.tree-view-sidebar .menu-btn {
  position: absolute;
  top: 80px;
  right: 20px;
  font-size: 15px;
  margin-left: 50px;
  border-width: 1px;
  z-index: 9999;
  caret-color: transparent;
}

.tree-view-sidebar .menu-btn-collapse {
  position: absolute;
  top: 70;
  right: 2px;
  font-size: 15px;
  margin-left: 50px;
  border-width: 0px;
  background: #E2E4E7;
  caret-color: transparent;
}

.goplant-tree-groups-selected {
  background: #E7EEFA !important;
  color: #000000;
}

.tree-view-sidebar .menu-label {
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
}

.tree-view-sidebar .tree-side-bar-span {
  margin-left: -37px;
}

.tree {
  margin-top: 0px;
  overflow: auto;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}

.tree ul {
  list-style: none;
  line-height: 2en;
}

.tree ul li {
  position: relative;
}

.tree summary {
  margin-top: 3px;
}

.tree ul summary::before {
  pointer-events: auto;
  position: absolute;
  left: -38px;
  top: 9px;
  content: "+";
  background: #FFFFFF;
  border: 1px solid #AAAFB8;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50em;
  text-align: center;
  line-height: 13px;
  z-index: 999;
}

.tree ul details[open] > summary::before {
  pointer-events: auto;
  content: "-";
  line-height: 10px;
}

.tree li span {
  display: inline-block;
  padding: 3px 8px;
  text-decoration: none;
  background: #FFFFFF;
  min-width: 150px;
  margin-top: 2px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px 0px #C7CAD0;
  margin-left: -18px;
}

.tree ul li::before {
  position: absolute;
  left: -50px;
  top: -12px;
  border-left: 1px solid #AAAFB8;
  border-bottom: 1px solid #AAAFB8;
  content: "";
  width: 15px;
  height: 29px;
  z-index: -99;
}

.tree ul li::after {
  position: absolute;
  left: -50px;
  bottom: 0px;
  border-left: 1px solid #AAAFB8;
  content: "";
  width: 10px;
  height: 100%;
}

.tree details {
  position: relative;
}

.tree details details {
  margin-left: -19px;
}

.tree ul li:last-child::after {
  display: none;
}

.tree > ul > summary::before {
  margin-left: 10px;
}

.tree > ul > li::before {
  left: -31px;
}

.tree > ul > li::before, .tree > ul > li::after {
  border-left: 0px;
  border-bottom: 1px solid #AAAFB8;
}

.tree li span:hover,
.tree li span:hover + ul li span {
  cursor: pointer;
  background: #F6F6F6;
}

.moving {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.gp.is-invalid::after {
  content: "!";
  color: #EB202A;
  font-size: 20px;
  display: contents;
}

input[type=text].gp.is-invalid, textarea.gp.is-invalid {
  border-color: #EB202A;
  color: #EB202A;
  border-width: 2px;
}

div.gp.is-invalid input[type=text].gp, div.gp.is-invalid textarea.gp,
span.gp.is-invalid input[type=text].gp,
span.gp.is-invalid textarea.gp {
  border-color: #EB202A;
  color: #EB202A;
  border-width: 2px;
}

div.gp.is-invalid::after {
  position: absolute;
  margin-left: 6px;
  display: inline;
}
div.gp.is-invalid.align-right::after {
  right: -12px;
}

div.gp.is-invalid:not(.textarea-wrapper) {
  border-style: solid;
  border-width: 2px;
  border-color: #EB202A;
  border-radius: 3px;
}

button.gp.secondary.is-invalid {
  border-color: #EB202A;
}
button.gp.secondary.is-invalid::after {
  margin-left: 15px;
  position: absolute;
  display: inline;
}
button.gp.secondary.is-invalid.dropdown-toggle::after {
  margin-left: 28px;
}

span.gp.is-invalid-subtext {
  color: #EB202A;
  font-size: 10px;
  width: max-content;
  position: absolute;
  bottom: -14px;
}
span.gp.is-invalid-subtext.sub {
  top: 24px;
  width: 100px;
}

textarea.gp-textarea.is-invalid {
  border-style: solid;
  border-width: 2px;
  border-color: #EB202A;
}

.textarea-wrapper span.gp.is-invalid-subtext {
  bottom: -10px;
}

/**
    New scss for the alertify component. Put any overrides in here.
    You can pass in a class to the translate service to implement the css changes
    ex. translateService.confirm(d.messages, null, null, 'nolabel', 'new-blue-bar')
*/
section#alertify.nolabel button.alertify-button-cancel {
  display: none;
}
section#alertify.new-blue-bar.nolabel button.alertify-button-ok {
  position: absolute;
  top: 12px;
  right: 7px;
  background-color: #0F58D6;
  color: #FFFFFF;
  box-shadow: none;
}
section#alertify.new-blue-bar article.alertify-inner {
  margin-top: 0px;
}
section#alertify.new-blue-bar article.alertify-inner p.alertify-message {
  background-color: #0F58D6;
  color: #FFFFFF;
  margin-bottom: 10px;
}
section#alertify.full-width {
  width: 95%;
  max-width: unset;
  top: 0%;
}
section#alertify.full-width ul {
  width: 99%;
  max-width: unset;
}

@font-face {
  font-family: "SKFSans";
  src: url("../assets/fonts/SKF-Sans-TTF/SKFSans-Regular.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-Bold.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-BoldItalic.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-Italic.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-Light.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-LightItalic.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-Medium.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-MediumItalic.ttf") format("opentype");
  /* Add additional font properties if needed (e.g., font-weight, font-style) */
}
.glyphicon {
  font: normal normal normal 14px/1 FontAwesome !important;
}

.glyphicon.glyphicon-chevron-up:before {
  content: "\f077" !important;
}

.glyphicon.glyphicon-chevron-down:before {
  content: "\f078" !important;
}

.glyphicon.glyphicon-chevron-left:before {
  content: "\f053" !important;
}

.glyphicon.glyphicon-chevron-right:before {
  content: "\f054" !important;
}

goplant-date-time-selector input[readonly] {
  background-color: white !important;
  cursor: text !important;
}
goplant-date-time-selector .goplant-time-selector .goplant-time-selector-time {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
goplant-date-time-selector .goplant-time-selector .goplant-time-selector-time input {
  max-width: 500px;
  font-size: 12px;
  background-color: #FFFFFF;
  border-color: #AAAFB8;
  border-width: 1px;
  border-radius: 0.125rem;
  width: 100px;
  display: inline;
  min-width: 100px;
}
goplant-date-time-selector .goplant-time-selector .goplant-time-selector-time input.ng-hide {
  position: absolute;
  right: 0px;
}
goplant-date-time-selector .goplant-time-selector .goplant-time-selector-time.date input {
  width: 135px;
  min-width: 135px;
}
goplant-date-time-selector .goplant-time-selector .goplant-time-selector-fa-time i {
  background-color: #FFFFFF;
  color: #000000;
  border-color: #AAAFB8;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 0px 0px 0px 0px;
  margin-left: -6px;
  height: 30px;
}
goplant-date-time-selector .goplant-time-selector .goplant-time-selector-fa-time i:hover {
  background-color: #EBECEE;
}
goplant-date-time-selector .goplant-time-selector-picker {
  position: absolute;
  top: 100%;
  z-index: 1000;
  float: left;
  width: 201px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  /** Override ng-hide so that the box still exists, but the arrow is white*/
}
goplant-date-time-selector .goplant-time-selector-picker .row {
  margin-left: 11px;
}
goplant-date-time-selector .goplant-time-selector-picker.date {
  width: 360px;
}
goplant-date-time-selector .goplant-time-selector-picker.time-picker-up {
  top: unset;
  bottom: 31px;
}
goplant-date-time-selector .goplant-time-selector-picker.date button.btn-sm.gp.save {
  width: 110px;
  height: 30px;
  margin-right: 15px;
}
goplant-date-time-selector .goplant-time-selector-picker.time {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
goplant-date-time-selector .goplant-time-selector-picker.time i {
  margin-left: 8px;
  font-size: 14px;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #0F58D6;
  border-left: 0px;
}
goplant-date-time-selector .goplant-time-selector-picker.time .col-xs-2,
goplant-date-time-selector .goplant-time-selector-picker.time .col-xs-1 {
  padding: 0px;
}
goplant-date-time-selector .goplant-time-selector-picker.time button.btn-sm.gp.save {
  width: 72px;
  height: 30px;
  margin-right: 15px;
}
goplant-date-time-selector .goplant-time-selector-picker.time button.btn-sm.gp.am {
  margin-bottom: 3px;
  margin-top: 19px;
}
goplant-date-time-selector .goplant-time-selector-picker .number-colon {
  margin-top: 32px;
  font-size: 20px;
  margin-left: 1px;
}
goplant-date-time-selector .goplant-time-selector-picker .number {
  height: 30px;
  width: 30px;
  text-align: center;
  border: none;
  background-color: #E7EEFA;
  border-radius: 4px;
}
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td.day:hover,
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td.day.today:hover,
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td span:hover,
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table thead tr:first-child th:hover {
  background-color: #E7EEFA;
  cursor: pointer;
  color: black;
}
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td {
  /** Override the today css to be white background with no border*/
  /** Disabled td hover should be white*/
  /** Override future css to be skf-primary-blue background color */
}
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td span.active.active, goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td.day.today.active, goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td.day.active {
  background-color: #0F58D6;
}
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td.day.today {
  background-color: white;
  border: 0px red solid !important;
  background-image: unset;
}
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td.today.disabled:hover,
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td span.year.disabled:hover,
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td span.month.disabled:hover, goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td.disabled:hover {
  background-color: white;
  cursor: auto;
  color: #999999;
}
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table tbody tr td.future:hover {
  background-color: #E7EEFA;
}
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table thead tr th.left.ng-hide {
  color: white;
  display: table-cell !important;
}
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table thead tr th.left.ng-hide:hover {
  background: white;
  cursor: auto;
}
goplant-date-time-selector .goplant-time-selector-picker [ghost-name=goplant-time-selector-date-picker] table.table thead tr th.left.ng-hide i {
  color: white;
}

body {
  background: #09398B url(../images/background-image.jpg) repeat center 70px !important;
  background-size: cover !important;
  overflow: hidden;
}

.domain-counts {
  position: fixed;
  right: 10px;
  top: 96%;
}

.fancybox-overlay.fancybox-overlay-fixed {
  overflow: hidden;
}

.reports,
.manager,
.admin {
  background: #FFFFFF !important;
  background-size: cover !important;
}

section.alertify-alert,
section.alertify-confirm {
  width: calc(100vw - 200px);
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  max-width: 830px;
  margin-left: 0px;
}
section.alertify-alert ul,
section.alertify-confirm ul {
  max-height: 500px;
  overflow-y: auto;
}

.alertify-message {
  max-height: 500px;
  overflow: auto;
  font-size: 18px;
  overflow-wrap: break-word;
}

.go-module {
  width: 90%;
}

.go-module.FormRunner {
  width: 40%;
}

#RadLVAssetForms .thead-div b {
  display: inline-block;
  font-weight: normal;
}

#RadLVAssetForms .tfoot-div div {
  display: inline-block;
}

.button-sticky {
  position: fixed;
  top: 186px;
  z-index: 1;
  left: 44vw;
}

#FormAssets .top-buffer12 {
  margin-top: 12px;
}

.group-properties .is-dirty {
  color: #FFCA15;
}
.group-properties .btn-save {
  margin-top: -25px;
}
.group-properties .tbody-div {
  margin-bottom: 0px;
}
.group-properties .general-settings.panel-default {
  height: auto;
}
.group-properties .general-settings .general-panel {
  display: contents;
}
.group-properties .general-settings .panel-heading {
  background-color: #4f84e0;
}
.group-properties .general-settings .panel-heading h3 {
  color: #FFFFFF;
}
.group-properties .general-settings .panel-heading i {
  font-size: 26px;
  margin-top: -27px;
  padding: 5px;
  border-radius: 4px;
  color: #FFFFFF;
}
.group-properties .general-settings .panel-heading i.is-dirty {
  color: #FFCA15;
}
.group-properties .general-settings .panel-heading .fa-plus {
  color: #FFFFFF;
}

#FormAssets .col-xs-4a {
  position: relative;
  width: 30%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 0px;
}

#FormAssets .col-xs-4b {
  position: relative;
  width: 33.33%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
}

#FormAssets .col-xs-7a {
  position: relative;
  width: 56.66%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 0px;
}

#FormAssets .col-xs-5a {
  position: relative;
  width: 43.33%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 15px;
}

#FormAssets .col-xs-7b {
  position: relative;
  width: 58.33%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 15px;
  float: left;
}

html {
  background: #FFFFFF;
}

.dialogToolbar-alamo {
  background: transparent;
  z-index: 5;
}

.fa-sort-desc {
  position: absolute;
  left: auto;
  right: 16px;
  top: -3px;
  color: #4f84e0;
  font-size: 22px;
}

.frame {
  height: 283px;
}
.frame .row {
  margin-bottom: 10px;
}

#assetInfoState .col-xs-4,
#assetInfoState .col-xs-8 {
  padding-top: 0px;
}

.form-control {
  max-width: 335px;
}

.field-label {
  padding-right: 0px;
  padding-top: 4px;
}
.field-label label {
  font-weight: normal;
}

.field-label-box {
  padding-right: 0px;
}
.field-label-box label {
  padding-top: 5px;
  font-weight: normal;
}

.form-control-hl {
  background-color: #FCF6AE;
}

.asset-reliability #tbodyAssetForms .form-half-inline {
  display: inline;
  width: 45%;
}

.panel-title {
  font-size: 17px;
  color: #8d8f8e;
}

.assetPicture #currentImage {
  margin-bottom: 0px;
}

div.panel {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.alertify-logs {
  top: 65px;
}

.dropdown-toggle {
  width: 100%;
  text-align: left;
  background-color: #EBECEE;
  border: 1px #D5D8DC solid;
  color: #323232;
  max-width: 335px;
}
.dropdown-toggle:hover .fa-sort-desc {
  color: #FFFFFF;
}
.dropdown-toggle:visited {
  background-color: #EBECEE;
}

.tbody-div {
  padding: 0px;
  height: 236px;
  overflow-y: auto;
  margin-bottom: 20px;
  width: 100%;
}
.tbody-div .form-name {
  padding-left: 15px;
  color: #4f84e0;
  text-decoration: underline;
}
.tbody-div .form-del {
  text-align: center;
  padding-right: 10px;
}

#tbodyTaskForms .asset-edit,
.round-edit,
.form-edit,
.task-edit {
  width: 30px;
}

table#tblTaskForms #tbodyTaskForms tr.task-paused > td {
  background-color: #AAAFB8 !important;
}

table#tblTaskForms #tbodyTaskForms tr.task-paused i {
  width: 30px;
  cursor: default;
}

#tbodyTaskForms .asset-edit, .form-edit {
  width: 40px;
}
#tbodyTaskForms .asset-edit goplant-icons, .form-edit goplant-icons {
  padding-left: 5px;
}

#tblTaskRounds.table-sticky-top th,
#tblTaskForms.table-sticky-top th {
  position: sticky;
  top: 51px;
  z-index: 10;
}
#tblTaskRounds.table-sticky-top tr,
#tblTaskForms.table-sticky-top tr {
  background: #FFFFFF;
}

.buttons-top-sticky {
  position: sticky;
  top: 0px;
  z-index: 10;
  background-color: #FFFFFF;
}

.asset-form-template {
  float: right;
  margin-right: 2px;
}

.fa.fa-trash {
  color: #858585;
}

.table > tbody > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 0px;
  border-bottom: 1px solid #E2E4E7;
}

header h1 {
  font-size: 12pt;
  color: #FFFFFF;
  background-color: #4f84e0;
  padding: 20px;
}

article {
  margin: auto;
  margin-top: 10px;
}

.thumbnail {
  height: 150px;
  margin: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}

.dropdown-menu {
  max-height: 200px;
  overflow-y: scroll;
}

ul.dropdown-menu li[disabled]:hover,
ul.dropdown-menu li[disabled] {
  background-color: #ebebeb;
  cursor: not-allowed;
}
ul.dropdown-menu li[disabled]:hover a,
ul.dropdown-menu li[disabled] a {
  cursor: not-allowed;
}

.panel-default > .panel-heading {
  background-color: #EBECEE;
  padding-top: 12px;
  padding-bottom: 12px;
}

.header-icon {
  top: -19px;
  color: #8d8f8e;
  font-size: 20px;
  cursor: pointer;
}

.header-icon.fa {
  top: -22px;
  position: relative;
  font-size: 26px;
}

.copy-link {
  color: #4f84e0;
  text-decoration: underline;
  font-weight: normal;
  position: absolute;
  right: 26px;
  margin-top: 5px;
  cursor: pointer;
}

.fa {
  cursor: pointer;
}

.reset-btn {
  top: -4px;
  position: relative;
}

#tabs {
  border: 0px;
  padding-top: 3px;
  position: fixed;
  top: 70px;
  width: 100%;
  padding-right: 15px;
}
#tabs .ui-tabs-nav {
  background: transparent;
  border: 0px;
  border-bottom: 1px #4f84e0 solid;
  border-radius: 0px;
}
#tabs .ui-tabs-nav .ui-state-default {
  background: #FFFFFF;
  border: 1px solid #CFDEF7;
  border-bottom: 0px !important;
}
#tabs .ui-tabs-nav .ui-state-default a {
  color: #4f84e0;
}
#tabs .ui-tabs-nav .ui-state-active,
#tabs .ui-tabs-nav .ui-widget-content .ui-state-active,
#tabs .ui-tabs-nav .ui-widget-header .ui-state-active {
  border: 1px solid #CFDEF7;
  background: #4f84e0;
  font-weight: normal;
  color: #FFFFFF;
}
#tabs .ui-tabs-nav .ui-state-active a,
#tabs .ui-tabs-nav .ui-state-active a:link,
#tabs .ui-tabs-nav .ui-state-active a:visited {
  color: #FFFFFF;
  text-decoration: none;
}
#tabs .ui-tabs-nav .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.panel-default {
  border: 0px;
  box-shadow: none !important;
}
.panel-default .control-label span {
  color: #EB202A;
}

.btn-tasks,
.btn-rounds {
  font-size: 12px;
  background: #8d8f8e;
  color: #FFFFFF;
}

.btn-search {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.btn-search i {
  left: -7px !important;
  top: 2px !important;
}
.btn-search .fa-search {
  font-size: 14px;
}

.input-search {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 31px !important;
}

.anex {
  width: 515px;
  height: 160px;
  margin: 10px;
  margin-bottom: 20px;
  margin-top: 15px;
  border: 1px #AAAFB8 solid;
  overflow-y: scroll;
  overflow-x: hide;
  padding-left: 0px;
  list-style-type: none;
}
.anex .check {
  margin-right: 10px;
}
.anex li a {
  font-size: 12px;
}

.toggle-off {
  font-size: 25px !important;
  color: #273342;
}

.toggle-on {
  font-size: 25px !important;
  color: #007cb6;
}

.ui-dialog {
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  min-width: 560px !important;
  box-shadow: 0px 0px 40px black;
}
.ui-dialog .ui-dialog-titlebar {
  padding-top: 14px;
  border-radius: 0px;
  background: #0F58D6 !important;
  border: 0px;
  height: 50px;
}
.ui-dialog .ui-dialog-titlebar span {
  color: #FFFFFF;
  font-weight: normal;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: transparent url(../images/close.png) no-repeat center;
  border: 0px;
  margin-right: 12px;
}
.ui-dialog .dialog-footer {
  height: 70px;
  border-top: 1px #AAAFB8 solid;
}
.ui-dialog .dialog-footer .btn-tasks {
  margin-top: 20px;
  font-size: 13px;
}
.ui-dialog .dialog-footer .dialog-add {
  background: #0F58D6 !important;
}

.notshow {
  visibility: hidden;
}

.empty {
  height: 300px;
  padding-top: 135px;
  color: #555555;
  text-align: center;
}

.counter {
  height: 50px;
  color: black;
  font-weight: bold;
  text-align: center;
}

.control-label {
  font-size: 14px;
}

.item-chooser {
  height: 25px;
  padding-left: 10px;
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer;
}
.item-chooser:hover {
  background: #FCF6AE;
}

.responsibility {
  margin: 0px;
  margin-bottom: 20px;
}
.responsibility .resp-title {
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 14px;
}
.responsibility .resp-radio {
  font-size: 13px;
  padding-left: 25px;
  padding-bottom: 3px;
}
.responsibility .resp-radio input {
  margin-right: 20px;
}

#tabs-5,
#tabs-6 {
  padding: 0px;
}
#tabs-5 .panel-body,
#tabs-6 .panel-body {
  padding: 0px;
}
#tabs-5 .schedule-row,
#tabs-6 .schedule-row {
  padding: 20px 0px;
  border-bottom: 1px #AAAFB8 solid;
  margin-bottom: 0px;
}
#tabs-5 .schedule-row input,
#tabs-6 .schedule-row input {
  font-size: 12px;
}
#tabs-5 .btn-tasks,
#tabs-6 .btn-tasks {
  padding-top: 6px;
  padding-bottom: 5px;
  padding-right: 40px !important;
  background: #F6F6F6 url(../images/down.png) no-repeat 90% center;
  border: 1px #D5D8DC solid;
  color: #676F7C !important;
  text-shadow: none;
}
#tabs-5 input[type=radio],
#tabs-6 input[type=radio] {
  width: 20px;
  margin-top: -5px;
  border: 0px;
  box-shadow: none;
}
#tabs-5 label-radio,
#tabs-6 label-radio {
  left: -10px;
  position: relative;
}

#asset-filters .btn-tasks,
.table .btn-tasks,
.general .btn-tasks {
  padding-top: 6px;
  padding-bottom: 5px;
  padding-right: 40px !important;
  background: #F6F6F6 url(../images/down.png) no-repeat 90% center;
  border: 1px #D5D8DC solid;
  color: #676F7C !important;
  text-shadow: none;
}

.btn-group .btn {
  margin-right: 0px;
  padding: 4px 6px;
  font-size: 12px;
  color: #323232;
  min-width: 30px;
  min-height: 30px;
  border-color: #C7CAD0;
  border-radius: 3px;
  padding-top: 5px;
}
.btn-group .btn:hover {
  background: #F6F6F6;
}
.btn-group ul {
  display: table;
  table-layout: fixed;
  /* optional */
}
.btn-group ul li {
  display: table-cell;
  width: 30px;
  text-align: center;
}
.btn-group .selected {
  background: #8d8f8e;
  color: #FFFFFF;
}
.btn-group .blanco {
  background: #FFFFFF;
}
.btn-group .gris {
  background: #F6F6F6;
}
.btn-group .month-view .btn {
  border-radius: 0px;
  border-bottom: 0px;
  border-right: 0px;
}
.btn-group .month-view .bottom-line {
  border-bottom: 1px #D5D8DC solid;
}
.btn-group .month-view .right-line {
  border-right: 1px #D5D8DC solid;
}

.fixer {
  left: -5px;
  position: relative;
}

.Monthly {
  margin-top: 86px;
}

.Weekly {
  margin-top: 43px;
}

.Hourly {
  margin-top: 0px;
}

.show-calendar {
  margin-left: 11px;
  position: absolute;
  margin-top: 7px;
  cursor: pointer;
}

.navBarLogo {
  width: 90px;
  height: 20px;
}

.tab-pane .list {
  overflow-y: auto;
  height: 80vh;
  padding-bottom: 200px;
}

.nav-tabs {
  border-bottom: 1px solid #4f84e0;
  margin-bottom: 0px;
}

.trash-icon {
  padding-right: 6px;
  padding-left: 3px;
  cursor: pointer;
  font-size: 18px;
}
.trash-icon:hover {
  opacity: 0.7;
}
.trash-icon:active {
  opacity: 0.3;
}

.fa-copy {
  color: #858585;
  font-weight: bold;
}

.fa-copy:hover {
  color: black;
  font-weight: bold;
}

.clickable-table-item {
  color: #4f84e0;
  text-decoration: underline;
  cursor: pointer;
}

.name-column {
  color: #4f84e0;
  text-decoration: underline;
  cursor: pointer;
}

.navbar-default .navbar-nav > li.minor {
  background: transparent url(../images/sprite-ui-desktop.png) center -23px no-repeat;
}

.breakcrumb {
  cursor: pointer;
}
.breakcrumb:hover {
  opacity: 0.7;
}
.breakcrumb:active {
  opacity: 0.3;
}
.breakcrumb #repeatSelect2 {
  width: 21px;
  margin-left: 4px;
  border: none;
}
.breakcrumb #repeatSelect {
  background: url("/images/fa-right-arrow.png") no-repeat 103% 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0px;
  appearance: none;
  outline-width: 0;
  padding: 3px 0px 0px 0px;
  width: 30px;
  border: none;
  font-size: inherit;
  margin-left: 2px;
}

.is-ie .breakcrumb #repeatSelect {
  background: url("") no-repeat 103% 50%;
  margin-left: -9px;
}

.frame {
  height: 283px;
  border: 1px #AAAFB8 solid;
  border-radius: 4px !important;
}
.frame .row {
  margin-bottom: 10px;
}

.table th {
  background: #FFFFFF;
  border-bottom: 1px #C7CAD0 solid !important;
  color: #323232;
}

.ngdialog-overlay {
  z-index: -10;
}

.ngdialog-content {
  width: auto;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*  Formatting for the dashboard and only the dashboard. Alamo.css cascades in. */
html {
  background-color: #09398B;
}

body {
  background: #09398B url(img/AuditMatic-desktop-backgr.jpg) center top no-repeat;
  padding-top: 70px;
}

zzzhtml {
  background: #FFFFFF;
}

zzzbody {
  background: #FFFFFF;
}

/* From the Gridster 'Resize' demo athttp://gridster.net/demos/resize.html */
.gridster * {
  margin: 0;
  padding: 0;
}

.gridster-body {
  width: 100% !important;
}

.gridster .preview-holder {
  border: none !important;
  background: #FFFFFF !important;
}

.gridster .remove_element {
  float: right;
  margin: 0px;
  padding: 0 10px;
  font-weight: bold;
  color: #09398B;
  cursor: pointer;
  transition: color 0.25s;
}

.gridster .remove_element:hover,
.gridster .remove_element:active {
  color: red;
}

.widgetContent {
  height: calc(100% - 50px);
  width: 100%;
  min-height: 120px;
  font-weight: normal;
}

/* end of copy from Gridster 'Resize' demo */
#main.dashboard {
  background: transparent;
  display: inline-flexbox;
  overflow: visible;
  width: 100%;
  opacity: 0;
}

#main .row {
  margin-right: 0;
  margin-left: 0;
}

/* bootstrap + gridster drop the grid about 200px down on IE. */
.gridster {
  margin: 10px auto 10px auto;
}

div.dashboardWidget.selected {
  outline: 2px solid #0F58D6;
}

div.dashboardWidget.panel {
  overflow: hidden;
  border-radius: 0;
  border: 0;
  box-shadow: 0 5px 9px rgba(0, 42, 79, 0.72);
}

div.widgetHeader.panel-heading {
  border: 0;
  border-radius: 0;
  background-color: #0F58D6;
  padding-left: 10px;
  font-size: 14px;
  line-height: 23px;
  color: #FFFFFF;
  cursor: move;
}

div.widgetHeader .fa {
  vertical-align: -1px;
  font-size: 18px;
}

div.widgetHeader .block_name .fa {
  margin-right: 4px;
}

/* dashboardWidget content */
input[type=text],
input[type=number] {
  background-color: #FCF6AE;
}

.dashboardWidget .launchList {
  overflow-y: auto;
  height: 100%;
}
.dashboardWidget .table-responsive {
  overflow-y: auto;
  height: 100%;
}

.dashboardWidget .browseFormsButton {
  border-left-color: #858585;
}

.dashboardWidget .btn-group {
  margin: 0;
  padding: 20px 0 0 15px;
}

.dashboardWidget button {
  background-color: #C7CAD0;
  border-color: #C7CAD0;
  padding: 5px 10px;
  color: #676F7C;
  text-shadow: none;
}

.widgetContent th {
  font-weight: normal;
}

.dashboardWidget .launchList li {
  border-bottom: 1px solid #C7CAD0;
}

.dashboardWidget .launchList li a.not-allowed {
  cursor: not-allowed;
}

.dashboardWidget .launchList li:nth-child(1) {
  padding-bottom: 3px;
  color: #AAAFB8;
}

.dashboardWidget .launchList li a {
  display: block;
  padding: 4px 10px;
  color: #0F58D6;
  text-decoration: none;
}

.dashboardWidget .launchList li a:hover {
  background-color: #E7EEFA;
}

.dashboardWidget.dashboard-exception-widget goplant-date-selector {
  left: 50px;
}

div.widgetContent {
  padding: 17px 20px 20px 20px;
  color: #AAAFB8;
}

div.widgetContent .table > thead > tr > th {
  border-bottom: 1px solid #C7CAD0;
  padding: 0 0 2px 0;
}

div.widgetContent .table > tbody > tr > td {
  border-top: 1px solid #C7CAD0;
  border-bottom: 1px solid #C7CAD0;
  background-color: transparent;
  padding: 2px 0 2px 0;
  color: #323232;
  cursor: pointer;
}

div.widgetContent .table > tbody > tr.not-allowed > td,
div.widgetContent .table > tbody > tr > td.not-allowed {
  cursor: not-allowed;
}
div.widgetContent .table > tbody > tr.not-allowed > td a,
div.widgetContent .table > tbody > tr > td.not-allowed a {
  cursor: not-allowed;
}

div.widgetContent .table > tbody > tr:hover td {
  background-color: #E7EEFA;
}

div.widgetContent .table > tbody > tr > td:first-child {
  color: #0F58D6;
  padding-left: 10px;
}

div.widgetContent .table > tbody > tr.danger td:last-child a {
  color: #EB202A;
}

div.widgetContent .table > tbody > tr.warning td:last-child a {
  color: #FF8004;
}

div.widgetContent .table > tbody > tr.success td:last-child a {
  color: #048942;
}

.dashboard {
  overflow-y: auto;
}

.dashboard-show {
  opacity: 1 !important;
}

.userInfo {
  cursor: default;
  /*cursor: pointer; &:hover { opacity: 0.7; } &:active {opacity: 0.3;}*/
}

.make-it-blue {
  background: #4f84e0;
}

.btn-export {
  background-color: #FCF6AE;
  height: 27px;
}

.reports #manager-report-tabs .table th,
.reports #manager-tabs .table th,
.manager #manager-report-tabs .table th,
.manager #manager-tabs .table th {
  cursor: pointer;
  padding-bottom: 0px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-top: 0px !important;
}
.reports #manager-report-tabs .table th:hover,
.reports #manager-tabs .table th:hover,
.manager #manager-report-tabs .table th:hover,
.manager #manager-tabs .table th:hover {
  opacity: 0.9;
}
.reports #manager-report-tabs .table th:active,
.reports #manager-tabs .table th:active,
.manager #manager-report-tabs .table th:active,
.manager #manager-tabs .table th:active {
  opacity: 0.3;
}
.reports #manager-report-tabs .table th div,
.reports #manager-tabs .table th div,
.manager #manager-report-tabs .table th div,
.manager #manager-tabs .table th div {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.reports #manager-report-tabs .table th .input-substitute,
.reports #manager-tabs .table th .input-substitute,
.manager #manager-report-tabs .table th .input-substitute,
.manager #manager-tabs .table th .input-substitute {
  background: #FFFFFF;
  border-top: 1px #AAAFB8 solid;
  height: 24px;
}
.reports #manager-report-tabs .table th input,
.reports #manager-tabs .table th input,
.manager #manager-report-tabs .table th input,
.manager #manager-tabs .table th input {
  border-bottom: 0px;
  border: 0px;
  border-right: 1px #EBECEE solid;
  background: #FCF6AE url(../images/search.png) no-repeat 3px center !important;
  border-right: 1px #AAAFB8 solid;
  border-top: 1px #AAAFB8 solid;
  background-size: 13px !important;
  text-indent: 18px;
  height: 24px;
}
.reports #manager-report-tabs .table th input::-webkit-input-placeholder,
.reports #manager-tabs .table th input::-webkit-input-placeholder,
.manager #manager-report-tabs .table th input::-webkit-input-placeholder,
.manager #manager-tabs .table th input::-webkit-input-placeholder {
  color: #AAAFB8;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
}
.reports #manager-report-tabs .table th input:-moz-placeholder,
.reports #manager-tabs .table th input:-moz-placeholder,
.manager #manager-report-tabs .table th input:-moz-placeholder,
.manager #manager-tabs .table th input:-moz-placeholder {
  /* Firefox 18- */
  color: #AAAFB8;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
}
.reports #manager-report-tabs .table th input::-moz-placeholder,
.reports #manager-tabs .table th input::-moz-placeholder,
.manager #manager-report-tabs .table th input::-moz-placeholder,
.manager #manager-tabs .table th input::-moz-placeholder {
  /* Firefox 19+ */
  color: #AAAFB8;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
}
.reports #manager-report-tabs .table th input:-ms-input-placeholder,
.reports #manager-tabs .table th input:-ms-input-placeholder,
.manager #manager-report-tabs .table th input:-ms-input-placeholder,
.manager #manager-tabs .table th input:-ms-input-placeholder {
  color: #AAAFB8;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
}
.reports #manager-report-tabs .table th:first-child input,
.reports #manager-tabs .table th:first-child input,
.manager #manager-report-tabs .table th:first-child input,
.manager #manager-tabs .table th:first-child input {
  border-left: 1px #AAAFB8 solid !important;
  background: #FFFFFF !important;
}
.reports #manager-report-tabs .table th:first-child input::-webkit-input-placeholder,
.reports #manager-tabs .table th:first-child input::-webkit-input-placeholder,
.manager #manager-report-tabs .table th:first-child input::-webkit-input-placeholder,
.manager #manager-tabs .table th:first-child input::-webkit-input-placeholder {
  color: #FFFFFF;
}
.reports #manager-report-tabs .table th:last-child input,
.reports #manager-tabs .table th:last-child input,
.manager #manager-report-tabs .table th:last-child input,
.manager #manager-tabs .table th:last-child input {
  border-right: 1px #AAAFB8 solid !important;
  background: #FFFFFF !important;
  color: #FFFFFF;
}
.reports #manager-report-tabs .table th:last-child input::-webkit-input-placeholder,
.reports #manager-tabs .table th:last-child input::-webkit-input-placeholder,
.manager #manager-report-tabs .table th:last-child input::-webkit-input-placeholder,
.manager #manager-tabs .table th:last-child input::-webkit-input-placeholder {
  color: #FFFFFF;
}

.filter {
  width: 100%;
  background: #FCF6AE !important;
}

.colsel {
  background: #4f84e0 !important;
  color: #FFFFFF;
}

.blockDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #FFFFFF;
  width: 0px;
  height: 0px;
  z-index: 10;
  color: #048942;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  padding-top: 50px;
}

.dashboardWidget th {
  background: #FFFFFF;
}
.dashboardWidget .fa {
  color: #FFFFFF;
}
.dashboardWidget .fa-close {
  font-size: 20px !important;
  margin-left: 15px;
}

.group-list {
  list-style-type: none;
  padding-left: 0px;
  cursor: pointer;
}
.group-list div:hover {
  opacity: 0.7;
}
.group-list div:active {
  opacity: 0.3;
}
.group-list .form-items:hover {
  opacity: 1;
  background: #FCF6AE;
}
.group-list li {
  padding-top: 3px;
}
.group-list i {
  font-size: 11px;
}

#chartEditFilters .fa-sort-desc {
  top: -6px;
}

.clickable {
  cursor: pointer;
}
.clickable:hover {
  opacity: 0.7;
}
.clickable:active {
  opacity: 0.3;
}

#info {
  padding-top: 19px !important;
}
#info .userInfo {
  padding-top: 2px !important;
}

.pageLoadLink {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.alamo-wrapp {
  overflow: hidden;
  margin-right: -15px;
  padding-left: 0px;
  width: 100%;
  padding-right: 0px;
  background: #FFFFFF;
}

.widget-chart {
  background: #AAAFB8;
}

.chart-content {
  background: #FFFFFF;
}

.chart-no {
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #323232;
  position: absolute;
  top: 203px;
  padding-left: 32%;
}

.select-chart {
  font-size: 16px;
  position: relative;
  top: -3px;
}

.alertify-confirm {
  z-index: 11111111 !important;
}

.alertify-logs {
  height: 60px;
}

.alertify-reverse-button-order .alertify-buttons {
  display: flex;
  justify-content: flex-end;
}
.alertify-reverse-button-order .alertify-buttons .alertify-button-cancel {
  order: 1;
  border: 1px solid #0F58D6 !important;
  background-color: #FFFFFF !important;
  color: #0F58D6 !important;
}
.alertify-reverse-button-order .alertify-buttons .alertify-button-cancel:hover {
  border: 1px solid #0F58D6 !important;
  background-color: #FFFFFF !important;
  color: #0F58D6 !important;
}
.alertify-reverse-button-order .alertify-buttons .alertify-button-ok {
  order: 2;
  border: 1px solid #0F58D6 !important;
  background-color: #0F58D6 !important;
  color: #FFFFFF !important;
}
.alertify-reverse-button-order .alertify-buttons .alertify-button-ok:hover {
  border: 1px solid #0F58D6 !important;
  background-color: #0F58D6 !important;
  color: #FFFFFF !important;
}

.ngdialog-content {
  background: transparent;
}

.gridicon {
  margin-left: 30px;
  margin-right: 10px;
  background: transparent !important;
  padding-top: 16px;
  cursor: pointer;
}
.gridicon .fa-th {
  font-size: 22px !important;
  color: #FFFFFF !important;
}
.gridicon:hover .fa-th {
  color: #FCF6AE !important;
}
.gridicon:active {
  opacity: 0.3;
}

.dash-ready {
  visibility: visible !important;
  transition: opacity 1s ease-in-out;
}

.dash-not-ready {
  opacity: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

.top-img {
  position: relative;
  top: 25px;
  margin-left: 15px;
}

.profile-name {
  border-right: 1px #8d8f8e solid;
  margin-top: 10px;
  margin-right: 3px !important;
}
.profile-name #info {
  padding-top: 10px !important;
  padding-bottom: 14px !important;
}

.blur {
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

#my_popup_wrapper {
  box-shadow: none !important;
}

.screenBlock {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  text-align: center;
  padding-top: 130px;
  background: rgba(255, 255, 255, 0.6);
}

td.assets-Forms,
td.forms-assetCount,
td.forms-taskCount,
td.forms-reportCount,
td.forms-version,
td.formTools-type,
td.formTools-formsCount,
td.tasks-type,
td.tasks-assigneeCount,
td.tasks-formCount,
td.tasks-assetCount,
td.reports-version {
  text-align: left;
}

th.assets-Forms,
th.forms-assetCount,
th.forms-taskCount,
th.forms-reportCount,
th.forms-version {
  text-align: left;
}

.empty-table-header {
  border: 0px;
  width: 20px;
  max-width: 20px;
}

.fa-sitemap {
  padding: 3px;
}

fa-check-circle {
  color: green;
}

.fa-sitemap:hover {
  background: #4f84e0;
  color: #FFFFFF;
  padding: 3px;
}

.groups-tree {
  height: 500px;
  overflow-y: scroll;
  padding: 15px;
  padding-bottom: 0px;
  margin-top: 0px;
  list-style-type: none;
  background: #FFFFFF;
  border-bottom: 1px #F6F6F6 solid;
}
.groups-tree li {
  padding-left: 25px;
  cursor: pointer;
}
.groups-tree li:hover {
  background: #FCF6AE;
  font-weight: bold;
}
.groups-tree img {
  height: 22px;
}

.breadcrumb {
  z-index: 1111;
}
.breadcrumb .dropdown-menu > li > a {
  padding: 0px 20px;
}
.breadcrumb .dropdown-menu > li > a img {
  height: 22px;
}
.breadcrumb .dropdown-menu > li > a .blank-img {
  height: 1px;
}

.menu-img {
  position: absolute;
  height: 22px;
}

.padd-10 {
  padding-left: 10px !important;
}

.padd-27 {
  padding-left: 27px !important;
}

.padd-44 {
  padding-left: 44px !important;
}

.padd-61 {
  padding-left: 61px !important;
}

.padd-78 {
  padding-left: 78px !important;
}

.padd-95 {
  padding-left: 95px !important;
}

/* html and aboutModalBackground are just for this example. */
.aboutModalBackground {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #09398B;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  cursor: pointer;
}

/* GoPlant About dialog css */
.aboutDialog {
  position: relative;
  box-sizing: border-box;
  margin: 91px auto 0 auto;
  min-width: 480px;
  max-width: 600px;
  background-color: #FFFFFF;
  padding-bottom: 17px;
  box-shadow: 0 4px 25px 6px rgba(0, 0, 0, 0.7);
}

.aboutTitlebar {
  background-color: #0F58D6;
  padding: 16px 20px;
}

.aboutTitlebar h1 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  color: #FFFFFF;
}

.closeAbout {
  float: right;
  font-size: 22px;
  color: #FFFFFF;
}

.aboutBody p {
  width: 415px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.aboutBody button {
  color: #FFFFFF;
  border: 0px;
  text-align: center;
  margin-top: 20px;
}

.goplant-from-skf {
  text-align: center;
  font-size: 36px;
}

.aboutLogo {
  margin-top: 10px;
  margin-left: 10px;
}

.aboutVersion {
  margin: 10px 70px 0 70px;
  border-bottom: 1px solid #C7CAD0;
  padding-bottom: 10px;
  font-size: 26px;
  line-height: 26px;
  text-align: center;
  color: #8d8f8e;
}

.aboutLicense {
  margin-top: 14px;
}
.aboutLicense table {
  width: 75%;
  margin-left: 15%;
}
.aboutLicense a[href^="tel:"]:before {
  content: "☎";
  margin-right: 0.5em;
}
.aboutLicense a[href^="mailto:"]:before {
  content: "✉";
  margin-right: 0.5em;
}

.aboutLicense p {
  padding: 0;
  font-size: 16px;
  line-height: 26px;
  color: #0F58D6;
}

.aboutLicense p:nth-child(1) {
  text-align: left;
  font-weight: bold;
  padding-bottom: 10px;
}

.aboutCopyright {
  margin-top: 19px;
  margin-left: 30px;
  margin-right: 30px;
}

.aboutCopyright p {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
  color: #8d8f8e;
  margin-left: auto;
  margin-right: auto;
}

.aboutLicense label {
  text-align: left;
  margin-right: 15px;
  margin-bottom: 1px;
}

/*  GETTING OPEN SANS IS ONLY NEEDED FOR THIS HTML/CSS SKETCH. THE PROJECT ALREADY INCLUDES IT. */
/* REMOVE THE ABOVE TWO LINES ================================================================= */
#sysAdmin {
  /* move this to Alamo.css as the system comes together */
  /* pageToolbar 
      Note: many pages have .pageToolbar.  These rules need to be moved into Alamo.css at some point... 
      But be careful - some .pageToolbars need position fixed, some position relative.
      If the page has complex scrolling behavior, like the form designer it requires position fixed,
      otherwise its a regularly scrolling page and it needs position relative. rl */
  /* a few more global bootstrap rules, candidates for promotion to Alamo.css */
  /* more candidates for Alamo.css.  At some point we need to collect all candidates into Alamo.css and see what happens. */
  /* the following is a candidate for formatting ALL buttons that show menus. If this works we should move it as is to Alamo.css */
  /* working on a general use table look and feel.  Needs more work but it might make a good default table for all of the app... */
  /* for tab panels that use 'cards' for content display. */
}
#sysAdmin input[type=text].form-control,
#sysAdmin textarea.form-control {
  background-color: #FCF6AE;
}
#sysAdmin .pageToolbar {
  position: relative;
  height: 54px;
  margin: 0;
  border-radius: 0;
  background-color: #0F58D6;
  font-size: 16px;
  color: #FFFFFF;
  box-shadow: none;
}
#sysAdmin .pageToolbar .container,
#sysAdmin .pageToolbar .container-fluid {
  background-color: transparent;
  padding: 0;
}
#sysAdmin .pageToolbar .navbar {
  margin-bottom: 0;
  background-color: #0F58D6;
  box-shadow: none;
}
#sysAdmin .pageToolbar p.navbar-text {
  margin-left: 20px;
}
#sysAdmin .pageToolbar .featureName {
  font-weight: bold;
}
#sysAdmin .pageToolbar .nav a {
  font-size: 22px;
  color: #FFFFFF;
  transition: background-color 0.25s, color 0.25s;
}
#sysAdmin .pageToolbar li:last-child a {
  padding-right: 20px;
}
#sysAdmin .pageToolbar .nav a:hover {
  background-color: transparent;
  color: black;
}
#sysAdmin .pageToolbar .nav a:active {
  background-color: transparent;
  color: #4f84e0;
  transition: color 0.1s;
}
@media (min-width: 0) {
  #sysAdmin {
    /* remove the bootstrap default responsive behavior for .navbar elements in .pageToolbar. 
       There are a lot of elements involved.  This is really tricky. 
       BTW: min-width actually means "Greater than or equal to".  
       So min-width:0 means "When the viewport is greater than or equal to zero"
       which means this media query ALWAYS applies. */
  }
  #sysAdmin .pageToolbar .navbar {
    border-radius: 0;
  }
  #sysAdmin .pageToolbar ul.navbar-nav {
    float: left;
    margin: 0;
  }
  #sysAdmin .pageToolbar .navbar-left {
    float: left !important;
  }
  #sysAdmin .pageToolbar .navbar-right {
    float: right !important;
  }
  #sysAdmin .pageToolbar .navbar-nav > li {
    float: left;
  }
  #sysAdmin .pageToolbar .nav > li {
    position: relative;
    display: block;
  }
  #sysAdmin .pageToolbar .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
#sysAdmin [data-toggle=collapse] {
  cursor: pointer;
}
#sysAdmin .panel-heading .fa {
  padding-right: 6px;
}
#sysAdmin .panel-body h4 {
  font-size: 16px;
  color: #555555;
}
#sysAdmin .panel-body h4:first-child {
  margin-top: 0;
}
#sysAdmin .panel-body .checkbox:first-child {
  margin-top: 0;
}
#sysAdmin .checkbox label + input {
  margin-top: 10px;
}
#sysAdmin .btn-default {
  color: #FFFFFF;
}
#sysAdmin .btn-default:hover {
  color: #FFFFFF;
}
#sysAdmin .dropdown .btn-default i.fa {
  float: right;
  margin-right: -5px;
  padding-left: 20px;
  font-size: 24px;
  line-height: 7px;
}
#sysAdmin .goTableTitle {
  margin-bottom: 0;
  padding: 10px 10px 10px 0;
  font-size: 14px;
  font-weight: bold;
  color: #0F58D6;
}
#sysAdmin .goTable {
  margin-bottom: 40px;
  color: #323232;
}
#sysAdmin .goTable:last-child {
  margin-bottom: 0;
}
#sysAdmin .goTable thead tr th {
  border-bottom: 0;
  background-color: #EBECEE;
  font-weight: normal;
  color: #8d8f8e;
  cursor: pointer;
}
#sysAdmin .goTable tbody tr td {
  border-top: 1px solid #D5D8DC;
  transition: background-color 0.25s;
}
#sysAdmin .goTable tbody tr:first-child td {
  border-top: 0;
}
#sysAdmin .goTable tbody tr:last-child td {
  border-bottom: 1px solid #D5D8DC;
}
#sysAdmin .goTable tbody tr.edited td {
  border-top-color: #FFFFFF;
}
#sysAdmin .goTable th.sorted {
  background-color: #4f84e0;
  color: #FFFFFF;
}
#sysAdmin .goTable td.sorted {
  background-color: #EBECEE;
}
#sysAdmin .goTable tr:hover td {
  background-color: #FCF6AE;
}
#sysAdmin .goTable tr:hover td.sorted {
  background-color: #F6F6F6;
}
#sysAdmin .withCards {
  background-color: #F6F6F6;
}
#sysAdmin .withCards .layoutCard {
  margin-bottom: 10px;
  background-color: #FFFFFF;
  padding: 10px;
}
#sysAdmin .withCards .layoutCard:last-child {
  margin-bottom: 0;
}
#sysAdmin .layoutCard h4 {
  font-weight: bold;
  color: #0F58D6;
}
#sysAdmin .layoutCard .form-group {
  margin: 0;
  border-top: 1px solid #EBECEE;
}
#sysAdmin .layoutCard input[type=text],
#sysAdmin .layoutCard textarea,
#sysAdmin .layoutCard button {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #EBECEE;
}

/* specific rules for Sys admin */
#sysAdmin {
  background-color: #FFFFFF;
  padding: 20px;
}

#sysAdmin h1 {
  margin: 0 0 20px 0;
  font-size: 24px;
  font-weight: bold;
}

#sysAdmin h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: bold;
}

#sysAdmin .form-horizontal h3 {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: bold;
}

#sysAdmin .form-horizontal .control-label {
  font-weight: normal;
  text-align: left;
  padding-bottom: 6px;
}

#sysAdmin .panel-body {
  padding-top: 16px;
}

.reportrow td {
  border: 0px !important;
}

.chartrow td:first-child {
  background: #FFFFFF url(../images/tree_connect_trb.gif) no-repeat 12px bottom !important;
  background-size: 37px !important;
}
.chartrow td {
  border: 0px !important;
  background: #FFFFFF !important;
}

.chartrow-last td:first-child {
  background: #FFFFFF url(../images/tree_connect_tr.gif) no-repeat 12px bottom !important;
  background-size: 37px !important;
}
.chartrow-last td {
  border-bottom: 1px solid #E2E4E7 !important;
}

.asset-popup-content {
  background: #FFFFFF;
  padding: 5px 35px;
}
.asset-popup-content .asset-element .asset-title {
  line-height: 30px;
}
.asset-popup-content .asset-element .status-icon {
  position: absolute !important;
  margin-top: 4px;
  margin-left: 9px;
}
.asset-popup-content .popup-buttons button {
  min-width: 33% !important;
}
.asset-popup-content .popup-head {
  padding: 15px 10px;
  border-bottom: 1px solid #EBECEE;
  text-align: center;
  background: #8d8f8e;
  font-size: 1.7rem !important;
  background: #0F58D6 !important;
  top: -1px !important;
}
.asset-popup-content .popup-title {
  background: transparent !important;
  color: #FFFFFF !important;
  font-size: 1.5rem;
  font-weight: bold;
}
.asset-popup-content .asset-popup-button {
  position: absolute;
  right: -6px;
  top: 3px;
  color: #FFFFFF !important;
  font-size: 1.5rem;
  font-weight: bold;
  box-shadow: none !important;
}
.asset-popup-content .asset-popup-button icon {
  top: 3px;
  font-size: 1.8rem;
  position: relative;
  padding: 0px 10px;
}
.asset-popup-content .asset-popup-button-edit {
  right: 64px;
  width: 65px;
  display: none;
}
.asset-popup-content .asset-popup-button-edit icon {
  border-right: 1px #AAAFB8 solid;
}
.asset-popup-content .asset-popup-button-inbox {
  display: none;
  right: 30px;
}
.asset-popup-content .asset-popup-button-inbox icon {
  border-right: 1px #AAAFB8 solid;
}
.asset-popup-content .popup-container {
  width: 90% !important;
  max-width: 600px !important;
  margin-left: auto;
  pointer-events: auto;
  margin-right: auto;
  height: 100%;
}
.asset-popup-content .popup-container .popup {
  box-shadow: 0px 0px 13px #323232;
  max-height: 98%;
}
.asset-popup-content .popup-container .popup {
  width: 100%;
  height: 100%;
}
.asset-popup-content .popup-container .popup h3 {
  color: #FFFFFF;
  font-weight: bold;
}
.asset-popup-content .popup-container .popup .asset-popup-button {
  top: 3px !important;
  position: absolute;
}
.asset-popup-content .asset-element {
  padding: 10px;
  border-bottom: 1px #E2E4E7 solid;
}
.asset-popup-content .asset-element div {
  display: inline-block;
}
.asset-popup-content .asset-element .asset-element-image {
  border: 1px #E2E4E7 solid;
}
.asset-popup-content .asset-element .asset-element-label {
  width: 27%;
  text-align: right;
  color: #AAAFB8;
  padding-right: 20px;
  vertical-align: top;
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asset-popup-content .asset-element .asset-element-value {
  width: 71%;
  text-align: left;
  color: #8d8f8e;
  font-size: 1.5rem;
}
.asset-popup-content .asset-element .asset-status-NonNominal {
  color: #EB202A;
  font-weight: bold;
}
.asset-popup-content .asset-element .asset-status-NonNominal img {
  position: absolute;
  margin-left: 10px;
  margin-top: -3px;
}
.asset-popup-content .asset-element .asset-status-Nominal {
  color: blue;
  font-weight: bold;
}
.asset-popup-content .asset-element .asset-status-Nominal img {
  position: absolute;
  margin-left: 10px;
  margin-top: -3px;
}
.asset-popup-content .asset-element .asset-status-Disabled {
  color: #AAAFB8;
  font-weight: bold;
}
.asset-popup-content .asset-element .asset-status-Disabled img {
  position: absolute;
  margin-left: 10px;
  margin-top: -3px;
}
.asset-popup-content .asset-element .asset-title {
  color: #09398B;
  font-weight: bold;
  padding-top: 8px;
  font-size: 1.5rem !important;
}
.asset-popup-content .asset-element .asset-title img {
  border: 0px !important;
}
.asset-popup-content .asset-form-title {
  font-size: 1.5rem;
  color: #4f84e0;
  font-weight: bold;
  border-bottom: solid 1px #4f84e0;
  display: inline;
  padding-bottom: 0px;
  cursor: pointer;
}
.asset-popup-content .asset-status {
  position: relative;
  top: -2px;
}
.asset-popup-content .popup-buttons .button {
  background: #0F58D6 url(../images/sprite-form.png) 0px -232px repeat-x;
  border-color: #C7CAD0 !important;
  color: #858585 !important;
  font-weight: bold !important;
  font-size: 1.4rem !important;
}
.asset-popup-content .list .item {
  color: black;
  border: 0px;
}
.asset-popup-content .launch {
  min-height: 25px !important;
  line-height: 31px;
  color: #FFFFFF;
  font-weight: 400;
  border: 0px;
  border-radius: 3px;
  font-size: 15px;
  padding: 5px 10px;
  padding: 5px 10px;
  cursor: pointer;
}
.asset-popup-content .launch-ontime {
  background: #4f84e0;
}
.asset-popup-content .asset-form-title-x {
  cursor: normal;
}

.truncate {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  overflow: hidden;
  color: black;
  display: inline-block;
  line-height: 14px;
}

.not-allowed {
  cursor: not-allowed;
}

.vibration-settings input {
  width: unset;
}
.vibration-settings input[type=radio] {
  margin-left: 9px;
  height: 17px;
  width: 17px;
  vertical-align: middle;
  margin-top: unset;
}
.vibration-settings label {
  font-weight: normal;
  vertical-align: middle;
  margin-bottom: unset;
}

.truncate1 {
  width: 13% !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  overflow: hidden;
  color: #000000;
  display: inline-block;
  line-height: 14px;
}

.groupName {
  display: inline-block;
  width: 170px;
  font-weight: bold;
  padding-left: 5px;
  position: relative;
  top: 3px;
}

.formName {
  display: inline-block;
  width: 230px;
  font-weight: normal;
  padding-left: 5px;
  position: relative;
  top: 3px;
}

.top-headers {
  width: 688px;
  height: 20px;
  border: 0px;
  margin-bottom: -9px;
  font-weight: bold;
  margin-left: 21px;
  overflow: hidden;
  padding-left: 0px;
  list-style-type: none;
}
.top-headers .truncate {
  cursor: pointer;
}
.top-headers .truncate:hover {
  color: #0F58D6;
}

.fa-sort-asc {
  font-size: 18px;
  position: relative;
  top: 6px;
  left: 2px;
  color: #0F58D6;
}

.fa-sort-desc {
  font-size: 18px;
  position: relative;
  top: -2px;
  left: 2px;
  color: #0F58D6;
}

.keyvalue,
.keyvalue-header {
  height: 190px;
  width: 330px;
  margin: 0px 20px;
  padding: 0px;
  overflow-y: auto;
  border: 1px #AAAFB8 solid;
}
.keyvalue li,
.keyvalue-header li {
  height: 25px;
  border-bottom: 1px #F6F6F6 solid;
  padding-top: 4px;
  padding-bottom: 1px;
}
.keyvalue li:hover,
.keyvalue-header li:hover {
  background: #FCF6AE;
}

.keyvalue-header li .truncate {
  font-weight: bold;
}
.keyvalue-header li:hover {
  background: #FFFFFF;
}

.import-hide {
  position: absolute;
  opacity: 0;
  left: 100px;
  width: 1px;
}

.btn-apply {
  width: 120px;
  position: relative;
  left: 86px;
  top: 230px;
}

.admin-content {
  border: 1px #AAAFB8 solid;
  margin-top: 20px;
  padding-bottom: 0px;
}
.admin-content .fa {
  font-size: 16px;
}
.admin-content h3 {
  font-size: 20px;
}
.admin-content button {
  background: #FFFFFF;
  color: black;
  background-color: whitesmoke;
  border: 1px #AAAFB8 solid !important;
  height: 30px;
  line-height: 12px;
  position: relative;
  top: -1px;
}
.admin-content button:hover {
  background-color: whitesmoke;
  color: #323232;
}
.admin-content input {
  height: 30px;
  border-radius: 4px;
  border: 1px #AAAFB8 solid;
  text-indent: 10px;
}
.admin-content .checkbox label {
  margin-right: 10px;
  font-weight: 400;
}
.admin-content .asset-label {
  margin-left: 105px;
}
.admin-content .category-label {
  font-weight: 700 !important;
}
.admin-content .states-label {
  text-align: right;
  margin-right: 30px;
  margin-left: 20px;
  width: 53px;
}
.admin-content .skipping-vibration-label {
  margin-right: -2px;
  width: 85px;
  margin-left: 20px;
}
.admin-content input[type=checkbox] {
  top: -9px;
  position: relative;
  font-weight: 400;
}
.admin-content fieldset.scheduler-border {
  border: 1px #AAAFB8 solid !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  box-shadow: 0px 0px 0px 0px #000000;
}
.admin-content legend.scheduler-border {
  width: inherit;
  /* Or auto */
  padding: 0 10px;
  /* To give a bit of padding on the left and right */
  border-bottom: none;
  font-size: 13px;
  font-weight: 400;
}

.admin-settings {
  margin-top: 20px;
  width: 285px;
  border-radius: 0px !important;
  padding-right: 3px;
}
.admin-settings .btn-default {
  background: #FFFFFF;
  border-radius: 0px !important;
  border: 1px #AAAFB8 solid;
  text-align: left;
}
.admin-settings .active {
  background-color: #0F58D6;
  box-shadow: none;
  color: #FFFFFF !important;
  font-weight: 400;
}

.table-logs td {
  padding: 6px 0px 3px 4px !important;
  font-size: 12px !important;
}

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

.table-scroller {
  height: 300px;
  overflow-y: scroll;
  margin-bottom: 16px;
  border-bottom: 1px #AAAFB8 solid;
}

.alert-table tr {
  cursor: pointer;
}
.alert-table th {
  font-weight: bold;
  font-size: 12px;
  border-right: 1px #AAAFB8 solid;
}
.alert-table td {
  font-size: 12px;
  border-right: 1px #AAAFB8 solid;
}

.alert-label {
  text-align: left;
  font-weight: bold;
  width: 130px;
  padding-bottom: 10px;
}

.alert-value {
  text-align: left;
  font-weight: normal;
  padding-bottom: 10px;
}

.alert-span {
  padding-left: 30px;
  padding-bottom: 10px;
}

.alert-ul {
  padding: 0;
}

.high-Warning {
  background-color: #FCF6AE !important;
}

.high-Critical {
  background-color: pink !important;
}

.general-tab {
  margin-left: 30px;
  overflow-y: auto;
  height: 100vh;
}

.apply {
  background: #4f84e0 !important;
  color: #FFFFFF !important;
  margin-top: 30px !important;
  border: 0px !important;
  width: 150px !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto;
}

.viewLink {
  position: absolute;
  left: 25px;
  top: 26px;
}

.color-wrapper {
  position: relative;
  width: 250px;
  margin: 0px;
}

.color-wrapper p {
  margin-bottom: 5px;
}

input.call-picker {
  border: 1px solid #AAAFB8;
  color: #676F7C;
  text-transform: uppercase;
  float: left;
  outline: none;
  padding: 10px;
  text-transform: uppercase;
  width: 85px;
}

.color-picker {
  width: 300px;
  background: #D5D8DC;
  height: 135px;
  padding: 5px;
  border: 5px solid #FFFFFF;
  box-shadow: 2px 2px 8px 1px #000000;
}

.color-holder {
  background: #FFFFFF;
  cursor: pointer;
  border: 1px solid #AAAFB8;
  width: 40px;
  height: 40px;
  float: left;
  margin-left: 5px;
}

.color-picker .color-item {
  cursor: pointer;
  width: 20px;
  height: 20px;
  list-style-type: none;
  float: left;
  margin: 2px;
  border: 1px solid #E2E4E7;
}

.color-picker .color-item:hover {
  border: 1px solid #676F7C;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
}

.displayCancel {
  visibility: visible !important;
}

div.widgetContent .table > tbody > tr > td.dangerBar {
  background-color: #EB202A;
  color: #FFFFFF;
}

div.widgetContent .table > tbody > tr > td.warningBar {
  background-color: #FF8004;
  color: #FFFFFF;
}

div.widgetContent .table > tbody > tr > td.successBar {
  background-color: #048942;
  color: #FFFFFF;
}

#collapse-panel .panel-default .panel-heading {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 30px;
}

#collapse-panel .panel-default .panel-heading .panel-title {
  color: black;
  font-size: 14px !important;
}

.text-splitter {
  color: #0F58D6;
}

.just-red-font {
  color: red;
}

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

.goplant-syncing-progress {
  position: absolute;
  color: #FFFFFF;
  z-index: 100000;
  font-size: 20px;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
}

.asset-settings-category-header {
  border: 1px silver solid;
  margin-top: 10px;
  margin-bottom: -11px;
  background-color: #30ace6;
  padding: 7px;
}

.asset-settings-category-table {
  border: 1px silver solid;
  margin-top: 10px;
  height: 306px;
  overflow: auto;
}

div.ngdialog div.goplant-reports-base {
  height: calc(100vh - 34px);
  width: 98%;
  margin-top: 1%;
  float: left;
  min-height: initial;
  border: 0;
  padding: 0px;
  box-shadow: none;
  background: white;
}
div.ngdialog div.goplant-reports-base.goplant-reports-jasper {
  height: calc(100vh - 80px);
}
div.ngdialog div.goplant-reports-base.goplant-reports-telerik {
  height: calc(100vh - 34px);
  width: 98%;
}

iframe #reportViewer1 {
  width: 50vw;
  height: 50vh;
}

[ghost-name=report-schedule-tab-content-output] .fa-toggle-on {
  color: #0F58D6;
  font-size: 18px;
}
[ghost-name=report-schedule-tab-content-output] .fa-toggle-off {
  color: #000000;
  font-size: 18px;
}

.alertify {
  z-index: 111111111;
}

.alertify-button-cancel, .alertify-button-ok {
  background: #0F58D6;
  border: 0;
  color: #FFFFFF;
  text-shadow: none;
}

.alertify-button-cancel:hover, .alertify-button-ok:hover {
  opacity: 0.7;
}

.alertify-button-cancel {
  position: relative;
  float: right;
}

.alertify-button-ok {
  position: relative;
}

.make-it-blue {
  background: #4f84e0;
  color: #FFFFFF;
}

.required {
  color: #EB202A;
  font-weight: bold;
}

div.widgetHeader.panel-heading {
  border: 0;
  border-radius: 0;
  background-color: #0F58D6;
  padding-left: 10px;
  font-size: 14px;
  line-height: 23px;
  color: #FFFFFF;
  cursor: move;
}

.checkbox {
  margin-left: 0px !important;
}

.dashboardWidget .danger, .group-list .danger {
  color: #EB202A !important;
}

.dashboardWidget .success, .group-list .success {
  color: #048942 !important;
}

.ngdialog-overlay {
  z-index: -10;
}

.ngdialog-content {
  border-radius: 6px;
  background: transparent;
}

.filter {
  background: #FCF6AE !important;
  border: 1px #C7CAD0 solid;
}

.custom-file-input {
  color: transparent;
  padding-left: 20px;
  width: 85px;
  height: 30px;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  content: "Import";
  display: inline-block;
  background: #4f84e0;
  color: #FFFFFF;
  border: 0px;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 400;
  font-size: 10pt;
}

.custom-file-input:hover::before {
  border-color: #000000;
}

.custom-file-input:active {
  outline: 0;
}

.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #E2E4E7, #F8F8F8);
}

.date-pick {
  margin: 0px;
  padding: 0px;
  left: -4px;
}

.amcharts-export-menu-top-right {
  top: 40%;
  right: 0;
}

.control-label {
  font-weight: bold !important;
  color: #000000 !important;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.alertify-logs {
  z-index: 11000;
}

#my_popup_background, .ngdialog-overlay {
  background: #09398B url("../assets/img/loading_intersection.gif") no-repeat center !important;
  opacity: 0.7 !important;
}
/** The $skf-sand, when used as a background, makes the input box look disabled.  Useing SKF light yellow for now. */
.text-white {
  color: #FFFFFF;
}

.text-black {
  color: #000000;
}

input[type=text].gp, textarea.gp, select.gp {
  border-color: #AAAFB8;
  border-width: 1px;
  border-radius: 0.125rem;
}
input[type=text].gp.text-base, textarea.gp.text-base, select.gp.text-base {
  font-size: 14px;
  line-height: 25px;
}
input[type=text].gp:focus, textarea.gp:focus, select.gp:focus {
  border-color: #0F58D6;
  box-shadow: 1px 1px #0F58D6, -1px -1px #0F58D6, 1px -1px #0F58D6, -1px 1px #0F58D6;
}

textarea.gp.text-base {
  line-height: 20px;
  height: 64px;
  width: 97%;
}

nav.alertify-buttons > button.alertify-button-ok,
nav.alertify-buttons > button.alertify-button-cancel,
button.btn-sm.gp,
select.btn-sm.gp {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  transition: background-color 0.25s, border-color 0.25s;
}

nav.alertify-buttons > button.alertify-button-cancel,
button.btn-sm.gp.primary {
  border: 1px solid #0F58D6 !important;
  background-color: #0F58D6 !important;
  color: #FFFFFF !important;
}

nav.alertify-buttons > button.alertify-button-cancel:hover,
button.btn-sm.gp.primary:hover,
button.btn-sm.gp:hover,
select.btn-sm.gp:hover {
  background-color: #0c4ab6 !important;
}

nav.alertify-buttons > button.alertify-button-ok,
button.btn-sm.gp.secondary,
select.btn-sm.gp.secondary {
  border: 1px solid #0F58D6 !important;
  background-color: #FFFFFF !important;
  color: #0F58D6 !important;
}

nav.alertify-buttons > button.alertify-button-ok:hover,
button.btn-sm.gp.secondary:hover,
select.btn-sm.gp.secondary:hover {
  border-color: #0F58D6 !important;
  background-color: #EBECEE !important;
  color: #0F58D6 !important;
}

button.btn-sm.gp[disabled],
button.btn-sm.gp.primary[disabled],
button.btn-sm.gp.secondary[disabled],
select.btn-sm.gp[disabled],
select.btn-sm.gp.primary[disabled],
select.btn-sm.gp.secondary[disabled] {
  color: #858585;
  background-color: #EBECEE;
  border-color: transparent;
  cursor: not-allowed;
}

button.gp.pull-right {
  margin-left: 5px;
}

button.gp.pull-left {
  margin-right: 5px;
}

nav.alertify-buttons {
  background: #FFFFFF;
  border-top: 0px;
}

section.alertify {
  border-radius: 0px;
}
section.alertify article li.gp-alertify-li {
  list-style-type: none;
  margin-left: -23px;
}

.gp-list-row:nth-child(odd) {
  background-color: #FFFFFF;
}

.gp-list-row:nth-child(even) {
  background: #F8F8F8;
}

.gp-list-row:hover {
  background: #E7EEFA;
  box-shadow: inset 0 0 0 1px #4f84e0;
  outline: none;
}

.gp-list-row {
  height: 35px;
  position: relative;
}
.gp-list-row i.fa {
  cursor: pointer;
  font-size: 18px;
  padding-right: 0px;
}

.gp-list-row .vertical-center {
  top: 25%;
}

goplant-sg-selector .goplant-sg-background {
  background-color: #8d8f8e;
  width: 100%;
  height: 100%;
  right: 0px;
  position: fixed;
  /* For Safari 3.1 to 6.0 */
  transition: opacity 1.5s;
  z-index: 10001;
}

goplant-sg-selector .goplant-sg-background.up {
  top: 0px;
  opacity: 0.8;
}

goplant-sg-selector .goplant-sg-background.down {
  opacity: 0.1;
}

.goplant-sg-selector {
  transform: translateX(-50%);
  width: 50%;
  position: fixed;
  top: 33px;
  left: 50%;
  max-height: 90%;
  overflow-x: auto;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  min-width: 550px !important;
  box-shadow: 0px 0px 40px black;
  /* For Safari 3.1 to 6.0 */
  transition: top 0.5s;
  z-index: 10001;
  resize: horizontal;
  background-color: white;
  font-size: 17px;
  overflow: hidden;
}

.goplant-sg-selector.template {
  width: auto;
  left: 50%;
}

goplant-sg-selector .up {
  top: 33px;
}

goplant-sg-selector .down {
  top: 110%;
}

.goplant-sg-selector .storage-group {
  background-color: #FFFFFF;
  border-bottom: 1px solid #CBCBCB;
  color: #0F58D6;
}

.goplant-sg-selector ul.ul {
  list-style-type: none;
  padding-left: 10px;
  width: 100%;
  margin-top: 10px;
  height: auto !important;
}

.goplant-sg-selector .panel-main-heading {
  border-width: 0px;
  margin-bottom: 0px;
}

.goplant-sg-selector .panel-heading {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 55px;
}

.goplant-sg-selector .panel-selector {
  border-color: #EBECEE;
  border-style: solid;
  border-width: 5px;
  height: auto;
}

.goplant-sg-selector .panel-heading.main-heading {
  background-color: #0F58D6;
  color: #FFFFFF;
  margin-bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.goplant-sg-selector .node-sg-selector {
  overflow: auto;
  max-height: 63vh;
}

.goplant-sg-selector input {
  width: 90%;
}

.goplant-sg-selector .checkbox {
  width: 20px;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

.goplant-sg-selector .checkbox-text {
  font-size: 17px;
  font-weight: 500;
}

.goplant-sg-selector .input-checkbox:hover {
  background-color: #E7EEFA;
  cursor: pointer;
}

.goplant-sg-selector .form-forms {
  margin-top: 0px;
}

.goplant-sg-selector .form-forms li {
  list-style-type: circle;
  margin-left: 40px;
}

.goplant-sg-selector .storageGroup-scroll a.collapsed span:before {
  /* symbol for "collapsed" panels */
  content: "\f054";
}

.goplant-sg-selector .storageGroup-scroll a span:before {
  content: "\f078";
  float: right;
  color: grey;
}

.goplant-sg-selector .asset-form-item:hover {
  background-color: #E7EEFA;
  cursor: pointer;
}

.goplant-sg-selector .selector-filter {
  margin-bottom: 5px;
}

.goplant-sg-selector i.slider-i.fa-close {
  color: #FFFFFF;
  margin-top: -3px;
  font-size: 21px;
  cursor: pointer;
}

.tree-view-sidebar {
  height: 100%;
  width: 26px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #E2E4E7;
  overflow-x: clip;
  padding-top: 75px;
  box-sizing: border-box;
  z-index: 9999;
}

.gutter {
  width: 3px;
  height: 100%;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  right: 0px;
  cursor: col-resize;
}

.tree-view-sidebar .menu-btn {
  position: absolute;
  top: 80px;
  right: 20px;
  font-size: 15px;
  margin-left: 50px;
  border-width: 1px;
  z-index: 9999;
  caret-color: transparent;
}

.tree-view-sidebar .menu-btn-collapse {
  position: absolute;
  top: 70;
  right: 2px;
  font-size: 15px;
  margin-left: 50px;
  border-width: 0px;
  background: #E2E4E7;
  caret-color: transparent;
}

.goplant-tree-groups-selected {
  background: #E7EEFA !important;
  color: #000000;
}

.tree-view-sidebar .menu-label {
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
}

.tree-view-sidebar .tree-side-bar-span {
  margin-left: -37px;
}

.tree {
  margin-top: 0px;
  overflow: auto;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}

.tree ul {
  list-style: none;
  line-height: 2en;
}

.tree ul li {
  position: relative;
}

.tree summary {
  margin-top: 3px;
}

.tree ul summary::before {
  pointer-events: auto;
  position: absolute;
  left: -38px;
  top: 9px;
  content: "+";
  background: #FFFFFF;
  border: 1px solid #AAAFB8;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50em;
  text-align: center;
  line-height: 13px;
  z-index: 999;
}

.tree ul details[open] > summary::before {
  pointer-events: auto;
  content: "-";
  line-height: 10px;
}

.tree li span {
  display: inline-block;
  padding: 3px 8px;
  text-decoration: none;
  background: #FFFFFF;
  min-width: 150px;
  margin-top: 2px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px 0px #C7CAD0;
  margin-left: -18px;
}

.tree ul li::before {
  position: absolute;
  left: -50px;
  top: -12px;
  border-left: 1px solid #AAAFB8;
  border-bottom: 1px solid #AAAFB8;
  content: "";
  width: 15px;
  height: 29px;
  z-index: -99;
}

.tree ul li::after {
  position: absolute;
  left: -50px;
  bottom: 0px;
  border-left: 1px solid #AAAFB8;
  content: "";
  width: 10px;
  height: 100%;
}

.tree details {
  position: relative;
}

.tree details details {
  margin-left: -19px;
}

.tree ul li:last-child::after {
  display: none;
}

.tree > ul > summary::before {
  margin-left: 10px;
}

.tree > ul > li::before {
  left: -31px;
}

.tree > ul > li::before, .tree > ul > li::after {
  border-left: 0px;
  border-bottom: 1px solid #AAAFB8;
}

.tree li span:hover,
.tree li span:hover + ul li span {
  cursor: pointer;
  background: #F6F6F6;
}

.moving {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.gp.is-invalid::after {
  content: "!";
  color: #EB202A;
  font-size: 20px;
  display: contents;
}

input[type=text].gp.is-invalid, textarea.gp.is-invalid {
  border-color: #EB202A;
  color: #EB202A;
  border-width: 2px;
}

div.gp.is-invalid input[type=text].gp, div.gp.is-invalid textarea.gp,
span.gp.is-invalid input[type=text].gp,
span.gp.is-invalid textarea.gp {
  border-color: #EB202A;
  color: #EB202A;
  border-width: 2px;
}

div.gp.is-invalid::after {
  position: absolute;
  margin-left: 6px;
  display: inline;
}
div.gp.is-invalid.align-right::after {
  right: -12px;
}

div.gp.is-invalid:not(.textarea-wrapper) {
  border-style: solid;
  border-width: 2px;
  border-color: #EB202A;
  border-radius: 3px;
}

button.gp.secondary.is-invalid {
  border-color: #EB202A;
}
button.gp.secondary.is-invalid::after {
  margin-left: 15px;
  position: absolute;
  display: inline;
}
button.gp.secondary.is-invalid.dropdown-toggle::after {
  margin-left: 28px;
}

span.gp.is-invalid-subtext {
  color: #EB202A;
  font-size: 10px;
  width: max-content;
  position: absolute;
  bottom: -14px;
}
span.gp.is-invalid-subtext.sub {
  top: 24px;
  width: 100px;
}

textarea.gp-textarea.is-invalid {
  border-style: solid;
  border-width: 2px;
  border-color: #EB202A;
}

.textarea-wrapper span.gp.is-invalid-subtext {
  bottom: -10px;
}

/**
    New scss for the alertify component. Put any overrides in here.
    You can pass in a class to the translate service to implement the css changes
    ex. translateService.confirm(d.messages, null, null, 'nolabel', 'new-blue-bar')
*/
section#alertify.nolabel button.alertify-button-cancel {
  display: none;
}
section#alertify.new-blue-bar.nolabel button.alertify-button-ok {
  position: absolute;
  top: 12px;
  right: 7px;
  background-color: #0F58D6;
  color: #FFFFFF;
  box-shadow: none;
}
section#alertify.new-blue-bar article.alertify-inner {
  margin-top: 0px;
}
section#alertify.new-blue-bar article.alertify-inner p.alertify-message {
  background-color: #0F58D6;
  color: #FFFFFF;
  margin-bottom: 10px;
}
section#alertify.full-width {
  width: 95%;
  max-width: unset;
  top: 0%;
}
section#alertify.full-width ul {
  width: 99%;
  max-width: unset;
}

@font-face {
  font-family: "SKFSans";
  src: url("../assets/fonts/SKF-Sans-TTF/SKFSans-Regular.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-Bold.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-BoldItalic.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-Italic.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-Light.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-LightItalic.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-Medium.ttf") format("opentype"), url("../assets/fonts/SKF-Sans-TTF/SKFSans-MediumItalic.ttf") format("opentype");
  /* Add additional font properties if needed (e.g., font-weight, font-style) */
}
.glyphicon {
  font: normal normal normal 14px/1 FontAwesome !important;
}

.glyphicon.glyphicon-chevron-up:before {
  content: "\f077" !important;
}

.glyphicon.glyphicon-chevron-down:before {
  content: "\f078" !important;
}

.glyphicon.glyphicon-chevron-left:before {
  content: "\f053" !important;
}

.glyphicon.glyphicon-chevron-right:before {
  content: "\f054" !important;
}

.container-fluid.full-width {
  padding: 0;
}

.login-dialog {
  position: absolute;
  top: 0px;
  width: 100%;
  background: #104472 url(../images/background-image.jpg) center top no-repeat;
  background-size: cover;
  z-index: 10000;
}
.login-dialog form {
  height: calc(100vh - 77px);
}

#loginPanel {
  max-width: 280px;
  margin: 0 auto;
  background-color: transparent;
  padding-top: 75px;
  /* Error.aspx */
}
#loginPanel #loginPanel {
  max-width: 280px;
  margin: 0 auto;
  background-color: transparent;
}
#loginPanel .form-group {
  margin-bottom: 20px;
}
#loginPanel .form-control {
  height: 40px;
  background-color: #fbf6a0;
  border: 1px solid #09398B;
  font-size: 18px;
  text-align: center;
  color: #0c4ab6;
  box-shadow: inset 1px 1px 5px rgba(0, 56, 105, 0.75), 0 1px 5px rgb(0, 56, 105);
}
#loginPanel .form-control::-webkit-input-placeholder {
  color: #0c4ab6;
}
#loginPanel .form-control:-moz-placeholder {
  color: #0c4ab6;
  opacity: 1;
}
#loginPanel .form-control::-moz-placeholder {
  color: #0c4ab6;
  opacity: 1;
}
#loginPanel .form-control:-ms-input-placeholder {
  color: #0c4ab6;
}
#loginPanel .form-control:focus {
  background-color: white;
}
#loginPanel .checkbox {
  margin-top: 25px;
  margin-bottom: 26px;
  text-align: center;
  color: white;
}
#loginPanel #btnLogin {
  height: 40px;
  border: 1px solid #09398B;
  background: lightgray url(../images/sprite-ui-desktop.png) 0px -601px repeat-x;
  padding: 0;
  color: white;
  text-shadow: none;
  box-shadow: 0 3px 3px rgb(0, 56, 105);
}
#loginPanel #btnLogin:hover {
  background-position: 0px -664px;
}
#loginPanel .alert {
  border: 0;
  background-color: transparent;
  font-size: 16px;
  text-align: center;
  color: #fbf6a0;
}
#loginPanel .manualPlaceholder {
  display: none;
  padding-top: 5px;
  text-align: center;
}
#loginPanel .noPlaceholders .manualPlaceholder {
  display: block;
}
#loginPanel #username {
  height: 40px;
}
#loginPanel .remember-me span {
  position: relative;
  left: -60px;
}
#loginPanel .noscroll {
  overflow-y: hidden !important;
}

/*  Formatting for login, logout and error only. Alamo.css does not cascade in. */
html {
  background-color: #104472;
}

body {
  background: #104472 url(../images/background-image.jpg) center top no-repeat;
  padding-top: 70px;
  height: 100vh;
}

.navbar {
  border: 0;
  background: #09398B;
}

/* resets all background properties */
.navbar .container-fluid {
  background-color: #09398B;
  text-align: center;
}

.navbar + .container,
.navbar + form {
  padding-top: 65px;
}

.login-logo {
  width: 192px;
  height: 42px;
  margin-top: 11px;
  vertical-align: unset !important;
}

.invalid-password {
  margin-top: 30px;
  color: #fcf6a0;
  font-size: 1.8rem;
}
.invalid-password div {
  text-align: center;
}
/* Main CSS */
.header {
  text-align: center;
  font-size: xx-large;
}
.fake-header {
  height: 43px;
}
.hidden-options {
  margin-top: 0px;
  
}
.offScreen {
    margin-top: 100%;
  }
  .close-me {
    position: absolute;
    right: -210px;
    
  }
  
  .close-me button{
    position: fixed;
    right: 23px;
    z-index: 5000;
    margin-top: 7px;
  }
  .options {
    position: absolute;
    left: -400px;
    -webkit-transition-delay: 0s; /* Safari */
      transition-delay: 0s;
    -webkit-transition: left .5s; /* Safari */
    transition-timing-function: ease-out;
    transition: left .5s;
    z-index: 5000;
  }
  .options button {
    position: fixed;
    left: 10px;
    margin-top: 7px;
  }
  .options .inputs{
  
    margin-top: 40px;
    background-color:rgba(255, 254, 254);
    width: 400px;
    z-index: 5001;
    height: 100%;
  }
  .options:hover {
    left: 10px;
  }
  .loading {
    font-size: x-large;
    top: 165px;
    width: 90%;
    overflow-wrap: break-word;
    margin-bottom: -32px;
  }
  .white-background {
    background-color: #FFFFFF;
  }
  img.center{
    display: block;
      margin-left: auto;
      margin-right: auto;
  }
  .image-size{
    width: 40px;
  }

.blank-form-printer {
    background: white;
    overflow: visible;
    padding-left: 10px;
    padding-right: 10px;
  }

  #content {
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: white;
  }
  .ui-view-top #content {
    background-color: white;
  }

  @media print {
  .required {
    color: #e32!important;
    font-weight: bold;
}
     #content {
      height: auto;
      overflow: visible;
      position: absolute;
      width: 100%;
      margin: 0px;
      padding: 0px;
    }  
    .row{
      margin: 0px;
    }
    .dashboard-top {
      display:none;
    }
    .col-sm-6{
      width: 50%;
      float: left;
    }
    .col-sm-3{
      width: 25%;
      float: left;
    }
    .col-sm-9{
      width: 75%;
      float: left;
    }
    /* a:after {
      content: "("attr(href)")";
    } */
    /* div {
      widows: 6;
      orphans: 2;
    } */
    /* body {
          font-size: 28px;
    } */
    .do-not-print-me {
      display: none;
    }

}

.noPageBreak { 
  page-break-inside: avoid;
}
.moveMe {
    -webkit-transition-delay: 0s; /* Safari */
      transition-delay: 0s;
    -webkit-transition: margin-top 1s; /* Safari */
    transition-timing-function: ease-out;
    transition: margin-top 1s;
    position: relative;
  }

  .bd-callout {
    padding: 0.50rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 2px solid #eee;
    border-left-width: .50rem;
    border-radius: .25rem;
    background-color: white;
}
.bd-callout-options {
    border-left-color: #f04e4e;
    border-bottom-color: #f04e4e;
  }

/* Header */
.header-name-date div {
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 10px;
}
.source-info {
  border-width: 1px;
  border-style: solid;
  padding: 9px;
}
.blank-form-printer .row {
  margin: 0px;
}

  /* rowwise-template */

.rowwise-template hr {
  border-top: 1px solid #650404;
}

.rowwise-template .bd-callout-form {
  border-left-color: #f0ad4e;
  border-bottom-color: #f0ad4e;
}
.rowwise-template .bd-callout-trigger {
  border-left-color: #9b5b01;
  border-bottom-color: #9b5b01;
}
.rowwise-template .bd-callout-step {
  border-left-color: #c5f04e;
  border-bottom-color: #c5f04e;
}
.rowwise-template .bd-callout-variant {
  border-left-color: #000000;
  border-bottom-color: #000000;
}
.rowwise-template .bd-callout-rule {
  border-left-color: #f04e4e;
  border-bottom-color: #f04e4e;
}
.rowwise-template .bd-callout-page {
  border-left-color: #4e5ef0;
  border-bottom-color: #4e5ef0;
}
.rowwise-template .bd-callout-instructions {
  border-left-color: #4ef7ee;
  border-bottom-color: #4ef7ee;
}

.rowwise-template .answer-line{
  margin-top: 40px;
  border-top: 1px solid #000000;
  margin-bottom: 7px;
}
.rowwise-template .answer-string, .list-options {
  text-align: center;
  margin-top: 5px;
  word-break: break-all;
}

.rowwise-template .default-answer {
  position: relative;
  height: 0px;
  top: 9px;
}

.rowwise-template .list-options {
  font-size: 16px;
  position: relative;
  bottom: -40px;
  page-break-inside: avoid;
}
.rowwise-template .list-options input{
  transform: scale(1.5);
  margin-right: 6px;
  margin-left: 35px
}
.rowwise-template .list-options-name{
  padding-bottom: 10px;
}

/* columnwise */
.columnwise-template .begin-switch{
  margin-bottom: 67px;
}
.columnwise-template .header {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    margin-top: 40px;
  }
.columnwise-template.container{
  width: 100%;
}

.columnwise-template .answer-line{
  border-top: 1px solid #0a0a0a;
  margin-top: 40px;  
  margin-bottom: 0px;
}
.columnwise-template .round-row{
  margin-top: 10px;
}
.columnwise-template .form-row{
  margin-top: 10px;
}
.columnwise-template .page-row-box {
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  margin: 10px 0px 0px 10px;
}
.columnwise-template .page-row-visibility {
  margin-left: 5px;
  margin-bottom: 10px;
}

.columnwise-template .step-row-box {
  padding: 0px;
  margin-left: 10px;
  page-break-inside: avoid;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
}
.columnwise-template .step-row-box:last-child {
  border-width: 1px 1px 1px 1px;
}

.columnwise-template .step-row {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.columnwise-template .step-column-right {
  min-height: 5px;
  padding: 1px;
  display: block;
  height: 100%;
}
.columnwise-template .step-column-left {
  min-height: 5px;
  border-width: 0px 0px 0px 0px;
  border-style: solid;
  padding: 1px;
  display: flex;
}
.columnwise-template .step-column-right-content {
  position: static;
  text-align: center;
  margin-top: 0px;
  padding: 5px;
}
.columnwise-template .step-column-left-content {
  position: static;
  text-align: left;
  width: 100%;
  padding: 8px;
}

.columnwise-template .row.vertical-divider [class*='col-']:not(:last-child)::after {
  width: 0px;
  border-style: solid;
  content: "";
  display: block;
  position: static;
  top: 0;
  bottom: 0;
  right: 0;
  min-height: 48px;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #000000
}



.panel-versiontracking.panel {
    margin-bottom: 20px;
    background-color: #fff;
}
.panel-versiontracking.panel .panel-heading {
    background-color:#4f84e0;
}
.panel-versiontracking.panel .panel-heading h3{
    color: white;
}
.panel-versiontracking.panel .panel-heading button {
    margin-top: -25px
}
.panel-versiontracking.panel .panel-heading i {
    font-size: 26px;
    margin-top: -27px;
    padding: 5px;
    border-radius: 4px;
    color:white;
}
.panel-versiontracking.frame{
    height: auto;
    border: 1px silver solid;
    border-radius: 4px !important; 
}
.panel-versiontracking.panel-default{
    box-shadow: none !important;
    width: 100%;
    text-align: left;
}
.panel-versiontracking .tbody-div {
    padding: 0px;
    height: auto;
    overflow-y: unset;
    margin-bottom: 0px;
    width: 100%;
}
.panel-versiontracking .tbody-div td{
    vertical-align: middle;
}
.center-me { 
    margin-left: 15px;
    width: 100%;
}
.panel-versiontracking .editing-disabled {
    text-align:center;
}
.panel-versiontracking .editing-disabled h2 {
    margin-top:10px;
    display:inline-block;
}
.panel-versiontracking .is-dirty {
    color: #ffed00;
}
.panel-versiontracking.panel .panel-heading i.is-dirty {
    color: #ffed00;
}
.panel-versiontracking .editing-disabled {
    padding: 0px 10px 0px 10px;
}

.panel-versiontracking input[type=checkbox] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.panel-versiontracking .required {
    left: 0px;
}
.panel-versiontracking .editing-disabled {
    margin-left: 10px;
}

.panel-versiontracking input[type="checkbox"]{
    margin: 3px 0px 3px 0px !important
}
.panel-versiontracking .number-range input{
    width: auto;
    display: inline;
}
.panel-versiontracking .number-range span{ 
    display: inline;
}
.folder-button {
    margin-left: 6px;
    background-color: #0075ff;
    color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
}
button[disabled].folder-button {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
    color: grey;
}
[permissiontype-id="4"] .panel-versiontracking .number-range{ 
    width: 310px;
    max-width: 310px;
    min-width: 310px;
}
 
.panel-versiontracking .value-type-folder .optional-value{
    display: block;
    position: relative;
    overflow-wrap: anywhere;
}
.slider-top {
    background-color: transparent;
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    left: 0px;
}
.slider-top .frame {
    height: auto;
}
.slider-top i.slider-i {
    color: #FFFFFF;
    margin-top: -3px;
    font-size: 21px;
}
.slider-top i.pull-right{
    margin-left: 20px; 
}
.slider-top .panel-body {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    background-color: #FFFFFF;
    height: 89%;
    overflow: auto;
}

.slider-top .panel-default {
    border-color: #ebebeb;
    border-style: solid;
    border-width: 5px;
}
.slider-top .panel-top {
    height: auto;
    top: 0px;
    bottom: 36px;
    position: absolute;
    -webkit-transition: bottom .5s;
    /* For Safari 3.1 to 6.0 */
    transition: bottom .5s;
    background-color: #FFFFFF;
    overflow: hidden;
    margin-bottom: 0px;
    width: 100%;
}
.slider-top .panel-top.hide-bottom-panel {
    bottom: 0px;
}
.slider-top .panel-default.panel-top,
.slider-top .panel-default.panel-bottom {
    border-color: #007cb6;
    background-color: #007cb6;
}
.slider-top  .panel-default .panel-heading {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 55px;
}
.slider-top .main-header {
    background-color: #007cb6;
    color: #FFFFFF;
}
.slider-top .top-minimize {
    bottom: calc(100vh - 200px);
    min-height: 68px;

}

.slider-top .panel-bottom {
    top: 66px;
    bottom: -15px;
    position: absolute;
    -webkit-transition: top .5s;
    /* For Safari 3.1 to 6.0 */
    transition: top .5s;
    background-color: #FFFFFF;
    overflow: hidden;
    width: 100%;
    z-index: 20;
}
.slider-top .bottom-minimize {
    top: calc(100% - 59px);
    min-height: 51px;

}
.slider-top .bottom-minimize.hide-bottom-panel {
    top: 110%;
    position: fixed;
}
.make-it-blue {
    background: #0896D8;
    color: white;
}
.btn-normal {
    font-size: 12px;
    background: #8D8F8E;
    color: white;
}

.btn:hover,
.btn:focus {
    color: #333;
    text-decoration: none;
}

.btn {
    margin-right: 5px;
    border-radius: 4px;
    padding-right: 20px;
    padding-left: 20px;
}
#content {
    background:  #00335e
}

.content.scroll {
    max-height: 78%;
    overflow: auto;
    position: fixed;
    width: 96%;
}
.translate-alert {
    max-width: 93%;
    overflow-wrap: break-word;
}
li {
    font-size: 17px;
}
.top-content {
    top: 134px;
    bottom: 39px;
    overflow: auto;
    position: absolute;
    width: 99%;
}
.import-tool-container {
    position: absolute;
    left: 15px;
    top: 15px;
    width: calc(100vw - 30px);
    height: calc(100vh - 30px);
}

.import-tool-container .panel-export .panel-body {
    padding-top: 0px;
    overflow: hidden;
    -webkit-transition: height .5s;
    /* For Safari 3.1 to 6.0 */
    transition: height .5s;
}
.import-tool-container .panel-export ul {
    margin-top: 10px;
    margin-left: 10px;
    max-height: 30vh;
    overflow-y: scroll;
}
.import-tool-container .sub-panel{
    overflow:auto;
    height: calc(100vh - 322px);
}
.import-tool-container .panel-default .panel-heading {
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
  }
  .import-tool-container .panel-default .answer-types{
    padding-left: 0px;
  }
  .import-tool-container .panel-default .answer-types hr {
    border-top: 10px solid #eee;
    margin-left: -16px;
  }
  .import-tool-container .panel-default .import-columns{
    padding-right: 0px;
  }
  .import-tool-container .panel-default .action-items {
    padding-top: 3px;
    padding-bottom: 4px;
  }
  .import-tool-container .panel-default .action-items input{
    display: inline;
    margin-left: 5px;
  }
.export-header {
    background-color: #ebebeb;
    text-align: center;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
.import-tool-container .panel-default .padding-left {
    padding-left: 15px
}
.import-tool-container .panel-default .table-steps [class*=col-sm],
.import-tool-container .panel-default .table-steps .steps-dynamic {
    padding-left: 0px;
}
.validate-bottom input {
    margin-left: 5px;
}
.is-invalid {
    color: #B94A48;
    background-color: #F2DEDE;
    padding: 5px;
    border-radius: 7px;
    margin-right: 10px;
}
.is-invalid h4 {
    margin-top: 3px;
}
.import-tool-container .save-result .saving{
    background-color: rgb(252, 252, 190)
}
.import-tool-container .save-result .error{
    background-color: rgb(255, 197, 197)
}
.import-tool-container .save-result .saved{
    background-color: #d1ffd1
}
.import-tool-container .save-result li{
    margin-bottom: 7px;
    border-radius: 3px;
    padding: 1px 3px 1px 6px;
}
.import-tool-container .table > tbody > tr > td{
    border-bottom-style: none;
}
.import-tool-container .table > thead > tr > th{
    border-bottom-width: 2px!important;
}
.import-tool-container .table-form.table > tbody > tr,
.import-tool-container .table-form.table > thead > tr,
.import-tool-container .table-form.table > thead > tr > th{
    background-color: #ebebeb;
} 

.import-tool-container .validate-bottom .sticky {
    position: sticky;
    top: 5px;
    z-index: 3;
}

.import-tool-container .file-import-input-width {
     width: 280px;
}
.overflow-anywhere {
    overflow-wrap: anywhere;
}

.import-lookup-container {
    position: absolute;
    left: 15px;
    top: 15px;
    width: calc(100vw - 30px);
    height: calc(100vh - 30px);
}
.import-lookup-container .is-invalid {
    color: #B94A48;
    background-color: #F2DEDE;
    padding: 5px;
    border-radius: 7px;
    margin-right: 10px;
}
.import-lookup-container ul.is-invalid { 
    margin-left: 20px;
}
.import-lookup-container .btn[disabled] {
    background-color: grey;
    cursor: not-allowed;
    pointer-events: all;
}
#import-lookup-top .test-icons{
    font-size: 30px;
    position: absolute;
    right: 66px;
    top: 4px;
    color: white;
}
#import-lookup-top .filter{
    border-bottom: 0px;
    border-width: 0px;
    border-right: 1px #F5F5F5 solid;
    background: #FCF9CC url(../../images/search.png) no-repeat 3px center !important;
    border-right: 1px silver solid;
    border-top: 1px silver solid;
    border-bottom: 1px silver solid;
    border-left: 1px silver solid;
    background-size: 13px !important;
    text-indent: 18px;
    height: 24px;
    width: 85%;
}
#import-lookup-top .panel-body {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    background-color: #FFFFFF;
    height: 90%;
}
#import-lookup-top .storage-group {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CBCBCB;
    color: #007cb6;
}
#import-lookup-top .storagegroup-parent {
    height: calc(100vh - 260px);
    overflow: auto;
}
#import-lookup-top .selected {
    color: white;
    background: #007cb6;
}
#import-lookup-top .selected:hover {
    color: white;
    background: #1d85e0;
}
#import-lookup-top .storage-group:hover, 
#import-lookup-top .form-form-item:hover {
    background-color: #ECF1F3;
    cursor: pointer;
}
#import-lookup-top a:hover, a:active, a:visited, a:link {
    text-decoration: none;
}
#import-lookup-top .form-form-item {
    color: black;
    background: transparent;
    border-bottom: 1px solid #CBCBCB;
}
#import-lookup-top i.fa.fa-trash,
#import-lookup-top i.fa.fa-info-circle,
#import-lookup-bottom i.fa.fa-trash,
#import-lookup-bottom i.fa.fa-undo,
#import-lookup-bottom i.fa.fa-remove {
    color: black;
}

[ghost-name="lookup-designer-save"].fa.fa-save {
    color: white;
    font-size: 32px;
    padding: 2px;
}
[ghost-name="lookup-designer-save"].fa.fa-save.is-dirty {
    color: yellow;
}
[ghost-name="lookup-designer-save"].absolute-save {
    position: absolute;
    top: 6px;
    right: 41px;
}
[ghost-name="lookup-designer-save"].is-dirty {
    color: yellow;
} 

#import-lookup-top .sub-panel {
    height: calc(100vh - 249px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 20px;
}
/* #import-lookup-bottom */
#import-lookup-bottom input[type="text"] {
    width:90%
}
#import-lookup-bottom .option-id {
    min-width: 50px;
}
#import-lookup-bottom .action-items {
    padding-top: 3px;
    padding-bottom: 4px;
}
#import-lookup-bottom .panel-default .action-items input {
    display: inline;
    margin-left: 5px;
}
/* #import-lookup-bottom .lookup-export-header {
    background-color: #ebebeb;
    text-align: center;
    margin-bottom: -5px;
    padding-bottom: 19px;
    top: -5px; 
    padding-top: 9px;
} */

 #import-lookup-bottom .lookup-export-header {
    background-color: #ebebeb;
    text-align: center;
    top: -5px; 
    padding-top: 9px;
    margin-bottom: -10px;
    padding-bottom: 37px;
} 

#import-lookup-bottom .panel-export .panel-body {
    padding-top: 0px;
    overflow: hidden;
    -webkit-transition: height .5s;
    transition: height .5s;
} 
#import-lookup-bottom .option-validation {
    width: 200px;
}
#import-lookup-bottom .option-action {
    min-width: 82px;
}
#import-lookup-bottom .ng-invalid {
    color: #B94A48;
    background-color: #F2DEDE;
}
#import-lookup-bottom .table-options {
    left: 6vw;
    position: relative;
    width: 80vw;
    margin-top: 20px;
}
#import-lookup-bottom .table-options th {
    position: sticky;
    top: 20px; 
    height: 29px;
    text-align: left; 
    padding-bottom: 4px!important;
}
#import-lookup-bottom .row-options {
    overflow: auto;
    height: calc(100vh - 274px);
} 

#import-lookup-bottom .fa.fa-undo.reset {
    position: absolute;
    padding-left: 10px;
}
#import-lookup-bottom .pad-left {
    padding-left: 35px;
}
#import-lookup-bottom .panel-sticky {
    
    position: sticky;
    top: 0px;
    z-index: 10;
}
#import-lookup-bottom .lookup-description {
    width: 40vw;
}

#import-lookup-bottom .option-new-key-name td{
    position: sticky;
    bottom: 0px;
    background-color:white;
}
.exception-viewer-container #exception-viewer-bottom{
    height: calc(100vh - 200px); 
}
.exception-viewer-container #import-lookup-top goplant-date-selector{
    position: fixed;
    top: 23px;
    color: white;
    z-index: 25;
}
.exception-viewer-container #exception-viewer-bottom .panel{
    margin: 10px;
    font-size: 17px;
    min-height: 134px;
}
.exception-viewer-container #exception-viewer-bottom .panel-body { 
    padding-bottom: 79px;
    overflow-y: auto;
    overflow-x: hidden;
}
.exception-viewer-container #exception-viewer-bottom .panel-default {
    height: 100%; 
    overflow: hidden;
}
.exception-viewer-container #exception-viewer-bottom .panel-heading {
    height: auto;
    min-height: 49px;
}
.exception-viewer-container #exception-viewer-bottom .no-events {
    margin: 20px;
}
.exception-viewer-container #exception-viewer-bottom .acknowledge-stuff {
    position: absolute;
    right: 30px;
    z-index: 10;
    text-align: end;
}
.exception-viewer-container #exception-viewer-bottom .acknowledge-stuff > div {
    margin-bottom: 3px;
}
.exception-viewer-container #exception-viewer-bottom .acknowledge-stuff .btn-default[disabled]{
    background-color: #0896d8;
}
.exception-viewer-container #exception-viewer-bottom .grey-me {
    background-color: #ebebeb;
}
.exception-viewer-container #exception-viewer-bottom th {
    max-width: 300px;
    position: sticky;
    top: -5px;
    z-index: 10;
    vertical-align: baseline; 
}
.exception-viewer-container #exception-viewer-bottom td {
    max-width: 300px;
}
#exception-viewer-bottom a {
    cursor: pointer;
}
.exception-viewer-container .slider-top {
    height: 97vh;
    margin: 10px 10px 0px 10px;
}
.exception-widget-config {
    width: auto;
    min-width: 740px;
}
.exception-selector .goplant-sg-selector.template {
    left: 50%;
    width: 90vw;
} 
.exception-selector .goplant-sg-selector .panel-body {
    padding: 10px;
}
.exception-widget-config .row.col-md-12 {
    height: 68vh;
    overflow: auto;
}
.exception-widget-config .type-severity {
    margin-left: 37px
}
.exception-widget-config #widget-config-name {
    width: 50%;
}
table.exception-table > thead > tr > th{
    position: sticky;
    top: -5px;
}
table.exception-table > tbody > tr > td {
    min-width: 35px;
    padding: 3px;
    cursor: pointer;
}
.exception-table th.ex-data,
table.exception-table > tbody > tr > td.ex-data {
    text-align: center;
    
}
table.exception-table > tbody > tr > td.ex-data-bar  {
    min-width: 8px;
}

table.exception-table > tbody > tr > td.task-count {
    text-align: center;
}
.loading-data-no-results {
    padding-left: 20px; 
}
.exception-viewer-legend > .border-right {
    min-width: 8px;
    display: table-cell;
}
.exception-widget .sg-header {
    margin-bottom: 0px;
    position: relative;
    top: -4px;
}
.exception-viewer-legend {
    padding: 5px;
    position: sticky;
    bottom: 0px;
    background-color: white;
    border-style: solid none none none;
    border-width: 1px;
}
.exception-viewer-legend span{ 
    min-width: 50px;
    padding: 2px;
    color: black;
}
.exception-viewer-bottom .exception-info {
    float: left;
    margin-top: 4px;
    margin-right: 4px;
} 
.exception-widget .widgetContent {
    padding: 13px 10px 10px 10px;

}
.exception-viewer-bottom input.filter {
    border-bottom: 0px;
    border-width: 0px;
    border-right: 1px #F5F5F5 solid;
    background: #FCF9CC url(../../images/search.png) no-repeat 3px center !important;
    border-right: 1px silver solid;
    border-top: 1px silver solid;
    border-bottom: 1px silver solid;
    border-left: 1px silver solid;
    background-size: 13px !important;
    text-indent: 18px;
    height: 24px;
    width: 85%;
}
.exception-viewer-bottom .fa-close {
    color: black;
} 
.exception-viewer-bottom .truncate-overflow2 {
    margin:1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
.exception-viewer-bottom .trigger-picture {
    margin-right: 5px;
  }
table.exception-table .fa{
    color: #007cb6;
}
.asset-designer-container {
    position: absolute;
    left: 15px;
    top: 15px;
    width: calc(100vw - 30px);
    height: calc(100vh - 30px);
}

.asset-designer-container .row {
    margin-bottom: 6px;
}

.asset-designer-container .panel-heading.asset-heading {
    height: 34px;
    padding-top: 5px;
    text-align: start;
}

.asset-designer-container .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
    width: 20px;
    height: 20px;
}

.asset-designer-container .panel-body.asset-body {
    text-align: center;
    height: auto;
}

.asset-designer-container .panel-body.asset-body.attributes {
    text-align: center;
    height: auto;
    min-height: 140px;
}

.asset-designer-container .panel-body.asset-body.attributes .create-attribute {
    font-size: 26px;
    padding-top: 50x;
    margin-top: 6px;
}

.asset-designer-container .panel-body.asset-body.asset-information {
    height: auto;
}

.asset-designer-container .panel-body.asset-body.asset-information .container-fluid {
    max-height: calc(100vh - 212px);
    overflow-x: hidden;
    overflow-y: auto;
}

.asset-designer-container #qrcode {
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
    max-width: 170px;
    margin-top: 3px;
}

.asset-designer-container #qrPanelBody {
    min-height: 205px;
}

.asset-designer-container #assetInfoState .col-sm-9 {
    text-align: left
}

.asset-designer-container .fa-sort-desc {
    color: #0796EC;
    font-size: 22px;
}

.asset-designer-container .fa-sort-desc.nudge-left {
    right: 67px;
    top: 3px;
}

.is-firefox .asset-designer-container .fa-sort-desc.nudge-left {
    right: 75px;
    top: 18px;
}

.asset-designer-container .panel-noborders {
    margin-bottom: 0px;
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
    margin-left: -5px;
    margin-right: -5px;
}

.asset-designer-container .col-xs-9,
.asset-designer-container .col-xs-4,
.asset-designer-container .col-xs-8,
.asset-designer-container .col-xs-3,
.asset-designer-container .col-xs-5,
.asset-designer-container .col-xs-7,
.asset-designer-container [class^="col-xs"] {
    padding-left: 4px;
    padding-right: 4px
}

.asset-designer-container .attributes .col-xs-9 .dropdown-toggle {
    min-width: fit-content;
    max-width: 95%;
}

.asset-designer-container .top-attributes .step-chooser {
    max-width: 245px;
}

.asset-designer-container .top-attributes .create-attribute {
    margin-left: 10px;

}

.asset-designer-container .top-attributes .tbody-div {
    padding: 5px 20px;
    height: unset;
    overflow-y: auto;
    margin-bottom: 20px;
    width: 100%;
    bottom: 0px;
    position: static;
    top: 47px;
    max-height: calc(100vh - 507px);
}


.asset-designer-container i.is-dirty {
    color: #ffed00;
}


.asset-designer-container .top-attributes ul {
    left: -200px;
}


.asset-designer-container .make-it-blue {
    background: #0896D8;
    color: white;
}

goplant-sg-selector .make-it-brown,
.asset-designer-container .make-it-brown {

    background: #8D8F8E;
    color: white;
}

goplant-sg-selector .make-it-brown.button {
    margin-right: 5px;
    border-radius: 4px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.asset-designer-container .btn.configure-reliability {
    width: 92%;
    float: left;
}

.asset-designer-container button.step-chooser,
.asset-designer-container textarea.form-control,
.asset-designer-container input[type=number].form-control,
.asset-designer-container input[type=text].form-control {
    width: 100%;
    max-width: 100%;
    height: 34px;
}


.asset-designer-container .asset-reliability .row {
    margin-bottom: 0px;
}

.asset-designer-container .asset-reliability .row-margin {
    margin-bottom: 6px;
}


.asset-designer-container .asset-reliability .panel-body.asset-body {
    height: calc(100vh - 227px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 3px;
}

.asset-designer-container h1 {
    height: 44px;
    margin-bottom: 0;
    border-top: 1px solid #d4d5d4;
    padding: 0 3px;
    border-bottom: 1px solid #d4d5d4;
    font-size: 24px;
    line-height: 44px;
    font-weight: bold;
    color: #003869;
    margin-top: 2px;
    text-align: left;
}

.asset-designer-container .selected {
    background-color: #fcfacc;
}

.asset-designer-container .overviewElement .selected {
    color: black;
}

.asset-designer-container .overviewElement {
    outline: 0px solid #fbf6a0;
    cursor: pointer;
    transition: background-color 0.25s, color 0.25s, outline 0.25s;
}

.asset-designer-container .overviewElement {
    outline: 0px solid #fbf6a0;
    cursor: pointer;
    transition: background-color 0.25s, color 0.25s, outline 0.25s;
}

.asset-designer-container .overviewWrapper h2 {
    margin: 0;
    padding: 0 3px;
    font-size: 16px;
    line-height: 35px;
    font-weight: bold;
}


.asset-designer-container a .overviewElement {
    padding-left: 9vw;
    padding-right: 11vw;
}

.asset-designer-container .asset-type input {
    float: left;
}

.asset-designer-container .asset-type .clear-asset {
    padding-left: 1px;
    float: left;
    padding-top: 3px;
    font-size: 23px;
}

.asset-designer-container .dropdown-up {
    bottom: -11px;
    top: -502px;
    left: -334px;
    max-height: 500px;
    position: absolute;
    right: 30px;

}

.asset-designer-container .dropdown-left {
    left: unset;
    bottom: 34px;
}

.asset-designer-container .asset-reliability-right .row {
    text-align: center;
}

.asset-designer-container .bearing-header {
    font-weight: 700;
    margin-left: 5px;
}

.asset-designer-container .asset-reliability-left label {
    font-weight: unset;
}

.asset-designer-container .asset-reliability-left .table {
    margin-bottom: 0px;
    min-height: 185px;
    height: 173px;
}

.asset-designer-container .asset-reliability-left .table>tbody>tr>td {
    padding: 3px;
}
.asset-designer-container .asset-reliability-left .table>thead>tr>th {
    text-align: center;
}
.asset-designer-container .asset-reliability-left goplant-checkbox span.default{ 
    padding-left: 5px; 
    padding-right: 5px; 
}
.asset-designer-container .asset-image {
    height: 170px;
    max-width: 100%;
    right: 0px;
    top: 19px;
    position: absolute;
    z-index: 20;
    background-color: unset;
    transition: height 1s, background-color 2.00s, width 1s, top 1s, max-width 1s;
}

.asset-designer-container .asset-image.large {
    height: 60vh;
    max-width: 300%;
    position: absolute;
    background-color: #ffffff;
    top: -50px;
}

.asset-designer-container .pulse-image {
    height: 170px;
    right: calc(9vw - 101px);
    top: 47px;
    position: absolute;
    z-index: 20;
    transition: height 1s, width 1s;
}

.asset-designer-container .pulse-image.large {
    height: 60vh;
    position: absolute;
}

.asset-designer-container .asset-alarms input[type=text].form-control,
.asset-designer-container .asset-alarms input[type=number].form-control {
    /* padding-right: 4px; */
    width: 100px;
    /* margin-left: 67%; */
    margin-top: 3px;
    float: right;
    text-align: right;
}

.asset-designer-container div.threshold {
    width: 100%;
    border-top: solid 1px #c7c7c7;
    height: 42px;
    padding-left: 5px;
}


.asset-designer-container .threshold input[disabled] {
    background-color: #ffffff;
}

.asset-designer-container .threshold span {
    float: left;
    padding-top: 9px;
}

.asset-designer-container .threshold span.bearing-label {
    float: right;
    margin-right: 5px;

}


.asset-designer-container .assetPulseBearings .pull-right {
    margin-right: 12px;
}

.asset-designer-container .bearing-label {
    margin-left: 10px;
}

.asset-designer-container .assetPulseBearings {
    border-top: 1px solid #c7c7c7;
    /* margin-top: 10px; */
    padding-top: 5px;
}

.asset-designer-container label.control-label {
    float: left;
}

.asset-designer-container .field-label-box i {
    float: right;
    font-size: 21px;
    margin-top: 6px;
}

.asset-designer-container .invalid,
.asset-designer-container .invalid input {
    color: #B94A48;
    background-color: #F2DEDE;
}

.asset-designer-container .invalid.formatted {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.asset-designer-container input[readonly] {
    cursor: pointer;
}

.asset-designer-container .panel.panel-default.frame {
    margin-bottom: 5px;
}

.asset-designer-container .panel-notifications .fa.fa-edit {
    margin-top: 6px;
    float: right;
    margin-right: 6px;
    font-size: 19px;
}

.asset-designer-container #tbodyAssetForms {
    font-size: 15px;
}

.asset-designer-container #tbodyAssetForms .form-del {
    text-align: end;
    min-width: 153px;
}

.asset-designer-container .panel-notifications .row {
    margin-bottom: 6px;
}

.asset-designer-container .panel-notifications .container-fluid {
    max-height: calc(100vh - 480px);
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 180px;
}

.asset-designer-container .panel-notifications .header-icon {
    top: -2px;
}

.asset-designer-container .panel-notifications .notification-triggers .fa-trash-o {
    float: right;
    margin-right: 13px;
    margin-top: 4px;
}
.asset-designer-container .acceleration-scroll {
    max-height: calc(100vh - 543px);
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 180px;
    margin-left: -14px;
}

.asset-designer-container .acceleration-scroll.six-bearings{
    max-height: calc(100vh - 634px);
}
.asset-designer-container .panel-notifications .container-fluid.six-bearings {
    max-height: calc(100vh - 572px);
}
.asset-designer-container .acceleration-scroll .row { 
    margin-left: 0px;
}
.asset-designer-container .panel-notifications .notification-asset-form-template .dropdown-menu {
    max-height: 350px;
}

.asset-designer-container .panel-notifications .notification-asset-form-template .fa-plus,
.asset-designer-container .panel-notifications .notification-asset-form-template .fa-trash-o {
    float: left;
    margin-right: 5px;
}

.asset-designer-container .panel-notifications .notification-asset-form-template .fa-file-text-o {
    margin-right: 7px;
}

.asset-designer-container .panel-notifications .trigger-recipient:hover {
    background-color: #ECF1F3;
    cursor: pointer;
}

/*
    https://skfdc.visualstudio.com/REP-SW/_workitems/edit/743074
    Solved issue where the attributes dropdown / up was hidden under
    the above div

*/
goplant-slider[ghost-name="asset-designer-slider"]  .slider-top .panel-body.attributes {
    height: auto;
    overflow: unset
}


.text-white {
  color: #FFFFFF;
}

.text-black {
  color: #273342;
}

.glyphicon {
  font: normal normal normal 14px/1 FontAwesome !important;
}

.glyphicon.glyphicon-chevron-up:before {
  content: "\f077" !important;
}

.glyphicon.glyphicon-chevron-down:before {
  content: "\f078" !important;
}

.glyphicon.glyphicon-chevron-left:before {
  content: "\f053" !important;
}

.glyphicon.glyphicon-chevron-right:before {
  content: "\f054" !important;
}

goplant-sg-selector .goplant-sg-background {
  background-color: #8d8f8e;
  width: 100%;
  height: 100%;
  right: 0px;
  position: fixed;
  -webkit-transition: opacity 1.5s;
  /* For Safari 3.1 to 6.0 */
  transition: opacity 1.5s;
  z-index: 10001;
}

goplant-sg-selector .goplant-sg-background.up {
  top: 0px;
  opacity: 0.8;
}

goplant-sg-selector .goplant-sg-background.down {
  opacity: 0.1;
}

.goplant-sg-selector {
  transform: translateX(-50%);
  width: 50%;
  position: fixed;
  top: 33px;
  left: 50%;
  max-height: 90%;
  overflow-x: auto;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  min-width: 550px !important;
  box-shadow: 0px 0px 40px black;
  -webkit-transition: top 0.5s;
  /* For Safari 3.1 to 6.0 */
  transition: top 0.5s;
  z-index: 10001;
  resize: horizontal;
  background-color: white;
  font-size: 17px;
  overflow: hidden;
}

.goplant-sg-selector.template {
  width: auto;
  left: 50%;
}

goplant-sg-selector .selector-behind-overlay{
  z-index: 9999 !important;
}

goplant-sg-selector .up {
  top: 33px;
}

goplant-sg-selector .down {
  top: 110%;
}

.goplant-sg-selector .storage-group {
  background-color: #FFFFFF;
  border-bottom: 1px solid #CBCBCB;
  color: #007cb6;
}

.goplant-sg-selector ul.ul {
  list-style-type: none;
  padding-left: 10px;
  width: 100%;
  margin-top: 10px;
  height: auto !important;
}

.goplant-sg-selector .panel-main-heading {
  border-width: 0px;
  margin-bottom: 0px;
}

.goplant-sg-selector .panel-heading {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 55px;
}

.goplant-sg-selector .panel-selector {
  border-color: #EBECEE;
  border-style: solid;
  border-width: 5px;
  height: auto;
  margin: 15px 0;
}

.goplant-sg-selector .panel-heading.main-heading {
  background-color: #0F58D6;
  color: #FFFFFF;
  margin-bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.goplant-sg-selector .node-sg-selector {
  overflow: auto;
  max-height: 63vh;
}

.goplant-sg-selector input {
  width: 90%;
}

.goplant-sg-selector .action-buttons {
  display: flex;
  justify-content: flex-end;
  margin: 0 10px 10px 0;
}

.goplant-sg-selector .action-buttons button.btn-left {
  color: #0F58D6;
  background-color: #FFFFFF;
  border-color: #0F58D6;
}

.goplant-sg-selector .action-buttons button.btn-right {
  color: #FFFFFF;
  background-color: #0F58D6;
  border-color: #0F58D6;
}

.goplant-sg-selector .select-all-text{
  font-weight: bold !important;
}

.goplant-sg-selector .checkbox {
  width: 20px;
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

.goplant-sg-selector .checkbox-text {
  font-size: 17px;
  font-weight: 500;
}

.goplant-sg-selector .input-checkbox:hover {
  background-color: #e5eff3;
  cursor: pointer;
}

.goplant-sg-selector .form-forms {
  margin-top: 0px;
}

.goplant-sg-selector .form-forms li {
  list-style-type: circle;
  margin-left: 40px;
}
.goplant-sg-selector .storageGroup-scroll a.collapsed span:before {
  /* symbol for "collapsed" panels */
  content: "\f054";
}
.goplant-sg-selector .storageGroup-scroll a span:before {
  content: "\f078";
  float: right;
  color: grey;
}

.goplant-sg-selector .asset-form-item:hover {
  background-color: #e5eff3;
  cursor: pointer;
}

.goplant-sg-selector .selector-filter {
  margin-bottom: 5px;
}

.goplant-sg-selector i.slider-i.fa-close {
  color: #FFFFFF;
  margin-top: -3px;
  font-size: 21px;
  cursor: pointer;
}
goplant-password .goplant-pass-background {
    background-color: #8d8f8e;
    width: 100%;
    height: 100%;
    right: 0px;
    position: fixed;
    -webkit-transition: opacity 1.5s;
    /* For Safari 3.1 to 6.0 */
    transition: opacity 1.5s;
    z-index: 10001;
}

goplant-password .goplant-pass-background.up {
    top: 0px;
    opacity: .8;

}

goplant-password .goplant-pass-background.down {
    opacity: .1;
}
goplant-password .goplant-password {
    transform: translateX(-20%);
    width: 490px;
    position: fixed;
    top: 33px;
    left: calc(75vw - 36%);
    max-height: 190px;
    overflow-x: auto;
    padding: 0px;
    border: 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 40px black;
    -webkit-transition: top .5s;
    /* For Safari 3.1 to 6.0 */
    transition: top .5s;
    z-index: 10001;
    background-color: white;
    font-size: 17px;
    overflow: hidden;
    font-style: normal;
}

goplant-password .goplant-password.template {
    width: auto;
    left: calc(75vw - 62%);
}

goplant-password .up {
    top: 33px;
}

goplant-password .down {
    top: 110%
}

.goplant-password .panel-main-heading {
    border-width: 0px;
    margin-bottom: 0px;
}

.goplant-password .panel-heading {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 55px;
}

.goplant-password .panel-selector {
    border-color: #ebebeb;
    border-style: solid;
    border-width: 5px;
    height: auto;
}

.goplant-password .panel-heading.main-heading {
    background-color: #007cb6;
    color: #FFFFFF;
    margin-bottom: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    ;
}

.goplant-password input {
    width: 90%;
}

.goplant-password i.slider-i.fa-close {
    color: #FFFFFF;
    margin-top: -3px;
    font-size: 21px;
    cursor: pointer;
}

goplant-password .icon {
    cursor: auto;
    position: fixed;
    margin-top: -23px;
    margin-left: 230px
}

goplant-password .icon-red {
    color: red;
}

goplant-password .icon-green {
    color: green;
}

goplant-password .input-border {
    border-color: red !important;
}
/* 
    Below are the overridded css for inline mode.
*/
goplant-password .goplant-pass-background.inline.down,
goplant-password .goplant-pass-background.inline.up {
    display:none;
}
goplant-password .goplant-password.inline {

    transform: unset;
    width: 100%;
    position: relative;
    top: 5px;
    left: 0px;
    max-height: unset;
    overflow-x: none;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    -webkit-transition: top .5s;
    /* For Safari 3.1 to 6.0 */
    transition: top .5s;
    z-index: 10001;
    background-color: white;
    font-size: 17px;
    overflow: hidden;
    font-style: normal;
    
}
goplant-password ul.dropdown-menu {
    overflow: hidden;
    width:90%;
    font-size: 10px;
}
goplant-password .goplant-password.inline i.icon.fa-check,
goplant-password .goplant-password.inline i.icon.fa-close {
    cursor: auto;
    /* position: relative; */
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 8px;
    right: 0px;
}

goplant-password .goplant-password.inline label.item-input {
    border-style: none;
    background: inherit;
    width: 90%;
}
goplant-password .goplant-password.inline .input-label {
    width: 100%;
}
goplant-password .goplant-password.inline .input-panel {
    width: 100%;
    padding: 0px;
    height: 89px;
}
goplant-password .goplant-password.inline label.control-label {
    font-style: normal;
}

goplant-password .goplant-password.inline div.goplant-password-panel {
    background-color: white;
    width: 100%; 
    padding: 10px; 
    padding-bottom:0px; 
    border-radius: 6px;
    padding: 0px;

}
goplant-password .goplant-password.inline div.goplant-password-panel div.panel-body {
    padding: 0px;
}
goplant-password .goplant-password.inline div.goplant-password-panel div.panel-body div.row {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}
goplant-password .goplant-password.inline.enforce-password div.goplant-password-panel div.panel-body div.row.enter-password {
    padding-top: 120px;
}
goplant-password .goplant-password.inline div.goplant-password-panel div.panel-body div.row.enter-password {
    padding-top: 0px;
}
goplant-password .goplant-password.inline div.goplant-password-panel div.panel-body div.row div.input-label {
    padding: 0px;
    background: inherit !important;
}
goplant-password .goplant-password.inline div.goplant-password-panel div.panel-body div.row div.input-label label.control-label {
    margin-top: 15px;
    margin-left: 5px;
    padding-bottom: 3px;
    font-style: normal;
}
goplant-password .goplant-password.inline div.goplant-password-panel div.panel-body div.row div.input-panel label.item-input {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
goplant-password .goplant-password.inline div.goplant-password-panel div.panel-body div.row div.input-panel label.item-input input{
    border-color: #a94442;
    background-color: white;
}
goplant-password div.goplant-password.inline,
goplant-password .goplant-password.inline div.goplant-password-panel {
    background-color: inherit;
}
goplant-password ul.dropdown-menu.inline {
    position:relative;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-style: none;
    background-color: transparent;
    /* top: -217px; */
    /* height: 415px; */
    bottom: 220px;
}
goplant-password .goplant-password.inline div.goplant-password-panel div.panel-body div.row div.input-panel div.dropdown ul.dropdown-menu.inline i {
    margin-top: 0px;
    float: unset;
}
goplant-password .goplant-password.inline div.goplant-password-panel div.panel-body div.row div.input-panel div.dropdown ul li label {
    padding: 0px;
    margin: 0px;
}
goplant-password .goplant-password.inline div.goplant-password-panel div.panel-body div.row div.input-panel div.dropdown ul li label.text-success i,
goplant-password .goplant-password.inline div.goplant-password-panel div.panel-body div.row div.input-panel div.dropdown ul li label.text-danger i{
    margin: 0px;
    padding: 0px;   
    width: 23px;
    height: 26px;
}
goplant-password .goplant-password.inline .goplant-password-panel-save {
    width: 205px;
    right: 0px;
    position: fixed;
    top: 20px;
    z-index: 1000;
}
.goplant-checkbox-form {
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 5px;
  }
  .goplant-checkbox-form .default{
    padding: 20px;
    position: relative;
    font-size: 21px;
    cursor: pointer; 
    padding-bottom: 1px;
    padding-top: 1px;
    vertical-align: middle;
}
.goplant-checkbox-form .blue {
    color: #1c69af;
}
.goplant-checkbox-form .black {
    color: #000000;
}
.goplant-checkbox-form .disabled {
    color:#bdbcbc;
    cursor: not-allowed;
}
.goplant-checkbox-form .default-radio {
    background: url(/images/radio.blue.round.not.selected.png) no-repeat center;
}
.goplant-checkbox-form .default-radio-checked {
    background: url(/images/radio.blue.round.selected.png) no-repeat center; 
}

.goplant-checkbox-form:hover {
    background-color: #ECF1F3;
    cursor: pointer;
  }
.goplant-checkbox-form .default-radio.black {
    background: url(/images/radio.black.round.not.selected.png) no-repeat center;
}
.goplant-checkbox-form .default-radio-checked.black {
    background: url(/images/radio.black.round.selected.png) no-repeat center;
}

.goplant-checkbox-form .default-checkbox {
    background: url(/images/radio.blue.square.not.selected.png) no-repeat center;
}
.goplant-checkbox-form .default-checkbox-checked {
    background: url(/images/radio.blue.square.selected.png) no-repeat center; 
}

.goplant-checkbox-form .default-checkbox.black {
    background: url(/images/radio.black.square.not.selected.png) no-repeat center;
}
.goplant-checkbox-form .default-checkbox-checked.black {
    background: url(/images/radio.black.square.selected.png) no-repeat center;
}

.goplant-icons {
    padding: 1px;
}

@keyframes shadow {
    0% {
        box-shadow: 0 0 0 0px rgba(249, 253, 1, 0.993);
        background-color: rgba(249, 253, 1, 0.993);
    }

    100% {
        box-shadow: 0 0 0 8px rgba(249, 253, 1, 0);
        background-color: rgba(249, 253, 1, 0);
    }

}

@keyframes shadowB {
    0% {
        box-shadow: 0 0 0 0px rgba(249, 253, 1, 0.993);
    }

    100% {
        box-shadow: 0 0 0 8px rgba(249, 253, 1, 0);
    }

}

.shadow {
    animation: shadow 1s infinite;
}

.shadow-3 {
    animation: shadow 1s 3;
}

.shadowB-3 {
    animation: shadowB 1s 3;
}

@keyframes pulse_animation {
    0% {
        transform: scale(1);
    }

    30% {
        transform: scale(1);
    }

    40% {
        transform: scale(1.35);
    }

    50% {
        transform: scale(1);
    }

    60% {
        transform: scale(1);
    }

    70% {
        transform: scale(1.35);
    }

    80% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.pulse {
    animation-name: pulse_animation;
    animation-duration: 3000ms;
    transform-origin: 70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.pulse-4 {
    animation-name: pulse_animation;
    animation-duration: 3000ms;
    transform-origin: 70% 70%;
    animation-iteration-count: 4;
    animation-timing-function: linear;
}

.goplant-icons .ion-bluetooth {
    position: relative;
    display: inline-block;
    font-size: 45px;
    border-radius: 10px;
    padding: 11px;
    padding-top: 4px;
    padding-bottom: 0px;
}

.goplant-icons .ion-bluetooth.bluetooth-enabled {
    background-color: green;
    color: white !important;
}

.goplant-icons .ion-bluetooth.bluetooth-disabled {
    background-color: green;
    color: white !important;
}

.goplant-icons .ion-bluetooth.bluetooth-not-available {
    background-color: grey !important;
    color: white !important;
}

.goplant-icons .ion-bluetooth.bluetooth-permission-denied {
    background-color: #ffed00;
    ;
    color: grey !important;
}

.goplant-icons .icon-slash {
    color: red !important;
    right: 37px;
    position: relative;
    font-size: 45px;
}

.goplant-icons .pulse-loading {
    /* width: 196px; */
    /* height: 100px; */
    background-color: white;
    position: absolute;
    border-radius: 12px;
    z-index: 10000;
    padding: 10px;
    font-size: 22px;
    font-weight: bold;
    top: 33%;
    left: calc(50vw - 30%);
    width: 67%
}
.goplant-icons .pulse-loading-text {
    top: 8px; 
    position: relative;
    display: block;
}
.goplant-icons .pulse-loading-image {
    animation: goplant-icons-rotation 3s infinite linear;
    width: 50px;
    float: left;
}
.goplant-icons .color1 {
    background-color: #93bd3a;
}

.goplant-icons .color2 {
    background-color: #f7d64b;
}

.goplant-icons .color3 {
    background-color: #d73834;
}

.goplant-icons .div-box {
    width: 100%;
    background-color: #f7d64b;
    height: 34px;
}

.goplant-icons .div-box .pull-left {
    width: 1px;
    min-width: 65px; 
    text-align: right;
    padding: 5px;
    height: 34px;  
}

.goplant-icons .div-box .pull-right {
    width: 1px;
    min-width: 65px; 
    text-align: left;
    padding: 5px;
    height: 34px;  
}

.goplant-icons .div-box .indicator {
    font-size: 42px;
    left: 10px;
    position: absolute;
    -webkit-transition: left .4s;
    /* For Safari 3.1 to 6.0 */
    transition: left .4s;
    margin-left: -11px;
}
@keyframes goplant-icons-rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}
.goplant-dropdown .dropdown-up {
    bottom: 32px;
    position: absolute;
    top: unset;

}
goplant-date-selector {
    margin-left: 20px;
    position: relative;
    display: inline-block;
}
.goplant-date-selector {
    position:relative;
    display: inline;
}
.goplant-date-selector .goplant-calendar-datefilter {
    display: inline-block;
}
.goplant-date-selector .goplant-calendar-from-to {
    display: inline-block;
    vertical-align: top;
}
.goplant-date-selector .goplant-calendar-from-to > div{
    display: inline-block;
    position: relative;
}

.goplant-date-selector .input-group-addon {
    display: inline; 
    position: relative; 
    padding: 5px 5px 4px 5px;
    top: 7px;
    left: -8px; 
    cursor: pointer;
    border-left-style: none;
    background-color: #eee;
    vertical-align: top;
}
.goplant-date-selector .calendar-filter {
    color: black;
    width: auto;
    height: 30px;
    background: #FCF9CC !important;
    border: 1px silver solid;
}

.goplant-date-selector input[type=text].form-control {
    height: 30px;
    padding: 0 12px;
    width: 140px;
    display: inline;
}
.goplant-date-selector input[type=text].form-control.calendar-custom-value {
    width: 70px;
}
.goplant-date-selector input[type=text].form-control.calendar-custom-value:disabled {
    opacity: 0.7;
}
.goplant-date-selector .dropdown-calendar {
    overflow: hidden;
    height: 300px;
    max-height: 300px;
}
.goplant-date-selector .from-calendar.open ul {
    left: 0px;
}
.goplant-date-selector .to-calendar.open ul {
    left: 0px; 
}
.goplant-date-selector .open ul{
    top: 0px;
    height: 307px;
    overflow: hidden;
    max-height: 303px;
    width: 340px;
    margin-top: 30px;
}
goplant-date-selector .goplant-date-selector .fa.fa-calendar {
    font-size: 14px;
    line-height: 19px;
    color: black;
}

.goplant-date-selector .input-cursor-disabled {
    cursor: default;
}

.goplant-date-selector .input-cursor-enabled {
    cursor: pointer;
}
goplant-chart .goplant-sg-selector.template {
    left: calc(100vw - 95%);
    width: 90vw;
}

goplant-chart .goplant-sg-selector.template {
    transform: unset;
}

goplant-chart .goplant-sg-selector {
    z-index: 7001;
}

goplant-chart goplant-sg-selector .goplant-sg-background {
    z-index: 7000;
}

goplant-chart .goplant-chart-body {
    width: 100%;
    height: 74vh;
}

goplant-chart .goplant-chart-list {
    width: 100%;
    height: 74vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 8px;
    padding-right: 8px;
}

.fancybox-opened {
    z-index: 99999999;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: auto;
}

goplant-chart .goplant-chart-radio {
    z-index: 8000;
    position: fixed;
    color: white;
    display: block;
    left: 300px;
    top: 49px;
    transition: top .5s, opacity .5s ease-in-out;
    -webkit-transition: top .5s, opacity .5s ease-in-out;
    background-color: #007cb6;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 6px;
    padding-right: 5px;
}

goplant-chart .goplant-chart-radio.up {
    top: 45px;
    opacity: 1;
}

goplant-chart .goplant-chart-radio.down {
    top: -100px;
    opacity: 0;
}

goplant-chart .goplant-chart-calendar input.btn-export {
    background-color: white;
    color: #007cb6;
    top: 20px;
    right: 30px;
    position: absolute;
    height: 33px;
}

goplant-chart .goplant-chart-calendar input.btn-export:hover {
    background-color: white;
    color: #007cb6;
}

goplant-chart .goplant-checkbox-form:hover {
    background-color: unset;

}

goplant-chart th {
    padding-left: 8px !important;
    position: sticky;
    top: -1px;
    background-color: white;
}

goplant-chart .goplant-chart-calendar {
    position: fixed;
    z-index: 8000;
    top: 22px;
    left: 500px;
    transition: top .5s, opacity .5s ease-in-out;
    -webkit-transition: top .5s, opacity .5s ease-in-out;
    width: calc(100vw - 620px);
}

goplant-chart .goplant-chart-calendar.up {
    top: 22px;
    opacity: 1;
}

goplant-chart .goplant-chart-calendar.down {
    top: -100px;
    opacity: 0;
}

goplant-chart .goplant-chart-calendar goplant-date-selector {
    position: relative!important;
    top: 23px;
    color: white;
    z-index: 25;
}
goplant-chart .alarm-color {
    border-radius: 5px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
}
.goplant-chart-answer-history-icon {
    font-size: 20px;
    margin-left: -31px;
    position: absolute;
}
.modal-dialog {
    width: 85vw !important;
    margin: auto !important;
    top: 50%;
    transform: translateY(-50%) !important;
}

.center-vertically {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#linkedResourcesModal.editor-pane {
    background-color: #FFFFFF;
    min-width: 35vw;
    min-height: 35vh;
    position: relative;
}

#linkedResourcesModal .form-control {
    width: 300px;
    background-color: #EBECEE !important;
}

#linkedResourcesModal .fw-bold {
    font-weight: bold;
}

#linkedResourcesModal .tab-content {
    margin-top: 20px;
}

#linkedResourcesModal .d-flex {
    display: flex;
}

#linkedResourcesModal .justify-content-between {
    justify-content: space-between;
}

#linkedResourcesModal .modal-body {
    padding: 10px !important;
}

#linkedResourcesModal .tbody-div {
    height: auto !important;
    max-height: 55vh !important;
}


#linkedResourcesModal thead th{
    background-color: #D5D8DC;
    position: sticky;
    top: 0;
}

#linkedResourcesModal .header-text {
    margin-right: 10px;
}

#linkedResourcesModal .icon-container {
    display: inline-flex;
    justify-content: space-between;
    /* width: 50px; */
}

#linkedResourcesModal .close-icon {
    color: #FFFFFF;
}

#linkedResourcesModal .btn-exit {
    background-color: #0F58D6;
    color: #FFFFFF;
    position: absolute; 
    bottom: 20px; 
    right: 20px; 
}

#linkedResourcesModal .btn-exit:hover {
    background-color: #4F84E0;
    color: #FFFFFF;
    position: absolute; 
    bottom: 20px; 
    right: 20px; 
}

#linkedResourcesModal .modal-footer{
    border-top: none !important;
}

.center-vertically {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#reportScheduleEditor.editor-pane {
    background-color: white;
    min-width: 55vw;
    min-height: 55vh;
}

/* #reportScheduleEditor .form-control {
    width: 300px;
    background-color: #EBECEE !important;
} */

#reportScheduleEditor .fw-bold {
    font-weight: bold;
}

#reportScheduleEditor .required {
    color: red;
}

#reportScheduleEditor .nav-tabs {
    margin-bottom: 5px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px
}

#reportScheduleEditor .tab-content {
    margin-top: 5px;
}

#reportScheduleEditor .tab-pane {
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
}

#reportScheduleEditor .tab-pane-input-iframe {
    padding: 0px 20px 0px 20px
}

#reportScheduleEditor .input-label {
    display: inline-block;
    width: 100px;
    margin-right: 10px;
    text-align: left;
}

#reportScheduleEditor .d-flex {
    display: flex;
}

#reportScheduleEditor .justify-content-between {
    justify-content: space-between;
}

#reportScheduleEditor .header-text {
    margin-right: 10px;
}

#reportScheduleEditor .icon-container {
    display: inline-flex;
    justify-content: space-between;
    width: 50px;
}

#reportScheduleEditor .save-icon, #reportScheduleEditor .close-icon {
    color: white;
}

#reportScheduleEditor .is-dirty {
    color: #FFCA15
}

#reportScheduleEditor .data-container {
    border: solid 1px #c6c6c6;
    padding: 10px;
    margin-top: 20px;
    max-width: 800px;
    word-wrap: break-word;
}

#reportScheduleEditor .export-types {
    margin-top: 20px;
    margin-left: 10px;
    min-width: auto;
    width: auto;
    white-space: nowrap;    


}
.align-items-start {
    align-items: flex-start;
}
#reportScheduleEditor .embed-report-frame {
    height: calc(100vh - 150px);
    width: calc(100vw + 500px);
    margin: -8px;
}
#reportScheduleEditor .embed-report-frame.half-height {
    height: calc(100vh - 340px);
    width: calc(100vw - 197px);
    margin: -8px;
}

#reportContainer.half-height {
    position: relative;
    left: 98px;
}
#reportScheduleEditor [disabled="disabled"] {
    background-color: grey;
    cursor: not-allowed;
    color:white;
    pointer-events: none;
}

#reportScheduleEditor .report-parameters {
    top: -15px;
    position: relative;
    left: -8px;
}

#reportScheduleEditor .btn-tasks {
  padding-top: 6px;
  padding-bottom: 5px;
  padding-right: 40px !important;
  background: whitesmoke url(../images/down.png) no-repeat 90% center;
  text-shadow: none;
  font-family: Verdana, Arial, sans-serif;
  background-blend-mode: darken;
}
#reportScheduleEditor .dropdown-menu>li>a {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}
div.report-scheduler-container {
    position: absolute;
    left: 15px;
    top: 15px;
    width: calc(100vw - 30px);
    height: calc(100vh - 30px);    
    border: 1px 1px 1px 1px;
    border-color: #0F58D6;
    border-style: solid;
    border-width: 5px;    
}
.scheduler-schedule-repeat-days {
    position: absolute;
    top: -10px;
    display: flex;
    left: 206px;
    gap: 10px;
}
.scheduler-schedule-repeat-days span {
  display: flex;
  flex-direction: column;
}
.scheduler-schedule-repeat-days span label {
  margin-bottom: 0;
}
#scheduler-designer-schedule-repeat-every {
  background-color: transparent;
}
.monthly-yearly-container .radio {
  width: 34px;
  padding-right:0;
}
.panel-body {
    padding: 0px;
}

.schedule-row {
    padding: 20px 0px;
    border-bottom: 1px grey solid;
    margin-bottom: 0px;
}

preview-buttons {
    position: fixed;
    bottom: 33px;
    left: 21%;
}

 input {
    font-size: 13px;
}

form-deadline {
    max-width: 500px
}

input-group.gp {
    width: 166px;
}

.gpSelect {
    background-color: #FFFFFF;
    border-color: #AAAFB8;
    border-width: 1px;
    border-radius: 0.125rem;
    font-size: 13px;
}

input-group-addon {
    background-color:white;
    color: black;
    border-color: grey;
    border-width: 1px;
    border-radius: 0.125rem;

    
}

input-group-addon&:hover {
    background-color: grey;
}


goplant-time-selector-time {
    display: inline-block;
    padding-right: 10px;
}

#reportScheduleEditor .schedule-row {
    border-bottom: 0px;
    padding: 10px 0px;
    
}

#reportScheduleEditor .col-xs-2.field-label {
    padding-left: 47px;
    min-width: 150px;
    max-width: 150px;
}
input[type="radio"] {
    margin-top: -1px;
}

  input[type=number].form-control {
    height: 32px;
    padding: 0 12px;
  }

  .form-control-hl {
    background-color: #FFFFFF;
    border-color: #AAAFB8;
    border-width: 1px;
    border-radius: 0.125rem;
  }

  .month-interval {
    width : 20px;
    margin-top : 8px !important;
    box-shadow : none !important;
  }

  .month-int-dropdown {
    top: -5px;
    left: 5px;
    margin-right: 5px;
  }

  .pd-left-0 {
    padding-left: 0px !important;
  }


  goplant-date-time-selector {
    float:left;
    padding-right: 10px
  }
  goplant-date-time-selector .goplant-time-selector .goplant-time-selector-fa-time i {
    padding-top: 5px;
  }

 button.btn-sm.gp.secondary[disabled] {
  color: #858585 !important;
  background-color: #EBECEE !important;
  border-color: transparent;
  cursor: not-allowed;
}

#reportScheduleEditor .tab-pane-schedule .goplant-report-scheduler-schedule-tab{
    left: -56px;
}

.no-form {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.w-20 {
    width: 20px;
}