/* Minification failed. Returning unminified contents.
(2535,29): run-time error CSS1046: Expect comma, found '0'
(2535,33): run-time error CSS1046: Expect comma, found '/'
(5341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

/*.daterangepicker.auto-apply .drp-buttons {
  display: none;
}*/
    .daterangepicker.auto-apply .cancelBtn, .daterangepicker.auto-apply .applyBtn {
        /*Bug: Buttons disappeared in range mode*/
        /*display: none;*/
    }


.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

    .cc-window.cc-invisible {
        opacity: 0
    }

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

    .cc-animate.cc-revoke.cc-top {
        transform: translateY(-2em)
    }

    .cc-animate.cc-revoke.cc-bottom {
        transform: translateY(2em)
    }

    .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
        transform: translateY(0)
    }

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link, .cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica,Calibri,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

    .cc-window.cc-static {
        position: static
    }

    .cc-window.cc-floating {
        padding: 2em;
        max-width: 24em;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner {
        padding: 1em 1.8em;
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row
    }

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

    .cc-link:hover {
        opacity: 1
    }

    .cc-link:active, .cc-link:visited {
        color: initial
    }

.cc-btn {
    display: block;
    padding: .4em 1em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    min-width: 130px;
}


.cc-banner .cc-btn:last-child {
    /*min-width: 80px*/
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

    .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
        background-color: transparent;
        text-decoration: underline
    }

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

    .cc-close:focus, .cc-close:hover {
        opacity: 1
    }

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-message {
    margin-bottom: 30px !important;
}

.cc-floating > .cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-compliance {
    margin-bottom: 5px !important;
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1;
    flex: 1
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    -ms-flex: 1;
    flex: 1
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

    .cc-compliance > .cc-btn {
        -ms-flex: 1;
        flex: 1
    }

.cc-btn + .cc-btn {
    /*margin-left: .5em*/
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .cc-window.cc-banner .cc-compliance {
            -ms-flex: 1;
            flex: 1
        }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

    .cc-theme-classic .cc-btn:last-child {
        /*min-width: 80px*/
    }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0
}

/*------------------------------------*\
    CONTENTS
\*------------------------------------*/
/*
NORMALIZE BUTTON & INPUT - https://github.com/necolas/normalize.css
LAYOUT
INPUT, BUTTON, A & DROPDOWN
EXTRA
*/

/*------------------------------------*\
    NORMALIZE BUTTON & INPUT
\*------------------------------------*/

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}


/*------------------------------------*\
    LAYOUT
\*------------------------------------*/

.typeahead-container {
    position: relative;
    font-family: 'Roboto', sans-serif;
}

    .typeahead-container * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        white-space: normal;
    }

.typeahead-query {
    width: 100%;
}

.typeahead-filter {
    position: relative;
}

.typeahead-filter button {
    min-width: 66px;
}

.typeahead-field {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}

.typeahead-button {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
}

.typeahead-field > span {
    display: table-cell;
    vertical-align: top;
}


/*------------------------------------*\
    INPUT, BUTTON, A & DROPDOWN
\*------------------------------------*/

