@import "https://fonts.googleapis.com/css?family=Exo+2:400,700|Montserrat:400,700|PT+Sans:400,700";


/* START <Chunk Web/Main/App @Extend .css from ./Opt/AppStruct/Web/Main/App@Extend.css[1:112]> AT DEPTH 0 */
/*
vim:fileencoding=utf-8:ts=2:sw=2:expandtab
*/
/* ********************* UI Notifier ********************* */


div.appstruct-ui-notifier {
  position: fixed;
  left: 30%;
  top: 0;
  right: 30%;
  margin: 0 auto;
  text-align: center;
  z-index: 2000; /* In excess of Bootstrap modal backdrop */
  display: none;
}
div.appstruct-ui-notifier > div {
  padding: 5px;
  display: inline-block;
  background: #fff1a8;
  color: #000000;
  opacity: 0;
  /* IE */
  filter: alpha(opacity = 0);
}



/*********************************************************************************************************************/ 
/* Extensions and overrides to bootstrap css */

html,body{
    height: 100%
}

.highlight {background-color: #FFFBCC;}

.alert.alert-xs {padding: 2px; }
.inline-auto {display: inline-block; width: auto;}
.inline-top {display: inline-block; vertical-align: top; margin-top: 0; margin-bottom: 0; }
.inline-middle {display: inline-block; vertical-align: middle; margin-top: 0; margin-bottom: 0; }
.inline-bottom {display: inline-block; vertical-align: bottom; margin-top: 0; margin-bottom: 0; }
.margin-right-15 {margin-right: 15px;}

.btn.btn-slim {padding-top: 2px; padding-bottom: 2px;}

.form-control {
  color: #000;
}


.panel.panel-clear {
  background-color: transparent;
}

.panel.panel-groove {
  border: 2px groove white;
}

.panel.panel-xs > .panel-heading{
  padding: 3px 15px;
}
.panel.panel-xs > .panel-footer{
  padding: 3px 15px;
}


/*********************************************************************************************************************/ 
/* cool-box style */


div.cool-box{
  border: 1px solid #d2d2d2;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:#eee;
  padding:3px;
  width:auto;
  margin-bottom:20px;
}
div.cool-box > div {
  height:100%;
  padding: 10px;
}

div.cool-box-grey > div {
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(top,  #f4f4f4 0%, #f4f4f4 12%, #f5f5f5 25%, #f6f6f6 33%, #f7f7f7 41%, #f8f8f8 49%, #f9f9f9 58%, #fafafa 69%, #fcfcfc 83%, #fefefe 94%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(12%,#f4f4f4), color-stop(25%,#f5f5f5), color-stop(33%,#f6f6f6), color-stop(41%,#f7f7f7), color-stop(49%,#f8f8f8), color-stop(58%,#f9f9f9), color-stop(69%,#fafafa), color-stop(83%,#fcfcfc), color-stop(94%,#fefefe)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f4f4f4 12%,#f5f5f5 25%,#f6f6f6 33%,#f7f7f7 41%,#f8f8f8 49%,#f9f9f9 58%,#fafafa 69%,#fcfcfc 83%,#fefefe 94%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f4f4f4 0%,#f4f4f4 12%,#f5f5f5 25%,#f6f6f6 33%,#f7f7f7 41%,#f8f8f8 49%,#f9f9f9 58%,#fafafa 69%,#fcfcfc 83%,#fefefe 94%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f4f4f4 0%,#f4f4f4 12%,#f5f5f5 25%,#f6f6f6 33%,#f7f7f7 41%,#f8f8f8 49%,#f9f9f9 58%,#fafafa 69%,#fcfcfc 83%,#fefefe 94%); /* IE10+ */
  background: linear-gradient(to bottom,  #f4f4f4 0%,#f4f4f4 12%,#f5f5f5 25%,#f6f6f6 33%,#f7f7f7 41%,#f8f8f8 49%,#f9f9f9 58%,#fafafa 69%,#fcfcfc 83%,#fefefe 94%); /* W3C */

}


/*********************************************************************************************************************/ 
/* UI correction related to App.RefreshModalStack implementation (see Opt/AppStruct/Web/Main/App@Extend.js) to move select2 open container on top of the modal */
.select2-container--open {
    z-index: 9999;
}


.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

/* END <Chunk Web/Main/App @Extend .css from ./Opt/AppStruct/Web/Main/App@Extend.css[1:112]> AT DEPTH 0 */
/* START <Chunk Web/Main/App @Extend .css from ./Opt/IO/Web/Main/App@Extend.css[1:81]> AT DEPTH 0 */
/*
vim:fileencoding=utf-8:ts=2:sw=2:expandtab
*/


/*
Used to hide the list-style-type on nested lists in Lexical parsed HTML
*/

.io-lexical-html img {
  max-width: 100%!important;
  height: auto!important;
}
  
.io-lexical-html ol li.x-nested,
.io-lexical-html ul li.x-nested{
  list-style: none;
  list-style-type: none;
}

.io-lexical-html .x-ol-1 {
  padding: 0;
  margin: 0;
  margin-left: 16px;
  list-style-position: inside;
}

.io-lexical-html   .x-ol-2 {
  padding: 0;
  margin: 0;
  margin-left: 16px;
  list-style-type: upper-alpha;
  list-style-position: inside;
}

.io-lexical-html .x-ol-3 {
  padding: 0;
  margin: 0;
  margin-left: 16px;
  list-style-type: lower-alpha;
  list-style-position: inside;
}

.io-lexical-html .x-ol-4 {
  padding: 0;
  margin: 0;
  margin-left: 16px;
  list-style-type: upper-roman;
  list-style-position: inside;
}

.io-lexical-html .x-ol-5 {
  padding: 0;
  margin: 0;
  margin-left: 16px;
  list-style-type: lower-roman;
  list-style-position: inside;
}

.io-lexical-html .x-ul {
  padding: 0;
  margin: 0;
  margin-left: 16px;
  list-style-position: inside;
}

/* preserve whitespace in code blocks */
.io-lexical-html code .x-code-highlight {
  white-space: pre-wrap;
}

.io-mention,
.io-hashtag {
  border-radius: 3pt; 
  padding: 1pt 2pt; 
  font-size: 90%; 
  display: inline-block; 
  background-color: #ededed; 
  color: blue;
  cursor: pointer;
}

/* END <Chunk Web/Main/App @Extend .css from ./Opt/IO/Web/Main/App@Extend.css[1:81]> AT DEPTH 0 */
/* START <Chunk Web/Main/App @Extend .css from ./Opt/IO-BS5/Web/Main/App@Extend.css[1:670]> AT DEPTH 0 */
/*
vim:fileencoding=utf-8:ts=2:sw=2:expandtab

**@ ImportGoogleFonts:
**@   "Exo 2": [400, 700]
**@   "Montserrat": [400,700]
**@   "PT Sans": [400, 700]
**@
 */


html, body{
  height: 100%;
  margin: 0;
  font-family: 'Montserrat';
}


/* Video JS Playback Speed background was transparent */
ul.vjs-menu-content {
  background-color: black !important;
  border: 2px solid #999;
}

#Content.centerbox{
  margin: 10pt auto;
  width: 600px;
}

@media (max-width: 550px){
  #Content.centerbox{
    width: 100%;
  }
}

.modal {
  --bs-modal-width: 700px;
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
  /* Fixed width */
  .modal-dialog.modal-xl {
    width: 700px;
  }

  /* same as container */
  .modal-dialog.modal-max {
    width: 750px;
  }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
  /* Fixed width */
  .modal-dialog.modal-xl {
    width: 800px;
  }

  /* same as container */
  .modal-dialog.modal-max {
    width: 970px;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){

  /* Fixed width */
  .modal-dialog.modal-xl {
    width: 800px;
  }

  /* same as container */
  .modal-dialog.modal-max {
    width: 1170px;
  }

}

/* 
Flexbox is used here to create a sticky footer.
This allows us to avoid a fixed height footer.
*/

#bodydiv{
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.selected > a {
  font-weight: bold;
}

table.table.table-smaller {
  /* font-size: 80%; */
}

table.table.table-larger {
  /* font-size: 125%; */
}

table.no-margin{
	margin-bottom: 0;
}

a code {
  color: blue;
}

div.body-wrapper{
	flex: 1 0 auto;
}

#Footer{
	flex-shrink: 0;
  background-color: #222;
  color: #fff;
}

#Footer .copyright{
	padding: 15px 0;
}

