html {
  scroll-behavior: smooth;
}

body {
  /*color: #25383C;*/
  max-width: 100%;
  /*padding-top: 50px;
    padding-bottom: 20px;*/
  /*font-family: Arial, Open Sans, sans-serif;*/
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8em;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /*font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 150%;
    line-height: 1em;
    font-size: 13px;*/
  /*background: url(../../Content/images/bg-vegetables-400.jpg) repeat;
    background: url(http://vectorgraphicsblog.com/wp-content/uploads/2012/05/green-vegetables-vector-set.jpg) repeat;*/
}

.body-content {
  margin: 0px auto;
  /*padding-top:10px;*/
  width: 100%;
}

body.mobile-fullscreen {
  overflow: hidden;
}

/*.container-fluid {
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left:0px !important;
    padding-right:0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}*/
/*.container {
    max-width:99% !important;
}*/
/*h1 {
  font-size: 40px !important;
}

h2 {
  font-size: 30px !important;
}

h3 {
  font-size: 22px !important;
}

h4 {
  font-size: 18px !important;
}*/

.loading-spin {
  display: none;
}

.progressBar {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  /*background:url(spinner.gif) no-repeat center #fff;*/
  text-align: center;
  padding: 10px;
  background-color: #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font: normal 16px Tahoma, Geneva, sans-serif;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 10000;
  overflow: auto;
}

.drop-shadow {
  -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, .3);
  border-radius: 5px;
}

/*Kanban Board*/
.kanban-container {
  position: relative;
  box-sizing: border-box;
  width: auto;
}

.kanban-container * {
  box-sizing: border-box;
}

.kanban-container:after {
  clear: both;
  display: block;
  content: "";
}

.kanban-board {
  position: relative;
  float: left;
  /*background: #E2E4E6;*/
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.kanban-board.disabled-board {
  opacity: .3;
}



.kanban-board.is-moving.gu-mirror .kanban-drag {
  overflow: hidden;
  padding-right: 50px;
}

.kanban-board header {
  font-size: 16px;
  padding: 10px;
}

.kanban-board header .kanban-title-board {
  font-weight: 700;
  margin: 0;
  padding: 0;
  display: inline;
}

.kanban-board header .kanban-title-button {
  float: right;
}

.kanban-board .kanban-drag {
  min-height: 100px;
  /*padding: 20px;*/
}

.kanban-board:after {
  clear: both;
  display: block;
  content: "";
}

.kanban-item {
  background: #fff;
  padding-top: 5px;
  margin-bottom: 20px;
  margin-top: 10px;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  /*overflow-y: auto;*/
}

.kanban-item .issue {
  margin-top: 5px;
  padding: 0px;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 13px;
}

.kanban-item .issue .item-header {
  /*margin-bottom: 5px;*/
  padding: 5px;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 15px;
  color: grey;
}

.kanban-item .item-content .item-content-header {
  color: Highlight;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

.kanban-item .issue .item-header .move-handle {
  cursor: move;
}

.kanban-item .issue .item-content {
  padding: 5px;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 13px;
}

.kanban-item .issue .item-field {
  width: 100%;
  margin-bottom: 5px;
  /*    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.kanban-item .issue div .item-title {
  font-weight: bold;
  color: #007bff
}

.kanban-item .issue div .item-value {
  padding-left: 5px;
}

.item-drag-handle:hover {
  cursor: move;
}

.kanban-item:last-child {
  margin: 0;
}

.kanban-item.is-moving.gu-mirror {
  /*transform: rotate(3deg);*/
  height: auto !important;
}

.filter-active {
  font-weight: bold
}

/*Kanban Board*/
.cleared {
  clear: both;
}

/*for bootstrap*/
.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
  height: 22px;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}

.columns-4 {
  -moz-column-count: 4;
  /* Firefox */
  -webkit-column-count: 4;
  /* Safari and Chrome */
  column-count: 4;
  min-width: 500px;
}

.columns-4-400 {
  -moz-column-count: 4;
  /* Firefox */
  -webkit-column-count: 4;
  /* Safari and Chrome */
  column-count: 4;
  min-width: 400px;
}

.columns-3 {
  -moz-column-count: 3;
  /* Firefox */
  -webkit-column-count: 3;
  /* Safari and Chrome */
  column-count: 3;
  min-width: 400px;
}

.columns-3-300 {
  -moz-column-count: 3;
  /* Firefox */
  -webkit-column-count: 3;
  /* Safari and Chrome */
  column-count: 3;
  min-width: 300px;
}

.columns-3-250 {
  -moz-column-count: 3;
  /* Firefox */
  -webkit-column-count: 3;
  /* Safari and Chrome */
  column-count: 3;
  min-width: 250px;
}

.columns-3-200 {
  -moz-column-count: 3;
  /* Firefox */
  -webkit-column-count: 3;
  /* Safari and Chrome */
  column-count: 3;
  min-width: 200px;
}

.columns-2 {
  -moz-column-count: 2;
  /* Firefox */
  -webkit-column-count: 2;
  /* Safari and Chrome */
  column-count: 2;
  min-width: 300px;
}

.columns-2-200 {
  -moz-column-count: 2;
  /* Firefox */
  -webkit-column-count: 2;
  /* Safari and Chrome */
  column-count: 2;
  min-width: 200px;
}

.pointer {
  cursor: pointer;
}

.move {
  cursor: move;
}

.wait {
  cursor: wait;
}

.readonly {
  pointer-events: none;
}

.field-icon {
  color: #5bc0de !important;
}

/*.field-inline-edit:hover{
    border-bottom: solid 1px red;
}*/
.highlight {
  font-weight: bold;
  /*text-decoration:underline;
    background-color: yellow; */
}

fieldset {
  padding: 5px !important;
  margin: auto !important;
  border: 1px solid #E5E4E2;
}

legend {
  padding: 0px 5px !important;
  border: 0px !important;
  width: auto !important;
  font-size: 14px !important;
  margin-bottom: auto !important;
}

.row-striped:nth-of-type(odd) {
  background-color: #efefef;
}

.row-striped:nth-of-type(even) {
  background-color: #ffffff;
}

/* TABLE
----------------------------------------------------------*/
.tableformat tr:nth-child(even) {
  background: #FFF
}

.tableformat tr:nth-child(odd) {
  background: #F9F9F9;
}

/*.tableformatnoborder tr:nth-child(even) {background: #FFF}
.tableformatnoborder tr:nth-child(odd) {background: #f0f0f0}*/
.tbl-header {
  position: fixed;
  top: 0px;
}

.tableformatnoborder {
  border: solid 1px #e5ecf9;
  color: #016783;
}

.tableformatnoborder td {
  color: #016783;
  padding: 3px;
}

.tableformat {
  margin-top: 5px;
  border: solid 0px #e5ecf9;
  border-collapse: collapse;
}

.tableformat td {
  border: solid 1px #e5ecf9;
  color: #016783;
  padding: 3px;
}

.table-td-p-5 td {
  padding: 5px;
}

.table-td-p-8 td {
  padding: 8px;
}

.table-th-p-5 th {
  padding: 5px;
}

.table-th-p-8 th {
  padding: 8px;
}

.trheader th {
  text-align: left;
  background-color: #e8eef4;
  border: solid 0px #e5ecf9;
}

.table-row-hover tr:hover {
  background: #eee;
}

/*orange:#FC6*/

/*.bg-white { background-color: white !important; }*/
.bg-light-dark {
  background-color: #ececec !important;
}

.bg-black {
  background-color: #3c3c3c !important;
}

.bg-black-light {
  background-color: #5d5d5d !important;
}

.bg-default {
  background-color: #eee !important;
}
.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: #eee !important;
}

/*.bg-primary{ background-color: #007bff !important; }*/
.bg-primary-dark {
  background-color: #2196f3 !important;
}

/*.bg-success{ background-color: #5cb85c !important; }*/
.bg-success-light {
  background-color: #00c097 !important;
}

.bg-success-dark {
  background-color: #009688 !important;
}

/*.bg-info{ background-color:    #5bc0de !important; }*/
.bg-info-dark {
  background-color: #03a9f4 !important
}

/*.bg-warning{ background-color: #f0ad4e !important; }*/
.bg-warning-dark {
  background-color: #ff9800 !important;
}

/*.bg-danger{ background-color:  #d9534f !important; }*/
.bg-danger-light {
  background-color: #ff5722 !important;
}

.bg-gray-darker {
  background-color: #222 !important;
}

.bg-gray-dark {
  background-color: #333 !important;
}

.bg-gray {
  background-color: #555 !important;
}

.bg-gray-light {
  background-color: #777 !important;
}

.bg-gray-lighter {
  background-color: #eee !important;
}

.bg-gray-light1 {
  background-color: #e5ecf9 !important;
}

.bg-gray-light2 {
  background-color: #f0f0f0 !important;
}

.bg-gray-light3 {
  background-color: #fafafa !important;
}

.selected {
  background-color: #5bc0de !important;
}

.bg-green {
  background-color: #00c097 !important;
}

.bg-red-light {
  background-color: #F1948A !important;
}

.bg-red {
  background-color: #ff5e8f !important;
}

.bg-yellow {
  background-color: #ffd300 !important;
}

.bg-grass {
  background-color: #84cd1b !important;
}

.bg-red {
  background-color: #F6402C !important;
}

.bg-pink {
  background-color: #EB1460 !important;
}

.bg-pink-light {
  background-color: #eb5885 !important;
}

.bg-pink-dark {
  background-color: #ea497b !important;
}

.bg-purple {
  background-color: #9C1AB1 !important;
}

.bg-deep-purple {
  background-color: #6633B9 !important;
}

.bg-indigo {
  background-color: #3D4DB7 !important;
}

.bg-blue {
  background-color: #1093F5 !important;
}

.bg-light-blue {
  background-color: #00A6F6 !important;
}

.bg-cyan {
  background-color: #00BBD5 !important;
}

.bg-teal {
  background-color: #009687 !important;
}

.bg-light-green {
  background-color: #88C440 !important;
}

.bg-lime {
  background-color: #CCDD1E !important;
}

.bg-amber {
  background-color: #FFC100 !important;
}

.bg-orange {
  background-color: #FF9800 !important;
}

.bg-deep-orange {
  background-color: #FF5505 !important;
}

.bg-brown {
  background-color: #7A5547 !important;
}

.bg-grey {
  background-color: #9D9D9D !important;
}

.bg-blue-grey {
  background-color: #5E7C8B !important;
}

.bg-blue-light {
  background-color: #5E7C8B !important;
}

.bg-blue-dark {
  background-color: #005eb8 !important;
}

.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.8);
}


/*--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;*/

/*Workflow Color*/
.wf-bg-white {
  fill: #FFF;
  stroke: #FFF;
}

.wf-bg-light-dark {
  fill: #ececec;
  stroke: #ececec;
}

.wf-bg-black {
  fill: #3c3c3c;
  stroke: #3c3c3c;
}

.wf-bg-default {
  fill: #eee;
  stroke: #eee;
}

.wf-bg-primary {
  fill: #007bff;
  stroke: #007bff;
}

.wf-bg-success {
  fill: #5cb85c;
  stroke: #5cb85c;
}

.wf-bg-info {
  fill: #5bc0de;
  stroke: #5bc0de;
}

.wf-bg-warning {
  fill: #f0ad4e;
  stroke: #f0ad4e;
}

.wf-bg-danger {
  fill: #d9534f;
  stroke: #d9534f;
}

.wf-bg-gray-darker {
  fill: #222;
  stroke: #222;
}

.wf-bg-gray-dark {
  fill: #333;
  stroke: #333;
}

.wf-bg-gray {
  fill: #555;
  stroke: #555;
}

.wf-bg-gray-gray {
  fill: #f3f3f3;
  stroke: #f3f3f3;
}

.wf-bg-gray-light {
  fill: #777;
  stroke: #777;
}

.wf-bg-gray-lighter {
  fill: #eee;
  stroke: #eee;
}

/*Workflow End*/
.nodecoration {
  text-decoration: none;
}

.nodisplay {
  display: none;
}

.input-validation-error {
  border: 2px solid red;
  background: #FFC;
}

.error {
  color: Red;
  font-style: italic;
  background-color: #fee !important;
}

label.error {
  display: none !important;
}

