/***********************************************************************/
@grid-float-breakpoint: 500px;

:root {
    --primary-font-family: 'Open Sans', sans-serif;

    /* --primary-font-color: #154986; */
    /* --primary-font-color: #133E70; */
    --primary-font-color: #163860;
    /* --primary-border-color: #456; */
    --primary-border-color: #79b;
    --primary-color-inverse: #222;
    /* --primary-color-inactive: #999; */
    --primary-color-inactive: #9CB3CB;

    /* --primary-background-color: #8EC7F8; */
    --primary-background-color: #f0f0f0;



    /* --fieldset-legend-bgcolor: #69A9E0; */
    /* --fieldset-legend-bgcolor: #7DBDF4; */
    /* --fieldset-legend-bgcolor: #7ABAF1; */
    --fieldset-legend-bgcolor: #7AB6EA;
    /* --fieldset-legend-bgcolor: #7CB5E8; */
    /* --fieldset-legend-bgcolor: #7FB4E3; */

    /* --link-color: #133E70;
    --link-hover-color: #154986;
    --link-visited-color: #163860; */


    --link-color: #0039B4;
    /* --link-hover-color: red; */
    --link-hover-color: #0151FF;
    --link-visited-color: #0039B4;

    /* --comments-color: #888; */
    --comments-color: #68c;

    --color-white: #fff;
    --color-default: #337AB7;
    --color-default-hover: #286090;
    --color-success: #5cb85c;
    --color-success-hover: #5cb85c;
    --color-info: #5bc0de;
    --color-info-hover: #5bc0de;
    --color-warning: #f0ad4e;
    --color-warning-hover: #f0ad4e;
    --color-danger: #d9534f;
    --color-danger-hover: #d9534f;

    --intro-glyphicon-color: #428bca;

    --input-color: #154986;
    --input-placeholder-color: #90C1F5;
    --input-background-color: #fff;
    --input-border: 0px solid transparent;
    --input-focus-border: 1px solid #3CB4FF;
    --input-focus-box-shadow: 0 0 5px #3CB4FF;

    --bgcolor-transparent: rgba(0, 0, 0, 0);
    --bgcolor-green: rgba(32, 222, 32, 0.2);
    --bgcolor-red: rgba(222, 32, 32, 0.4);
    --bgcolor-gray: rgba(150, 150, 150, 0.2);


    --tooltip-font-color: #fff;
    --tooltip-background-color: #428bca;
    /* --tooltip-border-color: #194CA7; */
    --tooltip-border-color: var(--primary-border-color);
    --datepicker-background-color: #d3dde9;


    --tr-odd-bgcolor: transparent;
    --tr-even-bgcolor: #0050A555;
    --tr-hover-color: #fff;
    --tr-hover-bgcolor: #67DAFF44;


    --nav-tab-bgcolor: rgba(40, 170, 200, 0.2);

    --nav-tab-hover-bgcolor: rgba(128, 128, 128, 0.2);

    --nav-tabs-li-color: #3CD4FF !important;
    --nav-tabs-li-background-color: transparent !important;
    --nav-tabs-li-hover-color: #fff !important;
    --nav-tabs-li-hover-background-color: #3CD4FF !important;
    --nav-tabs-li-active-color: #fff !important;
    --nav-tabs-li-active-background-color: transparent !important;
    --nav-tabs-li-active-hover-color; #fff;
    --nav-tabs-li-active-hover-background-color: transparent;
    --nav-tabs-li-active-focus-color; #fff;
    --nav-tabs-li-active-focus-background-color: transparent;


    --nav-font-color: #ddd;
    --nav-background-color: #428bca;
    /* --nav-background-color: #7A8A98; */

    --nav-icon-bar-background-color: #ddd;

    /* --nav-item-font-color: #428bca; */
    --nav-item-font-color: #eee;
    --nav-item-font-color-hover: #fff;
    /* --nav-item-font-color-active: #154986; */
    --nav-item-font-color-active: #fff;

    /* --nav-item-background-color: #fff; */
    --nav-item-background-color: #428bca;
    --nav-item-background-color-hover: #539cdb;
    --nav-item-background-color-active: #539cdb;


    --required-field-sign-color: red;

    --option-bgcolor-green: #D2F9D2;
    --option-bgcolor-red: #F2A5A5;

    --file-input-display-bgcolor: #eee;

    /* --spinner-icon-color: #428bca; */
    --spinner-icon-color: #fff;
    /* --spinner-font-color: #428bca; */
    --spinner-font-color: #fff;
    /* --spinner-bgcolor: #eee; */
    /* --spinner-bgcolor: rgba(40, 170, 200, 0.2); */
    /* --spinner-bgcolor: rgba(60, 83, 102, 0.6); */
    --spinner-bgcolor: rgba(30, 80, 120, 0.6);
    /* --spinner-bgcolor: rgba(66, 139, 202, 0.6); */
    /* --spinner-border-color: ; */
    /* --spinner-shadow-color: ; */

    --action-popup-bgcolor: orange;

}