/* Use for IDs, don't like red look */
code {
  color: black;
}

.inline-middle{
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
}

.inline-bottom{
  display: inline-block;
  vertical-align: bottom;
  margin-top: 0;
  margin-bottom: 0;
}

.btn.btn-slim {
  padding-bottom: 2px;
  padding-top: 2px;
}

div.header-bar{
  background-color: white;
  padding: 15px 0;
  box-shadow: inset 0 -6px 9px -7px rgba(0, 0, 0, 0.5);
  display: none;
}

div.header-bar h1{
  margin: 0;
  /* font-size: 20pt; */
}

a{
  color: rgb(23, 139, 207);
  /* color: #00AAFF; */
  text-decoration: none;
}

a:hover,
a:focus{
  color: #216a94;
  text-decoration: underline;
}
a:focus{
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/*************************************************************************************************/
/* Nav3 Styles */

#Nav3{
  margin-top: -20px;
  font-family: 'PT Sans';
  margin-bottom: 20px;
}

#Nav3 .tabpage-tab-background{
  background-color: #33475b;
}

#Nav3 .tabpage-title{
  font-size: 13pt;
  margin: 10px 0;
  color: white;
  display: inline-block;
  font-weight: normal;
}

#Nav3 .tabpage-tabs{
  padding-left: 0px;
  /* font-size: 0px; */
  margin-bottom: 0px;
  margin-top: 5px;
  display: inline-block;
}

#Nav3 .tabpage-tabs li{
  list-style-type: none;
  /* font-size: 11pt; */
  display: inline-block;
  background-color: rgb(231, 234, 234);
  padding: 8px;
  margin: 0px 2px;
  box-shadow: inset 0 -6px 9px -7px rgba(0, 0, 0, 0.5);
}

#Nav3 .tabpage-tabs li.selected{
  background-color: white;
  box-shadow: none;
  font-weight: bold;
}

#Nav3 .tabpage-tabs li.selected a{
  color: #3097D1;
}

#Nav3 .tabpage-tabs li a{
  color: #000;
  text-decoration: none;
}

#Nav3 .tabpage-tabs li span{
  color: #999;
  text-decoration: none;
}

#Nav3_Buttons{
  /* font-size: 0; */
  margin-bottom: 6px;
}

#Nav3_Buttons a{
  margin-left: 3px;
}

#Nav3_Buttons div.btn-group{
  margin-left: 3px;
}

#Nav3_Buttons .dropdown-toggle span.caret{
  display: none;
}

#Nav3_HTML{
  /* font-size: 0; */
  margin-bottom: 6px;
}

/*************************************************************************************************/
/* Navbar Styles */

#Primary{
  border-radius: 0;
  border: none;
}

#Primary .page-title{
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  color: #fff;
  /* font-size: 14pt; */
  padding: 10px 0;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 767px){
  #Primary .page-title{
    display: none;
  }
}

/* Hide navbar-brand by default */
#Primary .navbar-brand{
  display: none;
  padding: 0 15px;
}

#Primary .navbar-brand img{
  height: auto;
  width: 156px;
  padding: 5px 0;
  display: inline-block;
}

#Primary .navbar-inverse{
  border-color: transparent;
}

#Primary .navbar-inverse .navbar-nav > li > a{
  color: #fff;
}

#Primary .navbar-inverse .navbar-nav > .open > a,
#Primary .navbar-inverse .navbar-nav > .open > a:focus,
#Primary .navbar-inverse .navbar-nav > .open > a:hover{
  background-color: transparent;
}

#Primary nav .dropdown-menu{
  min-width: 260px;
}

/* Background color on menu items */
#Primary .navbar .navbar-nav li a{
  background-color: #444;
}