.validation-summary-errors {
  color: Red;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.align-left {
  text-align: left !important;
}

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

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

.align-middle {
  vertical-align: middle !important;
}

.align-top {
  vertical-align: top !important;
}

.gt-m-0 {
  margin: 0px !important;
}

.gt-m-2 {
  margin: 2px !important;
}

.gt-m-5 {
  margin: 5px !important;
}

.gt-m-10 {
  margin: 10px !important;
}

.gt-m-20 {
  margin: 20px !important;
}

.gt-m-30 {
  margin: 30px !important;
}

.gt-m-center {
  margin: 0px auto !important;
}

.gt-m-b-2 {
  margin-bottom: 2px !important;
}

.gt-m-b-3 {
  margin-bottom: 3px !important;
}

.gt-m-b-5 {
  margin-bottom: 5px !important;
}

.gt-m-b-10 {
  margin-bottom: 10px !important;
}

.gt-m-b-50 {
  margin-bottom: 50px !important;
}

.gt-m-b-60 {
  margin-bottom: 60px !important;
}

.gt-m-t-2 {
  margin-top: 2px !important;
}

.gt-m-t-5 {
  margin-top: 5px !important;
}

.gt-m-t-10 {
  margin-top: 10px !important;
}

.gt-m-l-2 {
  margin-left: 2px !important;
}

.gt-m-l-5 {
  margin-left: 5px !important;
}

.gt-m-l-10 {
  margin-left: 10px !important;
}

.gt-m-r-10 {
  margin-right: 10px !important;
}

.gt-m-r-2 {
  margin-right: 2px !important;
}

.gt-m-r-5 {
  margin-right: 5px !important;
}

.gt-p-0 {
  padding: 0px !important;
}

.gt-p-2 {
  padding: 2px !important;
}

.gt-p-3 {
  padding: 3px !important;
}

.gt-p-4 {
  padding: 4px !important;
}

.gt-p-5 {
  padding: 5px !important;
}

.gt-p-6 {
  padding: 6px !important;
}

.gt-p-7 {
  padding: 7px !important;
}

.gt-p-8 {
  padding: 8px !important;
}

.gt-p-9 {
  padding: 9px !important;
}

.gt-p-10 {
  padding: 10px !important;
}

.gt-p-20 {
  padding: 20px !important;
}

.gt-p-30 {
  padding: 30px !important;
}

.gt-p-40 {
  padding: 40px !important;
}

.gt-p-50 {
  padding: 50px !important;
}

.gt-p-60 {
  padding: 60px !important;
}

.gt-p-70 {
  padding: 70px !important;
}

.gt-p-80 {
  padding: 80px !important;
}

.gt-p-l-3 {
  padding-left: 3px !important;
}

.gt-p-l-5 {
  padding-left: 5px !important;
}

.gt-p-l-10 {
  padding-left: 10px !important;
}

.gt-p-l-15 {
  padding-left: 15px !important;
}

.gt-p-l-20 {
  padding-left: 20px !important;
}

.gt-p-t-3 {
  padding-top: 3px !important;
}

.gt-p-t-5 {
  padding-top: 5px !important;
}

.gt-p-t-10 {
  padding-top: 10px !important;
}

.gt-p-t-15 {
  padding-top: 15px !important;
}

.gt-p-t-20 {
  padding-top: 20px !important;
}

.gt-p-r-3 {
  padding-right: 3px !important;
}

.gt-p-r-5 {
  padding-right: 5px !important;
}

.gt-p-r-10 {
  padding-right: 10px !important;
}

.gt-p-r-15 {
  padding-right: 15px !important;
}

.gt-p-r-20 {
  padding-right: 20px !important;
}

.gt-p-b-5 {
  padding-bottom: 5px !important;
}

.gt-p-b-10 {
  padding-bottom: 10px !important;
}

.gt-p-b-15 {
  padding-bottom: 15px !important;
}

.gt-p-b-20 {
  padding-bottom: 20px !important;
}

.gt-p-lr-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.gt-p-lr-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.gt-p-lr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.gt-p-lr-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.gt-p-lr-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.gt-p-lr-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.gt-p-lr-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.gt-p-lr-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.gt-p-lr-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.gt-p-lr-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.gt-p-lr-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.gt-p-lr-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.b-red {
  background-color: Red !important;
}

.b-green {
  background-color: Green !important;
}

.b-blue {
  background-color: Blue !important;
}

.b-gray {
  background-color: Gray !important;
}

.b-abc {
  background-color: #abc !important;
}

.gt-w-auto {
  width: auto !important;
}

.gt-w-16 {
  width: 16px !important;
}

.gt-w-20 {
  width: 20px !important;
}

.gt-w-25 {
  width: 25px !important;
}

.gt-w-30 {
  width: 30px !important;
}

.gt-w-32 {
  width: 32px !important;
}

.gt-w-35 {
  width: 35px !important;
}

.gt-w-40 {
  width: 40px !important;
}

.gt-w-48 {
  width: 48px !important;
}

.gt-w-50 {
  width: 50px !important;
}

.gt-w-60 {
  width: 60px !important;
}

.gt-w-70 {
  width: 70px !important;
}

.gt-w-80 {
  width: 80px !important;
}

.gt-w-90 {
  width: 90px !important;
}

.gt-w-100 {
  width: 100px !important;
}

.gt-w-130 {
  width: 130px !important;
}

.gt-w-140 {
  width: 140px !important;
}

.gt-w-150 {
  width: 150px !important;
}

.gt-w-160 {
  width: 160px !important;
}

.gt-w-170 {
  width: 170px !important;
}

.gt-w-180 {
  width: 180px !important;
}

.gt-w-200 {
  width: 200px !important;
}

.gt-w-230 {
  width: 230px !important;
}

.gt-w-240 {
  width: 240px !important;
}

.gt-w-250 {
  width: 250px !important;
}

.gt-w-300 {
  width: 300px !important;
}

.gt-w-350 {
  width: 350px !important;
}

.gt-w-400 {
  width: 400px !important;
}

.gt-w-450 {
  width: 450px !important;
}

.gt-w-500 {
  width: 500px !important;
}

.gt-w-550 {
  width: 550px !important;
}

.gt-w-600 {
  width: 600px !important;
}

.gt-w-650 {
  width: 650px !important;
}

.gt-w-700 {
  width: 700px !important;
}

.gt-w-750 {
  width: 750px !important;
}

.gt-w-800 {
  width: 800px !important;
}

.gt-w-850 {
  width: 850px !important;
}

.gt-w-900 {
  width: 900px !important;
}

.gt-w-950 {
  width: 950px !important;
}

.gt-w-1000 {
  width: 1000px !important;
}

.gt-w-1100 {
  width: 1100px !important;
}

.gt-w-1150 {
  width: 1150px !important;
}

.gt-w-1200 {
  width: 1200px !important;
}

.gt-w-min-30 {
  min-width: 30px !important;
}

.gt-w-min-50 {
  min-width: 50px !important;
}

.gt-w-min-80 {
  min-width: 80px !important;
}

.gt-w-min-100 {
  min-width: 100px !important;
}

.gt-w-min-140 {
  min-width: 140px !important;
}

.gt-w-min-150 {
  min-width: 150px !important;
}

.gt-w-min-160 {
  min-width: 160px !important;
}

.gt-w-min-200 {
  min-width: 200px !important;
}

.gt-w-min-250 {
  min-width: 250px !important;
}

.gt-w-min-300 {
  min-width: 300px !important;
}

.gt-w-min-350 {
  min-width: 350px !important;
}

.gt-w-min-400 {
  min-width: 400px !important;
}

.gt-w-min-450 {
  min-width: 450px !important;
}

.gt-w-min-500 {
  min-width: 500px !important;
}

.gt-w-min-550 {
  min-width: 550px !important;
}

.gt-w-min-600 {
  min-width: 600px !important;
}

.gt-w-min-650 {
  min-width: 650px !important;
}

.gt-w-min-700 {
  min-width: 700px !important;
}

.gt-w-min-750 {
  min-width: 750px !important;
}

.gt-w-min-800 {
  min-width: 800px !important;
}

.gt-w-min-850 {
  min-width: 850px !important;
}

.gt-w-min-900 {
  min-width: 900px !important;
}

.gt-w-min-950 {
  min-width: 950px !important;
}

.gt-w-min-1000 {
  min-width: 1000px !important;
}

.gt-w-max-50 {
  max-width: 50px !important;
}

.gt-w-max-70 {
  max-width: 70px !important;
}

.gt-w-max-100 {
  max-width: 100px !important;
}

.gt-w-max-150 {
  max-width: 150px !important;
}

.gt-w-max-160 {
  max-width: 160px !important;
}

.gt-w-max-200 {
  max-width: 200px !important;
}

.gt-w-max-250 {
  max-width: 250px !important;
}

.gt-w-max-300 {
  max-width: 300px !important;
}

.gt-w-max-350 {
  max-width: 350px !important;
}

.gt-w-max-400 {
  max-width: 400px !important;
}

.gt-w-max-450 {
  max-width: 450px !important;
}

.gt-w-max-500 {
  max-width: 500px !important;
}

.gt-w-max-550 {
  max-width: 550px !important;
}

.gt-w-max-600 {
  max-width: 600px !important;
}

.gt-w-max-650 {
  max-width: 650px !important;
}

.gt-w-max-700 {
  max-width: 700px !important;
}

.gt-w-max-750 {
  max-width: 750px !important;
}

.gt-w-max-800 {
  max-width: 800px !important;
}

.gt-w-max-850 {
  max-width: 850px !important;
}

.gt-w-max-900 {
  max-width: 900px !important;
}

.gt-w-max-950 {
  max-width: 950px !important;
}

.gt-w-max-1000 {
  max-width: 1000px !important;
}

.gt-w-max-1100 {
  max-width: 1100px !important;
}

.gt-w-max-1150 {
  max-width: 1150px !important;
}

.gt-w-max-1170 {
  max-width: 1170px !important;
}

.gt-w-max-1200 {
  max-width: 1200px !important;
}

.gt-w-max-1400 {
  max-width: 1400px !important;
}

.gt-w-max-1500 {
  max-width: 1500px !important;
}

.gt-w-max-1600 {
  max-width: 1600px !important;
}

.gt-w-max-1800 {
  max-width: 1800px !important;
}

.gt-w-max-2000 {
  max-width: 2000px !important;
}

.gt-w-max-2500 {
  max-width: 2500px !important;
}

/*percentage*/
.gt-w-50p {
  width: 50% !important;
}

.gt-w-60p {
  width: 60% !important;
}

.gt-w-70p {
  width: 70% !important;
}

.gt-w-80p {
  width: 80% !important;
}

.gt-w-90p {
  width: 90% !important;
}

.gt-w-100p {
  width: 100% !important;
}

.gt-w-max-90p {
  max-width: 90% !important;
}

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

.table-cell {
  display: table-cell;
  vertical-align: top;
}

.flex {
  display: flex;
  /*justify-content: center;
    align-items: center;*/
  flex-wrap: wrap;
  align-content: flex-start;
}

.flex-center {
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  flex-wrap: wrap;
}

.gt-h-5 {
  height: 5px !important;
}

.gt-h-10 {
  height: 10px !important;
}

.gt-h-15 {
  height: 15px !important;
}

.gt-h-20 {
  height: 20px !important;
}

.gt-h-25 {
  height: 25px !important;
}

.gt-h-30 {
  height: 30px !important;
}

.gt-h-35 {
  height: 35px !important;
}

.gt-h-40 {
  height: 40px !important;
}

.gt-h-45 {
  height: 45px !important;
}

.gt-h-50 {
  height: 50px !important;
}

.gt-h-60 {
  height: 60px !important;
}

.gt-h-70 {
  height: 70px !important;
}

.gt-h-80 {
  height: 80px !important;
}

.gt-h-90 {
  height: 90px !important;
}

.gt-h-100 {
  height: 100px !important;
}

.gt-h-110 {
  height: 110px !important;
}

.gt-h-130 {
  height: 130px !important;
}

.gt-h-150 {
  height: 150px !important;
}

.gt-h-160 {
  height: 160px !important;
}

.gt-h-170 {
  height: 170px !important;
}

.gt-h-180 {
  height: 180px !important;
}

.gt-h-200 {
  height: 200px !important;
}

.gt-h-230 {
  height: 230px !important;
}

.gt-h-250 {
  height: 250px !important;
}

.gt-h-270 {
  height: 270px !important;
}

.gt-h-300 {
  height: 300px !important;
}

.gt-h-310 {
  height: 310px !important;
}

.gt-h-350 {
  height: 350px !important;
}

.gt-h-400 {
  height: 400px !important;
}

.gt-h-450 {
  height: 450px !important;
}

.gt-h-500 {
  height: 500px !important;
}

.gt-h-550 {
  height: 550px !important;
}

.gt-h-600 {
  height: 600px !important;
}

.gt-h-min-20 {
  min-height: 20px !important;
}

.gt-h-min-30 {
  min-height: 30px !important;
}

.gt-h-min-35 {
  min-height: 35px !important;
}

.gt-h-min-40 {
  min-height: 40px !important;
}

.gt-h-min-50 {
  min-height: 50px !important;
}

.gt-h-min-70 {
  min-height: 72px !important;
}

.gt-h-min-100 {
  min-height: 100px !important;
}

.gt-h-min-130 {
  min-height: 130px !important;
}

.gt-h-min-150 {
  min-height: 150px !important;
}

.gt-h-min-160 {
  min-height: 160px !important;
}

.gt-h-min-200 {
  min-height: 200px !important;
}

.gt-h-min-280 {
  min-height: 280px !important;
}

.gt-h-min-300 {
  min-height: 300px !important;
}

.gt-h-min-400 {
  min-height: 400px !important;
}

.gt-h-min-500 {
  min-height: 500px !important;
}

.gt-h-min-600 {
  min-height: 600px !important;
}

.gt-h-min-700 {
  min-height: 700px !important;
}

.gt-h-min-800 {
  min-height: 800px !important;
}

.gt-h-min-900 {
  min-height: 900px !important;
}

.gt-h-min-1000 {
  min-height: 1000px !important;
}

.gt-h-max-50 {
  max-height: 50px !important;
}

.gt-h-max-100 {
  max-height: 100px !important;
}

.gt-h-max-150 {
  max-height: 150px !important;
}

.gt-h-max-200 {
  max-height: 200px !important;
}

.gt-h-max-300 {
  max-height: 300px !important;
}

.gt-h-max-400 {
  max-height: 400px !important;
}

.gt-h-max-500 {
  max-height: 500px !important;
}

.gt-h-max-600 {
  max-height: 600px !important;
}

.gt-h-max-700 {
  max-height: 700px !important;
}

.gt-h-max-800 {
  max-height: 800px !important;
}

.gt-h-max-900 {
  max-height: 900px !important;
}

.gt-h-max-1000 {
  max-height: 1000px !important;
}

.capacity0 {
  opacity: 0;
}

.capacity1 {
  opacity: 1;
}

.default {
  color: #eee !important;
}

.primary {
  color: #007bff !important;
}

.primary-dark {
  color: #2196f3 !important;
}

.info {
  color: #5bc0de !important;
}

.info-dark {
  color: #03a9f4 !important
}

.success {
  color: #5cb85c !important;
}

.success-light {
  color: #00c097 !important;
}

.success-dark {
  color: #009688 !important;
}

.warning {
  color: #f0ad4e !important;
}

.warning-dark {
  color: #ff9800 !important;
}

.danger {
  color: #d9534f !important;
}

.danger-light {
  color: #ff5722 !important;
}

.blue {
  color: Blue !important;
}

.gray {
  color: Gray !important;
}

.gray-dark {
  color: #666362 !important;
}

.yellow {
  color: Yellow !important;
}

.white {
  color: White !important;
}

.black {
  color: Black !important;
}

.green {
  color: #00c097 !important;
}

.red {
  color: #ff5e8f !important;
}

.yellow {
  color: #ffd300 !important;
}

.grass {
  color: #84cd1b !important;
}

.red {
  color: #F6402C !important;
}

.pink {
  color: #EB1460 !important;
}

.pink-dark {
  color: #ea497b !important;
}

.purple {
  color: #9C1AB1 !important;
}

.deep_purple {
  color: #6633B9 !important;
}

.indigo {
  color: #3D4DB7 !important;
}

.light_blue {
  color: #00A6F6 !important;
}

.cyan {
  color: #00BBD5 !important;
}

.teal {
  color: #009687 !important;
}

.light_green {
  color: #88C440 !important;
}

.lime {
  color: #CCDD1E !important;
}

.amber {
  color: #FFC100 !important;
}

.orange {
  color: #FF9800 !important;
}

.deep_orange {
  color: #FF5505 !important;
}

.brown {
  color: #7A5547 !important;
}

.grey {
  color: grey !important;
}

.blue_grey {
  color: #5E7C8B !important;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.line-through {
  text-decoration: line-through;
}

.underline {
  text-decoration: underline;
}

.nonedecorate {
  text-decoration: none;
}

/*.blink{ text-decoration:blink;}*/
.italic {
  font-style: italic;
}

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

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

.text-justify {
  text-align: justify;
}

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

.text-top {
  vertical-align: top;
}

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

.textxsmall {
  font-size: x-small;
}

.textsmall {
  font-size: small;
}

.textsmaller {
  font-size: smaller;
}

.text10 {
  font-size: 10px;
}

.text12 {
  font-size: 12px;
}

.text13 {
  font-size: 13px;
}

.text14 {
  font-size: 14px;
}

.text15 {
  font-size: 15px;
}

.text16 {
  font-size: 16px;
}

.text18 {
  font-size: 18px;
}

.text20 {
  font-size: 20px;
}

.text22 {
  font-size: 22px;
}

.text25 {
  font-size: 25px;
}

.text30 {
  font-size: 30px;
}

.text40 {
  font-size: 40px;
}

.text50 {
  font-size: 50px;
}

.text60 {
  font-size: 60px;
}

.field-validation-error {
  color: Red;
}

.absolute {
  position: absolute;
}

.sticky-top {
  position: fixed;
  top: 0;
  border-bottom: solid 1px red;
}

.relative {
  position: relative;
}

.display-inline,
.inline {
  display: inline-block;
}

.block {
  display: block;
}

.auto-overflow {
  overflow: auto;
}

.none-overflow {
  overflow: hidden;
}

.border {
  border: 1px solid #abc;
}

.none-border {
  border: 0px !important
}

/*border*/
.border-gray {
  border: 1px solid #E5E4E2 !important;
}

.border-top {
  border-top: 1px solid #ccc !important;
}

.border-bottom {
  border-bottom: 1px solid #ccc !important;
}

.border-left {
  border-left: 1px solid #ccc !important;
}

.border-right {
  border-right: 1px solid #ccc !important;
}

.border-right-light {
  border-right: 1px solid #eee !important;
}

.border-red {
  border: 1px solid red !important;
}

.border-bottom-white {
  border-bottom: 1px solid #fff !important;
}

/**/
.img-middle {
  display: block;
  margin: 0 auto;
}

.top-5 {
  top: 5px;
}

.top-10 {
  top: 10px;
}

.top-15 {
  top: 15px;
}

.circle {
  /*border:1px solid #abc;*/
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.round-nocolor {
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.round {
  border: 1px solid #E5E4E2;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.round-w {
  border: 1px solid #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.round-g {
  border: 1px solid Gray;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.round-r {
  border: 2px solid #666;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.roundtop {
  border: 1px solid #abc;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
}

textarea {
  width: 99%;
}

.editor-container .editor-label,
.display-label {
  clear: both;
  float: left;
  width: 150px;
  margin: 1em 0 0 0;
}

.editor-container .editor-field,
.display-field {
  width: auto;
  margin: 0.5em 0 0 0;
  overflow: auto;
  min-height: 2em;
}

.editor-container input,
select option,
textarea {
  font-size: 13px;
}

/* begin easy tabs  */
.tabcontainer ul.tabs {
  list-style: none;
  margin: 0 !important;
  padding: 0;
  border-bottom: 1px solid #666;
  height: 30px;
}

/* single tab */
.tabcontainer ul.tabs li {
  float: left;
  text-indent: 0;
  padding: 0;
  margin: 0 !important;
  list-style-image: none !important;
}

/* link inside the tab. uses a background image */
.tabcontainer ul.tabs a {
  background: url('/content/images/site/tabblue.png') no-repeat -420px 0;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 134px;
  text-align: center;
  text-decoration: none;
  color: #333;
  padding: 0px;
  margin: 0px;
  position: relative;
  top: 1px;
}

/*.tabcontainer ul.tabs a:active {
	outline:none;		
}*/

/* when mouse enters the tab move the background image */
.tabcontainer ul.tabs a:hover {
  background-position: -420px -31px;
  color: #fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
.tabcontainer ul.tabs a.current,
ul.tabs a.current:hover,
ul.tabs li.current a {
  background-position: -420px -62px;
  cursor: default !important;
  color: #000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabcontainer ul.tabs a.s {
  background-position: -553px 0;
  width: 81px;
}

.tabcontainer ul.tabs a.s:hover {
  background-position: -553px -31px;
}

.tabcontainer ul.tabs a.s.current {
  background-position: -553px -62px;
}

.tabcontainer ul.tabs a.m {
  background-position: -420px 0;
  width: 134px;
}

.tabcontainer ul.tabs a.m:hover {
  background-position: -420px -31px;
}

.tabcontainer ul.tabs a.m.current {
  background-position: -420px -62px;
}

/* width 2 */
.tabcontainer ul.tabs a.l {
  background-position: -248px -0px;
  width: 174px;
}

.tabcontainer ul.tabs a.l:hover {
  background-position: -248px -31px;
}

.tabcontainer ul.tabs a.l.current {
  background-position: -248px -62px;
}


/* width 3 */
.tabcontainer ul.tabs a.xl {
  background-position: 0 -0px;
  width: 248px;
}

.tabcontainer ul.tabs a.xl:hover {
  background-position: 0 -31px;
}

.tabcontainer ul.tabs a.xl.current {
  background-position: 0 -62px;
}


/* tab pane styling */
.tabcontainer div.tab_content {
  display: none;
  padding: 15px 10px;
  border: 1px solid #999;
  border-top: 0;
  /*background-color:#fff;*/
}

/* initially all panes are hidden */
.panes .pane {
  display: none;
}

/* tab pane styling */

/*end easy tab*/

/*begin accordion*/
.accordioncontainer h3 {
  cursor: pointer;
  border: 1px solid #ccc;
  /*background: #EFEFEF;*/
  padding: 4px 8px;
  font-size: 12px;
}

.accordioncontainer.accordion {
  padding: 5px 5px 5px 20px;
  font-size: 12px;
}

/*end accordion*/


/* Pager */
.pager {
  margin: 4px 1px;
  padding: 1px;
  text-align: center;
}

.pager .disabled {
  border: 1px solid #ddd;
  color: #999;
  margin-top: 4px;
  padding: 3px;
  text-align: center;
}

.pager .current {
  background-color: #6ea9bf;
  border: 1px solid #6e99aa;
  color: #fff;
  font-weight: bold;
  margin-top: 4px;
  padding: 3px 8px;
  text-align: center;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.pager span,
.pager a {
  margin: 4px 3px;
}

.pager a {

  padding: 3px 8px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #E5E4E2;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

/*Clear textbox icon*/
.cleartextbox {
  position: absolute;
  right: 2px;
  top: 0px;
  bottom: 0;
  height: 14px;
  margin: auto;
  font-size: 14px;
  cursor: pointer;
  color: #ccc;
  z-index: 10;
}

input.watermark {
  color: #999;
}

/*page loading indicator*/
#pageloading {
  position: fixed;
  left: 40%;
  /*right:50%;*/
  top: 45%;
  /*bottom:50%;*/
  margin: 0px auto;
}

#message {
  position: fixed;
  width: 100%;
  text-align: center;
  color: blue;
  font-weight: bold;
  top: 50%;
  left: 0px;
  /*bottom:50%;*/
  margin: 0px auto;
  text-decoration: blink;
}

#socialLoginList button {
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  display: inline;
  height: 48px;
  margin-bottom: 12px;
  cursor: pointer;
  border-color: #000;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  text-align: center;
  text-decoration: none;
  vertical-align: central;
  width: 175px;
}

#socialLoginList button:hover {
  background-color: #fff;
}

/*end social login*/

.img-responsive {
  max-width: 100%;
  max-height: 100%;
}

/*wrap long text, url*/
.syntaxhighlighter {
  white-space: pre;
  /* CSS 2.0 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3.0 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  white-space: -moz-pre-wrap;
  /* Mozilla */
  white-space: -hp-pre-wrap;
  /* HP Printers */
  word-wrap: break-word;
  /* IE 5+ */
  padding: 0.1em 0.5em 0.3em 0.7em;
  border-left: 11px solid #ccc;
  margin: 1.7em 0 1.7em 0.3em;
  overflow: auto !important;
  width: 93% !important;
  font-family: "Courier New", Courier, monospace, sans-serif;
}

.fixed-bottom {
  padding-top: 5px;
  bottom: -16px;
  padding-bottom: 5px;
}

.back-to-top {
  position: fixed;
  bottom: 5px;
  right: 15px;
  width: 40px;
  /*height: 40px;*/
  z-index: 5000;
  color: #aaaaaa;
  background: #aaaaaa;
  background: #fff;
  border-radius: 3px;
  border: 2px solid #cccccc;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  display: none;
  opacity: 0.5;
}

.back-to-top:hover {
  background-color: rgba(135, 135, 135, 0.50);
  text-decoration: none;
}

/*gldr color*/
.gldr-gray-noborder {
  background-color: #f9f9f9;
  border-width: 0;
}

.gldr-gray {
  background-color: #f9f9f9;
  border-width: 0;
  box-shadow: 0 1px 0 0 #abc;
  transition: background-color 200ms linear 0s;
}

.gldr-blue {
  background-color: #049cdb;
  border-width: 0;
  box-shadow: 0 2px 0 0 #336c9b;
  transition: background-color 200ms linear 0s;
  color: #fff;
}

.gldr-orange {
  background-color: #FFD119;
  border-width: 0;
  box-shadow: 0 2px 0 0 #FFDF5E;
  transition: background-color 200ms linear 0s;
  color: #fff;
}

.gldr-red {
  background-color: #ee5f5d;
  border-width: 0;
  box-shadow: 0 2px 0 0 #bd362f;
  transition: background-color 200ms linear 0s;
  color: #fff;
}

.gldr-green {
  background-color: #7cb228;
  border-width: 0;
  box-shadow: 0 2px 0 0 #7cb228;
  transition: background-color 200ms linear 0s;
  color: #fff;
}

.gldr-module {
  background-color: white;
  border: 1px solid #eee;
  border-radius: 2px;
  box-shadow: 0 1px 1px -1px rgba(153, 153, 153, 0.3);
  box-sizing: border-box;
  margin: 0 0 14px;
  padding: 14px;
}

dl.list::after {
  clear: both;
  content: ".";
  display: block;
  font-size: 1px;
  line-height: 1px;
  visibility: hidden;
}

.clearfix::after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

dl.list {
  /*border-bottom: 1px solid #eee;*/
  margin: 1em 0.5em 0;
}

dl.list dt {
  clear: both;
  color: #666;
  width: 45%;
}

dl.list dt,
dl.list dd {
  border-top: 1px solid #eee;
  float: left;
  margin: 0;
  padding: 0.4em 0 0.3em;
}

dl.list dd {
  width: 55%;
}

/*remove context*/
.onclick-menu {
  position: relative;
  display: inline-block;
}

/*md-top margin, padding*/
/*.md-center, .md-bottom, .md-top, .md-top-item > div, .md-top-item > p {
    margin:0px;
    padding:0px;
}

.md-left, .md-center, .md-right, .md-bottom {
    margin-bottom: 10px;
}

.md-left-item, .md-center-item, .md-right-item, .md-bottom-item {
    margin-bottom:15px;
    padding-top:15px;
    padding-bottom:15px;
}*/
/*for module left and module right flow down on large screen*/
/*@media (min-width:992px)
{
    .md-left {
        padding-left:0px;
    }
    .md-right {
        padding-right:0px;
    }
}*/
/*for module left and module right flow down on small screen*/
/*@media (max-width:992px)
{
    .md-left {
        padding:0px;
    }
    .md-right {
        padding:0px;
    }
}*/

.file-item-image {
  border: 1px solid #ccc;
  margin: 5px;
  padding: 22px 5px 0px 5px;
  height: 220px;
  width: 200px;
  overflow: hidden;
  text-align: center;
  display: inline-block;
  position: relative;
}

.file-item-image img {
  height: 150px;
  max-width: none;
  width: auto;
  cursor: pointer;
  transition: .5s ease;
}

.file-item-image img.selected {
  border: 2px solid red;
  height: 150px;
  max-width: none;
  width: auto;
  cursor: pointer;
}

.file-item-image .command {
  /*transition: .5s ease;*/
  opacity: 0;
  position: absolute;
  top: 10px;
  left: 100px;
  width: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.file-item-image:hover image {
  opacity: 0.3;
}

.file-item-image .command .glyphicon {
  font-size: 16px;
  margin: 5px;
  color: cornflowerblue;
  cursor: pointer;
}

.file-item-image:hover .command {
  opacity: 1;
}

/*admin menu*/
#leftAdminMenu .menu-title {
  display: none;
}

#leftAdminMenu {
  /*width: 40px;*/
  border: 0;
  z-index: 10;
  position: relative;
}

#leftAdminMenu ul {
  background: #536878;
  position: relative;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

#leftAdminMenu ul ul {
  margin-left: 0px;
  border-left: solid 1px #fff;
  width: 150px;
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
}

#leftAdminMenu ul li {
  position: relative;
  width: 100%;
  padding: 10px;
}

