/*
---------------------------------------------------------------------
All pages
---------------------------------------------------------------------
*/
.navbar>.container-fluid .typefi-navbar-brand {
	margin-left: 10px;
	padding: 3px;
}

.typefi-clickable {
	cursor: pointer;
}


td.typefi-trash-item{
	max-width: 800px;
	word-wrap: break-word;
}



#typefi-files-confirm-delete-text{
	word-wrap: break-word;
}

#typefi-legal-notices{
	display: none;
}

#typefi-about-modal{
	text-align:left;
	font-size:11px;
	line-height:14px;
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	
}

#typefi-about-modal-text{
	position:absolute;
	left:48px;
	top:260px;
	width:547px;
	bottom:15px;
}

.disclaimer {
	width:389px;
}

.disclaimer>p {
	margin-top:0;
}

.switches {
	position:absolute;
	left:0px;
	bottom:0px;
}

.locations {
	position:absolute;
	right:40px;
	bottom:0px;
}

.typefi-navbar-brand-div {
	margin-right: 12px;
}

.typefi-light-gray {
	color: lightgray;
}

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

.typefi-small-vertical-margin {
	margin-bottom: 0;
}

.typefi-medium-vertical-margin {
	margin-bottom: 10px;
}
.warning-label-plugin-unsupported {
    color: red; /* Set the text color to red for emphasis */
    font-weight: bold; /* Make the text bold */
}

.typefi-small-top-margin {
	margin-top: 10px;
}

.typefi-width-full {
	width: 100%;
}

#typefi-navbar-top {
	padding-left: 2px;
	padding-right: 0px;
	max-height: 50px;
}

.navbar-fixed-top{
	min-width: 500px;
}

.typefi-expiry-warning {
	background-color: #f0ad4e;
	color: #FFF;
}

.typefi-expiry-danger {
	background-color: #D9534F;
	color: #FFF;
}

/* Leave room at top for fixed navbar */
body {
	padding-top: 60px;
	padding-bottom: 60px;
}

/* Disable horizontal scrolling */
body, html {
	/* SERVER-6467, SERVER-6915;
	 Height at 100% prevents job and log page scrolling
	 height: 100%; */
	max-width: 100%;
	height: 96%;
	overflow-x: hidden;
}

.popover {
  max-width: 600px; 
}

td.textalign, th.textalign {
	text-align: right;
}

.typefi-tight-col {
	width: 1em;
}

.typefi-display-none {
	display: none;
}

.typefi-visibility-hidden {
	visibility: hidden;
}

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

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

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

.typefi-suppress-hyperlink-format:hover {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}

.typefi-server-version-display {
	text-align : left;
	font-size: 10px;
	vertical-align: middle;
	line-height: 50px;
	color: #999;
	float:left;
}

.typefi-zendesk{
    background-image: url('../img/typefi-help.svg');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    line-height: 50px;
    width: 25px;
    float: right;
    margin-right: 50px;
    cursor: pointer;
}


#typefi-files-edit-group > button {
    height: 34px;
    padding: 6px 12px;
    margin: 0; 
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    display: inline-block;
    vertical-align: top;
}

#typefi-files-edit-group > .dropdown-toggle {
    height: 34px; 
    padding: 6px 8px;
    margin: 0 0 0 -1px;
    border-left: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
}


.typefi-zendesk-load{
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    line-height: 50px;
    width: 25px;
    float: right;
    margin-right: 50px;
    cursor: pointer;
    font-size: 10px;
}

#typefi-zendesk{
	background-image: url('../img/typefi-help-alt.svg');
	position: fixed;
    bottom: 0.5px;
    right: 15px;
}

.typefi-expiry-bar {
	margin-top: -9px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 9px;
}

.typefi-expiry-bar a:link {
	color: #FFF;
	text-decoration: none;
}

.typefi-expiry-bar a:visited {
	color: #FFF;
	text-decoration: none;
}

.typefi-expiry-bar a:hover {
	color: #FFF;
	text-decoration: underline;
}

.typefi-expiry-bar a:active {
	color: #FFF;
	text-decoration: underline;
}

svg {
	width: 22px;
	vertical-align: initial;
}

.typefi-plugin-markdown-icon {
	width: 0.9em;
	height: 0.9em;
}

.typefi-filechooser-margin {
	margin-left: 5px;
}

.typefi-action-list-scroll {
	overflow-y: scroll;
}

@media (min-width: 1200px) {
    .navbar-btn + .tooltip {
        display: none !important;
    }
}

table[disabled],label[disabled],input[disabled]{
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

@media (min-width: 412px) {
	.navbar-right-overide {
	    float: none!important; 
	    margin-right: 20px!important; 
	}
}

@media (min-width: 560px) {
	.navbar-right-overide {
	    float: right !important;
	    margin-right: -15px!important; 
	}
}

/*SERVER-8334*/
:focus {
	outline: none !important;
}

/*
---------------------------------------------------------------------
Jobs page
---------------------------------------------------------------------
*/
#searchString {
	border-radius: 0;
}

.typefi-jobs-search::-ms-clear {
    display: none;
}

#clearButton {
	color: gray;
	pointer-events: inherit;
	cursor: pointer;
}

#searchButton {
	border-right-width: 0px;
}