html {
  /* width: 100%;
  height: 100%; */
    color: var(--primary-font-color);
}


body {
    display: none;
    /* width: 100%;
    height: 100%; */
    /* padding-top: 54px; */
    color: var(--primary-font-color);
    background-color: var(--primary-background-color);
    font-family: var(--primary-font-family);
    overflow: hidden;
}


.table>tbody>tr>td.valign-top,
*.valign-top {
    vertical-align: top;
    /* vertical-align: top !important; */
}

.table>tbody>tr>td.valign-middle,
*.valign-middle {
    vertical-align: middle;
    /* vertical-align: middle !important; */
}

.table>tbody>tr>td.valign-bottom,
*.valign-bottom {
    vertical-align: bottom;
    /* vertical-align: bottom !important; */
}


::-webkit-input-placeholder {
   font-style: italic;
   color: var(--input-placeholder-color) !important;
}
:-moz-placeholder {
   font-style: italic;
   color: var(--input-placeholder-color) !important;
}
::-moz-placeholder {
   font-style: italic;
   color: var(--input-placeholder-color) !important;
}
:-ms-input-placeholder {
   font-style: italic;
   color: var(--input-placeholder-color) !important;
}

.form-control-feedback {
    color: var(--input-placeholder-color);
}


select.bind-select2 + span.select2.select2-container,
select.bind-select2-clearable + span.select2.select2-container {
	width: 100% !important;
}

select[disabled] + span.select2.select2-container span.select2-selection__clear {
    display: none;
}



input.bind-datepicker {
	background-color: var(--color-white) !important;
	cursor: pointer;
}


.hsicon {
    position: relative;
    top: -1px;
    display: inline-block;
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.hsicon.hsicon-lg {
    font-size: 1.2em;
}


.hsicon-btn {
    cursor: pointer;
}



div {
   box-sizing: border-box;
}


div.main-container {
    position: relative;
    top: 54px;
    padding-top: 10px;
    overflow-y: auto;
}

caption {
    color: var(--primary-font-color);
}

hr,
table,
tr,
th,
td {
    border-color: var(--primary-border-color) !important;
}

th,
td {
    font-size: 12px;
    font-weight: normal !important;
    /* border: 1px solid #cdcdcd; */
	text-align: left;
}


th {
    /* background-color: #ddd; */
    padding: 2px 8px 2px 8px !important;
}


td {
    padding: 4px 8px 2px 8px !important;
}


input,
select,
textarea {
    /* color: var(--input-color) !important; */
    color: var(--input-color);
    background-color: var(--input-background-color);
}



td input[type=checkbox] {
    margin: 0 !important;
}


td input[type=radio] {
    margin: 1px 0 0 0  !important;
}

a {
    cursor: pointer;
}

/* a {
    text-decoration: none !important;
    color: var(--link-color);
    cursor: pointer;
}

a:hover,
span.a:hover,
h5.a:hover {
    color: var(--link-hover-color) !important;
    -webkit-text-shadow: 0 0 5px rgba(255,255,255,.9);
            text-shadow: 0 0 5px rgba(255,255,255,.9);
}

a:visited {
    color: var(--link-visited-color) !important;
}

span.a {
    color: #67DAFF;
    text-transform: none;
    text-decoration: none;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

h5.a {
    color: #ffffff;
    text-transform: none;
    text-decoration: none;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
} */




fieldset {
	border: none;
    margin-bottom: 10px;
}

legend {
    color: var(--primary-font-color);
    background-color: var(--fieldset-legend-bgcolor);
    font-size: 1.1em;
    font-weight: normal;
    width: 100%;
    padding: 3px 0.4em;
	border: none;
    border-radius: 4px 4px 0 0;
    margin-bottom: 5px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3),0 1px 5px 0 rgba(0,0,0,0.16) !important;
}


