/* here you can put your own css to customize and override the theme */

/* FontAwsome used for portlet full-screen button */
@font-face {
    font-family: 'FontAwesome';
    src: url('../../../global/plugins/font-awesome/7.3.1/webfonts/fa-regular-400.woff2') format('woff2'), url('../../../global/plugins/font-awesome/7.3.1/webfonts/fa-regular-400.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.fa-rotate-45 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
/* FontAwsome used for portlet full-screen button */

/* TG4, new menu toggler hover effect */
.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler img:hover { /* , .page-logo a:hover img */
	content: url(../../../../images/favicon-menu.svg);
}

/* Limite size of submenu to stop items overflowing onto the page */
@media (min-width: 992px) {
    #page-header-inner {
        display: flex;
    }

    #desktop-submenu {
        flex: 1;
        overflow: hidden;
        max-height: 25px; /* Only show 1 line of links*/
    }
}


@media (max-width: 480px) {
    .tt-menu { /* typeahead */
        min-width: 320px;
    }
}

button.btn {
    background-color: #ffffff;
}

/* Line above removes background of standard bootstrap classes ( used by external libraries )*/
button.btn-primary {
    background-color: #337ab7;
}

/* Fix summernote checkbox */
.link-dialog .checkbox > label {
    padding-left: 20px;
}

