/* ---- globals ----*/
body {
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    background-color: #f9faf4;
    margin-bottom: 17px;
}

p {
	margin-bottom: 0;
}

.right-panel-viewport-fixed {
	height: calc(100vh - 150px);
	margin-bottom: 0;
}

.right-panel-viewport {
	min-height: calc(100vh - 150px);
	margin-bottom: 0;
}

/*---- navigation styles----*/
.navbar-fixed-top {
	background-color:#337ab7;
	color:white;
	border-bottom:none;
}

.navbar-brand {
	color:white;
	font-weight:600;
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	margin: auto;
}

.navbar-default .navbar-brand {
	color:white;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
   color:white;
 }

.navbar-left {
	padding-top:5px;
}

.nav-button {
	margin:0;
	width:auto;
	height:auto;
	border:none;
	background-color:#337ab7;
	font-size:xx-large;
	color:white;
}

.nav-button.btn {
	padding:0;
}

.nav-button.btn-default:active,
.nav-button.btn-default.active,
.nav-button.btn-default:hover,
.nav-button.btn-default.hover, 
.nav-button.btn-default:focus,
.nav-button.btn-default.focus {
  outline:none;
  color:#cccccc;
  background-color: #337ab7;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropdown-submenu {
	position: relative;
	height: auto;
}

.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.dropdown-menu > li {
	height: auto;
}

.dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
	border-left-color: #555;
}

.dropdown-submenu.pull-left {
	float: none;
	
}

.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.navbar-fixed-bottom {
 background-color:#f0f5fb;
}

.navbar-header {
	width: 100%;
}

.navbar-brand {
	z-index: -1;
}

.navbar-right {
	margin-right: 0;
}

@media only screen and (max-width: 767px)
{
	.nav-button {
		margin-left:15px; 
	}

	.navbar-right {
		position: absolute;
		top: 0;
		right: 15px;
	}
}

@media only screen and (max-width: 479px)
{
	.navbar-brand {
		padding-top:15px;
		font-size:small;
	}
}