.ft-cog {
	padding-top: 14%;
	padding-bottom: 14%;
	padding-left: 3%;
}

.typefi-job-blurred {
	color: transparent;
	text-shadow: 0 0 12px rgba(0, 0, 0, 0.9);
}

.typefi-job-cancelled {
	color: gray;
}

.typefi-job-failed {
	color: red;
}

.typefi-job-not-ended {
	font-style: italic;
}

.typefi-right-col {
	text-align: right;
}

.typefi-single-em-font {
	font-size: 1em;
}

.checkout-list-item {
	pointer-events:auto; 
	opacity:1
}

.typefi-fixed-span {
	position: fixed;
	margin-top: -57px;
	margin-left: 0;
	z-index: 1000;
}

.typefi-label-background-translucent {
	background-color: rgba(119, 119, 119, 0.85);
}

.typefi-no-search-result-prompt {
	line-height: 37px;
	color: red;
}


li #typefi-files-cancel-checkout-button {
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 3px 30px 3px 20px ;
}

li #typefi-files-cancel-checkout-button:hover {
	background-color: #f4f1f1;
}

.typefi-job-icon-success {
    background-image: url('../img/job_success.svg');
    background-repeat: no-repeat;
	background-position-x: left;
    background-position-y: center;
	line-height: 1;	
}

.typefi-job-icon-error {
    background-image: url('../img/job_error.svg');
    background-repeat: no-repeat;
	background-position-x: left;
    background-position-y: center;
	line-height: 1;	
}

.typefi-job-icon-progress {
    background-image: url('../img/job_progress.svg');
    background-repeat: no-repeat;
	background-position-x: left;
    background-position-y: center;
	line-height: 1;
	animation: 2s infinite linear rotate;
}

.typefi-job-icon-pending {
    background-image: url('../img/job_pending.svg');
    background-repeat: no-repeat;
	background-position-x: left;
    background-position-y: center;
	line-height: 1;	
}

.typefi-job-icon-cancel {
    background-image: url('../img/job_cancel.svg');
    background-repeat: no-repeat;
	background-position-x: left;
    background-position-y: center;
	line-height: 1;	
}

.typefi-job-icon-unknown {
    background-image: url('../img/job_unknown.svg');
    background-repeat: no-repeat;
	background-position-x: left;
    background-position-y: center;
	line-height: 1;	
}

#typefi-job-status-fixed-div {
  	position: fixed;
    width: inherit;
    z-index: 1000;
    background: white;
    box-shadow: 0px 10px 10px -15px #111;
}

.typefi-log-wrap {
    overflow: auto;
}

.typefi-stub {
    background: white;
    height: 10px;
    margin-top: -10px;
}

/*
---------------------------------------------------------------------
Job page
---------------------------------------------------------------------
*/
.typefi-cell-word-wrap {
	max-width: 30px;
	word-wrap: break-word;
}

.typefi-cell-word-wrap-large {
	max-width: 120px;
	word-wrap: break-word;
}

/*
---------------------------------------------------------------------
Files page
---------------------------------------------------------------------
*/
.typefi-full-height {
	height: 100%;
	padding-bottom: 40px;
}

.typefi-word-break-all {
	word-break: break-all;
}

#typefi-files-search-input {
	padding-bottom: 5px;
}

#typefi-files-search-input::-ms-clear {
    display: none;
}

.typefi-file-search {
	border: 1px solid #ccc;
	color: inherit;
	background-color: inherit;
	width: 90%;
	text-indent: 5px;
}

#deleteFilesForm {
	/*padding-top: 10px;*/
}

.typefi-file-name-filter-div {
	/*margin-bottom: 10px;*/
}

#typefi-btn-clear-filter {
	color: grey;
	pointer-events: inherit;
	cursor: pointer;
    position : absolute;
    z-index: auto;
    right: 0px;
}


#typefi-filename-search-div {
	margin-bottom: 0;
}

#typefi-files-toggle-all {
	margin-top: 0px;
}

.typefi-files-table-th-txt {
	margin-top: 8px;
}

#files-lbl-applyToAll{
	float: left;
	font-weight: normal;
    font-size: smaller;
    margin-top: 4px;
}

#modal-footer-warn{
	float: left;
	font-weight: normal;
    font-size: small;
    margin-top: 4px;
    color: #d58512;
}

.table.no-border tr td, .table.no-border tr th {
  border-width: 0;
}

/*
---------------------------------------------------------------------
Workflows page
---------------------------------------------------------------------
*/
.typefi-about-modal-plugin-title{
	font-weight: bold;
}

.typefi-about-modal-body{
	padding : 12px;
}

.typefi-about-plugins-model-legend{
	border-bottom : none;
}

.typefi-about-plugins-icon{
	width : 200px;
	height: 200px;
}

.typefi-workflows-input-group-btn {
	vertical-align: top;
}

.typefi-workflows-empty-required-input-input {
	margin-bottom: 5px;
}

.panel-default>.panel-heading {
	background-color: inherit;
}

.typefi-workflows-empty-required-input {
	margin-bottom: 10px;
}

.typefi-vertical-align-middle {
	vertical-align: middle;
}

.typefi-fieldset {
	background-color: inherit;
}

.typefi-workflows-checkbox input[type="checkbox"] {
	position: inherit;
	margin-left: 0;
	margin-right: 10px;
}