.files-thumbnail {
  object-fit: cover;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.portlet > .portlet-title > .actions > .btn,
      .portlet > .portlet-title > .actions > .btn.btn-xs,
      .portlet > .portlet-title > .actions > .btn-group > .btn.btn-xs {
        padding: 3px 8px;
        font-size: 11px;
        line-height: 1.5;
}

@media (max-width: 480px) {
	.tt-menu { /* typeahead */
	  min-width: 320px;
	}
}

@media (min-width: 481px) {
	.tt-menu { /* typeahead */
	  min-width: 320px;
	  width: 520px;
	}
}

.icon-btn {
	height:80px;
	padding:12px 5px 0px 5px;
	min-width:120px;
}

code {
	color:#000;
}
.font-mono {
	font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
}

.btn-table {
	min-width: 30px;
	max-width: 30px;
	padding: 3px 5px!important;
}

.text-strike {text-decoration: line-through;}
.tg-deleted, .tg-deleted .form-control {
  text-decoration: line-through;
  color: var(--tg-red-intense);
}

optgroup { color:var(--tg-green-jungle); text-transform:uppercase;}
optgroup option {color:var(--tg-form-control-optgroup-option); text-transform: none; }

/* select2 optgroup */
.select2-container--bootstrap .select2-results__group {
    color:var(--tg-green-jungle);
}

/* Table row coloring for explicit odd/even rows */
tr.odd{
    background-color: var(--tg-table-striped-odd-row-color) !important;
}

tr.even{
    background-color: var(--tg-table-striped-even-row-color) !important;
}

.file-drop-zone.file-drop-zone-over {
	border:2px solid #3598dc!important}

.popover > .popover-title {
  background: #f7f7f7;}

@media (max-width: 991px) {

    .page-footer-fixed {
        position: relative;
        left: 0;
        right: 0;
        z-index: 1;
    }
    /*.margin-bottom-100 {
      margin-bottom: 0px !important;
    }*/
    #main-content-wrapper { /* AN TG 3.5.2 replaced .margin-bottom-100 with ID selector and less margin */
        margin-bottom: 0px !important;
    }
}

@media (min-width: 992px) {
    .page-footer-fixed {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 9990;
        bottom: 0;
    }
    /*.margin-bottom-100 {margin-bottom: 100px !important;}*/
    #main-content-wrapper { /* AN TG 3.5.2 replaced .margin-bottom-100 with ID selector and less margin */
        margin-bottom: 35px !important;
    }

    /* PAGE HEADER MOD
    .page-header {height:50px;}*/

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

@media (max-width: 991px){
    .page-content {
        padding-top: 15px;
    }
}

/* modifica layout.css */
@media (max-width: 480px) {
  /* 480px */
    .page-header {
      /* Top navigation menu*/
    }
    .page-header .page-header-top .top-menu {
      display: inline;
      clear: none;
      margin-top: 10px;
    }
}

/* XS */
@media (max-width: 767px) {
  .text-left-xs {text-align: left !important; }

  .text-right-xs {text-align: right !important; }

  .text-center-xs {text-align: center !important; }
}
  /* SM */
@media (min-width: 768px) {
  .text-left-sm {text-align: left !important; }

  .text-right-sm {text-align: right !important; }

  .text-center-sm {text-align: center !important; }
}

/* MD */
@media (min-width: 992px) {
  .text-left-md {text-align: left !important; }

  .text-right-md {text-align: right !important; }

  .text-center-md {text-align: center !important; }
}

/* LG */
@media (min-width: 1200px) {
  .text-left-lg {text-align: left !important; }

  .text-right-lg {text-align: right !important; }

  .text-center-lg {text-align: center !important; }
}

/*ADVANCED SEARCH MODAL > FONT */
.font-10 {font-size:10px!important;}
.font-12 {font-size:12px!important;}
.font-14 {font-size:14px!important;}
.font-14 {font-size:15px!important;}
.font-16 {font-size:16px!important;}

.no-padding {padding:0 !important;}
.no-padding-left {padding-left: 0;}
.no-padding-right {padding-right: 0;}

.padding-left-sm {padding-left: 2px !important;}
.padding-right-sm {padding-right: 2px !important;}
.padding-left-5 {padding-left: 5px !important;}
.padding-right-5 {padding-right: 5px !important;}
.padding-top-5 {padding-top: 5px;}
.padding-bottom-5 {padding-bottom: 5px;}
.padding-tb-5 {padding:5px 0;}
.padding-tb-sm {padding:2px 0;}
.padding-lr-sm {padding:0px 3px;}

.margin-top-0 {margin-top:0;}
.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-left-5 {margin-left:5px;}
.margin-left-10 {margin-left:10px;}
.margin-right-5 {margin-right:5px;}
.margin-right-10 {margin-right:10px;}


/* BORDER > COLORS CLASSES WITH METRONIC COLORS */
.border-1px {border-width:1px; border-style: solid;}
.border-2px {border-width:2px; border-style: solid;}

.text-truncate {
  /*display: inline-block;*/
  white-space: nowrap; /*keep text on one line */
  overflow: hidden; /*prevent text from being shown outside the border */
  text-overflow: ellipsis; /*cut off text with an ellipsis*/
  vertical-align: top; /*https://stackoverflow.com/questions/23529369/why-does-x-overflowhidden-cause-extra-space-below*/
}

/* MOD CHECKBOX BORDER */
.mt-checkbox > input:disabled ~ span {
    border: 1px dashed #d9d9d9;
	opacity: 1 ;
    filter: alpha(opacity=100) ;
    pointer-events: none; }
  .mt-radio.mt-radio-outline > span, .mt-radio.mt-checkbox-outline > span,
  .mt-checkbox.mt-radio-outline > span,
  .mt-checkbox.mt-checkbox-outline > span {
    border: 1px solid var(--tg-green-jungle);
    background: none; }
  .mt-radio.mt-radio-outline:hover > input:not([disabled]) ~ span,
  .mt-radio.mt-radio-outline > input:focus ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
  .mt-radio.mt-checkbox-outline > input:focus ~ span,
  .mt-checkbox.mt-radio-outline:hover > input:not([disabled]) ~ span,
  .mt-checkbox.mt-radio-outline > input:focus ~ span,
  .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span,
  .mt-checkbox.mt-checkbox-outline > input:focus ~ span {
    border: 1px solid var(--tg-green-jungle);
    background: none; }
  .mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline > input:checked ~ span,
  .mt-checkbox.mt-radio-outline > input:checked ~ span,
  .mt-checkbox.mt-checkbox-outline > input:checked ~ span {
    border: 1px solid var(--tg-green-jungle);
    background: none; }
  .mt-radio.mt-radio-outline:hover > input:not([disabled]):checked ~ span,
  .mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
  .mt-radio.mt-checkbox-outline > input:checked ~ span,
  .mt-checkbox.mt-radio-outline:hover > input:not([disabled]):checked ~ span,
  .mt-checkbox.mt-radio-outline > input:checked ~ span,
  .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span,
  .mt-checkbox.mt-checkbox-outline > input:checked ~ span {
    border: 1px solid var(--tg-green-jungle);
    background: none; }

  .mt-checkbox > span:after {
  border-color: var(--tg-green-jungle);
  }

/* White checkbox for use on dark background */
.mt-checkbox.mt-checkbox-outline.white > span {
    border: 1px solid #ffffff;
}

.mt-checkbox.mt-checkbox-outline.white:hover > input:not([disabled]) ~ span,
.mt-checkbox.mt-checkbox-outline.white > input:focus ~ span {
    border: 1px solid #ffffff;
}

.mt-checkbox.mt-checkbox-outline.white > input:checked ~ span {
    border: 1px solid #ffffff;
}

.mt-checkbox.mt-checkbox-outline.white:hover > input:not([disabled]):checked ~ span,
.mt-checkbox.mt-checkbox-outline.white > input:checked ~ span {
    border: 1px solid #ffffff;
}

.mt-checkbox.white > span:after {
    border-color: #ffffff;
}


.cursor-pointer {
      cursor: pointer;
  }

  .cursor-grab{
      cursor: -webkit-grab;
      cursor: grab;
  }

  .cursor-grabbing {
      cursor: -webkit-grabbing !important;
      cursor: grabbing !important;
  }

  a, a:link, a:hover, a:visited, a:active {
      color: var(--tg-link-color);
  }
  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: var(--tg-link-color);
  }

  tr.tr-no-border > td{
    border:none !important;
  }

  tr.tr-padding-top-10 > td{
    padding-top: 10px !important;
  }

  tr.tr-bold > td{
    font-weight: bold !important;
  }

  .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before {
        content: "\f424" !important; }
  .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before {
        content: "\f422"; }

  .portlet > .portlet-title > .tools > a.fullscreen:before {
          content: "\f424"; }
        .portlet > .portlet-title > .tools > a.fullscreen.on:before {
          content: "\f422"; }

/*DASHED LINE CONTEXT MENU >> text + input */
.editable-click, a.editable-click, a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px var(--tg-green-jungle);
}
.context-menu, .context-menu:hover, .context-menu:focus {
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom: dashed 1px var(--tg-green-jungle);
}
input.context-menu, input.context-menu:hover, input.context-menu:focus {
	border: dashed 1px var(--tg-green-jungle);
}