#leftAdminMenu ul li:hover {
  background: #708090;
}

#leftAdminMenu ul li:hover>ul {
  display: block;
}

#leftAdminMenu .menu-title {
  padding-left: 10px;
}

#leftAdminMenu a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  color: #fff;
}

/*#leftAdminMenu.menuExpanded {
    width: 200px;
}*/

#leftAdminMenu.menuExpanded .menu-title {
  display: inline-block;
}

/*checkbox*/
input[type=checkbox] {
  transform: scale(1.3);
}

/*drop tip*/
.dropToolTip {
  display: none;
  max-width: 300px;
  background-color: #808080;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 100000;
}

.dropToolTip .arrow-down {
  position: absolute;
  left: 45%;
  top: -8px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #808080;
}

.dropToolTip .arrow-top {
  position: absolute;
  left: 45%;
  top: -8px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #808080;
}

.dropToolTip .arrow-right {
  position: absolute;
  top: 45%;
  left: -8px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid #808080;
}

.dropToolTip .arrow-left {
  position: absolute;
  top: 45%;
  right: -8px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #808080;
}

/*end droptip*/
/*drop pop*/
.dropPop {
  display: none;
  position: fixed;
  z-index: 10000;
  width: 500px;
  min-height: 30px;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}

.dropAttach-header {
  background-color: #007bff;
}