.typefi-format-dropdown-title {
	margin-left: 20px;
}

.typefi-display-name {
	padding-left: 20px;
	padding-right: 20px;
	white-space: nowrap;
}

#typefi-workflows-purge-button.active {
	color: red;
}

/* Center buttons on bottom navbar */
.btn-toolbar>.btn-group {
	float: none;
}

#fileChooserModal{
	height: 100%;
}

/* Fixed buttons in the footer*/
#file-chooser-body {
    padding: 5px;
    max-height: 400px; /* Used this to enable scrolling */
    overflow: auto;
}

#footer-file-chooser {
    bottom: 0;
    width: 100%;
    overflow: hidden;
}

#orgs-chooser-body{
	padding: 0;
    max-height: 400px; /* Used this to enable scrolling */
    overflow: auto;
}


.organization-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.organization-item {
	padding: 8px;
    border-bottom: 1px solid #ccc;
    display: flex;
    margin: 0;
}

.organization-item:hover {
    background-color: #f5f5f5;
}

input[id^="organization-item-list"] {
	 cursor: pointer;
	 margin: 0 10px 0 0;
	 align-items: center;
	 padding: 6px 0 3px 0;

}

.organization-item span {
    pointer-events: none;
    align-items: center;
}

.modal-backdrop {
    z-index: 1040;
}

#organizationModal {
    z-index: 1050;
}


.typefi-organizations-organization-user-input[readonly] {
    background-color: #fff;
    color: #000;
    border: 1px solid #ccc;
}

.darken-modal {
    filter: brightness(50%);
}

#typefi-sync-auth0-customers {
	width: 150px;
}

#button-create-org .spinner-icon, #typefi-sync-auth0-customers .spinner-icon {
    vertical-align: middle;
    margin-left: 5px; 
}

#button-create-org {
    min-width: 80px; 
    text-align: center;
}


.button-container {
    display: flex;
    align-items: center;
    justify-content:center;
}

.navbar-btn {
    margin-right: 0 10px;
    flex:none;
}

.sync-user-form-group{
	margin:0 0 0 5px;
}
.typefi-warning-div {
	text-align: left;
    font-size: 10px;
    vertical-align: middle;
    line-height: 50px;
    color: #999;
    opacity: 0;
    float:left;
}

.typefi-no-horizontal-padding {
	padding-left: 0px;
    padding-right: 0px;
}

.typefi-format-dropdown {
	padding-top: 0;
	z-index: 1030;
}

.typefi-format-dropdown-table {
	margin: 0;
}

.typefi-formmat-dropdown-cell {
	padding: 3px 15px 3px 15px !important;
}

.typefi-format-dropdown-table tr, .typefi-format-dropdown-table td {
	border: 0px !important;
}

.typefi-formmat-dropdown-divider {
	height: 1px;
	padding: 0 !important;
	background-color: #ccc;
	line-height: 1px !important;
}

.typefi-workflow-input-full-name-span {
	padding-right:0%
}

.typefi-text-format-dropdown {
	padding-top: 0;
	/*left: -700%; To fix SERVER-7128 this line should remove */
	z-index: 1000;
}

.typefi-format-dropdown-cog {
	left: -700%;
	z-index: 10;
}

.typefi-format-dropdown-upgrade {
	left: -150%;
	z-index: 10;
}

.dropdown-menu>li>a{
	cursor: pointer;
}

.dropdown-menu>li>a.typefi-format-dropdown-item-anchor {
	padding-left: 0;
}

.typefi-workflow-input-description-span {
	padding-right: 20px;
}

.typefi-workflow-nav-tabs>li.active>a, .typefi-workflow-nav-tabs>li.active>a:hover,
	.typefi-workflow-nav-tabs>li.active>a:focus,
	.typefi-workflows-action-panel {
	background-color: #FCFCFC;
}

.typefi-workflows-action-panel-contents-disabled {
	display: none;
}

.typefi-workflows-action-panel-disabled {
	color: lightgray;
}

.typefi-input-on-hover:hover {
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.typefi-workflows-name {
	font-weight: bold;
	font-size: 24px;
	color: black;
	border: 1px solid #FFF;
	box-shadow: none;
	display: inline-block;
	max-width: 95%;
	height: 44px;
	padding-left: 0;
	padding-right: 0;
}

.typefi-workflows-project-path {
	color: black;
	border: 1px solid #FFF;
	box-shadow: none;
	display: inline;
	width: 20%;
	padding-right: 0;
}

#typefi-workflows-action-display-name {
	border: 0;
	background-color: inherit;
	box-shadow: none;
}

.typefi-inline {
	display: inline;
}

.typfi-workflows-action-panel-contents {
	padding-left: 30px;
	padding-right: 30px;
}

.wf-margin-bottom {
	margin-bottom: 20px;
}

#typefi-fixed-header {
	top: 0;
	padding-top: 60px;
	height: 170px;
	z-index: 1000;
	position: fixed;
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
}

#cog-div-disable{
	color: currentColor;
  	display: inline-block;  /* For IE11/ MS Edge bug */
  	pointer-events: none;
  	text-decoration: none;
}

#typefi-fixed-header h3 {
	float: left;
}