.typeahead-button button {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.typeahead-field input,
.typeahead-select {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555555;
    background: transparent;
    border: 1px solid #cccccc;
    border-radius: 2px 0 0 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.typeahead-field input {
    -webkit-appearance: none;
    background: transparent;
}

.typeahead-field input:last-child,
.typeahead-hint {
    background: #fff;
}

.typeahead-container button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    height: 32px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333333;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

.typeahead-container button:focus,
.typeahead-container button:active {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.typeahead-container button:hover,
.typeahead-container button:focus {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.typeahead-container button:active,
.typeahead-container button.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.typeahead-field input.disabled,
.typeahead-field input[disabled],
.typeahead-container button.disabled,
.typeahead-container button[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ffffff;
    border-color: #cccccc;
}

.typeahead-filter button,
.typeahead-button button {
    margin-left: -1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.typeahead-query {
    position: relative;
    z-index: 2;
}

.typeahead-filter,
.typeahead-button {
    z-index: 1;
}

.typeahead-container.filter .typeahead-filter,
.typeahead-filter:hover,
.typeahead-filter:hover,
.typeahead-filter:active,
.typeahead-filter:focus,
.typeahead-button:hover,
.typeahead-button:active,
.typeahead-button:focus,
.typeahead-button:focus button:focus,
.typeahead-button:active button:active {
    z-index: 1001;
}

.typeahead-list,
.typeahead-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 100%;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.typeahead-result.detached .typeahead-list {
    font-family: 'Roboto', sans-serif;
    position: relative;
    z-index: 1041;
    top: auto;
    left: auto;
}

.typeahead-dropdown {
    right: 0;
    left: auto;
    z-index: 1001;
}

.typeahead-list > li:first-child {
    border-top: none;
}

.typeahead-list > li {
    position: relative;
    border-top: solid 1px rgba(0, 0, 0, 0.15);
}

.typeahead-list > li > a,
.typeahead-dropdown > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    text-decoration: none;
}

.typeahead-list > li > a:hover,
.typeahead-list > li > a:focus,
.typeahead-list > li.active > a,
.typeahead-dropdown > li > a:hover,
.typeahead-dropdown > li > a:focus,
.typeahead-dropdown > li.active > a {
    background-color: #ebebeb;
    color: #333;
}

.typeahead-list.empty > li > a:hover,
.typeahead-list.empty > li > a:focus,
.typeahead-list.empty > li.active > a {
    background-color: transparent;
}

.typeahead-list.empty > li > a {
    cursor: default;
}

.typeahead-list > li.typeahead-group > a,
.typeahead-list > li.typeahead-group > a:hover,
.typeahead-list > li.typeahead-group > a:focus,
.typeahead-list > li.typeahead-group.active > a {
    border-color: #9cb4c5;
    color: #305d8c;
    background-color: #d6dde7;
    cursor: default;
}

.typeahead-container.result .typeahead-list,
.typeahead-container.filter .typeahead-dropdown,
.typeahead-container.hint .typeahead-hint,
.typeahead-container.backdrop + .typeahead-backdrop {
    display: block !important;
}

.typeahead-container .typeahead-list,
.typeahead-container .typeahead-dropdown,
.typeahead-container .typeahead-hint,
.typeahead-container + .typeahead-backdrop {
    display: none !important;
}


/*------------------------------------*\
    EXTRA
\*------------------------------------*/

.typeahead-dropdown .divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.typeahead-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.typeahead-search-icon {
    min-width: 40px;
    height: 18px;
    font-size: 13px;
    display: block;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR4nJ3SvyvFYRTH8deVkkJ3UUZJIbJ8bzJjMtyMym6w2Njs/gCDP0AGCyWjxYDF5GdJYpS6xaIUw/d8771dT7qc+vZ8vs95zvuc5zmnlGWZsG6sYBGjsXeNHWzjQ8JKARjCEUZSh3CJeTy3OjoicxF8hwX0oi/0HSZwiK4UYKUpeBoHeMdb6OnwTWI5BVgMvYZaovwa1kMvpQBjoY8TwVp84ylAO/YV62cKcBt65hfAbKwPKcBu6E2UE8Hl8MF+CrCFG/nwnKKKnviqONOYj6NWQDFIg/I+/3ikFnuUX6d+lY4mR4ZVnMvnoIYLbKCCp0h0otG5egXt2HAED+BFPmAP7bYR7jGHV/RjCjr/AICryFzB3n8ARSX3xc83qRk4q9rDNWcAAAAASUVORK5CYII=) no-repeat scroll center center transparent;
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.4);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
body {
    background-color: white !Important;
    font-family: 'Roboto', sans-serif !Important;
    color: #000 !Important;
}

.soutron-layout {
    min-height: calc(100vh - 20px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

ul {
    list-style-type: none;
    padding: 0;
}

a {
    color: #333;
    outline: none;
}

button.link {
    display: inline-block;
    position: relative;
    background-color: transparent;
    cursor: pointer;
    border: 0;
    padding: 0;
    font: inherit;
}

    button.link:hover {
        color: #0d638f;
        text-decoration: underline;
        text-shadow: none;
    }

figure.table table {
    width: 100%;    /*CKEditor wrap table with figure tag moving width from table to figure*/
}

label {
    margin-bottom: 0.1rem;
}

table label {
    margin-bottom: 0 !important;
}

select:disabled {
    background-color: #eeeeee !important;
}

input, select, textarea { border-radius: 0 !important; }


    input.read-only-white:read-only {
         background-color: white !important;
    }

.require-input {
    border: 1px solid rgb(255, 86, 86) !important;
}

.required-control {
    border-color: #f2a696 !important;
}

.invalid-data {
    border: 1px solid rgb(255, 86, 86) !important;
    background-color: antiquewhite !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-help {
    cursor: help;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.font-italic {
    font-style: italic;
}

.not-active-link {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.d-content {
    display: contents !important;
}

.drag-element {
    cursor: move;
}

.background-none {
    background: none !important;
}

.overflow-visible {
    /*Used for jqGrid dropdown menu & datepicker*/
    overflow: visible !important;
}

.jumping-element {
    display: inline-block;
    -moz-animation: vertical 2.0s 9999 ease 2.0s;
    -webkit-animation: vertical 2.0s 9999 ease 2.0s;
    -o-animation: vertical 2.0s 9999 ease 2.0s;
    -ms-animation: vertical 2.0s 9999 ease 2.0s;
    animation: vertical 2.0s 9999 ease 2.0s;
}

.badge-count {
    position: relative;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    margin-left: 0.5rem !important;
}

.success-row {
    box-shadow: 0 4px 0px 0 rgba(13, 110, 253, 0.25);
}


.black {
    color: black;
}

.color-link {
    color: #007bff;
}

.color-success {
    color: #629b58;
}

.color-info {
    color: #6fb3e0;
}

.color-warning {
    color: #ffb752;
}

.color-danger {
    color: #dd5a43;
}

.active-element {
    border-bottom-color: #83b6d1;
    border-bottom-width: 1.5px;
    border-bottom-style: solid;
    margin-bottom: 5px !important;
}

.active-element-b {
    border-bottom-color: #83b6d1;
    border-bottom-width: 1.5px;
    border-bottom-style: solid;
    margin-bottom: 5px !important;
    font-weight: 700 !important;
}

.underlining-white {
    border-bottom-color: white;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 5px !important;
}

.me-1px {
    margin-right: 1px !important;
}

.mt-1px {
    margin-top: 1px !important;
}

.mb-1px {
    margin-bottom: 1px !important;
}

.mt-12px {
    margin-top: 12px !important;
}

.max-height-500 {
    max-height: 500px !important;
    overflow-y: auto
}

.min-height-50 {
    min-height: 50px !important;
    overflow-y: auto
}

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

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

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

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

.font-10px {
    font-size: 10px !important;
}

.font-11px {
    font-size: 11px !important;
}

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

.font-13px {
    font-size: 13px !important;
}

.font-14px {
    font-size: 14px !important;
}

.font-15px {
    font-size: 15px !important;
}

.font-16px {
    font-size: 16px !important;
}

.font-17px {
    font-size: 17px !important;
}

.font-18px {
    font-size: 18px !important;
}

.font-19px {
    font-size: 19px !important;
}

.font-20px {
    font-size: 20px !important;
}

.line-height-initial {
    line-height: initial !important;
}

.line-height-normal {
    line-height: normal !important;
}

.line-height-0 {
    line-height: 0 !important;
}

.line-height-1 {
    line-height: 1 !important;
}

.line-height-125 {
    line-height: 1.25 !important;
}

.line-height-150 {
    line-height: 1.5 !important;
}

.line-height-15px {
    line-height: 15px !important;
}

.line-height-16px {
    line-height: 16px !important;
}

.line-height-17px {
    line-height: 17px !important;
}

.line-height-18px {
    line-height: 18px !important;
}

.line-height-19px {
    line-height: 19px !important;
}

.line-height-20px {
    line-height: 20px !important;
}

.line-height-21px {
    line-height: 21px !important;
}

.line-height-22px {
    line-height: 22px !important;
}

.line-height-23px {
    line-height: 23px !important;
}

.line-height-24px {
    line-height: 24px !important;
}

.line-height-25px {
    line-height: 25px !important;
}

.bigger-200 {
    font-size: 200% !important;
}

.bigger-300 {
    font-size: 300% !important;
}

.bigger-400 {
    font-size: 400% !important;
}

.bigger-500 {
    font-size: 500% !important;
}

.line-hover {
    width: 100% !important;
}

    .line-hover:hover {
        background: #d9edf7;
    }

.line-hover-cursor {
    width: 100% !important;
}

    .line-hover-cursor:hover {
        background: #d9edf7;
        cursor: pointer;
    }

.line-hover-bold {
    width: 100% !important;
}

    .line-hover-bold:hover {
        background: #d9edf7;
        font-weight: bold;
    }

.line-hover-cursor-bold {
    width: 100% !important;
}

    .line-hover-cursor-bold:hover {
        background: #d9edf7;
        cursor: pointer;
        font-weight: bold;
    }

.shadow-left-bottom {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6);
}

    .shadow-left-bottom:hover {
        box-shadow: 0 0.5px 2px rgba(0, 0, 0, 0.3);
    }

.shadow-right-bottom {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6);
}

    .shadow-right-bottom:hover {
        box-shadow: 0.5px 0.5px 2px rgba(0, 0, 0, 0.3);
    }
    
.opacity-1 {
    -ms-opacity: 0.1;
    opacity: 0.1;
}

.opacity-2 {
    -ms-opacity: 0.2;
    opacity: 0.2;
}

.opacity-3 {
    -ms-opacity: 0.3;
    opacity: 0.3;
}

.opacity-4 {
    -ms-opacity: 0.4;
    opacity: 0.4;
}

.opacity-5 {
    -ms-opacity: 0.5;
    opacity: 0.5;
}

.opacity-6 {
    -ms-opacity: 0.6;
    opacity: 0.6;
}

.opacity-7 {
    -ms-opacity: 0.7;
    opacity: 0.7;
}

.opacity-8 {
    -ms-opacity: 0.8;
    opacity: 0.8;
}

.opacity-9 {
    -ms-opacity: 0.9;
    opacity: 0.9;
}

.border-left-blue {
    border-left-color: #83b6d1;
    border-left-width: 3px;
    border-left-style: solid;
}

.border-top-blue {
    border-top-color: #83b6d1;
    border-top-width: 3px;
    border-top-style: solid;
}

.border-right-blue {
    border-right-color: #83b6d1;
    border-right-width: 3px;
    border-right-style: solid;
}

.border-bottom-blue {
    border-bottom-color: #83b6d1;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.border-left-red {
    border-left-color: #dd5a43 !important;
    border-left-width: 3px;
    border-left-style: solid;
}

.border-top-red {
    border-top-color: #dd5a43 !important;
    border-top-width: 3px;
    border-top-style: solid;
}

.border-right-red {
    border-right-color: #dd5a43 !important;
    border-right-width: 3px;
    border-right-style: solid;
}

.border-bottom-red {
    border-bottom-color: #dd5a43 !important;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.border-left-green {
    border-left-color: #629b58;
    border-left-width: 3px;
    border-left-style: solid;
}

.border-top-green {
    border-top-color: #629b58;
    border-top-width: 3px;
    border-top-style: solid;
}

.border-right-green {
    border-right-color: #629b58;
    border-right-width: 3px;
    border-right-style: solid;
}

.border-bottom-green {
    border-bottom-color: #629b58;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.text-ellipsis {
    word-break: break-all; /*white-space: nowrap;*/
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
}

.text-ellipsis-lines {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-clamp-1 {
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
}

.line-clamp-2 {
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
}

.line-clamp-4 {
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical;
}

.line-clamp-5 {
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical;
}

.line-clamp-6 {
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical;
}

.line-clamp-7 {
    -webkit-line-clamp: 7 !important;
    -webkit-box-orient: vertical;
}

.line-clamp-8 {
    -webkit-line-clamp: 8 !important;
    -webkit-box-orient: vertical;
}

.line-clamp-9 {
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}

.line-clamp-10 {
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}


/*#region Other Controls */
.easy-pie-chart-percentage-block {
    height: 46px;
    width: 46px;
    line-height: 45px;
}

.widget-header-progress {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 999;
}

.sticky-top {
    top: 0;
}

.sticky-bottom {
    bottom: 0;
}
/*#endregion */


/*#region Defining additional w-XXX that are not in bootstrap */
@media (max-width: 576px) {
    .w-100-sm {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .w-100-md {
        width: 100% !important;
    }
}

@media (max-width: 992px) {
    .w-100-lg {
        width: 100% !important;
    }
}

@media (max-width: 1200px) {
    .w-100-xl {
        width: 100% !important;
    }
}

.w-55 {
    width: 55% !important;
}

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

.w-65 {
    width: 65% !important;
}

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

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

.w-85 {
    width: 85% !important;
}

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

.w-95 {
    width: 95% !important;
}

/*#endregion*/


/*#region Increase the icon after hovering the cursor */
a.role-button {
    cursor: pointer;
    text-decoration: none;
}

span.role-button {
     cursor: pointer;
}

button > i,
i.role-button,
span.role-button > i,
a > i {
    cursor: pointer;
    margin: 0 2px;
    display: inline-block;
    opacity: 0.85;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    text-decoration: none;
}

    button:hover > i,
    i.role-button:hover,
    span.role-button > i:hover,
    a:hover > i {
        opacity: 1;
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

/*#endregion*/


/*#region Icons inside the control */
.ps-1-icon {
    padding-left: 24px !important;
}

.ps-2-icon {
    padding-left: 48px !important;
}

.ps-3-icon {
    padding-left: 72px !important;
}

.ps-4-icon {
    padding-left: 96px !important;
}

.pe-1-icon {
    padding-right: 24px !important;
}

.pe-2-icon {
    padding-right: 48px !important;
}

.pe-3-icon {
    padding-right: 72px !important;
}

.pe-4-icon {
    padding-right: 96px !important;
}

.me-1-icon {
    margin-right: 24px !important;
}

.icon-floating-s,
.icon-floating-e {
    position: relative;
}

    .icon-floating-s > i,
    .icon-floating-e > i,
    .icon-floating-s > button.btn-transparent,
    .icon-floating-e > button.btn-transparent,
    .icon-floating-s > span,
    .icon-floating-e > span {
        padding: 0 3px;
        z-index: 2;
        position: absolute;
        display: inline-block;
        color: #909090;
        font-size: 16px;
        top: 0;
    }

    .icon-floating-s > span,
    .icon-floating-e > span {
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .icon-floating-e > i,
    .icon-floating-e > button.btn-transparent,
    .icon-floating-e > span {
        left: auto;
        right: 3px;
    }

    td.icon-floating-s > i,
    td.icon-floating-e > i,
    div.icon-floating-s > i,
    div.icon-floating-e > i,
    span.icon-floating-s > i,
    span.icon-floating-e > i,
    .icon-floating-s > span,
    .icon-floating-e > span,
    .icon-floating-s > button.btn-transparent,
    .icon-floating-e > button.btn-transparent {
        line-height: 30px !important;
    }


.ace-spinner ~ span {
     margin-right: 20px;
}

/*#endregion*/


/*#region Loading panel */
.loading-panel:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.loading-panel {
    height: 100%;
    width: 100%;
    position: absolute;
    text-align: center;
    background-color: rgba(255,255,255,0.5);
    z-index: 1111;
}

.skeleton-line {
    height: auto;
    position: relative;
    overflow: hidden;
    background-color: #fafafa;
}

.skeleton-panel {
    height: 100%;
    overflow: hidden;
}

    .skeleton-line::after, .skeleton-panel::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        transform: translateX(-100%);
        background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
        animation: shimmer 1s infinite;
        content: '';
    }

.hideElement {
    display: none !important; 
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}

/*#endregion*/

/*#region admin loading effect*/
.transition {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@keyframes enter {
    0% {
        opacity: 0;
        top: -5px;
    }

    5% {
        opacity: 1;
        top: 0px;
    }

    50.9% {
        opacity: 1;
        top: 0px;
    }

    55.9% {
        opacity: 0;
        top: 5px;
    }
}

.loader-body {
    position: fixed;
    background-color: rgb(0 0 0 / 30%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

.loader-admin {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 1rem;
    margin: 1rem;
}

.square {
    background: #0077CC;
    width: 25px;
    height: 25px;
    float: left;
    top: -10px;
    margin-right: 5px;
    margin-top: 5px;
    position: relative;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-animation: enter 6s infinite;
    animation: enter 6s infinite;
}

.enter {
    top: 0px;
    opacity: 1;
}

.square:nth-child(1) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.square:nth-child(2) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2s;
}

.square:nth-child(3) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
    background: #EA6813;
}

.square:nth-child(4) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.square:nth-child(5) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.square:nth-child(6) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.square:nth-child(7) {
}

.square:nth-child(8) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.square:nth-child(9) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.clear {
    clear: both;
}

.last {
    margin-right: 0;
}

.divider {
    width: 5px; 
    background-color: #ccc; 
    cursor: ew-resize; 
    margin: 0 5px;
}

.divider-dragging {
    opacity: 0.5;
}

/*#endregion*/


/***********************  New css for RecordView [LMS-4942] *******/
.fieldrow, .FullFieldData form, .fullrecordtemplate div .row {
    display: flex;
}

.FullFieldDisplayCol, .FullFieldDataCol, .FullFieldData {
    line-height: 1.5em;
}

.FullFieldDisplay {
    font-weight: bold;
}

.fullrecordtemplate > .row > .FullFieldDisplayCol {
    padding: 6px;
}

.FullFieldData {
    word-break:break-word;
}

.tabletop .FullFieldData div {
    text-align: center !important;
    display: block;
}

@media only screen and (max-width: 992px) {
    /*LMS-3704*/
    /*.ace-thumbnails {
        text-align: left;
    }*/

    .fieldrow, .FullFieldData form, .fullrecordtemplate div .row {
        display: grid;
    }

    .record-container ul > li {
        float: unset;
    }

    .FullFieldDisplay {
        font-size: 14px;
        padding-top: 5px;
    }

    .image-container, .book-cover-container {
        display: flex !important;
    }
}

.soufield {
    border-top: 1px solid lightgrey;
    padding: 3px;
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (min-width: 992px) {
    .fdimage > ul > li {
        width: 100%;
        padding-right: .0em;
    }

    .fdimage > ul > li > table > tbody > tr > td > div > div > a > img {
        width: 100%;
    }

    .fdimage > ul > li > table {
        border-spacing: 0 !important;
    }

    .fdbookcover > div > span:nth-child(1) > a > img {
        width: 100%;
    }

    .image-container {
        padding: .0em !important;
    }

    .record-container td {
        padding: 0 .0em;
    }
}


/*********************** OLD css for RecordView *******************/
.full-record-container {
    position: relative;
}

    .full-record-container > .rounded-panel > .panel-content {
        width: 100%;
        padding: 1% 1%;
    }

ul.rich-field {
    display: block !important;
}

.record-container ul {
    margin: 0;
    display: inline-block;
    line-height: 1em;
    vertical-align: bottom;
}

    .record-container ul > li {
        /*display: inline-block;
        float: left;*/
        padding-right: .4em;
        margin-bottom: 7px;
    }

        .record-container ul > li:last-of-type {
            padding: 0;
        }

.record-container td {
    padding: 0 .25em;
}

.record-container input[type="submit"] {
    background: none;
    border: none;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.record-container .image-container {
    padding: 0.2em;
    overflow: hidden;
}

.section-field-header {
    padding-bottom: 0.5em;
    border-bottom: .1em solid blue;
    color: blue;
    min-width: 200px;
}

    .section-field-header > h3 {
        max-width: 60%;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        color: inherit;
    }

    .section-field-header > a {
        display: inline-block;
        cursor: pointer;
        padding-left: 10%;
        color: inherit;
    }

.title {
    color: #333;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.book-cover-container {
    display: flex;
    flex-direction: column;
}

    .book-cover-container img {
        max-width: 150px;
    }


/***********************CSS for modal-accept-dialog*****************************/
.modal-dialog-accept {
    width: 600px;
}

.accept-dialog-header {
    background-color: #285ea6;
}

.accept-dialog-title {
    font-weight: bold;
    font-size: large;
    color: white;
}

.accept-dialog-button-close {
    font-size: large !important;
    color: white !important;
}

.accept-dialog-body {
    width: 100%;
    max-height: 400px;
    overflow: auto;
    color: #000080;
    font-size: large;
    padding-bottom: 40px;
}

.accept-dialog-footer {
    background-color: #285ea6 !important;
}

.accept-dialog-checkbox-label {
    font-size: large;
    color: white;
    float: left;
}
/*********************END CSS for modal-accept-dialog***************************/

.globalization-header {
    font-weight: bold;
}

.globalization-link {
    cursor: pointer !important;
}

    .globalization-link.collapsed:before {
        float: right;
        content: 'View All locations';
        text-decoration: underline;
    }

    .globalization-link:before {
        float: right;
        content: 'View Local locations only';
        text-decoration: underline;
    }

.collapsing-globalization-panel {
    -webkit-transition: none !important;
    transition: none !important;
}

/************************************ Fixed CKEditor5 CSS **********************/
.FullFieldData .ck-content {
    line-height: initial;
}

.record-container .ck-content a {
    color: #007BFF;
}

/************************************ Other CSS ********************************/
/*FIXED ul list*/
.rich-field ul, .rich-field ol {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
}

.rich-field ul {
    list-style-type: disc;
}

    /*Fixed Bulleted List LMS-6175 */
    .rich-field ul > li, .rich-field ol > li {
        float: none;
        padding: 0;
        margin: 0;
    }

/*#region Soutron horizontal menu*/
#horizontal-menu-portal .active-menu {
    background-color: #d9edf7 !important;
    background-image: linear-gradient(to bottom, #d9edf7, #d9edf7 100%) !important;
}

.horizontal-parent-menu-item {
    padding-right: 5px;
}

.menu-item-localization {
    color: dimgrey;
    margin-top: 3px;
    margin-left: 5px;
    position: absolute;
    font-style: italic;
}

.menu-item-name {
}

.menu-button {
}

ul.sub-menu li > ul,
ul.sub-menu li > ol {
    margin-left: 0;
}

#horizontal-menu-portal ul.sub-menu {
    z-index: 1001 !important;
}

/* START EXAMPLE STYLE MENU ITEM */
.item-help > a > i:before {
    content: "\f057";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}
/*.item-help a {
    font-size: 20px;
}*/

/*#endregion Soutron horizontal menu*/

/*#region Request wizard */
.request-limit-chart {
    height: 46px;
    width: 46px;
    line-height: 45px;
}

.request-limit-type-title {
    z-index: 2 !important;
    max-width: 169px;
}

.request-limit-current-counter {
    padding-left: 3px;
    max-width: 42px;
}

.request-limit-infinity-icon {
    bottom: 45px;
    right: 73px;
    z-index: 1 !important;
}

#limits-container .infobox {
    width: 270px !important;
}

#limits-container .infobox-data {
    min-width: 200px !important;
}

#requester-full-details-container .editable-empty {
    color: #333 !important;
}

/*#endregion Request wizard */

/*#region Highlighting words */
.souHighLightText {
    background-color: #FCFC02;
}

div.souHighLightText {
    padding: 5px;
}

/*#endregion Highlighting words */

/*#region Login Form */
.authorization-macro {
}

.logout-macro {
    display: flex;
}

.login-user-full-name {
}

.soutron-settings-button {
    cursor: pointer;
}

/*#endregion Login Form */

/*#region My Account macro */
.no-skin .nav-list > li .submenu > li.active:not(.open) > a {
    /*My account set active aitem menu*/
    background-color: #e7e7e7;
    color: #c86139;
    font-weight: bold;
}

.personal-account-sidebar:before {
    border: 0;
    background: transparent !important;
}

.country-flag {
    height: 16px;
    width: 16px;
    border: 0 !important;
    border-radius: 0 !important;
}

.nav-list > li > .dropdown-toggle {
    /* Vertical alignment of menu items, slight downward shift */
    padding: 10px 15px;
}

/*#endregion My Account Macro */

/*#region Actions Panel */
.hover-menu {
    position: absolute;
    padding-top: 1px;
    z-index: 1000 !important;
    display: flex;
    flex-direction: column;
    background-color: #FFF;
}

    .hover-menu .btn-group {
        margin-bottom: 1px;
    }

    .hover-menu button {
        text-align: left;
    }

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

/*#endregion Actions Panel */

/*#region Opened-Records */
.opened-records-container {
    width: 520px;
    position: absolute;
    display: none;
    z-index: 1000 !important;
    overflow: hidden;
    margin-top: 1px;
    padding: 10px;
    border: 1px solid #cccccc;
    border-color: #e6e6e6;
    border-left-color: #83b6d1;
    border-left-width: 3px;
    background-color: #ffffff;
}

.opened-records-container-title {
    padding-left: 30px;
}

.records-list {
    max-height: 460px; 
    overflow-y: auto;
}

    .records-list .opened-records-counter {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 30px;
        text-align: end;
        padding-right: 10px;
        position: relative;
        font-size: smaller;
        top: 4px;
        color: #83b6d1;
    }

    .records-list .opened-records-title {
        display: block;
        cursor: pointer;
        text-decoration: none;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 0.2em 0;
        padding-right: 1em;
        width: 420px;
    }

    .records-list .opened-records-remove-item {
        position: absolute;
        right: 4px;
        top: 6px;
        cursor: pointer;
    }

/*#endregion Opened-Records */

/*#region Basket macro */
.basket-macro {
}

    .basket-macro .active.basket-count {
        border: 2px solid #ff9601;
        color: #ff9601;
    }

    .basket-macro .basket-count {
        border: 2px solid #d1d1d1;
        background-color: #ffffff;
        border-radius: 50%;
        position: absolute;
        font-family: sans-serif;
        text-align: center;
        overflow: hidden;
        font-size: 12px;
        color: #d1d1d1;
        height: 20px;
        width: 20px;
        left: 7px;
        bottom: 7px;
    }

.basket-title {
    white-space: nowrap;
    font-weight: bold;
    font-family: sans-serif;
}

/*#endregion BASKET MACRO */

/*#region Quick Search macro */
.quick-search-macro {
    padding: 0 2px;
}

    .quick-search-macro input {
        border: 0 !important;
    }

        .quick-search-macro input:focus {
            outline: none !important;
        }

.rounded-panel {
    border: 1px solid #6FBCFC;
    border-radius: 5px;
}

    .rounded-panel > .panel-header {
        background-color: #0679C4;
        font-size: 1.2em;
        margin: 0;
        padding: 5px;
    }

    .rounded-panel > .panel-content {
        display: inline-block;
        width: 96%;
        padding: 20px 2%;
    }

/*#endregion */

/*#region Simple Search macro */
/*[data-soutron="macro-simple-search"] div.input-group:focus-within {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
}

[data-soutron="macro-simple-search"] input:focus-visible {
    box-shadow: none !important;
}*/

/*#endregion */

/*#region Favourite macro */
.favorites-span.star-on-png, .favorites-span.star-off-png {
    font-size: 18px;
}

.actions > .btn > .fa-rss {
    vertical-align: top;
}

/*#endregion Favourite Macro */

/*#region Record statistics */
.statistic-portal-name {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #478fca;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

    .statistic-portal-name span {
        background: #fff;
        padding: 0 10px;
    }

/*#endregion Record statistics */

/*#region Record copies */
.copies-list-container {
}

    .copies-list-container .soutron-grid-cell {
        white-space: normal !important;
    }

    .copies-list-container .soutron-grid-header-cell {
        white-space: normal !important;
    }

.copy-routing-list-tip {
}

.copy-routing-list-number {
    margin-left: 5px;
    font-size: 16px;
    font-weight: bold;
}

.copy-routing-list-user {
    margin-left: 20px;
}

.copy-routing-list-user-active {
    color: #307ecc;
    font-weight: bold;
    font-size: 16px;
}

/*#endregion Record copies */

/*#region Rating reviews */
.reviews-container {
    max-height: 30em;
    overflow-y: hidden !important;
}

.review-container {
    padding: 15px 10px 25px 20px;
    margin: 8px 1px 8px 0;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6);
}

.reviews-container.ace-scroll {
    padding-right: 15px;
}

.review-header {
    font-size: 0.7em;
}

.review-content {
    padding: 3px 0 3px 0;
    font-size: 0.8em;
    border-top: .015rem solid #83b6d1;
}

.review-title {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    padding: 3px 0 3px 0;
}

.review-info-container {
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 3px 0 3px 0;
}

.review-abuse-btn {
    font-size: 0.75em;
    float: right;
}

.rating > i {
    font-size: 130% !important;
    cursor: pointer;
}

/*#endregion Rating reviews */

/*#region Copyright */
#copyrightContent {
    width: 100%;
    padding: 5px;
    font-size: large;
    color: #000080;
}

#copyrightFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 95px;
    padding: 10px 5px 10px 5px;
    background-color: #285EA6;
    color: #FFFFFF;
    font-weight: bold;
}

    #copyrightFooter input[type="submit"] {
        margin: 0 15px 0 15px;
        padding: 5px;
    }

/*#endregion Copyright */

/*#region RSS macro */
.rssTitle {
    text-decoration: none !important;
}

.rssDescr {
}

.rssDate {
}

.rss-source-line {
    text-decoration: none !important;
}

.rssItemS {
    min-height: 104px;
    padding: 10px 4px;
    border-bottom: 1px dotted #D0D8E0;
    position: relative;
    border-left: 1px dotted #FFF;
    border-right: 1px dotted #FFF;
}

    .rssItemS:hover {
        background: #d9edf7;
    }

.rssItemF {
    min-height: 204px;
    padding: 10px 4px;
    border-bottom: 1px dotted #D0D8E0;
    position: relative;
    border-left: 1px dotted #FFF;
    border-right: 1px dotted #FFF;
}

.rssImgS {
    float: left;
    margin: 7px 7px 7px 0;
    border-radius: 0 !important;
    max-width: none;
    height: 74px
}

.rssImgF {
    float: left;
    margin: 7px 7px 7px 0;
    border-radius: 0 !important;
    max-width: none;
    height: 174px
}

.widget-body-short-rss {
    max-height: 350px;
    overflow: auto;
}

.widget-body-full-rss {
    max-height: 100%;
    overflow: auto;
}

/*#endregion RSS Macro */

/*#region Search History macro */
.condition-all-field {
    font-weight: 900;
    color: darkgreen;
}

.condition-field-name {
    font-weight: 900;
    color: black;
}

.condition-field-value {
    font-style: italic;
    font-size: 90%;
    color: black;
}

.condition-value-splitter {
    font-size: 90%;
    color: black;
}

.condition-field-operator {
    font-weight: 900;
    color: darkred;
    font-size: 75%
}

.condition-bracket-field {
    font-weight: 900;
    color: black;
}

.condition-bracket-section {
    font-weight: 900;
    color: black;
}

.condition-special-character {
    font-weight: 900;
    color: darkred;
}

/*#endregion Search History Macro */

/*#region Records Navigator */
.records-navigation {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/*#endregion Records Navigator */

/*#region Current search macro */
.current-search-header-outer {
    position: relative;
    bottom: 13px;
    white-space: nowrap;
    padding: 0 10px;
}

.current-search-header-inner {
    position: absolute;
    display: flex;
    flex-direction: row;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    justify-content: start;
    padding: 0 5px 0 5px;
    background-color: #FFF;
}

.current-search-condition-field {
    border: 0.5px dashed rgba(0, 0, 0, 0.15);
    border-radius: 0.2rem;
    padding: 2px;
    margin: 2px;
    margin-top: 20px;
}

    .current-search-condition-field:hover {
    }

.current-search-condition-section {
    border: 0.5px dashed rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    padding: 5px;
    margin: 5px 2px 2px 2px;
}

    .current-search-condition-section .current-search-header-outer {
        bottom: 15px;
    }

.current-search-condition-section-group {
    border: 0.5px dashed rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    padding: 2px;
    margin: 5px;
}

    .current-search-condition-section-group:hover {
    }

    .current-search-condition-section-group .current-search-header-outer {
        bottom: 11px;
    }

    .current-search-condition-section-group .current-search-condition-field {
        margin-top: 15px;
        margin-bottom: 9px;
    }

/*#endregion Current search Macro */

/*#region My account loans */
.has-fine-row {
    background-color: lightcoral;
}

    .has-fine-row:hover {
        background-color: lightcoral !important;
    }

/*#endregion My account loans */

/*#region Saved Searches */
#saved-searches-tree .jstree-anchor {
    width: calc(100% - 15px);
    max-width: calc(100% - 15px);
}

#saved-searches-tree-managing-records .jstree-anchor {
    width: calc(100% - 15px);
    max-width: calc(100% - 15px);
}

#saved-searches-tree-managing-records .soutron-checkbox-icon {
    float: left;
    top: 3px;
}

.saved-search-tree-node {
    display: flex;
    flex-direction: row
}

.saved-search-tree-active-node {
    background-color: aliceblue;
    border: 0.5px solid rgba(0, 0, 0, 0.15);
    border-radius: 0 !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    font-weight: bold;
}

.saved-search-tree-node-text {
    -o-flex-grow: 2;
    -webkit-flex-grow: 2;
    text-align: start;
    flex-grow: 2;
    max-width: calc(100% - 80px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.saved-search-tree-node-actions {
    min-width: 80px;
    max-width: 80px
}

/*#endregion Saved Searches */

/*#region Collections */
#collections-tree .jstree-anchor {
    width: calc(100% - 15px);
    max-width: calc(100% - 15px);
}

#collections-tree-managing-records .jstree-anchor {
    width: calc(100% - 15px);
    max-width: calc(100% - 15px);
}

#collections-tree-managing-records .soutron-checkbox-icon {
    float: left;
    top: 3px;
}

#collections-tree-managing-records .jstree-disabled {
    background-color: inherit;
}

#collections-tree-managing-records .jstree-disabled .soutron-checkbox-icon {
    background-color: #b2b2b2 !important;
}