/* Hide the dropdown caret */
#Primary.navbar .navbar-right .dropdown .dropdown-toggle::after,
#Primary.navbar .navbar-nav .dropdown .dropdown-toggle::after{
  display: none !important;
}


#Primary .navbar .navbar-nav li a:hover{
  background-color: rgba(68, 68, 68, 0.4);
}

@media (min-width: 768px){
  #Primary .navbar-nav > li > a{
    padding: 10px;
    margin-top: 5px;
    margin-right: 3px;
  }
  #Primary .navbar-nav.navbar-right > li:last-child > a{
    margin-right: 0;
  }
}

#Primary .navbar .navbar-nav li.dropdown ul li a,
#Primary .navbar .navbar-nav li.nav-adminicon .popover .popover-content a,
#Primary .navbar .navbar-nav li.dropdown.username ul li a{
  background-color: transparent;
}

#Primary .navbar .navbar-nav li.dropdown ul li a:hover,
#Primary .navbar .navbar-nav li.dropdown.username ul li a:hover{
  background-color: #f5f5f5;
}

#Primary .navbar .navbar-nav li.nav-adminicon .popover .popover-content a:hover{
  background-color: transparent;
}

/* Images in the menu bar */
#Primary .nav > li > a > img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  object-fit: cover;
}

#Primary .navbar-right > .username > a > img{
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 50%;
  margin: 0;
}

#Primary .navbar-right > .username > a > span > br{
  display: none;
}

#Primary .navbar-nav > li > a > span,
#Primary .navbar-right > .username > a > span{
  vertical-align: middle;
  display: inline-block;
}

#Primary .navbar-right > .username > a > span{
  margin: 0px 0px 0px 10px;
}

#Primary ul.dropdown-menu{
  overflow: auto;
}

#Primary .dropdown-menu > li > span{
  padding: 3px 20px;
  display: inline-block;
}

#Primary ul.dropdown-menu li.disabled a h4,
#Primary ul.dropdown-menu li.disabled a p {
  color: #A1A1A1;
}

#Primary ul.dropdown-menu li.disabled a[href] {
  cursor: pointer;
}

#Primary ul.dropdown-menu p{
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-break: break-word;
  min-width: 300px;
}

#Primary .username .dropdown-menu-limit-height li:last-child{
  border-top: 1px solid #ddd;
}

@media (max-width: 767px){
  #Primary .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
  #Primary .navbar-inverse .navbar-nav .open .dropdown-menu > li > span{
    color: white;
  }
  #Primary .dropdown-menu > li > span{
    padding: 5px 15px 5px 25px;
  }
  #Primary .username .dropdown-menu-limit-height li:last-child{
    border-top: none;
  }
}

/* sm and xs - also where bootstrap converts the menu to a compact size */
@media (max-width: 767px){
  
  /* Display the navbar branding */
  #Primary .navbar-brand{
    display: block;
  }
  
}


/*************************************************************************************************/
/* User Tools */

#Primary .navbar-right > .user-tools > ul{
  padding-left: 0;
}

#Primary .navbar-right > .user-tools > ul > .nav-adminicon{
  list-style-type: none;
}

#Primary .navbar-right > .user-tools > ul > .nav-adminicon > a{
  color: #fff;
  text-decoration: none;
  border: 0;
  outline: none;
  padding: 15px;
  display: block;
}

@media (min-width: 768px){
  #Primary .navbar-right > .user-tools > ul > .nav-adminicon > a{
    padding: 10px;
    margin: 5px 3px;
  }
}

@media (max-width: 768px){
  #Primary .navbar-right > .user-tools > ul > .nav-adminicon > a i{
    width: 20px;
    text-align: center;
    margin-right: 5px;
  }
}

#Primary .navbar-right > .user-tools > ul > .nav-adminicon > a > span{
  display: inline-block;
  vertical-align: middle;
}

#Primary .navbar-right > .user-tools > ul > .nav-adminicon > a > span > br{
  display: none;
}



/*************************************************************************************************/
/* Nav Section on Account Screens */

#nav-section{
  margin: 0 0 15px 0;
  font-family: 'Exo 2';
  text-align: center;
  padding: 5pt;
  background-color: #f5f5f5;
  border: 1px solid #aaa;
  border-radius: 10pt;
	position: relative;
}

#nav-section > div{
	position: absolute;
	right: 5pt;
}

#nav-section h1{
  font-weight: normal;
	/* font-size: 36pt; */
	letter-spacing: 3pt;
	margin-top: 5px;
}

#nav-section h1 > span{
  display: block;
  /* font-size: 20pt; */
}

#nav-section nav.navbar{
	margin: 10px 0;
  background-color: transparent;
  border: none;
	min-height: auto;
}

#nav-section .navbar-nav{
	float: none;
	display: inline-block;
	vertical-align: middle;
}

#nav-section .navbar-brand{
	display: none;
}

#nav-section .navbar .navbar-nav li a{
  color: #3097d1;
  font-family: 'Exo 2';
  padding: 2pt 5pt;
  font-weight: normal;
  letter-spacing: 1pt;
  /* font-size: 13pt; */
	background-color: transparent;
	margin: 0;
}

#nav-section .navbar .navbar-nav li .dropdown-menu > li > a{
	padding: 3px 20px;
}

#nav-section .navbar .navbar-nav li a:hover,
#nav-section .navbar .navbar-nav li a:focus{
	background-color: transparent;
}

#nav-section .navbar .navbar-nav li a.selected{
  background-color: #ffff78;
	border-radius: 5px;
	font-weight: bold;
}

@media (max-width: 767px){
	#nav-section h1 > span{
		display: none;
	}
	#nav-section .navbar-brand{
		display: block;
		padding: 15px 15px;
	}
	#nav-section nav.navbar{
		margin: 0;
		border-top: 1px solid #e7e7e7;
	}
	#nav-section .navbar-collapse{
		text-align: left;
	}
	#nav-section .navbar .navbar-nav li a{
		padding: 10px 15px;
	}
	#nav-section .navbar .navbar-nav li a.selected{
		background-color: transparent;
		border-radius: 0;
		font-weight: normal;
	}
	/* Reset to default padding */ 
	#nav-section .navbar .navbar-nav li .dropdown-menu > li > a{
		padding: 5px 15px 5px 25px;
	}
}