div.legend-btn-group {
    margin-top: -32px;
    padding: 1px 4px 0 0;
    float: right;
}

.legend-btn {
    height: 2em;
    line-height: 1em;
    padding-top: 0.5em;
}


div.fldset-content {
    margin-top: -5px;
    padding-top: 10px;
    /* padding-bottom: 15px; */
}


.toggle-collapse {
    cursor: pointer;
}


.toggle-collapse::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
}

.toggle-collapse[aria-expanded=true]::before  {
    content: "\f0d7";
    padding-left: 3px;
}

/* .toggle-collapse::before {
    content: '🞂';
}

.toggle-collapse[aria-expanded=true]::before  {
    content: '🞃';
} */




label {
    font-weight: normal;
    width: auto;
}


/* span,
label,
caption, */
.noselect,
.nav.nav-tabs {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.fade {
   opacity: 0;
   -webkit-transition: opacity 0.1s linear;
      -moz-transition: opacity 0.1s linear;
       -ms-transition: opacity 0.1s linear;
        -o-transition: opacity 0.1s linear;
           transition: opacity 0.1s linear;
 }



div.spinner-modal {
    padding: 20px;
}

div.spinner-modal .modal-content {
    width: 444px;
    /* width: auto; */
    background: none;
    background-color: var(--spinner-bgcolor);
    border: 0;
    /* box-shadow: none; */
    margin: 200px auto;
    padding: 30px;
}

div.spinner-modal .modal-body {
    width: auto;
    text-align: center;
    padding: 0 20px;
}

div.spinner-modal .modal-footer {
    width: auto;
    color: var(--spinner-font-color);
    text-align: center;
    font-size: 2em;
    padding: 0 20px;
}

div.spinner-modal .spinner {
    padding: 0;
    margin: 0;
}

div.spinner-modal .spinner i {
    display: inline-block;
    color: var(--spinner-icon-color);
    font-size: 10em;
    animation: spin 4444ms linear infinite;
    padding: 0;
    margin: 0;
}

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



.main-title {
    display: inline-block;
    font-size: 120%;
    font-weight: 600;
    text-transform: uppercase;
}

.main-title::first-letter {
    font-size: 130%;
}

.main-subtitle {
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
}

.main-subtitle::first-letter {
    font-size: 120%;
}


.bg-transparent {
    background-color: var(--bgcolor-transparent);
}

.bg-green {
    background-color: var(--bgcolor-green);
}

.bg-red {
    background-color: var(--bgcolor-red);
}


.option-bg-green {
    background-color: var(--option-bgcolor-green);
}

.option-bg-red {
    background-color: var(--option-bgcolor-red);
}

.option-bg-white {
    background-color: var(--color-white);
}



.color-default {
    color: var(--color-default) !important;
}

.color-default:hover {
    color: var(--color-default-hover) !important;
}

.color-info {
    color: var(--color-info) !important;
}

.color-info:hover {
    color: var(--color-info-hover) !important;
}

.color-success {
    color: var(--color-success) !important;
}

.color-success:hover {
    color: var(--color-success-hover) !important;
}

.color-warning {
    color: var(--color-warning) !important;
}

.color-warning:hover {
    color: var(--color-warning-hover) !important;
}

.color-danger {
    color: var(--color-danger) !important;
}

.color-danger:hover {
    color: var(--color-danger-hover) !important;
}

.color-inactive {
    color: var(--primary-color-inactive) !important;
}

.color-inactive:hover {
    color: var(--primary-color-inactive) !important;
}


.color-red {
    color: red;
}

.color-green {
    color: green;
}



.system-header-alert {
    cursor: pointer;
    margin: 0px;
    padding: 2px 0px 2px 0px;
    text-align: center;
}


.top-padded {
    margin-top: 5px;
    padding-top: 4px;
    border-top: 0;
}


.top-bordered {
    margin-top: 4px;
    padding-top: 4px;
    /* border-top: 1px solid #ddd; */
    border-top: 1px solid var(--primary-border-color);
}


.bottom-bordered {
    margin-bottom: 4px;
    padding-bottom: 4px;
    /* border-bottom: 1px solid #ddd; */
    border-bottom: 1px solid var(--primary-border-color);
}

.right-bordered {
    /* margin-right: 4px;
    padding-right: 4px; */
    /* border-right: 1px solid #ddd; */
    border-right: 1px solid var(--primary-border-color);
}

.left-bordered {
    /* margin-left: 4px;
    padding-left: 4px; */
    /* border-left: 1px solid #ddd; */
    border-left: 1px solid var(--primary-border-color);
}


.cl-div {
    position: relative;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.cl-div table.cl-table {
    width: 100%;
}


.cl-div td.cl-status,
.cl-div td.cl-actions {
    text-align: center;
}

/* fa-buttons */

.fa-btn {
    cursor: pointer;
    padding: 0 0.5em;
    opacity: 0.8;
}

.fa-btn:hover {
    opacity: 1;
}





/* cl-action-buttons */
.cl-action-btn {
    margin: 1px;
    padding: 2px 4px 2px 4px;
    /* padding: 4px 2px 4px 3px; */
    border-radius: 4px;
    cursor: pointer;
}


.cl-action-btn.cl-action-btn-resize-full {
    /* background-color: #78a1d1 !important; */
    background-color: #8CB3D9 !important;
    /* cursor: pointer; */
}

.cl-action-btn.cl-action-btn-resize-full:hover {
    background-color: #9eb5d1 !important;
}


.cl-action-btn.cl-action-btn-edit {
    background-color: #9bb !important;
    /* cursor: pointer; */
}

.cl-action-btn.cl-action-btn-edit:hover {
    background-color: #bdd !important;
}


.cl-action-btn.cl-action-btn-remove {
    background-color: #FA7572 !important;
}

.cl-action-btn.cl-action-btn-remove:hover {
    background-color: #EF625E !important;
}


.cl-action-btn.cl-action-btn-pwd-reset {
    background-color: #C69F9D !important;
}

.cl-action-btn.cl-action-btn-pwd-reset:hover {
    background-color: #CF8280 !important;
}


.cl-action-btn.cl-action-btn-download {
    /* background-color: #255; */
    background-color: #477 !important;
    color: #67DAFF !important;
    /* cursor: pointer; */
}

.cl-action-btn.cl-action-btn-download:hover {
    background-color: #699 !important;
    color: #3EC1EB !important;
}


.glyph-action-forgotten-pwd {
    vertical-align: middle;
    cursor: pointer;
}

.lang-radio-label input {
    display: none;
}

.lang-radio-label input:checked + img {
    /* border: 1px solid #888; */
    border: 1px solid var(--primary-border-color);
    box-shadow: 1px 1px 6px #444;
}

.intro-glyph i {
    color: var(--intro-glyphicon-color);
    font-size: 800%;
    text-shadow: 2px 2px 4px #000000;
    padding: 10%;
}





.tooltip {
    z-index: 999999 !important;
}

.tooltip > .tooltip-inner {
    max-width: 100% !important;
    background-color: var(--tooltip-background-color);
    color: var(--tooltip-font-color);
    box-shadow: 1px 1px 6px #444;
    /* text-shadow: 2px 2px 4px #222; */
    text-shadow: 1px 1px 4px #222;
    border: 1px solid var(--tooltip-border-color);

}

.tooltip.top > .tooltip-arrow {
    border-top: 5px solid var(--tooltip-border-color);
}

.tooltip.right > .tooltip-arrow {
    border-right: 5px solid var(--tooltip-border-color);
}

.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid var(--tooltip-border-color);
}

.tooltip.left > .tooltip-arrow {
    border-left: 5px solid var(--tooltip-border-color);
}




.datepicker {
    /* background: var(--primary-background) no-repeat center center scroll; */
    background-color: var(--datepicker-background-color);
    border: 1px solid var(--tooltip-border-color);
    border: 1px solid var(--tooltip-border-color);
    z-index: 1500 !important;
}


.datepicker table .day:not(.disabled):hover,
.datepicker table .month:not(.disabled):hover,
.datepicker table .year:not(.disabled):hover,
.datepicker table .decade:not(.disabled):hover,
.datepicker table .century:not(.disabled):hover {
    background-color: var(--tr-even-bgcolor) !important;
}

.datepicker table .focused {
    background-color: var(--tooltip-border-color) !important;
}

.datepicker table tr th.datepicker-switch:hover,
.datepicker table tr th.prev:hover,
.datepicker table tr th.next:hover {
    background-color: var(--tr-even-bgcolor) !important;
}


.panel {
    margin: 0;
}


.required-field {
    border-right: 5px solid var(--color-danger);
}


select.required-field + span.select2.select2-container .select2-selection,
select.required-field + div.btn-group > button.multiselect.dropdown-toggle {
    border-right: 5px solid var(--color-danger);
}


div.input-group.required-field .required-field {
    border-right: 1px solid var(--primary-border-color);
}


/*  for showInModal()   */
/* @media (min-width: 768px) {
 	.modal-display .modal-dialog {
 		width: 700px;
 		margin: 30px auto;
 	}
}

@media (min-width: 992px) {
 	.modal-display .modal-dialog {
 		width: 850px;
 		margin: 30px auto;
 	}
}

@media (min-width: 1200px) {
 	.modal-display .modal-dialog {
 		width: 1000px;
 		margin: 30px auto;
 	}
} */
/* --------------------- */




.modal-header,
.modal-footer {
    border-width: 0px;
}

/* .modal-body > .form-group {
    margin: 0;
} */

.modal-header i.fas,
.modal-header i.far {
    margin: 0 0.5em 0 0;
    font-size: 2em;
    top: 50%;
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}


.file-input-display {
    background-color: var(--file-input-display-bgcolor);
    display: block;
}


.comments {
    color: var(--comments-color);
    font-weight: 400;
}


.sub-wtd-pane {
    display: none;
    /* flex: 0 0 auto; */
    flex: 1 1 auto;
    height: 100%;
    white-space: nowrap;
    min-height: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}


.table-wrapper {
    position: relative;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}



div.action-popup {
    position: absolute;
    z-index: 9999;
    width: auto;
    height: auto;
    border-radius: 5px;
    padding: 2px;
    background-color: var(--action-popup-bgcolor);
    margin: 2px 0 0 3px;
}

div.action-popup button {
    text-align: left;
}



nav button {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3),0 2px 10px 0 rgba(0,0,0,0.16) !important;
}