.bootstrapMenu {
    z-index: 10080!important;
}


/* Popover confirmation */
.popover-content a.btn-success{
    color: var(--tg-green-btn-fg);
    background-color: var(--tg-green-jungle);
    border-color: var(--tg-green-jungle);
}

.popover-content a.btn-success:hover{
    color: var(--tg-green-btn-fg);
    background-color: var(--tg-green-jungle-hover);
    border-color: var(--tg-green-jungle-border);
}


.popover-content a.btn-danger{
    color: var(--tg-red-btn-fg);
    background-color: var(--tg-red-intense);
    border-color: var(--tg-red-intense);
}

.popover-content a.btn-danger:hover{
    color: #FFFFFF;
    background-color: var(--tg-red-intense);
    border-color: var(--tg-red-intense);
    background-color: var(--tg-red-intense-hover);
    border-color: var(--tg-red-intense-hover);
}

.pa-details {
	font-size:0.8em;
	cursor: pointer;
}

.formulaError{
    box-shadow: 0 0 5pt 2pt rgba(255,0,0,.75) !important;
}

/* Start: Modal for log/email */
.modal-prettyprint{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

pre.prettyprint{
   background-color: #FFF;
   height: 80%;
}

pre.prettyprint code{
   border:none;
   webkit-box-shadow:none;
   box-shadow: none;

}
/* End: Modal for log/email */


/* Start: Mega-menu - Classic-menu same styling fix */
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    color: var(--tg-green-jungle) !important;
}

@media (min-width: 992px){
	.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
		padding: 15px;
	}

	.page-header-menu .hor-menu .navbar-nav > li.menu-dropdown:hover > .dropdown-menu {
		display : block;
	}
}