/*************************************************************************************************/
/* Theme Styles */


.alerts .alert code {
  color: black;
}


/*********************************************************************************************************************/ 
/* Sortable UI */
body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
  width: 200px;
}

/* Sort handle */
.sortable-handle {
  cursor: move;
  /* cursor: grab; */
}



/* IO */
div.io-form-group.io-error > label{
  color: #f00;  
}

div.io-form-group.io-error input {
  background-color: #ebccd1;  
  border-color: red;
}

.io-error {
  background-color: #ebccd1;  
}

i.fa.io-fa-required {
  color: #ccc;
}

input.io-currency {
  text-align: right;
}

.io-create-password-container .io-password-status .label{
  display: inline-block;
  padding: .45em;
  /* font-size: 13pt; */
  margin-top: 1pt;
}

.io-ckeditor-body {
  background-image: none;
  background-color: white;
}

.io-color {  
  width: 25px;
  padding: 0px 2px;
  height: 23px;
}


/* EOF IO */



/* END <Chunk Web/Main/App @Extend .css from ./Opt/IO-BS5/Web/Main/App@Extend.css[1:670]> AT DEPTH 0 */
/* START <Chunk Web/Main/App @Extend .css from ./Project/AppCove/AppCoveWeb/Web/Main/App@Extend.css[1:1194]> AT DEPTH 0 */
/*
vim:fileencoding=utf-8:ts=2:sw=2:expandtab
*/


#Nav3_HTML{
  display: flex!important;
}


.card-header> h4 {
  margin: 0;
}

.card-header> h5 {
  margin: 0;
}


/*********************************************************************************************************************/


tr.selected-row {
  background-color: yellow !important;
  --bs-table-bg: none;
}

/* for now exclude bold from Unit displays */
table::not(.pm5-unit-table) tr.selected-row{
  font-weight: bold;
}

tr.excluded-row {
  background-color: #eee;
}

tr.excluded-row td {
  opacity: .6;
}

tr.excluded-row td.x-actions {
  opacity: 1!important;
}

tr.x-closed {
  display: none;
}



/*********************************************************************************************************************/

table.pm5-unit-table {
  /* font-size: 80%; */
}

table.pm5-unit-table > tbody > tr > th {
  border-top: 2px solid #999;
  vertical-align: middle;
}

table.pm5-unit-table > tbody > tr > td {
  border-top: 1px solid #999;
  vertical-align: middle;
}

/* Unit Log Display On Unit Details */
table.pm5-unit-table.pm5-unit-log > tbody > tr > td{
  vertical-align: top;
  text-align: left;
}

table.pm5-unit-table.pm5-unit-log > thead > tr > th{
  font-weight: bold;
}

table.pm5-unit-table.pm5-unit-log > tbody > tr > td.x-unit{
  width: 40%;
  font-weight: bold;
}

table.pm5-unit-table.pm5-unit-log > tbody > tr > td.x-date{
  white-space: nowrap;
  font-weight: bold;
}

table.pm5-unit-table.pm5-unit-log > tbody > tr > td.x-name{
  white-space: nowrap;
  font-weight: bold;
}

table.pm5-unit-table.pm5-unit-log > tbody > tr > td.x-detail{
  width: 50%;
}

/* Markdown create p tags, reduce margin for space conservation */
table.pm5-unit-table.pm5-unit-log > tbody > tr > td > p {
  margin-bottom: 1pt;
}


/*********************************************************************************************************************/

table.pm5-actionitem-table {
  /* font-size: 80%; */
}

table.pm5-actionitem-table > tbody > tr > th {
  border-top: 2px solid #999;
  vertical-align: middle;
}

table.pm5-actionitem-table > tbody > tr > td {
  border-top: 1px solid #999;
  vertical-align: middle;
}

table.pm5-actionitem-table > tbody > tr.x-cancel{
  background-color: #e4e4e3;
  opacity: .4;
}

table.pm5-actionitem-table > tbody > tr.x-complete{
  background-color: #d7ffb3;
  --bs-table-bg: none;
}

table.pm5-actionitem-table > tbody > tr > td > .x-note-hide {
  display: none;
}

table.pm5-actionitem-table > tbody > tr.x-scribble {
  display: none;
}

table.pm5-actionitem-table > tbody > tr.x-scribble > td {
  border-top: none!important;
  margin: 0px;
  padding: 0px;
}


/*********************************************************************************************************************/

table.pm5-filter-table {
}

table.pm5-filter-table > tbody > tr > th {
  padding: 1pt 10pt;
  vertical-align: middle;
  white-space: nowrap;
  width: 75pt;
}

table.pm5-filter-table > tbody > tr > td {
  vertical-align: middle;
}

table.pm5-filter-table .x-inline > * {
  display: inline-block;
  vertical-align: middle;
}

table.pm5-filter-table .x-inline > a {
  margin: 1pt 0pt;
  padding: 1pt 2pt;
  background-color: #eee;
  /* font-size: 8pt; */
  color: #00f;
}

table.pm5-filter-table .x-inline > a.x-selected {
  font-weight: bold;
  background-color: yellow;
}

table.pm5-filter-table .x-inline > input {
  padding: 2pt 4pt;
  /* font-size: 8pt; */
  height: auto;
}

table.pm5-filter-table .x-inline > input.x-selected {
  font-weight: bold;
  background-color: yellow;
}

table.pm5-filter-table .x-inline > select {
  padding: 2pt;
  /* font-size: 9pt; */
  height: auto;
  border: 1px solid #ccc;
  border-radius: 4px;
}

table.pm5-filter-table .x-date > .x-range.x-hide{
  display: none;
}

.pm5-filter-table .x-selected-tag {
  padding: 4pt;
  color:white;
}

.pm5-filter-table .x-non-selected-tag {
  padding: 4pt;
  color: white;
  opacity: 0.40;
}