.dropAttach-header a.close-header {
  line-height: 1;
  font-size: 1em;
  text-decoration: none;
  color: rgba(0, 0, 0, .3);
  border: solid 1px #abc;
  padding: 5px 8px;
  opacity: 1;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.dropPop .dropPop-header {
  padding: 10px;
  min-height: 15px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  background-color: #007bff;
  color: #fff;
}

.dropPop .dropPop-header span {
  font-weight: bold;
  margin: 0 auto;
}

.dropPop .dropPop-body {
  padding: 10px;
}

.dropPop .dropPop-footer {
  padding: 10px;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
  min-height: 20px;
}

.dropPop-overlay {
  display: none;
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

.dropPop a.close-header {
  line-height: 1;
  font-size: 1em;
  position: absolute;
  /*top: 5px;*/
  right: 5px;
  text-decoration: none;
  color: rgba(0, 0, 0, .3);
  border: solid 1px #abc;
  padding: 2px 8px 8px 8px;
  opacity: 1;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.dropPop a.close:hover {
  border: solid 1px #ccc;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

.dropPop .close-footer {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  bottom: 10px;
  right: 15px;
  text-decoration: none;
  color: #bbb;
}

/*end drop pop*/
.hover-highlight:hover {
  background-color: #ccc;
}

div#overlay {
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  /*background-color: rgba(0, 0, 0, 0.1);*/
  text-align: center;
  color: #000;
  display: none;
  transition: all ease-out 0.3s;
  /*cursor: wait;*/
}

div#overlay img {
  position: fixed;
  left: 47%;
  /*right:50%;*/
  top: 47%;
  /*bottom:50%;*/
  margin: 0px auto;
}

/*.loading img{
    position:absolute;
    top:50%;
    left:48%;
}*/

/* File Extensions*/
.ext_3gp {
  background: url(/content/images/extensions/film.png) left top no-repeat;
}

.ext_afp {
  background: url(/content/images/extensions/code.png) left top no-repeat;
}

.ext_afpa {
  background: url(/content/images/extensions/code.png) left top no-repeat;
}

.ext_asp {
  background: url(/content/images/extensions/code.png) left top no-repeat;
}

.ext_aspx {
  background: url(/content/images/extensions/code.png) left top no-repeat;
}

.ext_avi {
  background: url(/content/images/extensions/film.png) left top no-repeat;
}

.ext_bat {
  background: url(/content/images/extensions/application.png) left top no-repeat;
}

.ext_bmp {
  background: url(/content/images/extensions/picture.png) left top no-repeat;
}

.ext_c {
  background: url(/content/images/extensions/code.png) left top no-repeat;
}

.ext_cfm {
  background: url(/content/images/extensions/code.png) left top no-repeat;
}

.ext_cgi {
  background: url(/content/images/extensions/code.png) left top no-repeat;
}

.ext_com {
  background: url(/content/images/extensions/application.png) left top no-repeat;
}

.ext_cpp {
  background: url(/content/images/extensions/code.png) left top no-repeat;
}

.ext_css {
  background: url(/content/images/extensions/css.png) left top no-repeat;
}

.ext_doc {
  background: url(/content/images/extensions/doc.png) left top no-repeat;
}

.ext_docx {
  background: url(/content/images/extensions/doc.png) left top no-repeat;
}

.ext_exe {
  background: url(/content/images/extensions/application.png) left top no-repeat;
}

.ext_msi {
  background: url(/content/images/extensions/application.png) left top no-repeat;
}

.ext_gif {
  background: url(/content/images/extensions/picture.png) left top no-repeat;
}

.ext_fla {
  background: url(/content/images/extensions/flash.png) left top no-repeat;
}

.ext_h {
  background: url(/content/images/extensions/code.png) left top no-repeat;
}

.ext_htm {
  background: url(/content/images/extensions/html.png) left top no-repeat;
}

.ext_html {
  background: url(/content/images/extensions/html.png) left top no-repeat;
}

.ext_cshtml {
  background: url(/content/images/extensions/html.png) left top no-repeat;
}

.ext_jar {
  background: url(/content/images/extensions/java.png) left top no-repeat;
}

.ext_jpg {
  background: url(/content/images/extensions/picture.png) left top no-repeat;
}

.ext_jpeg {
  background: url(/content/images/extensions/picture.png) left top no-repeat;
}

.ext_js {
  background: url(/content/images/extensions/script.png) left top no-repeat;
}

.ext_lasso {
  background: url(/content/images/extensions/code.png) left top no-repeat;
}

.ext_log {
  background: url(/content/images/extensions/txt.png) left top no-repeat;
}

.ext_m4p {
  background: url(/content/images/extensions/music.png) left top no-repeat;
}

.ext_mov {
  background: url(/content/images/extensions/film.png) left top no-repeat;
}

.ext_mp3 {
  background: url(/content/images/extensions/music.png) left top no-repeat;
}

.ext_mp4 {
  background: url(/content/images/extensions/film.png) left top no-repeat;
}

.ext_mpg {
  background: url(/content/images/extensions/film.png) left top no-repeat;
}

.ext_mpeg {
  background: url(/content/images/extensions/film.png) left top no-repeat;
}

.ext_ogg {
  background: url(/content/images/extensions/music.png) left top no-repeat;
}

.ext_pcx {
  background: url(/content/images/extensions/picture.png) left top no-repeat;
}

.ext_pdf {
  background: url(/content/images/extensions/pdf.png) left top no-repeat;
}

.ext_php {
  background: url(/content/images/extensions/php.png) left top no-repeat;
}

.ext_png {
  background: url(/content/images/extensions/picture.png) left top no-repeat;
}

.ext_ppt {
  background: url(/content/images/extensions/ppt.png) left top no-repeat;
}

.ext_pptx {
  background: url(/content/images/extensions/ppt.png) left top no-repeat;
}

.ext_psd {
  background: url(/content/images/extensions/psd.png) left top no-repeat;
}

.ext_pl {
  background: url(/content/images/extensions/script.png) left top no-repeat;
}

.ext_py {
  background: url(/content/images/extensions/script.png) left top no-repeat;
}

.ext_rb {
  background: url(/content/images/extensions/ruby.png) left top no-repeat;
}

.ext_rbx {
  background: url(/content/images/extensions/ruby.png) left top no-repeat;
}

.ext_rhtml {
  background: url(/content/images/extensions/ruby.png) left top no-repeat;
}

.ext_rpm {
  background: url(/content/images/extensions/linux.png) left top no-repeat;
}

.ext_ruby {
  background: url(/content/images/extensions/ruby.png) left top no-repeat;
}

.ext_sql {
  background: url(/content/images/extensions/db.png) left top no-repeat;
}

.ext_swf {
  background: url(/content/images/extensions/flash.png) left top no-repeat;
}

.ext_tif {
  background: url(/content/images/extensions/picture.png) left top no-repeat;
}

.ext_tiff {
  background: url(/content/images/extensions/picture.png) left top no-repeat;
}

.ext_txt {
  background: url(/content/images/extensions/txt.png) left top no-repeat;
}

.ext_vb {
  background: url(/content/images/extensions/code.png) left top no-repeat;
}

.ext_wav {
  background: url(/content/images/extensions/music.png) left top no-repeat;
}

.ext_wmv {
  background: url(/content/images/extensions/film.png) left top no-repeat;
}

.ext_csv {
  background: url(/content/images/extensions/xls.png) left top no-repeat;
}

.ext_xls {
  background: url(/content/images/extensions/xls.png) left top no-repeat;
}

.ext_xlsx {
  background: url(/content/images/extensions/xls.png) left top no-repeat;
}

.ext_xml {
  background: url(/content/images/extensions/code.png) left top no-repeat;
}

.ext_zip {
  background: url(/content/images/extensions/zip.png) left top no-repeat;
}

/* File Extensions End*/
/*grid view*/
.grid-item {
  height: 280px;
  text-align: left;
  margin: 10px 0px;
  padding: 0 5px;
  border: 1px solid #E5E4E2;
  overflow: hidden;
}

.grid-img {
  height: 200px;
  width: 100vw;
  padding: 2px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.grid-img .none-img {
  /*padding-top: 100px;*/
  font-size: 35px;
  color: #eee;
}

.grid-title h4 {
  overflow: hidden;
  line-height: 1.2;
}

.navbar-toggler-icon-gt {
  color: #fff;
  font-size: 25px;
}

.navbar-default .navbar-toggler-icon-gt {
  font-size: 25px;
  color: rgba(0, 0, 0, .3);
}

/*theme default*/
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777 !important;
}

.navbar-default .nav-link {
  color: #777 !important;
}

.navbar-default .nav-link:hover {
  color: #777 !important;
}

.navbar-default .btn-link {
  color: #777 !important;
}

.navbar-default .dropdown-submenu>a:after {
  border-left-color: #777 !important;
}

.navbar-default .navbar-nav .dropdown-menu {
  background-color: #f8f8f8;
}

.navbar-default .navbar-nav .dropdown-menu a {
  color: #777;
}

.navbar-default .navbar-nav .dropdown-menu a:hover {
  background-color: #f8f8f8;
  color: #777;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav>li>a {
  color: #777;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  background-color: #f8f8f8;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
  background-color: #f8f8f8;
}

.navbar-default .navbar-toggle {
  border-color: #777;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #777;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #f8f8f8;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #f8f8f8;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  background-color: #f8f8f8;
}


/*theme green blue*/
.navbar-green-blue {
  background-color: #0F65AE;
  border-color: #007bff;
}

.navbar-green-blue .navbar-brand {
  color: #fff !important;
}

.navbar-green-blue .nav-link {
  color: #fff !important;
}

.navbar-green-blue .nav-link:hover {
  color: #fff !important;
}

.navbar-green-blue .btn-link {
  color: #fff !important;
}

.navbar-green-blue .dropdown-submenu>a:after {
  border-left-color: #fff !important;
}

.navbar-green-blue .navbar-nav .dropdown-menu {
  background-color: #007bff;
}

.navbar-green-blue .navbar-nav .dropdown-menu a {
  color: #fff;
}

.navbar-green-blue .navbar-nav .dropdown-menu a:hover {
  background-color: #0F65AE;
  color: #fff;
}

.navbar-green-blue .navbar-text {
  color: #fff;
}

.navbar-green-blue .navbar-nav>li>a {
  color: #fff;
}

/*.navbar-green-blue .navbar-nav>li>a:hover,
.navbar-green-blue .navbar-nav>li>a:focus {
  background-color: #007bff;
}
*/
.navbar-green-blue .navbar-nav>.active>a,
.navbar-green-blue .navbar-nav>.active>a:hover,
.navbar-green-blue .navbar-nav>.active>a:focus {
  background-color: #007bff;
}

.navbar-green-blue .navbar-toggle {
  border-color: #fff;
}

.navbar-green-blue .navbar-toggle:hover,
.navbar-green-blue .navbar-toggle:focus {
  background-color: #fff;
}

.navbar-green-blue .navbar-toggle .icon-bar {
  background-color: #007bff;
}

.navbar-green-blue .navbar-collapse,
.navbar-green-blue .navbar-form {
  border-color: #007bff;
}

.navbar-green-blue .navbar-nav>.open>a,
.navbar-green-blue .navbar-nav>.open>a:hover,
.navbar-green-blue .navbar-nav>.open>a:focus {
  background-color: #007bff;
}

/*theme turquoise*/
.navbar-turquoise {
  background-color: #5bc8ac;
  border-color: #98dbc6;
}

.navbar-turquoise .navbar-brand {
  color: #fff !important;
}

.navbar-turquoise .nav-link {
  color: #fff !important;
}

.navbar-turquoise .nav-link:hover {
  color: #fff !important;
}

.navbar-turquoise .btn-link {
  color: #fff !important;
}

.navbar-turquoise .dropdown-submenu>a:after {
  border-left-color: #fff !important;
}

.navbar-turquoise .navbar-nav .dropdown-menu {
  background-color: #98dbc6;
}

.navbar-turquoise .navbar-nav .dropdown-menu a {
  color: #fff;
}

.navbar-turquoise .navbar-nav .dropdown-menu a:hover {
  background-color: #5bc8ac;
  color: #fff;
}

.navbar-turquoise .navbar-text {
  color: #fff;
}

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

.navbar-turquoise .navbar-nav>li>a:hover,
.navbar-turquoise .navbar-nav>li>a:focus {
  background-color: #98dbc6;
}

.navbar-turquoise .navbar-nav>.active>a,
.navbar-turquoise .navbar-nav>.active>a:hover,
.navbar-turquoise .navbar-nav>.active>a:focus {
  background-color: #98dbc6;
}

.navbar-turquoise .navbar-toggle {
  border-color: #fff;
}

.navbar-turquoise .navbar-toggle:hover,
.navbar-turquoise .navbar-toggle:focus {
  background-color: #fff;
}

.navbar-turquoise .navbar-toggle .icon-bar {
  background-color: #98dbc6;
}

.navbar-turquoise .navbar-collapse,
.navbar-turquoise .navbar-form {
  border-color: #98dbc6;
}

.navbar-turquoise .navbar-nav>.open>a,
.navbar-turquoise .navbar-nav>.open>a:hover,
.navbar-turquoise .navbar-nav>.open>a:focus {
  background-color: #98dbc6;
}

/*theme raspberry*/
.navbar-raspberry {
  background-color: #ed5752;
  border-color: #fa6e59;
}

.navbar-raspberry .navbar-brand {
  color: #fff !important;
}

.navbar-raspberry .nav-link {
  color: #fff !important;
}

.navbar-raspberry .dropdown-submenu>a:after {
  border-left-color: #fff !important;
}

.navbar-raspberry .nav-link:hover {
  color: #fff !important;
}

.navbar-raspberry .btn-link {
  color: #fff !important;
}

.navbar-raspberry .navbar-nav .dropdown-menu {
  background-color: #fa6e59;
}

.navbar-raspberry .navbar-nav .dropdown-menu a {
  color: #fff;
}

.navbar-raspberry .navbar-nav .dropdown-menu a:hover {
  background-color: #ed5752;
  color: #fff;
}

.navbar-raspberry .navbar-text {
  color: #fff;
}

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

.navbar-raspberry .navbar-nav>li>a:hover,
.navbar-raspberry .navbar-nav>li>a:focus {
  background-color: #fa6e59;
}

.navbar-raspberry .navbar-nav>.active>a,
.navbar-raspberry .navbar-nav>.active>a:hover,
.navbar-raspberry .navbar-nav>.active>a:focus {
  background-color: #fa6e59;
}

.navbar-raspberry .navbar-toggle {
  border-color: #fff;
}

.navbar-raspberry .navbar-toggle:hover,
.navbar-raspberry .navbar-toggle:focus {
  background-color: #fff;
}

.navbar-raspberry .navbar-toggle .icon-bar {
  background-color: #fa6e59;
}

.navbar-raspberry .navbar-collapse,
.navbar-raspberry .navbar-form {
  border-color: #fa6e59;
}

.navbar-raspberry .navbar-nav>.open>a,
.navbar-raspberry .navbar-nav>.open>a:hover,
.navbar-raspberry .navbar-nav>.open>a:focus {
  background-color: #fa6e59;
}

/*theme electric blue*/
.navbar-electric-blue {
  background-color: #007bff;
  border-color: #007bff;
}

.navbar-electric-blue .navbar-brand {
  color: #fff !important;
}

.navbar-electric-blue .nav-link {
  color: #fff !important;
}

.navbar-electric-blue .dropdown-submenu>a:after {
  border-left-color: #fff !important;
}

.navbar-electric-blue .nav-link:hover {
  color: #fff !important;
}

.navbar-electric-blue .btn-link {
  color: #fff !important;
}

.navbar-electric-blue .navbar-nav .dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(9, 30, 66, 0.15);
  padding: 4px 0;
}

.navbar-electric-blue .navbar-nav .dropdown-menu a {
  color: #1e293b;
  font-size: 13px;
  font-weight: 500;
  padding: 7px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.navbar-electric-blue .navbar-nav .dropdown-menu a:hover {
  background-color: #f1f5f9;
  color: #2563eb;
}

.navbar-electric-blue .navbar-text {
  color: #fff;
}

.navbar-electric-blue .navbar-nav>li>a {
  color: #fff;
}

.navbar-electric-blue .navbar-nav>li>a:hover,
.navbar-electric-blue .navbar-nav>li>a:focus {
  background-color: #007bff;
}

.navbar-electric-blue .navbar-nav>.active>a,
.navbar-electric-blue .navbar-nav>.active>a:hover,
.navbar-electric-blue .navbar-nav>.active>a:focus {
  background-color: #007bff;
}

.navbar-electric-blue .navbar-toggle {
  border-color: #fff;
}

.navbar-electric-blue .navbar-toggle:hover,
.navbar-electric-blue .navbar-toggle:focus {
  background-color: #fff;
}

.navbar-electric-blue .navbar-toggle .icon-bar {
  background-color: #007bff;
}

.navbar-electric-blue .navbar-collapse,
.navbar-electric-blue .navbar-form {
  border-color: #007bff;
}

.navbar-electric-blue .navbar-nav>.open>a,
.navbar-electric-blue .navbar-nav>.open>a:hover,
.navbar-electric-blue .navbar-nav>.open>a:focus {
  background-color: #007bff;
}

/*theme electric blue*/
.navbar-electric-blue-dark {
  background-color: #005eb8;
  border-color: #007bff;
}

.navbar-electric-blue-dark .navbar-brand {
  color: #fff !important;
}

.navbar-electric-blue-dark .nav-link {
  color: #fff !important;
}

.navbar-electric-blue-dark .dropdown-submenu>a:after {
  border-left-color: #fff !important;
}

.navbar-electric-blue-dark .nav-link:hover {
  color: #fff !important;
}

.navbar-electric-blue-dark .btn-link {
  color: #fff !important;
}

.navbar-electric-blue-dark .navbar-nav .dropdown-menu {
  background-color: #007bff;
}

.navbar-electric-blue-dark .navbar-nav .dropdown-menu a {
  color: #fff;
}

.navbar-electric-blue-dark .navbar-nav .dropdown-menu a:hover {
  background-color: #007bff;
  color: #fff;
}

.navbar-electric-blue-dark .navbar-text {
  color: #fff;
}

.navbar-electric-blue-dark .navbar-nav>li>a {
  color: #fff;
}

.navbar-electric-blue-dark .navbar-nav>li>a:hover,
.navbar-electric-blue-dark .navbar-nav>li>a:focus {
  background-color: #007bff;
}

.navbar-electric-blue-dark .navbar-nav>.active>a,
.navbar-electric-blue-dark .navbar-nav>.active>a:hover,
.navbar-electric-blue-dark .navbar-nav>.active>a:focus {
  background-color: #007bff;
}

.navbar-electric-blue-dark .navbar-toggle {
  border-color: #fff;
}

.navbar-electric-blue-dark .navbar-toggle:hover,
.navbar-electric-blue .navbar-toggle:focus {
  background-color: #fff;
}

.navbar-electric-blue-dark .navbar-toggle .icon-bar {
  background-color: #007bff;
}

.navbar-electric-blue .navbar-collapse,
.navbar-electric-blue .navbar-form {
  border-color: #007bff;
}

.navbar-electric-blue-dark .navbar-nav>.open>a,
.navbar-electric-blue-dark .navbar-nav>.open>a:hover,
.navbar-electric-blue-dark .navbar-nav>.open>a:focus {
  background-color: #007bff;
}

/*Decrease navbar height*/
.navbar-nav>li>a {
  padding-top: 7px !important;
  padding-bottom: 5px !important;
  line-height: 27px;
}

/*.navbar {
    min-height: 50px !important;
    margin-bottom: 5px;
    padding-top: 5px;
}*/

.navbar .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/*.navbar-brand {
    padding-top: 10px !important;
    max-height: 24px;*/
/*margin-left: -25px !important;*/
/*}*/

.navbar .navbar-toggle {
  padding: 4px;
}

table td {
  padding: 5px;
}

.table-wrapper {
  background: #fff;
  padding: 10px;
  margin: 20px 0;
  border-radius: 3px;
}

.table-title {
  padding-bottom: 15px;
  background: #5bc0de;
  color: #fff;
  padding: 5px 15px;
  margin: -20px -25px 10px;
  border-radius: 3px 3px 0 0;
}

.table-title h2 {
  margin: 5px 0 0;
  font-size: 24px;
  float: left;
}

.table-title .btn-group {
  float: right;
}

.table-title .btn {
  color: #fff;
  float: right;
  font-size: 13px;
  border: none;
  min-width: 50px;
  border-radius: 2px;
  border: none;
  outline: none !important;
  margin-left: 10px;
}

.table-title .btn i {
  float: left;
  font-size: 21px;
  margin-right: 5px;
}

.table-title .btn span {
  float: left;
  margin-top: 2px;
}

/*Paging*/
.pagination {
  /*float: right;*/
  margin: 0 0 5px;
}

.pagination li a {
  border: none;
  font-size: 13px;
  min-width: 30px;
  min-height: 30px;
  color: #999;
  margin: 0 2px;
  line-height: 30px;
  border-radius: 2px !important;
  text-align: center;
  padding: 0 6px;
}

.pagination li a:hover {
  color: #666;
}

.pagination li.active a,
.pagination li.active a.page-link {
  background: #03A9F4;
  pointer-events: none;
}

.pagination li.active a:hover {
  background: #0397d6;
}

.pagination li.disabled i {
  color: #ccc;
}

.pagination li i {
  font-size: 16px;
  padding-top: 6px
}

.hint-text {
  float: left;
  margin-top: 10px;
  font-size: 13px;
}

/* Custom checkbox */
.custom-checkbox {
  position: relative;
}

.custom-checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  margin: 5px 0 0 3px;
  z-index: 9;
}

.custom-checkbox label:before {
  width: 18px;
  height: 18px;
}

.custom-checkbox label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  background: white;
  border: 1px solid #bbb;
  border-radius: 2px;
  box-sizing: border-box;
  z-index: 2;
}