@media (max-width: 991px){
	.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu {
		padding: 0px 15px;
	}
	.page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown > .dropdown-menu > li > a {
		padding-left: 5px;
	}
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown > ul.dropdown-menu > li.nav-category > a.nav-link {
	margin-top: 0px;
    padding-left: 5px;
    font-size: 15px;
    font-weight: normal;
	color: #555 !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
    margin: 7px 0;
}
/* End: Mega-menu - Classic-menu same styling fix */


.detailsRow {
	border-bottom: 1px solid var(--tg-divider-color);
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 10px;
}

input:invalid, select:invalid, textarea:invalid, .invalid, select:invalid + span .select2-selection {
    background-clip: padding-box; /* Safari fix */
    box-shadow: 0 0 .5rem .3rem rgba(255,0,0,.75) !important;
}

select:invalid {
    border: 1px solid red; /* Safari fix */
}

input[type="checkbox"]:invalid{
    background: red; /* Safari fix */
}

input[type="radio"]:invalid{
    background: red; /* Safari fix */
}

/* *************************** Start PRINT  ************************************/

/*
    AN. 11-01-24 TG 3.6.0/4.0.0 => FORCE desktop because printing of tables ( and what's on the screen ) is preferred
      Mixing desktop tables "listing" and mobile "detials" doesn't work as some pages have tables with inputs that
      would be moved by JS.
*/
@media print {

    .col-lg-12, .col-md-12 {
        width: 100% !important;
        float: left !important;
    }

    .col-lg-11, .col-md-11 {
        width: 91.66666667% !important;
        float: left !important;
    }

    .col-lg-10, .col-md-10 {
        width: 83.33333333% !important;
        float: left !important;
    }

    .col-lg-9, .col-md-9 {
        width: 75% !important;
        float: left !important;
    }

    .col-lg-8, .col-md-8 {
        width: 66.66666667% !important;
        float: left !important;
    }

    .col-lg-7, .col-md-7 {
        width: 58.33333333% !important;
        float: left !important;
    }

    .col-lg-6, .col-md-6 {
        width: 50% !important;
        float: left !important;
    }

    .col-lg-5, .col-md-5 {
        width: 41.66666667% !important;
        float: left !important;
    }

    .col-lg-4, .col-md-4 {
        width: 33.33333333% !important;
        float: left !important;
    }

    .col-lg-3, .col-md-3 {
        width: 25% !important;
        float: left !important;
    }

    .col-lg-2, .col-md-2 {
        width: 16.66666667% !important;
        float: left !important;
    }

    .col-lg-1, .col-md-1 {
        width: 8.33333333% !important;
        float: left !important;
    }

    body {
        margin: 0;
        padding: 0 !important;
        min-width: 768px;
    }

    .container {
        width: auto;
        min-width: 750px;
    }

    body, table, th, tr, td, label, input {
        font-size: 10px !important;
    }

    a[href]:after {
        content: none;
    }

    /* Hide select's arrow */
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
    }

    .form-control, .select2-selection {
        font-size: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        border-bottom: 1px solid #ccc !important;
        background-color: transparent !important;
    }

    .portlet-body {
        background-color: #FFFFFF !important;
    }

    .portlet-title {
        background-color: #FFFFFF !important;
    }

    .portlet-title .caption {
        color: #000000 !important;
    }

    .noprint,
    header,
    .btn,
    .footer,
    .nav,
    .navbar,
    #main-content-left {
        display: none !important;
    }

    .hidden-lg, .hidden-md, .hidden-xl, .hidden-desktop .visible-sm, .visible-xs {
        display: none !important;
    }

    .hidden-xs, .hidden-sm, .hidden-mobile {
        display: initial !important;
    }

    .visible-lg, .visible-md {
        display: block !important;
    }
}

/* *************************** End PRINT  ************************************/

.portlet .portlet-title .tg-portlet-input {
	float: right;
    display: inline-block;
    padding: 3px 6px 4px 0;
	position: relative;
}

.portlet.box .portlet-title .tg-portlet-input {
    padding-top: 4px;
}

.portlet .tg-portlet-input .form-control {
	height :  28px;
	padding : 0px 12px;
	margin: 2px 0px;
	border-radius: 7px !important;
	border: 0px solid #fff;
	color: #000;
	background: #eeeeee70;
	width: 60px;
	-webkit-transition: width 0.5s; /* Safari */
	transition: width 0.5s;
}

.portlet.box .tg-portlet-input .form-control {
	color: #fff;
}