#workflow-traintracks-wrapper {
	float: right;
	margin: 0 auto auto 20px;
	display: flex;
    flex-wrap: wrap; 
    position: relative;
    z-index: 0;
}

.navbar-inverse {
	background-color: #212121;
	background: -moz-linear-gradient(top, #373737, #212121);
	background: -webkit-linear-gradient(top, #373737, #212121);
	background: -ms-linear-gradient(top, #373737, #212121);
	background: -o-linear-gradient(top, #373737, #212121);
	background: linear-gradient(top, #373737, #212121);
}
/* Experimental new items from Caleb
body {
	background-color: #f2f2f2;
}

.breadcrumb {
	background-color: #fcfcfc;
	-webkit-box-shadow: 0px 1px 1px #b7b7b7;
	-moz-box-shadow: 0px 1px 1px #b7b7b7;
	box-shadow: 0px 1px 1px #b7b7b7;
}
*/
#typefi-workflow-traintracks {
	position: fixed;
}

.typefi-workflow-traintracks-dot {
	width: 21px;
	height: 26px;
	font-size: 26px;
	float: left;
	margin-right: 1px;
	margin-top: 4px;
}

.typefi-workflow-traintracks-dot a, .typefi-workflow-traintracks-dot a:hover,
	.typefi-workflow-traintracks-dot a:visited,
	.typefi-workflow-traintracks-dot a:active {
	text-decoration: none;
}

.typefi-workflow-traintracks-dot i {
	color: #ddd;
}

.typefi-workflow-traintracks-dot i:hover {
	color: #006dcc;
}

.typefi-workflow-traintracks-dash {
	width: 14px;
	height: 2px;
	background-color: #eee;
	float: left;
	margin-top: 16px;
}

.typefi-workflow-traintracks-pipe {
	width: 2px;
	height: 14px;
	background-color: #eee;
	float: left;
	margin-top: 10px;
}

.typefi-workflow-action-anchor {
	display: block;
	height: 170px; /*same height as header*/
	margin-top: -170px; /*same height as header*/
	visibility: hidden;
}

.typefi-workflow-drag-placeholder {
	margin-bottom: 15px;
}

.typefi-workflow-action-handle {
	margin-right: auto;
    margin-left: auto;
    margin-top : 3px;
    width: 35px;
    height: 6px;
    border-width: 2px 0px 2px 0px;
    border-color: gray;
    border-style: solid;
    cursor: move;
}

.typefi-workflow-action-highlight {
    border-color: rgb(0, 109, 204) !important;
}



.typefi-workflow-drag-anim { 
	transition: transform 1s; 
	transform: scale(0.5);
}

.typefi-workflow-drag-revanim {
	transition: transform 1s;
	transform: scale(1);
}

.typefi-actions {
	margin-top: 120px;
}

.typefi-color-gray {
	color: gray;
}

.typefi-color-warning, .typefi-color-warning a {
	color: #ffcc00;
}

.typefi-color-warning a:hover {
	cursor: pointer;
}

.typefi-upgradeable, .typefi-upgradeable a {
	cursor:pointer;
	color: #F0AD4E;
}

.typefi-upgradeable a:hover {
	cursor: pointer;
}

#urlTooltiptext {
  display:none;
  width: auto;
  background-color: #006dcc;
  color: white;
  text-align: center;
  border-radius:5px;
  padding: 2px 20px;
  position: absolute;
  z-index: 9999;
}

#urlTooltiptext:before{
  content:'';
  height:3px;
  width:0;
  border:7px solid transparent;
  border-top-color:#006dcc;
  position:absolute;
  top:22px;
  left:100px;
}

#urlTooltiptext a{
	text-decoration: underline;
	color: #fff;
}

.tooltip-inner {
	background-color: #006dcc;
	color: #fff;
	white-space: pre;
	max-width: none;
	font-size: 14px;
	font-weight: bold;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #006dcc;
}

.typefi-workflows-action-panel-grip {
	margin-right: 1px;
	color: #DDDDDD;
}

.typefi-workflows-drop-zone-p {
	height: 1em;
}

.typefi-workflows-action-panel {
	margin-bottom: 20px;
	z-index: 10;
}

.typefi-workflows-add-action-wrapper {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #f2f2f2;
	z-index: 500;
}

.typefi-workflows-add-action-div {
	z-index: 500;
	border-style: dashed;
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
}

.typefi-workflows-action-gap {
	clear: left;
}

.typefi-files-div-select {
	padding-left: 0;
	padding-right: 0;
}

.typefi-files-div-btnbar {
	padding-left: auto;
	padding-right: 0;
}

.typefi-files-select {
	height: 90px;
}

.typefi-files-div-btnbar .btn {
	margin-bottom: 4px;
}

.typefi-conditions-btn-add {
	float: right;
}

.typefi-upgrade-text {
	font-size: 16px;
}

.typefi-workflows-purge-link{
	margin-top: 2px;
	margin-left: 15px;
	font-weight: normal;
}

#typefi-workflows-purge{
	width: 220px;
}

#keep-until{
	width:55px;
	border-radius: 10;
	border: 1px solid #ccc;
    border-radius: 4px;
    padding: 3px 6px;
    
}

.number::-webkit-inner-spin-button, 
.number::-webkit-outer-spin-button {  
   opacity: 1;
   background-color: #ccc;
   width:5px;
   
   
}