.custom-checkbox input[type="checkbox"]:checked+label:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 3px;
  width: 6px;
  height: 11px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  transform: inherit;
  z-index: 3;
  transform: rotateZ(45deg);
}

.custom-checkbox input[type="checkbox"]:checked+label:before {
  border-color: #03A9F4;
  background: #03A9F4;
}

.custom-checkbox input[type="checkbox"]:checked+label:after {
  border-color: #fff;
}

.custom-checkbox input[type="checkbox"]:disabled+label:before {
  color: #b8b8b8;
  cursor: auto;
  box-shadow: none;
  background: #ddd;
}



/*colors*/
/*let colors = ["#f44336", "#e91e63", "#9c27b0", "#673ab7", "#3f51b5", "#2196f3", "#03a9f4", "#00bcd4", "#009688", "#4caf50", "#8bc34a", "#cddc39", "#ffeb3b", "#ffc107", "#ff9800", "#ff5722", "#795548", "#607d8b", "#00c097", "#FF5E8F"];*/
.modal-overlay {
  background-color: #424242;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  content: '';
  /*pointer-events: none;*/
  z-index: -1;
}

.modal-overlay.active {
  opacity: 1;
  z-index: 2000;
}

.modal-body .title {
  padding-top: 10px;
  color: blue;
}

.formScreen .input-group,
.formScreen .form-group {
  margin-bottom: 10px;
}

#formScreen .screen-field {
  margin: 5px;
}

/*screen*/
#widgetForm .screen-field {
  /*padding: 15px;*/
  /*border: 1px solid Gray;*/
  margin: 5px;
}

/*#widgetForm .field-item:hover {
    border: 1px solid #ccc;
}*/
#widgetForm .field-item .field-label {
  padding: 7px;
  height: 35px;
  background-color: #03a9f4;
  color: #fff;
}

#widgetForm .field-item .widget {
  border: solid 1px #eee;
}

#widgetForm .field-fullscreen {
  display: block;
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  background-color: #fff;
}

#widgetForm .field-minimize>.widget {
  display: none;
}

/*Tag Input*/
.bootstrap-tagsinput {
  min-height: 35px !important;
  width: 100% !important;
}

.bootstrap-tagsinput .label {
  font-weight: normal;
  font-size: 85%;
  padding-top: 3px;
  padding-bottom: 3px;
}

/*tiny mce*/
.mce-content-body {
  padding: 10px;
}

.mce-content-body p {
  margin: 10px;
}

/*Menu hover*/
/*.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}*/
.dropdown-menu>li>a {
  padding: 6px 20px !important;
}

/*Nav multi dropdown level*/
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  color: #fff;
  top: 0;
  left: 100%;
  margin-top: -1px;
  margin-left: 1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

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

/*.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}*/
@media (max-width: 767px) {
  .dropdown-submenu>.dropdown-menu {
    margin-left: 20px;
  }
}

/*Calandar*/
.gcalendar-month {
  width: 100%;
}

.gcalendar-month td,
.gcalendar-month th {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  min-width: 35px;
  max-width: 50px;
  padding: 3px 0;
  text-align: center !important;
}

.gcalendar-month .current-day {
  background: #ff6a00;
  color: #fff;
  text-decoration: underline;
}

.gcalendar-month .selected-day {
  font-weight: bold;
  text-decoration: underline;
}

table.gcalendar-month {
  border-right: 1px solid #999;
  border-top: 1px solid #999;
}

.gcalendar-month th {
  background: #666;
  color: #fff;
}

.gcalendar-month .other-month {
  background: #eee;
}