.pm5-filter-table .x-none-tag:hover {
  color: #00f;
}

.pm5-filter-table .x-selected-tag {
  border: 7px solid yellow;
  border-radius: 15px;
}


/*********************************************************************************************************************/
    

div.pm5-person-tile{
  display: flex;
  margin: 3px;
  padding: 3px;
  width: 100%;
}

div.pm5-person-tile > div.x-picture{
  flex: 1;
}

div.pm5-person-tile > div.x-picture > img{
  border-radius: 30px 30px;
}

div.pm5-person-tile > div.x-detail{
  flex: 3;
  /* font-size: small; */
  text-align: left;
}

div.pm5-person-tile > div.x-detail > div.x-name{
  border-bottom: 1px solid #d0d0d0;
  font-weight: bold;
}

form.pm5-header-form {
  margin: 5pt 20pt 4pt 20pt;
}

form.pm5-header-form > * {
  display: inline-block;
  vertical-align: middle;
}

form.pm5-header-form input[type=text] {
  width: 10em;
  padding: 3pt 6pt;
  background-color: #036;
  color: white;
  border: 1pt solid #666;
  border-radius: 6pt;
  /* font-size: 8pt; */
  height: auto;
}

form.pm5-header-form button[type=submit] {
  background-color: #036;
  color: white;
  border: 1pt solid #666;
  border-radius: 6pt;
  padding: 1pt 4pt;
  height: auto;
}

form.pm5-header-form button[type=submit]:hover {
  background-color: #05a;
}
    

/*********************************************************************************************************************/
.pm5-unit-dates{
}

.pm5-unit-dates > span{
  border-radius: .25em;
  display: block;
  /* font-size: 85%; */
  font-weight: 700;
  margin: 0 auto;
  padding: .1em .5em;
  width: max-content;
}

.pm5-unit-dates > .x-hard {
  background-color: #ffadad;
}

.pm5-unit-dates > .x-test {
  background-color: #fdffb6;
}

.pm5-unit-dates > .x-soft {
  background-color: #ffd6a5;
}

.pm5-unit-dates > .x-start {
  background-color: #caffbf;
}

.pm5-unit-dates > .x-cache {
  opacity: .5;
}


/*********************************************************************************************************************/

.pm5-thread-select {

}


.pm5-thread-filter .x-inline > * {
  display: inline-block;
  vertical-align: middle;
}

.pm5-thread-filter .x-inline > a {
  margin: 1pt 0pt;
  padding: 1pt 2pt;
  background-color: #eee;
  /* font-size: 8pt; */
  color: #00f;
}

.pm5-thread-filter .x-inline > a.x-selected {
  font-weight: bold;
  background-color: yellow;
}

.pm5-unit-table > tbody > tr.unit-bad{
  background-color: #fdcbcb !important;
}

.pm5-unit-table > tbody > tr.unit-used{
  background-color: #c9c9c9 !important;
}

.pm5-thread-container{
}

.pm5-thread-container > .x-unit-panel{
  margin: 3px;
}

.pm5-thread-container .pm5-context-list {
  margin-left: 15px;
}

.x-unit-selected{
  background-color: wheat !important;
}

.pm5-thread-container > .x-thread-panel{
  margin: 3px;
}

.pm5-thread-container > .x-thread-panel > .x-thread{
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 5pt;
    border-radius: 10pt;
}

.pm5-thread-container > .x-thread-panel > .x-thread > .x-unit{
  text-align: center;
  align-items: center;
  background-color: aliceblue;
  border: 1px solid #c1c1c1;
  border-radius: 12pt;
  margin: 5px;
  padding: 5pt 10pt;
}

.pm5-thread-container > .x-thread-panel > .x-thread > .x-target-button{
  text-align: center;
  height: 2em;
  margin: -1em auto;
  width: auto;
  z-index: 5;
  background-color: #ffe9e9;
  border-radius: 12px;
  padding: 3px 10px;
  border: 2px solid #ff7829;
  font-weight: bold;
}



/******* Scribble Button **************************************************************************************************************/

.btn.io-scribblebutton {
  background-color: #622569;
  color: white; 
}
.btn.io-scribblebutton:hover {
  opacity: .8;
}

div.popover.io-scribblebutton-popover{
  height: max-content;
  padding: 5pt 0pt;
  width: 35em;
}

div.popover.io-scribblebutton-popover > .popover-header{
  margin: -5pt 0pt 0pt 0pt;
}

div.popover.io-scribblebutton-popover > .popover-header > .close{
  /* font-size: small; */
}


div.popover.io-scribblebutton-popover > .popover-body > div .x-close{
  margin-left: 2pt;
}


div.popover.io-scribblebutton-popover > div.popover-body > div > div.x-time-entry {
  margin-bottom: 5pt;
}

div.popover.io-scribblebutton-popover > div.popover-body > div > div.x-time-entry > div.x-header{
  font-weight: bold;
  margin-bottom: 5pt;
  border-bottom: 1px solid #c1c1c1;
}

div.popover.io-scribblebutton-popover > div.popover-body > div > div.x-time-entry > .x-hour-start {
  border-radius: 5px;
  border: 1px solid #cacaca;
  width: 4em;
}



/* Popover separator */
div.popover.io-scribblebutton-popover > div.popover-body * hr {
  margin-top: 5pt;
  margin-bottom: 5pt;
}


div.popover.io-scribblebutton-popover > div.popover-body > div > div.x-scribble > div.x-header{
  font-weight: bold;
  margin-bottom: 5pt;
  border-bottom: 1px solid #c1c1c1;
}

div.popover.io-scribblebutton-popover > div.popover-body > div > div.x-scribble > textarea.x-note{
  border-radius: 5px;
  border: 1px solid #cacaca;
  width: -moz-available;
  width: -webkit-fill-available;
  height: 50pt;
}

/* Close and save Scribble buttons */
div.popover.io-scribblebutton-popover > div.popover-body > div > div.x-scribble > div.x-action {
  text-align: right;
}



/* Container objects for list of recent Scribbles */
div.popover.io-scribblebutton-popover > div.popover-content > div > div.x-scribble-list {
}