.collection-tree-node {
    display: flex;
    flex-direction: row
}

.collection-tree-node-text {
    -o-flex-grow: 2;
    -webkit-flex-grow: 2;
    text-align: start;
    flex-grow: 2;
    max-width: calc(100% - 80px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.collection-tree-node-actions {
    min-width: 80px;
    max-width: 80px
}

/*#endregion Collections */

/*#region Submissions Tree */
#submission-tree .jstree-anchor {
    width: calc(100% - 15px);
    max-width: calc(100% - 15px);
}

.submission-tree-node {
    display: flex;
    flex-direction: row
}

.submission-tree-node-text {
    -o-flex-grow: 2;
    -webkit-flex-grow: 2;
    text-align: start;
    flex-grow: 2;
    max-width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.submission-tree-node-actions {
    min-width: 30px;
    max-width: 30px
}

/*#endregion Submissions Tree */

/*#region Advansed Search */
.advanced-search-buttons-panel-top {
    display: none !Important;
}

.advanced-search-buttons-panel-bottom {
}

.advanced-search-buttons-panel {
    display: flex;
    -o-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.advanced-search-template {
    margin-bottom: 25px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.advanced-controls-field-header-outer {
    position: relative;
    padding-left: 20px;
    bottom: 25px;
}

.advanced-controls-field-header-inner {
    position: absolute;
    display: flex;
    flex-direction: row;
    -ms-align-items: baseline;
    -o-align-items: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    justify-content: start;
}

.select-conditions {
    height: calc(1.5em + 0.25rem + 2px) !important;
    padding: 0.125rem 0.25rem;
    font-size: 0.8rem;
    -ms-border-radius: 0.15rem;
    border-radius: 0.15rem;
}

.advanced-controls-field-title {
    white-space: nowrap;
    background: #FFF none repeat scroll 0 0;
    padding: 0 10px;
    font-weight: 700 !important;
}

.remove-additional-field-button {
    float: right;
    position: relative;
    bottom: 12px;
    left: 12px;
    cursor: pointer;
    font-size: 1.2rem !important;
    background-color: transparent;
}

.simple-controls-mode-container .remove-additional-field-button {
    bottom: 3px !important;
}

.validation-list-entries {
    width: calc(100% - 50px);
    position: absolute;
    background-color: white;
    z-index: 10;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6);
    margin-top: 2px;
    padding: 5px 3px 5px 3px;
}

#advanced-search-conditions-container input[readonly] {
    background-color: white !important;
}

/*Corrects the position of the icon down*/
#advanced-search-conditions-container .spinbox-buttons .spinbox-down i {
    position: relative;
    bottom: 5px;
}

.section-search-template {
    border: 2px solid #CCC;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border-style: dashed;
}

.number-section-group {
    width: 30px;
    height: 30px;
    position: relative;
    float: right;
    top: -12px;
    left: 10px;
    background: #FFF none repeat scroll 0% 0%;
    text-align: center;
    font-weight: bolder;
    color: #747474;
    font-size: 18px;
    font-family: "verdana";
    border-style: dashed;
    border: 2px dashed #CCC;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

.advanced-controls-section-condition {
    position: relative;
    left: 16px;
    bottom: 12px;
    background: #FFF none repeat scroll 0 0;
    padding: 0 5px;
    height: calc(1.5em + 0.25rem + 2px) !important;
    padding: 0.125rem 0.25rem;
    font-size: 0.5rem;
    -ms-border-radius: 0.15rem;
    border-radius: 0.15rem;
}

    .advanced-controls-section-condition > select {
        padding: 0;
    }

.remove-section-button {
    float: left;
    position: relative;
    bottom: 12px;
    right: 12px;
    cursor: pointer;
    font-size: 1.2rem !important;
    background-color: transparent;
}

/*#endregion Advansed Search */

/*#region Thesaurus Dialog */
.IsRoot {
    margin-left: 0;
}

.Content {
    min-height: 18px;
}

* html .Content {
    height: 18px;
}

.Expand {
    width: 18px;
    height: 18px;
    float: left;
    font-size: 130%;
    position: relative;
    bottom: 2px;
}

.ExpandClosed > .Expand:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 90% !important;
    cursor: pointer;
    color: gray;
}

.ExpandClosed .Container {
    display: none;
}

.ExpandOpen > .Expand:before {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 90% !important;
    cursor: pointer;
    color: gray;
}

.ExpandLeaf .Expand {
    background-image: none !important;
    cursor: auto;
}

/*#endregion Thesaurus Dialog */

/*#region Faceted Search */
.faceted-tag {
    padding-left: 12px;
}

    .faceted-tag:hover {
        background: #D9F0F8;
    }

    .faceted-tag.tag.tag-info:hover {
        opacity: 0.8;
        background-color: #6fb3e0;
    }

.faceted-tag-text {
    cursor: pointer;
}

.faceted-count {
    position: relative;
    font-size: 10px;
    max-height: 16px;
    margin-bottom: 5px;
}

.tree-node-text .faceted-count {
    top: 3px;
}

.faceted-apply-float-button {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #6fb3e0 !important;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 9999;
}

    .faceted-apply-float-button > i {
        font-size: 170% !important;
        margin-top: 19px;
    }

        .faceted-apply-float-button > i:hover {
            font-size: 200% !important;
            margin-top: 17px;
        }

/*#endregion Faceted Search */

/*#region Faceted Macros */
.faceted-tag {
    /*LMS-1817: Can we revert the wrapping for long entries, as we cannot see the record count. i think its just nowrap which needs removing from .faceted-tag*/
    /*text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;*/
}

.tag-info {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    background-color: #6fb3e0;
}

#widget-faceted-active-filters .tags {
    padding: 4px 2px;
}