.gcalendar-month td.monthDay:hover {
  font-weight: bold;
  text-decoration: underline;
}

/*Pop calendar*/
.calendar-month {
  width: 100%;
}

.calendar-month td,
.calendar-month th {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-width: 35px;
  max-width: 50px;
  padding: 3px 0;
  text-align: center !important;
}

.calendar-month .weekday {
  background: #007bff;
  color: #fff;
}

.calendar-month .weekend-day {
  background: #007bff;
  /*color: #fff;*/
  text-decoration: underline;
}

.calendar-month .current-day {
  background: #ff6a00;
  color: #fff;
  text-decoration: underline;
}

.calendar-month .selected-day {
  font-weight: bold;
  text-decoration: underline;
}

table.calendar-month {
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.calendar-month th {
  background: #666;
  color: #fff;
}

.calendar-month .other-month {
  background: #eee;
}

.calendar-month td.monthDay:hover {
  font-weight: bold;
  text-decoration: underline;
}

/*End pop calendar*/
.admin-left-menu {
  background: #536878;
}

/*Nestable*/
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  /*max-width: 600px;*/
  list-style: none;
  /*    font-size: 13px;
    line-height: 20px;*/
}

.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dd-list .dd-list {
  padding-left: 30px;
}

.dd-item,
.dd-empty,
.dd-placeholder {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  /*    font-size: 13px;
    line-height: 20px;*/
}

.dd-handle {
  display: block;
  height: 30px;
  margin: 5px 0;
  padding: 5px 10px;
  color: #333;
  text-decoration: none;
  /*    font-weight: bold;
    border: 1px solid #ccc;
    background: #fafafa;*/
  border-radius: 3px;
  box-sizing: border-box;
  cursor: move;
}

.dd-handle:hover {
  color: #2ea8e5;
  background: #fff;
}

.dd-item>button {
  position: relative;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 20px;
  margin: 5px 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: transparent;
  /*    font-size: 12px;
    line-height: 1;*/
  text-align: center;
  /*font-weight: bold;*/
}

.dd-item>button:before {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
}

/*+*/
.dd-item>button.dd-expand:before {
  font-family: 'Glyphicons Halflings';
  /* essential for enabling glyphicon */
  content: '\e080';
  color: gray;
  font-size: 11px;
}

/*-*/
.dd-item>button.dd-collapse:before {
  font-family: 'Glyphicons Halflings';
  /* essential for enabling glyphicon */
  content: '\e114';
  color: gray;
  font-size: 11px;
}

.dd-expand {
  display: none;
}

.dd-collapsed .dd-list,
.dd-collapsed .dd-collapse {
  display: none;
}

.dd-collapsed .dd-expand {
  display: block;
}

.dd-empty,
.dd-placeholder {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}

.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}

.dd-dragel>.dd-item .dd-handle {
  margin-top: 0;
}