div.popover.io-scribblebutton-popover > div.popover-content > div > div.x-scribble-list > .x-entry {
  border: 1px solid #cecece;
  border-radius: 5pt;
  /* font-size: smaller; */
  line-height: normal;
  margin: 3pt 0pt;
  padding: 3pt;
}

div.popover.io-scribblebutton-popover > div.popover-content > div > div.x-scribble-list > .x-entry > .x-date {
  font-weight: bold;
}

div.popover.io-scribblebutton-popover > div.popover-content > div > div.x-scribble-list > .x-entry > .x-note {
  color: gray;
  font-style: italic;
}

div.popover.io-scribblebutton-popover > div.popover-content > div > div.x-scribble-list > .x-entry > .x-note.x-short-display {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* Ellipsized Scribble notes */
div.popover.io-scribblebutton-popover > div.popover-content > div > div.x-scribble-list > .x-entry > .x-note.x-toggle {
  cursor: pointer;
}



/******** Time Button ************************************************************************************************************/


/* Button styles and popover container */
.btn.io-timebutton {
  background-color: yellow;
  color: #000000;
  margin: 8pt 10pt 0 10pt;
  /* font-size: 14pt; */
  padding: 0pt 5pt;
  margin-top: 4pt;
}

.btn.io-timebutton.inactive {
  background-color: #ffaa00;
}

.btn.io-timebutton:hover {
  opacity: .8;
}

div.popover.io-timebutton-popover{
  height: max-content;
  width: 40em;
}

div.popover.io-timebutton-popover * .io-date{
  width: 75pt;
  padding: 5pt;
  height: 25px;
}

div.popover.io-timebutton-popover > .popover-title{
  margin: -5pt 0pt 0pt 0pt;
}

div.popover.io-timebutton-popover > .popover-title > .close{
  /* font-size: small; */
}


div.popover.io-timebutton-popover > .popover-content > div .x-close{
  margin-left: 2pt;
}






/* Time details section (Parent, Date, Notes, Hours) */
div.popover.io-timebutton-popover > div.popover-body > div > div.x-time-entry {
  margin-bottom: 5pt;
}

div.popover.io-timebutton-popover > div.popover-body > div > div.x-time-entry > div.x-date-time {
  margin: 2pt 0pt 2pt 0pt;
}

div.popover.io-timebutton-popover > div.popover-body > div > div.x-time-entry > div > .x-field {
  margin: 2pt;
  align-items: center;
}

div.popover.io-timebutton-popover > div.popover-body > div > div.x-time-entry > div > .x-field > .x-label {
  margin-right: 2pt;
}

div.popover.io-timebutton-popover > div.popover-body > div > div.x-time-entry > div > .x-field > .x-hour {
  border-radius: 5px;
  border: 1px solid #cacaca;
  width: 4em;
}

div.popover.io-timebutton-popover > div.popover-body > div > div.x-time-entry > textarea.x-note{
  border-radius: 5px;
  border: 1px solid #cacaca;
  width: -moz-available;
  width: -webkit-fill-available;
  height: 50pt;
}

/* Save Time Entry/Close Time buttons */
div.popover.io-timebutton-popover > div.popover-body > div > div.x-time-entry > div.x-action {
  text-align: right;
}



/* Popover separator */
div.popover.io-timebutton-popover > div.popover-body > div > hr {
  margin-top: 5pt;
  margin-bottom: 5pt;
}




/* Recent Time Entries */
div.popover.io-timebutton-popover > div.popover-content > div > div.x-time-list {
}

div.popover.io-timebutton-popover > div.popover-body > div > div.x-time-list > .x-entry {
  border: 1px solid #cecece;
  border-radius: 5pt;
  /* font-size: smaller; */
  line-height: normal;
  margin: 3pt 0pt;
  padding: 3pt;
}

div.popover.io-timebutton-popover > div.popover-content > div > div.x-time-list > .x-entry > .x-action > a {
  margin-left: 2pt;
}

div.popover.io-timebutton-popover > div.popover-content > div > div.x-time-list > .x-entry > .x-date {
  font-weight: bold;
}


/* Ellipsized Time notes */
div.popover.io-timebutton-popover > div.popover-content > div > div.x-time-list > .x-entry > .x-note {
  color: gray;
  font-style: italic;
}

div.popover.io-timebutton-popover > div.popover-content > div > div.x-time-list > .x-entry > .x-note.x-short-display {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

div.popover.io-timebutton-popover > div.popover-content > div > div.x-time-list > .x-entry > .x-note.x-toggle {
  cursor: pointer;
}

/*********************************************************************************************************************/
.pm5-scribble-table {
  /* font-size: smaller; */
  margin: 0px;
}

.pm5-scribble-table > tbody > tr > .x-author{
  width: 15%;
}

.pm5-scribble-table > tbody > tr > .x-date{
  width: 15%;
}

.pm5-scribble-table > tr.x-scribble > td.x-note{
  /* font-size: x-small; */
  font-style: italic;
}

/*********************************************************************************************************************/

.pm5-profile-picture{
  border-radius: 50%;
}

table.pm5-person-detail > tbody > tr > th{
  width: 150pt;
  text-align: right;
}


/*********************************************************************************************************************/

.pm5-meeting-list{
  padding: 5px;
}

.pm5-meeting-table{
  padding: 5px;
}

.pm5-meeting-table > tbody > tr > td > div.x-present > ul{
  padding-left: 15pt;
}

.pm5-meeting-present-list .x-person:nth-child(+n + 4){
  display: none;
}

.pm5-meeting-present-list .x-hide-closed{
  display: none;
}

span.pm5-meeting-date {
  font-weight: bold;
}

span.pm5-meeting-date.x-past {
  color: #0b45bd;
}

span.pm5-meeting-date.x-present {
  color: #ff9800;
}

span.pm5-meeting-date.x-future {
  color: #ff1717;
}


/*********************************************************************************************************************/

.pm5-serviceticket-list{
  padding: 5px;
}

.pm5-serviceticket-table{
  /* font-size: 80%; */
}

.pm5-serviceticket-table tbody tr.x-header.x-sort-header [data-sort]{
  cursor: pointer;
}

.pm5-serviceticket-table tbody tr.x-header.x-sort-header [data-sort]:hover{
  color: #0089de;
}

/*********************************************************************************************************************/


.pm5-initiative-list,
.pm5-project-list,
.pm5-project-milestone-list{
  padding: 5px;
}




/*********************************************************************************************************************/
.pm5-requirement-leaf-list{
  padding: 5px;
}



/*********************************************************************************************************************/
.pm5-requirement-spec-list{
  padding: 5px;
}

/*********************************************************************************************************************/



/*
  Action Item, Unit Status labels
*/
.badge,
.pm5-action-item-status-label[data-action-item-znid][data-update-enabled],
.pm5-serviceticket-status-badge[data-serviceticket-znid][data-update-enabled],
.pm5-unit-status-label[data-unit-znid][data-update-enabled]{
  cursor: pointer;
  /* font-size: 9px; */
  margin-right: 0.3rem;
}

.pm5-hashtag-badge[data-tag] {
  cursor: pointer;
}

.pm5-hashtag-badge[data-tag] {
  cursor: pointer;
  /* font-size: 10px; */
  margin-right: 0.3rem;
}



/* Styles for Unit Hashtags */

.pm5-unit-tagset-display {
  display: inline-block;
  /* font-size: 100%; */
}

.pm5-unit-tagset-display .label:not(first-child) {
  margin-left: 2pt;
}

/* Unit Hashtag Popover and related Select2 Styles */
div.pm5-unit-tag {
  /* font-size: 10pt; */
  margin-right: 1pt;
  padding: 3px;
  text-align: left;
  display: inline-block;
}

div.pm5-unit-tag > a > i.fa-tags {
  /* font-size: large; */
  color: #bcbcbc;
}

div.pm5-unit-tag > a > i.fa-tags.x-active {
  color: #ff3d6a;
}

div.pm5-unit-tag .popover.pm5-unit-tags-popover{
  z-index: 5000;
  max-width: 300px;
}

div.pm5-unit-tag .popover.pm5-unit-tags-popover .popover-header{
  position: relative;
}

div.pm5-unit-tag .popover.pm5-unit-tags-popover .popover-header .x-close{
  position: absolute;
  right: 10px;
  top: 2px;
  /* font-size: 150%; */
  color: gray;
}

div.pm5-unit-tag .popover.pm5-unit-tags-popover .popover-header .x-close:hover{
  color: black;
}

.select2-container {
  width: 100% !important;
}

div.pm5-unit-tag .select2-container,
div.pm5-unit-tag .select2-container > .select2-dropdown,
div.pm5-unit-tag .select2-container > .select2-dropdown > .select2-results {
  z-index: 5050;
}

div.pm5-unit-tag .select2-container .select2-selection__rendered{
  position: relative;
}

div.pm5-unit-tag .select2-container .select2-selection__rendered .select2-selection__choice {
  background-color: #949494;
  color: white;
}

div.pm5-unit-tag .select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
  color: white;
}

div.pm5-unit-tag .select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{
  color: black;
}

div.pm5-unit-tag .select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display{
  color: white;
  font-weight: bold;
  /* font-size: 90%; */
}

/* get the x out of the way - making weird wrapping occur */
div.pm5-unit-tag .select2-container .select2-selection__rendered > .select2-selection__clear{
  position: absolute;
  right: 3px;
  margin: 0px;
  /* font-size: 150%; */
}

div.pm5-unit-tag .select2-container .select2-dropdown .select2-results__options .x-tag.select2-results__option{
  color: white;
}

div.pm5-unit-tag .select2-container .select2-dropdown .select2-results__options .x-tag.select2-results__option--highlighted{
  filter: drop-shadow(2px 4px 6px black);
  font-weight: bold;
}







/* Styles for Service Ticket Hashtags */
.pm5-serviceticket-tagset-display {
  display: inline-block;
  /* font-size: 100%; */
}

.pm5-serviceticket-tagset-display .label:not(first-child) {
  margin-left: 2pt;
}

/* Unit Hashtag Popover and related Select2 Styles */
div.pm5-serviceticket-tag {
  /* font-size: 10pt; */
  margin-right: 1pt;
  padding: 3px;
  text-align: left;
  display: inline-block;
}

div.pm5-serviceticket-tag > a > i.fa-tags {
  /* font-size: large; */
  color: #bcbcbc;
}

div.pm5-serviceticket-tag > a > i.fa-tags.x-active {
  color: #ff3d6a;
}

div.pm5-serviceticket-tag .popover.pm5-serviceticket-tags-popover{
  z-index: 5000;
  max-width: 450px;
}

div.pm5-serviceticket-tag .popover.pm5-serviceticket-tags-popover .popover-header{
  position: relative;
}

div.pm5-serviceticket-tag .popover.pm5-serviceticket-tags-popover .popover-header .x-close{
  position: absolute;
  right: 10px;
  top: 2px;
  /* font-size: 150%; */
  color: gray;
}

div.pm5-serviceticket-tag .popover.pm5-serviceticket-tags-popover .popover-header .x-close:hover{
  color: black;
}


div.pm5-serviceticket-tag .select2-container,
div.pm5-serviceticket-tag .select2-container > .select2-dropdown,
div.pm5-serviceticket-tag .select2-container > .select2-dropdown > .select2-results {
  z-index: 5050;
}

div.pm5-serviceticket-tag .select2-container .select2-selection__rendered{
  position: relative;
}

div.pm5-serviceticket-tag .select2-container .select2-selection__rendered .select2-selection__choice {
  background-color: #949494;
  color: white;
  /* font-size: 13px; */
}

div.pm5-serviceticket-tag .select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
  color: white;
}