.faceted-button-actions {
    height: 90px;
    /*background-color: #000;*/
    opacity: .6;
    top: 57px;
}

#apply-faceted-search-button, #clear-faceted-search-button {
    height: 50px;
}

.faceted-clear-date-value {
    position: relative;
    bottom: 15px;
    right: 9px;
    cursor: pointer
}

.faceted-manual-date-value {
    min-width: 80px;
    max-width: 80px;
    height: 22px;
}

.faceted-clear-number-value {
    position: relative;
    right: 3px;
    top: 11px;
    cursor: pointer;
}

#apply-faceted-search-button, #clear-faceted-search-button {
    height: 50px;
}

div#widget-faceted-search .widget-body {
    background-color: #f7f7f7;
}

div#sticky-apply-button {
    margin-left: -15px;
    margin-right: -15px;
    box-shadow: 0 -5px 14px -5px;
    background-color: #F7F7F7;
}

.faceted-node-text-ellipsis {
    display: inline-flex;
}

.faceted-tag-text-ellipsis {
    max-width: calc(100% - 65px);
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 2px;
}

/*#endregion Faceted Macros */

/*#region Thesaurus */
#widget-tree-management-terms .dropdown-menu {
    min-width: 11rem;
}

#tree-terms-type-navigation {
    border: 0;
}