.spinner-button {
  position: absolute;
  cursor: default;
  z-index: 2;
  background-color: #ccc;
  width: 14.5px;
  text-align: center;
  margin: 0px;
  pointer-events: none;
  height: 10px;
  line-height: 10px;
}

/* file chooser search input*/
.typefi-files-search-input-modal{
	height: 30px;
}

/*
---------------------------------------------------------------------
Sign in page
---------------------------------------------------------------------
*/
.login-container {
	max-width: 620px;
	padding: 30px;
}

.login-panel-body {
	padding: 30px;
}

.login-image-div {
    padding: 50px;
    margin-top: -40px;
    margin-bottom: -40px;
    margin-left: -20px;
    margin-right: -20px;
}

.barcode-image-div {
	padding: 50px;
    background-color:#dedede;
}

.login-checkbox {
	font-weight: normal;
	margin-left: 20px;
}

body.login {
	background-color: #f5f5f5;
}

/*
---------------------------------------------------------------------
Actions page
---------------------------------------------------------------------
*/
.typefi-plugin-legend {
	padding-bottom: 5px;
	vertical-align: middle;
}

.typefi-plugin-version {
	font-size: 10px;
	margin-left: 10px;
}

.typefi-plugin-version-mismatch {
	font-size: 12px;
	margin-left: 10px;
	color: red;
}

#typefi-actions-form {
	margin-top: 10px;
}

.typefi-action-action-button {
	margin-bottom: 2px;
	margin-top: 2px;
}

.typefi-action-list-button-group {
	width: 100%;
}

.typefi-action-list-button {
	text-align: left;
	box-shadow: none;
}

.typefi-no-top-border {
	border-top-width: 0;
}

.typefi-action-list-containing-div {
	margin-bottom: 5px;
}

.typefi-action-list-custom-actions-containing-div {
	margin-bottom: 15px;
}

#typefi-actions-add-action-modal-body {
	overflow-y: scroll;
}

#typefi-confirm-zip-upload-modal-body {
	overflow-y: auto;
	height: 100px;
}

/*
---------------------------------------------------------------------
Blinkenlights page
---------------------------------------------------------------------
*/
.typefi-bl-preset {
	overflow-y: scroll;
    height: 100px;
}

/*
---------------------------------------------------------------------
Engines page
---------------------------------------------------------------------
*/
.btn-margin-left {
	margin-left: 20px;
}

.typefi-engines-th {
	text-indent: 12px;
}

#servers-table td, #servers-table td input {
	font-size: 12px;
}

.typefi-engines-input {
	border: 1px solid #FFF;
	box-shadow: none;
	display: inline;
	padding-right: 0;
}

table tr td.typefi-engines-versionZone {
	text-indent: 10px;
	padding-top: 15px;
}

.typefi-engines-remove {
	width: 20px;
}

.container {
	padding-top: 8px;
}

#message {
	margin-left: 20px;
}

.list-group {
	margin-bottom: 0px;
}

.typefi-engines-delete {
	margin-left: 10px;
}

/*
---------------------------------------------------------------------
Override workflow inputs page
---------------------------------------------------------------------
*/
.typefi-workflow-div h3 {
	margin-bottom: 40px;
}

.typefi-action-div {
	margin-bottom: 20px;
}

/*
---------------------------------------------------------------------
Log viewer page
---------------------------------------------------------------------
*/
.typefi-btn-warning, .typefi-btn-warning.active {
	color: #d58512;
}
.typefi-btn-danger, .typefi-btn-danger.active {
	color: #ac2925;
}

.typefi-btn-debug, .typefi-btn-debug.active {
	color: #777;
}

.typefi-pre {
	background-color: inherit;
	border: none;
	padding: none;
}
.typefi-cell-word-wrap-small {
	max-width: 23px;
	word-wrap: break-word;
}

/*
---------------------------------------------------------------------
Users page
---------------------------------------------------------------------
*/
.typefi-groups-name {
	font-weight: bold;
	font-size: 24px;
	color: black;
	border: 1px solid #FFF;
	box-shadow: none;
	height: 44px;
	padding-left: 0;
	padding-right: 0;
}

#typefi-groups-group-name{
	display: inline-block;
	width: 90%;
	margin-left: 15px;
}

#typefi-groups-backBtn{
	height: 44px;
	vertical-align: top;
}

/*
---------------------------------------------------------------------
Permissions page
---------------------------------------------------------------------
*/
.typefi-select {
	height: inherit;
	border: none;
	box-shadow: none;
}
.typefi-warning-div-warning {
	opacity: inherit;
	color: gray;
}
.typefi-warning-div-error {
	opacity: inherit;
	color: red;
}

/*
---------------------------------------------------------------------
Roles page
---------------------------------------------------------------------
*/
.typefi-th-privilege {
	height: 250px;
	width: 63px;
	vertical-align: bottom !important;
	white-space: nowrap;
	text-align: center;
	overflow: hidden
}

.typefi-td-privilege {
	text-align: center;
}

.typefi-th-domain {
	text-align: center;
}

.typefi-span-privilege {
	transform: rotate(270deg);
	transform-origin: left;
	display: inline-block;
	margin: 0 0 0 10px;
	width: 15px;
}