/*---- tree view styles ----*/
.tree-view-panel {
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.tree-view {
	height: calc(100vh - 150px);
	overflow-y:scroll;
}

.treeview-link {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.treeview-link > li {
  position: relative;
  display: block;
}
.treeview-link > li > a {
  position: relative;
  display: block;
  padding: 5px 12px;
  border-radius: 3px;
  white-space:nowrap;
  overflow:hidden; 
  text-overflow:ellipsis;
   min-height: 30px;
}
.treeview-link > li > a:hover,
.treeview-link > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.node {
	text-align: left;
	height: 45px;
	/*overflow:hidden; 
	text-overflow:ellipsis;*/
}

.node.btn {
	padding-top:10px;
}

.node.btn-default:focus,
.node.btn-default.focus {
	background-color: #ffffff;
	border-color: #cccccc;
}

.node.btn:active,
.node.btn.active {
	-webkit-box-shadow:none;
	box-shadow:none;
}

.node.btn:focus,
.node.btn:active:focus,
.node.btn.active:focus,
.node.btn.focus,
.node.btn:active.focus,
.node.btn.active.focus {
	outline:none;
}



/*---- headings / panel headings ----*/
.heading-container {
	padding-top:5px; 
	padding-bottom:3px;
}

.heading-container-no-icon {
	padding-top:8px; 
	padding-bottom:5px;
}

.heading-label {
  height:auto;
  padding: 0px 2px;
  font-size: 18px;
  line-height: 1.42857143;
}

.heading-narrow {
	padding-top: 2px;
	padding-bottom: 2px;
}

.heading-table {
  width:100%;
}

.heading-halfwidth {
	width: 50%;
}

.heading-quarterwidth {
	width: 25%;
}

.heading-threesixteenthwidth {
	width: 18.75%
}

.heading-eighthwidth {
	width: 12.5%;
}

.heading-number {
	width: 15%;
}

.heading-name {
	width: 40%;
}

.heading-address {
	width: 45%;
}

.heading-anchor {
	display:block;
	height:125px;
	margin-top:-125px;
	visibility:hidden;
}

.heading-input-masked {
	height:auto;
	padding: 0 2px 0 2px;
	padding-bottom: 2px;
	font-size: 14px;
	line-height: 1.42857143;
	background-color:rgba(255,255,255,0.1);
	border:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition:none;
	-o-transition:none;
	transition:none;
}

/*[readonly].heading-input-masked {
	background-color:rgba(255,255,255,0.1);
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden; 
}*/

@supports (padding-bottom: 0) {
	.heading-input-masked {
		padding-bottom: 0;
	}
 }

.heading-input-masked:focus {
  padding: 2px 6px 4px 6px;  
  font-size: 14px;
  background-color:rgba(255,255,255,1.0);
  border: 1px solid #66afe9;
  border-radius: 4px;
}

.heading-btn-top {
	vertical-align:top;
}

.heading-rt-btn {
	width: 27px;
	padding-left: 15px;
	padding-top: 0;
	padding-bottom: 0;
}

.heading-rt-btn span {
	text-align:right;
	font-size:large;
	padding: 0;
}

.heading-lt-btn {
	width:37px;
	padding-right: 15px;
	padding-top: 0;
	padding-bottom: 0;
}

.heading-lt-btn span {
	text-align:left;
	font-size:large;
	padding: 0;
}

.heading-rt-btn-lg {
	width:42px;
	padding-left: 15px;
	padding-top: 0;
	padding-bottom: 0;

}

.heading-rt-btn-lg > span {
  text-align:right;
  font-size:large;
  padding: 0;
  margin-top: -2px;
}

.heading-verified {
	width:42px;
	padding-left: 15px;
	padding-top: 3px;
}

.heading-verified span {
	/*color:#b0c045;*/ 
	font-size:x-large;
	opacity: 0;
	padding-right: 3px;
	padding-left: 3px;
}

.heading-short {
	padding-top:2px !important;
	padding-bottom:0 !important;
}

.inspection-verified {
	font-size:x-large; 
	color:#b0c045;
}

.finding-rt-btn {
	width:27px;
	padding-left: 5px;
	padding-top: 0;
	padding-bottom: 0;
}

.finding-rt-btn span {
	text-align:right;
	font-size:large;
	padding: 0;
}


.corrections-container {
    border-color: #333333;
    border-top-style: none;
}

.corrections-size-panel {
    height: 31px;
}

.corrections-container .panel-heading {
    background-color: #333333;
    border-color: #333333;
}

.corrections-container .heading-table td, .corrections-container .heading-table button {
    color: white;
    background-color: transparent;
}

.corrections-container .panel-body {
    border-top-style: none;
}

.corrections-container .panel .panel-heading.heading-narrow {
    background-color: #f5f5f5;
    color: #333333;
    border-color: #f5f5f5;
}

.corrections-container .panel .panel-heading.heading-narrow .heading-table td, .corrections-container .panel .panel-heading.heading-narrow .heading-table button {
    color: #666666;
}


/*---- panels / collapsible styles ----*/
.collapse-container {
	width:22px; 
}

 .view-collapse {
	width:35px; 
	text-align:right; 
}

.view-collapse-icon {
	color:gray;
	font-size:x-large;
}

.panel {
	margin-bottom: 15px
}

.shadowless {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.panel-group {
	margin-bottom: 0;
}

.panel-body-parent {
	padding-bottom: 0;
}


/*---- separators ----*/
.separator-item {
	margin: 0 3px 3px 0;
}

.separator-item-top {
	margin: 0 3px  0 0;
}

.separator-item-top-empty {
	margin-top: -11px;
}

.separator-group-panel-container {
	padding-bottom: 12px;
	padding-top: 3px;
}

.separator-group {
	margin: 12px 0 3px 0;
}

.separator-group-top {
	margin-top: 15px;
}

.separator-group-top:only-child {
    margin-bottom: 0;
}

.separator-group-close:after  {
	margin-bottom: 15px;
}

.separator-col-item {
	padding-left: 0;
	padding-right: 0;
}

.separator-col-item-next {
	padding-left: 3px;
	/*padding-right: 0;*/
}

.flex-container {
	width: 100%;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

.flex-justified {
	flex: 0 1 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.flex-fill {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1 1 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 0;
}

/*--- spacing (matching bootstrap 4 styles)---*/
.pt-0 {
    padding-top: 0;
}
.pt-5{
    padding-top: 5px;
}
.pl-0 {
    padding-left: 0;
}
.pr-0 {
    padding-right: 0;
}
.pb-0 {
    padding-bottom: 0;
}

/*---- wysiwyg ----*/
.wysiwyg-table {
	width:100%;
	table-layout: fixed;
}

.wysiwyg-button-container {
	width:50px;
	vertical-align:top;
}

.wysiwyg-button {
	width: 42px;
	height: 34px;
	font-size:large;
	color: grey;
	background-color:#eeeeee;
}

.wysiwyg-button.btn {
	padding-top: 4px;
}

.wysiwyg-fullscreen-button {
  width:50px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left:none;
}

.wysiwyg-insert-button {
  width:50px;  
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left:none;
  padding-top:0 !important;
  margin-top:-1px;
  margin-bottom:6px;
}
.wysiwyg-media-button, .wysiwyg-writer-button {
	margin-left:5px; 
	padding-left:11px;
	text-overflow: clip;
	margin-bottom: 0;
}

.wysiwyg-editor {
	width:100%;
	height: 114px;
	border-top-right-radius: 0; border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px; border-top-left-radius: 4px;
	overflow-y:auto;
	position: relative;
}

.wysiwyg-editor-disabled {
	background-color: #eeeeee;
	border-color: #cccccc;
	color: #333333;
	opacity: 0.65;
	cursor: not-allowed;
}

.wysiwyg-editor-without-btns {
	border-top-right-radius: 4px;
}

/*.wysiwyg-inner-heigth {
	height: calc(100vh - 302px); 
	overflow-y:auto;
}*/


/*---- button styles ----*/
											  /*white button                grey button               */   
 .btn-def.do.not.exist {  
	background-color: #ffffff;                /*background                                            */
	background-color: #eeeeee;   /*input bg*/
	background-color: #e6e6e6;                /*background hover                                      */
	background-color: #d4d4d4;                /*background hover + active                            */
	background-color: lightgray;              /*                            background active        */
	background-color: #cccccc;                /*border*/ 
	background-color: #adadad;                /*border hover*/
	background-color: #8c8c8c;                /*border hover + active*/
	background-color: darkgray;
	background-color: grey;
	background-color: rgb(128, 128, 128);
	background-color: #666666;
	background-color: #333333;                /*text */

	/*grey / default btn*/
	background-color: #ffffff;            /*background*/
	background-color: #e6e6e6;            /*background hover*/
	background-color: #d4d4d4;            /*background hover + active*/
	border-color: #cccccc;                /*border*/
	border-color: #adadad;                /*border hover*/
	border-color: #8c8c8c;                /*border hover + active*/
	/*blue / primary btn*/
	background-color: #337ab7;            /*background active*/ 
	background-color: #286090;            /*background hover*/
	background-color: #204d74;            /*background hover + active*/
	border-color: #2e6da4;                /*border*/
	border-color: #204d74;                /*border hover*/
	border-color: #122b40;                /*border hover + active*/
	/*lt blue */
	background-color: #66afe9;            /*background*/
	background-color: #5b95c2;            /*background hover*/
	background-color: #5382a6;            /*background hover + active*/
	border-color: #61a2d6;                /*border*/
	border-color: #5382a6;                /*border hover*/
	border-color: #456072;                /*border hover + active*/
 }
 

.btn > span,
.btn-lt-blue > span,
.input-group-addon > i,
.btn-blue > span {
	pointer-events: none;
	display: inline-block;
}

.btn-blue:not(.btn-blue-non-blocking) > table,
.btn-primary:not(.btn-blue-non-blocking) > table {
	 pointer-events: none;
}

.btn,
.btn:focus,
.btn:active,
.btn.active
.btn-default,
.btn-counter,
.dropdown-toggle,
.dropdown-toggle:focus,
.dropdown-toggle.btn-default,
.dropdown-toggle.btn-default:focus,
a,
a:focus,
input,
.form-control {
	outline: 0 !important;
	outline-color: transparent;  
}

.btn-blue:active,
.btn-blue.active,
.btn-lt-blue:active,
.btn-lt-blue.active,
.btn-grey:active,
.btn-grey.active,
.btn-workflow:active,
.btn-workflow.active,
.heading-rt-btn .btn,
.heading-rt-btn-lg .btn,
.btn-collapse:active,
.btn-collapse.active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-control .btn {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-control .btn:focus,
.btn-control .btn:active,
.btn-control .btn.active,
.btn-control .btn:active:focus,
.btn-control .btn.active:focus,
.btn-control .open > .dropdown-toggle.btn,
.btn-control .open > .dropdown-toggle.btn:hover,
.btn-control .open > .dropdown-toggle.btn:focus,
.btn-control .btn-group.open .dropdown-toggle  {
  background-color: white;
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.btn-counter:active,
.btn-control.active {
	border-color: #cccccc;
	background-color:white;
}

.input-group-addon:hover {
	color: #333333;
	border-color: #adadad;
}

.input-group-addon:active:hover,
.input-group-addon.active:hover,
.btn-counter:active:hover,
.btn-control.active:hover {
	border-color: #adadad;
	background-color: lightgray;
}

.btn-remove-icon-small {
  text-align:right;
  font-size:large;
  color:gray;
}

.btn-add-container {
	text-align:right; 
	margin-top:-15px; 
	margin-right:-15px; 
	padding-bottom:10px;
}

.btn-add {
	width: 150px;
	border-top:none; 
	border-right:none; 
	border-top-left-radius:0px; 
	border-bottom-right-radius:0px;
} 

.btn-toolbar {
	padding: 15px 0px 15px 0px;
}

.btn-collapse {
	font-family: "Glyphicons Halflings";
	color: #333333;
	background-color:rgba(255,255,255,0.1);
	padding: 2px 0 0 0;
}

.btn-collapse:after {
	content: "\e114";
}

.btn-collapse.collapsed:after {
	content: "\e080";
}

.btn-grey, .input-group-addon {
	color:gray;
}

.btn-blue.active .btn-grey,
.btn-blue:active .btn-grey {
	color: white;
}


.btn-grey:hover {
	color: #666666;
}
.btn-grey:active,
.btn-grey.active {
	color: black;
}

.btn-blue {
	overflow: hidden; 
	text-overflow: ellipsis;
	margin-bottom: 3px;
	min-height: 34px;
}

.btn-blue.btn-default.active,
.btn-blue.open > .dropdown-toggle.btn-default {
	color: #ffffff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.btn-blue.btn-default.active:hover {
	 background-color: #286090;
	 border-color: #204d74;
}

.btn-blue.btn-default.active:active:hover {
	 background-color: #204d74;
	 border-color: #122b40;
}


.btn-lt-blue {
	overflow: hidden; 
	text-overflow: ellipsis;
	margin-bottom: 3px;
	min-height: 34px;
}



.btn-lt-blue.btn-default.active,
.btn-lt-blue.open > .dropdown-toggle.btn-default {
	color: #ffffff;
	background-color: #66afe9;
	border-color: #61a2d6;
}

.btn-lt-blue.btn-default.active:hover {
	 background-color: #5b95c2;
	 border-color: #5382a6;
}

.btn-lt-blue.btn-default.active:active:hover {
	 background-color: #5382a6;
	 border-color: #456072;
}

.btn-cell {
	width: 30px;
	padding: 5px;
}

.btn-cell span {
	font-size: large;
	color: rgb(51, 51, 51);
	cursor:pointer;
	pointer-events: none;
}

.btn-cell:hover {
	 background-color: #e6e6e6;
	 cursor:pointer;
}

.btn-cell:active:hover,
.btn-cell.active:hover {
	background-color: lightgray;
}

.btn-icon {
	width: 50px;
	font-size: large;
}

.btn-bar {
	width:100%; 
	text-align:left;
	margin-top: 3px;
	margin-bottom: 3px;
	overflow: hidden; 
	text-overflow: ellipsis;
}

.btn-counter {
	width:40px;
	float:left;
}

.btn-counter:focus {
	background-color: white;
	border-color: #cccccc;
}

.btn-counter-minus {
	border-bottom-right-radius:0; 
	border-top-right-radius:0; 
	border-right:none;
}

.btn-counter-plus {
	border-bottom-left-radius:0; 
	border-top-left-radius:0; 
	border-left:none;
}

.btn-counter-input {
	width:40px; 
	float:left;
	position:relative; 
	border-bottom-left-radius:0; 
	border-top-left-radius:0; 
	border-bottom-right-radius:0; 
	border-top-right-radius:0; 
	padding-left:3px; 
	padding-right:3px; 
	text-align:center;
}

.btn-counter-label {
	font-weight:normal;
	font-size:large;
	width:410px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-top:8px;
	padding-left:10px;
}

.btn-link {
	padding-left: 3px;
	padding-bottom: 0;
}

.btn-link-inline > div, .btn-link-inline > span {
	width: auto;
	display: inline-block;
}
.btn-link-inline > div:hover {
	text-decoration: underline;
}

.btn-cloaked {
		cursor:pointer;
}

/*holds button together in tight spaces....*/
.btn-glue {
	white-space: nowrap;
	padding-top: 8px;
}

.btn-glue > .btn {
	float: inherit;
}
.btn-glue > .btn + .btn {
	margin-left: -4px;
}

[disabled]:active:focus,
[disabled].form-control,
[disabled].btn,
[disabled].btn:focus,
[disabled].btn:active,
[disabled].btn.active,
[disabled].btn:active:focus,
[disabled].btn.active:focus,
[disabled].btn:hover,
[disabled].btn:active:hover,
[disabled].btn.active:hover,
.disabled.form-control,
.disabled.btn,
.disabled.btn:focus,
.disabled.btn:active,
.disabled.btn.active,
.disabled.btn:active:focus,
.disabled.btn.active:focus,
.disabled.btn:hover,
.disabled.btn:active:hover,
.disabled.btn.active:hover,
.input-group.date .input-group-addon.disabled {
	color: #333333;
	background-color: #eeeeee;
	border-color: #cccccc;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
}

[disabled]:active:focus *,
[disabled].form-control *,
[disabled].btn *,
[disabled].btn:focus *,
[disabled].btn:active *,
[disabled].btn.active *,
[disabled].btn:active:focus *,
[disabled].btn.active:focus *,
[disabled].btn:hover *,
[disabled].btn:active:hover *,
[disabled].btn.active:hover *,
.disabled.form-control *,
.disabled.btn *,
.disabled.btn:focus *,
.disabled.btn:active *,
.disabled.btn.active *,
.disabled.btn:active:focus *,
.disabled.btn.active:focus *,
.disabled.btn:hover *,
.disabled.btn:active:hover *,
.disabled.btn.active:hover *,
.input-group.date .input-group-addon.disabled * {
	pointer-events: none;
}

.heading-rt-btn > [disabled].btn,
.heading-rt-btn > .btn.disabled,
.heading-rt-btn.disabled,
[disabled].heading-rt-btn {
	border: none;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.glyphicon-remove.disabled:active,
.btn.glyphicon-remove.disabled:focus,
.btn.glyphicon-remove.disabled:active:focus {
	background-color: transparent;
	box-shadow: none;
}

/*/////////////////////////// tinymce editors  ////////////////////////////////////*/

/*---- wysiwyg ----*/
.wysiwyg-table {
	width:100%;
}

.wysiwyg-button-container {
	width:50px;
	vertical-align:top;
}

.wysiwyg-button {
	width: 42px;
	height: 34px;
	font-size:large;
	color: grey;
	background-color:#eeeeee;
}

.wysiwyg-button.btn {
	padding-top: 4px;
}

.wysiwyg-fullscreen-button {
	width:50px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left:none;
}

.wysiwyg-insert-button {
	width:50px;  
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left:none;
	padding-top:0 !important;
	margin-top:-1px;
}

.wysiwyg-media-button, .wysiwyg-writer-button {
	margin-left:5px; 
	padding-left:11px;
	text-overflow: clip;
	margin-top: 6px;
	margin-bottom: 0;
}

.wysiwyg-editor {
	width:100%;
	height:114px;
	border-top-right-radius: 0; border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px; border-top-left-radius: 4px;
	overflow-y:auto;
	position: relative;
}

.wysiwyg-editor-without-btns {
	border-top-right-radius: 4px;
}


.tinymce-container {
	width: 100%;
	display: flex;
	flex-flow: column;
	height: 100%;
}

.tinymce-toolbar {
	flex: 0 1 auto;
	margin-top: 15px;
	margin-right: 2px;  
   
}
.tinymce-toolbar > .mce-panel {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.tinymce-editor {
	flex: 1 1 auto;
	overflow-y:auto;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	outline: 0 !important;
}

.tinymce-editor-with-footer {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.tinymce-footer {
	flex: 0 1 20px;
	  border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.tinymce-toolbar .mce-container-body, .tinymce-toolbar .mce-panel {
	width: 100% !important;
}

.mce-btn-group {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.mce-btn-group.mce-first {
	margin-left: 5px !important;
}

.mce-toolbar-grp {
	padding: 0 !important;

}

i.mce-i-hashtag:before {
	content: "\f292";
	font-family: FontAwesome;
}


/*///////////////////////////////// signature editor modal ///////////////////////////////////////*/
#signatureEditor,
.signature-container .cursor-crosshair {
    max-width: calc(100% - 50px);
    max-height: 112px;
    min-height: 112px;
    border: 1px solid #cccccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.signature-container .cursor-crosshair * {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.signature-container {
    position: relative;
}

.signature-container > button {
    background-color: #eee;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    top: 0;
    right: 15px;
}


/*---- Twitter typeahead.js Styles ----*/ 
.twitter-typeahead{
width:100% !important;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0 !important;
}

.tt-menu {
  min-width: 160px !important;
  margin-top: 2px !important;
  padding: 5px 0 !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  border: 1px solid rgba(0,0,0,.2) !important;
  border-right-width: 2px !important;
  border-bottom-width: 2px !important;
  -webkit-border-radius: 6px !important;
	 -moz-border-radius: 6px !important;
		  border-radius: 6px !important;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
	 -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
		  box-shadow: 0 5px 10px rgba(0,0,0,.2) !important;
  -webkit-background-clip: padding-box !important;
	 -moz-background-clip: padding !important;
		  background-clip: padding-box !important;
  width:100% !important;          
}

.tt-suggestion {
  display: block !important;
  padding: 3px 20px !important;
  cursor: pointer;
}

	.tt-suggestion:hover
	{
		background-color: #f5f5f5;
		cursor: pointer;
	}

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

.typeahead-input {
	margin-bottom: 2px;
}




/*---- select picker styles ----*/
.date .glyphicon-calendar, .date .glyphicon-time {
	font-size:18px;
}

.bootstrap-select button span {
	text-overflow: ellipsis;
}

.bootstrap-select div {
	width: 100%;
	overflow-x: hidden;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
	margin-right: 0;
	width: 100%;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
	width: calc(100% - 15px);
}

.bootstrap-select div span {
	text-overflow: ellipsis;
	overflow: hidden;
}

.dropdown-menu.open {
	max-height: 195px !important;
}
.dropdown-menu.inner {
	max-height: 183px !important;
}

.select-menu-med .dropdown-menu.open {
	max-height: 390px !important;
}

.select-menu-med .dropdown-menu.inner {
	max-height: 378px !important;
}

.select-menu-lg .dropdown-menu.open {
	max-height: 585px !important;
}

.select-menu-lg .dropdown-menu.inner {
	max-height: 573px !important;
}

.dropdown-menu {
  margin-top: 4px;
  border-radius: 6px;
}

.dropdown-menu > li > a:focus {
  background-color: white;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active {
  background-color: #f5f5f5;
}

.dropdown-menu a {
	cursor: pointer;
}

.timepicker .btn {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	 width: 16em;
}
.bootstrap-datetimepicker-widget table td {
	height: 40px;
	line-height: 40px;
}

.bootstrap-datetimepicker-widget table td span {
	height: 42px;
	line-height: 42px;
}

.picker-force-right > .bootstrap-datetimepicker-widget {
	left: 0 !important;
	right: auto !important;
}

.picker-force-right > .bootstrap-datetimepicker-widget::before {
	left: 7px !important;
}

.picker-force-right > .bootstrap-datetimepicker-widget::after {
	left: 8px !important;
}

.picker-force-left > .bootstrap-datetimepicker-widget {
	left: auto !important;
	right: 0 !important;
}

.picker-force-left > .bootstrap-datetimepicker-widget::before {
	left: auto !important;
	right: 6px !important;
}

.picker-force-left > .bootstrap-datetimepicker-widget::after {
	left: auto !important;
	right: 7px !important;
}

/*---- misc controls ----*/
 .control-label {
	 font-weight: normal;
	 margin-top: 3px;
	 margin-bottom: 3px;
	 padding-top:5px;
	 white-space: nowrap; 
	 text-overflow: ellipsis;
	 overflow: hidden;
 }
 
 .form-label {
	padding-top:5px;
	font-weight:normal;
	white-space: nowrap; 
	text-overflow: ellipsis;
	overflow: hidden;
}

span.form-required-icon-complete{
    color:#b0c045;
    opacity: 1;
}
span.form-required-icon-incomplete {
    color: #b0c045;
    opacity: 0;
}
span.form-not-required-icon {
    opacity: 0.5;
}
.table-full-fixed {
	 width: 100%;
	table-layout: fixed;
}

.full-width {
	width: 100%;
}

.full-height {
	height: 100%;
}

.picture-btn-control {
	cursor: pointer;
	font-size: 22px;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 10px;
}
.form-picture-btn {
	 margin-bottom: 0;
}

.heading-table .form-picture-btn {
	 margin: -1px 0;
	 min-height: 0;
	padding: 3px 9px;
}

.form-signature-btn {
	margin-bottom: 0;
}

.form-singature-combo, .form-btn-combo {
	width: 100%;
}
.form-singature-combo > div, .form-btn-combo > div{
	width: auto;
	display: inline-block;
}
.form-singature-combo > div:first-child, .form-btn-combo > div:first-child {
	width: calc(100% - 44px);
}

.image-preview-container {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

textarea {
	resize: none;
}

/*----fonts ----*/
/*
	Font Sizes 
	fs represents the font-size attribute; therefore,
	fs-five would be the equivalent to font-size: 5;	
*/

.fs-One {
	font-size: x-small;
}

.fs-Two {
	font-size: small;
}

.fs-Three {
	font-size: medium;
}

.fs-Four {
	font-size: large;
}

.fs-Five {
	font-size: x-large;
}

.fnt-normal {
	font-style: normal;
	font-weight: 400;
}

.fnt-blue {
	color: #337ab7;	
}

.fnt-blue:not(.active) span {
	color: #337ab7;	
}

.fnt-green {
	color:#b0c045;
}

.fnt-orange {
	color: #ec971f;
}

.fnt-yellow {
	color: yellow;	
}

.fnt-red {
	color: #c9302c;
}

.fnt-black {
	   color: black;
}

.fnt-no-overflow {
	overflow:hidden; 
	text-overflow:ellipsis;
	white-space:nowrap;
}

.fnt-x-large {
	font-size: x-large;
}

.fnt-large {
	font-size:large;
}

.fnt-medium {
	font-size:medium;
}

.fnt-small {
	font-size: small;
}

.fnt-no-wrap {
	white-space:nowrap;
	overflow:hidden; 
	text-overflow:ellipsis;
 }

.fnt-clear {
	visibility: hidden;
}

.fnt-wrap {
	white-space:normal;
	word-wrap: break-word;
}

.fnt-left {
	text-align: left;
}

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

.fnt-center {
	text-align: center;
}

.fnt-italic {
	font-style: italic
}

.fnt-bold {
	font-weight: bold;
}

.fnt-simi-bold {
	font-weight: 600;
}


[title$="..."] .filter-option,
[title$="..."] .filter-option:hover,
[title$="..."] .filter-option:focus {
	color: #999999;
}

.fnt-rotate-45 {
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
}

.fnt-rotate-315 {
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
	display: inline-block;
}

.attachment-grid {
	display: grid;
	grid-template-columns: 10% 80% 10%;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
	background-color: #e3e1dc; 
	min-height:25px; 
	border-radius:5px;
}


.attachment-grid > * {
	align-self: center;
	margin: 5px;
	padding:5px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}





/*---- modal styles ----*/
.modal-header {
	background-color:#337ab7;	
}

.modal-header button {
	color:white; 
	font-weight:600;
}

.modal-header h4 {
	color:white; 
	font-weight:600;
}

.modal-body {
	padding-top:0;	
	overflow-y :scroll;
	height: calc(100vh - 200px); 
	overflow-y: scroll;
	min-height: 325px;
}


.modal-footer {
	background-color:#f0f5fb;
}

.modal-flex-height {
	height: 100%;
	min-height: 100%;
}

.no-scroll {
	overflow-y: visible;
}

.scroll {
	overflow-y: scroll;
}

#fullscreenEditorModal, #pictureEditorModal {
	z-index: 1195;
}

#confirmBox, #fullScreenListNumberModal {
   z-index: 1200;
}

#confirmBox .modal-dialog, #fullScreenListNumberModal .modal-dialog {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin-top: 0;
	
}

#confirmBox .yesBtn {
	margin-left:5px;
}

.modal-backdrop ~ .modal-backdrop{
  opacity: 0;
}



/*---- misc styles ----*/
#loadingStatus, .loading-status { 
	height: 100%;
	width: 100%;
	color: #337ab7;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	align-items: center;
	display: flex;
	justify-content: center;
 }

.loading-progress { /*todo fix for chrome and fire  the top behaves diffrentaly...*/
	/*height: 100%;*/
	width: 100%;
	color: #337ab7;
	position: absolute;
	top: calc(50% - 10px);
	left: 0;
	margin-bottom: 50px;
}

#loadingProgressMessage {
	padding-top: 35px;
}

.hidden-input {
	display: none;
}

.hidden-ko {
	display: none;
}

.loading {
	display: none;
}

.empty {
	display: none;
}

.clear {
	background-color:transparent;
}

.fake-list-row {
	display: table;
}
.fake-list-row > div {
	display: table-row;
	width: 100%;
	line-height: 1.06;
}
.fake-list-row > div > div {
	display: table-cell;
	text-align: right;
}
.fake-list-row > div div:first-child {
   white-space:nowrap;
}
.fake-list-row > div > div ~ div {
	text-align: left;
	padding-left: 4px;
	padding-right: 4px;
	border: 2px solid transparent;
	margin: 2px;
}
.fake-list-row > div > div ~ div.selected-requirement  {
		border: 2px solid #b0c045;
	margin: 2px;
}
.fake-list-row .selectable-requirement {
   cursor:pointer;
}

/*---- Configuration Mode Theme ----*/
.configurationMode .panel-primary > .panel-heading {
    background-color: #343a40;
    border-color: #343a40
}
.configurationMode .panel-primary {
    border-color: #343a40
}
.configurationMode .modal-footer {
    background-color: #fafafa;
}
.configurationMode .btn-primary {
    background-color: #343a40;
    border-color: #343a40;
}
.configurationMode .btn-primary:focus {
    background-color: #343a40;
}
.configurationMode .btn-primary:hover {
    background-color: #23272b;
    border-color: #1d2124
}
.configurationMode .btn-primary:active {
    background-color: #343a40;
}

.configurationMode .btn-primary:active:hover {
    background-color: #23272b;
    border-color: #1d2124
}

.configurationMode .btn-primary.menu-button-large:hover {
    border-color: #23272b
    }

.configurationMode .btn-primary.menu-button-large:active:hover {
    background-color: #343a40
}

.configurationMode .btn-blue.btn-default.active, .btn-blue.open > .dropdown-toggle.btn-default {
    background-color: #343a40;
    border-color: #343a40;
}

.configurationMode .btn-blue.btn-default.active:hover {
    background-color: #23272b;
    border-color: #23272b;
}

.configurationMode .btn-blue.btn-default:active {
    background-color: #23272b;
    border-color: #23272b;
}

.configurationMode .btn-lt-blue.btn-default.active:active {
    background-color: #343a40;
    border-color: #343a40;
}
.configurationMode .btn-blue.btn-default.active:active:hover {
    background-color: #343a40;
    border-color: #343a40;
}
.configurationMode .btn-lt-blue.btn-default.active:active:hover {
    background-color: #343a40;
    border-color: #343a40;
}

.configurationMode .active-insert {
	background-color: #343a40;
	color: #ffffff;
 }

.configurationMode .fnt-blue:not(.active) span {
    color: #343a40;
}
.configurationMode .modal-header {
    background-color: #343a40;
}
.configurationMode .workflow-cell {
    color: #343a40;
}
.configurationMode .workflow-cell:hover {
    color: #23272b;
}
.configurationMode .workflow-cell:active:hover {
    color: #343a40;
}
.configurationMode .btn-primary.menu-button-large:hover {
    background-color: #23272b;
}
.configurationMode .btn-lt-blue.btn-default.active, .configurationMode .btn-lt-blue.open > .dropdown-toggle.btn-default {
    background-color: #343a40;
    border-color: #343a40;
}
.configurationMode .btn-lt-blue.btn-default.active:hover {
    background-color: #343a40;
    border-color: #23272b;
}
.configurationMode .navbar-fixed-top:not(.clear) {
    background-color: #343a40;
}
.configurationMode .nav-button {
    background-color: #343a40;
}
.configurationMode .nav-button.btn-default:active, .configurationMode .nav-button.btn-default.active, .configurationMode .nav-button.btn-default:hover, .configurationMode .nav-button.btn-default.hover, .configurationMode .nav-button.btn-default:focus, .configurationMode .nav-button.btn-default.focus {
    background-color: #343a40;
}
.configurationMode label.disabled.btn.btn-default.btn-blue.active > span {
	color: white !important
}

.configurationMode #loadingStatus .loading-status {
    color: #343a40;
}
.configurationMode #loadingProgressPrecent {
    color: #343a40;
}

.configurationMode #loading-status {
    color: #343a40;
}

.configurationMode .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: #343a40;
    border-color: #343a40;
}
.configurationMode .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    background-color: #343a40;
}
.configurationMode .square-box {
    background: #343a40;
}
.configurationMode #messageTicker {
    background-color: #343a40;
    border: 1px solid #343a40;
}
.configurationMode .fc-event {
    border: 1px solid #343a40;
}
.configurationMode .fnt-blue {
    color: #343a40;
}
.configurationMode .btn-link {
    color: #343a40;
}
.configurationMode .form-control:focus {
    border-color: #343a40;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.6)
}

.configurationMode .btn-control .btn:focus, .btn-control .btn:active, .btn-control .btn.active, .btn-control .btn:active:focus, .btn-control .btn.active:focus, .btn-control .open > .dropdown-toggle.btn, .btn-control .open > .dropdown-toggle.btn:hover, .btn-control .open > .dropdown-toggle.btn:focus, .btn-control .btn-group.open .dropdown-toggle {
    border-color: #343a40;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.6)
}

.configurationMode .mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
    background-color: #343a40;
}
.configurationMode .mce-menu-item-normal.mce-active {
    background-color: #343a40;
}
.configurationMode .mce-primary {
    background-color: #343a40;
}
.configurationMode .mce-primary:hover {
    background-color: #23272b;
}

.configurationMode .loading-progress { /*todo fix for chrome and fire  the top behaves diffrentaly...*/
	/*height: 100%;*/
	width: 100%;
	color: #343a40;
	position: absolute;
	top: calc(50% - 10px);
	left: 0;
	margin-bottom: 50px;
}
.configurationMode #loadingStatus , .configurationMode .loading-status { 
	height: 100%;
	width: 100%;
	color: #343a40;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	align-items: center;
	display: flex;
	justify-content: center;
 }