#thesaurus-terms-tree {
    max-height: 620px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 5px;
}

.terms-tree-legend .term-reason-i {
    height: 18px;
    width: 18px;
    font-size: 15px;
    position: static !important;
}

.terms-tree-legend i.fa-folder {
    font-size: 1.4em;
    top: 3px;
}

.term-node {
}

.term-node-icon {
}

.term-reason-i {
    background-color: #dd5a43;
    color: #fff;
    border-radius: 2px;
    font-size: 8px;
    padding: 1px 3px;
    display: inline-block;
    min-width: 10px;
    vertical-align: middle;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    left: 8px;
    top: 7px;
    z-index: 1;
    font-family: 'Roboto', sans-serif !Important;
}

.term-node-title {
}

.term-node-desc {
    min-width: 15px;
    text-align: center;
}

.term-node-url {
    min-width: 15px;
    text-align: center;
}

.term-node-actions {
}

.term-node-content {
    height: 20px;
}

.term-node-count {
    margin-left: 3px;
    position: relative;
    bottom: 2px;
    /*position: relative;
    bottom: 1px;
    min-width: 30px;
    margin-right: 5px;
    line-height: 13px;*/
}

.term-node-lang {
    margin-left: 3px;
    position: relative;
    bottom: 2px;
    opacity: 0.5;
}

.hover-activated .term-node-content:hover {
    background: #d9edf7;
    cursor: pointer;
}

span[data-allow='1'] {
    opacity: 0.5;
}

.term-node-error {
    padding-right: 3px;
}

.term-loading {
    width: 12px;
    height: 12px;
    float: left;
    margin-right: 6px;
    margin-top: 6px;
    right: 3px;
}

.drag-line {
    border-bottom-color: #83b6d1;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    margin-left: 15px;
    margin-right: 5px;
    top: 1px;
    position: relative;
}

.drag-icon-next:before {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 60% !important;
    cursor: none;
    color: #83b6d1;
    position: relative;
    float: left;
    bottom: 5px;
    right: 15px;
    width: 0;
}

.vertical-area {
    width: 30px;
    float: left;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    border-color: #83b6d1;
    border-width: 1px;
    border-style: dashed;
    padding: 4px;
    margin: 0 8px;
    opacity: 0.5;
    overflow-y: auto;
    overflow-x: hidden;
}

    .vertical-area:hover {
        opacity: 1 !important;
    }

/*#endregion Thesaurus */

/*#region Portal submission */
.author-comments-widget .author-comment:not(:last-child),
.user-comments-widget .user-comment:not(:last-child) {
    padding: 5px 10px 0px 10px;
}

.author-comments-widget .author-comment:last-child,
.user-comments-widget .user-comment:last-child {
    padding: 5px 10px 5px 10px;
}

.user-blue {
    color: #007bff;
}

.user-purple {
    color: #6f42c1;
}

.user-pink {
    color: #e83e8c;
}

.user-orange {
    color: #fd7e14;
}

.user-green {
    color: #28a745;
}

.user-danger {
    color: #dc3545;
}

.user-indigo {
    color: #6610f2;
}

.user-teal {
    color: #20c997;
}

.user-yellow {
    color: #ffc107;
}

.user-gray {
    color: #6c757d;
}

.user-dark {
    color: #343a40;
}