.typefi-role-description {
    font-size: 10px;
    margin-left: 7px;
}

#typefi-th-role {
	text-align: center; 
	vertical-align: middle;
}

.typefi-roles-name {
	color: black;
	border: 1px solid #FFF;
	box-shadow: none;
	height: 100%;
	width: 100%;
}

.typefi-user-role {
	height: 645px;
	overflow-y: scroll;
}

.typefi-user-role-thead {
	background-color: white;
}
/*
---------------------------------------------------------------------
Filestore page
---------------------------------------------------------------------
*/
.typefi-filestore {
	margin-top: 6px;
}

.typefi-filestore-restore, .typefi-filestore-purge{
	float: right;
    margin-top: 2px;
}

/*
---------------------------------------------------------------------
LDAP page
---------------------------------------------------------------------
*/
.normal-panel-heading {
	background-color: #f5f5f5 !important;
}

.domain-message {
	margin-left: 20px;
}

.typefi-panel-delete {
	float: right;
	color: #333;
}

.typefi-panel-heading-hidden {
	color: #f5f5f5;
}

.typefi-ldap-domain {
	margin-bottom: 30px;
}


/*
---------------------------------------------------------------------
Checkin checkout versions page
---------------------------------------------------------------------
*/

#typefi-progress-overall-div {
	opacity: 0.8;
	position:fixed;
	width: 200px;
	bottom: 40px;
	right:10px;
	cursor:pointer;
}

.typefi-progress {
	background-color: #95B9D7;
	cursor:pointer;
}

.typefi-progress-bar {
	min-width: 20em;
	cursor: default;
}

.typefi-progress-bar-compact {
	min-width: 2px;
	cursor: default;
}

/*
---------------------------------------------------------------------
Logs page go to buttons
---------------------------------------------------------------------
*/
.toTopBottom{
    position: fixed;
    bottom: 10%;
    right: 10%;
    display: none;
}

.btn-scroll{
  color:  #000000;
  background-color: #fff;
  border-color: #ccc;
	
  border:1px solid #fafafa;
  -webkit-box-shadow:0 0 6px  #000000;
  -moz-box-shadow:0 0 5px  #000000;
  box-shadow:0 0 5px  #000000;
  outline: none;
}

/*
---------------------------------------------------------------------
Error Panel
---------------------------------------------------------------------
*/
.typefi-error-img{
	width: 100%;
    height: 85%;
    background-image: url('../img/err-small.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.typefi-error-txtDiv{
	height: 100%;
	padding-left: 35px;
}

.typefi-error-imgDiv{
    height: 100%;
}

#typefi-error-panel {
    height: 50vh;
}

#title-small{
	display: block;
}

#title-big{
	display: none;
}

/* For width 768px and larger: */
@media only screen and (min-width: 768px) {
    .typefi-error-img {
		width: 100%;
    	height: 100%;
    	background-image: url('../img/err-big.png');
    	background-repeat: no-repeat;
    	background-size: 100% 100%;
	}

	#typefi-error-panel {
    	height: 90vh;
	}
	
	#title-small{
		display: none;
	}
	
	#title-big{
		display: block;
	}

}

.vertical-centre{
    position: relative;
    top: 30%;
    transform: translateY(-50%)
}

.error-options{
	line-height: 150%;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.error-options > ul{
	padding-left:1pc;
	
}

#typefi-error-panel-message {
    font-family: monospace;
    color: #707070;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.66666667;
    text-transform: uppercase;
    margin: 20px 0 0 0;
}

input.typefi-borderless-narrow {
	border-style: none;
	box-shadow: none;
	background-color: inherit;
    width: 3em;
    padding-left: 0px;
    padding-right: 0px;
	font-weight: bold;
}

/*
---------------------------------------------------------------------
Typefi colours
---------------------------------------------------------------------
*/


/* 
Progress Bar Background colours
All colors are pantone. 
 */
 
 .progress-bar-div-teal {
	background-color:#009CA6;
	border-color:#009CA6;
}

 .progress-bar-div-teal  + .tooltip.top > .tooltip-arrow {
	border-top-color:#009CA6;
}

.progress-bar-div-teal + .tooltip.top > .tooltip-inner{
	background-color:#009CA6;
	border-color:#009CA6;	
}
 
 .progress-bar-div-orange {
	background-color:#FE5000;
	border-color:#FE5000;
}

.progress-bar-div-orange + .tooltip.top > .tooltip-arrow  {
	border-top-color:#FE5000;
}

.progress-bar-div-orange + .tooltip.top > .tooltip-inner {
	background-color:#FE5000;
	border-color:#FE5000;
}

.progress-bar-div-purple {
	background-color:#BB29BB;
	border-color:#BB29BB;
}

.progress-bar-div-purple  + .tooltip.top > .tooltip-arrow {
	border-top-color:#BB29BB;
}

.progress-bar-div-purple + .tooltip.top > .tooltip-inner {
	background-color:#BB29BB;
	border-color:#BB29BB;
}

.progress-bar-div-gray {
	background-color:#F5F5F5;
	border-color:#F5F5F5;
}

.progress-bar-div-gray + .tooltip.top > .tooltip-arrow {
	border-top-color:#F5F5F5;
}

