/*------------------------------------*\
    VARS
\*------------------------------------*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
body, html {
  font-family: "Source Sans Pro", sans-serif;
  color: #4A4A4A;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 28px;
  font-weight: 600;
}

h3 {
  font-size: 24px;
  font-weight: 600;
}

ul, li {
  margin: 0;
  padding: 0;
}

.emptyComment {
  font-size: 14px;
  display: block;
  font-style: italic;
}

.error {
  color: #f46a6a;
}

.success {
  color: #34c38f;
}

/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: none;
}

.btn-primary {
  color: #ffffff;
  background-color: #15B3E3;
  border-color: #15B3E3;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: #13a1cc;
  border-color: #13a1cc;
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #3ec4ed;
  border-color: #3ec4ed;
}

.btn-link {
  color: #293a59;
}

.btn-link:hover,
.btn-link:not(:disabled):not(.disabled):active,
.btn-link:not(:disabled):not(.disabled).active {
  color: #212f48;
}

.btn-link.btn-success {
  background-color: transparent;
  border: none;
  color: #34c38f;
}

.btn-link.btn-success:hover,
.btn-link.btn-success:not(:disabled):not(.disabled):active,
.btn-link.btn-success:not(:disabled):not(.disabled).active {
  background-color: transparent;
  color: #2faf80;
}

.btn-link.btn-danger {
  background-color: transparent;
  border: none;
  color: #f46a6a;
}

.btn-link.btn-danger:hover,
.btn-link.btn-danger:not(:disabled):not(.disabled):active,
.btn-link.btn-danger:not(:disabled):not(.disabled).active {
  background-color: transparent;
  color: #f25252;
}

/*------------------------------------*\
    BREADCRUMBS
\*------------------------------------*/
ul.breadcrumbs {
  list-style: none;
  margin-top: 5px;
}

ul.breadcrumbs li {
  position: relative;
  display: inline-block;
  padding-right: 5px;
  font-size: 14px;
}

ul.breadcrumbs li a {
  text-decoration: none;
  color: #293a59;
}

ul.breadcrumbs li:after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: 300;
  padding-left: 10px;
}

ul.breadcrumbs li:last-child:after {
  content: "";
}

/*------------------------------------*\
    LOGIN
\*------------------------------------*/
.page-login footer {
  display: none;
}

.artwork {
  min-height: 100vh;
  padding-top: 120px;
  background-image: url("../img/lots_logo_mark_white_trans.svg");
  background-size: 1000px;
  background-position: center right -500px;
  background-repeat: no-repeat;
  background-color: #6481b7;
}

.artwork h1 {
  font-size: 65px;
  font-weight: 400;
  color: #fff;
}

.artwork h1 span {
  color: #15B3E3;
}

.login {
  padding-top: 120px;
}

.login .form-control {
  background-color: #f3f3f4;
  border-color: #f3f3f4;
  transition: all ease 0.4s;
}

.login .form-control:hover,
.login .form-control:active,
.login .form-control:focus {
  background-color: #ffffff;
  transition: all ease 0.4s;
}

.login .brandingLogo {
  padding: 15px 0;
  position: absolute;
  bottom: 0;
}

.login .resetPasswordForm {
  display: none;
}

/*------------------------------------*\
    BASIC
\*------------------------------------*/
.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 99;
  width: 70px;
  background-color: #293a59;
  float: left;
  text-align: center;
}

.contentWrapper {
  margin-left: 70px;
  background-color: #f8f8fb;
  min-height: calc(100vh - 60px);
}

.contentWrapper .header {
  background-color: #f2f2f5;
  padding: 30px 0;
}

.contentWrapper .content {
  padding: 30px 0;
}

footer {
  background-color: #f2f2f5;
  color: #74788d;
  padding: 20px;
}

footer .version {
  text-align: center;
  font-size: 12px;
}

/*------------------------------------*\
    SIDEBAR
\*------------------------------------*/
/* header */
.sidebarHeader {
  padding: 15px 0;
}