/* input:not([type=file]):not([type=checkbox]):not([type=radio]),
textarea,
select,
button,
span.select2-selection,
.input-group-addon,
td.grid,
div.edit-pane,
th {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3),0 2px 10px 0 rgba(0,0,0,0.16) !important;
} */

span.badge {
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important; */
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3),0 1px 5px 0 rgba(0,0,0,0.16) !important;
}



label.hidden-label,
label.hover-label {
	display: none;
}


.hover-label-container:hover label.hover-label {
	display: block;
}



div.thumbnail {
	position: sticky;
}


div.thumbnail div.btn-group {
	position: absolute;
	display: none;
	top: 10px;
	right: 10px;
}


div.thumbnail:hover div.btn-group {
	display: block;
}


div.thumbnail img {
    /* margin: 0; */
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important; */
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3),0 2px 10px 0 rgba(0,0,0,0.16) !important;
}





.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  /* margin-top: -1px; */
  margin-top: -3.5em;
}


select option.option-hidden {
	display: none;
}


select option.option-hidden.show-to-edit {
	display: inline-block;
	background-color: var(--option-bgcolor-red) !important;
}


ul.nav.nav-tabs li a {
    background-color: var(--nav-tabs-li-background-color);
}


ul.nav.nav-tabs li.active a {
    background-color: var(--nav-tabs-li-active-background-color);
    border-bottom-color: var(--primary-background-color) !important;
}