.progress-bar-div-gray + .tooltip.top > .tooltip-inner {
	background-color:#F5F5F5;
	border-color:#F5F5F5;
	color:#000000;
}

/* .progress-bar-div-orange:hover {
	background-color:#b93700;
	border-color:#b93700;
} */

/* .progress-bar-div-purple:hover {
	background-color:#9d229d;
	border-color:#9d229d;
} */

/* .progress-bar-div-teal:hover {
	background-color:#336666;
	border-color:#336666;
} */

/* 
Progress Bar Background colours
 */

.background-color-typefi-black {
	background-color:#000000;
	border-color:#000000;
}

.background-color-typefi-white {
	background-color:#FFFFFF;
	border-color:#FFFFFF;
}

.background-color-typefi-pantone-cool-grey-2 {
	background-color:#D0D0CE;
	border-color:#D0D0CE;
}

.background-color-typefi-pantone-431 {
	background-color:#5B6770;
	border-color:#5B6770;
}

.background-color-typefi-pantone-7549-yellow {
	background-color:#FFB500;
	background-color:#FFB500;
}

.background-color-typefi-pantone-660-blue {
	background-color:#407EC9;
	border-color:#407EC9;
}

/* 
Foreground colours
 */

.color-typefi-black {
	color:#000000;
}

/*
---------------------------------------------------------------------
Spinner
---------------------------------------------------------------------
*/

/*Adapted from https://codepen.io/MattIn4D/pen/LiKFC*/

.typefi-spinner {
	color: lightgray;
	filter: none;
	position: fixed;
	z-index: 10000;
	height: 32px;
	width: 32px;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	animation-duration: 1.5s;
	animation-name: spin;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

   
/*
 Edge browser specific css for job icon resize 
 spin in progress icon (svg animation is not supported by Edge and force css animation)
*/   
@supports (-ms-ime-align: auto) {

	/*cog spin for edge*/
	.typefi-job-icon-progress {
		position: absolute;
		font-size: 20px !important;
		animation-duration: 1.5s;
		animation-name: spin;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}

	@keyframes spin {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}
	
	/* resize icons for edge*/
	.typefi-job-icon-success
	{
		font-size: 20px !important;
	}
	
	.typefi-job-icon-error
	{
		font-size: 20px !important;
	}
	
	.typefi-job-icon-cancel
	{
		font-size: 20px !important;
	}
	
	.typefi-job-icon-unknown
	{
		font-size: 20px !important;
	}
	
	.typefi-job-icon-pending
	{
		font-size: 20px !important;
	}
}

/*
---------------------------------------------------------------------
Table sorter
---------------------------------------------------------------------
*/

/* header - sort nevigation arrows using font awesome unicode*/
table.table-tablesorter thead tr th.tablesorter-headerAsc .tablesorter-header-inner div:after,
table.table-tablesorter thead tr th.tablesorter-headerDesc .tablesorter-header-inner  div:after,
table.table-tablesorter thead tr th.tablesorter-headerUnSorted .tablesorter-header-inner  div:after {
  font-family: FontAwesome;
}

table.table-tablesorter thead tr th.tablesorter-headerUnSorted .tablesorter-header-inner div:after {
  content: "\00a0\00a0\00a0\00a0 \f0dc";
}

table.table-tablesorter thead tr th.tablesorter-headerAsc .tablesorter-header-inner div:after {
  content: "\00a0\00a0\00a0\00a0 \f0de";
}

table.table-tablesorter thead tr th.tablesorter-headerDesc .tablesorter-header-inner div:after {
  content: "\00a0\00a0\00a0\00a0 \f0dd";
}

table.table-tablesorter thead tr.tablesorter-row th div.typefi-files-table-th-txt{
	margin-top: 0;
}

/* set with to keep consistant when swaping input and label*/
#typefi-header-search-id {
	width: 40%;
}

table.table-tablesorter thead:first-child tr:first-child th {
	height: 55px !important; 
	vertical-align: middle;
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd; 
}

/*Overide focus table sorter header glow*/
table.table-tablesorter :focus {
    outline: 0;
}