div.pm5-serviceticket-tag .select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{
  color: black;
}

div.pm5-serviceticket-tag .select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display{
  color: white;
  font-weight: bold;
  /* font-size: 90%; */
}

/* get the x out of the way - making weird wrapping occur */
div.pm5-serviceticket-tag .select2-container .select2-selection__rendered > .select2-selection__clear{
  position: absolute;
  right: 3px;
  margin: 0px;
  /* font-size: 150%; */
}

div.pm5-serviceticket-tag .select2-container .select2-dropdown .select2-results__options .x-tag.select2-results__option{
  color: white;
}

div.pm5-serviceticket-tag .select2-container .select2-dropdown .select2-results__options .x-tag.select2-results__option--highlighted{
  filter: drop-shadow(2px 4px 6px black);
  font-weight: bold;
}



/* Styles for Project Hashtags */
.pm5-project-tagset-display {
  display: inline-block;
  /* font-size: 100%; */
}

.pm5-project-tagset-display .label:not(first-child) {
  margin-left: 2pt;
}

/* Project Hashtag Popover and related Select2 Styles */
div.pm5-project-tag {
  /* font-size: 10pt; */
  margin-right: 1pt;
  padding: 3px;
  text-align: left;
  display: inline-block;
}

div.pm5-project-tag > a > i.fa-tags {
  /* font-size: large; */
  color: #bcbcbc;
}