.portlet .tg-portlet-input .form-control:focus {
	width: 160px;
	-webkit-transition: width 1s; /* Safari */
	transition: width 1s;
}

.portlet .tg-portlet-input .input-icon > i {
	margin: 7px 2px 4px 10px;
	color: #000;
}

.portlet.box .tg-portlet-input .input-icon > i {
	color: #fff;
}

.no-text-transform {
	text-transform: none;
}

input,
select,
.form-control,
output,
.select2-container--bootstrap .select2-selection,
.select2-container--default .select2-selection--multiple,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field,
.select2-dropdown {
  border-color: var(--tg-form-cotrol-border-color);
  color: var(--tg-form-cotrol-text);
  background-color: var(--tg-form-control-bg-color);
}

select.readonly,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.form-control-static.disabled,
.form-control-static.readonly,
.select2-container--bootstrap.select2-container--disabled .select2-selection{
  background-color: var(--tg-form-control-disabled-bg-color);
  color: var(--tg-form-cotrol-disabled-text);
}

.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: var(--tg-form-control-disabled-bg-color);
}


.form-control-static.readonly,
.form-control-static.disabled {
  background-color: var(--tg-form-control-disabled-bg-color);
  color: var(--tg-form-cotrol-disabled-text);
  opacity: 1;
}

.form-control-static.disabled {
  cursor: not-allowed;
}

select.readonly {
    opacity: 1 !important;
}

/*
.tg-editable-div {
	height: auto;
	display: inline-block !important; /* Makes browser use <br> instead of <div></div> for new lines*/
/*}
*/


/* Encode the close "X" image, so where the user is offline they can still see the button */
.toast .toast-close-button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKZJREFUeNpi/P//PwOxgImBBECy4mQgngTEbDjUsEHlkxmAbp4ExH+AuB7kfiy4Hio/CcThhgqAQC2awlqoOEieG5tEFZRfhW4AAxaTvgPxbiiNYhM2N+6BmrgHXQ5dYQ3UxL1QugaX4hqoiSCaEY0PV8wJxHVIvkYPtv9QeU6QwFRoODbgCOcGqPxUkHWgGDQC4mIg/oElBjmAuBeIzzHSLNUBBBgAADNYLF7gWhwAAAAASUVORK5CYII=)
    !important;
}

/* ZEBRA input extra small */
@media (max-width: 991px) {
	
	.cust-input-xxs {
	padding: 3px 6px;
    font-size: 10px;
    height: auto;
	}
}

/**** START *** PADDING NUOVI PER CONTAINER / 01.2020 / v.3.1 ****/

.row {
    margin-left: -5px;
    margin-right: -5px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
}

.page-content {
    padding: 5px 0 5px;
}