/* Fix buttons border-top-right edge and border-bottom-right edge.*/
.input-group-btn > .btn:last-of-type,
.btn-group > .btn:last-of-type:not(#typefi-workflows-export-tzip)  {
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

/* remove shaadow for panel used by accordion in admin license page*/
.noshadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* rotate in progress cog weel on IE*/
@keyframes rotate {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

/*Auto complete*/
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4 !important; 
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  width: 94.4%;
  overflow:auto; 
  height:90px;
  background: white;
}

.autocomplete-items div {
  padding: 6px 12px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4 !important; 
  z-index: 99;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

/* For required inputs */
input.required-input{
	border:1px solid red;
}

/* CSS to support IE and Edge*/
@supports (-ms-ime-align: auto) {
	.typefi-about-plugins-model-legend { width: auto !important; }/* To support about plugins model icon*/
	.modal-body { overflow:auto!important; } /* To support modal window scroll */
}

/* To support about plugins model icon*/
_:-ms-lang(x), .typefi-about-plugins-model-legend { width: auto !important; }
/* To support modal window scroll */
_:-ms-lang(x), .modal-body { overflow:auto!important; }

.blink-license{
	margin: 0;
}

/*
---------------------------------------------------------------------
Trash comments
---------------------------------------------------------------------
*/
.trash-table>tbody>tr>th{
	vertical-align: middle;
}

.trash-table>tbody>tr>td{
	max-width: 200px;
	word-wrap: break-word;
}

.trash-comment-h {
    font-weight: normal;
    font-size: 0.7em !important;
}

.trash-comment {
    font-size: 70%;
    color: grey;
    font-weight: normal;
}

.typefi-delete {
    border-radius:2px 0 0 2px;
}

.comment-line{
	padding: 1px !important;
}

.trash-comment-border
{
    border-top-style: dotted !important;
}


@media (min-width: 320px) {
	.mobile-trash-comment {
	    display: block!important; 
	}
	
	.web-trash-comment {
		display: none!important; 
	}
	
	.mobile-trash-tooltip.tooltip-inner { 
		width:300px !important;
		max-width: 100%  !important;     
		white-space: normal!important;
		text-align: justify!important;
		word-wrap: break-word;
	}
}

@media (min-width: 560px) {
	.mobile-trash-comment {
		display: none!important; 
	}
	
	.web-trash-comment {
 		display: block!important; 
	}
	
	.web-trash-tooltip.tooltip-inner { 
		width:500px!important;
		max-width: 100%!important;     
		white-space: normal!important;
		text-align: justify!important;
		word-wrap: break-word;
	}
}

.certificate-panel {
	font-size: 12px !important;
}

.certificate-icon {
	top: 20px; 
	left: 30px; 
	color:Tomato;
}

.certificate-details {
	width: 400px;
	overflow-wrap: 
	break-word;
}

/*9-dot Typefi Apps Button and dropdown*/
.typefi-apps-btn {
    border: 1px solid #fff;
    height: 50px;
	width: 50px;
	position: absolute;
	background: none;
	border: none;
	transform-origin: center;
	transition: .3s;

&::after {
	 position: absolute;
	 content: '';
	 width: 6px;
	 height: 6px;
	 background: #ffffff;
	 display: block;
	 left: calc(50% - 4px);
	 top: calc(50% - 4px);
	 /*box-shadow: -12px 0 0 #333,12px 0 0 #333,-12px -12px 0 #333,0 -12px 0 #333,12px -12px 0 #333,-12px 12px 0 #333, 0 12px 0 #333,12px 12px 0 #333;*/
	 box-shadow: -8px 0 0 white,8px 0 0 white,-8px -8px 0 white,0 -8px 0 white,8px -8px 0 white,-8px 8px 0 white, 0 8px 0 white,8px 8px 0 white !important;

 }
&::before {
	 position: initial;
	 border-radius : 25px 25px 25px 25px;
	 content: '';
	 height: 20px;
	 width: 3px;
	 left: 21px;
	 top: 12px;
	 background: #fff;
 }
&.is-active {
	 background: #333;
	 border-radius: 25px 25px 25px 25px;
	 transform: rotate(45deg);

&::after {
	 box-shadow: none;
	 border-radius : 25px 25px 25px 25px;
	 width: 20px;
	 height: 3px;
	 left: 13px;
	 top: 21px;
	 background: #fff;
 }
}
}

.typefi-apps-btn:hover {
	cursor: pointer;
	background-color: #808080 !important;
	border-radius : 25px 25px 25px 25px;
}

.dropdown-menu.scrollable-menu.typefi-apps {
    width:420px;
    height: auto;
	overflow: visible;
	background: #FFFFFF;
	margin-top: 8px;
	max-height: none;

}

.typefi-app-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px 4px 5px 5px;
  padding: 10px 0px 10px 5px;
}

.typefi-app-item:hover {
	cursor: pointer;
	background-color: #dcdcdc	 !important;
}

.typefi-app-item svg {
  margin-left: 10px;	
  margin-right: 2px;
}

.typefi-app-section {
  display: flex;
  align-items: center;
  margin : 3px 5px 5px 20px;
}


.typefi-app {
	width:30px;
	height:30px;
	display:flex;
	cursor: pointer
}

.typefi-app-name {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  color: black; 
  margin: 0 10px 0
}

.typefi-app-section-name{
  font-size: 20px;
  font-family: 'Roboto', sans-serif; 
  color: #1e90ff; 
  margin: 5px 5px 5px 10px;
}

.typefi-app-hr {
  border: none;
  height: 1px;
  background-color: #ccc;
  margin: 0;
  padding: 0;
}

.subheader{
  padding: 15px 16px 0px 5px;
  }

.subheader-text{
  padding: 0px 10px 0px 15px;
  color:	#808080;
	
}

.typefi-app-more-section {
  display: flex;
  flex-direction: column;
  align-items: left;
  margin-left:5px;
  padding: 10px 10px 5px 15px;
}

.navbar-inverse .navbar-nav>.typefi-apps-btn.open>a,.navbar-inverse .navbar-nav>.typefi-apps-btn.open>a:hover,.navbar-inverse .navbar-nav>.typefi-apps-btn.open>a:focus {
	background-color: #808080;
	color: #fff;
}

/*/*9-dot Typefi Apps Button and dropdown End*/

/*auth0 alert heading without message*/
.alert-heading-auth0-no-message {
	margin-top: 10px;
	color: inherit;
}