.page-title {
    font-size: 1.5em;
}

.form-group,
.progress {
    margin-bottom: 8px;
    border-radius: 0;
}

div.user-card-sm {
    display: inline-block;
    padding: 0 2px;
    margin: 0 2px;
    border: 1px solid var(--primary-border-color);
}

.table-hover>tbody>tr:hover {
    background-color: #D7EBFC;
}


tbody.section-tbody {
    border-bottom: 1px solid var(--primary-border-color);
}

tbody.section-tbody:hover {
    background-color: #D7EBFC;
}

tbody.section-tbody tr td {
    border: none !important;
}


/* select.fa,
select.fa option.fa {
    font-weight: normal;
} */

select.fa:not(::first-letter),
select.fa option.fa:not(::first-letter) {
    font-weight: normal;
    font-style : normal;
}

.dropdown.xbox-dropdown li {
    padding: 0 1em;
}

.dropdown.xbox-dropdown li:hover {
    background-color: #F5F5F5;
}

table th.center-items,
table td.center-items {
    align-items: center;
    text-align: center;
}

table th.minimal-width,
table td.minimal-width {
	width: 1px;
	white-space: nowrap;
}


@media screen and (min-width: 1200px) {
    table th.minimal-width-lg,
    table td.minimal-width-lg {
    	width: 1px;
    	white-space: nowrap;
    }
}