.configurationMode .loading {
	 display: none;
 }
.material-symbols--add-notes {
	display: inline-block;
	width: 18px;
	height: 18px;
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17.5 21h1v-2.5H21v-1h-2.5V15h-1v2.5H15v1h2.5zm.5 2q-2.075 0-3.537-1.463T13 18t1.463-3.537T18 13t3.538 1.463T23 18t-1.463 3.538T18 23M7 9h10V7H7zm4.675 12H5q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v6.7q-.725-.35-1.463-.525T18 11q-.275 0-.513.012t-.487.063V11H7v2h6.125q-.45.425-.812.925T11.675 15H7v2h4.075q-.05.25-.062.488T11 18q0 .825.15 1.538T11.675 21'/%3E%3C/svg%3E");
	background-color: currentColor;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
  }

 /*///////////////////////////////// Correction Writer Styles ///////////////////////////////////*/
@media (min-width: 1092px) {
    #correctionWriterModal .modal-lg {
        width: 1000px;
    }
}

#correctionWriterNavMap ul {
    margin-left: 25px; 
    padding-left: 0px;
}

#correctionWriterNavMap ul > ul {
    margin-left: 15px; 
    padding-left: 0px;
}

#correctionWriterNavMap p {
    margin-left: 5px;
}

.active-correction-writer-step {
    background-color: #F6F9FC;
    border: 1px solid #337ab7;
    border-radius: 5px;
}

.correction-writer-step:hover {
    background-color: #e6e6e6;
    border: 1px solid #adadad;
    border-radius: 5px;
}

.correction-writer-step {
    border: 1px solid #dddddd;
    border-radius: 5px;
}

.correction-writer-step, .active-correction-writer-step {
    margin-bottom: 5px;
    padding: 0px;
}

.correction-writer-description-button:hover {
    cursor: pointer;
}

#correctionWriterModal .control-label.tt-hint {
    opacity: 0 !important;
}

#stepContainer .display-above .tt-menu.tt-open{
    bottom:100% !important;
    top:auto!important;
}

#stepContainer .display-below .bootstrap-datetimepicker-widget {
    top: 100% !important;
    bottom: auto !important;
}

/*---- JavaScript classes, classes defined are used for JavaScript and typically will not be added to other DOM elements for styling ----*/
.control-html {
}
.control-settings{}
.control-vm-extensions{}
.control-post-processing{}