html {
  height: 100%;
  font-size: 62.5%;
}
body {
  height: 100%;
  background: #f2f3f5;
  font-size: 13px;
  font-size: 1.3rem;
}
#page {
  min-height: 100%;
  margin: 0 0 -30px 50px;
}
#page.layout-guest {
  margin-left: 0;
}
a {
  color: #0099ff;
}
a:hover {
  color: #174669;
}
h1,
h2,
h3,
h4 {
  line-height: normal;
}
h1 {
  margin-top: 0;
  font-size: 2.4rem;
  font-weight: normal;
  color: #174669;
  text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
h2 {
  font-size: 2rem;
  font-weight: normal;
  color: #174669;
}
h3 {
  font-size: 1.6rem;
}
h4 {
  font-size: 1.5rem;
}
label,
input,
button,
select,
textarea {
  font-size: 1.3rem;
}
textarea {
  line-height: 1.8rem;
}
.overdue {
  color: #fd6464;
}
.comment pre,
.issue pre,
.reply pre,
.notes pre {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  word-break: normal;
}
.sep {
  margin: 0 0.5rem;
  color: #999;
}
th.min-wdith,
td.min-width {
  width: 1%;
  white-space: nowrap;
}
.status-background.reference,
.status-background.not-active {
  background-color: #aaa;
}
.status-background.draft {
  background-color: #444;
}
.status-background.open,
.status-background.na,
.status-background.requested,
.status-background.banned {
  background-color: #fd6464;
}
.status-background.aq,
.status-background.apply-series {
  background-color: #1972b4;
}
.status-background.closed,
.status-background.approved,
.status-background.aa,
.status-background.accept,
.status-background.accepted,
.status-background.active {
  background-color: #51a351;
}
.status-background.follow-up {
  background-color: #b685c8;
}
.status-color.reference {
  color: #aaa;
}
.status-color.draft {
  color: #444;
}
.status-color.open,
.status-color.na,
.comment-status .open {
  color: #fd6464;
}
.status-color.aq {
  color: #1972b4;
}
.status-color.closed,
.status-color.approved,
.status-color.aa,
.status-color.accept,
.status-color.accepted,
.comment-status [class^='accept'] {
  color: #51a351;
}
.status-color.follow-up,
.comment-status .follow-up {
  color: #b685c8;
}
label {
  margin-bottom: 0;
}
.input-append .popover-content p,
.input-prepend .popover-content p {
  font-size: 1.3rem;
  white-space: normal;
}
.form-horizontal .control-label {
  padding-top: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block {
  margin: 0;
}
.radio.inline,
.checkbox.inline {
  padding-top: 0;
}
#content form legend {
  font-size: 1.3rem;
  line-height: 2.5rem;
  box-sizing: border-box;
}
.controls .text-only {
  line-height: 2.4rem;
}
.control-group .tip {
  font-size: 1.1rem;
  color: #777;
}
.form-actions > .btn,
.form-actions > a {
  margin-right: 1rem;
}
.btn,
.btn-group > .btn,
.btn-group > .dropdown-menu {
  font-size: 1.2rem;
}
.btn {
  padding: 1px 16px;
  color: #0099ff;
  line-height: 21px;
}
.btn:hover {
  color: #174669;
}
.btn-primary,
.btn-primary:hover,
.btn-success,
.btn-success:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover {
  color: #fff;
}
.btn-mini {
  padding: 1px 6px;
  font-size: 1.1rem;
  line-height: 17px;
}
.btn [class^="icon-"],
.btn [class*=" icon-"] {
  margin-top: 0;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.btn-toolbar .tooltip + .btn {
  margin-left: 5px;
}
.label,
.badge {
  font-size: 1.1rem;
}
.label-info,
.badge-info {
  background-color: #1972b4;
}
.label-important,
.badge-important {
  background-color: #fd6464;
}
.badge-rule {
  background-color: #762121;
}
.badge-spec {
  background-color: #2e3e55;
}
.badge-dwg {
  background-color: #ef8d00;
}
.badge-extra {
  background-color: #51a351;
}
.label-channel {
  background-color: #dae4ed;
  color: #174669;
  text-shadow: 0 1px 0 rgba(255,255,255,0.25);
}
h1 .label,
h1 .badge {
  font-size: 1.3rem;
  vertical-align: middle;
}
.badge.outline {
  color: #666664;
  border: 1px solid #999;
  background-color: #fff;
  font-weight: normal;
  text-shadow: none;
}
.errorMessage {
  color: #fd6464;
  margin-top: -1rem;
  margin-bottom: 1rem;
}
.help-inline {
  padding-left: 10px;
}
.icon-star-yellow,
.icon-plus-blue,
.icon-minus,
.icon-paperclip,
.icon-paperclip-white,
.icon-trash-red,
.icon-check,
.icon-x,
.icon-pencil-blue,
.icon-new-doc-blue,
.icon-new-doc-white,
.icon-exclamation-red,
.icon-exclamation-white,
.icon-insert-below,
.icon-insert-below-grey,
.icon-exclamation-red,
.icon-exclamation-white,
.icon-insert-below,
.icon-insert-below-grey,
.icon-fire-red,
.icon-fire-grey,
.icon-fire-white,
.icon-clock-red,
.icon-clock-grey,
.icon-draft-reply,
.icon-draft-reply-white,
.icon-comment-blue,
.icon-reply-arrow,
.icon-reply-arrow-white,
.icon-empty {
  background-image: url(../images/glyphicons-custom_9.png);
  background-repeat: no-repeat;
}
.icon-star-yellow {
  background-position: 0 -15px;
}
.icon-plus-blue {
  background-position: 0 -30px;
}
.icon-minus {
  background-position: 0 -45px;
}
.icon-paperclip {
  background-position: 0 -60px;
}
.icon-paperclip-white {
  background-position: 0 -75px;
}
.icon-trash-red {
  background-position: -15px -15px;
}
.icon-check {
  background-position: -15px -45px;
}
.icon-x {
  background-position: -15px -60px;
}
.icon-pencil-blue {
  background-position: -15px -75px;
}
.icon-new-doc-blue {
  background-position: -30px -75px;
}
.icon-new-doc-white {
  background-position: -45px -75px;
}
.icon-exclamation-red {
  background-position: -60px -30px;
}
.icon-exclamation-white {
  background-position: -60px -45px;
}
.icon-insert-below {
  background-position: -60px -60px;
}
.icon-insert-below-grey {
  background-position: -60px -75px;
}
.icon-fire-red {
  background-position: -75px 0;
}
.icon-fire-grey {
  background-position: -75px -15px;
}
.icon-fire-white {
  background-position: -75px -30px;
}
.icon-clock-red {
  background-position: -75px -45px;
}
.icon-clock-grey {
  background-position: -75px -60px;
}
.icon-draft-reply {
  background-position: -90px 0;
}
.icon-draft-reply-white {
  background-position: -90px -15px;
}
.icon-comment-blue {
  background-position: -90px -30px;
}
.icon-reply-arrow {
  background-position: -90px -45px;
}
.icon-reply-arrow-white {
  background-position: -90px -60px;
}
.icon-empty {
  background-position: 30px 30px;
}
.builder .avatar {
  background-color: #a6bdcd;
  background-image: url(../images/ava_builder.png);
}
.vendor .avatar {
  background-color: #83e35e;
  background-image: url(../images/ava_vendor.png);
}
@keyframes load-gradient {
  0% {
    left: -42%;
  }
  100% {
    left: 102%;
  }
}
.load-skeleton {
  position: relative;
}
.load-skeleton .load-bg {
  background: #f2f3f5;
  position: relative;
  overflow: hidden;
}
.load-skeleton .load-mask {
  background: #fff;
  position: absolute;
}
.load-bg-animation {
  width: 40%;
  background: #e5e5e5;
  background: linear-gradient(to right,#f2f3f5,#e5e5e5 25%,#f2f3f5 75%);
  position: absolute;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: load-gradient;
  animation-timing-function: linear;
}
.inspection-list .load-skeleton .load-bg,
.inspection-list .load-skeleton .load-bg-animation,
.loading-skeleton-doc-item .load-bg,
.loading-skeleton-doc-item .load-bg-animation {
  height: 110px;
}
.inspection-list .load-skeleton .load-mask,
.loading-skeleton-doc-item .load-mask {
  right: 0;
}
.inspection-list .load-skeleton .load-mask.hull-name-right,
.loading-skeleton-doc-item .load-mask.hull-name-right {
  height: 11px;
  width: 30%;
  top: 0;
  right: 20%;
}
.inspection-list .load-skeleton .load-mask.hull-name-bottom,
.loading-skeleton-doc-item .load-mask.hull-name-bottom {
  height: 4px;
  width: 100%;
  top: 11px;
}
.inspection-list .load-skeleton .load-mask.insp-name-bottom,
.loading-skeleton-doc-item .load-mask.insp-name-bottom {
  height: 16px;
  width: 100%;
  top: 39px;
}
.inspection-list .load-skeleton .load-mask.status-right,
.loading-skeleton-doc-item .load-mask.status-right {
  height: 18px;
  width: 60%;
  top: 55px;
}
.inspection-list .load-skeleton .load-mask.status-bottom,
.loading-skeleton-doc-item .load-mask.status-bottom {
  height: 2px;
  width: 100%;
  top: 73px;
}
.inspection-list .load-skeleton .load-mask.status-date-right,
.loading-skeleton-doc-item .load-mask.status-date-right {
  height: 11px;
  width: 40%;
  top: 75px;
}
.inspection-list .load-skeleton .load-mask.status-date-bottom,
.loading-skeleton-doc-item .load-mask.status-date-bottom {
  height: 6px;
  width: 100%;
  top: 86px;
}
.inspection-list .load-skeleton .load-mask.cat-right,
.loading-skeleton-doc-item .load-mask.cat-right {
  height: 18px;
  width: 80%;
  top: 92px;
}
#side-menu {
  width: 50px;
  height: 100%;
  margin: 0;
  background: #222;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
}
#side-menu .btn {
  margin: 0;
  border: none;
  background: #222;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#side-menu .navbar-inner {
  padding: 0;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#side-menu .nav {
  margin: 0;
  float: none;
}
#side-menu .nav > li {
  position: relative;
}
#side-menu .nav > li > a {
  padding: 9px 13px 13px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #0e0e0e;
}
#side-menu .nav > li .count {
  padding: 0 2px;
  background: #c00;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.3rem;
  position: absolute;
  top: 1px;
  right: 0;
  -moz-box-shadow: -2px 2px 2px rgba(0,0,0,0.6);
  -webkit-box-shadow: -2px 2px 2px rgba(0,0,0,0.6);
  box-shadow: -2px 2px 2px rgba(0,0,0,0.6);
  display: none;
}
#side-menu .nav > li.active .count {
  display: block;
}
#side-menu .nav-notification {
  position: relative;
}
#side-menu .nav-notification #notifications {
  position: absolute;
  top: 0;
  left: 50px;
  z-index: 100;
}
#side-menu .nav-profile,
#side-menu .nav-logout {
  display: none;
}
[class^="icon-nav-"] {
  width: 24px;
  height: 24px;
  background-image: url(../images/glyphicons-nav_3.png);
  background-size: 48px;
}
.icon-nav-home {
  background-position: 0 0;
}
.icon-nav-flag {
  background-position: 0 -24px;
}
.icon-nav-search {
  background-position: 0 -48px;
}
.icon-nav-message {
  background-position: 0 -72px;
}
.icon-nav-graph {
  background-position: 0 -96px;
}
.icon-nav-settings {
  background-position: 0 -120px;
}
.icon-nav-logout {
  background-position: 0 -144px;
}
.icon-nav-audit {
  background-position: 0 -168px;
}
.icon-nav-activity {
  background-position: 0 -192px;
}
.icon-nav-profile {
  background-position: 0 -216px;
}
a:hover .icon-nav-home,
.active .icon-nav-home {
  background-position: -24px 0;
}
a:hover .icon-nav-flag,
.active .icon-nav-flag {
  background-position: -24px -24px;
}
a:hover .icon-nav-search,
.active .icon-nav-search {
  background-position: -24px -48px;
}
a:hover .icon-nav-message,
.active .icon-nav-message {
  background-position: -24px -72px;
}
a:hover .icon-nav-graph,
.active .icon-nav-graph {
  background-position: -24px -96px;
}
a:hover .icon-nav-settings,
.active .icon-nav-settings {
  background-position: -24px -120px;
}
a:hover .icon-nav-logout,
.active .icon-nav-logout {
  background-position: -24px -144px;
}
a:hover .icon-nav-audit,
.active .icon-nav-audit {
  background-position: -24px -168px;
}
a:hover .icon-nav-activity,
.active .icon-nav-activity {
  background-position: -24px -192px;
}
a:hover .icon-nav-profile,
.active .icon-nav-profile {
  background-position: -24px -216px;
}
.icon-nav-sedna {
  width: 32px;
  height: 32px;
  background: url(../images/ico_sedna.png) center center no-repeat;
  background-size: 32px 32px;
}
.link-sedna {
  margin-right: 5px;
  padding: 0 5px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 52px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
}
.link-sedna:hover {
  color: #0099ff;
  text-decoration: none;
}
.link-sedna .fa-envelope {
  margin-right: 3px;
  position: relative;
}
.link-sedna .fa-envelope:after {
  content: '';
  width: 6px;
  height: 6px;
  background: #fd6464;
  border: 1px solid #fff;
  border-radius: 10px;
  display: block;
  position: absolute;
  top: -2px;
  right: -3px;
}
#header {
  background: #216495 url(../images/bg_hd.jpg) top left repeat-x;
  color: #fff;
}
#header #logo {
  margin: 0 20px;
  line-height: 52px;
  text-indent: -9999px;
  float: right;
}
#header .logged-in {
  float: right;
}
#header .logged-in .btn {
  max-width: 120px;
  padding: 0 5px;
  background: none;
  border: none;
  color: #fff;
  line-height: 52px;
  text-overflow: ellipsis;
  text-shadow: none;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#header .logged-in .btn .caret {
  margin-top: -2px;
  border-top-color: #fff;
  vertical-align: middle;
}
#header .logged-in .btn-group .dropdown-menu {
  top: 80%;
}
#header .divider-vertical {
  min-height: 52px;
  margin: 0 6px;
  border-right: 1px solid #174669;
  border-left: 1px solid #216597;
  line-height: 52px;
  float: right;
}
#mainmenu {
  padding: 15px 0 0 20px;
  color: #fff;
  overflow: hidden;
  min-height: 37px;
}
#mainmenu .nav-tabs {
  border-bottom: none;
}
#mainmenu .nav-tabs > li > a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#mainmenu ul {
  margin: 0;
  padding: 0;
}
#mainmenu li > a {
  margin-right: -1px;
  padding: 8px 12px;
  border: 1px solid #174669;
  background: #6daedf;
  background: -moz-linear-gradient(top,#216597 0%,#174669 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#216597),color-stop(100%,#174669));
  background: -webkit-linear-gradient(top,#216597 0%,#174669 100%);
  background: -o-linear-gradient(top,#216597 0%,#174669 100%);
  background: -ms-linear-gradient(top,#216597 0%,#174669 100%);
  background: linear-gradient(to bottom,#216597 0%,#174669 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#216597,endColorstr=#174669,GradientType=0);
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  display: inline-block;
}
#mainmenu li:first-child > a {
  -moz-border-radius: 3px 0 0 0;
  -webkit-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}
#mainmenu li:last-child > a {
  -moz-border-radius: 0 3px 0 0;
  -webkit-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}
#mainmenu li.active > a {
  margin-top: -3px;
  padding-top: 11px;
  background: #f2f3f5;
  border-bottom: none;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  position: relative;
  z-index: 3;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
  filter: -;
}
#mainmenu li > a > [class^="icon-"] {
  background-image: url(../images/glyphicons-halflings-white.png);
}
#mainmenu li.active > a > [class^="icon-"] {
  background-image: url(../images/glyphicons-halflings.png);
}
.submenu {
  margin-bottom: 0;
}
.submenu .navbar-inner {
  border-width: 0 0 1px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #ffffff;
  background: -moz-linear-gradient(top,#eee 0%,#fff 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#fff));
  background: -webkit-linear-gradient(top,#eee 0%,#fff 100%);
  background: -o-linear-gradient(top,#eee 0%,#fff 100%);
  background: -ms-linear-gradient(top,#eee 0%,#fff 100%);
  background: linear-gradient(to bottom,#eee 0%,#fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eee,endColorstr=#fff,GradientType=0);
}
.push {
  height: 30px;
}
footer {
  height: 19px;
  padding: 5px 20px 5px 70px;
  background: #fff;
  border-top: 1px solid #cccccc;
  font-size: 1.1rem;
  color: #999;
}
footer a {
  margin-right: 2rem;
}
.viewall2 .search-filter + .table-bordered {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.viewall2 .search-filter + .table-bordered thead:first-child tr:first-child th:first-child,
.viewall2 .search-filter + .table-bordered tbody:first-child tr:first-child td:first-child,
.viewall2 .search-filter + .table-bordered thead:first-child tr:first-child th:last-child,
.viewall2 .search-filter + .table-bordered tbody:first-child tr:first-child td:last-child {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.viewall2 > table {
  background: #fff;
  clear: both;
}
.viewall2 > table th {
  white-space: nowrap;
}
.viewall2 > table th a {
  color: #777;
}
.viewall2 > table > thead th {
  font-size: 1.1rem;
  color: #777;
  text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  text-transform: uppercase;
  background: #ffffff;
  background: -moz-linear-gradient(top,#efefef 0%,#e1e1e1 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#e1e1e1));
  background: -webkit-linear-gradient(top,#efefef 0%,#e1e1e1 100%);
  background: -o-linear-gradient(top,#efefef 0%,#e1e1e1 100%);
  background: -ms-linear-gradient(top,#efefef 0%,#e1e1e1 100%);
  background: linear-gradient(to bottom,#efefef 0%,#e1e1e1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#e1e1e1,GradientType=0);
}
.viewall2 > table .sect-hd {
  background: #f2f3f5;
  font-weight: bold;
}
.viewall2 > table .actions a {
  margin-right: 1rem;
}
.viewall2 .pagination .disabled a {
  cursor: not-allowed;
}
.document-comments {
  margin: 0;
  padding-left: 0;
  counter-reset: li;
}
.document-comments .comment {
  margin-bottom: 0;
  padding: 0.5rem 1rem 0.5rem 4rem;
  border-top: 1px solid #cccccc;
  list-style: none;
  position: relative;
}
.document-comments .comment:before {
  content: attr(data-documentcommentdisplayid);
  position: absolute;
  top: -1px;
  left: 0;
  width: 3rem;
  margin-right: 5px;
  padding: 2px 0;
  border: 1px solid #cccccc;
  background: #fff;
  font-weight: bold;
  color: #174669;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.document-comments .comment:hover {
  background: #f2f3f5;
  cursor: pointer;
}
.document-comments .comment.new-comment:before {
  background-color: #09f;
}
.document-comments .comment.urgent:before {
  background-color: #900;
  color: #fff;
}
.document-comments .comment.need-reply:before {
  background-color: #fd6464;
  color: #fff;
}
.document-comments .comment.selected {
  border-top: 3px solid #1972b4;
  background: #ffd;
  -moz-box-shadow: 2px 2px 5px #999;
  -webkit-box-shadow: 2px 2px 5px #999;
  box-shadow: 2px 2px 5px #999;
}
.document-comments .comment.selected:before {
  border-color: #1972b4;
  background-color: #1972b4;
  color: #fff;
}
.document-comments .comment .status-dropdown {
  margin-bottom: 5px;
  font-size: 1.3rem;
  text-transform: capitalize;
  display: inline-block;
  font-weight: bold;
}
.document-comments .comment .status-dropdown .btn {
  margin: 0;
  padding: 0 0.5rem;
  border: 0;
  background: none;
  box-shadow: none;
  font-weight: bold;
}
.document-comments .comment .status-dropdown .btn .caret {
  opacity: 0.2;
}
.document-comments .comment .status-dropdown .btn .dropdown-toggle {
  -moz-box-shadow: none 0 10px rgba(0,0,0,0.6);
  -webkit-box-shadow: none 0 10px rgba(0,0,0,0.6);
  box-shadow: none 0 10px rgba(0,0,0,0.6);
}
.document-comments .comment .status-dropdown .btn:hover {
  background: #ddd;
}
.document-comments .comment .status-dropdown .btn:hover .caret {
  opacity: 1;
}
.document-comments .comment .status-dropdown .dropdown-menu {
  text-align: left;
}
.document-comments .comment .do-not-publish,
.document-comments .comment .edit-follow-up {
  font-size: 1.1rem;
  font-weight: normal;
}
.document-comments .comment .comment-hd {
  display: flex;
}
.document-comments .comment .comment-hd .flags {
  flex-grow: 1;
}
.document-comments .comment .comment-hd .comment-status {
  float: none;
}
.document-comments .comment .comment-body {
  margin-bottom: 10px;
  clear: right;
}
.document-comments .comment .comment-body i {
  vertical-align: text-bottom;
}
.document-comments .comment .comment-count {
  font-size: 1.1rem;
  color: #999;
}
.document-comments .comment .action-item {
  margin-right: 10px;
  padding: 0.25rem;
  font-size: 1.1rem;
  color: #999;
  opacity: 0.6;
}
.document-comments .comment .action-item:hover {
  opacity: 1;
}
.document-comments .comment .flags {
  font-size: 1.1rem;
  color: #999;
}
.document-comments .comment .flags i {
  margin-top: 0;
}
.document-comments .comment .flags i.fa-fire {
  color: #fd6464;
}
.document-comments .comment .flags > span {
  margin-right: 5px;
  padding: 0 5px;
  border: 1px solid #cccccc;
  border-radius: 20px;
  white-space: nowrap;
  display: inline-block;
}
.document-comments .comment .count-down {
  padding: 1px 5px;
  background: #999;
  color: #fff;
  line-height: normal;
  display: inline-block;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.document-comments .comment .our-turn .count-down {
  background: #fd6464;
}
.document-comments .comment.highlighted-item {
  background-color: #fafad2;
}
.document-comments .comment .attachments {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #eee;
}
.document-comments .comment .comment-actions .fa {
  color: #333;
  font-size: 13px;
}
.comment-left-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-right: 16px;
  margin-bottom: 2px;
  min-width: 28px;
  position: relative;
}
.serial-number-box {
  box-sizing: border-box;
  padding: 4px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
  min-width: 28px;
  height: 28px;
  text-align: center;
  border: 1px solid #a7a7a7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comment .inspection-mark-favorite {
  width: 100%;
  height: 28px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.comment .inspection-mark-favorite.active {
  background: #fc0;
  border-color: #ccc;
}
.document-comments .comment span.expand-title,
.document-comments .comment span.collapse-title {
  display: none;
}
.document-comments .comment.js-interacted span.collapse-title {
  display: inline;
}
.document-comments .comment pre.text-preview ~ span .expand-title {
  display: inline;
}
.document-comments .comment pre.text-preview ~ span .collapse-title {
  display: none;
}
.document-comments .insert-comment {
  list-style: none;
}
.drawing-page .document-details .internal-comment {
  display: none;
}
.comment .mark-favorite {
  width: 14px;
  height: 20px;
  padding: 3px 8px;
  background: #fff;
  position: absolute;
  top: 25px;
  left: 0;
}
.comment .mark-favorite.active {
  padding: 3px 7px 2px;
  background: #fc0;
  border: 1px solid #ccc;
  border-top: 0;
}
@media (min-width: 768px) {
  .document-comments .comment .comment-status {
    float: right;
  }
  .document-comments .comment .do-not-publish,
  .document-comments .comment .edit-follow-up {
    margin-right: 10px;
    display: inline-block;
    position: relative;
    top: 1px;
  }
}
.d-none {
  display: none;
}
.d-inline {
  display: inline;
}
.d-inline-block {
  display: inline-block;
}
.d-flex {
  display: flex;
}
.d-inline-flex {
  display: inline-flex;
}
.layout-full-height {
  display: flex;
  flex-direction: column;
}
.layout-full-height .layout-full-height-bd {
  flex: 1 100%;
  display: flex;
  flex-direction: row;
  min-width: 0;
  min-height: 0;
}
.layout-root-doc {
  height: calc(100vh - 52px - 30px);
  margin: 0 -20px;
  overflow: hidden;
}
.layout-root-doc .breadcrumbs {
  margin-left: 20px;
}
.layout-root-doc .doc-title {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
}
.layout-root-doc .doc-title .btn-toolbar {
  margin-top: 0;
  white-space: nowrap;
}
.l-root-doc-bg {
  background-color: #fff;
}
.c-avatar {
  display: inline-block;
  vertical-align: middle;
}
.c-avatar circle {
  r: 11;
  stroke: #fff;
}
.avatar-container {
  overflow: hidden;
  padding-top: 3px;
}
.avatar-check {
  color: green;
  background-color: white;
  border: 0;
  border-radius: 50%;
  height: 11px;
}
.table th .c-avatar,
.table td .c-avatar {
  line-height: normal;
}
.revision-log-div {
  float: left;
  margin-right: 5px;
}
.avatar-check-div {
  position: relative;
  width: 0;
  height: 0;
}
.avatar-check-position {
  position: absolute;
  top: -32px;
  right: -28px;
}
.avatar-group {
  float: left;
  padding: 1px 0px 0px 5px;
  margin-right: 10px;
  border-radius: 25px;
  white-space: nowrap;
  height: 25px;
  background-color: #ffffff;
  color: black;
}
.breadcrumbs {
  margin: 0;
  padding: 10px 20px 5px;
  background: none;
}
.breadcrumbs * {
  line-height: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.breadcrumbs > li {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs > .divider {
  vertical-align: top;
}
.filter-btn {
  height: 38px;
  padding: 0 8px;
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #777;
  line-height: 38px;
  display: inline-block;
  cursor: pointer;
}
.filter-btn,
.filter-btn * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.filter-btn .filter-btn-count {
  margin-left: 0.5rem;
}
.filter-btn:hover,
.filter-btn:focus {
  text-decoration: none;
}
.filter-btn.active {
  background-color: #1972b4;
  color: #fff;
  border-color: #1972b4;
}
.filter-btn.active .filter-btn-count {
  background: #0099ff;
}
.filter-btn + .filter-btn {
  margin-left: 0.75rem;
}
.filter-btn .fa-star {
  color: #fc0;
}
.filter-btn .fa-edit {
  color: #0099ff;
}
.filter-btn .fa-fire {
  color: #fd6464;
}
.filter-dropdown .Select-control {
  height: 30px;
}
.filter-dropdown .Select-control .Select-placeholder,
.filter-dropdown .Select-control .Select-input {
  height: 30px;
  line-height: 30px;
}
.filter-dropdown .Select-menu-outer {
  z-index: 3;
}
.filter-btn-group .filter-btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.filter-btn-group .filter-btn:first-child {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.filter-btn-group .filter-btn:last-child {
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.filter-btn-group .filter-btn + .filter-btn {
  margin-left: -1px;
}
.filter-btn-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.filter-btn-list .filter-btn {
  width: 100%;
  border-width: 0 0 1px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  height: auto;
  line-height: normal;
}
.filter-btn-list .filter-btn .filter-btn-label {
  padding-top: 10px;
  padding-bottom: 10px;
  flex: 1;
}
.filter-btn-list.filter-btn-list-inverse {
  background: #444;
}
.filter-btn-list.filter-btn-list-inverse .filter-btn {
  border-bottom-color: #333;
  color: #999;
}
.filter-btn-list.filter-btn-list-inverse .filter-btn.active {
  background: #333;
  color: #fff;
}
.base-doc-search-filter {
  border-bottom: 1px solid #cccccc;
}
.base-doc-search-filter,
.base-doc-search-filter * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.base-doc-search-filter input[type="text"] {
  height: 38px;
  margin: 0;
  padding: 0 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.base-doc-search-filter .filter-dropdown {
  width: 100%;
  min-width: 120px;
  max-width: 240px;
}
.base-doc-search-filter .filter-dropdown input[type="text"] {
  height: 24px;
}
.base-doc-search-filter .control-group {
  margin: 0.75rem 0 0 0.75rem;
  display: inline-block;
  vertical-align: top;
}
.base-doc-search-filter .control-group:last-child {
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
}
.base-doc-search-filter .search-bar {
  display: flex;
  justify-content: space-between;
}
.base-doc-search-filter .search-bar .control-search {
  margin-bottom: 0.75rem;
}
.base-doc-search-filter .search-bar .btn-toggle-filters {
  height: calc(38px + 1.5rem);
  padding: 0 2rem;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  color: #999;
  font-weight: bold;
  line-height: calc(38px + 1.5rem);
  display: inline-block;
  transition: all 0.2s;
}
.base-doc-search-filter .search-bar .btn-toggle-filters:hover {
  text-decoration: none;
}
.base-doc-search-filter .search-bar .btn-toggle-filters.active {
  background: #eee;
  border-bottom: 1px solid #ddd;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-bottom-leftradius: 4px;
  border-bottom-left-radius: 4px;
  color: inherit;
}
.base-doc-search-filter .input-search {
  width: 100%;
}
.base-doc-search-filter .all-filters {
  flex: 1 100%;
}
.base-doc-search-filter .clear-input {
  margin: 0 0 0 -25px;
  padding: 0 5px 2px;
  background-color: #eee;
  -moz-border-radius: 1rem;
  -webkit-border-radius: 1rem;
  border-radius: 1rem;
  color: #fff;
  vertical-align: middle;
}
.base-doc-search-filter .clear-input:hover,
.base-doc-search-filter .clear-input:focus {
  background-color: #999;
}
.c-activity-log-item {
  margin-top: 2rem;
  padding: 1.5rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  display: flex;
}
.c-activity-log-item.c-activity-log-item--rev {
  border-radius: 0.5rem 0.5rem 0 0;
}
.c-activity-log-item .c-activity-log-item--date {
  flex: 0 0 100px;
  color: #999;
}
.c-activity-log-item .c-activity-log-item--title {
  font-weight: bold;
}
.c-activity-log-item .c-activity-log-item--category {
  font-size: 1.1rem;
  font-weight: normal;
  color: #999;
  text-transform: uppercase;
}
.c-activity-log-item .c-activity-log-item--summary {
  color: #999;
}
.c-activity-log-item .c-activity-log-item--desc {
  margin-top: 1rem;
}
.c-activity-log-item + .c-activity-log-comment {
  margin-top: -1px;
}
.c-activity-log-comment {
  padding: 1.5rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0 0 0.5rem 0.5rem;
}
.c-activity-log--bd-line {
  position: relative;
}
.c-activity-log--bd-line:before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #ddd;
  position: absolute;
  top: 0;
  left: 4rem;
  bottom: 0;
}
.c-activity-log--bd-line .c-activity-log-item,
.c-activity-log--bd-line .c-activity-log-comment {
  position: relative;
  z-index: 1;
}
.c-schedule-item {
  padding: 1rem 0;
  border-bottom: 1px solid #f2f3f5;
  display: flex;
}
.c-schedule-item .c-schedule-item--hd {
  width: 15%;
  display: flex;
  flex-direction: column;
}
.c-schedule-item .c-schedule-item--date {
  white-space: nowrap;
  font-weight: bold;
}
.c-schedule-item .c-schedule-item--category {
  font-size: 1.1rem;
  font-weight: normal;
  color: #999;
  text-transform: uppercase;
}
.c-schedule-item .c-schedule-item--bd {
  flex-grow: 1;
}
.c-schedule-item .c-schedule-item--indicator {
  padding-left: 5rem;
  position: relative;
}
.c-schedule-item .c-schedule-item--indicator:before {
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  background: #ccc;
  border-radius: 100%;
  position: absolute;
  top: 0.5rem;
  left: 2rem;
}
.c-schedule-item .c-schedule-item--name {
  padding-right: 0.5rem;
  font-weight: bold;
  position: relative;
}
.c-schedule-item .c-schedule-item--status {
  text-align: right;
  white-space: nowrap;
}
.c-schedule-item .c-schedule-item--status > .badge {
  margin-left: 0.5rem;
}
.c-schedule-item .btn-cancel-event {
  visibility: hidden;
}
.c-schedule-item:hover .btn-cancel-event {
  visibility: visible;
}
@media (min-width: 992px) {
  .c-schedule-item .c-schedule-item--date,
  .c-schedule-item .c-schedule-item--category {
    display: inline-block;
  }
}
@media (min-width: 1200px) {
  .c-schedule-item {
    padding: 1.25rem 0;
  }
  .c-schedule-item .c-schedule-item--hd {
    flex-direction: row;
    flex: 0 0 150px;
    justify-content: space-between;
  }
  .c-schedule-item .c-schedule-item--name {
    display: inline-block;
  }
}
.c-calendar .c-schedule-item {
  padding-top: 0.5rem;
  flex-direction: column;
}
.c-calendar .c-schedule-item .c-schedule-item--hd {
  flex-direction: row;
}
.c-calendar .c-schedule-item .c-schedule-item--date {
  padding: 0 0.5rem;
}
.c-calendar .c-schedule-item .c-schedule-item--indicator {
  padding-left: 3rem;
}
.c-calendar .c-schedule-item .c-schedule-item--indicator:before {
  left: 1rem;
}
.c-calendar .c-schedule-item .c-schedule-item--status {
  display: none;
}
@media (min-width: 992px) {
  .c-calendar .c-schedule-item .c-schedule-item--marker {
    margin: 0 2rem;
  }
}
@media (min-width: 1200px) {
  .c-calendar .c-schedule-item .c-schedule-item--hd {
    flex: auto;
  }
}
.c-schedule-item.steel-cutting .c-schedule-item--indicator:before {
  background: #fda752;
}
.c-schedule-item.keel-laying .c-schedule-item--indicator:before {
  background: #ffde00;
}
.c-schedule-item.launching .c-schedule-item--indicator:before {
  background: #56b27e;
}
.c-schedule-item.target-delivery .c-schedule-item--indicator:before {
  background: #4da7ce;
}
.c-schedule-item.contract-delivery .c-schedule-item--indicator:before {
  background: #5978c2;
}
.calendar-zoom-control {
  padding: 10px 10px 30px;
}
.calendar-zoom-control label {
  margin-right: 10px;
  display: inline-block;
}
.calendar-zoom-control .slider {
  width: 160px;
  display: inline-block;
}
.calendar-cycler {
  padding: 0 10px;
}
.calendar-cycler .prev {
  float: left;
}
.calendar-cycler .next {
  float: right;
}
.year-selector {
  text-align: center;
}
.year-selector .year > a {
  width: 32px;
  padding: 5px;
  display: inline-block;
  position: relative;
}
.year-selector .year > a.active {
  padding-top: 2px;
  border-bottom: 3px solid #09f;
  font-weight: bold;
}
.calendar {
  width: inherit;
  overflow: hidden;
  clear: both;
  -webkit-transition: margin-left 0.75s ease;
  transition: margin-left 0.75s ease;
}
.calendar .month-headers {
  height: inherit;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #ddd;
  display: table;
  cursor: pointer;
}
.calendar .months {
  height: inherit;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #ddd;
  display: table;
}
.calendar .months ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.calendar .month-col {
  border: 1px solid #ddd;
  border-width: 0 1px;
  vertical-align: top;
  display: table-cell;
}
.calendar .month-hd {
  margin: 0;
  padding: 0.25rem 0.5rem;
  font-size: 1.1rem;
  background: #f2f3f5;
  text-transform: uppercase;
}
.calendar .event {
  margin: 5px 8px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.calendar .project {
  margin-bottom: 20px;
}
.calendar .event-badge {
  display: none;
}
.link-see-more {
  margin-top: 2rem;
  text-align: right;
}
.c-schedule-tasks,
.c-schedule-tasks--items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.c-schedule-tasks--hd {
  margin: 0;
  padding: 0.5rem;
  background-color: #f2f3f5;
  font-size: 1.3rem;
  font-weight: bold;
  color: #174669;
  text-align: right;
}
.c-schedule-task-item {
  display: flex;
  padding: 1rem;
}
.c-schedule-task-item .c-schedule-task-item--preview {
  flex-grow: 1;
}
.c-schedule-task-item .c-schedule-task-item--meta .badge + .badge {
  margin-left: 0.5rem;
}
.c-schedule-task-item .c-schedule-task-item--countdown {
  padding: 1rem;
  color: #174669;
  text-align: right;
  white-space: nowrap;
}
.c-schedule-task-item + .c-schedule-task-item {
  border-top: 1px solid #cccccc;
}
.c-schedule-tasks--group.due {
  margin-bottom: 10px;
}
.c-schedule-tasks--group.due .c-schedule-tasks--hd,
.c-schedule-tasks--group.due .c-schedule-task-item .c-schedule-task-item--countdown {
  color: #fd6464;
}
.c-schedule-tasks--group.due .c-schedule-tasks--hd {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.c-schedule-tasks--group.due .c-schedule-tasks--hd i.chevron-bg {
  margin-right: 8px;
}
.pg-dashboard {
  margin-bottom: -20px;
}
.pg-dashboard .base-doc-search-filter .filter-dropdown {
  min-width: none;
  max-width: none;
}
.pg-dashboard .col-dashboard {
  padding: 2rem;
  overflow: auto;
  flex: 2;
}
.pg-dashboard .col-dashboard .overview {
  gap: 1rem;
}
.pg-dashboard .col-dashboard-schedule {
  padding: 0rem 2rem;
  border-left: 1px solid #cccccc;
  overflow: auto;
  flex: 1;
}
.pg-dashboard .filter-count {
  position: absolute;
  margin-left: 8px;
  background: #007bff;
  color: white;
  border-radius: 50%;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pg-dashboard .sticky-header {
  position: sticky;
  top: 0;
  background-color: #fff;
  margin-bottom: 10px !important;
}
.pg-dashboard .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pg-dashboard .dashboard-row {
  display: flex;
  gap: 1rem;
}
.pg-dashboard .dashboard-row + .dashboard-row {
  margin-top: 2rem;
}
.c-dashboard-widget {
  padding: 1.5rem;
  border: 1px solid #cccccc;
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex: 1;
  max-width: 50%;
}
.c-dashboard-widget .c-dashboard-widget--hd {
  margin-bottom: 1rem;
  display: flex;
  gap: 1rem;
}
.c-dashboard-widget .c-dashboard-widget--title {
  font-size: 1.6rem;
  color: #174669;
  flex-grow: 1;
}
.c-dashboard-widget .c-dashboard-widget--desc {
  font-size: 1.3rem;
  color: #999;
}
.c-dashboard-widget .c-dashboard-widget--actions {
  display: flex;
  gap: 0.5rem;
}
.c-dashboard-widget.c-dashboard-widget--metric .c-dashboard-widget--value {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: normal;
}
.c-dashboard-widget.c-dashboard-widget--metric .c-dashboard-widget--bd {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-dashboard-widget.c-dashboard-widget--metric.active {
  border-color: #174669;
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
  background-color: #ffd;
}
.c-dashboard-widget.c-dashboard-widget--metric.sub-widget {
  background-color: #F2F3F5;
}
.c-dashboard-widget.c-dashboard-widget--fullw {
  max-width: 100%;
}
.c-dashboard-widget.c-dashboard-widget--halfw {
  max-width: 50%;
}
.c-dashboard-widget.c-dashboard-widget--thirdw {
  max-width: 33.33%;
}
.c-dashboard-widget.c-dashboard-widget--quarterw {
  max-width: 25%;
}
a.c-dashboard-widget {
  color: #333;
}
a.c-dashboard-widget:hover {
  text-decoration: none;
}
.custom-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.custom-checkbox input {
  display: none;
}
.custom-checkbox-box {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  border: 1px solid black;
  box-sizing: border-box;
  position: relative;
  background-color: white;
}
.custom-checkbox input:checked + .custom-checkbox-box {
  background-color: #007BFF;
}
.custom-checkbox input:checked + .custom-checkbox-box:after {
  content: '';
  position: absolute;
  top: 45%;
  left: 50%;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: translate(-50%,-50%) rotate(45deg);
}
.bars-icon {
  font-size: 16px !important;
  cursor: pointer;
}
.priority-filters {
  position: absolute;
  right: 0;
  z-index: 10;
  background: white;
  border: 1px solid #ccc;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  padding: 10px;
  width: 65%;
}
.priority-filters-modal {
  padding: 20px;
  width: 90%;
}
.custom-calendar-container .react-datepicker__input-container {
  display: none;
}
.custom-calendar-container .react-datepicker__calendar {
  display: block;
}
.bars-filter {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.bars-filter::before,
.bars-filter::after,
.bars-filter span {
  content: '';
  position: absolute;
  height: 3px;
  background-color: gray;
  left: 50%;
  transform: translateX(-50%);
}
.bars-filter::before {
  top: 4px;
  width: 80%;
}
.bars-filter span {
  top: 10px;
  width: 50%;
}
.bars-filter::after {
  top: 16px;
  width: 25%;
}
.selected-filter {
  margin: 5px;
  padding: 0 9px;
}
.filter-remove-button {
  margin-left: 10px;
  cursor: pointer;
  border: none;
}
.white-bg {
  background-color: white;
}
.disable-label {
  color: gray;
  cursor: not-allowed !important;
}
.disable-input {
  border: 1px solid gray !important;
}
.filter-modal-footer {
  background-color: white !important;
  border-top: none !important;
  padding-right: 0;
}
.reset-btn {
  border: none;
  background: white;
  margin-right: 25px;
}
.apply-btn {
  border: none;
  border-radius: 3px;
  padding: 4px 25px;
  color: white;
  background: #216495;
}
.radio-group {
  display: flex;
  gap: 15px;
  align-items: center;
}
.radio-group label {
  margin-right: 10px;
}
input[type="radio"] {
  margin-right: 5px;
  margin-top: 0px;
}
.search-inspection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
input[type="text"] {
  padding-right: 30px;
}
.has-failed-inspection {
  display: flex;
  align-items: center;
  margin-left: 15px;
  white-space: nowrap;
}
input[type="checkbox"] {
  margin-right: 5px;
  margin-top: 0px;
}
.grid-view {
  padding-top: 10px;
}
.grid-view .summary {
  margin: 5px 0 16px;
  float: right;
}
.grid-view .pagination {
  margin: 5px 0;
}
.grid-view table {
  background: #fff;
}
.grid-view thead .category th {
  padding-bottom: 0;
  border-bottom: none;
}
.grid-view thead .open-close td {
  padding-top: 0;
  border-top: none;
  background: #e1e1e1;
  font-size: 1.1rem;
}
.grid-view >table >thead th {
  font-size: 1.1rem;
  color: #777;
  line-height: normal;
  text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  text-transform: uppercase;
  white-space: nowrap;
  background: #ffffff;
  background: -moz-linear-gradient(top,#efefef 0%,#e1e1e1 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#e1e1e1));
  background: -webkit-linear-gradient(top,#efefef 0%,#e1e1e1 100%);
  background: -o-linear-gradient(top,#efefef 0%,#e1e1e1 100%);
  background: -ms-linear-gradient(top,#efefef 0%,#e1e1e1 100%);
  background: linear-gradient(to bottom,#efefef 0%,#e1e1e1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#e1e1e1,GradientType=0);
}
.grid-view >table >thead th a {
  color: #777;
}
.grid-view >table >thead td {
  font-weight: bold;
}
.grid-view >table a.sort-link.asc,
.grid-view >table a.sort-link.desc {
  padding-right: 18px;
}
.grid-view >table .secthd {
  background: #f2f3f5;
  font-weight: bold;
}
.grid-view >table .status-bar {
  width: 5px;
  padding: 0;
}
.grid-view >table .status-color {
  font-weight: bold;
}
.grid-view td.min-width a {
  margin-right: 1.5rem;
}
.grid-view td.min-width a:last-child {
  margin-right: 0;
}
.grid-view .icon-paperclip {
  margin: 0 0 5px 5px;
  float: right;
}
.grid-view-loading {
  background-image: none;
}
.data-table .grid-view > table >thead>tr>th:first-child {
  padding: 0;
}
.data-table .grid-view > table >thead>tr>th:first-child + th,
.data-table .grid-view > table .status-background + td {
  border-left: none;
}
.data-table .table-bordered {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.data-table .table-bordered thead:first-child tr:first-child th:first-child,
.data-table .table-bordered tbody:first-child tr:first-child td:first-child,
.data-table .table-bordered thead:first-child tr:first-child th:last-child,
.data-table .table-bordered tbody:first-child tr:first-child td:last-child {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.tag-list {
  font-size: 0;
  display: inline-block;
}
.tag {
  margin: 0 4px 0 0;
  white-space: nowrap;
  display: inline-block;
}
a.tag:hover,
a.tag:focus {
  text-decoration: none;
}
.tag .label,
.tag .remove-tag {
  background-color: #277ed7;
  padding: 1px 7px;
  font-size: 1.1rem;
  line-height: 1.8rem;
  display: inline-block;
}
.tag .remove-tag {
  margin-left: -2px;
  padding: 1px 5px;
  background-color: #277ed7;
  border-radius: 0 3px 3px 0;
  color: rgba(255,255,255,0.4);
  cursor: pointer;
}
.tag .remove-tag:hover {
  background-color: #e35858 !important;
  color: #fff !important;
}
.add-comment {
  padding: 0 10px 10px;
  border-top: 5px solid #cccccc;
  background: #f2f3f5;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.1rem;
}
.add-comment .internal-comment {
  display: inline-block;
}
.add-comment .internal-comment input {
  margin-top: 0;
}
.add-comment-form {
  margin-top: 0;
}
.add-comment-form textarea {
  width: 100%;
  margin: 0;
}
.add-comment-form:after {
  content: "";
  display: table;
  clear: both;
}
.add-comment-form,
.add-comment-form label {
  font-size: 1.1rem;
}
.add-comment-form a.add-attachment {
  margin-right: 20px;
}
.add-comment-form a.add-attachment:before {
  content: '+ ';
}
.add-comment-form .internal-comment input {
  margin-top: 0;
}
.update-comment {
  padding: 5px 15px 10px 5px;
  border-top: 1px solid #cccccc;
  background: #f2f3f5;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.1rem;
}
.reply {
  margin-bottom: 1rem;
  position: relative;
}
.reply .avatar {
  width: 32px;
  height: 32px;
  margin-top: 5px;
  border: 3px solid #cccccc;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
}
.reply .content {
  margin-left: 50px;
  padding: 0.8rem 1rem;
  background: #fff;
  border: 1px solid #cccccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}
.reply .author {
  font-weight: bold;
}
.reply .company {
  color: #666;
}
.reply .date {
  font-size: 1.1rem;
  color: #666;
  float: right;
}
.reply.private .content {
  background: #ffd;
}
.reply.private .author .name:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 2px 3px 0 0;
  background-image: url(../images/glyphicons-custom_9.png);
  background-position: 0 0;
  line-height: 14px;
  vertical-align: text-top;
}
.reply > .content:before {
  position: absolute;
  top: 16px;
  left: 43px;
  display: inline-block;
  border-top: 8px solid transparent;
  border-right: 8px solid #ccc;
  border-bottom: 8px solid transparent;
  border-right-color: rgba(0,0,0,0.2);
  content: '';
}
.reply > .content:after {
  position: absolute;
  top: 17px;
  left: 44px;
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid #fff;
  border-bottom: 7px solid transparent;
  content: '';
}
.reply.private  > .content:after {
  border-right-color: #ffd;
}
.reply.builder .avatar,
.reply.vendor .avatar {
  float: right;
}
.reply.builder .content,
.reply.vendor .content {
  margin-left: 0;
  margin-right: 50px;
}
.reply.builder > .content:before,
.reply.vendor > .content:before {
  left: auto;
  right: 43px;
  border-left: 8px solid #ccc;
  border-right: none;
}
.reply.builder > .content:after,
.reply.vendor > .content:after {
  left: auto;
  right: 44px;
  border-left: 7px solid #fff;
  border-right: none;
}
.reply.highlighted-item > .content {
  background-color: #fafad2;
}
.reply.highlighted-item > .content:after {
  border-right-color: #fafad2;
}
.reply.builder.highlighted-item > .content:after {
  border-left-color: #fafad2;
  border-right-color: transparent;
}
.draft-reply {
  margin: 10px;
  border-top: 1px solid #cccccc;
  font-size: 1.1rem;
  cursor: pointer;
}
.draft-reply pre {
  min-height: 30px;
  border: 1px dashed #999;
}
.draft-reply form,
.draft-reply textarea {
  margin: 0;
}
.draft-reply .alert {
  margin-bottom: 1rem;
}
.draft-reply .last-edited {
  font-size: 1.1rem;
  color: #999;
}
.draft-reply .errorMessage {
  margin: 0;
}
.edit-draft-reply {
  background: #f2f3f5;
}
.edit-draft-reply .action {
  margin-bottom: 10px;
  float: right;
}
.internal-comments {
  border-top: 5px solid #999;
  clear: both;
}
.internal-comments h2 {
  margin: 1rem;
}
.internal-comments .comment {
  margin: 0;
}
.internal-comments .comment .avatar {
  display: none;
}
.internal-comments .comment .content {
  margin: 0;
  padding: 0;
  background: #fff;
  border-width: 1px 0 0;
  overflow: hidden;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.internal-comments .comment .author,
.internal-comments .comment pre,
.internal-comments .comment .date {
  padding: 0.5rem 0.8rem;
  font-size: 1.1rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.internal-comments .comment .author {
  width: 20%;
  background: #ddd;
  border-right: 1px solid #cccccc;
  float: left;
}
.internal-comments .comment pre {
  width: 60%;
  margin-left: -1px;
  border-left: 1px solid #cccccc;
  float: left;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.internal-comments .comment .date {
  width: 20%;
  text-align: right;
  display: block;
}
.internal-comments .comment > .content:before,
.internal-comments .comment .content:after {
  border: none;
  display: inline;
}
.internal-comments .add-comment {
  overflow: hidden;
}
.viewone .internal-comments .add-comment {
  padding: 1rem;
  border: 1px solid #cccccc;
  border-width: 1px 0;
}
.internal-comments .add-comment-hd,
.internal-comments .add-comment-form .help-block,
.internal-comments .add-comment-form .internal-comment,
.internal-comments .add-comment .internal-comment {
  display: none;
}
.internal-comments .add-comment-form textarea {
  height: 5rem;
  margin: 0;
}
.internal-comments .comment-file-upload {
  clear: both;
}
.well > h2,
.well > h3 {
  margin: 0 0 2rem;
  line-height: normal;
}
.comment-file-upload {
  margin-bottom: 2rem;
}
.comment-file-upload form,
.comment-file-upload .table,
.comment-file-upload .progress {
  margin: 0;
}
.comment-file-upload .files td.preview {
  width: 80px;
}
.comment-file-upload .files td.name > a {
  word-break: break-all;
}
.comment-file-upload .files td.delete,
.comment-file-upload .files td.cancel {
  width: 1%;
  overflow: auto;
}
.issue-file-upload {
  margin-bottom: 1rem;
}
.issue-file-upload form,
.issue-file-upload .table,
.issue-file-upload .progress {
  margin: 0;
}
.issue-file-upload .files td.preview {
  width: 80px;
}
.issue-file-upload .files td.name > a {
  word-break: break-all;
}
.issue-file-upload .files td.delete,
.issue-file-upload .files td.cancel {
  width: 1%;
  overflow: auto;
}
.fileupload-buttonbar {
  font-size: 1.1rem;
}
.fileinput-button {
  margin: 0;
  font-weight: bold;
  color: #0099ff;
}
.fileinput-button:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../images/glyphicons-custom_9.png);
  background-position: 0 -30px;
  line-height: 14px;
  vertical-align: text-top;
}
.fileupload-buttonbar .btn.start {
  display: none;
}
.fileupload-buttonbar .upload-tip {
  color: #999;
}
.attachments ul {
  margin: 0;
  padding: 0;
  clear: left;
}
.attachments li {
  list-style: none;
}
.attachments .actions {
  font-size: 1.1rem;
}
.attachments .tip {
  font-size: 1.1rem;
  color: #777;
}
.attachments .image-list li.span5 {
  width: 46.15384615%;
  margin: 0 2.564102564102564% 2.564102564102564% 0;
  position: relative;
}
.attachments .image-list img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.attachments .image-list .actions {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachments .file-list a:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
  background-image: url(../images/glyphicons-custom_9.png);
  background-position: 0 -60px;
  line-height: 14px;
  vertical-align: text-top;
}
.attachments .file-list a.file-pdf:before {
  background-position: -45px 0;
}
.attachments .file-list a.file-excel:before {
  background-position: -45px -15px;
}
.attachments .file-list a.file-image:before {
  background-position: -45px -30px;
}
.revisions-container {
  padding-bottom: 1rem;
  clear: both;
  background: #fff;
  border: none;
}
.revisions-container .table {
  margin: 0;
}
.revisions-container .table thead th {
  font-size: 1.1rem;
  text-transform: uppercase;
}
.revisions-loading-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: rgba(255,255,255,0.5);
  text-align: center;
}
.revisions-loading-spinner .fa-spinner {
  position: absolute;
  top: 40%;
}
.dropzone.in .add-comment,
.dropzone.in .add-issue {
  border: 3px dashed #cccccc;
}
.dropzone.in .upload-tip {
  color: #5bb75b;
}
.dropzone.hover {
  background: #fbeed5 !important;
}
.dropzone.fade {
  opacity: 1;
}
.dropzone.fade .add-comment {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.dropzone.fade .add-issue {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.file-upload-widget {
  padding: 10px 10px 0;
  border: 3px dashed #ddd;
}
.file-upload-widget.hover {
  background: #f8f4d6;
  border-color: #999;
}
.file-upload-widget .table {
  margin: 10px 0;
  font-size: 1.1rem;
}
.file-upload-widget .fade {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.hd {
  margin-bottom: 10px;
}
#content {
  padding: 0 0 20px;
}
#content.narrow {
  padding: 20px 0;
}
#content .hd > .btn-toolbar {
  margin-top: 6px;
  margin-left: 10px;
  float: right;
}
#content .hd:after {
  content: "";
  display: table;
  clear: both;
}
#content .hd-actions {
  float: right;
}
#content .export-tip {
  margin: -10px 0 0;
  font-size: 1.1rem;
  color: #999;
  text-align: right;
}
#content .no-results {
  margin: 1rem;
}
.overview .channel-filter {
  margin-bottom: 1rem;
}
.overview .channel-filter label,
.overview .channel-filter .btn {
  font-size: 2rem;
  color: #174669;
  vertical-align: middle;
}
.overview .channel-filter .btn {
  padding: 1px 0.5rem;
  font-weight: bold;
  text-decoration: none;
}
.overview .widget {
  display: inline-block;
  vertical-align: top;
}
.overview .widget >a,
.overview .widget >.btn-group > .btn {
  min-width: 100px;
  height: 60px;
  margin: 0 0.5rem 0.5rem 0;
  padding: 10px 20px;
  background: #fff;
  border-top: 3px solid #cccccc;
  display: inline-block;
  position: relative;
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.overview .widget >.btn-group > .btn {
  font-size: 1.3rem;
  border-width: 3px 0 0 0;
}
.overview .widget label {
  color: #999;
  line-height: 37px;
  cursor: pointer;
}
.overview .widget label.small {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: normal;
}
.overview .widget .percentage {
  height: 3px;
  background: rgba(0,0,0,0.4);
  position: absolute;
  top: -3px;
  left: 0;
}
.overview .widget .value {
  margin-left: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 37px;
  float: right;
}
.overview .widget.draft > a {
  border-top-color: #444;
  color: #444;
}
.overview .widget.na > a,
.overview .widget.open > a {
  border-top-color: #fd6464;
  color: #fd6464;
}
.overview .widget.aq > a {
  border-top-color: #1972b4;
  color: #1972b4;
}
.overview .widget.aa > a,
.overview .widget.closed > a {
  border-top-color: #51a351;
  color: #51a351;
}
.overview .widget.reference > a {
  border-top-color: #aaa;
  color: #aaa;
}
.overview .widget >.active {
  -moz-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.3);
  box-shadow: inset 2px 2px 5px rgba(0,0,0,0.3);
  background: #999;
}
.overview .widget >.active label,
.overview .widget >.active .value {
  color: #fff;
}
.overview .widget.draft > .active {
  background: #444;
}
.overview .widget.na > .active,
.overview .widget.open > .active {
  background: #fd6464;
}
.overview .widget.aq > .active {
  background: #1972b4;
}
.overview .widget.aa > .active,
.overview .widget.closed > .active {
  background: #51a351;
}
.overview .widget.reference > .active {
  background: #aaa;
}
.btn-group > .dropdown-toggle.filter-tab {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.filter-tabs-group {
  width: 100%;
}
.filter-tabs-group hr {
  border-bottom: 1px solid #ddd;
  margin: 20px 0;
}
.filter-tabs-group .filter-label {
  color: #999;
  display: inline-block;
  font-size: 1.1rem;
  margin-right: 6px;
}
.filter-tabs-group .filter-tab {
  -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  background: #fff;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  border-top: 3px solid #aaa;
  display: inline-block;
  height: 44px;
  margin-right: 8px;
  min-width: 100px;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
}
.filter-tabs-group .filter-tab .caret {
  margin: 19px 0 0 3px;
}
.filter-tabs-group .filter-tab:hover {
  text-decoration: none;
}
.filter-tabs-group .filter-tab.green {
  border-top-color: #51a351;
  color: #999;
}
.filter-tabs-group .filter-tab.green span.count {
  color: #51a351;
}
.filter-tabs-group .filter-tab.green.pressed {
  color: #fff;
  background: #51a351;
}
.filter-tabs-group .filter-tab.green.pressed span.count {
  color: #fff;
}
.filter-tabs-group .filter-tab.blue {
  border-top-color: #1972b4;
  color: #999;
}
.filter-tabs-group .filter-tab.blue span.count {
  color: #1972b4;
}
.filter-tabs-group .filter-tab.blue.pressed {
  color: #fff;
  background: #1972b4;
}
.filter-tabs-group .filter-tab.blue.pressed span.count {
  color: #fff;
}
.filter-tabs-group .filter-tab span.count {
  font-size: 19px;
  font-weight: bold;
  line-height: 39px;
  vertical-align: middle;
  margin-left: 6px;
}
.filter-tabs-group .filter-tab.pressed {
  -moz-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2);
  box-shadow: inset 2px 2px 5px rgba(0,0,0,0.2);
  background: #aaa;
}
.filter-tabs-group .filter-tab > label {
  line-height: 44px;
}
.search-filter {
  width: 100%;
  padding: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: none;
  position: relative;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.search-filter form {
  margin: 0;
}
.search-filter hr {
  margin: 1rem 0;
}
.search-filter select {
  width: auto;
  margin-right: 5px;
}
.search-filter .btn-clear-all-filters {
  padding: 0.5rem 1.5rem;
  background: #f2f3f5;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
.search-filter .btn-clear-all-filters:hover {
  background: #ddd;
  text-decoration: none;
}
.search-filter .btn-clear-all-filters.visible {
  display: inline;
}
.search-filter .control-group {
  margin: 0 10px 10px 0;
  float: left;
}
.search-filter .control-group label {
  display: block;
}
.search-filter .control-group.submit {
  padding-top: 20px;
}
.search-filter .control-group.remove-users {
  padding-top: 20px;
  float: right;
}
.search-filter .clear-input {
  width: 6px;
  height: 6px;
  padding: 5px;
  background: #ccc;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  line-height: 4px;
  cursor: pointer;
  opacity: 0.4;
}
.search-filter .clear-input:hover {
  color: #999;
}
.search-filter .input-with-clear {
  display: inline-block;
  position: relative;
}
.search-filter .input-with-clear .clear-input {
  position: absolute;
  top: 6px;
  right: 6px;
}
.search-filter input:focus + .clear-input {
  opacity: 1;
}
.search-filter .select2-container {
  margin-bottom: 0;
}
.search-filter .select2-container-multi .select2-choices {
  min-height: 28px;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 36px !important;
  width: 211px;
  background: none;
}
.document-comments-filter button {
  height: 28px;
  margin-bottom: 3px;
  padding: 0 8px;
  background: #eee;
  border: 1px solid #ccc;
  display: inline-block;
  font-size: 1.1rem;
  font-weight: bold;
  color: #666;
  line-height: 26px;
  text-align: left;
  outline: none;
}
.document-comments-filter button .count {
  min-width: 12px;
  margin: 0 -8px 0 6px;
  padding: 0 10px;
  background: #ddd;
  line-height: 26px;
  text-align: center;
  display: inline-block;
}
.document-comments-filter button:hover {
  color: #333;
}
.document-comments-filter button.active {
  background: #386db7;
  border-color: #417ed2;
  color: #fff;
}
.document-comments-filter button.active:hover {
  color: #fff;
}
.document-comments-filter button.active .count {
  background: #417ed2;
}
.document-comments-filter button.active .icon-paperclip {
  background-position: 0 -75px;
}
.document-comments-filter button.active .icon-fire-red {
  background-position: -75px -30px;
}
.document-comments-filter button.active .icon-draft-reply {
  background-position: -90px -15px;
}
.document-comments-filter button.active .icon-reply-arrow {
  background-position: -90px -60px;
}
.document-comments-filter label {
  font-size: 1.1rem;
  font-weight: bold;
}
.document-comments-filter i {
  margin: 0 0 0 -2px;
}
.document-comments-filter hr {
  margin: 5px 0;
  border-top: 1px solid #ccc;
}
.document-comments-filter .fa {
  font-size: 14px;
  margin: 0 -1px 0 0;
}
.status-badges {
  margin: -45px 10px 0 0;
  float: right;
}
.status-badges .badge {
  margin-left: 3px;
}
.meta {
  margin-bottom: 1px;
  padding: 1rem;
  border-left: 5px solid #aaa;
  background: #ddd;
  font-size: 1.1rem;
  font-weight: bold;
}
.meta label {
  margin: 0;
  font-size: 1.1rem;
  font-weight: normal;
  color: #999;
  line-height: 1.6rem;
  display: block;
}
.meta.status {
  background: #f2f3f5;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}
.meta.status.reference {
  border-left-color: #999;
  color: #999;
}
.meta.status.aq {
  border-left-color: #1972b4;
  color: #1972b4;
}
.meta.status.open,
.meta.status.na {
  border-left-color: #fd6464;
  color: #fd6464;
}
.meta.status.closed,
.meta.status.approved,
.meta.status.aa {
  border-left-color: #51a351;
  color: #51a351;
}
.meta.status .secondary {
  margin: 0;
  font-size: 1.1rem;
  font-weight: bold;
}
.meta.revision-requested {
  background: #fd6464;
  border-left-color: #600;
  font-size: 1.4rem;
  color: #fff;
  line-height: normal;
  text-transform: none;
}
.meta .revision-date {
  font-size: 1.1rem;
}
.container-fluid.viewone,
.container-fluid.viewone #content {
  padding: 0;
}
.viewone .hd {
  margin: 0;
  padding: 0 20px;
  border-bottom: 1px solid #cccccc;
}
.viewone .hd .details {
  clear: both;
}
.viewone .category .badge {
  text-transform: uppercase;
}
.viewone .details .field {
  padding-top: 1rem;
  min-height: 44px;
}
.viewone .details label {
  margin: 0;
  color: #999;
  display: block;
}
.viewone .revision-select label {
  display: inline-block;
}
.viewone .revision-select select {
  width: auto;
  margin-bottom: 0;
}
.viewone .replies {
  width: 42.55319148936171%;
  margin-left: 0;
}
.viewone .add-comment-hd,
.viewone .replies h2,
.viewone .draft-reply h2 {
  margin-top: 1rem;
  font-size: 1.4rem;
  line-height: normal;
}
.viewone #comments {
  padding: 0 20px 1rem 1rem;
}
.viewone .add-comment {
  margin: 0;
  padding: 0 20px 1rem 1rem;
  border-top: 5px solid #999;
}
.viewone .add-comment-form {
  margin: 0;
}
.viewone .section {
  border-bottom: 1px solid #cccccc;
  clear: both;
}
.viewone .section .section-hd {
  padding-left: 0.5rem;
  font-size: 1.4rem;
  line-height: 3.7rem;
  display: block;
}
.viewone .section .section-hd .chevron-bg {
  background: #f2f3f5;
  display: block;
  float: right;
}
.viewone .section .section-hd .chevron {
  width: 15px;
  height: 15px;
  margin: 11px;
  background-image: url(../images/glyphicons-custom_9.png);
  background-position: -45px -45px;
  display: block;
}
.viewone .section .section-hd:hover {
  background: #f2f3f5;
  text-decoration: none;
}
.viewone .section .section-hd:hover .chevron-bg {
  background-color: #ccc;
}
.viewone .section .section-hd:hover .chevron {
  background-position: -45px -60px;
}
.viewone .section.expanded .section-hd {
  background: #f8f8f8;
}
.viewone .section.expanded .section-hd .chevron {
  background-position: -60px 0;
}
.viewone .section.expanded .section-hd :hover {
  background: #f2f3f5;
  text-decoration: none;
}
.viewone .section.expanded .section-hd:hover .chevron {
  background-position: -60px -15px;
}
.viewone .section .counter {
  color: #999;
  line-height: 2.2rem;
}
.viewone .section .counter .count {
  margin-left: 25px;
  margin-right: 0;
  font-size: 1.3rem;
}
.viewone .section .counter .count .urgent {
  color: #900;
}
.modal {
  width: 720px;
  margin-left: -360px;
}
.modal.draft-reply-modal {
  width: 900px;
  margin-left: -450px;
}
.modal form label {
  color: inherit !important;
}
.modal form label.checkbox,
.modal form label.radio {
  margin: inherit !important;
}
body.modal-open {
  overflow: hidden;
}
.btn-group .title-dropdown {
  padding: 0;
  border: none;
  background: none;
  font-size: 2.4rem;
  font-weight: normal;
  color: #174669;
  line-height: 40px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-group .title-dropdown .caret {
  margin-top: 18px;
  border-top-color: #000;
  border-bottom-color: #000;
}
.btn-group.open .title-dropdown.btn-primary.dropdown-toggle {
  background: none !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.title-dropdown + .dropdown-menu {
  top: 92%;
}
.pg-ncr-all-yards .grid-view {
  padding: 0;
}
.pg-ncr-all-yards .grid-view + .grid-view {
  margin-top: -1px;
}
.pg-ncr-all-yards .grid-view + h2 {
  margin-top: 20px;
}
.pg-ncr-all-yards .table {
  margin: 0;
}
.pg-ncr-all-yards .table th,
.pg-ncr-all-yards .table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}
.pg-ncr-all-yards .table td.hull-name {
  width: 25%;
}
.pg-ncr-all-yards .table td.ncr-category {
  border-bottom: none;
  font-size: 1.1rem;
  color: #777;
  line-height: normal;
  text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  text-transform: uppercase;
  white-space: nowrap;
}
.pg-ncr-all-yards .table td.ncr-status {
  padding-top: 0;
  padding-bottom: 2px;
  border-top: none;
  font-size: 1rem;
  font-weight: bold;
}
.pg-ncr-all-yards .table td.ncr-status:nth-child(2n),
.pg-ncr-all-yards .table td.ncr-status:last-child {
  border-left: none;
}
.list-ncr .document-comments-list .urgent {
  color: #900;
}
.list-ncr .document-comments-list .count .number {
  display: inline-block;
  margin-left: 5px;
}
.list-ncr .document-comment-status .count,
.list-ncr .document-comment-status .count-red {
  margin-right: 15px;
  font-size: 10px;
  font-weight: bold;
  color: #999;
  display: inline-block;
  overflow: hidden;
}
.list-ncr .document-comment-status .count-red {
  color: #900;
}
.list-ncr .document-comment-status .number {
  width: 20px;
  margin-right: 4px;
  text-align: right;
  display: block;
  float: left;
}
.control-group.hull-num {
  margin-bottom: 0;
}
.control-group #Ncr_description + span.help-inline {
  padding-left: 0;
}
.issue-hd {
  background: #999;
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
}
.issue {
  padding: 0.5rem 0;
  border-top: 1px solid #cccccc;
  clear: both;
}
.issue.highlighted-item {
  background-color: #fafad2;
}
.issue-display-id {
  width: 8%;
  font-weight: bold;
  float: left;
}
.issue-content {
  float: left;
}
.issue-description pre {
  margin-bottom: 0.5rem;
}
.issue-status {
  margin: 0 1rem 0.5rem 0;
  font-size: 1.3rem;
  font-weight: bold;
  float: right;
}
.remove-issue {
  float: left;
}
.issue-list .actions {
  padding-top: 1rem;
  clear: both;
}
.issue-list .help-block {
  margin: 10px 0;
}
#ncr-form .issue {
  border-top: 0;
  border-bottom: 1px solid #cccccc;
}
#ncr-form .issue-display-id,
#ncr-form .issue-content,
#ncr-form .remove-issue {
  padding: 5px;
}
#ncr-form .issue-content {
  width: 68%;
}
#ncr-form .issue-content textarea {
  width: 98%;
  height: 5em;
}
.issue-status {
  text-transform: capitalize;
}
.issue-status .todo {
  color: #fd6464;
}
.issue-status .complete {
  color: #51a351;
}
.issue-status > a.btn {
  padding: 0 0.5rem;
  border: 0;
  background: none;
  -moz-box-shadow: none 0 10px rgba(0,0,0,0.6);
  -webkit-box-shadow: none 0 10px rgba(0,0,0,0.6);
  box-shadow: none 0 10px rgba(0,0,0,0.6);
}
.issue-status > a.btn:hover {
  background: #ddd;
}
.issue-status > a.btn .caret {
  opacity: 0.2;
}
.issue-status > a.btn:hover .caret {
  opacity: 1;
}
.issue-status > a.btn.dropdown-toggle {
  -moz-box-shadow: none 0 10px rgba(0,0,0,0.6);
  -webkit-box-shadow: none 0 10px rgba(0,0,0,0.6);
  box-shadow: none 0 10px rgba(0,0,0,0.6);
}
.submit-yard label,
.submit-yard .shipyard-name {
  font-weight: bold;
}
.submit-yard span.address {
  margin: 0 1px 1px 0;
  padding: 5px 10px;
  background: #f2f3f5;
  color: #666;
  white-space: nowrap;
  display: inline-block;
}
.submit-yard .remove-address {
  width: 11px;
  height: 11px;
  background: url(../images/ico_x_sm.png) top left no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.drawing-page .details .field {
  margin-right: 1.5rem;
  padding-top: 0;
  float: left;
}
.drawing-page .details .field:last-child {
  margin-right: 0;
}
.drawing-page .details .plan-status,
.drawing-page .details .revision-status {
  min-width: 100px;
  height: 40px;
  padding: 2px 8px 8px;
  font-weight: bold;
  color: #fff;
  float: right;
}
.drawing-page .details .plan-status label,
.drawing-page .details .revision-status label {
  font-size: 1.1rem;
  color: #fff;
}
.drawing-page .details .plan-status >span,
.drawing-page .details .revision-status >span {
  text-transform: uppercase;
}
.drawing-page .details .plan-status {
  margin-right: -20px;
}
.drawing-page .details .revision-status.apply-series {
  min-width: 0;
  padding: 8px 8px 2px;
  line-height: normal;
  text-align: center;
}
.drawing-page .document-details {
  border-right: 1px solid #cccccc;
  background: #fff;
  position: relative;
}
.drawing-page .revisions-container {
  max-height: 132px;
  padding: 0;
  border-bottom: 5px solid #999;
  overflow: auto;
}
.drawing-page .latest-revision {
  padding: 10px;
  background: #f8f8f8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
}
.drawing-page .latest-revision label {
  margin-left: 20px;
  color: #999;
  display: inline;
}
.drawing-page .latest-revision .chevron-bg {
  width: 18px;
  margin: -10px;
  padding: 10px;
  background: #f2f3f5;
  display: inline-block;
  text-align: center;
}
.drawing-page .latest-revision.collapsed {
  background: #fff;
}
.drawing-page .latest-revision:hover {
  background: #f2f3f5;
}
.drawing-page .latest-revision:hover .chevron-bg {
  background: #ccc;
}
.drawing-page .latest-revision .can-revise {
  padding: 8px 10px;
  background: #f8f8f8;
  position: absolute;
  top: 0;
  right: 0;
}
.drawing-page .latest-revision .can-revise:hover {
  background: #f2f3f5;
}
.drawing-page .revision-details {
  padding: 0 5px;
}
.drawing-page .revision-details .actions {
  text-align: right;
}
.drawing-page .attachments > label {
  display: none;
}
.drawing-page .document-comments-filter .filter-set-hd {
  padding: 10px 9px 0;
  font-size: 1.1rem;
  font-weight: bold;
  color: #999;
  text-transform: uppercase;
}
.drawing-page .document-comments-filter .filter-set-hd:first-child {
  padding-top: 4px;
}
.drawing-page .comments-disabled-msg {
  padding: 10px;
}
.plan-summary,
.module-title {
  display: flex;
  justify-content: space-between;
}
.plan-approvals .col-dfa-no {
  width: 1%;
  white-space: nowrap;
}
.plan-approvals .col-category {
  width: 12%;
}
.plan-approvals .col-plan-name {
  width: 26%;
}
.plan-approvals .col-revisions {
  width: 13%;
}
.plan-approvals .col-assigned-to {
  width: 11%;
}
.plan-approvals .col-comment-summary {
  width: 36%;
}
.plan-approvals .dot-sep {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 4px;
  border-bottom: 1px dotted #cccccc;
}
.plan-approvals .dot-sep:last-child {
  margin: 0;
  border-bottom: 0;
  padding-top: 5px;
}
.plan-approvals .plan-revision {
  padding-left: 16px;
}
.plan-approvals .plan-revision .fa {
  margin: 3px 0 0 -16px;
  float: left;
}
.plan-approvals .plan-revision .revision-date {
  margin-top: -5px;
  font-size: 1.1rem;
  color: #999;
}
.plan-approvals .plan-revision.requested {
  color: #900;
  white-space: nowrap;
}
.plan-approvals .plan-revision.requested .revision-date {
  color: #900;
}
.plan-approvals .days-left {
  padding-left: 6px;
  padding-right: 6px;
  float: right;
}
.plan-approvals .days-left.draft {
  border: 1px solid #fd6464;
  background: none;
  color: #fd6464;
  text-shadow: none;
}
.plan-approvals .days-left + .tooltip .tooltip-inner {
  max-width: 300px;
}
.plan-approvals .document-comments-list .urgent {
  color: #900;
}
.plan-approvals .document-comments-list .count .number {
  display: inline-block;
  width: 40px;
  margin-left: 5px;
  margin-right: 25px;
}
.plan-approvals .document-comment-status .count,
.plan-approvals .document-comment-status .count-red {
  min-width: 70px;
  margin-right: 15px;
  font-size: 1rem;
  font-weight: bold;
  color: #999;
  display: inline-block;
  overflow: hidden;
}
.plan-approvals .document-comment-status .count-red {
  color: #900;
}
.plan-approvals .document-comment-status .number {
  width: 20px;
  margin-right: 4px;
  text-align: right;
  display: block;
  float: left;
}
.fat-schedule .dataTables_wrapper {
  border: 1px solid #ddd;
}
.fat-schedule .table-bordered {
  border: none;
}
.fat-schedule table.fat-schedule-table {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.fat-schedule table.fat-schedule-table thead th {
  height: 30px;
  padding: 8px;
  border-bottom: none;
  line-height: normal;
  text-shadow: 0 1px 0 rgba(255,255,255,0.6);
  white-space: nowrap;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  background: #ffffff;
  background: -moz-linear-gradient(top,#efefef 0%,#e1e1e1 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#e1e1e1));
  background: -webkit-linear-gradient(top,#efefef 0%,#e1e1e1 100%);
  background: -o-linear-gradient(top,#efefef 0%,#e1e1e1 100%);
  background: -ms-linear-gradient(top,#efefef 0%,#e1e1e1 100%);
  background: linear-gradient(to bottom,#efefef 0%,#e1e1e1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#e1e1e1,GradientType=0);
}
.fat-schedule table.fat-schedule-table thead th:first-child {
  border-left: none;
}
.fat-schedule table.fat-schedule-table tbody td {
  height: 90px;
  vertical-align: top;
}
.fat-schedule table.fat-schedule-table tbody td:first-child {
  border-left: none;
}
.fat-schedule table.fat-schedule-table tbody td.category-heading {
  height: auto;
  background: #eee;
  font-weight: bold;
}
.fat-schedule table.fat-schedule-table tr.odd {
  background-color: #fff;
}
.fat-schedule table.fat-schedule-table .schedule-details {
  margin-top: 10px;
}
.fat-schedule table.fat-schedule-table .schedule-details .schedule-content {
  width: 180px;
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.fat-schedule table.fat-schedule-table .schedule-details .schedule-content label {
  font-size: 1.1rem;
  line-height: 1.6rem;
  float: left;
}
.fat-schedule table.fat-schedule-table .badge {
  margin-left: 5px;
}
.fat-schedule .hull-initials {
  color: #333;
}
.fat-schedule .hull-name {
  font-size: 1.1rem;
  color: #777;
}
.fat-list .table-bordered {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.fat-list .table-bordered thead:first-child tr:first-child th:first-child,
.fat-list .table-bordered tbody:first-child tr:first-child td:first-child,
.fat-list .table-bordered thead:first-child tr:first-child th:last-child,
.fat-list .table-bordered tbody:first-child tr:first-child td:last-child {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.fat-multi-select .ms-container {
  width: 100%;
}
.fat-multi-select .ms-container .ms-list {
  height: 330px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.fat-multi-select .ms-container .column-header {
  padding: 10px;
  background: #ddd;
  border: 1px solid #cccccc;
  border-bottom: none;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fat-multi-select .ms-container .column-header label {
  font-size: 1.1rem;
  color: #333;
}
.fat-multi-select .ms-container .column-header .search-input {
  width: 70%;
}
.fat-multi-select .ms-container .ms-selectable li.ms-elem-selectable,
.fat-multi-select .ms-container .ms-selection li.ms-elem-selection {
  font-size: 1.1rem;
  padding: 4px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fat-multi-select .ms-container .fat-move-items {
  width: 10%;
  height: 381px;
  line-height: 381px;
  text-align: center;
  text-indent: -9999px;
  display: inline-block;
}
.fat-project-templates button.fat-generate-fats:after {
  content: "Add to Schedule";
}
.fat-project-templates button:disabled,
.fat-project-templates button.fat-generate-fats[disabled=disabled] {
  cursor: not-allowed;
}
.fat-project-templates button:disabled:after,
.fat-project-templates button.fat-generate-fats[disabled=disabled]:after {
  content: "Scheduled";
}
.fat-project-templates .table-bordered > thead > tr:first-child > th:first-child,
.fat-project-templates .table-bordered > thead > tr:last-child > th:last-child {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.fat-project-templates .unassigned-count {
  margin-bottom: 8px;
}
.fat-project-templates .unassigned-count .first-number {
  color: #174669;
  font-size: 20px;
  margin-right: 3px;
}
.fat-template-registry-form hr {
  border-bottom: 1px solid #ddd;
}
.fat-template-registry-form .req-doc-list .control-group {
  margin-bottom: 10px;
}
.fat-template-registry-form .fat-procedure-documents {
  margin-top: 40px;
}
.fat-page .document-details {
  background: #fff;
  margin-bottom: -1px;
  border-bottom: 1px solid #cccccc;
  border-right: 5px solid #999;
}
.fat-page .document-details .internal-comment {
  display: none;
}
.fat-page .document-details .field.rev-num,
.fat-page .document-details .field.assigned-to,
.fat-page .document-details .field.submitted-to {
  float: left;
  width: 33%;
}
.fat-page .document-details .field.notes {
  clear: left;
}
.fat-page .document-details .field.notes button {
  margin-right: 10px;
  float: right;
}
.fat-page .document-details .docs {
  margin-top: 10px;
  padding: 10px 0;
  border-top: 1px dotted #cccccc;
  overflow: hidden;
  clear: both;
}
.fat-page .document-details .docs h4 {
  margin-top: 0;
}
.fat-page .document-details .docs >a {
  margin-right: 10px;
  float: right;
}
.fat-page .document-details .docs-to-receive {
  width: 100%;
}
.fat-page .document-details .docs-to-receive label {
  color: inherit;
  float: left;
}
.fat-page .document-details .docs-to-receive td {
  border-bottom: 1px solid #eee;
}
.fat-page .document-details .docs-to-receive .attachments {
  float: right;
}
.fat-page .document-details .docs-to-receive .attachments >label {
  display: none;
}
.fat-page .document-details .docs-to-receive .attachments li {
  display: inline;
}
.fat-page .fat-follow-up-item hr {
  border-top: 1px solid #ccc;
  margin: 0;
  margin-bottom: 10px;
}
.fat-page .fat-follow-up-item .checkbox {
  float: left;
  margin-right: 30px;
}
.fat-page .fat-follow-up-item .fat-follow-up-content {
  display: inline-block;
  width: 80%;
}
.fat-page .fat-follow-up-item .fat-follow-up-content a {
  display: block;
  width: 80%;
  margin: 10px 0;
}
.fat-page .fat-follow-up-item .fat-follow-up-content p.line-through {
  text-decoration: line-through;
}
.fat-page .revisions-container {
  display: none;
}
.fat-page .document-comments-filter {
  padding: 10px;
  background: #eee;
  border: 1px solid #cccccc;
  border-right: none;
}
.fat-page .document-comments-filter button {
  margin: 6px 4px 0 0;
}
.fat-page .document-comments-filter label {
  color: #333;
}
.fat-page .document-comments-filter .tip {
  font-size: 1.1rem;
  float: right;
}
.final-drawings .col-project {
  width: 40%;
}
.final-drawings .col-code {
  width: 14%;
}
.final-drawings .col-category {
  width: 18%;
}
.final-drawings .uploaded-for {
  margin: 0;
  font-size: 1.1rem;
  color: #999;
  text-align: right;
  float: right;
}
.final-drawings .uploaded-for a {
  cursor: pointer;
}
.final-drawings .revisions-container {
  margin-top: 5px;
  border-top: 3px solid #eee;
}
.final-drawings .revisions-container th,
.final-drawings .revisions-container td {
  border-left: none;
}
.final-drawings .viewone {
  width: auto;
  margin-right: -20px;
}
.final-drawings .viewone .fd-vessels-list tr {
  cursor: pointer;
}
.final-drawings .viewone .fd-vessels-list tr.selected {
  background-color: #ffd;
}
.final-drawings .viewone .search-filter {
  overflow: auto;
  float: none;
}
.final-drawings .viewone .search-filter input,
.final-drawings .viewone .search-filter select {
  margin: 0;
}
.final-drawings .viewone .lead {
  margin: 20px;
  color: #999;
}
.final-drawings .viewone .fd-details {
  background: #fff;
}
.final-drawings .viewone .fd-details-block {
  padding: 1rem;
  border-bottom: 2px solid #f2f3f5;
}
.final-drawings .viewone .fd-details-block > h1,
.final-drawings .viewone .fd-details-block > h2 {
  margin: 0;
}
.final-drawings .viewone .info {
  color: #999;
}
.final-drawings .viewone .info label {
  margin-left: 10px;
  display: inline;
}
.final-drawings .viewone .info .category .badge {
  text-transform: uppercase;
}
.final-drawings .viewone .revision-password .fa-lock {
  cursor: pointer;
}
.final-drawings .viewone .add-comment {
  border-top-width: 1px;
}
.final-drawings .viewone .add-comment button {
  margin-top: 1rem;
}
.final-drawings .viewone .comment {
  padding: 1rem;
  border-top: 1px solid #cccccc;
}
.final-drawings .viewone .comment .date,
.final-drawings .viewone .comment .author {
  font-size: 1.1rem;
  color: #999;
}
.final-drawings .viewone .comment .author {
  font-weight: bold;
}
.popover {
  max-width: 600px;
  width: auto;
}
.list-anim-enter {
  opacity: 0.01;
}
.list-anim-enter.list-anim-enter-active {
  opacity: 1;
  transition: opacity 150ms ease-in;
}
.list-anim-leave {
  opacity: 1;
}
.list-anim-leave.list-anim-leave-active {
  opacity: 0.01;
  transition: opacity 75ms ease-in;
}
.slide-anim-enter {
  transform: translate(100%);
}
.slide-anim-enter.slide-anim-enter-active {
  transform: translate(0%);
  transition: transform 150ms ease-in-out;
}
.slide-anim-leave {
  transform: translate(0%);
}
.slide-anim-leave.slide-anim-leave-active {
  transform: translate(100%);
  transition: transform 150ms ease-in-out;
}
.schedule .event-badge {
  width: 30px;
  height: 30px;
  border: 1px solid #999;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  color: #999;
  line-height: 30px;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  display: block;
}
.schedule .event {
  border: 1px solid #cccccc;
}
.schedule .event .hull {
  color: #1972b4;
  line-height: normal;
}
.schedule .event .project {
  margin-top: 5px;
  color: #999;
  line-height: normal;
}
.schedule .event .overrun {
  background: #fd6464;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  color: #fff;
  text-align: center;
}
.schedule .event.milestone .event-badge {
  border-color: #0099ff;
  color: #0099ff;
}
.schedule .event.operational .event-badge {
  border-color: #1972b4;
  color: #1972b4;
}
.schedule .event-name {
  font-size: 1.8rem;
}
.schedule .event-date {
  font-size: 1.2rem;
  font-weight: bold;
  color: #51a351;
  white-space: nowrap;
}
.schedule .event-card .event-header {
  height: 7px;
  margin: -1px;
  background-color: #cccccc;
  display: block;
}
.schedule .event-card .event-stages {
  min-height: 30px;
  margin: 30px 0 5px;
  text-align: center;
}
.schedule .event-card .event-stages .stage {
  width: 16px;
  height: 16px;
  margin: 0 5px;
  background: #f2f3f5;
  border: 3px solid #ddd;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  display: inline-block;
  position: relative;
}
.schedule .event-card .event-stages .stage:before {
  content: '';
  width: 16px;
  height: 6px;
  background: #ddd;
  position: absolute;
  top: 5px;
  left: 16px;
}
.schedule .event-card .event-stages .stage:last-child:before {
  width: 0;
  height: 0;
  display: none;
}
.schedule .event-card .event-name {
  min-height: 50px;
  margin-bottom: 30px;
  text-align: center;
}
.schedule .event-card .event-name .overrun {
  width: 60%;
  margin: 5px auto;
  font-size: 1.3rem;
}
.schedule .event-card .event-day {
  margin: 0 10px 12px -1px;
  padding: 10px;
  border: 1px solid #cccccc;
  font-size: 1.8rem;
  text-align: center;
  float: left;
}
.schedule .event-card .event-day input {
  height: 0px;
  width: 0px;
  border: none;
  padding: 0;
  margin: 0;
  float: left;
}
.schedule .event-card .event-day .day {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: normal;
  display: block;
}
.schedule .event-card .hull,
.schedule .event-card .project {
  padding-right: 10px;
}
.schedule .build .event-stages span.stage {
  background-color: #fff !important;
}
.schedule .event.build .event-stages > * {
  display: none;
}
.schedule .upcoming-bg {
  background: #fff;
  padding: 0 20px;
}
.schedule .upcoming-view-bg,
.schedule .calendar-view-bg {
  margin: 0 -20px;
  background: #fff;
}
.schedule .upcoming-view-bg {
  padding: 0 0 0 20px;
}
.schedule .filters .filter {
  min-width: 220px;
  margin-right: 10px;
  display: inline-block;
}
.schedule .filters .filter.large {
  min-width: 340px;
}
.schedule .upcoming-list {
  margin: 0;
  list-style: none;
}
.schedule .upcoming-list .event {
  width: 46%;
  margin: 0 1% 1%;
  padding-bottom: 60px;
  float: left;
  position: relative;
  box-sizing: border-box;
}
.schedule .upcoming-list .event-day {
  position: relative;
}
.schedule .upcoming-list .event-day .edit-action {
  padding: 0 4px;
  background-color: rgba(0,153,255,0.5);
  font-size: 1rem;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.schedule .upcoming-list .event-day:hover .edit-action {
  display: block;
}
.schedule .upcoming-list .event-day.editable {
  cursor: pointer;
}
.schedule .upcoming-list .btn-cancel-event {
  margin-top: 5px;
  margin-bottom: -10px;
  color: #b94a48;
  display: none;
  float: right;
}
.schedule .upcoming-list .btn-cancel-event:hover {
  text-decoration: none;
}
.schedule .upcoming-list .event:hover .btn-cancel-event {
  display: inline-block;
}
.schedule .upcoming-list .event-ft {
  width: 100%;
  padding: 8px 10px 6px;
  background: #f2f3f5;
  clear: both;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
}
.schedule .upcoming-list .count {
  margin-right: 10px;
  float: left;
}
.schedule .upcoming-list .count .count-value {
  font-size: 2.4rem;
}
.schedule .upcoming-list .count small {
  font-size: 1.1rem;
  color: #999;
  line-height: 1;
  text-transform: uppercase;
  display: block;
}
.schedule .upcoming-list .count.urgent {
  color: #fd6464;
}
.schedule .upcoming-list .event-badge {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.schedule .timeline-bg {
  background: #f2f3f5;
}
.schedule .timeline-hd {
  padding: 10px 20px;
  background: #fff;
  border-left: 5px solid #f2f3f5;
}
.schedule .timeline-hd h2 {
  margin: 0;
}
.schedule .timeline-schedule {
  margin: 0 20px;
  list-style: none;
}
.schedule .timeline-schedule .event {
  margin-top: -2px;
  padding: 0 0 22px;
  border: none;
  position: relative;
}
.schedule .timeline-schedule .event:before {
  content: '';
  width: 10px;
  height: 100%;
  background: #ccc;
  display: block;
  position: absolute;
  top: 0;
  left: 9px;
}
.schedule .timeline-schedule .event:first-child {
  margin-top: 0;
  padding-top: 20px;
}
.schedule .timeline-schedule .event:last-child {
  padding-bottom: 0;
}
.schedule .timeline-schedule .event:last-child:before {
  display: none;
}
.schedule .timeline-schedule .event-icon {
  width: 24px;
  height: 24px;
  border: 2px solid #ccc !important;
  border-radius: 50px;
  background: #aaa;
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
  line-height: 24px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.schedule .timeline-schedule .event:first-child .event-icon {
  top: 20px;
}
.schedule .timeline-schedule .event-details {
  min-height: 80px;
  margin-left: 40px;
  padding: 10px;
  background: #fff;
  border: 1px solid #eee;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
.schedule .timeline-schedule .event-details:before,
.schedule .timeline-schedule .event-details:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
}
.schedule .timeline-schedule .event-details:before {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #eee;
  top: 7px;
  left: -7px;
}
.schedule .timeline-schedule .event-details:after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #fff;
  top: 8px;
  left: -6px;
}
.schedule .timeline-schedule .event-date {
  float: right;
}
.schedule .timeline-schedule .event-name {
  margin-bottom: 20px;
  font-size: 1.6rem;
}
.schedule .timeline-schedule .vessel span {
  display: block;
}
.schedule .timeline-schedule .event-badge {
  position: absolute;
  bottom: 30px;
  right: 10px;
}
.schedule .timeline-schedule .event:last-child .event-badge {
  bottom: 10px;
}
.schedule .timeline-schedule .overrun {
  width: 60%;
  margin-bottom: 20px;
  display: inline-block;
}
.schedule .timeline-schedule .event-revision .event-name {
  color: #ccc;
}
.schedule .timeline-schedule .event-revision .revision {
  margin-bottom: 20px;
  padding: 5px;
  border: 1px solid #fd6464;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  clear: both;
}
.schedule .timeline-schedule .event-revision .revision-title {
  font-weight: bold;
  color: #fd6464;
}
.schedule .timeline-schedule .event-revision .revision-note {
  margin: 5px 0 0;
}
.schedule .timeline-schedule .event-revision .old-val {
  color: #999;
}
.schedule .timeline-schedule .event-revision .new-val {
  font-weight: bold;
}
.pg-schedule {
  margin-bottom: -20px;
}
.pg-schedule .col-schedule-events,
.pg-schedule .col-schedule-activity-log {
  padding: 1rem 2rem;
  overflow: auto;
}
.pg-schedule .col-schedule-events {
  flex: 2;
}
.pg-schedule .col-schedule-activity-log {
  flex: 1;
  border-left: 1px solid #ddd;
}
.pg-schedule .schedule-month-nav {
  padding: 4rem;
}
@media (max-width: 767px) {
  .schedule .upcoming-list {
    overflow: auto;
  }
}
@media (min-width: 992px) {
  .schedule .upcoming-list .event {
    min-height: 290px !important;
    width: 31%;
  }
}
.pg-inspection [class^='col-'],
.pg-root-document [class^='col-'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pg-inspection .col-filter-list,
.pg-root-document .col-filter-list {
  display: none;
}
.pg-inspection .filter-list,
.pg-root-document .filter-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pg-inspection .filter-list .filter-name,
.pg-root-document .filter-list .filter-name {
  padding: 10px;
  border-bottom: 1px solid #333;
  color: #999;
  display: block;
  text-decoration: none;
}
.pg-inspection .filter-list .count,
.pg-root-document .filter-list .count {
  min-width: 16px;
  margin: -4px 0;
  padding: 4px 12px;
  background: #4a4a4a;
  font-weight: bold;
  color: #999;
  text-align: center;
  float: right;
}
.pg-inspection .filter-list .active .filter-name,
.pg-root-document .filter-list .active .filter-name {
  background: #333;
  font-weight: bold;
  color: #fff;
}
.pg-inspection .filter-list .active .count,
.pg-root-document .filter-list .active .count {
  color: #fff;
}
.pg-inspection .viewone,
.pg-root-document .viewone {
  padding: 10px;
}
.pg-inspection .viewone label,
.pg-root-document .viewone label {
  color: #999;
}
.pg-inspection .add-comment,
.pg-root-document .add-comment {
  border-top-width: 1px;
}
.pg-inspection .add-comment button,
.pg-root-document .add-comment button {
  margin-top: 1rem;
}
.pg-inspection .comment,
.pg-root-document .comment {
  padding: 1rem;
  border-top: 1px solid #cccccc;
}
.pg-inspection .comment .date,
.pg-inspection .comment .author,
.pg-root-document .comment .date,
.pg-root-document .comment .author {
  font-size: 1.1rem;
  color: #999;
}
.pg-inspection .comment .author,
.pg-root-document .comment .author {
  font-weight: bold;
}
.pg-inspection .document-list-item,
.pg-root-document .document-list-item {
  min-height: 110px;
}
.pg-inspection .col-inspection-list {
  max-height: 400px;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}
.pg-inspection .col-inspection-info {
  background: #fff;
}
.pg-inspection .search-filter {
  border: none;
  border-bottom: 3px solid #ddd;
  float: none;
}
.pg-inspection .search-filter .filters {
  clear: left;
}
.pg-inspection .search-filter input[type='text'] {
  width: 96%;
}
.pg-inspection .inspection-count {
  min-width: 70px;
  padding: 0 15px;
  margin: 0 5px 5px 0;
  border-radius: 3px;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.pg-inspection .inspection-count .count {
  margin-right: 5px;
  font-size: 2.4rem;
  font-weight: normal;
}
.pg-inspection .inspection-count .status-name {
  white-space: nowrap;
}
.pg-inspection .inspection-count.unscheduled {
  border: 1px solid #ccc;
  color: #333;
}
.pg-inspection .inspection-count.scheduled {
  border: 1px solid #4da7ce;
}
.pg-inspection .inspection-count.in-progress {
  border: 1px solid #fd6464;
}
.pg-inspection .inspection-count.passed {
  border: 1px solid #5978c2;
}
.pg-inspection .inspection-count.accepted {
  border: 1px solid #51a351;
}
.pg-inspection .inspection-count.failed {
  border: 1px solid #c20505;
}
.pg-inspection .inspection-count.approved-with-comments {
  border: 1px solid #559c13;
}
.pg-inspection .inspection-count.active {
  color: #fff;
}
.pg-inspection .inspection-count.unscheduled.active {
  background: #4da7ce;
}
.pg-inspection .inspection-count.scheduled.active {
  background: #4da7ce;
}
.pg-inspection .inspection-count.in-progress.active {
  background: #fd6464;
}
.pg-inspection .inspection-count.passed.active {
  background: #5978c2;
}
.pg-inspection .inspection-count.accepted.active {
  background: #51a351;
}
.pg-inspection .inspection-count.failed.active {
  background: #c20505;
}
.pg-inspection .inspection-count.approved-with-comments.active {
  background: #559c13;
}
.pg-inspection .inspection-status-accepted-warning {
  text-align: center;
  font-size: 20px;
  padding: 20px;
}
.pg-inspection .inspection-list-hd {
  width: 100%;
  height: 20px;
  background: #eee;
  overflow: hidden;
}
.pg-inspection .inspection-list-hd > span {
  padding: 0 5px;
  font-size: 1.1rem;
  font-weight: bold;
  color: #999;
  text-transform: uppercase;
  float: left;
  cursor: pointer;
}
.pg-inspection .inspection-list-hd .last-modified-date {
  float: right;
}
.pg-inspection .inspection-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pg-inspection .inspection-list li {
  height: 110px;
  padding: 10px;
  border-bottom: 1px solid #cccccc;
  line-height: normal;
  cursor: pointer;
}
.pg-inspection .inspection-list li.active {
  background: #ffd;
}
.pg-inspection .inspection-list li.list-hd {
  height: auto;
  padding: 0;
}
.pg-inspection .inspection-list .date,
.pg-inspection .inspection-list .hull {
  font-size: 1.1rem;
  color: #999;
}
.pg-inspection .inspection-list .date {
  float: right;
}
.pg-inspection .inspection-list .name {
  height: 38px;
  margin: 2px 0 5px;
  overflow: hidden;
  clear: both;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.pg-inspection .inspection-list .name a {
  font-size: 1.6rem;
  color: inherit;
}
.pg-inspection .inspection-list .status {
  font-weight: bold;
  text-transform: uppercase;
}
.pg-inspection .inspection-list .status-date {
  margin-bottom: 10px;
  font-size: 1.1rem;
}
.pg-inspection .inspection-list .category {
  color: #999;
}
.pg-inspection .inspection-list .unscheduled {
  border-left: 5px solid #ccc;
}
.pg-inspection .inspection-list .scheduled {
  border-left: 5px solid #4da7ce;
}
.pg-inspection .inspection-list .in-progress {
  border-left: 5px solid #fd6464;
}
.pg-inspection .inspection-list .passed {
  border-left: 5px solid #5978c2;
}
.pg-inspection .inspection-list .accepted {
  border-left: 5px solid #51a351;
}
.pg-inspection .inspection-list .failed {
  border-left: 5px solid #c20505;
}
.pg-inspection .inspection-list .approved-with-comments {
  border-left: 5px solid #559c13;
}
.pg-inspection .unscheduled .status {
  color: #ccc;
}
.pg-inspection .scheduled .status {
  color: #4da7ce;
}
.pg-inspection .in-progress .status {
  color: #fd6464;
}
.pg-inspection .passed .status {
  color: #5978c2;
}
.pg-inspection .accepted .status {
  color: #51a351;
}
.pg-inspection .failed .status {
  color: #c20505;
}
.pg-inspection .approved-with-comments .status {
  color: #559c13;
}
.pg-inspection .viewone .info label {
  margin-left: 10px;
  display: inline;
}
.pg-inspection .viewone .row-fluid {
  padding-bottom: 10px;
}
.pg-inspection .viewone .btn-actions {
  padding-left: 10px;
  padding-right: 10px;
  background: #eee;
  border: none;
}
@media (min-width: 768px) {
  .pg-inspection .col-inspection-list {
    max-height: none;
    width: 35%;
    position: absolute;
    top: 150px;
    left: 0;
    bottom: 0;
  }
  .pg-inspection .col-inspection-info {
    width: 65%;
    border-left: 1px solid #ccc;
    position: absolute;
    top: 150px;
    left: 35%;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .pg-inspection .search-filter {
    height: 150px;
  }
  .pg-inspection .search-filter input[type='text'] {
    width: 480px;
  }
  .pg-inspection .search-filter .filter-category,
  .pg-inspection .search-filter .filter-vessel {
    width: 240px;
  }
  .pg-inspection .search-filter .filter-vessel,
  .pg-inspection .search-filter .filter-status {
    clear: both;
  }
}
@media (min-width: 992px) {
  .pg-inspection .search-filter {
    height: 110px;
  }
  .pg-inspection .search-filter .filter-status {
    clear: none;
  }
  .pg-inspection .col-inspection-list {
    top: 110px;
  }
  .pg-inspection .col-inspection-info {
    top: 110px;
  }
}
@media (min-width: 1200px) {
  .pg-inspection .col-filter-list {
    width: 20%;
    background: #444;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
  }
  .pg-inspection .col-content {
    width: 80%;
    position: absolute;
    top: 0;
    left: 20%;
    bottom: 0;
  }
  .pg-inspection .col-vessel-overview {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .pg-inspection .col-inspection-list {
    top: 100px;
  }
  .pg-inspection .col-inspection-info {
    top: 100px;
  }
  .pg-inspection .search-filter {
    height: 100px;
  }
  .pg-inspection .search-filter .search-inspection {
    float: none;
  }
  .pg-inspection .search-filter .filter-vessel {
    display: none;
  }
}
.pg-root-document .col-content {
  background: #fff;
}
.pg-root-document .col-document-list {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.pg-root-document .col-document-info {
  background: #fff;
  border-top: 3px solid #ccc;
}
.pg-root-document .document-list {
  padding: 10px;
}
.pg-root-document .document-list .col-doc-name {
  width: 40%;
}
.pg-root-document .document-list .col-modified-on {
  width: 120px;
}
.pg-root-document .document-list .tag-list {
  display: block;
}
.pg-root-document .document-list tbody > tr:hover {
  cursor: pointer;
}
.pg-root-document .document-list tbody > tr.active td {
  background-color: #ffd;
}
.pg-root-document .document-list .sortable {
  cursor: pointer;
}
.pg-root-document .document-list .sortable [class*="fa-sort-"] {
  margin-left: 8px;
  font-size: 1.2rem;
  color: #174669;
  display: none;
}
.pg-root-document .document-list .sortable.active.asc [class$="-asc"],
.pg-root-document .document-list .sortable.active.desc [class$="-desc"] {
  display: inline-block;
}
.pg-root-document .document-list .file-list {
  padding-left: 20px;
}
.pg-root-document .search-filter {
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.pg-root-document .search-filter .search-spinner {
  height: 6px;
  margin: 0 6px 0 -45px;
  padding: 5px;
  line-height: 4px;
  text-decoration: none;
  display: inline-block;
}
.pg-root-document .search-filter .status-toggle {
  min-width: 70px;
  padding: 0 15px;
  margin: 0 5px 5px 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.pg-root-document .search-filter .status-toggle .count {
  margin-right: 5px;
  font-size: 2.4rem;
  font-weight: normal;
}
.pg-root-document .search-filter .status-toggle .status-name {
  white-space: nowrap;
}
.pg-root-document .search-filter .status-toggle.unscheduled {
  border: 1px solid #ccc;
  color: #78eb0e;
}
.pg-root-document .search-filter .status-toggle.aa {
  border: 1px solid #51a351;
}
.pg-root-document .search-filter .status-toggle.accepted {
  border: 1px solid #51a351;
}
.pg-root-document .search-filter .status-toggle.aq {
  border: 1px solid #1972b4;
}
.pg-root-document .search-filter .status-toggle.in-progress {
  border: 1px solid #fd6464;
}
.pg-root-document .search-filter .status-toggle.na {
  border: 1px solid #fd6464;
}
.pg-root-document .search-filter .status-toggle.passed {
  border: 1px solid #5978c2;
}
.pg-root-document .search-filter .status-toggle.scheduled {
  border: 1px solid #4da7ce;
}
.pg-root-document .search-filter .status-toggle.active {
  color: #fff;
}
.pg-root-document .search-filter .status-toggle.active {
  background: darkgoldenrod;
}
.pg-root-document .search-filter .status-toggle.aa.active {
  background: #51a351;
}
.pg-root-document .search-filter .status-toggle.accepted.active {
  background: #51a351;
}
.pg-root-document .search-filter .status-toggle.aq.active {
  background: #1972b4;
}
.pg-root-document .search-filter .status-toggle.in-progress.active {
  background: #fd6464;
}
.pg-root-document .search-filter .status-toggle.na.active {
  background: #fd6464;
}
.pg-root-document .search-filter .status-toggle.passed.active {
  background: #5978c2;
}
.pg-root-document .search-filter .status-toggle.scheduled.active {
  background: #4da7ce;
}
.pg-root-document .search-filter .status-toggle.unscheduled.active {
  background: #ccc;
}
.pg-root-document .viewone .top-actions {
  text-align: right;
}
.pg-root-document .viewone .btn-close-x {
  color: #ccc;
}
.pg-root-document .viewone .btn-close-x:hover {
  border-color: #ccc;
  border-radius: 3px;
  color: #999;
  text-decoration: none;
}
.pg-root-document .viewone .editable {
  margin-bottom: 10px;
  padding: 2px 0;
  display: inline-block;
}
.pg-root-document .viewone .editable .btn-edit-item {
  color: #ccc;
  visibility: hidden;
}
.pg-root-document .viewone .editable:hover {
  padding-left: 4px;
  padding-bottom: 0;
  border: 1px solid #eee;
  border-radius: 3px;
  position: relative;
  top: -1px;
  left: -5px;
}
.pg-root-document .viewone .editable:hover .btn-edit-item {
  color: #09f;
  visibility: visible;
}
.pg-root-document .viewone .pg-document-hd {
  margin-bottom: 0;
  clear: both;
}
.pg-root-document .viewone .pg-document-name {
  margin: 0;
}
.pg-root-document .viewone .pg-document-hulls ul {
  margin: 0;
  padding: 0;
  display: inline;
}
.pg-root-document .viewone .pg-document-hulls li {
  list-style: none;
  font-weight: bold;
  display: inline;
}
.pg-root-document .viewone .filter-list-item-all {
  margin-bottom: 10px;
}
.pg-root-document .viewone .info label {
  display: inline;
}
.pg-root-document .viewone .empty-text {
  font-size: 1.1rem;
  color: #999;
}
.pg-root-document .revisions-container {
  margin-top: 20px;
}
.pg-root-document .revisions-container .col-actions {
  width: 1%;
  font-weight: normal;
  text-align: right;
  text-transform: none;
  white-space: nowrap;
}
.pg-root-document .form-inline-edit {
  margin: 0;
  padding: 10px;
  background: #f2f3f5;
  clear: both;
}
.pg-root-document .form-inline-edit .alert {
  padding: 5px;
  font-size: 1.1rem;
}
.pg-root-document .form-submit {
  margin-top: 10px;
}
.pg-root-document .form-submit .btn {
  margin-right: 5px;
}
.pg-root-document .document-comments-hd h5 {
  display: inline-block;
  width: 60%;
}
.pg-root-document .document-comments-hd div {
  display: inline-block;
  width: 40%;
}
.pg-root-document .empty {
  width: 80%;
  margin: auto;
  padding-top: 8%;
  text-align: center;
}
.pg-root-document .empty .msg-img {
  font-size: 6rem;
}
.pg-root-document .empty .msg-text {
  font-size: 2.4rem;
  color: #999;
}
.comment-list .editable-comment {
  position: relative;
}
.comment-list .editable-comment .btn-edit-item {
  color: #ccc;
  visibility: hidden;
  position: absolute;
  top: 7px;
  right: 0;
}
.comment-list .editable-comment:hover .btn-edit-item {
  color: #09f;
  visibility: visible;
}
.comment-list .edited {
  float: right;
}
@media (min-width: 768px) {
  .pg-root-document .col-content {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  }
  .pg-root-document .col-document-list {
    max-height: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transition: width 150ms ease-in-out;
    transition: width 150ms ease-in-out;
  }
  .pg-root-document .col-document-list.narrow {
    width: 65%;
  }
  .pg-root-document .col-document-info {
    width: 35%;
    border-top: none;
    border-left: 1px solid #ccc;
    position: absolute;
    top: 0;
    left: 65%;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .pg-root-document .document-list .col-files {
    width: 90px;
  }
  .pg-root-document .document-list .col-modified-on {
    width: 140px;
  }
  .pg-root-document .document-list .col-doc-comments {
    width: 50px;
  }
  .pg-root-document .document-list .tag-list {
    display: inline-block;
    float: right;
  }
  .pg-root-document .search-filter .filter-vessel,
  .pg-root-document .search-filter .filter-tags {
    min-width: 240px;
  }
  .pg-root-document .search-filter .filter-status {
    color: #fff;
  }
}
@media (min-width: 1200px) {
  .pg-root-document .col-filter-list {
    width: 20%;
    background: #444;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
  }
  .pg-root-document .col-content {
    width: 80%;
    position: absolute;
    top: 0;
    left: 20%;
    bottom: 0;
  }
  .pg-root-document .col-vessel-overview {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .pg-root-document .search-filter .filter-vessel {
    display: none;
  }
}
.base-document .view {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #fff;
}
.base-document .view .doc-header {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
.base-document .view .details {
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 20px;
}
.base-document .view .details-left {
  display: flex;
}
.base-document .view .details-left label {
  color: #999;
}
.base-document .view .details-left .field {
  padding-right: 10px;
  flex: 1 1 auto;
}
.base-document .view .status {
  padding: 2px 8px 8px;
  font-weight: bold;
  color: #fff;
}
.base-document .view .status span {
  text-transform: uppercase;
}
.base-document .view .revisions-container {
  margin-top: 0;
  max-height: 132px;
  padding: 0;
  border-bottom: 5px solid #999;
  overflow: auto;
}
.base-document .view .latest-revision {
  padding: 10px;
  background: #f8f8f8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
}
.base-document .view .latest-revision label {
  margin-left: 20px;
  color: #999;
  display: inline;
}
.base-document .view .latest-revision .chevron-bg {
  width: 18px;
  margin: -10px;
  padding: 10px;
  background: #f2f3f5;
  display: inline-block;
  text-align: center;
}
.base-document .view .latest-revision.collapsed {
  background: #fff;
}
.base-document .view .latest-revision:hover {
  background: #f2f3f5;
}
.base-document .view .latest-revision:hover .chevron-bg {
  background: #ccc;
}
.base-document .view .latest-revision .can-revise {
  padding: 8px 10px;
  background: #f8f8f8;
  position: absolute;
  top: 0;
  right: 0;
}
.base-document .view .latest-revision .can-revise:hover {
  background: #f2f3f5;
}
.base-document .view .revision-details {
  padding: 0 5px;
}
.base-document .view .revision-details .actions {
  text-align: right;
}
.base-document .view .document-details {
  margin-left: 0;
}
.base-document .view .document-comments-filter {
  width: 150px;
  margin-left: -1px;
  position: fixed;
}
.base-document .view .document-comments-filter button {
  height: auto;
  width: 100%;
  margin: 3px 0;
  display: block;
}
.base-document .view .document-comments-filter button .count {
  float: right;
}
.base-document .view .document-comments-filter .filter-set-hd {
  padding: 10px 9px 0;
  font-size: 1.1rem;
  font-weight: bold;
  color: #999;
  text-transform: uppercase;
}
.base-document .view .document-comments-filter .filter-set-hd:first-child {
  padding-top: 4px;
}
.base-document .view .comments-list-container {
  margin-left: 170px;
}
.base-document .view .comments-list-container .comment {
  padding: 0.5rem 1rem 0.5rem 4rem;
}
.base-document .view .comment {
  padding: 0.5rem 1rem 0.5rem 4rem;
}
.activity-log .items,
.replies .items {
  margin: 0;
}
.activity-log .items li,
.replies .items li {
  list-style: none;
}
.activity-log .items .date,
.replies .items .date {
  margin: 0 0 10px -8px;
  padding: 2px 10px;
  background: #999;
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.activity-log .items .event,
.replies .items .event {
  clear: left;
}
.activity-log .items .event-type,
.replies .items .event-type {
  width: 32px;
  height: 32px;
  margin-left: 11px;
  background: #dee9f2;
  border: 3px solid #fff;
  float: left;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.activity-log .items .event-content,
.replies .items .event-content {
  margin: 10px 0 20px 60px;
  padding: 10px;
  background: #fff;
  line-height: 1.5rem;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.activity-log .items .event-content .timeline,
.replies .items .event-content .timeline {
  width: 4px;
  background: #fff;
  position: absolute;
  top: -10px;
  bottom: -20px;
  left: -32px;
  z-index: -1;
}
.activity-log .items .event-content .time,
.replies .items .event-content .time {
  width: 40px;
  font-size: 1.1rem;
  font-weight: bold;
  white-space: nowrap;
  float: left;
}
.activity-log .items .event-content .details,
.replies .items .event-content .details {
  padding-left: 50px;
}
.activity-log .items .event-content .details .author,
.replies .items .event-content .details .author {
  margin-bottom: 5px;
  font-size: 1.1rem;
  color: #777;
}
.activity-log .items .event-content .details .author:last-child,
.replies .items .event-content .details .author:last-child {
  margin: 0;
}
.activity-log .items .event-content .details .old,
.replies .items .event-content .details .old {
  color: #fd6464;
}
.activity-log .items .event-content .details .new,
.replies .items .event-content .details .new {
  color: #51a351;
}
.activity-log .items .event:last-child .event-content .timeline,
.replies .items .event:last-child .event-content .timeline {
  display: none;
}
.activity-log {
  margin-left: -20px;
  padding-right: 40px;
  border-top: 1px solid #cccccc;
}
.activity-log .filter-bar {
  background: #fff;
  border: 1px solid #cccccc;
  border-width: 0 1px 1px 0;
}
.activity-log .filter-bar >.filters {
  margin: 0;
}
.activity-log .filters {
  margin: 0 0 0 10px;
  padding: 0;
}
.activity-log .filters li {
  list-style: none;
  clear: both;
}
.activity-log .filters li.active > div {
  background: #0099ff;
}
.activity-log .filters li.active > div a {
  color: #fff;
}
.activity-log .filter,
.activity-log .filter-hd {
  margin-top: -1px;
  padding: 5px 10px;
  border: 1px solid #cccccc;
  border-width: 1px 0;
  display: block;
}
.activity-log .filter-hd {
  padding: 5px 10px;
  text-transform: uppercase;
  display: block;
}
.activity-log .filter-hd .chevron-bg {
  display: block;
  float: right;
}
.activity-log .filter-hd .chevron {
  width: 15px;
  height: 15px;
  margin: 3px;
  background-image: url(../images/glyphicons-custom_9.png);
  background-position: -45px -45px;
  display: block;
  cursor: pointer;
}
.activity-log .filter-hd.expanded .chevron {
  background-position: -60px 0;
}
.activity-log .filter-hd .filter-sub-hd {
  background: none;
}
.activity-log .filter.clear-filters {
  font-size: 1.1rem;
  text-align: right;
}
.activity-log .filter-user {
  margin: 10px 10px 0;
  padding: 5px;
}
.activity-log .filter-user .select2-container {
  width: 100%;
}
.replies .activity-log-hd {
  background: #fff;
  border-bottom: 1px solid #1972b4;
}
.replies .activity-log-hd a {
  margin-top: 5px;
  padding: 3px 16px;
  font-size: 1.1rem;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
.replies .activity-log-hd a:first-child {
  margin-left: 5px;
}
.replies .activity-log-hd a.current {
  background: #1972b4;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.replies .activity-log-filters {
  padding: 10px;
}
.replies .activity-log-filters a:hover,
.replies .activity-log-filters a.current {
  background: #ddd;
  color: #333;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.replies .plan-activities .items .date {
  margin-left: 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.replies .plan-activities .items .event {
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.replies .plan-activities .pager {
  margin: 0 10px 0 0;
  float: right;
}
.replies .plan-activities .pager li a {
  padding: 2px 10px;
  background: none;
  border: none;
}
.replies .plan-activities .pager li.active a {
  background: #ccc;
  color: #fff;
}
.replies .plan-activities .pager li.previous a,
.replies .plan-activities .pager li.next a {
  float: none;
}
.priority-list {
  margin: 0;
  list-style: none;
}
.priority-list li {
  padding: 10px 0;
  border-top: 1px solid #ccc;
}
.priority-list li:first-child {
  border: none;
}
.priority-list.draft-plan .due {
  margin: 0 20px 10px 0;
  font-size: 1.1rem;
  float: left;
}
.priority-list.draft-plan .plan-name {
  font-size: 1.6rem;
  display: block;
}
.priority-list.draft-plan .field {
  margin-right: 10px;
  font-size: 1.1rem;
}
.delivery-list {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}
.delivery-list li {
  list-style: none;
  display: table-row;
}
.delivery-list li > div {
  padding: 5px 0;
  border-bottom: solid 1px #eee;
  display: table-cell;
}
.delivery-list .th {
  font-size: 1.1rem;
  font-weight: bold;
  color: #999;
  line-height: normal;
}
.delivery-list .name {
  width: 70%;
}
.delivery-list .count {
  width: 30%;
  text-align: center;
}
#notifications {
  width: 600px;
  background: #fff;
  border: 3px solid #222;
  border-left: none;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
}
#notifications:before {
  width: 0;
  height: 0;
  font-size: 0px;
  line-height: 0px;
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 16px 16px 0 0;
  border-color: #222 transparent transparent transparent;
}
#notifications h2 {
  height: 24px;
  margin: 0;
  padding: 10px 20px;
  line-height: normal;
}
#notifications h2 .badge {
  font-size: 1.6rem;
  line-height: 16px;
}
#notifications >.scroll {
  max-height: 360px;
  overflow-y: scroll;
}
#notifications .notification {
  padding: 6px 20px;
  border-top: 1px solid #cccccc;
  color: #333;
  overflow: hidden;
  cursor: pointer;
}
#notifications .notification:hover {
  background: #f2f3f5;
}
#notifications .notification.unseen {
  background-color: #fcf8e3;
}
#notifications .notification .date {
  font-size: 11px;
  color: #999;
  text-transform: uppercase;
}
#notifications .notification .content {
  font-size: 12px;
}
#notifications .notification .content .explicit > div {
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #cccccc;
}
#notifications .notification .content .explicit:first-child:last-child > div {
  margin: 0;
  padding: 0;
  border: none;
}
#notifications .notification .content .roll-up {
  color: #777;
}
#notifications .view-all,
#notifications .load-more {
  font-size: 11px;
  text-transform: uppercase;
}
#notifications .view-all {
  margin-right: 20px;
  line-height: 44px;
  float: right;
}
#notifications .load-more {
  padding: 0.5rem;
  border-top: 1px solid #777;
  text-align: center;
  display: block;
}
#notifications .load-more:hover {
  background: #f2f3f5;
}
.viewall.notifications .items {
  margin: 0;
}
.viewall.notifications .notification-items {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #cccccc;
  list-style: none;
}
.viewall.notifications .notification {
  margin-bottom: 5px;
  padding: 5px 10px;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.viewall.notifications .notification:last-child {
  margin-bottom: 0;
}
.visualization .filters {
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.visualization .filters .filter-group {
  margin-right: 10px;
  float: left;
}
.visualization .filters .active .icon-star-empty {
  background-image: url(../images/glyphicons-halflings-white.png);
  background-position: -120px 0;
}
.visualization .graph-container {
  width: 1100px;
  margin: 0 auto;
  padding: 10px 0;
}
.visualization .description {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
.visualization .description .byline {
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.visualization .description .legend {
  padding: 10px;
  background: #fff;
}
.visualization .description .legend h5 {
  margin-top: 0;
  text-transform: uppercase;
}
.visualization .description .legend table {
  width: 100%;
}
.visualization .description .legend table th {
  font-size: 1.1rem;
  font-weight: normal;
  color: #777;
  line-height: normal;
  border-bottom: 1px solid #ccc;
}
.visualization .description .legend table th:not(:first-child) {
  padding-right: 0;
  text-align: right;
}
.visualization .description .legend table td {
  width: 18%;
}
.visualization .description .legend table td:first-child {
  width: 46%;
}
.visualization .description .legend table td:not(:first-child) {
  padding: 9px 0;
}
.visualization .description .legend table .line {
  width: 100%;
  height: 10px;
  background: #eee;
}
.visualization .description .legend .danger .line {
  background: #e24646;
}
.visualization .description .legend .medium .line {
  opacity: 0.6;
}
.visualization .description .legend .low .line {
  opacity: 0.3;
}
.visualization .description .legend .cat-0 .line {
  background: #80AAE8;
}
.visualization .description .legend .cat-1 .line {
  background: #FF977E;
}
.visualization .description .legend .cat-2 .line {
  background: #66F1D0;
}
.visualization .description .legend .cat-3 .line {
  background: #FF89D2;
}
.visualization .description .legend .cat-4 .line {
  background: #FFCA68;
}
.visualization .description .legend .cat-5 .line {
  background: #A7BAD6;
}
.visualization .description .legend .cat-6 .line {
  background: #CDF056;
}
.visualization .description .legend .cat-7 .line {
  background: #A591FF;
}
.visualization .description .legend .cat-8 .line {
  background: #7AD3F0;
}
.visualization .description .legend .cat-9 .line {
  background: #FF6191;
}
.visualization .description .legend .cat-10 .line {
  background: #63EE7F;
}
.visualization .description .legend .cat-11 .line {
  background: #E6A6FF;
}
.visualization .description .legend .cat-12 .line {
  background: #91C5B3;
}
.visualization .description .legend .cat-13 .line {
  background: #D2B6B6;
}
.receive-notifications h6 {
  margin: 0 0 5px;
  border-bottom: 1px solid #cccccc;
  text-transform: uppercase;
}
.help-block {
  font-size: 1.1rem;
}
.add-comment .help-block {
  margin-left: 0;
  color: #b94a48;
}
.text-preview {
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.msg-autosaved {
  padding: 2px;
  background: #ffd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.text-red {
  color: #900;
}
.tos .content {
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  padding: 30px;
  border: 1px solid black;
  border-radius: 2px;
  font-size: 13px;
}
.tos li {
  margin-bottom: 10px;
  list-style-position: outside;
}
.tos .btn {
  margin: 20px 2px 30px;
  padding: 5px 32px;
  font-size: 12px;
}
.tos h3 {
  margin: 0px;
}
.tos h3 >a {
  color: #0099ff;
}
.tos h3 > a:hover {
  color: #1972b4;
  text-decoration: none;
}
.terms-of-service {
  margin: 40px 15%;
  padding: 60px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 13px;
}
.back-to-top {
  position: fixed;
  bottom: 0%;
  right: 0%;
  font-size: 1em;
  height: 19px;
  background-color: #fff;
  padding: 5px 20px;
  border: solid #ccc;
  border-width: 1px 0 0 1px;
  border-radius: 2px 0 0 0;
}
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
body#login {
  background: #0d141c url(/images/login/bg_login.jpg) center center no-repeat;
  background-size: cover;
}
.login,
.login * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.login {
  width: 90%;
  min-width: 280px;
  min-height: 380px;
  margin: 0 auto;
  padding: 20px;
  background: rgba(0,0,0,0.6);
  font-size: 15px;
  color: #fff;
}
.login label {
  display: none;
}
.login input,
.login button {
  width: 100%;
  margin: 0 0 2px;
  border-radius: 4px;
}
.login input[type='checkbox'],
.login input[type='radio'] {
  width: auto;
}
.login .login-username,
.login .login-password {
  height: 36px;
  padding: 8px 12px;
  background: rgba(0,0,0,0.6);
  border: none;
  color: #fff;
}
.login .login-username {
  border-radius: 4px 4px 0 0;
}
.login .login-password {
  border-radius: 0 0 4px 4px;
}
.login .login-submit {
  margin-top: 10px;
  padding: 8px;
  background: #277ed7;
  border: none;
  color: #fff;
}
.login .lets-go,
.login .switch-user {
  padding: 20px;
  color: #fff;
}
.login .lets-go {
  margin-bottom: 20px;
  background: #277ed7;
  border: none;
}
.login .switch-user {
  background: none;
  border: 1px solid #277ed7;
}
.login .support-link {
  font-size: 1.3rem;
  text-align: center;
}
.login .support-link a:hover {
  color: #fff;
}
.login-logo {
  width: 189px;
  height: 44px;
  margin: 40px auto;
  background: url('/images/login/txt_title_login.png') top left no-repeat;
  background-size: 189px 44px;
}
.login-footer {
  margin-top: 20px;
  font-size: 12px;
  color: rgba(255,255,255,0.6);
  text-align: center;
}
.login-footer a {
  color: #fff;
}
.login-message {
  margin: 0 -20px;
  padding: 0 20px;
  font-size: 12px;
}
.login-message ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.login-success p:first-child,
.login-success li:first-child,
.login-error p:first-child,
.login-error li:first-child {
  padding-top: 10px;
}
.login-success p:last-child,
.login-success li:last-child,
.login-error p:last-child,
.login-error li:last-child {
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.login-success {
  background-color: #dff0d8;
  color: #468847;
}
.login-error {
  background-color: #a94442;
  color: #f2dede;
}
.login-loading {
  margin-bottom: 20px;
  text-align: center;
}
.login input[type='submit']:hover,
.login input[type='submit']:focus,
.login .lets-go:hover,
.login .lets-go:focus {
  background: #06c;
}
.login .switch-user:hover,
.login .switch-user:focus {
  background: rgba(0,0,0,0.3);
}
.login .icon-refresh-lg {
  margin: 0 auto;
  vertical-align: middle;
  display: block;
}
@media (min-width: 768px) {
  .login {
    width: 360px;
    height: 100%;
    min-height: 420px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .login-form {
    width: 320px;
  }
  .login-footer .company {
    width: 137px;
    height: 21px;
    margin: 20px auto 0;
    background: url('/images/login/logo_stage3_white.png') top center no-repeat;
    background-size: 137px 21px;
    display: block;
    text-indent: -999px;
  }
}
@media (min-width: 768px) and (min-height: 640px) {
  .login-footer {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
}
.browsers h1 {
  color: #fff;
}
.browsers ul {
  margin: 40px 0 0;
  padding: 0;
}
.browsers ul >li {
  list-style: none;
}
.browsers ul >li >a {
  height: 100px;
  min-width: 200px;
  padding: 30px 0 0 120px;
  background-image: url(../images/logo_browsers.png);
  background-repeat: no-repeat;
  color: #fff;
  text-decoration: none;
  display: block;
}
.browsers ul >li >a span {
  font-weight: bold;
  display: block;
}
.browsers ul >li.ie a {
  background-position: 0 0;
}
.browsers ul >li.ff a {
  background-position: 0 -100px;
}
.browsers ul >li.safari a {
  background-position: 0 -200px;
}
.browsers ul >li.chrome a {
  background-position: 0 -300px;
}
.browsers .ignore-browser {
  margin: 30px 0 60px;
  clear: both;
}
@media (min-width: 768px) {
  .browsers {
    width: 640px;
  }
  .browsers ul>li {
    width: 49%;
    display: inline-block;
  }
}
.admin .user-access .checkbox label {
  font-size: 1.1rem;
  font-weight: bold;
}
.admin .user-access tr td:first-child {
  width: 40%;
}
.admin .project-details th {
  vertical-align: top;
}
.admin .project-hulls ul {
  margin-left: 0;
  list-style: none;
}
.admin .project-hulls li {
  width: 40%;
  display: inline-block;
}
.highlighted-item .content {
  background-color: #fafad2;
}
@keyframes event-type-highlight {
  .pg-admin 0% {
    background: green;
  }
  .pg-admin 100% {
    background: none;
  }
}
.pg-admin .list-view {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  list-style: none;
}
.pg-admin .list-view li {
  border-top: 1px solid #ddd;
}
.pg-admin .list-view li:first-child {
  border-top: 0;
}
.pg-admin .list-view li.dragging {
  background: #ccc;
}
.pg-admin .list-view li.is-new {
  animation: event-type-highlight 1s;
}
.pg-admin .list-view-th {
  background: #eee;
  font-size: 1.1rem;
  font-weight: bold;
  color: #777;
  text-transform: uppercase;
  display: none;
}
.pg-admin .list-view-td {
  padding: 0 8px;
}
.pg-admin .list-view-td-drag .fa-bars {
  margin-right: 1rem;
  color: #eee;
}
.pg-admin .list-view-td-drag:hover {
  cursor: move;
}
.pg-admin .list-view-td-drag:hover .fa-bars {
  color: inherit;
}
.pg-admin .list-view-td-actions {
  text-align: right;
}
.pg-admin .list-view-form {
  background: #f2f3f5;
}
.pg-admin .list-view-form form {
  margin: 0;
  padding: 10px;
}
.pg-admin .list-view-form input,
.pg-admin .list-view-form select,
.pg-admin .list-view-form .add-on {
  width: 98%;
  padding: 4px 6px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.pg-admin .list-view-form .Select--multi {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .pg-admin .list-view li:after {
    content: "";
    display: table;
    clear: both;
  }
  .pg-admin .list-view-td {
    padding: 8px;
    min-height: 36px;
    line-height: 20px;
    float: left;
  }
  .pg-admin .list-view-td-actions {
    width: 10%;
  }
  .pg-admin .list-view-th {
    display: list-item;
  }
  .pg-admin .list-view-form form {
    padding: 0;
  }
  .pg-admin .list-view-form .Select--multi {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .pg-admin .list-view-td-actions {
    width: 13%;
  }
}
.pg-admin-event-types *,
.pg-admin-tags * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pg-admin-event-types .et-alt-name {
  color: #999;
}
.pg-admin-event-types .et-color-preview {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
}
.pg-admin-event-types .et-form .et-td-color .add-on {
  width: auto;
}
.pg-admin-event-types .et-form .et-td-color input {
  width: 75%;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.pg-admin-event-types .et-form .et-color-preview {
  margin: 0;
}
@media (min-width: 768px) {
  .pg-admin-event-types .et-td-order {
    width: 7%;
  }
  .pg-admin-event-types .et-td-name {
    width: 30%;
  }
  .pg-admin-event-types .et-td-cat {
    width: 15%;
  }
  .pg-admin-event-types .et-td-color {
    width: 20%;
  }
  .pg-admin-event-types .et-td-linked {
    width: 17%;
  }
  .pg-admin-tags .tags-td-name {
    width: 30%;
  }
  .pg-admin-tags .tags-td-projects {
    width: 35%;
  }
  .pg-admin-tags .tags-td-status {
    width: 24%;
  }
}
@media (min-width: 1200px) {
  .pg-admin-event-types .et-td-order {
    width: 5%;
  }
  .pg-admin-event-types .et-td-name {
    width: 34%;
  }
  .pg-admin-event-types .et-td-color {
    width: 16%;
  }
  .pg-admin-tags .tags-td-projects {
    width: 42%;
  }
  .pg-admin-tags .tags-td-status {
    width: 15%;
  }
}
.select2-results .select2-result-label {
  min-height: 20px;
  border-top: 1px solid #cccccc;
}
.Select-input > input {
  box-shadow: none;
}
.Select.is-disabled .Select-placeholder {
  background: #eee;
  cursor: not-allowed;
}
@media (min-width: 481px) {
  .form-horizontal .react-select .control-label {
    padding-top: 10px;
  }
  .form-horizontal .react-select.error input {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .form-horizontal .react-select .Select,
  .form-horizontal .react-select .react-autosuggest {
    display: inline-block;
    vertical-align: middle;
  }
  .form-horizontal .react-select .react-autosuggest input[type='text'] {
    padding: 8px 10px;
  }
  .form-horizontal .react-select .react-autosuggest__suggestions-list {
    width: 530px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    position: absolute;
    z-index: 100;
  }
  .form-horizontal .react-select .react-autosuggest__suggestions-list li {
    cursor: pointer;
    margin: 0;
    padding: 8px 10px;
  }
  .form-horizontal .react-select .react-autosuggest__suggestions-list li:hover,
  .form-horizontal .react-select .react-autosuggest__suggestions-list li.react-autosuggest__suggestion--highlighted {
    background: #f2f9fc;
  }
  .form-horizontal .react-select .react-autosuggest__suggestions[aria-expanded='true'] {
    border-radius: 3px 3px 0 0;
  }
}
@media (min-width: 768px) {
  #login .field.submit button {
    width: 100%;
  }
  #ncr-form .issue,
  .issue-hd {
    width: 610px;
  }
  #ncr-form .issue-hd .issue-content {
    padding: 5px 0;
  }
  #ncr-form .issue-display-id {
    width: 25px;
  }
  #ncr-form .issue-content {
    width: 505px;
    padding: 0;
  }
  #ncr-form .remove-issue {
    width: 55px;
  }
  .drawing-page .document-comments-filter {
    width: 150px;
    margin-left: -1px;
    position: fixed;
  }
  .drawing-page .document-comments-filter button {
    height: auto;
    width: 100%;
    margin: 3px 0;
    display: block;
  }
  .drawing-page .document-comments-filter button .count {
    float: right;
  }
  .drawing-page .comments-list-container {
    margin-left: 170px;
  }
  .layout-flex-filters {
    display: flex;
  }
  .layout-flex-filters .control-group {
    float: none;
  }
  .layout-flex-filters .select2-container {
    width: 216px;
  }
}
@media (min-width: 1200px) {
  .viewone .replies {
    width: 42.73504273%;
  }
}
@media (max-width: 1199px) {
  .drawing-comment-status .count {
    display: block;
  }
  .comment-summary {
    width: 30%;
  }
}
@media (max-width: 767px) {
  body {
    padding: 0;
  }
  #header {
    height: auto;
  }
  #header .divider-vertical {
    display: none;
  }
  #logo {
    line-height: 35px;
  }
  .logged-in {
    padding: 1rem 1rem 0;
    float: none;
    line-height: normal;
  }
  #mainmenu {
    clear: both;
  }
  #notifications {
    width: 320px;
  }
  #notifications h2 {
    font-size: 1.6rem;
  }
  #notifications h2 .badge {
    font-size: 1.3rem;
  }
  .breadcrumbs {
    padding: 1rem 1rem 0;
  }
  .hd {
    padding: 0 1rem;
  }
  #content .hd > h1,
  #content .hd > .btn-toolbar {
    margin: 6px 0 0;
    float: none;
  }
  .status-badges {
    margin: 10px;
    float: none;
  }
  .search-filter form {
    margin: 0;
  }
  .search-filter .control-group {
    margin: 0 0 10px;
    display: block;
    float: none;
  }
  .overview {
    height: auto;
  }
  .data-table .grid-view {
    padding-top: 0;
  }
  .viewone .ncr-details,
  .viewone .document-details {
    border-right: 0;
  }
  .viewone .details {
    padding: 0 1rem;
  }
  .viewone .details .field {
    width: auto;
    float: none;
  }
  .viewone .replies {
    width: 100%;
  }
  .viewone #comments,
  .viewone .add-comment {
    padding: 1rem;
  }
  .attachments .image-list li.span5 {
    width: auto;
    margin: auto;
  }
  .attachments .image-list li .actions {
    margin: 0 0 1rem;
    position: static;
    display: block;
  }
  .form-horizontal legend {
    padding: 0 10px;
  }
  .viewall.notifications .date {
    font-weight: bold;
    text-align: center;
  }
  .viewall.notifications .notification {
    margin: 0 5px 5px;
  }
  .activity-log {
    margin: 0;
    padding: 0;
  }
  #login .row-fluid [class*="span"] {
    padding: 0 1rem;
  }
  #login #login-form {
    max-width: 320px;
    margin: auto;
  }
  #login #login-form h1 {
    width: 100%;
    margin: 70px 0 30px;
    background-size: 100%;
  }
  #login .field {
    min-height: auto;
  }
  #login .field.submit {
    margin: 1rem 0;
  }
  #login .field.submit button {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #side-menu {
    width: 100%;
    height: 44px;
    position: absolute;
    top: 0;
    left: 0;
  }
  #side-menu .navbar-inner {
    background-image: none;
    background-color: #222;
  }
  #side-menu .nav > li > a {
    padding: 7px 9px 10px;
    border: none;
    border-left: 1px solid #333;
    border-right: 1px solid #0e0e0e;
  }
  #side-menu .nav-profile,
  #side-menu .nav-logout {
    display: list-item;
  }
  #mainmenu {
    padding: 54px 10px 0;
  }
  #mainmenu li > a > [class^="icon-"],
  #mainmenu li > a > .btn [class^="icon-"] {
    display: none;
  }
  #logo,
  .logged-in {
    display: none;
  }
  .grid-view > table > thead th {
    white-space: normal;
  }
  #page {
    margin-bottom: -80px;
    margin-left: 0;
  }
  .push {
    height: 80px;
  }
  footer {
    height: 69px;
    margin-left: 0;
    padding: 5px 0;
    text-align: center;
  }
  footer a {
    margin: 0;
    display: block;
  }
  footer a.company {
    display: inline;
  }
  .overview .widget,
  .overview .widget > a,
  .overview .widget >.btn-group > .btn {
    float: none;
  }
  .form-horizontal .control-label {
    margin: 0 10px;
  }
  .form-horizontal .controls {
    margin: 0 10px;
  }
}
.pagination ul>.active>a,
.pagination ul>.active>a:hover {
  background-color: #216495;
  color: white;
}
.pagination ul>li>a {
  cursor: pointer;
}
.pagination ul>li.disabled>a {
  cursor: not-allowed !important;
}
#user-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 250px;
  max-height: 150px;
  border-radius: 3px;
  position: relative;
  z-index: 70;
}
#user-list li a {
  margin-top: -1px;
  text-decoration: none;
  font-size: 12px;
  color: black;
  display: block;
}
.pos-relative {
  position: relative;
}
#user-list li:nth-child(odd) {
  background: #eee;
}
#user-list li:nth-child(even) {
  background: #ddd;
}
.mention-highlight {
  display: inline;
  background: #0052cc none repeat scroll 0% 0%;
  word-break: break-word;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.714;
  padding: 0px 0.3em 2px 0.23em;
  color: #f4f5f7;
  border-radius: 20px;
  border: 1px solid transparent;
}
.wrapper {
  border: 1px solid #d8d8d8;
  position: absolute;
  z-index: 9999999999;
  background-color: white;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  bottom: 128px;
}
.outer_div {
  max-height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.inner_div {
  max-height: 100%;
  width: 100%;
}
.element {
  width: 100%;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  border-bottom: 1px solid #d8d8d8;
  padding-left: 10px;
  font-weight: 500;
  font-size: 14px;
  color: #646464;
}
.batch-content {
  display: flex;
  padding-left: 20px;
}
.batch-delete-button {
  border: none;
  color: red;
  background-color: #f2f3f5;
  cursor: pointer;
  margin: 8px;
}
.batch-label {
  font-weight: 100 !important;
  font-size: 12px !important;
}
.do-not-publish-checkbox {
  float: none !important;
  margin-left: auto !important;
  margin-bottom: 5px !important;
}
.batch-option {
  margin: 3px 5px !important;
}
.batch-cancel {
  margin-left: 10px !important;
}
.batch-button {
  float: right !important;
  margin-right: 30px;
}
.disable-save-button {
  background-color: #f5f5f5 !important;
  color: gray !important;
  cursor: not-allowed !important;
}
.select-comment-list {
  margin-top: 55px;
  list-style-type: none;
  padding-left: 20px;
}
.remove-selected {
  float: right;
  font-size: 15px !important;
  margin-top: 3px;
  margin-right: 30px;
}
.auto-margin {
  margin: auto;
}
.element-hover {
  background: #0052cc none repeat scroll 0% 0% !important;
}
.element-hover a {
  color: white !important;
}
.category-row td>a {
  cursor: pointer;
}
.empty-category td {
  text-align: center;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.add-row {
  float: right;
}
a.disabled {
  cursor: not-allowed !important;
  text-decoration: none;
  color: grey;
}
.categories-input-div {
  width: 470px;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4,1fr);
}
.categories-input-div .align-right {
  justify-self: right;
}
.number-field {
  width: 100px;
  text-align: center;
}
.text-center {
  text-align: center;
}
.project-response-table {
  margin: 0 auto;
  width: 560px;
  table-layout: fixed;
}
.project-response-table tr {
  width: 140px;
}
.project-response-table input[type="checkbox"] {
  margin: 0 !important;
}
.project-response-table tr:last-child td {
  text-align: right;
}
.project-response-buttons-div {
  text-align: center;
  padding-left: 0px !important;
}
.grid-view table.items th ul li a {
  position: absolute !important;
}
.remove-close-button {
  padding: 3px 5px !important;
}
.participants-row td>a {
  cursor: pointer;
}
.participants-row td span:not(:last-child)::after {
  content: ", ";
}
.empty-channel td {
  text-align: center;
}
.select-error {
  border: 1px solid #b94a48;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.edit-disabled {
  pointer-events: none;
  cursor: default;
  color: #666666;
}
.drawing-edit-action {
  font-size: large;
}
.drawing-title-edit {
  font-size: 2.4rem !important;
  margin-bottom: 0px !important;
  padding: 3px !important;
  vertical-align: top !important;
  color: #174669 !important;
}
.drawing-title {
  padding: 4px;
}
.drawing-title-cancel-btn {
  padding: 0 5px;
  color: red;
}
.drawing-title-edit-icon {
  font-size: 1.3rem !important;
}
.system-alert {
  background: #00a0dc;
  color: #fff;
  width: auto;
  padding: 5px 10px;
  font-size: 16px;
  text-align: center;
  font-family: Inter, sans-serif;
  position: relative;
  margin-left: 50px;
}
#project-view .summary {
  margin-top: 0;
  margin-right: 5px;
  float: left;
}
.change-pageSize {
  width: fit-content;
  margin-bottom: 0px;
}
#project-view .pagination .yiiPager {
  float: right;
}
.public-key-div {
  position: relative;
  background-color: white;
}
.public-key-copy {
  background-color: green;
  color: white;
  padding: 10px;
  position: absolute;
  right: -35px;
  cursor: pointer;
  width: 15px;
  height: 20px;
  text-align: center;
}
.public-key-delete {
  background-color: red;
  color: white;
  padding: 10px;
  position: absolute;
  right: -35px;
  top: 45px;
  cursor: pointer;
  width: 15px;
  height: 20px;
  text-align: center;
}
.tooltip {
  right: -75px;
  height: 30px;
  line-height: 30px;
  background-color: #006dcc;
  color: #fff;
  transition: all 0.5s;
}
.remove-disabled {
  cursor: not-allowed !important;
  text-decoration: none;
  background-color: darkred;
}
.js-select2-multiple {
  min-width: 200px;
}
#Drawing_filters {
  border: 1px solid #fff;
  background-color: transparent;
  min-width: 100px;
  font-size: 15px;
  margin-top: 2px;
}
.dropdown {
  display: flex;
}
.dropdown .dropdown-wrapper {
  position: relative;
  margin-left: auto;
}
.dropdown-wrapper small {
  color: #666664;
}
#dropdown-button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  overflow: hidden;
  outline: none;
  color: #666664;
}
.dropdown-wrapper .dropdown-menu {
  left: -127px;
}
.dropdown-wrapper .up-down {
  float: right;
  color: #666664;
  margin-top: 2px;
}
.dropdown-toggle .caret {
  border-bottom-color: #666664;
  border-top-color: #666664;
}
#Drawing_filter_search_terms {
  padding: 5px;
}
.select2-container-multi .select2-choices .select2-search-field input {
  font-size: 13px !important;
}
#commentToCommentDeleteButton {
  display: flex;
  justify-content: end;
}
#trashIcon {
  color: darkred;
}
.transferable-container {
  display: flex;
  height: 200px;
  padding: 20px 10px;
}
.transferable-container > div {
  margin: 0 10px;
}
.transfer-right-arrow {
  font-size: xx-large !important;
  margin-top: 40px;
}
.transfer-from {
  width: 240px;
}
.transfer-from p {
  margin-top: 15px;
}
.pos-absolute {
  position: absolute;
}
.transfer-channel-name {
  background-color: #e8e8e8;
  width: fit-content;
  padding: 5px 7px;
  border-radius: 20px;
  margin-left: 35px;
  font-size: 10px;
  color: #333333;
}
.transfer-select-width {
  width: 330px;
}
.transfer-label {
  display: flex;
  justify-content: space-between;
}
.transfer-info-section {
  margin-left: auto;
}
.transfer-icon {
  font-size: 15px !important;
}
.transfer-link {
  text-decoration: underline !important;
}
.transfer-color,
.transfer-color i,
.transfer-color a {
  color: #16a20e !important;
}
.dfa-number {
  margin-top: 5px;
}
.module-visibility a {
  color: #808080 !important;
  text-shadow: none !important;
  cursor: not-allowed;
  user-select: none;
}
.pa-filters {
  color: #777 !important;
  border-radius: 4px;
  background: #FFFFFF !important;
  height: 38px !important;
  line-height: 38px !important;
  font-size: 1.3rem !important;
  font-weight: normal !important;
}
.pa-filter-active {
  border: 1px solid #D8D8D8 !important;
  background-color: #244566 !important;
  color: #D8D8D8 !important;
}
.pa-filters .fa-fire {
  color: #fd6464;
}
.pa-filters .fa-star {
  color: #fc0;
}
.pa-filters .fa-edit {
  color: #09f;
}
.pa-filters .fa-exclamation-circle {
  color: #fd6464;
}
.icon-file-lines {
  height: 14px;
  width: 13px;
  margin-top: -2px;
}
.icon-puzzle-piece {
  height: 14px;
  width: 13px;
  margin-top: -2px;
}
.PA-search-fields {
  height: 26px !important;
  color: #808080 !important;
  border-radius: 4px !important;
  border: 1px solid #ccc !important;
  background: #FFFFFF !important;
  font-size: 1.3rem !important;
  font-weight: normal;
  padding: 0 10px;
}
.PA-search-container {
  margin: 0 4px 3px 0 !important;
}
.filter_dropdown {
  position: relative;
  display: inline-block;
}
.filter_dropdown select {
  width: 190px;
  cursor: pointer;
  outline: none;
  padding: 0 25px 0 10px;
  margin-bottom: 3px;
  margin-right: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.filter_dropdown::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #777;
  pointer-events: none;
}
.filter_dropdown select option {
  background-color: #FFFFFF;
  color: #777;
}
.email-addresses {
  float: left;
  border: 1px solid #ccc;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 5px;
  background: #f5f5f5;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 5px;
}
.cancel-email {
  border: 1px solid #ccc;
  width: 18px;
  display: block;
  float: right;
  text-align: center;
  margin-left: 20px;
  border-radius: 49%;
  height: 18px;
  line-height: 15px;
  margin-top: 1px;
  cursor: pointer;
}
.to-input {
  display: block;
  float: left;
  padding-right: 11px;
}
.enter-mail-id {
  padding: 6px !important;
  min-width: 350px;
}
.all-mail {
  margin-top: 8px;
}
.address-list {
  margin-top: 5px;
}
.tooltip-box {
  position: relative;
  margin-bottom: 10px;
}
.tooltip-box .fa-lock {
  cursor: pointer;
}
.tooltip-box .tooltiptext {
  margin-right: 10px;
  margin-bottom: 8px;
  padding: 0.25rem;
  color: #fff;
  visibility: hidden;
  min-width: 120px;
  background-color: #444;
  text-align: center;
  border-radius: 3px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: -52px;
}
.tooltip-box .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #444 transparent transparent transparent;
}
.tooltip-box .tooltiptext-download {
  margin-right: 10px;
  margin-bottom: 8px;
  padding: 0.25rem;
  color: #fff;
  visibility: hidden;
  min-width: 120px;
  background-color: #444;
  text-align: center;
  border-radius: 3px;
  position: absolute;
  z-index: 1;
  top: -25%;
  left: 2rem;
}
.tooltip-box .tooltiptext-download::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #444 transparent transparent;
}
.tooltip-box:hover .tooltiptext {
  visibility: visible;
}
.tooltip-box:hover .tooltiptext-download {
  visibility: visible;
}
.tooltip-box .tooltip-download-expanded {
  left: -55px;
}
.tooltip-box .tooltip-file-password {
  left: -58px !important;
}
.tooltip-box .tooltip-delete-revision {
  left: -51px !important;
}
.flex {
  display: flex;
}
.dropdown-height {
  height: fit-content;
}