.sidebarHeader .logo {
  padding: 10px;
}

.sidebarHeader .logo img {
  width: 40px;
  height: auto;
}

/* menu */
.sidebarFooter {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.sidebarMenu ul,
.sidebarFooter ul {
  margin: 0;
  padding: 0;
}

li.sidebarMenuItem {
  list-style: none;
  position: relative;
  margin-bottom: 20px;
}

li.sidebarMenuItem a:link,
li.sidebarMenuItem a:visited {
  color: #ffffff;
  font-size: 20px;
}

/* menu tooltips */
.menuTooltip {
  position: relative;
}

.menuTooltip:before,
.menuTooltip:after {
  display: block;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.menuTooltip:after {
  left: calc(100% - 25px);
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #192336;
  border-width: 8px;
  margin-top: -7px;
  transform: translate3d(0, 0, 0);
  transition: all 0.01s ease-in-out;
}

.menuTooltip:before {
  background-color: #192336;
  border-radius: 2px;
  color: #ffffff;
  content: attr(data-title);
  font-size: 14px;
  padding: 6px 10px;
  left: calc(100% - 10px);
  white-space: nowrap;
  transform: scale3d(0.2, 0.2, 1);
  transition: all 0.2s ease-in-out;
}

.menuTooltip:hover:before,
.menuTooltip:hover:after {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.menuTooltip:hover:after {
  transition: all 0.2s 0.1s ease-in-out;
}

/* menu notifications */
.sidebarMenuItem .badge {
  position: absolute;
  font-size: 10px;
  font-weight: 500;
  left: 10px;
}

.sidebarMenuItem .badge-danger {
  background-color: #f46a6a;
}

/*------------------------------------*\
    DASHBOARD WIDGETS
\*------------------------------------*/
/* Linkedin */
#linkedin_connect_widget .statusLabel {
  position: absolute;
  right: 20px;
  margin: 0;
  display: inline;
}

#linkedin_connect_widget .statusLabel .badge {
  margin-left: 5px;
}

/* linkedin wizard */
.linkedin-wizard h1 {
  color: #293a59;
  font-size: 35px;
}

.linkedin-wizard h2 {
  color: #fff;
  font-size: 35px;
  background: #293a59;
  display: inline-block;
  padding: 5px 15px 5px 30px;
  position: relative;
  left: -30px;
  margin-bottom: 30px;
}

.carousel-inner {
  border-radius: calc(0.25rem - 1px);
  background-color: rgba(85, 110, 230, 0.25);
  background-image: url("../img/wizard-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 150px;
}

.carousel-item {
  min-height: 415px;
}

.item-content {
  padding: 1.25rem;
}

.carousel-item span.help {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

.carousel-item button i {
  position: relative;
  top: 1px;
}

.item-footer {
  width: 100%;
  padding: 1.25rem;
  position: absolute;
  bottom: 0;
  text-align: right;
}

.li-step-1 {
  text-align: center;
  padding: 60px 0;
}

.li-step-1 button {
  margin-top: 60px;
}

.carousel-item .errorMsg {
  display: none;
}

.carousel-item.login-error input {
  border-color: #f46a6a;
}

.carousel-item.login-error p.login-error {
  display: block;
  color: #f46a6a;
}

.carousel-item.tech-error p.tech-error {
  display: block;
  color: #f46a6a;
}

.linkedin-connected {
  min-height: 130px;
  border-radius: calc(0.25rem - 1px);
  background-color: rgba(85, 110, 230, 0.25);
  background-image: url("../img/wizard-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center -25px;
}

.linkedin-connected h1 {
  text-align: center;
}

.linkedInLoader {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
}

.linkedInLoader .loaderContent {
  width: 300px;
  height: 200px;
  padding: 15px;
  margin: 0px auto;
  margin-top: -100px;
  top: 50%;
  position: relative;
  background-color: #ffffff;
}

/* Tasks */
.verti-timeline {
  border-left: 3px dashed #f6f6f6;
  margin: 0 10px;
  padding-left: 0;
  list-style: none;
}

.verti-timeline .task-list {
  position: relative;
  padding: 0 0 40px 30px;
}

.verti-timeline .task-list .timeline-dot {
  position: absolute;
  left: -9px;
  top: 0;
  z-index: 9;
  font-size: 16px;
}

.verti-timeline .task-list.active .timeline-dot i {
  font-weight: 900;
  color: #15B3E3;
}

.task-data .task-time {
  font-size: 15px;
  font-weight: 600;
}

.task-data .task-time i {
  color: #15B3E3;
  margin-left: 5px;
  font-size: 11px;
  position: relative;
  top: -1px;
}

.task-data .task-description {
  font-size: 14px;
}

/* Messages */
.message-list {
  display: block;
  padding-left: 0;
}

.message-list li {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  cursor: default;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.message-list li .col-mail-1 {
  width: 320px;
}

/*------------------------------------*\
    TABLE
\*------------------------------------*/
.tableFilters {
  margin-bottom: 30px;
}

.tableControls {
  margin-bottom: 10px;
}

.tableControls .search form {
  position: relative;
}

.tableControls .search .form-control {
  background-color: #f3f3f4;
  border-color: #f3f3f4;
  transition: all ease 0.4s;
  padding-right: 30px;
}

.tableControls .search .form-control:hover,
.tableControls .search .form-control:active,
.tableControls .search .form-control:focus {
  background-color: #ffffff;
  transition: all ease 0.4s;
}

.tableControls .search i {
  position: absolute;
  top: 12px;
  right: 10px;
}

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

.tableControls .controls .custom-switch,
.tableFilters .custom-switch {
  float: left;
  height: 30px;
  margin-top: 4px;
}

.tableControls .controls .custom-switch > div,
.tableFilters .custom-switch > div {
  display: inline-block;
  height: 26px;
  top: -9px;
  position: relative;
  margin-right: 5px;
}

.table {
  color: #4A4A4A;
  border-bottom: 2px solid #dee2e6;
}

.table thead th,
.table tfoot th {
  font-weight: 600;
  color: #495057;
  border-color: #eff2f7;
  background-color: #eff2f7;
}

.table td {
  position: relative;
  overflow: hidden;
}

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

a.tableLink,
button.tableLink {
  color: #15B3E3;
  text-decoration: none;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.tableLink .fa-trash {
  color: #f46a6a;
}

td {
  position: relative;
}

.tableActions {
  opacity: 0;
  transition: all 0.3s ease-out;
  text-align: right;
}

.tableActions button {
  margin-right: 15px;
}

.tableActions button:last-child {
  margin-right: 0;
}

tr:hover .tableActions {
  opacity: 1;
  transition: all 0.3s ease-out;
}

.tableResults {
  font-size: 12px;
}

.tablePagination .pageFirst,
.tablePagination .pagePrevious,
.tablePagination .pageNext,
.tablePagination .pageLast {
  color: #adb5bd;
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
}

.tablePagination .pageFirst a,
.tablePagination .pagePrevious a,
.tablePagination .pageNext a,
.tablePagination .pageLast a {
  color: #15B3E3;
  text-decoration: none;
}

.tablePagination .pageNumber {
  height: 30px;
  line-height: 30px;
  display: inline-block;
}

/* FIXED HEADER */
.table-fixed tbody {
  height: 300px;
  overflow-y: auto;
  width: 100%;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
  display: block;
}

.table-fixed tbody td,
.table-fixed tbody th,
.table-fixed thead > tr > th {
  float: left;
  position: relative;
}
.table-fixed tbody td::after,
.table-fixed tbody th::after,
.table-fixed thead > tr > th::after {
  content: "";
  clear: both;
  display: block;
}

/*------------------------------------*\
    HARMONICA
\*------------------------------------*/
.harmonica-panel {
  width: 100%;
}

.harmonica-panel .panel-header {
  padding: 15px 0;
  border-bottom: 1px solid #A1A0A3;
}

.harmonica-panel .panel-header h1 {
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  position: relative;
  color: #293a59;
}

.harmonica-panel .panel-header h1:before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  margin-right: 5px;
  position: relative;
  width: 25px;
  display: inline-block;
  text-align: center;
  transition: all 0.1s ease;
}

.harmonica-panel.panel-open .panel-header h1:before {
  transform: rotate(90deg);
  transition: all 0.1s ease;
}

.harmonica-panel .panel-content {
  padding: 30px 0;
  display: none;
}

.harmonica-panel.panel-open .panel-content {
  display: block;
}

.harmonica-panel .panel-content p {
  margin-bottom: 15px;
}

/*------------------------------------*\
    EMBEDDING (youtube)
\*------------------------------------*/
.embed-responsive {
  width: 80%;
}

/*------------------------------------*\
    TABS
\*------------------------------------*/
.contentWrapper .tab-pane {
  padding: 30px 0;
}

.nav-tabs .nav-item {
  color: #4A4A4A;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #15B3E3;
}

/*------------------------------------*\
    MODAL
\*------------------------------------*/
.modalLoader {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  color: #293a59;
  text-align: center;
}

.modalLoader i {
  font-size: 30px;
  top: 50%;
  margin-top: -15px;
}

/*------------------------------------*\
    CARDS
\*------------------------------------*/
/* page */
.page-card {
  margin-bottom: 15px;
  padding: 0;
  background-color: #ffffff;
  border: 0 solid #f6f6f6;
}

/* widget */
.widget-card {
  margin-bottom: 15px;
  padding: 0;
  background-color: #ffffff;
  border: 0 solid #f6f6f6;
}

.widget-card .card-header {
  border: none;
  background-color: #ffffff;
}

.widget-card .card-header .card-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.widget-card .card-footer {
  border: none;
  background-color: #ffffff;
}

/* stats */
.stats-card {
  margin-bottom: 15px;
  padding: 0;
  background-color: #ffffff;
  border: 0 solid #f6f6f6;
}

.stats-card .card-body .body-text {
  width: calc(100% - 50px);
  float: left;
}

.stats-card .card-body .body-icon {
  width: 50px;
  float: left;
}

.stats-card .card-title {
  color: #74788d;
  font-weight: 600;
  font-size: 14px;
  display: block;
  margin-bottom: 3px;
}

.stats-card .stats-number {
  display: block;
  font-size: 25px;
  font-weight: 600;
}

.stats-card .stats-icon {
  width: 50px;
  height: 50px;
  display: block;
  line-height: 50px;
  text-align: center;
  font-size: 22px;
  background-color: #15B3E3;
  color: #ffffff;
  border-radius: 100%;
}

/**/
.card.active {
  border-color: #293a59;
}

.card.active .card-header {
  background-color: #879ec7;
  color: #293a59;
}

.card .card-status .new {
  color: #34c38f;
}

.card .card-status .verify {
  color: #ffbc42;
}

.card .card-status .rejected {
  color: #f46a6a;
}

.card .btn-switch {
  color: #293a59;
  font-weight: 600;
  border: none;
}

.card .btn-switch.active {
  background-color: #293a59;
  color: #ffffff;
}

/*------------------------------------*\
    WELL
\*------------------------------------*/
.well {
  background-color: #fafafa;
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
}

/*------------------------------------*\
    LABEL TREE
\*------------------------------------*/
/* Remove default bullets */
ul, .treeWrapper {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
ul.treeWrapper {
  margin: 0;
  padding: 0;
}

ul.treeWrapper li {
  position: relative;
  padding: 5px 30px;
}

/* Style the caret/arrow */
.caret {
  cursor: pointer;
  user-select: none;
  position: absolute;
  left: 5px;
}

/* Create the caret/arrow with a unicode, and style it */
.caret:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f067";
  font-weight: 400;
  color: #15B3E3;
  display: block;
  width: 20px;
  text-align: center;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down:before {
  content: "\f068";
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}

/*------------------------------------*\
    FORM
\*------------------------------------*/
input {
  filter: none;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  box-shadow: none;
}

.form-group {
  position: relative;
}

/* datepicker */
.form-datepicker input {
  padding-right: 35px;
}

.form-datepicker .input-group > .custom-select:not(:last-child),
.form-datepicker .input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.form-datepicker .input-group.date .input-group-addon {
  position: relative;
  left: -35px;
  top: 0;
  padding: 7px;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
  background-image: none;
  background-color: #293a59;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background-image: none;
  background-color: #293a59;
}

.datepicker .datepicker-switch,
.datepicker .next, .datepicker .prev,
.datepicker tfoot tr th,
.datepicker th {
  font-weight: 600;
}

.datepicker td {
  font-weight: 500;
}

/* Custom switch */
.custom-switch {
  padding-left: 0;
  line-height: 12px;
  position: relative;
}

.custom-switch .custom-switch-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-switch .custom-switch-input + .custom-switch-btn {
  outline: 0;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  width: 60px;
  height: 30px;
  margin: 0;
  padding: 2px;
  background: #adb5bd;
  border-radius: 76px;
  transition: all 250ms ease;
}

.custom-switch .custom-switch-input + .custom-switch-btn:after,
.custom-switch .custom-switch-input + .custom-switch-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 26px;
  height: 26px;
}

.custom-switch .custom-switch-input + .custom-switch-btn:after {
  left: 0;
  border-radius: 50%;
  background: white;
  transition: all 250ms ease;
}

.custom-switch .custom-switch-input + .custom-switch-btn:before {
  display: none;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn {
  background: #34c38f;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn:after {
  left: 30px;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-checked {
  opacity: 1;
  height: auto;
  position: absolute;
  top: 9px;
  left: 75px;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-unchecked {
  display: none;
  opacity: 0;
  height: 0;
}

.custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-checked {
  display: none;
  opacity: 0;
  height: 0;
}

.custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-unchecked {
  opacity: 1;
  height: auto;
  position: absolute;
  top: 9px;
  left: 75px;
}

.custom-switch .custom-switch-input[disabled] + .custom-switch-btn {
  background: rgba(173, 181, 189, 0.6);
  cursor: default;
}

.custom-switch .custom-switch-input[disabled]:checked + .custom-switch-btn {
  background: rgba(40, 167, 69, 0.4);
}

.custom-switch .custom-switch-input:not([disabled]):focus ~ .custom-switch-btn {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(56, 123, 189, 0.25);
}

.custom-switch .custom-switch-input[required] ~ .custom-switch-btn {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.125rem rgba(220, 53, 69, 0.5);
}

.custom-switch .custom-switch-form-text {
  display: inline-block;
  height: 38px;
  margin-left: 0.5rem;
  line-height: 38px;
  vertical-align: top;
}

.is-invalid .custom-switch .custom-switch-input ~ .custom-switch-btn,
.was-validated .custom-switch:invalid .custom-switch-input ~ .custom-switch-btn {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem #dc3545;
}

/* dropdown tree menu  */
.dropdown-menu ul.treeWrapper li {
  padding-left: 30px;
  position: relative;
}

.dropdown-menu ul.treeWrapper li .caret {
  cursor: pointer;
  user-select: none;
  /* Prevent text selection */
  position: absolute;
  left: 5px;
  top: 5px;
}

.dropdown-menu ul.treeWrapper li .caret:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f067";
  font-weight: 400;
  color: #15B3E3;
  display: block;
  width: 20px;
  text-align: center;
  transition: all 0.1s ease;
}

.dropdown-menu ul.treeWrapper li .caret-down:before {
  content: "\f068";
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}

/* dropdown with checkbox */
.checkbox-menu {
  max-height: 300px;
  overflow-y: auto;
}

.checkbox-menu .dropdown-item:focus,
.checkbox-menu .dropdown-item:hover,
.checkbox-menu .dropdown-item:active {
  background: none;
  color: #16181b;
}

.checkbox-menu li label {
  margin-left: 5px;
}

/* password */
.form-group .viewPassword {
  position: absolute;
  top: 32px;
  right: 0;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
}

/* signature */
#signatureContainer {
  margin-bottom: 15px;
}

#signatureContainer img {
  width: 250px;
  height: auto;
}

/* tags */
.bootstrap-tagsinput {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-shadow: none;
}

.bootstrap-tagsinput .tag {
  background-color: #e9ecef;
  padding: 2px 5px;
  border-radius: 3px;
  color: #495057;
}

.bootstrap-tagsinput .tag span[data-role=remove] {
  font-size: 12px;
}

.bootstrap-tagsinput .tag span[data-role=remove]:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f00d";
  font-weight: 300;
  padding: 0px 2px;
}

/* autocomplete */
.form-group .autoCompBoxLoader {
  display: none;
  position: absolute;
  top: 40px;
  right: 15px;
}

#dossierInfo .form-group .autoCompBoxLoader {
  top: 9px;
  right: 30px;
}

.form-group .autoCompBox {
  display: none;
  height: 250px;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #EBECEC;
  position: absolute;
  z-index: 10;
  margin-top: 5px;
  overflow-y: auto;
  font-size: 12px;
}

#userEditForm .form-group .autoCompBox {
  width: 100%;
}

.form-group .autoCompBox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.form-group .autoCompBox ul li {
  padding: 3px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.form-group .autoCompBox ul li:hover {
  background-color: #EBECEC;
}

/*------------------------------------*\
    Validation
\*------------------------------------*/
label span {
  color: #15B3E3;
}

.form-group.error .form-control {
  border-color: #f46a6a;
}

.errorMsg {
  font-size: 12px;
  color: #f46a6a;
}

/*------------------------------------*\
    Badge
\*------------------------------------*/
.badge {
  font-weight: 600;
}

.badge-success {
  color: #34c38f;
  background-color: #e5f8f1;
}

.badge-danger {
  color: #f46a6a;
  background-color: #fde1e1;
}

/*------------------------------------*\
    CALENDAR
\*------------------------------------*/
.tui-full-calendar-week-container {
  min-height: auto;
}

.tui-full-calendar-time-schedule-content {
  border: none;
  color: #4A4A4A;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px;
}

/*------------------------------------*\
    DOCUMENT VIEWER
\*------------------------------------*/
.documentInfo {
  padding-top: 15px;
}

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

.documentViewer {
  padding-top: 15px;
}

.documentViewer object {
  width: 100%;
  height: calc(100vh - 30px);
  border-bottom: 20px solid #4b4b4b;
}

.documentViewer .imageWrapper {
  width: 100%;
  height: calc(100vh - 30px);
  overflow-y: auto;
}

.documentViewer .imageWrapper img {
  width: 100%;
  height: auto;
}

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

\*------------------------------------*/
/* employmentRegistrationsModal */
#employmentRegistrationsModal #registrations .name {
  width: calc(100% - 105px);
  display: inline-block;
}

#employmentRegistrationsModal #registrations .actions {
  width: 100px;
  display: inline-block;
  text-align: right;
}

/* availableFreelancersModal */
#availableFreelancersModal .name {
  width: calc(100% - 105px);
  display: inline-block;
}

#availableFreelancersModal .actions {
  width: 100px;
  display: inline-block;
}

/* availableFreelancersModal */
#employmentDetailsModal .name {
  width: calc(100% - 105px);
  display: inline-block;
}

#employmentDetailsModal .actions {
  width: 100px;
  display: inline-block;
}

/**/

/*# sourceMappingURL=style.css.map */