.user-ooo {
    background-color: #ffc107;
}

#toolbar-container .btn.btn-app.btn-sm,
#quick-comments-toolbar-container-top .btn.btn-app.btn-sm,
#quick-comments-toolbar-container-bottom .btn.btn-app.btn-sm {
    width: unset;
    padding: 10px 11px;
    min-width: 70px;
}

#quick-comments-container .timeline-container {
    margin-bottom: 15px !important;
}

.quick-comments-widget img,
.simple-comments-widget img,
.user-comments-widget img,
.author-comments-widget img {
    height: auto;
    max-width: 100%;
}

/*#endregion Portal submission */

/*#region Record editor*/
#record-edit-container .custom-select2 .select2-selection__clear > i.fa-times:before {
    content: "\f057";
}

#record-edit-container .custom-select2 .select2-selection__clear > i.fa-times {
    font-size: 120% !important;
}

#record-edit-container .custom-select2 ul.select2-selection__rendered .select2-selection__clear {
    position: relative;
    left: 13px;
    top: 2px;
}

#record-edit-container .control-value.widget-box {
    border: 0px;
}

    #record-edit-container .control-value.widget-box .widget-header {
        background-image: none;
        background: none;
    }

#record-editor-actions-container .btn.btn-app.btn-sm {
    width: unset;
    padding: 10px 11px;
    min-width: 70px;
}

#record-edit-container .profile-info-name {
    width: 150px !important;
    min-width: 150px !important;
}

#copy-editor-actions-container .btn.btn-app.btn-sm {
    width: unset;
    padding: 10px 11px;
    min-width: 70px;
}

.new-term-data {
    /*background-color: bisque !important;*/
}


.profile-info-value .select2-selection--single {
    /*LMS-6671*/
    height: 100% !important;
}

.profile-info-value .select2-selection__rendered {
    /*LMS-6671*/
    word-wrap: break-word !important;
    text-overflow: inherit !important;
    white-space: normal !important;
}

/*#endregion Record editor*/

/*#region Validation helpers jquery.validate.unobtrusive.js */
.field-validation-error {
    color: rgb(255, 86, 86);
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid rgb(255, 86, 86);
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: rgb(255, 86, 86);
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

/*#endregion Validation helpers jquery.validate.unobtrusive.js */

/*#region Soutron Checkbox */
.soutron-checkbox-icon {
    border: 1px solid #307ecc !important;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-sizing: content-box;
    color: #ffffff;
    background-color: #e4e9ed;
    font-size: 12px;
    height: 14px;
    line-height: 13px;
    text-align: center;
    width: 14px;
    top: -2px;
    position: relative;
}

.soutron-checkbox-label-new i {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    border: 1px solid #dee2e6 !important;
    border-color: #307ecc !important;
    border-radius: 3px;
    box-sizing: content-box;
    background-color: #e4e9ed;
    color: #ffffff;
    font-size: 12px;
    height: 14px;
    line-height: 13px;
    text-align: center;
    width: 14px;
    margin-right: .3em;
}

    .soutron-checkbox-label-new i:first-child:before {
        /*FF and IE don't support ::before with inputs so we will use i*/
        content: '\f00d'; /*fix-content*/
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
    }

.soutron-checkbox-label-new input[type="checkbox"] {
    display: none;
}

    .soutron-checkbox-label-new input[type="checkbox"]:checked ~ i:before {
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
    }

.soutron-checkbox-label-new i:before { /*FF and IE don't support ::before with inputs so we will use i*/
    content: '\f00d';
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}

.soutron-checkbox-label {
    cursor: pointer;
}

    .soutron-checkbox-label:before {
        visibility: visible;
    }

    .soutron-checkbox-label:before {
        content: "\f00d";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        color: #F9E8CE;
        width: 13px;
        height: 13px;
        line-height: 13px;
        font-size: 11px;
        text-align: center;
        border-radius: 3px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border: 1px solid #5090c1 !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        margin-right: 4px;
        display: inline-block;
        font-style: normal;
        /*line-height: 1;*/
        -webkit-font-smoothing: antialiased;
    }

.soutron-checkbox-icon:checked + .soutron-checkbox-label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    background-color: #5090c1 !important;
}


.soutron-checkbox-icon:checked + .soutron-checkbox-label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    background-color: #5090c1 !important;
}

.jstree-clicked > .soutron-checkbox-icon,
.soutron-checkbox-icon:checked,
.soutron-checkbox-label-new input[type="checkbox"]:checked ~ i {
    background-color: #5090c1 !important;
}

    .fa.fa-times:checked:before,
    .jstree-clicked > .soutron-checkbox-icon:before {
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
    }

#alphabet-container .soutron-checkbox-label:before,
#hierarchy-container .soutron-checkbox-label:before {
    position: relative;
    bottom: 3px;
}

/*#endregion Soutron Checkbox */

/*#region Soutron jstree */
.soutron-tree .jstree-anchor {
    width: calc(100% - 15px);
    max-width: calc(100% - 15px);
}

.jstree a.tree-node-caption {
    text-overflow: ellipsis;
    overflow: hidden;
}

.jstree a.tree-node-caption {
    text-overflow: ellipsis;
    overflow: hidden;
    /* The width should calculate dynamically by js */
}

/*#endregion Soutron jstree */

/*#region JS suggestions */
.tt-suggestion.tt-cursor {
    color: black !important;
    background: #F8FAFF !important;
    font-weight: bold !important;
}

.suggestion {
    background-color: transparent !important;
}

/*#endregion JS suggestions */

/*#region Soutron dropzone */
.soutron-dropzone {
    padding: 20px;
    height: auto;
    border-style: dashed;
    border-width: 2px;
    border-color: #d2d3d5;
    cursor: pointer;
    width: 100%;
}

.soutron-dropzone-clickable i {
    -ms-opacity: 0.3;
    opacity: 0.3;
}

.soutron-dropzone-clickable:hover i {
    -ms-opacity: 1;
    opacity: 1;
}

.soutron-dropzone-files .file-row.dz-success .progress {
    opacity: 0;
    transition: opacity 0.3s linear;
}

.soutron-dropzone-files .file-row .delete {
    display: none;
}

.soutron-dropzone-files .file-row.dz-success .start,
.soutron-dropzone-files .file-row.dz-success .cancel {
    display: none;
}

.soutron-dropzone-files .file-row.dz-success .delete {
    display: block;
}

.soutron-dropzone-files .file-row .file-status-error,
.soutron-dropzone-files .file-row .file-status-success {
    display: none;
}

.soutron-dropzone-files .file-row.dz-error .file-status-error {
    display: block;
}

.soutron-dropzone-files .file-row.dz-success .file-status-success {
    display: block;
}

.soutron-dropzone .progress {
    height: 0.25rem !important;
}

.soutron-dropzone-files span.size {
    min-width: 60px;
}

.soutron-dropzone-files span.status {
    min-width: 20px;
}

.soutron-dropzone-files span.name {
    word-break: break-word;
}

.soutron-dropzone-files .profile-activity > div {
    min-height: 38px;
}

.soutron-dropzone-files .profile-activity img {
    border: none !important;
    border-radius: 0 !important;
    max-width: none !important;
}

.soutron-dropzone-files .actions {
    min-width: 20px;
    max-width: 20px;
}

.soutron-dropzone-files .profile-activity .actions > div {
    display: none;
}

.soutron-dropzone-files .profile-activity:hover .actions > div {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.soutron-dropzone-files .profile-activity .actions a {
    cursor: pointer;
    text-decoration: none;
}

/*#endregion Soutron dropzone */

/*#region Soutron Tree */
.hover-activated .tree-node:hover {
    background: #d9edf7;
    cursor: pointer;
}

.tree-node {
    height: 20px;
    /*d-flex*/
    display: -ms-flexbox !important;
    display: flex !important;
    /*flex-row*/
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    /*align-items-baseline*/
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.tree-node-content {
    /*w-100*/
    width: 100% !important;
    /*mr-auto*/
    margin-right: auto !important;
    /*text-ellipsis-lines*/
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    /*line-clamp-1*/
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
}

.tree-node-actions {
    /*me-1*/
    margin-right: 0.25rem !important;
}

.node-actions {
    /*d-flex*/
    display: -ms-flexbox !important;
    display: flex !important;
}

/*#endregion Soutron Tree */

/*#region DateRangePicker */
.daterangepicker td.not-available,
.daterangepicker th.not-available,
.daterangepicker td.not-available:hover,
.daterangepicker th.not-available:hover {
    color: #f36d6d;
    pointer-events: none;
    /*cursor: not-allowed;*/
    text-decoration: line-through;
}

/*#endregion DateRangePicker */

/*#region Translated icon*/
.translated-icon {
    opacity: 0.5 !important;
    max-height: 27px;
}

    .translated-icon:focus-visible {
        opacity: 1 !important;
    }

.widget-toolbar .translated-icon,
.widget-title .translated-icon {
    color: white;
}

.translated-icon > i {
    cursor: pointer;
}

/*#endregion Translated icon*/

/*#region Macros core*/
.macros-layout {
}

.macros-widget-body-height {
    max-height: 500px;
    overflow: auto;
}

/*#endregion Macros core*/

#authorization-macro-button {
    max-height: 58px;
    min-height: 58px;
}

.copy-loan-info-section #due-date-item {
    display: flex;
    align-items: center;
}

.copy-loan-info-section input[type="text"] {
    border: 0px !important;
    width: 51% !important;
    padding-right: 0px !important;
    padding-bottom: 5px !important;
}

.copy-loan-info-section #due-date-item .icon-floating-e > i {
    right: auto;
}

@media (width: 1024px) {
    .copy-loan-info-section input[type="text"] {
        width: 60% !important;
        padding-right: 0px !important;
        padding-bottom: 5px !important;
    }

    .copy-loan-info-section #due-date-label {
        width: 41%;
    }
}