div.pm5-project-tag > a > i.fa-tags.x-active {
  color: #ff3d6a;
}

div.pm5-project-tag .popover.pm5-project-tags-popover{
  z-index: 5000;
  max-width: 450px;
}

div.pm5-project-tag .popover.pm5-project-tags-popover .popover-header{
  position: relative;
}

div.pm5-project-tag .popover.pm5-project-tags-popover .popover-header .x-close{
  position: absolute;
  right: 10px;
  top: 2px;
  /* font-size: 150%; */
  color: gray;
}

div.pm5-project-tag .popover.pm5-project-tags-popover .popover-header .x-close:hover{
  color: black;
}


div.pm5-project-tag .select2-container,
div.pm5-project-tag .select2-container > .select2-dropdown,
div.pm5-project-tag .select2-container > .select2-dropdown > .select2-results {
  z-index: 5050;
}

div.pm5-project-tag .select2-container .select2-selection__rendered{
  position: relative;
}

div.pm5-project-tag .select2-container .select2-selection__rendered .select2-selection__choice {
  background-color: #949494;
  color: white;
  /* font-size: 13px; */
}

div.pm5-project-tag .select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
  color: white;
}

div.pm5-project-tag .select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover{
  color: black;
}

div.pm5-project-tag .select2-container .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display{
  color: white;
  font-weight: bold;
  /* font-size: 90%; */
}

/* get the x out of the way - making weird wrapping occur */
div.pm5-project-tag .select2-container .select2-selection__rendered > .select2-selection__clear{
  position: absolute;
  right: 3px;
  margin: 0px;
  /* font-size: 150%; */
}

div.pm5-project-tag .select2-container .select2-dropdown .select2-results__options .x-tag.select2-results__option{
  color: white;
}

div.pm5-project-tag .select2-container .select2-dropdown .select2-results__options .x-tag.select2-results__option--highlighted{
  filter: drop-shadow(2px 4px 6px black);
  font-weight: bold;
}

/* create variable for context list font size */
:root {
  /* font-size: 10pt !important; */
}

.pm5-unit-context-list .x-serviceagreement-name{
  color: gray;
  /* font-size: --pm5-context-list-font-size; */
}

.pm5-unit-context-list .x-serviceagreement-inherit{
  color: rgb(128, 0, 128);
  /* font-size: --pm5-context-list-font-size; */
}

.pm5-unit-context-list .x-link{
  color: black;
  /* font-size: --pm5-context-list-font-size; */
  text-decoration: none;
}

.pm5-unit-context-list .x-link:hover{
  color: rgb(100, 100, 100);
  text-decoration: none;
}

.pm5-unit-context-list .x-unit{
  color: rgb(23, 139, 207);
  /* font-size: --pm5-context-list-font-size; */
  text-decoration: none;
  font-weight: bold;
}

.pm5-unit-context-list .x-unit:hover{
  color: rgb(112, 202, 255);
  text-decoration: none;
}


/* BranchRef, RefName - Applies to the Copy button and text if shown */
div.pm5-unit-id,
div.pm5-project-id,
div.pm5-unit-title,
div.pm5-serviceticket-title,
div.pm5-meeting-title,
div.pm5-unit-branch,
div.pm5-serviceticket-branch,
div.pm5-requirement-title,
div.pm5-project-title,
div.pm5-project-branch,
div.pm5-project-milestone-title,
div.pm5-project-milestone-branch,
div.pm5-unit-upstream-command{
  display: inline-flex;
}

div.pm5-unit-id .x-copy,
div.pm5-project-id .x-copy,
div.pm5-unit-title .x-copy,
div.pm5-serviceticket-title .x-copy,
div.pm5-meeting-title .x-copy,
div.pm5-unit-branch .x-copy,
div.pm5-serviceticket-branch .x-copy,
div.pm5-requirement-title .x-copy,
div.pm5-project-title .x-copy,
div.pm5-project-branch .x-copy,
div.pm5-project-milestone-title .x-copy,
div.pm5-project-milestone-branch .x-copy,
div.pm5-unit-upstream-command .x-copy{
  height: fit-content;
}

div.pm5-unit-id .x-id,
div.pm5-project-id .x-id,
div.pm5-unit-title .x-title,
div.pm5-serviceticket-title .x-title,
div.pm5-meeting-title .x-title,
div.pm5-unit-branch .x-branch,
div.pm5-serviceticket-branch .x-branch,
div.pm5-requirement-title .x-title,
div.pm5-project-title .x-title,
div.pm5-project-branch .x-branch,
div.pm5-project-milestone-title .x-title,
div.pm5-project-milestone-branch .x-branch,
div.pm5-unit-upstream-command .x-command{
  margin-left: 5pt;
}







/*
  For images inside Lexical rendered HTML content 
*/
.io-lexical-html img {
  cursor: pointer;
}


/* END <Chunk Web/Main/App @Extend .css from ./Project/AppCove/AppCoveWeb/Web/Main/App@Extend.css[1:1194]> AT DEPTH 0 */