@media (min-width: 992px) {
	.container-fluid {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (max-width: 991px) {
	.container-fluid {
		padding-left: 2px;
		padding-right: 2px;
	}
	
	.row {
		margin-left: -2px;
		margin-right: -2px;
	}
	
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 2px;
    padding-right: 2px;
	}
	
	.portlet.light {
    padding: 5px 7px 15px 7px;
    }
}
/**** END *** PADDING NUOVI PER CONTAINER  / v.3.1 ****/

/* <--- START  Module factory's filters */
table.table-fixed-head tr>th {
    background-color: #fff;
}

table.table-fixed-head tr>th select {
    background-color: #fff;
}

table.table-fixed-head >tr>th input {
    background-color: #fff;
}

thead.floating-header>tr:last-child>th {
    border-bottom: 1px solid #aaa;
}

table>thead>tr>th.header-with-filter {
    border-bottom: 0px;
    padding-bottom: 0px;
}

table>thead>tr>th.inline-filter {
    border-top: 0px;
    padding-top: 0px;
}

.tg-table-column-filter {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tg-table-column-filter .tg-inline-filter {
    border: 0px;
    border-bottom: 1px dashed #F7CA18;
}

.tg-table-column-filter .select2-selection--multiple, .tg-table-column-filter .select2-selection {
    border: 0px;
    border-bottom: 1px dashed #F7CA18;
}

.tg-techint-tr-revisioned {
  background-color: #EEE !important;
}
.tg-techint-tr-child {
  background-color: #E9FFAC !important;
}

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

.tg-table-column-filter select.tg-inline-filter {
    /* Remove ugly arrow next selects */
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Remove ugly arrow next to input number */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Restore ugly arrow next to input number */
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}

/* Remove ugly arrow next to selects */
select::-ms-expand {
    display: none;
}
/* END  Module factory's filters  ---> */


ul.tg-var_dump {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul .tg-var_dump {
    margin-left: 8px; /* Indent the child table*/
}

/* <--- START Json editor */
div.jsoneditor {
    border: 1px solid #c2cad8 !important;
    border-radius: 4px;
    background-color: #fff;
}
/* END Json editor ---> */

.page-quick-sidebar-wrapper {
    width:100vw!important;
    right:-100vw!important;
}

@media (min-width: 520px) {
    /* START new lateral chat */
    .page-quick-sidebar-wrapper {
        width: 520px!important;
        right:-520px!important;
    }
}

@media (min-width: 991px) {
    .page-quick-sidebar-wrapper ul.feeds > li:last-child {
        /* Messages are hidden by page footer */
        padding-bottom: 100px;
    }
}

.tg-chat-container {
    display:flex;
    align-items: stretch;
}

.tg-chat-avatar-container {
    padding-right: 5px;
}

.tg-chat-avatar {
    width: 32px;
    height: 32px;
}

.tg-chat-message-replies-container .tg-chat-avatar {
    width: 28px;
    height: 28px;
}

.tg-chat-message-container, .tg-chat-message-replies-container {
    align-items:flex-start;
    flex-direction:column;
    width: 100%;
}

.tg-chat-message-container > div {
    display: flex;
}

.tg-chat-message-title-container {
    flex-direction: row;
}

.tg-chat-message-title-container > {
    flex:1 0 auto;
}

.tg-chat-message-title {
    flex:1 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.tg-chat-message-buttons {
    flex: 0 0 auto;
}

.tg-chat-message-buttons > .btn-group > button {
    background-color: #303f4c;
    color: #FFF;
}

.tg-chat-message-buttons ul.dropdown-menu {
    background-color: #303f4c;
    border: 1px solid #000;
}

.tg-chat-message-buttons ul.dropdown-menu > li > a {
    background-color: #303f4c;
    color: #FFF !important;
}

.tg-chat-message-buttons ul.dropdown-menu > li > a > * {
    color: #FFF !important;
}

.tg-chat-message-buttons ul.dropdown-menu > li > a:hover {
    background-color: #405465;
}

.tg-chat-message {
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
    color: #ffffff !important;
}

.tg-chat-container {
    width: 100%;
}
.tg-chat-message-replies-container > .tg-chat-container > .tg-chat-message-container {
    margin-top: 5px;
}

.tg-chat-message-replies-container > .tg-chat-container > .tg-chat-message-container > .tg-chat-message {
    color: #82949a !important;
}

.tg-chat-message-replies-container > .tg-chat-container > .tg-chat-message-container  .tg-chat-message-title {
    margin-left: -17px;
}

.tg-chat-message-replies-container > .tg-chat-container:first-child {
    margin: 10px 0px 0px 0px;
    /*border-top: 1px solid #2f353b;*/
}

.page-quick-sidebar-open .page-quick-sidebar-wrapper {
    transition: right 0.3s;
    right: 0!important;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li.active > a, .page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li:hover > a {
	border-bottom: 3px solid var(--tg-green-jungle)!important;
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs > li > a {
	border-bottom: 3px solid rgba(110, 190, 68, 0.3)!important;
}

.tg-chat-top-actions-container {
    display:flex;
    align-items: stretch;
    flex-direction:row-reverse;
    padding-top: 3px;
}

.tg-chat-top-actions-container > .action > button {
    color: #fdfdfd;
    background-color: transparent;
    border: none;
}

.tg-chat-top-actions-container > .action:last-child {
    padding-right: 10px;
}


.tg-chat-top-actions-container > .action > button:hover {
    color: inherit;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
    right: 18px;
}

/* END new lateral chat */

.tg-checklist {
    list-style-type: none;
}

.sm-listing-item.danger {
    background-color: rgb(248, 202, 206);
    box-shadow: 0 0 2pt 4pt rgb(248, 202, 206) !important;
}

.modal.red .modal-header {
    background: #e35b5a !important;
}
.modal.red .tg_confirm_dialog_ok_btn {
    color: #ffffff;
    background-color: #e35b5a;
    border-color: #e35b5a;
}

.modal.yellow .modal-header {
    background: #F4D03F !important;
}
.modal.yellow .tg_confirm_dialog_ok_btn {
    color: #ffffff;
    background-color: #F4D03F;
    border-color: #F4D03F;
}

.modal.blue .modal-header, .modal.green .modal-header {
    background: #5C9BD1 !important;
}

.modal.green-blue .modal-header, .modal.green .modal-header {
    background: var(--tg-green-jungle) !important;
}

.modal.green-blue .tg_confirm_dialog_ok_btn, .modal.blue .tg_confirm_dialog_ok_btn  {
    color: #ffffff;
    background-color: #5C9BD1;
    border-color: #5C9BD1;
}

.portlet-scrollable {
    max-height: 80vh;
    overflow-y:auto;
}

@media (min-width: 992px) {
    .portlet-scrollable {
        max-height: 60vh;
    }
}

/** Columns **/
/* XS */
.xs-col-count-1 { column-count: 1 }
.xs-col-count-2 { column-count: 2 }
.xs-col-count-3 { column-count: 3 }
.xs-col-count-4 { column-count: 4 }

/* SM */
@media (min-width: 768px) {
    .sm-col-count-1 { column-count: 1 }
    .sm-col-count-2 { column-count: 2 }
    .sm-col-count-3 { column-count: 3 }
    .sm-col-count-4 { column-count: 4 }
}

/* MD */
@media (min-width: 992px) {
    .md-col-count-1 { column-count: 1 }
    .md-col-count-2 { column-count: 2 }
    .md-col-count-3 { column-count: 3 }
    .md-col-count-4 { column-count: 4 }
    .md-col-count-5 { column-count: 5 }

    .modal-xl {
      width:900px
    }
}

/* LG */
@media (min-width: 1200px) {
    .lg-col-count-1 { column-count: 1 }
    .lg-col-count-2 { column-count: 2 }
    .lg-col-count-3 { column-count: 3 }
    .lg-col-count-4 { column-count: 4 }
    .lg-col-count-5 { column-count: 5 }
    .lg-col-count-6 { column-count: 6 }

    .modal-xl {
      width:1150px
    }
}

/* XL */
@media (min-width: 1400px) {
  .xl-col-count-1 { column-count: 1 }
  .xl-col-count-2 { column-count: 2 }
  .xl-col-count-3 { column-count: 3 }
  .xl-col-count-4 { column-count: 4 }
  .xl-col-count-5 { column-count: 5 }
  .xl-col-count-6 { column-count: 6 }

  .modal-xl {
    width:1350px
  }
}

/* Used by JS when setting focus to a field to show where the input is */
.highlighted_focused:focus {
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 12px var(--tg-green-jungle) !important
}

.highlighted {
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 12px var(--tg-green-jungle) !important
}

/* Margin for checkbox in Custom Fields >> otherwise it breaks the alignment */
.mt-radio, .mt-checkbox {
	margin-bottom: 13px!important;
}

/* Fix tabulator padding with Metronic ---> */
.tabulator {
    margin-bottom: 0;
}

.tabulator-header {
    padding-bottom: 5px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding: 0 8px;
}

.tabulator-row .tabulator-cell {
    padding: 8px 4px;
}

.hide-filters .tabulator-header-filter {
    display: none;
}

.tabulator-header-filter input { /* Same as .form-control */
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #c2cad8;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.tabulator-footer .tabulator-footer-contents {
    flex-wrap: wrap;
}

.tabulator-tableholder { /* https://github.com/olifolkerd/tabulator/issues/3654#issuecomment-4290932460 */
  overflow-anchor: none;
}
/* <--- Fix tabulator padding with Metronic */

/* Toast messages allow content to scroll ---> */
#toast-container .toast-message {
    overflow-y: auto;
    max-height: 95vh;
}
/* <--- Toast messages allow content to scroll */

/* Auto resize textarea ---> */
.tg-description-input-container > textarea {
    margin-left: -100%;
    width: 100%;
    overflow: hidden;
    /*opacity: 0.5;*/ /* UNCOMMENT FOR DEBUG */
}

.tg-description-input-container > div {
    border: 1px solid #c2cad8;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap;
    /*color: red;*/  /* UNCOMMENT FOR DEBUG */
    visibility: hidden;  /* COMMENT FOR DEBUG */
}
/* <--- Auto resize textarea */

/* dynamic search ---> */
button.tg-search-btn .tg-filter-operation-text {
    display: none;
}
/* Size stacked icons the same as the single */
.fa-stack {
    width: 16.5px;
    height: 14px;
}

.fa-stack-1x {
    line-height: 13px;
}

/* <--- dynamic search */

.tg-main-portlet {
    margin-bottom: 0;
}

.tg-options-header {
    background-color: #fbfcfd;
}

.tg-header-sort-drop-down {
  color: var( --tg-link-color );
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  appearance: none;
}

.nav-tabs > li {
  margin-bottom: -2px; /* Fix border showing in FireFox and Modals (on Chrome) */
}

.tg_highlighted_label {
  font-weight: bolder;
  background: linear-gradient(104deg, rgba(245, 220, 73, 0) 0.9%, rgba(245, 220, 73, 1.25) 2.4%, rgba(245, 220, 73, 0.5) 5.8%, rgba(245, 220, 73, 0.1) 93%, rgba(245, 220, 73, 0.7) 96%, rgba(245, 220, 732, 0) 98%), linear-gradient(183deg, rgba(245, 220, 73, 0) 0%, rgba(245, 220, 73, 0.3) 7.9%, rgba(245, 220, 73, 0) 15%);
  -webkit-box-decoration-break: clone;
  border-radius: 7.5px;
}

.form-control.form-control-tg-slim {
  cursor: default;
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid var(--tg-form-cotrol-border-color);
}

.form-control.input-sm + .input-group-btn > .btn {
  padding: 6px 7px 5px 7px;
}

.dropdown-menu > li > span.option {
  padding: 8px 16px;
  color: #6f6f6f;
  text-decoration: none;
  display: block;
  clear: both;
  font-weight: 300;
  line-height: 18px;
  white-space: nowrap;
}

.tg-file-item {
  display: flex;
  align-items: stretch !important;
  /*box-shadow: 0 0 30px 0 rgba(82, 63, 105, .05);*/
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
  border: 0;
  padding: 5px;
  margin: 5px;
}

.tg-file-item > .tg-file-item-toolbar {
  margin-left: 5px;
}

.tg-file-item > .tg-file-item-toolbar > .btn-group > .dropdown-toggle {
  box-shadow: none !important;
  border-shadow: none;
  border: none;
  background-color: transparent;
}

.tg-file-item .files-thumbnail {
  border: none;
}

  /* Clone of span, needed to add second span after metronic's checkboxes */
.tg-span {
  display: inline;
}

/*
 * Fullscreen portlet: flex column so the body is the only scroll box.
 * The browser re-solves this on viewport resize AND on content change,
 * so no pixel height needs to be computed in JS ( see app.js fullscreen handler ).
 */
.portlet.portlet-fullscreen {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100dvh; /* mobile URL bar safe, fallback above for old browsers */
}

.portlet.portlet-fullscreen > .portlet-title {
  flex: 0 0 auto;
}

.portlet.portlet-fullscreen > .portlet-body {
  flex: 1 1 auto;
  min-height: 0; /* flex items default to min-height:auto and refuse to shrink below
                    their content, which is what prevents the inner scroll */
  overflow: auto;
}

/*
 * Restore the gutter eaten by components-md.css
 * ( .portlet.light.portlet-fullscreen > .portlet-body { padding: 8px 0 } ).
 * Without it the negative .row margins set above ( -5px / -2px ) hang outside the
 * body and, now that it is a real scroll box, produce a horizontal scrollbar.
 * Keep these values in sync with the .row margins in the container padding block.
 */
.portlet.light.portlet-fullscreen > .portlet-body {
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 991px) {
  .portlet.light.portlet-fullscreen > .portlet-body {
    padding-left: 2px;
    padding-right: 2px;
  }
}

/* Vue hide un-rendered components */
[v-cloak] {
    display: none;
}