.copy-field-barcode {
    line-height: 28px !important;
}

.copy-field-barcode button {
    padding: 3px 5px;
    height: 25px;
}

/* Center the box on the page */
.center-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

/* Style for the message box */
.access-denied {
    background-color: white;
    color: red;
    padding: 30px 40px; 
    border: 2px solid red;
    border-radius: 10px;
    font-family: 'Arial', sans-serif;
    text-align: center;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    animation: fadeIn 0.5s ease-in-out;
    line-height: 1;
    margin: 0 auto;
}

/* Fade-in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/*#region :focus-visible & :hover CSS*/
input[type=checkbox].ace:hover + .lbl::before,
input[type=radio].ace:hover + .lbl::before,
input[type=checkbox].ace + .lbl:hover::before,
input[type=radio].ace + .lbl:hover::before {
    border-color: #ff893c;
}

input[type=checkbox].ace.ace-switch:hover + .lbl::before,
input[type=checkbox].ace.ace-switch + .lbl:hover::before {
    border: 1px solid #ff893c;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}

.form-control:focus-visible,
select:focus-visible,
input[type="text"]:focus-visible,
input[type="number"]:focus-visible,
input[type="password"]:focus-visible,
input[type="url"]:focus-visible,
input[type="search"]:focus-visible,
input[type="email"]:focus-visible,
textarea:focus-visible {
    /*border-color: #6FBCFC !important;*/
    border-color: transparent;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: 0;
}

input.select2-search__field:focus-visible {
    box-shadow: none !important;
}

.typeahead-container button:focus,
.typeahead-container button:active {
    /*border-color: #6FBCFC !important;*/
    border-color: transparent;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: 0;
}

    #cboxClose:focus {
    /*LMS-6385*/
    background-position: -25px -25px;
}

a:focus-visible,
a > img:focus-visible,
span.role-button:focus-visible,
i:focus-visible,
.role-button:focus-visible,
.btn-transparent:focus-visible {
    /*if <i> supports focus, for example, a popover icon*/
    /*box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);*/
    box-shadow: 0 0.3rem 0 0 rgba(13, 110, 253, 0.25);
    outline: none;
}

    a:focus-visible i,
    span:focus-visible i,
    i:focus-visible,
    .role-button:focus-visible i,
    .btn-transparent:focus-visible i {
        opacity: 1;
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

.btn-check:focus-visible + .btn,
.btn:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

input[type=checkbox].ace:focus + .lbl::before,
input[type=radio].ace:focus + .lbl::before {
    border-color: #f59942;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
    border: 0;
}

input[type=checkbox].ace.ace-switch:focus-visible + .lbl::before {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
    border: 1px;
}

.ranges li:focus-visible,
.table-condensed th.available:focus-visible,
.table-condensed td.available:focus-visible {
    /*daterange picker*/
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: 0;
    border-color: transparent;
}

.quick-search-macro:focus-within {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    border-color: transparent;
}

.quick-search-macro input:focus-visible {
    box-shadow: none !important;
    border-color: transparent;
}


/*#endregion*/

/*#region Button*/
.btn-transparent {
    background: none;
    color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    padding: 0;
}

.btn-app span {
    display: block;
}

.btn.btn-app:hover {
     border: 0;
}

.btn.btn-app.active:hover {
     opacity: 0.8;
}

/*#endregion Button*/

/*#region Sidebar*/
.slider-handle.round:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(245, 153, 66, 0.50);
    outline: 0;
}

.sidebar a {
    text-decoration: none;
}

/*#endregion*/

/*#region Typeahead*/
.typeahead-container.icon-floating-e button {
    top: auto !important;
}

.typeahead-container .btn-transparent {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

/*#endregion*/

/*#region Widget*/
.widget-box.widget-color-blue > .widget-header a:focus-visible,
.widget-box.widget-color-blue > .widget-header i:focus-visible,
.widget-box.widget-color-blue > .widget-header .role-button:focus-visible {
    /*box-shadow: 0 0 0 0.15rem #E2E2E2;*/
    box-shadow: 0 0.3rem 0 0 #E2E2E2;
}

.widget-toolbar .btn:focus-visible {
    box-shadow: 0 0 0 0.15rem rgb(226, 226, 226);
}

.widget-box.widget-color-blue input[type=checkbox].ace.ace-switch:focus-visible + .lbl::before {
    box-shadow: 0 0 0 0.15rem #ff893c;
}

.widget-color-blue > .widget-header {
    /*LMS-5603*/
    background: #1b77d3 !important;
    border-color: #1b77d3 !important;
}

.widget-toolbar > .btn-sm {
    line-height: 14px;
    font-size: 12px;
}

.widget-toolbar .lbl {
    /*If the switch is in the widget it stretches the height*/
    min-height: auto !important;
}

.widget-toolbar a {
    vertical-align: middle;
}

.widget-toolbar.border-0:before {
    /*Remove border on the left [Ace theme]*/
    border: 0;
}

.widget-header-small > .widget-title {
    /*LMS-6354*/
    font-size: 15px;
}

.widget-toolbar .bg-secondary {
    opacity: 1;
}

.widget-title label {
    margin: 0;
}

.widget-toolbar > label > .lbl {
    /* An adjustment is needed, because after increasing lbl:before by 4px, 
     * it shifted it down a bit. */
    position: relative;
    top: -3px;
}

/*#endregion*/

/*#region Tabs*/
.nav-tabs {
    position: relative;
    top: 1px;
}

    .nav-tabs > li > a {
        border: 1px solid #dee2e6 !important;
    }

    .nav-tabs > li > a.active,
    .nav-tabs > li > a.active:hover,
    .nav-tabs > li > a.active:focus {
        border-top: 2px solid #4c8fbd !important;
        border-bottom: 1px solid #dee2e6 !important;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        box-shadow: none !important;
    }
    
    .nav-tabs .nav-item {
        margin-right: 3px !important;
    }

a.nav-link {
    border-radius: 0 !important;
}

ul.nav.nav-tabs a.nav-link.active {
    font-weight: bold;
    opacity: 1;
}

ul.nav.nav-tabs > ul > li.nav-item {
    margin-right: 2px !important;
}

.nav-tabs .nav-link {
    color: initial;
    opacity: 0.75;
}

    .nav-tabs .nav-link:hover {
        opacity: 1;
    }


/*#endregion*/

/*#region Toast*/
.toast-container > :not(:last-child) {
    margin-bottom: 10px;
}

#toast-container > div {
    opacity: 1;
}

.toast {
    border-radius: 0;
    font-size: inherit;
    background-color: rgb(255, 255, 255) !important;
    
}

.toast-header {
    border-radius: 0;
}

/*#endregion*/

/*#region Multiselect*/
.multiselect-native-select button.multiselect:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
    outline: none;
    border: 0;
}

.multiselect-native-select .dropdown-menu {
    background-clip: border-box;
}

.multiselect-container .multiselect-option .form-check,
.multiselect-container .multiselect-group .form-check,
.multiselect-container .multiselect-all .form-check {
    padding: 0 5px 0 0 !important;
}

/*.multiselect-container .dropdown-item.active,
.multiselect-container .dropdown-item:active {
    background-color: lightgrey !important;
}*/

.multiselect-filter i.multiselect-reset {
    top: 15px;
    height: 32px;
}

.form-control-sm.form-select {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
}

/*#endregion*/

/*#region Tooltip*/
.slider-width-100 > .slider.slider-horizontal .tooltip.tooltip-main.bottom.show {
    top: 15px !important;
}

.tooltip {
    /*Tooltip flickers while hovering on the tooltip*/
    pointer-events: none;
    /*Used for datapicker*/
    z-index: 3001 !important;
}

.tooltip-inner {
    max-width: 500px;
    text-align: initial !important;
    /*border-radius: 0;*/
    /*opacity: 0.75;*/
}


.tooltip.tooltip-main {
    /*Fixed bootstap-slider with bootstrap 4*/
    /*https://github.com/seiyria/bootstrap-slider/issues/689*/
    margin-top: -40px;
}

.slider-horizontal .tooltip {
    /*Fix LMS-4239*/
    z-index: 100 !important;
}

/*#endregion*/

/*#region dropdown-menu*/
.nav-list > li > a {
    color: #3a3939;
    text-decoration: none;
}

.dropdown-menu {
    border-radius: 0 !important;
}

.nav-list.dropdown-menu {
    min-width: 12rem;
}

/*#endregion*/

/*#region jQgrid */
.ui-th-div {
    /*alignment title in header*/
    text-align: center;
}
/*Word-wrap for long lines in cells*/
.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
}

.ui-jqgrid-bdiv table tr td span, .ui-jqgrid-bdiv table tr td a, .ui-jqgrid-bdiv table tr td div, .ui-jqgrid-bdiv table tr td {
    word-wrap: break-word;
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
    word-wrap: break-word;
}

/*Word-wrap for long lines in title header*/
th.ui-th-column div {
    white-space: normal !important;
    height: auto !important;
    padding: 2px;
}

.ui-th-div-ie {
    white-space: normal !important;
    height: auto !important;
}

/*For input filters*/
.ui-search-input .ui-widget-content {
    width: 100% !important;
}

    .ui-search-input .ui-widget-content[type=date] {
        width: 90% !important;
    }

.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-bdiv {
    max-height: 100% !important;
}

/*Fixed position typeahead. Currently not used*/
/*.ui-search-input .typeahead-result {
    position: fixed !important;
    z-index: 10000 !important;
}*/

/*.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    z-index: 10000 !important;
}*/

.ui-jqgrid .loading {
    z-index: 1000 !important;
}

.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th div {
    height: auto !important;
    line-height: 100% !important;
}