table th.maximal-width,
table td.maximal-width{
	width: 100%;
}


textarea.full-text-value {
	display: none;
}


i.sidesign-on-left {
    position: absolute;
    float: left;
    left: -1em;
    top: 50%;
    transform: translateY(-50%);
}

i.sidesign-on-right {
    position: absolute;
    float: right;
    right: -1em;
    top: 1em;
    transform: translateY(-50%);
}


a.a-btn {
    cursor: pointer;
}

div.fixed-top-bar {
    position: fixed;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    margin-top: -15px;
    background-color: var(--primary-background-color);
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    z-index: 10;
}

div.fixed-top-bar .btn-strip {
    padding-bottom: 10px;
}

div.fixed-top-bar .fixed-top-bar-title {
    font-size: 1.5em;
    margin: 0;
}



/* ////     TABLESORTER     //////////////////////////////////////////////// */

table.tablesorter caption {
    background: transparent;
    padding: 0 0.5em;
}


table.tablesorter thead .disabled {
    display: none;
}


table.tablesorter thead th div.tablesorter-header-inner {
    /* padding-right: 1em; */
    white-space: nowrap;
    padding-right: 1.5ch;
}


table.tablesorter {
    margin-top: 0px;
}

/* table.tablesorter i.tablesorter-icon {
    margin-left: 0.5em;
    padding-left: 0.5em;
}​ */



/* ////     TABLESORTER - PAGER     //////////////////////////////////////// */

/* pager wrapper, div */
caption.pager.tablesorter-pager {
    background-color: var(--primary-background-color);
}

.pager,
.tablesorter-pager {
    background-color: var(--primary-background-color);
    padding: 0 0 0.2em 0 !important;
    margin: 0 !important;
    align-items: left;
    text-align: left;
    font-size: 12px;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
    background-color: var(--primary-background-color);
    /* background-color: #e6eeee; */
    margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}


/* pager output text */
.tablesorter-pager .pagedisplay {
    display: inline-block;
    padding: 0 5px 0 5px;
    width: 15em !important;
    text-align: center;
}

/* pager navigation arrows */
.tablesorter-pager i {
    vertical-align: middle;
    margin-right: 0.5em;
    margin-top: -0.2em;
    cursor: pointer;
    font-size: 1.3em;
    opacity: 0.8;
}

.tablesorter-pager i:not(.disabled):hover {
    opacity: 1;
}

.tablesorter-pager input,
.tablesorter-pager select {
    border: none;
    padding: 0 0.2em;
    margin: 0 0.5em 0 0;
}

.tablesorter-pager input {
    text-align: center;
    text-align: right;
    min-width: 2ch;
    max-width: 12ch;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
  display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}



/* ////     BS-MULTISELECT     ///////////////////////////////////////////// */

li.multiselect-item.multiselect-filter div.input-group span.input-group-addon {
    display: none;
}

li.multiselect-item.multiselect-filter div.input-group span.input-group-btn button {
    padding: 6px 4px;
}



/* ////     DROPZONE           ///////////////////////////////////////////// */

.dropzone {
	border-radius: 5px;
	border-style: dashed !important;
}

.dz-progress {
	display: none;
}

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


button span:not(.caret) {
    /* padding-left: 5px; */
    padding-right: 5px;
}


button.btn-hidden {
    display: none;
}


/* ////     DISABLED ELEMENTS TOOLTIP WRAPPER           //////////////////// */

.tooltip-wrapper {
    /* display: block; */
    /* display:inline-block; */
    cursor: not-allowed;
}

.tooltip-wrapper [disabled] {
  pointer-events: none;
}

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


.ellipsis {
    cursor: pointer;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.ellipsis.nonclick {
    cursor: default;
}


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

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

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


div.maintenance-mode label {
    background-color: var(--primary-background-color);
    color: var(--primary-font-color);
    text-align: left;
    border: 1px solid var(--primary-border-color);
    border-radius: 4px;
    padding: 10px;
}

div.maintenance-mode label h4 {
    color: var(--color-danger);
    border-bottom: 1px solid var(--primary-border-color);

}

/**/