.dd-dragel .dd-handle {
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

.dd-nochildren .dd-placeholder {
  display: none;
}

/*Star rating*/
.jq-stars {
  display: inline-block;
  position: relative;
  top: 7px;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100%;
}


.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow(-2px -2px 2px #888);
  filter: drop-shadow(-2px -2px 2px #888);
}

/*Topper Top*/
.topper-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: auto;
  background-color: #3498db;
  color: #fff;
  z-index: 60009022;
}

/*  */
.topper-success {
  background-color: #2ecc71;
  color: #fff;
}

.topper-info {
  background-color: #5bc0de;
  color: #fff;
}

.topper-primary {
  background-color: #3498db;
  color: #fff;
}

.topper-warning {
  background-color: #f39c12;
  color: #1f1f1f;
}

.topper-danger {
  background-color: #e74c3c;
  color: #fff;
}

/* Topper-top */

.topper-top .topper-title {
  float: left;
  font-weight: bold;
}

.topper-top .topper-text {
  float: left;
  margin-left: 15px;
}

.topper-top .topper-close {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 28px;
  cursor: pointer;
  transition: opacity 200ms ease;
}

.topper-top .topper-close:hover {
  opacity: 0.7;
}

.topper-top .topper-content:after {
  content: "";
  display: table;
  clear: both;
}

.topper-top .topper-content {
  padding: 13px;
  text-align: center;
}

/*End Topper Top*/
@media print {
  .noprint {
    display: none !important;
  }
}

.body-content-fixed-top {
  margin-top: 56px !important;
}

/*#region Design Block*/

.lead {
  font-size: 1.4rem;
  font-weight: 400;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014 \00A0";
}

.btn-outline-primary {
  color: #329ef7;
  background-color: transparent;
  background-image: none;
  border-color: #329ef7;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #329ef7;
  border-color: #329ef7;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(50, 158, 247, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #329ef7;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #329ef7;
  border-color: #329ef7;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(50, 158, 247, 0.5);
}

.btn-outline-secondary {
  color: #fe6655;
  background-color: transparent;
  background-image: none;
  border-color: #fe6655;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #fe6655;
  border-color: #fe6655;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 102, 85, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #fe6655;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #fe6655;
  border-color: #fe6655;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 102, 85, 0.5);
}

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #329ef7;
  background-color: transparent;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.3125rem 0.875rem 0 rgba(129, 129, 129, 0.2) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.rounded {
  overflow: hidden;
}

.rounded-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.fdb-block {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  padding: 7.5rem 0;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-color: #FFFFFF;
}

.fdb-block .container {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.fdb-block .container.bg-r {
  background-position: right;
}

.fdb-block.fdb-viewport {
  min-height: calc(100% - 2 * 7.5rem);
}

.fdb-block.fdb-viewport .container {
  min-height: calc(100% - 2 * 7.5rem);
}

.fdb-block.fdb-image-bg {
  color: #f2f2f2;
}

.fdb-block .fdb-box {
  background: #FFFFFF;
  padding: 3.75rem 2.5rem;
  overflow: hidden;
  color: #444444;
  border-radius: 0.25rem;
  box-shadow: 0 0.3125rem 0.875rem 0 rgba(129, 129, 129, 0.2) !important;
}

.fdb-block .fdb-touch {
  border-top: solid 0.3125rem #329ef7;
  z-index: 2;
}

.fdb-block img+p,
.fdb-block img+h3,
.fdb-block img+h4 {
  margin-top: 1.25rem;
}

.fdb-block img+h1,
.fdb-block img+h2 {
  margin-top: 2.5rem;
}

.fdb-block .col-fill-left {
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.fdb-block .col-fill-left+div {
  position: relative;
  z-index: 2;
}

.fdb-block .col-fill-right {
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.fdb-block .col-fill-right+div {
  position: relative;
  z-index: 2;
}

.fdb-block img.fdb-icon {
  width: auto;
  width: 3.75rem;
}

.fdb-block img.fdb-icon-round {
  width: auto;
  width: 3.75rem;
}

.fdb-block .row-100 {
  height: 6.25rem;
  width: 100%;
}

.fdb-block .row-50 {
  height: 3.125rem;
  width: 100%;
}

.fdb-block .row-70 {
  height: 4.375rem;
  width: 100%;
}

.bg-dark {
  background-color: #2d313c;
  color: #f2f2f2;
}

.bg-dark p.lead {
  color: white;
}

.bg-gray {
  background-color: #f4f7fe;
  color: #444444;
}


/*#endregion */
.form-control:disabled,
.form-control[readonly] {
  background-color: #f0f0f0 !important;
  opacity: 1;
}

/* The track for the fake scrollbar */
.sticky-scrollbar {
  position: fixed;
  bottom: 0;
  /* Sticks to bottom of screen */
  height: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  z-index: 4999;
  /* on top of everything */
  display: none;
  /* Hidden by default */
  background: rgba(255, 255, 255, 0.9);
  /* Semi-transparent background */
  border-top: 1px solid #eee;
}

/* The inner content to force the scrollbar to appear */
.sticky-scrollbar div {
  height: 1px;
}

/* Mobile Optimization: Unlock the Scroll */
@media screen and (max-width: 768px) {

  /* 1. UNLOCK the Container */
  /* We override your existing 'overflow: hidden' so mobile users can swipe */
  .hover-scroll {
    overflow-x: auto !important;
    /* Forces scroll capability */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    /* Enables smooth iOS swiping */
    padding-bottom: 5px;
    /* Optional: Space for the scrollbar */
  }

  /* 2. UNLOCK the Table */
  /* Ensure the table itself isn't hiding anything */
  .hover-scroll table.table-responsive {
    overflow: visible !important;
    min-width: 1000px;
    /* Force it wide so you have something to scroll into */
  }

  /* 3. Disable the "Fake" Scrollbar on mobile */
  /* It's hard to use on phones, so we hide it and rely on the native swipe above */
  .sticky-scrollbar {
    display: none !important;
  }

}

/* Hide FilePond Credits */
.filepond--credits {
  display: none !important;
}

/* ============================================
   BACKWARD COMPATIBILITY ALIASES
   These map old class names (stored in database)
   to the same styles as the gt- prefixed versions.
   Remove these after updating database records.
   ============================================ */
.m-0 {
  margin: 0px !important;
}

.m-2 {
  margin: 2px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-center {
  margin: 0px auto !important;
}

.m-b-2 {
  margin-bottom: 2px !important;
}

.m-b-3 {
  margin-bottom: 3px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.m-t-2 {
  margin-top: 2px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-l-2 {
  margin-left: 2px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-2 {
  margin-right: 2px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.p-0 {
  padding: 0px !important;
}

.p-2 {
  padding: 2px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-4 {
  padding: 4px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-6 {
  padding: 6px !important;
}

.p-7 {
  padding: 7px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-9 {
  padding: 9px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-60 {
  padding: 60px !important;
}

.p-70 {
  padding: 70px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-l-3 {
  padding-left: 3px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-t-3 {
  padding-top: 3px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-r-3 {
  padding-right: 3px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-lr-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.p-lr-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.p-lr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.p-lr-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.p-lr-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.p-lr-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.p-lr-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.p-lr-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.p-lr-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.p-lr-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.p-lr-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.p-lr-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.w-auto {
  width: auto !important;
}

.w-16 {
  width: 16px !important;
}

.w-20 {
  width: 20px !important;
}

.w-25 {
  width: 25px !important;
}

.w-30 {
  width: 30px !important;
}

.w-32 {
  width: 32px !important;
}

.w-35 {
  width: 35px !important;
}

.w-40 {
  width: 40px !important;
}

.w-48 {
  width: 48px !important;
}

.w-50 {
  width: 50px !important;
}

.w-60 {
  width: 60px !important;
}

.w-70 {
  width: 70px !important;
}

.w-80 {
  width: 80px !important;
}

.w-90 {
  width: 90px !important;
}

.w-100 {
  width: 100px !important;
}

.w-130 {
  width: 130px !important;
}

.w-140 {
  width: 140px !important;
}

.w-150 {
  width: 150px !important;
}

.w-160 {
  width: 160px !important;
}

.w-170 {
  width: 170px !important;
}

.w-180 {
  width: 180px !important;
}

.w-200 {
  width: 200px !important;
}

.w-230 {
  width: 230px !important;
}

.w-240 {
  width: 240px !important;
}

.w-250 {
  width: 250px !important;
}

.w-300 {
  width: 300px !important;
}

.w-350 {
  width: 350px !important;
}

.w-400 {
  width: 400px !important;
}

.w-450 {
  width: 450px !important;
}

.w-500 {
  width: 500px !important;
}

.w-550 {
  width: 550px !important;
}

.w-600 {
  width: 600px !important;
}

.w-650 {
  width: 650px !important;
}

.w-700 {
  width: 700px !important;
}

.w-750 {
  width: 750px !important;
}

.w-800 {
  width: 800px !important;
}

.w-850 {
  width: 850px !important;
}

.w-900 {
  width: 900px !important;
}

.w-950 {
  width: 950px !important;
}

.w-1000 {
  width: 1000px !important;
}

.w-1100 {
  width: 1100px !important;
}

.w-1150 {
  width: 1150px !important;
}

.w-1200 {
  width: 1200px !important;
}

.w-min-30 {
  min-width: 30px !important;
}

.w-min-50 {
  min-width: 50px !important;
}

.w-min-80 {
  min-width: 80px !important;
}

.w-min-100 {
  min-width: 100px !important;
}

.w-min-140 {
  min-width: 140px !important;
}

.w-min-150 {
  min-width: 150px !important;
}

.w-min-160 {
  min-width: 160px !important;
}

.w-min-200 {
  min-width: 200px !important;
}

.w-min-250 {
  min-width: 250px !important;
}

.w-min-300 {
  min-width: 300px !important;
}

.w-min-350 {
  min-width: 350px !important;
}

.w-min-400 {
  min-width: 400px !important;
}

.w-min-450 {
  min-width: 450px !important;
}

.w-min-500 {
  min-width: 500px !important;
}

.w-min-550 {
  min-width: 550px !important;
}

.w-min-600 {
  min-width: 600px !important;
}

.w-min-650 {
  min-width: 650px !important;
}

.w-min-700 {
  min-width: 700px !important;
}

.w-min-750 {
  min-width: 750px !important;
}

.w-min-800 {
  min-width: 800px !important;
}

.w-min-850 {
  min-width: 850px !important;
}

.w-min-900 {
  min-width: 900px !important;
}

.w-min-950 {
  min-width: 950px !important;
}

.w-min-1000 {
  min-width: 1000px !important;
}

.w-max-50 {
  max-width: 50px !important;
}

.w-max-70 {
  max-width: 70px !important;
}

.w-max-100 {
  max-width: 100px !important;
}

.w-max-150 {
  max-width: 150px !important;
}

.w-max-160 {
  max-width: 160px !important;
}

.w-max-200 {
  max-width: 200px !important;
}

.w-max-250 {
  max-width: 250px !important;
}

.w-max-300 {
  max-width: 300px !important;
}

.w-max-350 {
  max-width: 350px !important;
}

.w-max-400 {
  max-width: 400px !important;
}

.w-max-450 {
  max-width: 450px !important;
}

.w-max-500 {
  max-width: 500px !important;
}

.w-max-550 {
  max-width: 550px !important;
}

.w-max-600 {
  max-width: 600px !important;
}

.w-max-650 {
  max-width: 650px !important;
}

.w-max-700 {
  max-width: 700px !important;
}

.w-max-750 {
  max-width: 750px !important;
}

.w-max-800 {
  max-width: 800px !important;
}

.w-max-850 {
  max-width: 850px !important;
}

.w-max-900 {
  max-width: 900px !important;
}

.w-max-950 {
  max-width: 950px !important;
}

.w-max-1000 {
  max-width: 1000px !important;
}

.w-max-1100 {
  max-width: 1100px !important;
}

.w-max-1150 {
  max-width: 1150px !important;
}

.w-max-1170 {
  max-width: 1170px !important;
}

.w-max-1200 {
  max-width: 1200px !important;
}

.w-max-1400 {
  max-width: 1400px !important;
}

.w-max-1500 {
  max-width: 1500px !important;
}

.w-max-1600 {
  max-width: 1600px !important;
}

.w-max-1800 {
  max-width: 1800px !important;
}

.w-max-2000 {
  max-width: 2000px !important;
}

.w-max-2500 {
  max-width: 2500px !important;
}

.w-50p {
  width: 50% !important;
}

.w-60p {
  width: 60% !important;
}

.w-70p {
  width: 70% !important;
}

.w-80p {
  width: 80% !important;
}

.w-90p {
  width: 90% !important;
}

.w-100p {
  width: 100% !important;
}

.w-max-90p {
  max-width: 90% !important;
}

.h-5 {
  height: 5px !important;
}

.h-10 {
  height: 10px !important;
}

.h-15 {
  height: 15px !important;
}

.h-20 {
  height: 20px !important;
}

.h-25 {
  height: 25px !important;
}

.h-30 {
  height: 30px !important;
}

.h-35 {
  height: 35px !important;
}

.h-40 {
  height: 40px !important;
}

.h-45 {
  height: 45px !important;
}

.h-50 {
  height: 50px !important;
}

.h-60 {
  height: 60px !important;
}

.h-70 {
  height: 70px !important;
}

.h-80 {
  height: 80px !important;
}

.h-90 {
  height: 90px !important;
}

.h-100 {
  height: 100px !important;
}

.h-110 {
  height: 110px !important;
}

.h-130 {
  height: 130px !important;
}

.h-150 {
  height: 150px !important;
}

.h-160 {
  height: 160px !important;
}

.h-170 {
  height: 170px !important;
}

.h-180 {
  height: 180px !important;
}

.h-200 {
  height: 200px !important;
}

.h-230 {
  height: 230px !important;
}

.h-250 {
  height: 250px !important;
}

.h-270 {
  height: 270px !important;
}

.h-300 {
  height: 300px !important;
}

.h-310 {
  height: 310px !important;
}

.h-350 {
  height: 350px !important;
}

.h-400 {
  height: 400px !important;
}

.h-450 {
  height: 450px !important;
}

.h-500 {
  height: 500px !important;
}

.h-550 {
  height: 550px !important;
}

.h-600 {
  height: 600px !important;
}

.h-min-20 {
  min-height: 20px !important;
}

.h-min-30 {
  min-height: 30px !important;
}

.h-min-35 {
  min-height: 35px !important;
}

.h-min-40 {
  min-height: 40px !important;
}

.h-min-50 {
  min-height: 50px !important;
}

.h-min-70 {
  min-height: 72px !important;
}

.h-min-100 {
  min-height: 100px !important;
}

.h-min-130 {
  min-height: 130px !important;
}

.h-min-150 {
  min-height: 150px !important;
}

.h-min-160 {
  min-height: 160px !important;
}

.h-min-200 {
  min-height: 200px !important;
}

.h-min-280 {
  min-height: 280px !important;
}

.h-min-300 {
  min-height: 300px !important;
}

.h-min-400 {
  min-height: 400px !important;
}

.h-min-500 {
  min-height: 500px !important;
}

.h-min-600 {
  min-height: 600px !important;
}

.h-min-700 {
  min-height: 700px !important;
}

.h-min-800 {
  min-height: 800px !important;
}

.h-min-900 {
  min-height: 900px !important;
}

.h-min-1000 {
  min-height: 1000px !important;
}

.h-max-50 {
  max-height: 50px !important;
}

.h-max-100 {
  max-height: 100px !important;
}

.h-max-150 {
  max-height: 150px !important;
}

.h-max-200 {
  max-height: 200px !important;
}

.h-max-300 {
  max-height: 300px !important;
}

.h-max-400 {
  max-height: 400px !important;
}

.h-max-500 {
  max-height: 500px !important;
}

.h-max-600 {
  max-height: 600px !important;
}

.h-max-700 {
  max-height: 700px !important;
}

.h-max-800 {
  max-height: 800px !important;
}

.h-max-900 {
  max-height: 900px !important;
}

.h-max-1000 {
  max-height: 1000px !important;
}

/* 
==================================================
   GIMCORE ENTERPRISE DATA GRID (.gc-table)
==================================================
*/
.gc-table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  display: block;
}

.gc-table {
  min-width: 100%;
  border-collapse: collapse;
  border: none;
  background-color: #fff;
}

.gc-table thead th,
.gc-table thead td,
.gc-table .gc-table-header th,
.gc-table .gc-table-header td {
  background-color: #f8fafc;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
  padding: 10px 16px;
  border-bottom: 2px solid #e2e8f0;
  border-top: none;
  border-left: none;
  border-right: none;
}

.gc-table tbody tr {
  background-color: #fff !important;
}

.gc-table tbody th,
.gc-table tbody td {
  padding: 12px 16px;
  color: #334155;
  border-bottom: 1px solid #e2e8f0;
  border-top: none;
  border-left: none;
  border-right: none;
  vertical-align: middle;
}

.gc-table tbody tr:hover,
.gc-table tbody tr:hover td,
.gc-table tbody tr:hover th {
  background-color: #f1f5f9 !important;
}

.gc-table tfoot th,
.gc-table tfoot td,
.gc-table .gc-table-footer th,
.gc-table .gc-table-footer td,
.gc-table .tr-total td,
.gc-table .tr-total th {
  background-color: #fbfbfc;
  font-weight: 600;
  border-top: 2px solid #cbd5e1;
  border-bottom: none;
  padding: 12px 16px;
  color: #1e293b;
}

.gc-table.gc-table-sm thead th,
.gc-table.gc-table-sm thead td,
.gc-table.gc-table-sm .gc-table-header th,
.gc-table.gc-table-sm .gc-table-header td {
  padding: 8px 10px;
}

.gc-table.gc-table-sm tbody th,
.gc-table.gc-table-sm tbody td,
.gc-table.gc-table-sm tfoot th,
.gc-table.gc-table-sm tfoot td,
.gc-table.gc-table-sm .gc-table-footer th,
.gc-table.gc-table-sm .gc-table-footer td,
.gc-table.gc-table-sm .tr-total td,
.gc-table.gc-table-sm .tr-total th {
  padding: 8px 10px;
}

/* Sticky header for legacy tables injected by enforceGimCoreTableFormat
   Two-div nested structure: .gc-scrollbar (no overflow) > .gc-table-scroll-inner (overflow-x:auto) > table
   Scoped to .gc-scrollbar so SearchGridView clone-headers are NOT affected */
.gc-table-responsive.gc-scrollbar .gc-table-scroll-inner>.gc-table .gc-table-header th,
.gc-table-responsive.gc-scrollbar .gc-table-scroll-inner>.gc-table .gc-table-header td,
.gc-table-responsive.gc-scrollbar .gc-table-scroll-inner>.gc-table thead th,
.gc-table-responsive.gc-scrollbar .gc-table-scroll-inner>.gc-table thead td {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #f8fafc;
  box-shadow: 0 1px 0 #e2e8f0;
}

/* 
==================================================
   GIMCORE ENTERPRISE BADGE (.gc-badge)
==================================================
*/
.gc-badge {

  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  border-radius: 99px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  white-space: nowrap;
}

/* Intercept Legacy Color Classes to pastel wash inside Data Grids */
/*.gc-table .gc-badge.bg-success,
.gc-table .gc-badge.btn-success,
.formScreen .gc-badge.bg-success,
.formScreen .gc-badge.btn-success {
  background-color: #dcfce7 !important;
  color: #166534 !important;
  border: none !important;
}

.gc-table .gc-badge.bg-info,
.gc-table .gc-badge.btn-info,
.formScreen .gc-badge.bg-info,
.formScreen .gc-badge.btn-info {
  background-color: #e0f2fe !important;
  color: #075985 !important;
  border: none !important;
}

.gc-table .gc-badge.bg-warning,
.gc-table .gc-badge.btn-warning,
.formScreen .gc-badge.bg-warning,
.formScreen .gc-badge.btn-warning {
  background-color: #fef9c3 !important;
  color: #854d0e !important;
  border: none !important;
}

.gc-table .gc-badge.bg-danger,
.gc-table .gc-badge.btn-danger,
.formScreen .gc-badge.bg-danger,
.formScreen .gc-badge.btn-danger {
  background-color: #fee2e2 !important;
  color: #b91c1c !important;
  border: none !important;
}

.gc-table .gc-badge.bg-primary,
.gc-table .gc-badge.btn-primary,
.formScreen .gc-badge.bg-primary,
.formScreen .gc-badge.btn-primary {
  background-color: #dbeafe !important;
  color: #1e40af !important;
  border: none !important;
}

.gc-table .gc-badge.bg-secondary,
.gc-table .gc-badge.btn-secondary,
.gc-table .gc-badge.btn-default,
.gc-table .gc-badge.bg-dark,
.formScreen .gc-badge.bg-secondary,
.formScreen .gc-badge.btn-secondary,
.formScreen .gc-badge.btn-default,
.formScreen .gc-badge.bg-dark {
  background-color: #f1f5f9 !important;
  color: #334155 !important;
  border: none !important;
}*/

/* 
==================================================
   GIMCORE ENTERPRISE USER AVATAR (.gc-table .user-avatar-image)
==================================================
*/
.gc-table .user-avatar-image {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50%;
  object-fit: cover;
  vertical-align: middle;
  margin-right: 4px;
}

/* 
==================================================
   GIMCORE ENTERPRISE DETAIL SCREEN (FORM LABELS)
==================================================
*/
.field-label,
.field-label span.inline,
.formScreen .field-label,
.formScreen .field-label span.inline {
    /*color: #0284c7 !important;*/
    color: #4185e5 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 2px !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Enforce proximity: Tight gap between label and value, wider gap to next field */
.field-item,
.formScreen .field-item {
  margin-bottom: 2px !important;
}

.field-label+*,
.formScreen .field-label+* {
  margin-top: 0 !important;
}

.field-value,
.formScreen .field-value {
  line-height: 1.3 !important;
}

.field-value.gt-p-t-5,
.formScreen .field-value.gt-p-t-5 {
  padding-top: 0 !important;
}

/* Hyper-compact buttons for childlist actions to match 12px headers */
.btn-childlist {
  padding: 0 6px !important;
  height: 22px !important;
  font-size: 11px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  line-height: 1 !important;
}

/* Normalize Input Controls in Forms: Ignore user display configs (like text20) during data entry for proportion */
.formScreen input.form-control,
.formScreen select.form-control,
.formScreen textarea.form-control {
  font-size: 13px !important;
  color: #334155 !important;
  /* Neutral dark slate */
  font-weight: normal !important;
}

/* 
==================================================
   GIMCORE ENTERPRISE DETAIL SCREEN (FIELD VALUES)
==================================================
*/
.formScreen .field-item {
  /*color: #0f172a;*/
  /* Slate 900 for high contrast */
  /*font-weight: 500;*/
  /*font-size: 14px;*/
}

.formScreen .field-item .gc-badge {
  font-weight: 600;
}

/* 
==================================================
   GIMCORE ENTERPRISE DETAIL SCREEN (UI PADDING)
==================================================
*/
/*.formScreen .field-item {
  margin-bottom: 16px !important;
}*/

.formScreen .user-avatar-image {
  border-radius: 50% !important;
  object-fit: cover;
}

/* 
==================================================
   GIMCORE ENTERPRISE PASTEL WASH (CUSTOM BG-FLAT)
==================================================
*/
.gc-table .gc-badge.bg-flat-orange,
.formScreen .gc-badge.bg-flat-orange {
  background-color: #ffedd5 !important;
  color: #c2410c !important;
  border: none !important;
}

.gc-table .gc-badge.bg-flat-cyan,
.formScreen .gc-badge.bg-flat-cyan {
  background-color: #cffafe !important;
  color: #0891b2 !important;
  border: none !important;
}

.gc-table .gc-badge.bg-flat-green,
.formScreen .gc-badge.bg-flat-green {
  background-color: #dcfce7 !important;
  color: #166534 !important;
  border: none !important;
}

.gc-table .gc-badge.bg-flat-blue,
.formScreen .gc-badge.bg-flat-blue {
  background-color: #dbeafe !important;
  color: #1e40af !important;
  border: none !important;
}

.gc-table .gc-badge.bg-flat-red,
.formScreen .gc-badge.bg-flat-red {
  background-color: #fee2e2 !important;
  color: #b91c1c !important;
  border: none !important;
}

.gc-table .gc-badge.bg-flat-yellow,
.formScreen .gc-badge.bg-flat-yellow {
  background-color: #fef9c3 !important;
  color: #854d0e !important;
  border: none !important;
}

.gc-table .gc-badge.bg-flat-purple,
.formScreen .gc-badge.bg-flat-purple {
  background-color: #f3e8ff !important;
  color: #7e22ce !important;
  border: none !important;
}

/* 
==================================================
   GIMCORE ENTERPRISE AVATAR STACK (FACEPILE)
==================================================
*/
.avatar-group {
  display: inline-flex;
  align-items: center;
  padding-left: 2px;
}

.avatar-group .user-avatar-image {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 2px solid #fff;
  margin-left: -10px;
  position: relative;
  transition: transform 0.2s ease, z-index 0.2s ease;
  object-fit: cover;
}

.avatar-group .user-avatar-image:first-child {
  margin-left: 0;
  z-index: 5;
}

.avatar-group .user-avatar-image:hover {
  transform: translateY(-3px);
  z-index: 10 !important;
}

/* Bootstrap 5 compatibility fix for bootstrap-tagsinput
   bootstrap-tagsinput sets display:inline-block which breaks Bootstrap 5 flex input-group
   causing the search button to wrap to a new line */
.input-group .bootstrap-tagsinput {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  border-radius: var(--bs-border-radius, 4px) 0 0 var(--bs-border-radius, 4px) !important;
  border-right: 0 !important;
}

.input-group .bootstrap-tagsinput:focus-within {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  z-index: 3;
}

/* 
==================================================
   FORM CONTROL PLACEHOLDER STYLING
==================================================
*/
.form-control::placeholder {
  color: #adb5bd !important;
  /* Light gray */
  font-weight: 400 !important;
  /* Normal weight */
  font-size: 13px !important;
  /* Slightly smaller */
  opacity: 1 !important;
  /* Standardize cross-browser opacity */
}

.form-control:-ms-input-placeholder {
  color: #adb5bd !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

.form-control::-ms-input-placeholder {
  color: #adb5bd !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

/* 
==================================================
   GIMCORE REPORTING UI MODERNIZATION (TABS & CARDS)
==================================================
*/
#ul-report {
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 5px;
}

#ul-report .nav-link {
  color: #495057;
  font-weight: 500;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 8px 15px;
  margin-right: 5px;
  font-size: 13px;
  transition: all 0.2s;
}

#ul-report .nav-link:hover {
  color: #0d6efd;
  border-bottom: 3px solid #e9ecef;
}

#ul-report .nav-link.underline,
#ul-report .active>.nav-link {
  color: #0d6efd !important;
  border-bottom: 3px solid #0d6efd !important;
  font-weight: 600;
  background: transparent !important;
}

#ul-report .nav-item {
  margin-bottom: -1px;
}

.report-nav-child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 5px 0 10px 0;
}

.report-nav-child .nav-pill {
  padding: 5px 14px;
  color: #6c757d;
  background-color: #f1f3f5;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s;
  border: 1px solid transparent;
}

.report-nav-child .nav-pill:hover {
  background-color: #e9ecef;
  color: #212529;
}

.report-nav-child .nav-pill.active {
  background-color: #e7f1ff !important;
  color: #0d6efd !important;
  border-color: #b6d4fe !important;
  font-weight: 600;
}

.report-card {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  padding: 15px;
  margin-top: 15px;
}

/* === Enterprise Report Toolbar === */
.report-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0 6px 0;
  gap: 6px;
  flex-wrap: wrap;
  border-bottom: 1px solid #e9ecef;
  margin-bottom: 2px;
}

.report-toolbar-left,
.report-toolbar-right {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

/* Base toolbar button */
.tb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 28px;
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 500;
  color: #495057;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  box-sizing: border-box;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.tb-btn:hover {
  background-color: #f1f3f5;
  border-color: #ced4da;
  color: #212529;
}

.tb-btn:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.15);
}

/* Icon-only variant */
.tb-btn-icon {
  padding: 0 8px;
  color: #6c757d;
}

.tb-btn-icon:hover {
  color: #0d6efd;
}

/* Pagination meta text */
.tb-meta {
  font-size: 12.5px;
  color: #6c757d;
  white-space: nowrap;
}

/* Rows-per-page select */
.tb-select {
  height: 28px;
  padding: 2px 6px;
  font-size: 12.5px;
  color: #495057;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  cursor: pointer;
}

.tb-select:focus {
  outline: none;
  border-color: #86b7fe;
}

/* Integrated search pill */
.tb-search {
  display: inline-flex;
  align-items: center;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  overflow: hidden;
  height: 28px;
}

.tb-search-input {
  border: none;
  outline: none;
  padding: 3px 10px;
  font-size: 12.5px;
  color: #495057;
  background: #fff;
  width: 190px;
}

.tb-search-input::placeholder {
  color: #adb5bd;
  font-style: italic;
  font-size: 12px;
}

.tb-search-btn {
  border: none;
  background: #f1f3f5;
  padding: 4px 10px;
  color: #6c757d;
  cursor: pointer;
  border-left: 1px solid #dee2e6;
  transition: background 0.15s;
}

.tb-search-btn:hover {
  background: #e9ecef;
  color: #0d6efd;
}

.dropdown-menu-sm .dropdown-item {
  font-size: 12.5px;
  padding: 5px 14px;
}

/* === Filter Field Label Row === */
.filter-field-label {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 0 4px 0;
  font-size: 13px;
  font-weight: 600;
  color: #343a40;
}

.filter-field-label .field-name-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #343a40;
  font-weight: 600;
}

/* Include / Exclude compact select pill */
.filter-op-select {
  height: 22px;
  padding: 0 6px;
  font-size: 11.5px;
  font-weight: 500;
  color: #fff;
  background-color: #5a8a9f;
  border: none;
  border-radius: 11px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  flex-shrink: 0;
  text-align: center;
  text-align-last: center;
}

.filter-op-select:hover {
  background-color: #4a7a8f;
}

.filter-op-select option {
  background-color: #fff;
  color: #343a40;
  font-weight: 500;
}

/* === Fix dropdown-menu link colors to neutral === */
.report-toolbar .dropdown-menu .dropdown-item a,
.report-toolbar .dropdown-menu a.dropdown-item {
  color: #343a40;
  text-decoration: none;
}

.report-toolbar .dropdown-menu .dropdown-item a:hover,
.report-toolbar .dropdown-menu a.dropdown-item:hover {
  color: #0d6efd;
  background-color: #f1f3f5;
}

/* Dropdown items inside toolbar - override bootstrap link blue */
.report-toolbar .dropdown-menu li a {
  color: #343a40;
  font-size: 12.5px;
}

.report-toolbar .dropdown-menu li a:hover {
  color: #0d6efd;
}

/* === Grid row action dropdown === */
.grid-action-icon {
  color: #6c757d;
  width: 14px;
  text-align: center;
}

.dropdown-menu .dropdown-item a {
  color: #343a40;
  text-decoration: none;
}

.dropdown-menu .dropdown-item a:hover {
  color: #0d6efd;
}

.dropdown-menu li a {
  color: #343a40;
}

.dropdown-menu li a:hover {
  color: #0d6efd;
}

/* === Report Title Bar === */
.report-title-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 6px 0;
  flex-wrap: wrap;
}

.report-title {
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  line-height: 1.3;
}

/* Shared base for delete and configure buttons */
.report-title-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 13px;
  border-radius: 5px;
  color: #9ca3af;
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.15s, background 0.15s;
  flex-shrink: 0;
}

.report-title-btn:hover {
  color: #3b82f6;
  background: #eff6ff;
}

/* Delete button — danger on hover */
.report-title-btn-delete:hover {
  color: #ef4444 !important;
  background: #fef2f2 !important;
}

/* Author chip */
.report-title-author {
  font-size: 11.5px;
  color: #9ca3af;
  font-style: italic;
  margin-left: 2px;
  font-weight: 400;
}

/* === ReportBuilder panel and child pills === */
.report-card {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 12px 14px;
  margin: 8px 0;
}

.report-nav-child {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 6px 0 4px 0;
}

.nav-pill {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 500;
  color: #495057;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 13px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.nav-pill:hover {
  background-color: #e7f1ff;
  border-color: #3b82f6;
  color: #1d4ed8;
}

.nav-pill.active {
  background-color: #3b82f6;
  border-color: #3b82f6;
  color: #fff;
}

/* === Nav dropdown icons (Board / Timeline / Add / Opportunities) === */
.nav-dd-icon {
  width: 16px;
  text-align: center;
  color: #8b95a2;
  font-size: 13px;
  margin-right: 6px;
  flex-shrink: 0;
}

.nav-dd-icon-add {
  width: 16px;
  text-align: center;
  color: #16a34a;
  font-size: 13px;
  margin-right: 6px;
  flex-shrink: 0;
}

.dropdown-item:hover .nav-dd-icon {
  color: #3b82f6;
}
/* GIMCORE gc-table OVERRIDES ADDED SECURELY */




GIMCORE ENTERPRISE DATA GRID (.gc-table)
==================================================
*/
.gc-table-responsive {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
display: block;
}

.gc-table {
min-width: 100%;
border-collapse: collapse;
border: none;
background-color: #fff;
}

.gc-table thead th,
.gc-table thead td,
.gc-table .gc-table-header th,
.gc-table .gc-table-header td {
background-color: #f8fafc;
color: #475569;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
white-space: nowrap;
padding: 10px 16px;
border-bottom: 2px solid #e2e8f0;
border-top: none;
border-left: none;
border-right: none;
}

.gc-table tbody tr {
background-color: #fff !important;
}

.gc-table tbody th,
.gc-table tbody td {
padding: 12px 16px;
color: #334155;
border-bottom: 1px solid #e2e8f0;
border-top: none;
border-left: none;
border-right: none;
vertical-align: middle;
}

.gc-table tbody tr:hover,
.gc-table tbody tr:hover td,
.gc-table tbody tr:hover th {
background-color: #f1f5f9 !important;
}

.gc-table tfoot th,
.gc-table tfoot td,
.gc-table .gc-table-footer th,
.gc-table .gc-table-footer td,
.gc-table .tr-total td,
.gc-table .tr-total th {
background-color: #fbfbfc;
font-weight: 600;
border-top: 2px solid #cbd5e1;
border-bottom: none;
padding: 12px 16px;
color: #1e293b;
}

.gc-table.gc-table-sm thead th,
.gc-table.gc-table-sm thead td,
.gc-table.gc-table-sm .gc-table-header th,
.gc-table.gc-table-sm .gc-table-header td {
padding: 8px 10px;
}

.gc-table.gc-table-sm tbody th,
.gc-table.gc-table-sm tbody td,
.gc-table.gc-table-sm tfoot th,
.gc-table.gc-table-sm tfoot td,
.gc-table.gc-table-sm .gc-table-footer th,
.gc-table.gc-table-sm .gc-table-footer td,
.gc-table.gc-table-sm .tr-total td,
.gc-table.gc-table-sm .tr-total th {
padding: 8px 10px;
}

/* Sticky header for legacy tables injected by enforceGimCoreTableFormat
Two-div nested structure: .gc-scrollbar (no overflow) > .gc-table-scroll-inner (overflow-x:auto) > table
Scoped to .gc-scrollbar so SearchGridView clone-headers are NOT affected */
.gc-table-responsive.gc-scrollbar .gc-table-scroll-inner>.gc-table .gc-table-header th,
.gc-table-responsive.gc-scrollbar .gc-table-scroll-inner>.gc-table .gc-table-header td,
.gc-table-responsive.gc-scrollbar .gc-table-scroll-inner>.gc-table thead th,
.gc-table-responsive.gc-scrollbar .gc-table-scroll-inner>.gc-table thead td {
position: sticky;
top: 0;
z-index: 10;
background: #f8fafc;
box-shadow: 0 1px 0 #e2e8f0;
}

/* 
==================================================
GIMCORE ENTERPRISE BADGE (.gc-badge)
==================================================
*/
.gc-badge {

padding: 4px 10px;
font-size: 11px;
font-weight: 600;
line-height: normal;
border-radius: 99px;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 70px;
white-space: nowrap;
}

/* Intercept Legacy Color Classes to pastel wash inside Data Grids */
/*.gc-table .gc-badge.bg-success,
.gc-table .gc-badge.btn-success,
.formScreen .gc-badge.bg-success,
.formScreen .gc-badge.btn-success {
background-color: #dcfce7 !important;
color: #166534 !important;
border: none !important;
}

.gc-table .gc-badge.bg-info,
.gc-table .gc-badge.btn-info,
.formScreen .gc-badge.bg-info,
.formScreen .gc-badge.btn-info {
background-color: #e0f2fe !important;
color: #075985 !important;
border: none !important;
}

.gc-table .gc-badge.bg-warning,
.gc-table .gc-badge.btn-warning,
.formScreen .gc-badge.bg-warning,
.formScreen .gc-badge.btn-warning {
background-color: #fef9c3 !important;
color: #854d0e !important;
border: none !important;
}

.gc-table .gc-badge.bg-danger,
.gc-table .gc-badge.btn-danger,
.formScreen .gc-badge.bg-danger,
.formScreen .gc-badge.btn-danger {
background-color: #fee2e2 !important;
color: #b91c1c !important;
border: none !important;
}

.gc-table .gc-badge.bg-primary,
.gc-table .gc-badge.btn-primary,
.formScreen .gc-badge.bg-primary,
.formScreen .gc-badge.btn-primary {
background-color: #dbeafe !important;
color: #1e40af !important;
border: none !important;
}


/* ===============================================================
   GimCore Form Organic Consistency Overrides
   =============================================================== */
/* Fix bootstrap-select alignment to match GimCore left alignment and text wrap */
.bootstrap-select .filter-option-inner-inner {
    text-align: left !important;
    white-space: normal !important;
}

/* Ensure empty/system badge wrappers scale to full height in Edit view missing baseline form elements */
.field-inline-edit ~ .field-value { /* Or apply generally to badge container */ }

/* Apply static height to GimCore organic fields as requested */
.field-item {
    min-height: 72px !important;
}

.td-nowrap-ellipsis { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 250px !important; }

/* Restore Bootstrap 3 btn-default for dropdowns */
.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; }