.jqgrow td a {
    text-decoration: none !important;
}

/*.ui-jqgrid td .btn-minier {
    border-width: 2px !important;
}*/

.jqgrid-rownum {
    font-weight: 700 !important;
    color: #6c757d !important;
}


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

.ui-jqgrid .ui-subgrid td.subgrid-cell {
    /* Removing the border after the sub grid icon*/
    border-width: 0;
}

.ui-jqgrid tr.ui-row-ltr .table-condensed td {
    /* Fix button actions panel If used inside a jGgrid */
    border: none !important;
    text-align: inherit !important;
}

.jq-cell-title {
    /*LMS-6584*/
    text-decoration: none !important;
}

    /*.jq-cell-title:focus {
        padding: 3px;
        border: dashed;
        border-width: 0.1px;
    }*/

tr.ui-search-toolbar td[data-picker="container"] > input {
    /* Reduce the font for the jqGrid filter if the filter is a datapicker */
    height: 28px;
    font-size: smaller;
}

.ui-jqgrid .inline-edit-cell {
    /*Fixes alignment of switch controls in inline editing mode*/
    padding: 0;
}
.jqgrow > td > input.inline-edit-cell {
    /*Fixes alignment of switch controls in inline editing mode
     *Fix input */
    padding: 5px;
}


/*#endregion*/

/*#region Popover*/
.popover,
.popover-header {
    border-radius: 0;
}

    .popover-header .btn-close {
        /*сlose popover button*/
        float: right;
        padding: 0;
    }

/*#endregion*/

/*#region CKEditor4*/
/*.cke_combopanel {
    width: inherit !important;
    height: inherit !important;
    max-width: 500px !important;
    max-height: 500px !important;
}*/

/*#endregion CKEditor4*/

/*#region CKEditor5*/
div.ck-editor:focus-within {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
}


/*https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/content-styles.html*/
/*Fixed for CKEditor5*/
.ck.ck-editor__editable[role='textbox'], .ck-source-editing-area {
    min-height: 110px;
}

.ck-macros-ui-dropdown .ck.ck-dropdown__panel {
    /*Adding a scroll for long lists [CKEditor5]*/
    max-height: 500px;
    overflow-y: auto;
}

.ck-content ul, .ck-content ol {
    /*Fixed Bulleted List*/
    margin-left: 25px;
}

p {
    /*Reducing automatic margins [CKEditor5]*/
    /*margin-bottom: 0.2rem !important;*/
    margin-bottom: 0 !important;
}

/*Fixed Bulleted List LMS-6175 */
.ck.ck-content ul,
.ck.ck-content ul li {
    list-style-type: inherit;
}

.rich-content-html ul {
    list-style-type: disc;
}

.cke_button__insertimage_label {
    /*LMS-6190*/
    display: inline !important;
}

.ck.ck-button, a.ck.ck-button,
.ck.ck-button:active, a.ck.ck-button:active {
    border: 0 !important;
}

button.ck-button:active,
button.ck-button:focus {
    border: 0 !important;
}

.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    border: 0 !important;
}

:root {
    --ck-input-width: 70em !important;
    --ck-input-text-width: var(--ck-input-width);
}
/*#endregion*/
/*#region Select2*/
span.select2-selection:focus-within {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
}

.select2-selection.select2-selection--single:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
    outline: none;
}

.select2-selection {
    /*Fixed select2/ Height as form-control-sm*/
    border-radius: 0 !important;
    border: 1px solid #d5d5d5 !important;
}

.form-control-sm ~ span.select2 .select2-selection {
    height: 31px !important;
}

.select2-dropdown {
    border-radius: 0 !important;
}

/*#endregion*/

/*#region Datapicker*/
.input-group.date label {
    /*Fixed input-group margin example for datapicker addon*/
    margin-bottom: 0 !important;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    background: initial;
}

/*#endregion*/

/*#region Wizard js*/
.steps li.active .step {
    background-color: #87b87f;
}

ul.steps > li.complete > .step:hover {
    cursor: pointer
}

/*#endregion*/

/*#region jsTree*/
.jstree a {
    text-decoration: none;
}

/*#endregion*/

/*#region Bootstrap dialog*/
.modal-backdrop {
    /* z-index should be less than that of ".model.bootstrap-dialog" i.e. < 1030 */
    z-index: 1020;
}

.bootstrap-dialog .modal-lg .bootstrap4-dialog-button:first-child {
    /* Override for bootstrap-dialog.css */
    margin-top: auto;
}

.modal-header {
    border-top-left-radius: 0 !Important;
    border-top-right-radius: 0 !Important;
}

.modal-dialog > .modal-content {
    border: 0 !important;
    background-clip: border-box !important;
}

.bootstrap-dialog-draggable {
    cursor: pointer;
}

.bootstrap-dialog-title {
    /*LMS-6353*/
    font-weight: bold;
    font-size: x-large;
    margin-top: 3px;
}

.bootstrap-dialog-title {
    /*LMS-6353*/
    margin-bottom: 0 !important;
}

/*.modal-dialog .modal-footer {*/
/*Fixed bootstap-dialog. The alignment of the buttons in the footer*/
/*display: flex !important;
}*/


.bootstrap-dialog.type-primary .modal-header {
    /* Fixed bootstap-dialog. The default color of the ace threads */
    background-color: #307ecc !important;
}

/*#endregion*/

/*#region Bootstrap accordion*/
.accordion-item {
    border: 0;
}

.accordion-button {
    font-size: 13px;
    background-color: #F9F9F9;
    margin-bottom: 2px;
}

    .accordion-button:hover {
        color: #6ea6cc;
        background-color: #f1f8fd;
        text-decoration: none;
    }

    .accordion-button:not(.collapsed) {
        color: #4c8fbd;
    }

/*#endregion*/

/*#region Other CSS*/
a {
    /*LMS-7178:9*/
    text-decoration: none;
}


.bg-secondary {
    opacity: 0.5;
}

.bg-success {
    background-color: #87b87f !important
}

select, input, .form-control,
.select2-container-default .select2-selection-single .select2-selection__placeholder {
    /*LMS-5603 */
    color: #000 !important;
}

/*textarea, input {
    border-radius: 0.2rem !important;
}*/

    select::selection {
        background: #fff !important;
        color: #ff0000 !important;
    }

.blue {
    /*LMS-5603 */
    color: #1b77d3 !important;
}

.red {
    /*LMS-5603 */
    color: #e52727 !important;
}

.form-floating > .form-control ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
    /*Floating Label*/
    opacity: 0.65;
}

.btn {
    color: #FFF !important;
    font-size: 13px;
    border-radius: 0;
    border: 1px solid transparent;
}

    .btn:hover {
        border: 1px solid white;
    }

label .lbl {
    /*ace-switch alignment*/
    vertical-align: middle;
}

.input-group-text {
    border-radius: 0 !important;
}

progress-bar.active, .progress.active .progress-bar {
    /*Fixed progress if active*/
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.slider-width-100 > .slider.slider-horizontal {
    width: 100%;
}

.editable-input > select {
    /* Order Details
     *If the value is very long, enable the restriction*/
    max-width: 250px !important;
}

.typeahead-list > li > a {
    /*Fixewd typeahead CSS*/
    white-space: normal;
}

.typeahead-loader {
    max-height: 30px;
}

.fa-info-circle {
    cursor: pointer;
}

i {
    font-style: initial;
}

.btn-block {
    /*LMS-7178:6*/
    display: block;
    width: 100%;
}



/*LMS-8263*/

.item-details-and-notes-text-cell {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}

.item-details-and-copies-tooltip {
    visibility: hidden;
    max-width: 300px;
    background-color: #191919;
    color: #e1f9ff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    overflow-wrap: break-word;
    word-wrap: break-word;
    transform: translateX(-50%);
}

.item-details-and-copies-tooltip::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent black transparent;
    }
/*#endregion*/


/*manage copy slider tooltip*/

.slider .tooltip-min.tooltip.bs-tooltip-top {
    position: relative;
    margin-top: 20px;
    width: 5.63rem;
    margin-left:1.4rem;
    bottom:3.75rem;
}

    .slider .tooltip-min.tooltip.bs-tooltip-top::after {
        content: "";
        position: absolute;
        top: 82%;
       left: calc(35% - 3.5rem);
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }

.slider .tooltip-max.tooltip.bs-tooltip-bottom {
    position: absolute;
    width: 5.63rem;
    margin-left: -2rem;
    margin-top: 2px;
    z-index: 50;
}

    .slider .tooltip-max.tooltip.bs-tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 80%;
        left: 35%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #000 transparent;
        z-index: 50;
    }

.slider .tooltip-max.tooltip.bs-tooltip-top {
    position: absolute;
    width: 5.63rem;
    margin-left: -2rem;
    margin-top: -40px;
    z-index: 50;
}

    .slider .tooltip-max.tooltip.bs-tooltip-top::after {
        content: "";
        position: absolute;
        bottom: 80%;
        left: 35%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent black transparent;
        z-index: 50;
    }


/*manage copy slider tooltip ends*/


.button-advance-edit-manage-items {
    background-color: #6c0895;
    color: #FFFFFF;
    border: none;
}

.button-inline-restore {
    background-color: #ffc107;
    color: #FFFFFF;
    border: none;
}


.fdimage img {
    max-width: 100%;
    object-fit: contain;
}


/**/
#manage-copies-slider-range-container .slider-horizontal{
    width:100%
}
/*@media (max-width: 1400px) {
     
    .record-text-readonly {
        width: 6.4% !important;
        word-wrap: break-word;
    }
}

@media (min-width: 2000px) {

    .record-text-readonly {
        width: 13% !important;
        word-wrap: break-word;
    }
}

.record-text-readonly {
    width: 9.5%;
    word-wrap: break-word;
}

/*#endregion*/