/*body { font-family: 'Lato', serif; font-size: 16px; }*/
body { background-color: #0077B5;}
body { font-family: 'Inter', sans-serif, -apple-system, BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol' !important; font-size: 16px; font-weight: 400; }

body a { color:rgb(53 46 168); }

.ant-btn-circle.ant-btn-sm, .ant-btn-circle-outline.ant-btn-sm { height:24px; }

.app-icon > .fal, .app-icon > .fa, .app-icon > .fab,
.app-icon > .fas, .app-icon > .far, .app-icon > .fad         { margin-top: 0px !important; top: 0px !important; position: relative !important; margin-right: 0px !important; }

.print-only{
  display: none;
}

.as-row{ border-bottom: 1px solid #ddd; }

.ant-avatar.contain > img { object-fit: contain !important; }

.cdk-drag-preview { transform: rotate(-4deg); }
.ant-checkbox-wrapper { min-height: 21px; border-radius: 3px; }
.ant-checkbox-wrapper:hover { background:rgba(0,0,0,0.05); }

.as-sticker { border-radius: 50%; border:3px solid #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.ant-popover { max-width: auto!important; }
.ant-popover-inner-content { max-height: auto!important; overflow-y: auto; }

.ant-list-item:hover { background: rgba(0, 0, 0, 0.02); border-radius: 10px; }
body.dark-mode .ant-list-item:hover { background: rgba(255, 255, 255, 0.02); border-radius: 10px; }
.ant-list-item-meta-content { max-width: 100%; }
.no-selected-padding .ant-select-selection--single .ant-select-selection-selected-value { padding-right: 0px !important; }

/*Fixes scrolling x error*/
.scrollable-y .ant-skeleton { display: block !important; }
.scrollable-y .ant-skeleton .ant-skeleton-content { display: block !important; }

.card-vprogress-lane { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 12px; border-radius: 20px 0px 0px 20px; overflow: hidden; }
.card-vprogress{ position: absolute; bottom: 0px; left: 0px; right: 0px; height: 80px; }

/* Font */
/** { font-family: 'Source Sans Pro', sans-serif; }*/
  app-root{ z-index: 999; position: relative; color: #000; }
  .ant-collapse-content, .ant-radio-wrapper, body { color: #000; }

.bg-whatsapp-color  { background-color: #e5ddd5 !important; }
.bg-whatsapp-image  { background-image: url(/assets/img/backgrounds/whatsapp-default.png) !important; }
.bg-whatsapp-lightgreen  { background: #dcf8c6 !important; }
.bg-white       { background: #fff !important; }
.bg-light       { background: #f7f6f5 !important; }
.bg-lightgray, .bg-lightgrey  { background: #f3f4f6 !important; }
.bg-darkgray, .bg-darkgrey  { background: #333333 !important; }

.bg-lightgreen { background: #e7f8de !important }
.bg-lightred { background: #ffeeee !important }
.bg-gray  { background: #b3b3b3 !important; }
.bg-sky        { background: linear-gradient(45deg, #0077B5, #009EA5 50%) !important; }
.bg-noon        { background: linear-gradient(45deg, #0077B5, #009EA5 50%) !important; }
.bg-sunrise    { background: linear-gradient(0deg, #8ac8e6, #05a1d0 50%) !important; }
.bg-morning    { background: linear-gradient(0deg, #66aacc, #05a1d0 50%) !important; }
.bg-night      { background: linear-gradient(45deg, #002335, #00494c 50%) !important; }
.bg-late_night { background: linear-gradient(45deg, #002335, #001b1d 50%) !important; }
.bg-afternoon  { background: linear-gradient(45deg, #0077B5, #156f9a 50%) !important; }
.bg-sunburn     {
  background: #8A2387;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #F27121, #E94057, #8A2387);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #F27121, #E94057, #8A2387); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.text-purple { color: #6b5098 !important; }
.text-green { color: #266926 !important; }
.text-aqua { color: #3398a2 !important; }
.text-red { color: #962424 !important; }

.text-hot{
  color: #f12711;  /* fallback for old browsers */
}
.text-burning{
  color: #ED213A;  /* fallback for old browsers */

}

.text-warm{
  color: #FDC830;  /* fallback for old browsers */
}

.text-cold{
  color: #56CCF2;  /* fallback for old browsers */
}

.text-frozen{
  color: #2980B9;  /* fallback for old browsers */
}


.bg-hot{
  background: #f12711;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #f5af19, #f12711);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-burninghot, .bg-burning{
  background: #ED213A;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #93291E, #ED213A);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #93291E, #ED213A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.bg-warm{
  background: #FDC830;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #F37335, #FDC830);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-cold{
  background: #56CCF2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #2F80ED, #56CCF2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #2F80ED, #56CCF2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-frozen{
  background: #2980B9;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #FFFFFF, #6DD5FA, #2980B9);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #FFFFFF, #6DD5FA, #2980B9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.p-relative { position: relative; }
.p-absolute { position: absolute; }
.p-fixed { position: fixed; }
.absolute-fullscreen { position: absolute; top:0px; bottom: 0px; left: 0px; right: 0px; }

.ant-btn-background-ghost.ant-btn-secondary { color: #676767 !important; border-color: #c1c1c1 !important; }

.cardboard .ant-card, .cardboard .card { box-shadow: 0px 0px 30px rgba(0,0,0,0.2); border-radius: 6px; overflow: hidden; border: 0px; transition: all 0.3s; margin-top: 30px; margin-bottom: 30px; }
.cardboard .ant-card:hover, .cardboard .card:hover { box-shadow: 0px 0px 35px rgba(0,0,0,0.4); }
.cardboard .card-with-header-image { overflow: unset; }

.cardboard .card .card-header { background: #FFF; }
.card .card-header.card-header-image { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; }
.card .card-header.card-header-image img { border-radius: 6px 6px 0px 0px; }

.fa-rotate { transition: transform 1s cubic-bezier(0.22, 0.61, 0.36, 1); }
.fa-rotate-45 { transform: rotate(45deg); }
.fa-rotate-90 { transform: rotate(90deg); }
.fa-rotate-135 { transform: rotate(405deg); }
.fa-rotate-270 { transform: rotate(270deg); }

@media (min-width: 1340px){
  .pl-xl-6{ padding-left: 4.5rem !important }
  .pr-xl-6{ padding-right: 4.5rem !important }
}

/* Orgchart fixes */
body .ui-organizationchart .ui-organizationchart-node-content{
  border:0px !important;
}
body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler{
  margin-left: -15px !important;
  color: #848484;
  background: #FFF;
  display: inline-block;
  padding: 5px 5px 0px;
  border-radius: 20px;
  border: 1px solid #CCC;
  width: 30px;
}

/* Extending Ant */
  .text-right .ant-input-number-input { text-align:right; }
  .text-right .ant-input-number-handler-wrap { left: 0; right:auto; border-left: 0px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-radius: 2px 0px 0px 2px; }
  .ant-input-affix-wrapper .ant-input-number{ width:auto; }
  .ant-input-affix-wrapper .ant-input-number-input{ height:22px; padding:0px; width:100%; }
  .ant-input-affix-wrapper .ant-input-number:focus, .ant-input-affix-wrapper .ant-input-number-focused{ box-shadow: 0 0 0 0px; }
  .ant-input-affix-wrapper .ant-input-number{ border: 0px; }
  .ant-input-affix-wrapper .ant-select-selection{ padding-left: 26px; }

  .ant-input-affix-wrapper.select-group { width: auto; }

  .ant-input-affix-wrapper .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{ border: 0px !important; height:22px !important; }
  .ant-input-affix-wrapper .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{ box-shadow: 0 0 0 0px; }

  .ant-input-affix-wrapper .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder{ line-height:22px; }

  .ant-input-affix-wrapper .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{ height:22px; }

/*  .ant-input-prefix { padding-top: 4px; }*/

  textarea.ant-input{ padding: 11px !important; }

  /* Hack:; Fix for column widths */
  .ant-table-fixed colgroup{display: none;}
  .as-is .ant-table-fixed colgroup{display: table-column-group;}

  /* Patch: Force margin on header extras */
  .ant-page-header-heading-extra>* { margin-left: 8px !important; }

  /*.card .ant-page-header {
    background-color: transparent;
  }*/

  /* Card-like table */
  .card-body.p-0 > nz-table .ant-table-small { border:0px !important; }
  .card-body.p-0 > nz-table .ant-table-content { border-right:0px !important; }
  .card-body.p-0 > nz-table.paginated-table .ant-table-small { border-bottom:1px solid #e8e8e8 !important; }
  .card.p-0 > nz-table .ant-table-pagination-right { padding-right:15px; }

  .ant-progress-mini .ant-progress-bg { height: 5px !important; }
  .ant-progress-inner { background-color: rgba(0,0,0,0.05) !important; }
  .nz-ghost .ant-progress-inner { background-color: rgba(0,0,0,0.2) !important; }
  .nz-ghost .ant-progress-circle .ant-progress-inner { background-color: rgba(0,0,0,0.2) !important; }
  .nz-ghost .ant-progress-success-bg, .nz-ghost .ant-progress-bg { background-color: #ffffff !important; }
  .nz-ghost .ant-progress-circle-trail { stroke: rgba(0,0,0,0.3) !important; }
  .nz-ghost .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #ffffff !important; }
  .nz-ghost .ant-progress-text { color:rgba(255, 255, 255, 0.85); }


  nz-progress.progress-vertical { display:block; transform:rotate(-90deg); }

  .nz-empty-sm .ant-empty-image { height: 56px; }

  .ant-page-header-heading-title .fas,
  .ant-page-header-heading-title .fal,
  .ant-page-header-heading-title .far,
  .ant-page-header-heading-title .fad,
  .ant-page-header-heading-title .fab { margin-right: 9px; }

  .ant-input-search-enter-button .ant-input{ box-shadow: 0px 0px 0px; }
  .ant-input-search-enter-button .ant-input-group-addon{ padding: 0px; }
  .ant-input-group-addon .ant-input-search-button {
      width: 100%;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      margin-top: -1px;
  }

  .bolder { font-weight: 600; }
  .boldest { font-weight: 700; }

  .bg-ice { background-color:#f9fbfd !important; }
  .bg-transparent { background-color: transparent !important; }
  .bg-dark-transparent { background-color: rgba(0,0,0,0.05) !important; }
  .bg-bourbon{ background: #EC6F66 !important;
background: -webkit-linear-gradient(to right, #F3A183, #EC6F66) !important;
background: linear-gradient(to right, #F3A183, #EC6F66) !important;
 }

  .bg-orangepeel{
    background: #FDC830 !important;
background: -webkit-linear-gradient(to right, #F37335, #FDC830) !important;
background: linear-gradient(to right, #F37335, #FDC830) !important;

  }

  .bg-mojito{
    background: #1D976C !important;
background: -webkit-linear-gradient(to right, #93F9B9, #1D976C) !important;
background: linear-gradient(to right, #93F9B9, #1D976C) !important;

  }

  .bg-ash{
    background: #606c88 !important;
background: -webkit-linear-gradient(to right, #3f4c6b, #606c88) !important;
background: linear-gradient(to right, #3f4c6b, #606c88) !important;

  }

  /* Cuando es header de la pagina, lo despegamos un poco del borde y queremos subtitle abajo, no a un lado */
  .app-canvas > * > .container-fluid:not(.pt-3), .app-canvas > * > .container:not(.pt-3) { padding-top: 1rem; }
  .container-fluid > .ant-page-header > .ant-page-header-heading > .ant-page-header-heading-left,
  .container > .ant-page-header > .ant-page-header-heading > .ant-page-header-heading-left { /*flex-direction: column;*/ align-items: flex-start; }
  .ant-page-header-heading-sub-title { margin:7px 7px 0px 0px !important; }

  .ant-page-header-heading-left { margin:0px 0px !important; }
  .ant-page-header-heading-extra { margin:0px 0px !important; }
  .mobile-version .ant-page-header-heading-left { display: block; }

  .text-success-light { color: #4ecb86; }

  .text-light .ant-breadcrumb,
  .text-light .ant-page-header-heading-title,
  .text-light .ant-page-header-back-button,
  .text-light .ant-breadcrumb-separator,
  .text-light .ant-breadcrumb-link,
  .text-light .ant-breadcrumb a { color: #FFF !important; }

  .text-light .ant-drawer-title{ color:#FFF !important; }
  .text-light .ant-page-header-heading-sub-title { color:rgba(255, 255, 255, 0.75); }

  .text-light .ant-statistic-title { color:rgba(255, 255, 255, 0.45); }
  .text-light .ant-statistic-content{ color:rgba(255, 255, 255, 0.85); }

  .card-outline-solid { border:1px solid #CCC !important; }
  .card-outline-dotted { border:1px dotted #CCC !important; }
  .no-shadow { box-shadow: 0px 0px 0px !important; }
  .tail-lb::before { position: absolute; left: -25px; content: " "; width: 0; height: 0; border-top: 35px solid transparent; border-bottom: 0px solid transparent; border-right: 40px solid #DBE1E5; bottom: 0px; }

  .ant-tabs-nav .ant-tabs-tab-active { font-weight: 700; }
  /* .white-tabs > .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab-active    { color:#FFF; font-weight: 700; }
  .white-tabs > .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab:hover     { color:#FFF; text-shadow: 0px 0px 15px rgba(0,0,0,1); } */
  /* nz-tabset.white-tabs .ant-tabs-tab-active .ant-tabs-tab-btn  { color:#FFF; font-weight: 700;} */
  nz-tabset.white-tabs > .ant-tabs-tab .ant-tabs-tab-btn:hover  { color:#FFF!important; text-shadow: 0px 0px 15px rgba(0,0,0,1)!important; }
  nz-tabset.white-tabs > .ant-tabs-tab .ant-tabs-tab-active:hover { color:#FFF!important; text-shadow: 0px 0px 15px rgba(0,0,0,1)!important; }
  nz-tabset.white-tabs > .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color:#FFF; font-weight: 700;}
  nz-tabset.white-tabs > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn { color:#FFF; font-weight: 700;}
  .warning-ink-bar .ant-tabs-nav .ant-tabs-ink-bar  { background-color:#ffb302; }
  .tabs-invisible .ant-tabs-bar { display: none!important; }
  .tabs-invisible .ant-tabs-top { display: none!important; }
  .ant-tabs .tabs-invisible .ant-tabs-top .ant-tabs-default { display: none!important; }
  .tabs-invisible > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap { display: none!important; }

  .ant-descriptions-item,
  .ant-descriptions-item-content { vertical-align: top; }

  .ant-btn-background-ghost.ant-btn-inverse {
    color: #383838 !important;
    background: 0 0!important;
    border-color: #676767 !important;
  }


  .drawer-footer, .ant-drawer-body .footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid rgb(232, 232, 232);
    padding: 10px 16px;
    text-align: right;
    left: 0px;
    z-index: 10;
    background: #fff;
  }

  .panel{ background: #FFF; border-radius: 6px; margin-top:15px; overflow: hidden; }
  .panel-body { padding: 30px; }

  /* Ant menu */
  .ant-menu-item { font-weight: 400; }
  .ant-menu.bg-transparent li, .ant-menu.bg-transparent ul { background-color: transparent !important; }
  .ant-menu-inline.bg-transparent, .ant-menu-vertical.bg-transparent, .ant-menu-vertical-left.bg-transparent{ border-right:0px !important; }
  .ant-menu.bg-transparent li.ant-menu-item-selected { background: rgba(0,0,0,0.03) !important; border-radius: 5px; }
  .ant-menu-inline.bg-transparent .ant-menu-item-selected::after, .ant-menu-inline.bg-transparent .ant-menu-selected::after { display: none; }

  .ant-input { border:1px solid #d9d9d9; }
  .cdk-overlay-container { z-index: 2000; }
  .ant-input-group .ant-select-selection { border: 0px; background-color:transparent; min-height: 29px;}
  .as-input-group-addon {
    color: rgba(0,0,0,0.65) !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
    border: 1px solid #d9d9d9 !important;
    background-color: #fafafa !important;
    cursor: default !important;
    border-radius: 4px 0px 0px 4px;
  }
  /*.ant-radio-group .as*/
  .thumb-radio{ border:1px solid #CCC; display: inline-block; width: 30%; height: 180px; line-height: unset; text-align: center; padding: 15px; margin: 5px; border-radius: 5px !important; overflow: hidden; }
  .thumb-radio.ant-radio-button-wrapper-checked{ border-color: #00da57; border-width: 3px; box-shadow: 0px 0px 0px 0px; }
  .thumb-radio img { max-width: 100%; max-height: 100%; }
  .thumb-radio::before { display: none !important; }
  .thumb-radio::after  { display: none !important; }

  .clickable-card { padding: 8px; border:1px solid #e5e5e5; border-radius: 4px; cursor: pointer; }
  .clickable-card:hover { border:1px solid #1890ff; }

  /* Lists */
  .squared-avatars .ant-avatar{ border-radius: 0px 0px 0px 0px; }

  .inline-block-icon .fa, .inline-block-icon .fal, .list-icon { display: inline-block; width: 20px; text-align: center; }

  .ant-steps-item-action { position: absolute; right: 0px; }

  .ant-btn .fal, .ant-btn .far, .ant-btn .fas, .ant-btn .fa {
    transition: margin-left .3s cubic-bezier(.645,.045,.355,1);
    line-height: 1;
  }

  .ant-btn>.fal+span, .ant-btn>.far+span, .ant-btn>.fas+span, .ant-btn>.fa+span, .ant-btn>span+.fa, .ant-btn>span+.fal, .ant-btn>span+.far, .ant-btn>span+.fas { margin-left: 8px; }

  .custom-list h4 .fal { display: inline-block; width: 30px; text-align: center; }

  .ant-modal-xl .ant-modal{ width:85% !important; }
  .ant-modal-lg .ant-modal{ width:75% !important; }
  .ant-modal-md .ant-modal{ width:60% !important; }
  .ant-btn-link { border:0px; background: transparent; color: inherit; }
  .ant-btn-link:hover { border:0px; background: transparent; color: inherit; text-decoration: underline !important; }

  .ant-modal-card .ant-modal { width:600px !important; }
  .ant-modal-card .ant-modal-content { background: #fff; }
  .ant-modal-card .row.full { margin-left: -24px; margin-right: -24px; margin-top:-24px; }
  .ant-modal-card textarea {
    border: 1px solid #79c7ff;
    border-radius: 8px;
    min-height: 75px;
  }
  .ant-modal-card textarea:focus {
    box-shadow: 0px 0px 0px;
    outline: 0;
    border: 2px solid #79c7ff;
  }

  .readable {
    color: rgba(0,0,0,0.8);
    font-size: 14px;
    line-height: 22px;
    white-space: pre-line;
    word-wrap: break-word;
  }

  .box { display: block; border: 1px solid #e0dbe6; border-radius: 5px; margin-bottom: 10px; }
  .box-content { display: block; text-align: center; }
  .box-pic { display: block; text-align: center; margin-bottom: 10px;}
  .box-pic .fa, .box-pic .fal, .box-pic .far { font-size: 30px; color: #999; }
  .box-padded { padding: 20px; }
  .box-margins { margin: 20px; }
  .box-left { margin-left: 0px; }
  .box-right { margin-right: 0px; }
  .box-outline-none { border: 0px solid !important; }
  .box-outline-primary { border-color: #91d5ff !important; }
  .box-outline-success { border-color: #b7eb8f !important; }
  .box-outline-danger  { border-color: #ffa39e !important; }
  .box-lightbg         { background-color: #f5f4f3 !important; }
  .box-lightbg:hover   { background-color: #e1e1e1 !important; }
  .box-lightbg-primary { background-color: #e6f7ff !important; }
  .box-lightbg-success { background-color: #e2fdcb !important; }
  .box-lightbg-danger  { background-color: #f5222d !important; }
  .box-darkbg-primary  { background-color: rgb(16, 142, 233); color:#FFF; }
  .box-darkbg-success  { background-color: rgb(135, 208, 104); color:#FFF; }
  .box-darkbg-danger   { background-color: rgb(255, 85, 0); color:#FFF; }
  .box-dotted { border:1px dotted rgba(0,0,0,0.2); border-radius: 5px; }
  .box-solid { border:1px solid rgba(0,0,0,0.2); border-radius: 5px; }


  .chatbox-with-tail { border-radius: 0px 15px 15px 15px !important; }
  .chatbox-with-tail::before {
    content: " ";
    position: absolute;
    top: 0px;
    left: 6px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #e6f6ff;
  }
  .box-lightbg-primary.chatbox-with-tail { border-top: 10px solid #e6f6ff !important; }
  .box-lightbg-success.chatbox-with-tail { border-top: 10px solid #e2fdcb !important; }
  .box-lightbg-success.chatbox-with-tail::before{ border-right: 15px solid #e2fdcb; }
  .box-lightbg-primary.chatbox-with-tail::before{ border-right: 15px solid #e6f6ff; }

  .tag { border-radius:20px; padding:5px 10px; background-color: #EEEEF1; margin-right:10px; font-weight: 600;}
  .tag-lg, .tag-lg .ant-tag { font-size: 22px !important; height: 35px !important; line-height: 32px !important; padding: 0 15px !important; }

  .truncate{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 100%;}
  .truncate-2{
    overflow:hidden; 
    text-overflow:ellipsis;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }

/* Extending Material Kit Pro */
  .table thead tr th { font-size:unset !important; }
  .navbar .navbar-brand { line-height: 65px !important; padding: 0px !important; }
  .is-dark-background .navbar .navbar-brand, .is-dark-background .navbar-brand:focus, .navbar-brand:hover { color: #FFF !important; }
  .navbar .navbar-brand img { max-height: 44px; max-width: 200px; }
  
  .form-check, label{ font-weight: inherit; }

  

  .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month { color: #FFF !important; }
  .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year { color: #FFF !important; }

/*  .card .card-footer .stats .fa, .card .card-footer .stats .fal {
      position: relative;
      top: 3px;
      margin-right: 3px;
      margin-left: 15px;
      font-size: 15px;
  }*/

  

  .darknight-background { background: #2d283a !important; color: #fff !important; }
  .danger-background { background: #d01d1d !important; color: #fff !important; }
  .danger-background .stats { color: #FFF !important; }

  .btn>.fal+span, .btn>.fa+span, .btn>span+.fa, .btn>span+.fal { margin-left: 8px; }

  

  .dropdown-item > .fal,
  .dropdown-item > .fas,
  .dropdown-item > .fab,
  .dropdown-item > .far,
  .dropdown-item > .fa { width: 32px; text-align: center; }


/* Filestack Picker hacks */
  .fsp-picker { min-height: 350px !important;  }
  .fsp-modal { min-height: 350px !important;  }
  .fsp-picker--inline { min-width: 260px !important; }

/* Helpers */
  a             { cursor: pointer; }
  .pointer      { cursor: pointer !important; }
  .pull-left    { float: left !important; }
  .pull-right   { float: right !important; }
  .absolute-left  { position:absolute !important; left:0px; }
  .absolute-right  { position:absolute !important; right:0px; }
  .text-right   { text-align: right !important; }
  .text-center  { text-align: center !important; }
  .text-left    { text-align: left !important; }
  .text-middle  { vertical-align: middle !important; }
  .rounded      { border-radius: 15px !important; }
  .rounded-lg   { border-radius: 14px !important; overflow: hidden; }
  .bordered     { border:1px solid rgba(0,0,0,0.3); }
  .scrollable   { overflow: scroll; }
  .scrollable-x { overflow-x: scroll; }
  .scrollable-y { overflow-y: scroll; }
  .text-muted   { color: rgb(107 114 128 / 90%) !important; }
  .text-light  { color:rgba(255,255,255,0.7) !important; }
  .text-silent  { color:#a7a7a7 !important; }
  .text-thin    { font-weight: 100; }
  .text-bold    { font-weight: 700; }
  .text-xs      { font-size: 10px !important; line-height: 14px !important;}
  .text-sm      { font-size: 12px !important; line-height: 15px !important;}
  .text-md, .text-md .ant-alert  { font-size: 16px !important; line-height: 24px !important;}
  .text-xmd     { font-size: 22px !important; line-height: 30px !important;}
  .text-lg      { font-size: 22px !important; line-height: 32px !important;}
  .text-lg2      { font-size: 28px !important; line-height: 32px !important;}
  .text-xxl     { font-size: 50px !important; line-height: 70px !important; }
  .text-xl      { font-size: 36px !important; line-height: 47px !important; }
  .hand         { cursor: pointer; }
  .p-xl         { padding: 35px; }   .p-t-xl  { padding-top: 35px; }   .p-b-xl   { padding-bottom: 35px; } .p-l-xl   { padding-left: 35px; } .p-r-xl   { padding-right: 35px; }
  .p-lg         { padding: 20px; }   .p-t-lg  { padding-top: 20px; }   .p-b-lg   { padding-bottom: 20px; } .p-l-lg   { padding-left: 20px; } .p-r-lg   { padding-right: 20px; }
  .p-md         { padding: 15px; }   .p-t-md  { padding-top: 15px; }   .p-b-md   { padding-bottom: 15px; } .p-l-md   { padding-left: 15px; } .p-r-md   { padding-right: 15px; }
  .p-sm         { padding: 10px; }   .p-t-sm  { padding-top: 10px; }   .p-b-sm   { padding-bottom: 10px; } .p-l-sm   { padding-left: 10px; } .p-r-sm   { padding-right: 10px; }
  .p-xs         { padding: 5px; }    .p-t-xs  { padding-top: 5px;  }   .p-b-xs   { padding-bottom: 5px;  } .p-l-xs   { padding-left: 5px;  } .p-r-xs   { padding-right: 5px;  }
  .p-none       { padding: 0px; }    .p-t-none  { padding-top: 0px;  }   .p-b-none   { padding-bottom: 0px;  } .p-l-none   { padding-left: 0px;  } .p-r-none   { padding-right: 0px;  }
  .m-xxl         { margin: 60px; }   .m-t-xxl  { margin-top: 60px; }   .m-b-xxl   { margin-bottom: 60px; } .m-l-xxl   { margin-left: 60px; } .m-r-xxl   { margin-right: 60px; }
  .m-xl         { margin: 35px; }   .m-t-xl  { margin-top: 35px; }   .m-b-xl   { margin-bottom: 35px; } .m-l-xl   { margin-left: 35px; } .m-r-xl   { margin-right: 35px; }
  .m-lg         { margin: 20px; }   .m-t-lg  { margin-top: 20px; }   .m-b-lg   { margin-bottom: 20px; } .m-l-lg   { margin-left: 20px; } .m-r-lg   { margin-right: 20px; }
  .m-md         { margin: 15px; }   .m-t-md  { margin-top: 15px; }   .m-b-md   { margin-bottom: 15px; } .m-l-md   { margin-left: 15px; } .m-r-md   { margin-right: 15px; }
  .m-sm         { margin: 10px; }   .m-t-sm  { margin-top: 10px; }   .m-b-sm   { margin-bottom: 10px; } .m-l-sm   { margin-left: 10px; } .m-r-sm   { margin-right: 10px; }
  .m-xs         { margin: 5px; }    .m-t-xs  { margin-top: 5px;  }   .m-b-xs   { margin-bottom: 5px;  } .m-l-xs   { margin-left: 5px;  } .m-r-xs   { margin-right: 5px;  }
  .m-none       { margin: 0px; }    .m-t-none  { margin-top: 0px;  }   .m-b-none   { margin-bottom: 0px;  } .m-l-none   { margin-left: 0px;  } .m-r-none   { margin-right: 0px;  }

  .img-xs       { width: 16px; }
  .img-sm       { width: 32px; }
  .img-md       { width: 64px; }
  .img-xm       { width: 96px; }
  .img-lg       { width: 128px; }

  .icon-xs       { width: 16px; }
  .icon-sm       { width: 24px; }
  .icon-md       { width: 32px; }
  .icon-xm       { width: 64px; }
  .icon-lg       { width: 128px; }
  .icon-xl       { width: 256px; }
  .icon-xxl      { width: 512px; }

  .scroll-vertical { overflow-y: scroll; }

  .text-break-sm{  height: 15px; word-wrap: break-word; word-break: break-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .btn-disabled { opacity: 0.7; }
  .card .card-cover { border-radius: 6px 6px 0px 0px; overflow: hidden; }
  .raw-text { white-space: pre-line; word-wrap: break-word; }

  .cool-black   { color: #333 !important; }
  .img-circle   { border-radius:50%;max-width:30px}
  .img-rounded  { border-radius:7%;}
  .o-hidden     { overflow: hidden !important;}
  hr            { margin-top: 5px; margin-bottom: 2px; }

  .z-depth-1    { box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12) !important; }


  .ghost { opacity: 0.6; }

  .list-with-icons { margin-left: 0px; list-style: none; padding-left: 0px; font-size: 13px; line-height: 2; }
  .list-with-icons li { margin-left: 0px; }
  .list-with-icons li i, 
  .list-with-icons li .fal, 
  .list-with-icons li .fas, 
  .list-with-icons li .fad, 
  .list-with-icons li .far{ display: inline-block; width: 35px; text-align: center; }

  ul.unstyled { margin-left: 0px; list-style: none; padding-left: 0px; font-size: 13px; line-height: 2; }
  ul.unstyled li { margin-left: 0px; }

  body .pointer .ant-checkbox-disabled + span { cursor: pointer; color: #000; }
/*
  ul.checkboxes-list { margin-left: 0px; list-style: none; padding-left: 0px; font-size: 13px; line-height: 2; }
  ul.checkboxes-list li { margin-left: 23px; margin-bottom: 10px; display: block; }
  ul.checkboxes-list li .ant-checkbox-wrapper .ant-checkbox { margin-left: -19px; display: inline-block; vertical-align: top;}
  ul.checkboxes-list li .ant-checkbox-wrapper:last-child { line-height: 1.8; }
  ul.checkboxes-list li .ant-checkbox-wrapper .description { display: block; color:#999; font-size: 11px; }
*/
@media only screen and (max-width: 1398px){

  .today-card .card-header-image-overlay h5{
    font-size: 13px !important;
  }

  .today-card .card-header-image-overlay .text-xl {
    font-size: 28px !important;
    line-height: 35px !important;
  }

  .today-card .card-header-image-overlay .text-sm {
    font-size: 10px !important;
  }
}

@media only screen and (max-width: 1200px){

  .today-card .card-header-image-overlay h5{
    font-size: 10px !important;
  }

  .today-card .card-header-image-overlay .text-xl {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .today-card .card-header-image-overlay .text-sm {
    font-size: 8px !important;
  }
}


/* Mobile Styles */
  .mobile-navigation                        { position: absolute; top:0px; bottom: 0px; left: 0px; right: 0px; overflow: scroll; z-index: 1001; }
  .mobile-navigation.is-dark-background,
  .mobile-navigation.is-dark-background a   { color: #FFF; }
  .mobile-navigation.is-light-background,
  .mobile-navigation.is-light-background a  { color: #555; }

  mobile-navigation { z-index: 1111; position: relative; }
  mobile-navigation .ant-page-header { padding: 19px 24px; }

  .mobile-navigation .navbar-brand          { line-height: normal; padding: 16px 0px 17px; height: auto;}
  .mobile-navigation .navbar-brand img      { max-height: 45px; max-width: 120px; }
  .nav-grid .nav-link                       { text-align: center; padding-top:20px; padding-bottom: 20px; }
  .nav-grid .app-name                       { display: block; font-size: 0.8rem; line-height: 1.2rem; }



  .fixed-bottom-left  { position: fixed; bottom: 20px; left: 20px; z-index: 2000; }
  .fixed-bottom-right { position: fixed; bottom: 20px; right: 20px; z-index: 2000; }



/* App Specific */

  .comments-area {
    background: #f2f4f7;
    padding: 15px;
    border-radius: 5px;
  }


  .navbar a.nav-link.navbar-app           { border-radius: 0px !important; opacity: 0.5; }
  .navbar .active a.nav-link.navbar-app,
  .navbar a.nav-link.navbar-app:hover   { opacity: 1; line-height: 22px; }
  .navbar ul.navbar-apps>li               { position: relative; opacity:0.6; }
  .navbar ul.navbar-apps>li .fal          { top:4px !important; }
  .navbar ul.navbar-apps>li.active,
  .navbar ul.navbar-apps>li:hover         { opacity:1; }
  .navbar ul.navbar-apps>li.active:after  { content:""; position: absolute; bottom:-1px; border-bottom:3px solid #FF5D5F; left:0px; right:0px;}
  .navbar ul.navbar-apps>li.assistant-icon.active:after  { content: ""; position: absolute; bottom: -14px; left: -2px; right: 0px; border-right: 30px solid transparent; border-left: 30px solid transparent; border-bottom: 25px solid #f0ecfd; }




  .navbar .ant-page-header{ padding:12px 24px; }

  .nav-pills .nav-item i { padding: unset; }

  .toolkit-icons        { padding: 0px 20px; }
  .toolkit-icons a      { padding: 12px; display: inline-block; border-radius: 5px; }
  .toolkit-icons a img  { max-width: 30px; max-height: 30px; }
  .dropdown-content h6 { text-align: left; color: #777; text-transform: uppercase; font-weight: 500; margin:0px; }

  .flex-1       { flex-grow: 1; width: 15%; }
  .flex-2       { flex-grow: 2 }

  .card-with-header-image                       { margin-top: 60px; }
  .card-category                                { line-height: 30px; position: relative; }
  .card-category-with-icon                      { padding-left: 37px; line-height: 30px; min-height: 30px; position: relative; }
  .card-category a                              { color: inherit; }
  .card-category .fal                           { font-size: 20px; display: inline-block; width: 32px; text-align: center; position: absolute; left:0px; top:4px; }
  .card-header-image-overlay.card-header-text   { padding:15px; }
  .card-header-image-overlay.card-header-text h5 { margin-top: 0px; color:#FFF; }
  .card-header-image-overlay                    { background-color: rgba(0,0,0,0.2); color: #FFF; position: absolute; left: 0px; bottom: 0px; right: 0px; min-height: 85px; top: 0px; border-radius: 4px; }

  .card-blog.card-plain { margin-top: 30px; }


  .today-card .row{ margin-bottom: 10px;  }
  .avatar { display: inline-block; font-size: 1.1rem; text-align: center; line-height: 32px; color: #FFF; font-weight: 500; background-color: #000; min-width: 32px; min-height: 32px; border-radius: 5px; }
  .avatar-sm { min-width: 28px; min-height: 28px; width: 28px; height: 28px; line-height: 28px; font-size: 0.8rem !important;}
  .avatar-lg { min-width: 44px; min-height: 44px; width: 44px; height: 44px; line-height: 44px; font-size: 1.2rem !important;}
  body .ant-avatar-lg { width: 44px; height: 44px; line-height: 44px; }
  .avatar-circle { border-radius:100px !important; }
  .card .author .avatar { width: 32px; height: 32px; border-radius: 50%; }
  .link-block { display: block; }
  .shortcut-icon { padding: 15px 5px; margin-bottom: 5px; border-radius: 5px; }
  .shortcut-icon img { margin-bottom: 7px; width: 40px; height: 40px; }
  .shortcut-icon .text-sm { font-size: 10px !important; line-height: 15px !important; }
  .shortcut-icon:hover { box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14), 0 7px 10px -5px rgba(156,39,176,0.4); }

  .cdk-overlay-container { z-index: 1111 !important; }
  .app-canvas           { position: fixed; left: 0px; top:0px; right: 0px; bottom: 0px; -webkit-overflow-scrolling: touch; overflow-y: scroll; z-index: 10}
  .app-canvas-content   { position: absolute; top: 0px; bottom:0px; left: 0px; right: 0px; width: 100%; height: 100%; overflow: scroll; border:0px;}

  /* Responsive layout */
  .app-right-panel { position: fixed; top:71px; right: 0px; width: 350px; bottom: 0px; background: #FFF; z-index: 100; border-radius: 12px; overflow: hidden; }
  .app-left-panel { position: fixed; top:71px; left: 4px; width: 350px; bottom: 0px; background: #FFF; z-index: 100; border-radius: 12px; overflow: hidden; }
  .app-offset   { top:71px !important;  }
  .app-left-offset   { left:355px !important;  }
  .app-right-offset   { right:355px !important;  }
  .has-left-panel .app-sidenav { left:347px !important; }

  /* sm */ @media (min-width: 576px){
    .app-right-offset { right: 5px; }
  }
  /* md */ @media (min-width: 768px){
  }
  /* lg */ @media (min-width: 992px){
    .app-offset { top: 71px !important; }
    .app-canvas.has-subnavigation { left:68px !important; top:71px !important; }
    .app-canvas.has-expanded-subnavigation { left:220px !important; top:71px !important; }
    .app-canvas.has-left-panel { left:365px !important; }
    .app-canvas.has-subnavigation.has-left-panel { left:415px !important; }
  }

  /*@media (max-width: 991px){ .app-canvas { left: 0px !important; top:74px !important; } }*/

  #page-loader { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1000; margin: 0 auto; background: rgba(255, 255, 255, 0.7); }
  #page-loader > div { top:50%; left: 50%; margin-left: -30px; }

  .blur-1 { filter: blur(1px); }
  .blur-2 { filter: blur(3px); }
  .blur-3 { filter: blur(5px); }

  .loading-circle {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
    transform: translateZ(1px);
  }
  .loading-circle::before {
    content: " ";
    position: absolute;
    display: inline-block;
    width: 51px;
    height: 51px;
    margin: 6px;
    border-radius: 50%;
    background: #500096;
    animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }

  .spin3d {
    animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }

  @keyframes lds-circle {
    0%, 100% {
      animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }
    0% {
      transform: rotateY(0deg);
    }
    50% {
      transform: rotateY(1800deg);
      animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }
    100% {
      transform: rotateY(3600deg);
    }
  }

  /*ul.grid            { list-style: none; }*/
  /*ul.grid:after      { content:""; float: none; clear: both; }*/
  /*ul.grid>li         { float: left; }*/
  /*ul.grid>li>a       { display: block; padding: 19px 15px 18px; text-align: center; position: relative;}*/

  .clear-fix      { clear: both; }
  .clear:after      { content:""; float: none; clear: both; display: block; }
  .fr-view:after      { content:""; float: none; clear: both; display: block; }




/* Side Navigation */

  .app-sidenav { position: fixed; bottom: 0px; left: 0px; top: 0px; z-index: 9; }
  .app-sidenav > ul { margin: 0px; padding:0px; list-style: none; }
  .app-sidenav > ul > li { float: none; list-style: none; }
  .app-sidenav > a, 
  .app-sidenav > ul > li, 
  .app-sidenav > ul > li > a { padding: 0px; display: block; text-align: center; min-width: 68px; height: 68px; vertical-align: middle; position:relative; }
  .app-sidenav .fa, 
  .app-sidenav .fad, 
  .app-sidenav .fal, 
  .app-sidenav .fab, 
  .app-sidenav .far, 
  .app-sidenav .fas { font-size: 24px; display: inline-block;}
  .app-sidenav > ul > li > a > span { line-height: 68px; vertical-align: middle; }
  
  .app-sidenav.is-dark-background > ul > li.active > a, 
  .app-sidenav.is-dark-background > ul > li.active > a:hover { color: #ffffff !important; }
  .app-sidenav.is-dark-background > a, 
  .app-sidenav.is-dark-background > ul > li, 
  .app-sidenav.is-dark-background > ul > li > a { color: rgba(255,255,255,0.3); }
  .app-sidenav.is-dark-background > ul > li > a:hover { color: rgba(255,255,255,0.6); }
  .app-sidenav.is-light-background > ul > li.active a, 
  .app-sidenav.is-light-background > ul > li.active a:hover { color: #333; }
  .app-sidenav.is-light-background > a, 
  .app-sidenav.is-light-background > ul > li, 
  .app-sidenav.is-light-background > ul > li > a { color: rgba(0,0,0,0.4); }
  .app-sidenav.is-light-background > ul > li > a:hover { color: rgba(0,0,0,0.7); }

/*  .app-sidenav .sidenav-brand {
    padding: 15px 10px;
    background-color: #FFF;
    text-align: center;
    margin-bottom: 1px;
  }

  .app-sidenav .sidenav-brand img { max-width: 100%; }
  .app-sidenav > ul > li.active a, .app-sidenav > ul > li.active a:hover {
    border-left: 4px solid #8d25aa;
    background-color: #fff;
    color: #222;
    text-decoration: none;
}
.app-sidenav > ul > li > a {
    padding: 15px 7px;
}

.app-sidenav > ul > li > a:hover {
  color: #333;
}
.app-sidenav .fa, .app-sidenav .fal, .app-sidenav .far, .app-sidenav .fas { font-size: 28px; display: block; }

.app-sidenav .icon-text { display: none; font-size: 11px; padding-top: 7px; }
.app-sidenav > ul > li.active .icon-text { font-weight: bold; }


.app-sidenav.is-light-background > a, 
.app-sidenav.is-light-background > ul > li, 
.app-sidenav.is-light-background > ul > li > a{ color: rgba(255,255,255,0.4); }
.app-sidenav.is-light-background > a:hover, 
.app-sidenav.is-light-background > ul > li, 
.app-sidenav.is-light-background > ul > li > a:hover{ color: rgba(255,255,255,0.8); }

.app-sidenav.is-light-background > ul > li.active a, 
.app-sidenav.is-light-background > ul > li.active a:hover{ color: rgba(255,255,255,0.8); position: relative; }
*/












.app-sidenav-expand { width:220px; overflow-y: scroll; overflow-x: hidden; }
.app-sidenav-expand.app-sidenav ul > li > a { text-align: left; font-size: 16px; font-weight: 600; line-height: 58px; max-height: 58px; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; }
.app-sidenav-expand.app-sidenav ul > li > a > span.fal,
.app-sidenav-expand.app-sidenav ul > li > a > span.fad,
.app-sidenav-expand.app-sidenav ul > li > a > span.far,
.app-sidenav-expand.app-sidenav ul > li > a > span.fas,
.app-sidenav-expand.app-sidenav ul > li > a > span.fa-light,
.app-sidenav-expand.app-sidenav ul > li > a > span.fa-duotone,
.app-sidenav-expand.app-sidenav ul > li > a > span.fa-regular,
.app-sidenav-expand.app-sidenav ul > li > a > span.fa-solid,
.app-sidenav-expand.app-sidenav ul > li > a > span.fa { width:28px; text-align: center; margin-left:17px; margin-top:-4px; font-size: 22px; line-height: 58px; }
.app-sidenav-expand.app-sidenav.light ul > li.active > a > span.fal,
.app-sidenav-expand.app-sidenav.light ul > li.active > a > span.fa,
.app-sidenav-expand.app-sidenav.light ul > li.active > a > span.fas,
.app-sidenav-expand.app-sidenav.light ul > li.active > a > span.far,
.app-sidenav-expand.app-sidenav.light ul > li.active > a > span.fad { color:#6200ff; }
/* Hide scrollbar for Chrome, Safari and Opera */
.app-sidenav-expand::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE and Edge */
.app-sidenav-expand {
  -ms-overflow-style: none;
  scrollbar-width: none; /* Mozilla */
}

.app-sidenav-expand:hover{
  scrollbar-width: thin; /* Mozilla */
}




.navbar-collapse {  top:70px; }

.show .navbar-collapse {
    -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
}

.icon-as-badge { position: absolute; font-size: 8px; bottom: 10px; right:9px; }
.icon-as-badge .fa, .icon-as-badge .fal, .icon-as-badge .far, .icon-as-badge .fas { font-size: 15px; }

.navbar-toggler.collapsed .navbar-toggler-icon:nth-child(2){top:0;-webkit-animation:topbar-back .5s linear 0s;-moz-animation:topbar-back .5s linear 0s;animation:topbar-back .5s 0s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.navbar-toggler.collapsed .navbar-toggler-icon:nth-child(3){opacity:1}
.navbar-toggler.collapsed .navbar-toggler-icon:nth-child(4){bottom:0;-webkit-animation:bottombar-back .5s linear 0s;-moz-animation:bottombar-back .5s linear 0s;animation:bottombar-back .5s 0s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.navbar-toggler .navbar-toggler-icon:nth-child(2){top:6px;-webkit-animation:topbar-x .5s linear 0s;-moz-animation:topbar-x .5s linear 0s;animation:topbar-x .5s 0s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.navbar-toggler .navbar-toggler-icon:nth-child(3){opacity:0}
.navbar-toggler .navbar-toggler-icon:nth-child(4){bottom:6px;-webkit-animation:bottombar-x .5s linear 0s;-moz-animation:bottombar-x .5s linear 0s;animation:bottombar-x .5s 0s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}

/* Layout */
/*  * { box-sizing: border-box; }
  html { font-size: 1rem }

  #navbar                           { z-index:2000; position: fixed; top:0px; left:0px; right:0px; height: 55px; }
  #navbar .navbar-inner             { position: relative; padding:0px 7px; text-align: center; }
  #navbar ul                        { float: left; display: inline-block; margin:0px; padding:0px; list-style: none; }
  #navbar ul>li                     { display: inline-block; margin:0px; padding:0px; }

  #navbar ul>li>a                   { display: block; padding: 19px 15px 18px; text-align: center; position: relative; }
  #navbar ul>li>a.navbar-app        { padding:11px 22px 8px; }
  #navbar ul>li.active>a.navbar-app { border-bottom:3px solid #C20E68; }
  #navbar ul.navbar-nav             { float:none; display: block; width: auto; margin: 0 auto; }
  #navbar .navbar-inner .nav-left   { position: absolute; top: 0px; left: 0px; }
  #navbar .navbar-inner .nav-right  { position: absolute; top: 0px; right: 0px; }
  #navbar .navbar-brand       { float:left; margin:10px 20px; display: inline-block; }
  #navbar .navbar-brand img   { max-height: 35px; }
  #navbar .navbar-avatar      { padding:10px; margin:0px; display: inline-block; }
  #navbar .navbar-avatar span { width: 35px; height: 35px; line-height: 35px; border-radius: 30px; display: inline-block; }

  .toolkit-icons a img  { max-width: 40px; }
  .dropdown-content h6 { text-align: left; color: #777; text-transform: uppercase; font-weight: 500; margin:0px; }
  ul.grid>li            { float: left; }*/




/* Theme */
  .porcelain { background-color: #f0f2f5; }
  .cloudy { background-color: #eaeaea; }
  .icy { background-color: #E7EDF1; }
  .foggy { background-color: #dde4e1; }
  #navbar { background: #FFF;}
  .nav-avatar { margin-left: 12px; }
  .initials-avatar { color: #FFF !important; font-size: 0.98rem !important; width: 35px !important; height: 35px !important; min-width: 35px !important; line-height: 35px !important; }
  .ant-btn { font-weight: 600 !important; }
  .ant-tabs-nav .ant-tabs-tab, .ant-tabs-nav .ant-tabs-tab-active { font-weight: 600; }
  .ant-table { background: #FFF; }

/* Elements */

  /* App Icons */
  .img-icon-sm { display:inline-block; text-align:center; max-width:20px; max-height:20px;  line-height: 25px; font-size: 21px; overflow: hidden; }
  .img-icon { display:inline-block; text-align:center; width:32px; height:32px;  line-height: 25px; font-size: 21px; overflow: hidden; }
  .app-icon { display:inline-block; text-align:center; border-radius:4px; width:32px; height:32px; color:#FFF; line-height: 25px; font-size: 21px; overflow: hidden; }
  .app-icon img{ max-width: 100%; }
  .app-icon.lg { border-radius:8px; width:64px; height:64px; line-height: 64px; font-size: 38px; }

  .app-icon .fa,
  .app-icon .fal,
  .app-icon .fab,
  .app-icon .fad,
  .app-icon .fas { display: inline-block; font-size: 28px; width: 32px; height:32px; top:4px !important; }
  .it { display: inline-block; width: 32px; height:32px; }
  .it.lg { width: 54px; height:54px; }
  .it.text-xl { width: 55px; height:55px; margin-top:0px; }
  .it-unite { background-image: url(https://dw.inteam.com/images/dw-icons/unite.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
  .it-thrive { background-image: url(https://dw.inteam.com/images/dw-icons/thrive.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
  .it-excite { background-image: url(https://dw.inteam.com/images/dw-icons/excite.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
  .it-applaudd { background-image: url(https://dw.inteam.com/images/dw-icons/applaudd.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
  .it-resolve { background-image: url(https://dw.inteam.com/images/dw-icons/resolve.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
  .it-meet { background-image: url(https://dw.inteam.com/images/dw-icons/meet.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
  .it-knowledge-base { background-image: url(https://dw.inteam.com/images/dw-icons/knowledge-base.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
  .it-training { background-image: url(https://dw.inteam.com/images/dw-icons/training.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; }

  .app-icon-sm{ position: absolute; top: 12px; left: 3px; width: 16px; height: 16px; border-radius: 3px; line-height: 17px; }
  .app-icon-sm .it { width: 19px; height: 19px; left: -2px; position: absolute; top: -2px; }
  .app-icon-sm .fa, .app-icon-sm .fal, .app-icon-sm .far, .app-icon-sm .fad, .app-icon-sm .fab, .app-icon-sm .fas { width: 14px; height: 14px; left: 0px; position: absolute; top: -4px !important; font-size: 12px; }

  .app-icon-md{ position: absolute; top: 8px; left: 3px; width: 24px; height: 24px; border-radius: 4px; line-height: 21px; }
  .app-icon-md .it { width: 25px; height: 25px; left: -1px; position: absolute; top: 0px; }
  .app-icon-md .fa, .app-icon-md .fal, .app-icon-md .far, .app-icon-md .fad, .app-icon-md .fab, .app-icon-md .fas { width: 25px; height: 25px; left: 0px; position: absolute; top: 0px !important; font-size: 19px; }


  .menu-item-with-icon .fa,
  .menu-item-with-icon .fal,
  .menu-item-with-icon .far,
  .menu-item-with-icon .fab,
  .menu-item-with-icon .fas,
  .menu-item-with-icon .fad { left: 16px; position: absolute; top: 12px !important; font-size: 16px; }

  .p-3 { padding: 14px !important; }
  .br-0 { border-right: 0px !important; }
  .brd-1 { border-radius: 3px !important; }
  .brd-2 { border-radius: 5px !important; }
  .brd-3 { border-radius: 7px !important; }
  .brd-4 { border-radius: 9px !important; }
  .brd-5 { border-radius: 15px !important; }

  .ant-menu-vertical .ant-menu-item .fa,
  .ant-menu-vertical .ant-menu-item .fal,
  .ant-menu-vertical .ant-menu-item .far,
  .ant-menu-vertical .ant-menu-item .fas,
  .ant-menu-vertical .ant-menu-item .fad { width: 25px; text-align: center; }

  /* Dropdown */
  /*.dropdown                           { position: relative; display: inline-block; }*/
  /*.dropdown-content                   { visibility: hidden; opacity: 0; z-index: 1000; position: absolute; left:0px; margin-left: -100%; background-color: #fff; min-width: 160px; padding: 12px 16px; transition: all 0.4s; top:40px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }*/
  .dropdown-md                        { min-width: 280px }
  .dropdown:hover .dropdown-content   {
    top:55px;
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    overflow: inherit;
  }
  /*.dropdown:after, .dropdown .dropdown-caret-outline {
    content: "";
    visibility: hidden; opacity: 0;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -10px;
    transition: all 0.2s;
    z-index: 1002;
  }
  .dropdown .dropdown-caret-outline { border-bottom-color: #eee; z-index: 1001; bottom: -2px; }*/
  /*.dropdown:hover:after, .dropdown:hover .dropdown-caret-outline { visibility: visible; opacity: 1; }*/
  /*.pull-right .dropdown-content { left: auto; right: -80px; }*/


  /* Backgrounds & Colors */
  .bg-gradient-1{
    background: #ad5389;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3c1053, #ad5389);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3c1053, #ad5389); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color:#FFF;
  }

  .bg-gradient-1 * { color:#FFF; }




  /* Shadows */
  .shadow-0, .hover-shadow-0:hover {
    box-shadow: none;
  }

  .shadow-1, .hover-shadow-1:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }

  .shadow-2, .hover-shadow-2:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }

  .shadow-3, .hover-shadow-3:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }

  .shadow-4, .hover-shadow-4:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }

  .shadow-5, .hover-shadow-4:hover {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }

  .shadow-6    { box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12) !important; }
  .shadow-7    { box-shadow: rgb(0 0 0 / 13%) 0px 1px 1px 0px !important; }

  /* Tooltip */
  [tooltip]{
    position:relative;
  }
  [tooltip]::before {
      content: "";
      position: absolute;
      top:-6px;
      left:50%;
      transform: translateX(-50%);
      border-width: 4px 6px 0 6px;
      border-style: solid;
      border-color: rgba(0, 24, 64, 0.7) transparent transparent     transparent;
      z-index: 100;
      opacity:0;
  }
  [tooltip]::after {
      content: attr(tooltip);
      position: absolute;
      left:50%;
      top:-6px;
      transform: translateX(-50%)   translateY(-100%);
      background: rgba(0, 24, 64, 0.7);
      text-align: center;
      color: #fff;
      padding:8px 12px;
      font-size: 14px;
      font-weight: bold;
      min-width: 80px;
      width: max-content;
      border-radius: 5px;
      pointer-events: none;
      opacity:0;
  }
  [tooltip]:hover::after,[tooltip]:hover::before { opacity:1 }

  [tooltip-position='left']::before{
    left:0%;
    top:50%;
    margin-left:-12px;
    transform:translatey(-50%) rotate(-90deg)
  }
  [tooltip-position='top']::before{
    left:50%;
  }
  [tooltip-position='bottom']::before{
    top:100%;
    margin-top:8px;
    transform: translateX(-50%) translatey(-100%) rotate(-180deg)
  }
  [tooltip-position='right']::before{
    left:100%;
    top:50%;
    margin-left:0px;
    transform:translatey(-50%) rotate(90deg)
  }
  [tooltip-position='left']::after{
    left:0%;
    top:50%;
    margin-left:-8px;
    transform: translateX(-100%)   translateY(-50%);
  }
  [tooltip-position='top']::after{
    left:50%;
  }
  [tooltip-position='bottom']::after{
    top:100%;
    margin-top:8px;
    transform: translateX(-50%) translateY(0%);
  }
  [tooltip-position='right']::after{
    left:100%;
    top:50%;
    margin-left:8px;
    transform: translateX(0%)   translateY(-50%);
  }

  /* Animation delays */
  .fast-1 {  animation-duration: 0.8s;   }
  .fast-2 {  animation-duration: 0.5s;   }
  .fast-3 {  animation-duration: 0.3s;   }
  .delay-0 {  animation-delay: 0s;   }
  .delay-1 {  animation-delay: 0.3s; }
  .delay-2 {  animation-delay: 0.6s; }
  .delay-3 {  animation-delay: 0.9s; }
  .delay-4 {  animation-delay: 1.2s; }
  .delay-5 {  animation-delay: 1.5s; }
  .delay-6 {  animation-delay: 1.8s; }
  .delay-7 {  animation-delay: 2.1s; }
  .delay-8 {  animation-delay: 2.4s; }
  .delay-9 {  animation-delay: 2.7s; }
  .delay-10 { animation-delay: 3.0s; }
  .delay-11 { animation-delay: 3.3s; }
  .delay-12 { animation-delay: 3.6s; }
  .delay-13 { animation-delay: 3.9s; }
  .delay-14 { animation-delay: 4.2s; }
  .delay-15 { animation-delay: 4.5s; }


  /* Badges */
  .badge-dot { padding: 2px 2px; background: #f00; border-radius: 45%; vertical-align: middle; width: 7px; height: 7px; min-width: 0px; font-size: 0.7rem; font-weight: bold; line-height: 0.8rem; letter-spacing: -1px; display: inline-block !important; text-align: center; }


  .nav-item .badge{
    background: Tomato;
    color: #FFF;
    margin: 0;
    border-radius: 45%;
    position: absolute;
    top: 15px;
    right: 2px;
    padding: 4px 6px;
    font-size: 0.7rem;
    font-weight: bold;
    line-height: 0.8rem;
    letter-spacing: -1px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    min-width: 22px;
  }

  .nav-item .badge-for-avatar{
    top: 6px;
    right: 6px;
  }

  .nav-item .badge-dot{
    color: #FFF;
    margin: 0;
    position: absolute;
    top: 4px;
    left: 24px;
  }

  .ant-tabs-tab .badge-dot{
    margin-bottom:2px;
  }




  /* inTeam Rays color */
  .text-volcano { color:#fa541c; }
  .color-1 { color:#00805C; }     .bgcolor-1 { background-color:#00805C; color:#FFF; }
  .color-2 { color:#56B48C; }     .bgcolor-2 { background-color:#56B48C; color:#FFF; }
  .color-3 { color:#57C6CF; }     .bgcolor-3 { background-color:#57C6CF; color:#FFF; }
  .color-4 { color:#96D7DF; }     .bgcolor-4 { background-color:#96D7DF; color:#FFF; }
  .color-5 { color:#FFDA00; }     .bgcolor-5 { background-color:#FFDA00; color:#FFF; }
  .color-6 { color:#FFC734; }     .bgcolor-6 { background-color:#FFC734; color:#FFF; }
  .color-7 { color:#FBB040; }     .bgcolor-7 { background-color:#FBB040; color:#FFF; }
  .color-8 { color:#EB7979; }     .bgcolor-8 { background-color:#EB7979; color:#FFF; }
  .color-9 { color:#EF569F; }     .bgcolor-9 { background-color:#EF569F; color:#FFF; }
  .color-10 { color:#B34F9E; }    .bgcolor-10 { background-color:#B34F9E; color:#FFF; }
  .color-11 { color:#74297F; }    .bgcolor-11 { background-color:#74297F; color:#FFF; }

  .bg-grayblue { background-color: #e6e9ef; }



/* Code box */
.code-box{border:1px solid #ebedf0;border-radius:2px;display:inline-block;width:100%;position:relative;margin:0 0 16px;transition:all .2s}
.code-box:target{border:1px solid #1890ff}
.code-box-expand-trigger{cursor:pointer;font-size:14px;color:#9199ac;margin-left:5px;opacity:.8;transition:all .3s;top:-2px;position:relative}
.code-box-expand-trigger-active{color:#3b4357}
.code-box-title{position:absolute;top:-14px;padding:1px 8px;margin-left:-8px;color:#777;border-radius:2px 2px 0 0;background:#fff;transition:background-color .4s}
.code-box-title a,.code-box-title a:hover{color:#314659;font-size:14px;font-weight:500}
.code-box a.edit-button{position:absolute;right:-16px;top:7px;font-size:12px;-webkit-transform:scale(.9);transform:scale(.9);background:#fff;padding-right:6px;text-decoration:none}
.code-box-demo{border-bottom:1px solid #ebedf0;padding:42px 24px 50px;color:rgba(0,0,0,.65)}
.code-box iframe{width:100%;border:0}
.code-box-meta.markdown{position:relative;padding:18px 32px;border-radius:0 0 2px 2px;transition:background-color .4s;width:100%;font-size:14px}
.code-box-meta blockquote{margin:0}
.code-box-meta h4,section.code-box-meta p{margin:0;width:98%}
.code-box-meta>p{font-size:12px;margin:.5em 0;padding-right:25px;width:100%;word-break:break-word}
.code-box.expand .code-box-meta{border-radius:0;border-bottom:1px dashed #ebedf0}
.code-box .code-expand-icon{position:absolute;right:30px;bottom:23px;cursor:pointer;width:16px;height:16px;line-height:16px;text-align:center}
.code-box .code-expand-icon-top{bottom:auto; top:10px; width: 55px; text-align: right; }
.code-box .code-expand-icon-hide,.code-box .code-expand-icon-show{transition:all .4s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:0;top:0;margin:0;max-width:100%;vertical-align:baseline;box-shadow:none}
.code-box .code-expand-icon-show{opacity:.55;pointer-events:auto}
.code-box .code-expand-icon-show:hover,.code-box .code-expand-icon.ant-tooltip-open .code-expand-icon-show{opacity:1}
.code-box .code-expand-icon-hide{opacity:0;pointer-events:none}
.code-box .highlight-wrapper{display:none;overflow:auto;border-radius:0 0 2px 2px}
.code-box .highlight-wrapper-expand{display:block}
.code-box .highlight{position:relative}
.code-box .highlight pre{margin:0;padding:0;background:#fff}
.code-box .highlight:not(:first-child){border-top:1px dashed #ebedf0}
.code-box-actions{position:absolute;top:10px;right:12px;text-align:right}
.code-box-actions>form,.code-box-actions>i{display:inline-block;margin-left:8px}
.code-box-code-copy{font-size:14px;cursor:pointer;color:#697b8c;transition:all .24s;background:#fff;width:20px;height:20px;line-height:20px;text-align:center;border-radius:20px;opacity:0}
.code-box-code-copy:hover{color:#697b8c;-webkit-transform:scale(1.2);transform:scale(1.2)}
.code-box-code-copy.anticon-check{color:#52c41a!important;font-weight:700}
.code-box-codepen{background:url(https://gw.alipayobjects.com/zos/rmsportal/OtZslpOjYXijshDERXwc.svg) center/14px no-repeat;width:20px;height:20px;cursor:pointer;opacity:0;transition:all .3s;border:0;text-indent:-9999px;overflow:hidden}
.code-box-riddle{background:url(https://gw.alipayobjects.com/zos/rmsportal/DlHbxMCyeuyOrqOdbgik.svg) center/14px no-repeat;width:20px;height:20px;cursor:pointer;opacity:0;transition:all .3s;border:0;text-indent:-9999px;overflow:hidden}
.highlight-wrapper:hover .code-box-code-copy,.highlight-wrapper:hover .code-box-codepen,.highlight-wrapper:hover .code-box-riddle{opacity:1}
.code-box pre{margin:0;width:auto}
.code-box pre code{border:none;background:#fff}

/* Tokens */
  .token-lg { border-radius:50px; width: 100px; position:relative; height:100px; display: inline-block; border:10px solid rgba(255,255,255,0.2); }
  .token    { border-radius:50px;  width: 100px; position:relative; height:100px; display: inline-block; border:8px solid rgba(255,255,255,0.2); }
  .token-sm { border-radius:30px;  width: 60px;  position:relative; height:60px; display: inline-block; border:4px solid rgba(255,255,255,0.2); }
  .token-xs { border-radius:15px;  width: 35px;  position:relative; height:35px; display: inline-block; border:2px solid rgba(255,255,255,0.2); }
  .token-md { border-radius:50px;  width: 65px;  position:relative; height:65px; display: inline-block; border:5px solid rgba(255,255,255,0.2); }
  .token-content { position: absolute; color: rgba(255,255,255,1); text-shadow: 0px 0px 5px rgba(0,0,0,0.3); width: 100%; text-align: center; font-size: 41px; z-index: 10; left: 0px; top: 9px; height: 60px; }
  .token-md .token-content { font-size: 34px; line-height: 56px; top:0px; }
  .token-sm .token-content { font-size: 29px; line-height: 46px; top:0px; }

  /* sm */ @media (max-width: 768px){
    .token{ border-radius:30px;  width: 60px;  position:relative; height:60px; display: inline-block; border:4px solid rgba(255,255,255,0.2); }
    .token .token-content { font-size: 29px; line-height: 46px; top:0px; }
  }

/* More color options */
.header-filter[filter-color=rose2purple]:after  { background:linear-gradient(60deg,rgba(255, 104, 156, 0.46),rgba(99, 70, 218, 0.75)); }

/* Loading animations */

@keyframes slideFromRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes swinging{
    0%{-webkit-transform: rotate(10deg);}
    50%{-webkit-transform: rotate(-5deg)}
    100%{-webkit-transform: rotate(10deg);}
}

@keyframes swinging{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-5deg)}
    100%{transform: rotate(10deg);}
}

.swinging{
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 1s ease-in-out forwards infinite;
    animation: swinging 1s ease-in-out forwards infinite;
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #e5e5e5 8%, #f1f1f1 18%, #e5e5e5 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}


/* FontAwesome 5 - Backward compatibility */
.fa.fa-handshake-o:before { content:"\f2b5"; }
.fa.fa-hand-peace-o:before { content:"\f25b" }
.fa.fa-clock-o:before { content:"\f017" }
.fa.fa-smile-o:before { content:"\f118" }
.fa.fa-lightbulb-o:before { content:"\f0eb" }

.max-width { max-width: 100%; }
.full-width { width: 100%; }
iframe.full-canvas {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  border:0px;
}

.carousel-album-photos .ant-card-body {
  padding: 0;
}


.participation-button {
  display: inline-block;
  border-radius: 60px;
  width: 35px;
  height: 35px;
  background: #ff5f6d;
  background: -webkit-linear-gradient(to right, #ff5f6d, #ffc371);
  background: linear-gradient(to right, #f44336, #ff930c);
  color: #FFF;
  box-shadow: -1px 2px 3px rgba(0,0,0,0.3);
  border: 1px solid #ff6a00;
  margin-top: -6px;
  margin-left: -3px;
}
.participation-button:before {
  display: none;
}


/* Timbots */
@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

@keyframes glow {
  0% {
    filter: grayscale(0);
  }
  50% {
    filter: grayscale(0.8);
  }
  100% {
    filter: grayscale(0);
  }
}

.timbot-float{
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;
}
.timbot-glow{
  animation: glow 3s ease-in-out infinite;
}



.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  border-radius: 6px;
}


.scale .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    z-index: 1;
    color: #fff;
    background: #500096;
    border-color: #500096;
    box-shadow: 0px 0 9px rgba(0,0,0,0.5);
}

.scale .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #FFF;
}

.scale .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color:#9e9e9e !important;
}

.body-p-0 .ant-drawer-body,
.p-0 .ant-drawer-body { padding: 0px; }

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #f4f2f5 !important;
}

/* Font sizing */
.font-lg                          { font-size: 20px !important; }
.font-lg i.anticon,
.font-lg .ant-menu-item { font-size: 20px !important; }
.font-lg .ant-menu-inline .ant-menu-submenu-title  { font-size: 20px !important; }
.font-lg .ant-tabs-nav .ant-tabs-tab { font-size: 17px !important; }
.font-lg .text-sm                 { font-size: 15px !important; }
.font-lg p                        { font-size: 18px !important; }


/* Steps as Tasks */
.list-as-blocks .ant-list-item { display: block; }
.ant-steps-as-tasks .active { background-color: #f2f0f5; border-radius: 10px 0px 0px 10px; border:1px solid #e0dbe6; border-right:0px; }
.ant-steps-as-tasks .ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail { display: none; }
.ant-steps-as-tasks .ant-steps-vertical .ant-steps-item-title { line-height: 24px; }
.ant-steps-as-tasks .ant-steps-vertical .ant-steps-item-icon { background-color: transparent;  }
.ant-steps-as-tasks .ant-steps-vertical .ant-steps-item-icon .ant-steps-icon{ color: #af95ca; }
/*.ant-steps-as-tasks .ant-steps-vertical .completed .ant-steps-item-icon { background-color: #500096; }*/
/*.ant-steps-as-tasks .ant-steps-vertical .completed .ant-steps-item-icon .ant-steps-icon{ color:#FFF; }*/
.ant-steps-as-tasks .ant-steps-vertical .ant-steps-item { cursor: pointer; margin-bottom:15px; padding: 10px; }

/* Progress bar */
.pb-progress-track { background-color:rgba(0,0,0,0.1); position: relative; height: 40px; border-radius: 6px; }
.pb-progress-track-lg { height: 40px; border-radius: 6px; }
.pb-progress-track-mini { height: 17px; border-radius: 20px; }
.pb-progress-track-sm { height: 8px; border-radius: 20px; }
.pb-progress-track-xs { height: 6px; border-radius: 20px; }
.pb-progress-track-xxs { height: 3px; border-radius: 20px; }
.pb-progress-percentage { display: inline-block; min-width: 60px; color:rgba(0,0,0,0.6); height: 40px; vertical-align: middle; font-size: 12px; position: absolute; top:12px; right: 102%; bottom: 0px; text-align: right; line-height: 15px;}
.pb-progress-percentage-end { display: inline-block; min-width: 60px; color:rgba(0,0,0,0.6); height: 40px; vertical-align: middle; font-size: 14px; position: absolute; top:5px; left: 102%; bottom: 0px; text-align: right; line-height: 15px;}
.pb-progress-track-mini .pb-progress-percentage-end { display: inline-block; min-width: 60px; height: 40px; vertical-align: middle; font-size: 14px; position: absolute; top:1px; left: 102%; bottom: 0px; text-align: left; line-height: 15px; padding-left: .5rem;}
.pb-progress-percentage span { display:block; font-size: 11px; color:#999; }
.pb-progress-data { z-index: 2; color:rgba(0,0,0,0.6); line-height: 40px; vertical-align: middle; font-size: 14px; position: absolute; top:0px; left: 10px; bottom: 0px; right: 10px; }
.pb-progress-data .extra { position: absolute; right:0px; top: 0px; bottom: 0px; text-align: right; }
.pb-progress-fill { background-color:rgb(144 120 203 / 40%); position: absolute; top:0px; left: 0px; bottom: 0px; border-radius: 6px; max-width: 100%; }
.pb-progress-fill-incomplete { border-radius: 6px 0px 0px 6px;}
.pb-progress-track-mini .pb-progress-fill { max-width: 100%; background-color:rgb(144 120 203 / 40%); position: absolute; top:0px; left: 0px; bottom: 0px; border-radius: 20px;}
.pb-progress-track-mini .pb-progress-fill-incomplete { border-radius: 20px 0px 0px 20px; }
.pb-progress-fill-danger-0 { background-color: rgba(0, 161, 255, 0.18); }
.pb-progress-fill-danger-1 { background-color: rgba(4, 255, 0, 0.18); }
.pb-progress-fill-danger-2 { background-color: rgba(255, 247, 0, 0.69); }
.pb-progress-fill-danger-3 { background-color: rgba(255, 153, 0, 0.51); }
.pb-progress-fill-danger-4 { background-color: rgba(255, 0, 0, 0.18); }
.pb-progress-fill-danger { background-color: rgb(228 91 91) !important; }
.pb-progress-fill-warning { background-color: rgb(255 230 39) !important; }
.pb-progress-fill-success { background-color: rgb(120 225 118) !important; }
.pb-progress-fill-outstanding { background-color: rgb(118 204 225) !important; }
.pb-progress-fill-no { background-color: #666 !important; }

.text-danger { color: rgb(228 91 91) !important; }
.text-warning { color: rgb(237 178 4) !important; }
.text-success { color: rgb(120 225 118) !important; }
.text-outstanding { color: rgb(0 182 51) !important; }

.ant-collapse-content-active .collapse-extra { right:20px; top:19px; font-weight: 500; font-size: 12px; line-height: 15px; position: absolute; opacity: 0.5; }

.panel-row { background: #f7f7f7; border-radius: 4px; margin-bottom: 24px; border: 0px; }
.absolutify { position: absolute; top: 105px; bottom:20px; left: 0px; right: 0px; width: 100%; height: 80%; }

/* Stats */
.suffix-top .ant-statistic-content-suffix { vertical-align: text-top; }
.suffix-sm .ant-statistic-content-suffix { font-size: 15px; }
.suffix-muted .ant-statistic-content-suffix { color:#aaa; }
.suffix-bold .ant-statistic-content-suffix { font-weight: 500; }

/* Checkboxes */
.ant-checkbox-inner { border:2px solid #d9d9d9 !important; border-radius: 4px !important; }
.ant-checkbox-checked .ant-checkbox-inner { border:2px solid #500096 !important; }
.ant-checkbox-wrapper:hover .ant-checkbox::after, .ant-checkbox:hover::after, .ant-checkbox-checked::after { border:2px solid #500096 !important; border-radius: 4px !important; }
.ant-checkbox-checked .ant-checkbox-inner::after { left: 2px !important; }

.ant-checkbox { float: left; top: 3px !important; }
.ant-checkbox + span { float: left; width: calc(100% - 20px);  }
.ant-checkbox-wrapper::after { clear: both; content: " "; display: block; height: 0; }

.ant-checkbox-lg .ant-checkbox-inner { width:30px; height:30px; text-align:center; }
.ant-checkbox-lg .ant-checkbox-checked .ant-checkbox-inner::after { left: 9px !important; }

.ant-btn-loading .fa, .ant-btn-loading .fal, .ant-btn-loading .fad { display: none; }

/* Carousel adjustments */
.carousel-img-cover { width: 100%; height: 300px; background-size: cover;}
.card .ant-card { background-color: transparent; }
.card .ant-card .carousel-img-cover { border-radius: 6px;}
.ant-carousel .slick-dots-bottom { bottom:20px !important; }
.ant-carousel .slick-dots-bottom .slide-dot { font-size: 7px; opacity: 0.4; cursor: pointer; }
.slick-active .slide-dot { opacity: 1 !important; }


/* Navbar */
.navbar .ant-page-header-heading-title { font-size: 25px; font-weight: 800; line-height: 45px; }

/* App header */
.app-header.ant-layout-header { padding-left: 0px; padding-right: 0px; height: auto;  }
.app-header .ant-page-header { padding-top: 36px;   }
.app-header .ant-page-header-heading-extra { line-height: 52px;   }
.app-header .ant-page-header-back { font-size: 30px; line-height: 26px; }
.app-header .ant-page-header-heading-title { font-size: 26px; font-weight: 800; line-height: 45px; }
.app-header .ant-page-header-heading-sub-title { font-size: 18px; font-weight: 400; line-height: 40px; }

.ant-card-head-title .ant-page-header { padding: 0px;   }
.ant-card-head-title .ant-page-header-heading-extra{ line-height: 32px;   }

.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled){
  background-color: #efefef !important;
}


/* Avatar String */
.ant-avatar-string { left:0% !important; width: 100% !important; text-align: center !important; transform: scale(1) translateX(-0%) !important; }

.ant-table-filter-dropdown .ant-dropdown-menu { max-height: 200px !important; overflow: hidden !important; overflow-y: auto !important; }

.ant-switch-checked { background: #4ECB86 !important; }

.alert-warning-bg{ background: #fdeed7; }
.alert-rounded { border-radius: 6px; }

.upcase { text-transform: uppercase !important; }
.boldest { font-weight: 900 !important; }
.b-0 { border: 0px !important; }


.ant-row.as-list {
  min-height: 60px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.ant-row.as-list:hover{ background:#f5f4f3; }
.ant-row.as-list.selected{ background:#ebeae8; }

.ant-row.as-list .ant-col { min-height: 60px; padding-top: 10px; padding-bottom: 10px; }

.ant-row.as-list.list-sm, .ant-row.as-list.list-sm .ant-col { min-height: 30px; }

/* New theme */
body { background-color: #292f4c; }
body .ant-btn { height: 40px; text-shadow: 0px 0px 0px; }
body .ant-btn:not(.ant-btn-dangerous) { color: #696674; }
body .ant-btn:not(.ant-btn-link):not(.ant-btn-dangerous):not(.ant-btn-primary){ border-color: #706e7c; }
body .ant-btn[disabled], body .ant-btn[disabled]:hover, body .ant-btn[disabled]:focus, body .ant-btn[disabled]:active{ color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9 !important; }

body .ant-btn-lg { height: 47px; font-size:20px; }

body .ant-btn:hover{ border-color: #000; color:#000; }
body .ant-btn.ant-btn-primary { background: #4f46e5; border-color: #4f46e5; color: #FFF; }
body .ant-btn.ant-btn-primary:hover { background: #3a32b9; border-color: #3a32b9; color: #FFF; }
body .ant-btn.ant-btn-danger { background: #ff4d4f; border-color: #ff4d4f; color: #FFF; }
body .ant-btn.ant-btn-danger:hover { background: #e03e3f; border-color: #e03e3f; color: #FFF; }
body .ant-btn.ant-btn-warning { background: #feb217; border-color: #feb217; color: #FFF; }
body .ant-btn.ant-btn-warning:hover { background: #e9a10e; border-color: #e9a10e; color: #FFF; }
body .ant-btn.ant-btn-success { background: #00DA74; border-color: #00DA74; color: #FFF; }
body .ant-btn.ant-btn-success:hover { background: #00b963; border-color: #00b963; color: #FFF; }
body .ant-btn.ant-btn-info { background: #46b9e5; border-color: #46b9e5; color: #FFF; }
body .ant-btn.ant-btn-info:hover { background: #38aad6; border-color: #38aad6; color: #FFF; }
body .ant-btn.ant-btn-dark { background: #2B2C41; border-color: #2B2C41; color: #FFF; }
body .ant-btn.ant-btn-dark:hover { background: #000000; border-color: #000000; color: #FFF; }
body .ant-btn-primary[disabled],
body .ant-btn-primary[disabled]:hover,
body .ant-btn-primary[disabled]:focus,
body .ant-btn-primary[disabled]:active { background-color: #f5f5f5 ; border-color: #d9d9d9 ; color: #bababa;  }
body .ant-btn-loading *[class*="fa-"],
body .ant-btn-loading .anticon:not(.anticon-loading) { display:none ; }
body .ant-btn-loading > span:not(.anticon) { margin-left:8px; }
body .ant-btn.ant-btn-sm{ height: 29px ; padding: 0px 14px ; }
body .ant-btn.ant-btn-icon-only.ant-btn-sm { height: 24px; padding: 0px 0px ;}
body .ant-btn:not(.ant-btn-round):not(.ant-btn-circle) { border-radius: 8px ; }
body .ant-btn-group .ant-btn:not(.ant-btn-round):not(.ant-btn-circle) { border-radius: 0px ; }
body .ant-btn-group > .ant-btn:first-child:not(:last-child),
body .ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 8px ; border-bottom-left-radius: 8px ; }
body .ant-btn-group > .ant-btn:last-child:not(:first-child),
body .ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 8px ; border-bottom-right-radius: 8px ; }

.app-canvas{ border-radius: 12px 0px 0px 12px; background: #fff; }
.app-canvas.shadowed{ box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 20px -1px; }


.container-fluid{ padding-right: 25px; padding-left: 25px; }

@media (max-width: 767px){
  .container-fluid{ padding-right: 10px; padding-left: 10px; }
}

.app-sidenav-expand.app-sidenav.light ul > li.active > a > span.fal, .app-sidenav-expand.app-sidenav.light ul > li.active > a > span.fa, .app-sidenav-expand.app-sidenav.light ul > li.active > a > span.fas, .app-sidenav-expand.app-sidenav.light ul > li.active > a > span.far, .app-sidenav-expand.app-sidenav.light ul > li.active > a > span.fad{
  color: rgba(255,255,255,0.8);
}
.app-sidenav h3 { color: rgba(255,255,255,0.5); }
.ant-drawer-content-wrapper {
  border-radius: 12px 0px 0px 12px;
    overflow: hidden;
}
.ant-drawer-left .ant-drawer-content-wrapper {
  border-radius: 0px 12px 12px 0px;
    overflow: hidden;
}


.ant-drawer-right .ant-drawer-header-title{
  flex-direction: row-reverse;
  margin-right: 0px;
  margin-left: 12px;
}

body .ant-drawer-header { padding:24px 24px; }

.drawer-header-bg-darkgray .ant-drawer-header{ background: #333333 !important; }
.drawer-header-text-white .ant-drawer-title, .drawer-header-text-white .ant-drawer-close{ color: #FFFFFF !important; }


/* Main buttons */
.app-canvas .container-fluid>.ant-page-header .ant-page-header-heading-extra button.ant-btn,
.app-canvas nz-header .ant-page-header-heading-extra button.ant-btn{
  font-weight: 700 !important;
  text-shadow: 0px 0px 0px !important;
}

/* *************** */
/* Titles          */
/* *************** */

/* Page title */
.app-canvas .container>.ant-page-header,
.app-canvas .container-fluid>.ant-page-header { margin-bottom: 20px; padding-right: 0px; padding-left: 0px; }
.app-canvas .container>.ant-page-header .ant-page-header-heading-title,
.app-canvas .container-fluid>.ant-page-header .ant-page-header-heading-title,
.app-canvas nz-header .ant-page-header-heading-title { font-weight: 800 !important; font-size: 26px !important; }

/* Card title */
.app-canvas .ant-card .ant-page-header-heading-title,
.app-canvas .ant-card .ant-card-head-title,
.app-canvas .ant-card .ant-page-header-heading-title.section-title,
.ant-page-header.section-title .ant-page-header-heading-title,
.app-canvas .card .ant-page-header-heading-title,
h4.section-title { font-weight: 800 !important; font-size: 20px !important; }

/* Category title */
h4.category-title { font-size: 14px !important; text-transform: uppercase; font-weight: 500 !important; color: #666; }

/* Drawer title */
.ant-drawer-title { font-size: 20px !important; font-weight: 900 !important; }



/* *************** */
/* Module Themes */
/* *************** */

/* Unite */
/*body.unite-theme { background-color: #131835; }*/

/* Talent */
.talent-theme:not(.custom-theme) { background-color: #3d2762 !important; }
/*.talent-theme:not(.custom-theme) .app-canvas a:not(.ant-btn) { color: #3d2762; }*/
/*.talent-theme:not(.custom-theme) .ant-btn:hover:not(.ant-btn-primary),
.talent-theme:not(.custom-theme) .ant-btn:focus:not(.ant-btn-primary) { color: #3d2762; border-color: #3d2762; }*/
.talent-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab-active,
.talent-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab:hover { color: #3d2762; }
.talent-theme:not(.custom-theme) .ant-tabs-ink-bar { background-color: #3d2762; }
.talent-theme:not(.custom-theme) topbar .navbar .ant-page-header-heading-title .fad{ color: #008bad; }
.talent-theme:not(.custom-theme) .app-sidenav.light{ background-color: #3d2762 !important; }


/* Recruitment */
.recruitment-theme:not(.custom-theme) { background-color: #2E6E87 !important; }
/*.recruitment-theme:not(.custom-theme) .app-canvas a:not(.ant-btn) { color: #2E6E87; }
.recruitment-theme:not(.custom-theme) .ant-btn:hover:not(.ant-btn-primary),
.recruitment-theme:not(.custom-theme) .ant-btn:focus:not(.ant-btn-primary) { color: #2E6E87; border-color: #2E6E87; }*/
.recruitment-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab-active,
.recruitment-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab:hover { color: #2E6E87; }
.recruitment-theme:not(.custom-theme) .ant-tabs-ink-bar { background-color: #2E6E87; }
.recruitment-theme:not(.custom-theme) topbar .navbar .ant-page-header-heading-title .fad{ color: #008bad; }
.recruitment-theme:not(.custom-theme) .app-sidenav.light{ background-color: #2E6E87 !important; }

.time-theme:not(.custom-theme) { background-color: #5c60ab !important; }
.time-theme:not(.custom-theme) .app-canvas a:not(.ant-btn) { color: #5c60ab; }
.time-theme:not(.custom-theme) .ant-btn:hover:not(.ant-btn-primary),
.time-theme:not(.custom-theme) .ant-btn:focus:not(.ant-btn-primary) { color: #5c60ab; border-color: #5c60ab; }
.time-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab-active,
.time-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab:hover { color: #5c60ab; }
.time-theme:not(.custom-theme) .ant-tabs-ink-bar { background-color: #5c60ab; }
.time-theme:not(.custom-theme) topbar .navbar .ant-page-header-heading-title .fad{ color: #5c60ab; }
.time-theme:not(.custom-theme) .app-sidenav.light{ background-color: #5c60ab !important; }

.inbox-theme:not(.custom-theme) { background-color: #207bb8 !important; }
.inbox-theme:not(.custom-theme) .app-canvas a:not(.ant-btn) { color: #207bb8; }
.inbox-theme:not(.custom-theme) .ant-btn:hover:not(.ant-btn-primary),
.inbox-theme:not(.custom-theme) .ant-btn:focus:not(.ant-btn-primary) { color: #207bb8; border-color: #207bb8; }
.inbox-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab-active,
.inbox-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab:hover { color: #207bb8; }
.inbox-theme:not(.custom-theme) .ant-tabs-ink-bar { background-color: #207bb8; }
.inbox-theme:not(.custom-theme) topbar .navbar .ant-page-header-heading-title .fad{ color: #207bb8; }
.inbox-theme:not(.custom-theme) .app-sidenav.light{ background-color: #207bb8 !important; }

.culture-theme:not(.custom-theme) { background-color: #ff7700 !important; }
.culture-theme:not(.custom-theme) .app-canvas a:not(.ant-btn) { color: #ff7700; }
.culture-theme:not(.custom-theme) .ant-btn:hover:not(.ant-btn-primary),
.culture-theme:not(.custom-theme) .ant-btn:focus:not(.ant-btn-primary) { color: #ff7700; border-color: #ff7700; }
.culture-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab-active,
.culture-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab:hover { color: #ff7700; }
.culture-theme:not(.custom-theme) .ant-tabs-ink-bar { background-color: #ff7700; }
.culture-theme:not(.custom-theme) topbar .navbar .ant-page-header-heading-title .fad{ color: #ff7700; }
.culture-theme:not(.custom-theme) .app-sidenav.light{ background-color: #ff7700 !important; }


.passes-theme:not(.custom-theme) { background-color: #33a063 !important; }
.passes-theme:not(.custom-theme) .app-canvas a:not(.ant-btn) { color: #017a36; }
.passes-theme:not(.custom-theme) .ant-btn:hover:not(.ant-btn-primary),
.passes-theme:not(.custom-theme) .ant-btn:focus:not(.ant-btn-primary) { color: #33a063; border-color: #33a063; }
.passes-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab-active,
.passes-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab:hover { color: #33a063; }
.passes-theme:not(.custom-theme) .ant-tabs-ink-bar { background-color: #33a063; }
.passes-theme:not(.custom-theme) topbar .navbar .ant-page-header-heading-title .fad{ color: #33a063; }
.passes-theme:not(.custom-theme) .app-sidenav.light{ background-color: #33a063 !important; }


.performance-theme:not(.custom-theme) { background-color: #51ad7b !important; }
.performance-theme:not(.custom-theme) .app-canvas a:not(.ant-btn) { color: #500096; }
.performance-theme:not(.custom-theme) .ant-btn:hover:not(.ant-btn-primary),
.performance-theme:not(.custom-theme) .ant-btn:focus:not(.ant-btn-primary) { color: #51ad7b; border-color: #51ad7b; }
.performance-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab-active,
.performance-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab:hover { color: #51ad7b; }
.performance-theme:not(.custom-theme) .ant-tabs-ink-bar { background-color: #51ad7b; }
.performance-theme:not(.custom-theme) topbar .navbar .ant-page-header-heading-title .fad{ color: #51ad7b; }
.performance-theme:not(.custom-theme) .app-sidenav.light{ background-color: #51ad7b !important; }


.training-theme:not(.custom-theme) { background-color: #296d6a !important; }
.training-theme:not(.custom-theme) .app-canvas a:not(.ant-btn) { color: #296d6a; }
.training-theme:not(.custom-theme) .ant-btn:hover:not(.ant-btn-primary),
.training-theme:not(.custom-theme) .ant-btn:focus:not(.ant-btn-primary) { color: #296d6a; border-color: #296d6a; }
.training-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab-active,
.training-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab:hover { color: #296d6a; }
.training-theme:not(.custom-theme) .ant-tabs-ink-bar { background-color: #296d6a; }
.training-theme:not(.custom-theme) topbar .navbar .ant-page-header-heading-title .fad{ color: #296d6a; }
.training-theme:not(.custom-theme) .app-sidenav.light{ background-color: #296d6a !important; }


.recognition-theme:not(.custom-theme) { background-color: #ffa300 !important; }
/*.recognition-theme:not(.custom-theme) .app-canvas a:not(.ant-btn) { color: #0009b2; }*/
.recognition-theme:not(.custom-theme) .ant-btn:hover:not(.ant-btn-primary),
.recognition-theme:not(.custom-theme) .ant-btn:focus:not(.ant-btn-primary) { color: #ffa300; border-color: #ffa300; }
.recognition-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab-active,
.recognition-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab:hover { color: #ffa300; }
.recognition-theme:not(.custom-theme) .ant-tabs-ink-bar { background-color: #ffa300; }
.recognition-theme:not(.custom-theme) topbar .navbar .ant-page-header-heading-title .fad{ color: #ffa300; }
.recognition-theme:not(.custom-theme) .app-sidenav.light{ background-color: #ffa300 !important; }


.goals-theme:not(.custom-theme) { background: linear-gradient(90deg, rgba(2,0,36,1) 4%, rgba(70,22,106,1) 59%, rgba(74,23,110,1) 70%, rgba(57,18,84,1) 80%, rgba(0,0,0,1) 100%) !important; }
/*.goals-theme:not(.custom-theme) .app-canvas a:not(.ant-btn) { color: #8c0d67; }*/
.goals-theme:not(.custom-theme) .ant-btn:hover:not(.ant-btn-primary),
.goals-theme:not(.custom-theme) .ant-btn:focus:not(.ant-btn-primary) { color: #8c0d67; border-color: #8c0d67; }
.goals-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab-active,
.goals-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab:hover { color: #8c0d67; }
.goals-theme:not(.custom-theme) .ant-tabs-ink-bar { background-color: #8c0d67; }
.goals-theme:not(.custom-theme) topbar .navbar .ant-page-header-heading-title .fad{ color: #8c0d67; }
.goals-theme:not(.custom-theme) .app-sidenav.light{ background: linear-gradient(180deg, rgba(2,0,36,1) 4%, rgba(70,22,106,1) 59%, rgba(74,23,110,1) 70%, rgba(57,18,84,1) 80%, rgba(0,0,0,1) 100%) !important; }


.company-assets-theme:not(.custom-theme) { background-color: #775e50 !important; }
/*.company-assets-theme:not(.custom-theme) .app-canvas a:not(.ant-btn) { color: #775e50; }*/
.company-assets-theme:not(.custom-theme) .ant-btn:hover:not(.ant-btn-primary),
.company-assets-theme:not(.custom-theme) .ant-btn:focus:not(.ant-btn-primary) { color: #775e50; border-color: #775e50; }
.company-assets-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab-active,
.company-assets-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab:hover { color: #775e50; }
.company-assets-theme:not(.custom-theme) .ant-tabs-ink-bar { background-color: #775e50; }
.company-assets-theme:not(.custom-theme) topbar .navbar .ant-page-header-heading-title .fad{ color: #775e50; }
.company-assets-theme:not(.custom-theme) .app-sidenav.light{ background-color: #775e50 !important; }


.arm-theme:not(.custom-theme) { background-color: #222 !important; }
/*.arm-theme:not(.custom-theme) .app-canvas a:not(.ant-btn) { color: #222; }*/
.arm-theme:not(.custom-theme) .ant-btn:hover:not(.ant-btn-primary),
.arm-theme:not(.custom-theme) .ant-btn:focus:not(.ant-btn-primary) { color: #222; border-color: #222; }
.arm-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab-active,
.arm-theme:not(.custom-theme) .ant-tabs-nav .ant-tabs-tab:hover { color: #222; }
.arm-theme:not(.custom-theme) .ant-tabs-ink-bar { background-color: #222; }
.arm-theme:not(.custom-theme) topbar .navbar .ant-page-header-heading-title .fad{ color: #222; }
.arm-theme:not(.custom-theme) .app-sidenav.light{ background-color: #222 !important; }

span[class$="-field"]:not(.non-editable):not(.custom-field) {
  font-weight: 700;
  display: inline-block;
  border-radius: 3px;
  padding:1px 7px;
  margin-left: 7px;
}

span.custom-field::before {
  content: attr(title);
  display: inline-block;
}

span.candidate-field {
  background: purple;
  color: rgba(255, 255, 255, 0.7);
}

span.recruiter-field {
  background: blue;
  color: rgba(255, 255, 255, 0.7);
}

span.position-field{
  background: green;
  color: rgba(255, 255, 255, 0.7);
}

span.persona-field {
  background: chocolate;
  color: rgba(255, 255, 255, 0.7);
}

span.persona-field::before {
  margin-right: 7px;
  font-family: "Font Awesome 5 Pro";
  content: "\f007";
  font-weight: 900;
}

span.candidate-field::before {
  margin-right: 7px;
  font-family: "Font Awesome 5 Pro";
  content: "\f4ff";
  font-weight: 900;
}

span.recruiter-field::before {
  margin-right: 7px;
  font-family: "Font Awesome 5 Pro";
  content: "\f304";
  font-weight: 900;
}

span.position-field::before {
  margin-right: 7px;
  font-family: "Font Awesome 5 Pro";
  content: "\f508";
  font-weight: 900;
}

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

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

.fr-wrapper { min-height: 100px; }

.full-height{ height: calc(100%); }
.full-minheight{ min-height: calc(100%); }

.radio-block{ display: block !important; height: 30px; line-height: 30px; }

.ant-comment-content-author-name { color: rgba(0, 0, 0, 1) !important; font-size: 16px !important; line-height: 24px !important; padding-top: .25rem !important; font-weight: 500; }
.ant-card-meta-description { color: rgba(0, 0, 0, 0.95) !important;  }
.ant-comment-content-author-time { color: #949494 !important; padding-top: 9px; }

nz-form-label.d-block label { display: block; }

.as-buttons .ant-radio-button-wrapper {
    border: 1px solid #d9d9d9!important;
    border-radius: 4px!important;
    margin-right: 5px!important;
    margin-bottom: 5px!important;
}

.as-buttons .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    border: 1px solid #500096!important;
}

.fr-wrapper .fr-placeholder {
  margin-top: 0px !important;
  padding-top: 20px !important;
  padding-left: 20px !important;
  margin-left: 0px !important;
  padding-right: 20px !important;
  margin-right: 0px !important;
  font-size: 14px !important;
  line-height: 22.4px !important;
  text-align: left !important;
}

.ant-tabs-tab .ant-badge-count,
.ant-tabs-tab .ant-badge-dot,
.ant-tabs-tab .ant-badge .ant-scroll-number-custom-component { right: -12px; }




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

.multiline-truncate-2 {
  height: 50px;
  -webkit-line-clamp: 2;
  white-space: break-spaces;
  -webkit-box-orient: vertical;
  display: -webkit-box!important;
}

.card-rounded {
  border-radius: 10px!important;
}

.card-rounded .ant-card-cover {
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
  margin-right: 0px;
  margin-left: 0px;
}

.card-rounded .ant-card-actions {
  border-radius: 0px 0px 10px 10px;
  overflow: hidden;
}

.ant-input-group .ant-input-number { border-radius: 0px; }

.ant-alert-with-description .ant-alert-message { font-weight: 700; }

.warning-pill { background-color: rgb(255 119 0 / 15%); color: #ff7700; font-weight: 700; font-size: 11px; display: inline-block; padding: 3px 5px; border-radius: 3px; }
.primary-pill { background-color: rgb(112 0 255 / 10%); color: #7000ff; font-weight: 700; font-size: 11px; display: inline-block; padding: 3px 5px; border-radius: 3px; }
.success-pill { background-color: rgb(0 188 53 / 15%); color: #008626; font-weight: 700; font-size: 11px; display: inline-block; padding: 3px 5px; border-radius: 3px; }
.progress-pill { background-color: rgb(0 188 53 / 100%); color: #008626; font-weight: 700; font-size: 11px; display: inline-block; padding: 3px 5px; border-radius: 3px; }
.default-pill { background-color: rgb(0 0 0 / 15%); color: #008626; font-weight: 700; font-size: 11px; display: inline-block; padding: 3px 5px; border-radius: 3px; }

.pre { white-space: pre-line; font-family: monospace; border: 1px solid #CCC; border-radius: 7px; padding: 10px; background: #f5f4f3; color: #666; }

.cover { background-size: cover; }
.transparent{ background-color: transparent; }

.ant-menu.pills{ line-height: 40px; border-bottom: 0px; background-color: transparent; margin-bottom: 8px; }
.ant-menu.pills li { background: rgba(0,0,0,0.7); color: #FFF; border-radius: 32px; line-height: 40px; font-weight: 800; transition: none; margin-top: 0px; padding: 0px 13px !important; border-bottom: 0px; margin-right: 25px; margin-bottom: 17px !important; }
.ant-menu.pills li.ant-menu-item-selected{ background: #f0eaf6; border-bottom: 0px; margin-top: 0px; }
body .ant-menu.pills li:hover, body .ant-menu-horizontal.pills > .ant-menu-item:hover{ border-bottom: 0px; background: rgba(0,0,0,0.9); color: #FFF; padding: 0px 13px; }
body .ant-menu-horizontal.pills:not(.ant-menu-dark) > .ant-menu-item::after, body .ant-menu-horizontal.pills:not(.ant-menu-dark) > .ant-menu-item-selected::after, body .ant-menu-horizontal.pills:not(.ant-menu-dark) > .ant-menu-item:hover::after { border-bottom: 0px; }
body .ant-menu-horizontal.pills:not(.ant-menu-dark) > .ant-menu-item-selected:hover { background: #f0eaf6; color: #500096; }


.ant-tabs.pills{ border-bottom: 0px; background-color: transparent; }
.ant-tabs.pills .ant-tabs-tab { border-radius: 32px; font-weight: 800; transition: none; margin-top: 0px; padding: 10px 13px !important; border-bottom: 0px; margin-right: 25px; }
.ant-tabs.pills .ant-tabs-tab.ant-tabs-tab-active{ background: #f0eaf6; border-bottom: 0px; margin-top: 0px; }
.ant-tabs.pills .ant-tabs-tab:hover{ border-bottom: 0px; padding: 10px 13px !important; }
.ant-tabs.pills .ant-tabs-ink-bar { display: none !important; }
.ant-tabs.pills .ant-tabs-bar { border-bottom: 0px; margin-bottom: 0px; }
.ant-tabs.pills .ant-tabs-nav-container{ margin-bottom: 0px; }
.ant-tabs.pills .ant-tabs-nav-wrap{ margin-bottom: 0px; }

.ant-tabs.text-right .ant-tabs-nav-wrap { justify-content: flex-end; }
.ant-tabs.mb-0 .ant-tabs-nav { margin-bottom:0px; }

.ant-tabs.pills.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs.pills.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs.pills.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs.pills.ant-tabs-bottom > div > .ant-tabs-nav::before{
  border-bottom: 0px;
}

.ant-tabs.pills .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{ font-weight: 700; }

.anchor-header .ant-anchor-wrapper { margin-left:0px; padding-left:0px; }
.anchor-header .ant-anchor { padding-left:0px; }
.anchor-header .ant-anchor-ink { display:none; }
.anchor-header .ant-anchor-link { padding: 0px; }
.ant-menu-horizontal > .ant-menu-item .ant-anchor-link-active > .ant-anchor-link-title {
  color: #500096;
}
.anchor-header .ant-affix .ant-anchor { box-shadow:0px -1px 6px rgba(0,0,0,0.2); }

.pills .fa,
.pills .fal,
.pills .fas,
.pills .far,
.pills .fa-stack,
.pills .fad { margin-right: 7px; }
.pill { border-radius:50%; }

.shadowr-sm{ box-shadow: -2px 0px 5px rgba(0,0,0,0.3); }
.shadowb-sm{ box-shadow: 0px 2px 3px rgb(0 0 0 / 10%); }


.btn-yellow{
  background-color: #fdfd8f !important;
  border-color: transparent !important;
  color: #b19502 !important;
}
.btn-yellow:hover{ background-color: #d9b706 !important; color: #FFF !important; }

.btn-purple{
  background-color: #d6d2fa !important;
  border-color: transparent !important;
  color: #52499c !important;
}
.btn-purple:hover{ background-color: #52499c !important; color: #FFF !important; }

.btn-tomato{
  background-color: #fadad2 !important;
  border-color: transparent !important;
  color: #9c4949 !important;
}
.btn-tomato:hover{ background-color: #9c4949 !important; color: #FFF !important; }

.btn-orange{
  background-color: #fad7a2 !important;
  border-color: transparent !important;
  color: #d65813 !important;
}
.btn-orange:hover{ background-color: #d65813 !important; color: #FFF !important; }


.btn-aqua {
    background-color: #b5eaf7 !important;
    border-color: transparent !important;
    color: #0291b1 !important;
}
.btn-aqua:hover{ background-color: #0291b1 !important; color: #FFF !important; }


.btn-pink {
    background-color: #f7b5e0 !important;
    border-color: transparent !important;
    color: #b1029c !important;
}
.btn-pink:hover{ background-color: #b1029c !important; color: #FFF !important; }


.btn-blue{
  background-color: #c3defd !important;
  border-color: transparent !important;
  color: #393f9d !important;
}
.btn-blue:hover{ background-color: #393f9d !important; color: #FFF !important; }


button .hover-legend { display: none; }
button:hover .hover-legend { display: inline; }





/* NG Zorro 9 - Adjustments */
.ant-tag { border-radius: 5px !important; }
/*.ant-btn-icon-only{ padding: 3px 13px !important; width: auto !important; height: auto !important; }*/
/*.ant-btn-group > .ant-btn-icon-only { font-size: 16px; }*/
.ant-form-item.ant-row{ display: block; }
.ant-input,
.ant-input-number,
.ant-select-selector,
.ant-input-affix-wrapper,
.ant-picker,
.ant-select-multiple .ant-select-selector, .ant-mentions {
  border-radius: 6px !important;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.05);
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.ant-form-item-explain, .ant-form-item-extra{ padding-top: 5px !important; padding-left: 5px; }

.ant-input-number-input {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: auto !important;
}

/* Mentions */
.ant-mentions textarea{ border:0px !important; box-shadow: 0px 0px 0px rgba(0,0,0,0); }
.ant-mentions textarea:focus{ box-shadow: 0px 0px 0px rgba(0,0,0,0); }


/* Input groups */
.ant-input-affix-wrapper > input.ant-input, 
.ant-input-affix-wrapper > .ant-select .ant-select-selector, 
.ant-input-affix-wrapper > .ant-input-number{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  box-shadow: 0px 0px 0px !important;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child){
  border-radius: 0px !important;
}

/* Selects */
.ant-picker-input input{
  height: 22px !important;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
  height: 40px !important;
}
.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder{
  line-height: 23px  !important;
}


/* .ant-form-item-label { font-weight: 500; height: 33px; } se quito por los leabels que tienen dos renglones */
.ant-form-item-label { font-weight: 500;}
.ant-form-item-control { margin-top: 5px; }
.ant-form-item { margin-bottom: 30px !important; }
/*.ant-form-item:last-child { margin-bottom: 24px !important; }*/
.ant-input-group .ant-select:first-child .ant-select-selector { border-radius: 4px 0px 0px 4px !important; }
.ant-input-group .ant-select:last-child .ant-select-selector { border-radius: 0px 4px 4px 0px !important; }
.ant-input-group .ant-input:first-child { border-radius: 4px 0px 0px 4px !important; }
.ant-input-group .ant-input:last-child { border-radius: 0px 4px 4px 0px !important; }
.ant-input-group .ant-input-group-addon:first-child { border-radius: 4px 0px 0px 4px !important; }
.ant-input-group .ant-input-group-addon:last-child { border-radius: 0px 4px 4px 0px !important; }
.ant-radio-button-wrapper:first-child { border-radius: 8px 0 0 8px !important; }
.ant-radio-button-wrapper:last-child { border-radius: 0 8px 8px 0 !important; }

/* Vertical */
body .ant-radio-group.radio-vertical .ant-radio-button-wrapper::before { display: none; }
body .ant-radio-group.radio-vertical .ant-radio-button-wrapper { display: block; border-radius: 0px !important; border-left-width: 1px; border-bottom-width: 0px; }
body .ant-radio-group.radio-vertical .ant-radio-button-wrapper:first-child { border-radius: 8px 8px 0px 0px !important; }
body .ant-radio-group.radio-vertical .ant-radio-button-wrapper:last-child { border-radius: 0px 0px 8px 8px !important; border-bottom-width: 1px; }
body .ant-radio-group.radio-vertical .ant-radio-button-wrapper.ant-radio-button-wrapper-checked { border-bottom-width: 1px !important; }

@media (max-width: 650px){
  body .ant-radio-group .ant-radio-button-wrapper::before { display: none; }
  body .ant-radio-group .ant-radio-button-wrapper { display: block; border-radius: 0px !important; border-left-width: 1px; border-bottom-width: 0px; }
  body .ant-radio-group .ant-radio-button-wrapper:first-child { border-radius: 8px 8px 0px 0px !important; }
  body .ant-radio-group .ant-radio-button-wrapper:last-child { border-radius: 0px 0px 8px 8px !important; border-bottom-width: 1px; }
  body .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked { border-bottom-width: 1px !important; }
}

.ant-form-item .ant-input-group .ant-select,
.ant-form-item .ant-input-group .ant-picker,
.ant-form-item .ant-input-group .ant-cascader-picker{ width: 100% !important; }


/*.ant-input-affix-wrapper > input.ant-input{ padding: 4px 11px !important; border: 1px solid #d9d9d9 !important }*/
/*.ant-input-affix-wrapper > input.ant-input {  }*/


/* SELECT FIX FOR MOBILE  */
/*@media (max-width: 700px){
  .ant-select{ z-index: 10000; }
  app-root{
    z-index: auto;
    position: initial;
  }
  .app-canvas{
    position: absolute;
    z-index: auto;
  }
}
*/


.ant-select-show-search.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input { padding-left: 0px; }



.text-danger .ant-statistic-content { color: #f44336 !important; }
.text-xxl .ant-statistic-title { line-height: 1.5715; }
.text-xxl .ant-statistic-content { font-size:40px }
.text-xxl .ant-statistic-content .ant-statistic-content-prefix { margin-right:14px; }

.card.active, .hover-border:hover {
  border: 1px solid #48166c !important;
}

.strikeout { text-decoration: line-through; }
.ant-btn-circle, .ant-btn-circle-outline { padding-right: 8px !important; padding-left: 8px !important; min-width: 38px !important; }
.ant-btn-circle.ant-btn-sm { min-width: 0px !important; }
.ant-btn-sm.ant-btn-circle.ant-btn-icon-only, .ant-btn-sm.ant-btn-circle-outline.ant-btn-icon-only { padding-right: 0px !important; padding-left: 0px !important; min-width: auto !important; }

.ant-tag .anticon-close{ background: rgba(0,0,0,0.04); padding: 6px; border-radius: 0px 4px 4px 0px; margin-left: 5px !important;}
.ant-tag .anticon-close:hover{ background: rgba(0,0,0,0.1); }




.disabled { cursor: not-allowed; }

.ant-dropdown-menu { border-radius: 10px !important; }
.ant-dropdown-menu .ant-dropdown-menu-item{ border-bottom: 1px solid rgba(0,0,0,0.15); padding:7px; }
.ant-dropdown-menu .ant-dropdown-menu-item:last-child{ border-bottom: 0px; }

.ant-table.ant-table-fixed-header{ border-bottom: 2px solid rgba(0,0,0,0.15); border-radius:2px; }
.bottom-inset, .ant-table-fixed-header .ant-table-container { box-shadow:inset -10px 7px 8px 8px rgba(0,0,0,.15) }
.ant-table-fixed-header .ant-table-container .ant-table-header { box-shadow:0px 7px 8px -7px rgba(0,0,0,.15) }
.ant-table-fixed-header .ant-table-tbody .ant-table-row:nth-child(2) .ant-table-cell-fix-left,
.ant-table-fixed-header .ant-table-tbody .ant-table-row:nth-child(2) .ant-table-cell-fix-right { box-shadow:inset 0px 7px 8px -7px rgba(0,0,0,.15); }
/*.ant-table-container::after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.15)}*/



.ant-checkbox-wrapper.text-md .ant-checkbox { margin-top:.25rem!important; }

.ant-select-item-option-content {white-space: break-spaces!important}
.cdk-overlay-pane .ant-dropdown {
    background: #fff;
    border: 1px solid #DDD;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  }


.ant-progress-steps-outer .ant-progress-steps-item { flex: 1 1 100%; border-radius: 5px; }



span.non-editable.custom-field {
    background: #333333;
    padding: 2px 10px;
    color: #FFF;
    font-weight: bold;
    border-radius: 12px;
    display: inline-block;
    color: white;
    font-weight: bold;
    margin-left: 0px;
    font-family: monospace;
    font-size: 13px;
    margin-bottom: 1px;
    position: relative;
    padding-right: 32px;
}

span.non-editable.custom-field .remove-placeholder {
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0px;
    cursor: pointer;
    background-color: rgba(0,0,0,0.1);
    color: white;
    border-radius: 50%;
    width: 25px;
    text-align: center;
    line-height: 16px;
    font-style: normal;
    font-size: 11px;
    padding-top: 5px;
    overflow: hidden;
}

span.non-editable.custom-field .remove-placeholder .fas {
  margin-right: -3px;
}
span.non-editable.custom-field .remove-placeholder:hover {
  background-color: rgba(0,0,0,0.4);
}

/*span.non-editable.custom-field{
  width: auto;
  display: inline-block;
  border-radius: 14px;
  border: 0px;
  background: #333333;
  text-align: left;
  min-width: 10px;
  max-width: 350px;
  padding: 2px 10px 2px 35px;
  text-wrap: wrap;
  text-overflow: ellipsis;
}*/

span.non-editable.persona-field.custom-field{
  background-color: #e77b00;
}

span.non-editable.position-field.custom-field{
  background: #00a745;
}

span.non-editable.recruiter-field.custom-field{
  background: #007ce3;
}

span.non-editable.candidate-field.custom-field{
  background: #6e3ee3;
}



.ant-tabs-nav .ant-tabs-tab{ padding: 12px 16px !important; margin: 0 10px 0 0 !important; }
/*.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab{ border-radius: 4px 4px 0 0 !important; padding: 8px 16px !important; margin: 0 2px 0 0 !important; }*/
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab{
  border-radius: 8px 8px 0 0;
}

/* Steps */

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title{
  font-weight: 600;
}

/* Steps Right */

.ant-steps-vertical.ant-steps-right.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail{
  top: 6.5px;
  left: auto;
  margin: 0;
  padding: 22px 0 4px;
  right: 3px;
}

.ant-steps-right.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-right.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after{
  margin-left: 0px;
}

.ant-steps-vertical.ant-steps-right.ant-steps-dot .ant-steps-item-icon {
    margin-top: 13px;
    margin-left: 16px;
    background: none;
}

.ant-steps-vertical.ant-steps-right > .ant-steps-item .ant-steps-item-icon{
  float: right;
  margin-right: 0;
}

.ant-steps-vertical.ant-steps-right.ant-steps-dot .ant-steps-item-content{
  text-align: right;
}

.ant-steps-right .ant-steps-item-title{
  padding-right: 0px;
}

.ant-steps-vertical.ant-steps-right.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot{
  left: auto;
  right: -1px;
}

body .ant-table-tbody > tr > td { transition: none; background-color:#fff; }
body .ant-table-tbody > tr:hover > td.ant-table-td-left-sticky,
body .ant-table-tbody > tr:hover > td { background-color:#f9fafb; }
body .ant-table-tbody > tr.ant-table-expanded-row:hover>td,
body .ant-table-tbody > tr.ant-table-expanded-row>td {
    background: #eeeeee !important;
}




body a.ant-btn{ line-height: 37px; }

body .ant-checkbox-wrapper.d-block{ margin-bottom:5px; }
body .ant-checkbox-wrapper.d-block::after { display:block; }
body .ant-checkbox-wrapper.d-block + .ant-checkbox-wrapper.d-block { margin-left:0px;  }
body .checkbox-extra { padding-left: 24px; padding-bottom: 15px; font-size: 0.8rem; }
body .ant-checkbox-disabled + span { color:rgba(0, 0, 0, 0.5); }



.ninebox .sq { display: inline-block; width: 15px; height: 15px; margin: 0px 3px 0px 3px; border-radius: 3px; background-color: #eee; }
.ninebox .sq-active { background-color: #adc6ff; }

/* Affix */
body .when-not-affix { display: inherit; }
body .when-affix { display: none; }
body .ant-affix .when-affix { display: inherit; }
body .ant-affix .when-not-affix { display: none; }

.text-sm .ant-table.ant-table-small { font-size: 12px; }
.card .ant-table.ant-table-small { margin:0px !important; }

body .ant-alert {
  border-radius: 8px;
}
body .ant-alert-info {
  background-color: #fcf5ff;
  border: 1px solid #e6cef3;
}
body .ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #fad764;
}



body .ant-descriptions-item-label { font-weight:600; }

body .ant-modal-content { border-radius: 15px 15px 15px 15px; }
body .ant-modal-header { background: transparent; }
body nz-empty[nznotfoundimage="simple"] .ant-empty-image { height: 46px; margin-bottom: 8px; margin-top: 40px; }
body .ant-tag[nzmode="closeable"] { padding-right:0px; }

.on-hover .show-on-hover { display:none }
.on-hover:hover .show-on-hover { display:block; }

.icon-link { width:30px; }
.icon-link:hover { background-color: rgba(0,0,0,0.07); border-radius: 20px; }


body .ant-mentions-dropdown { border-radius:7px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.2), 0 6px 16px 0 rgba(0, 0, 0, 0.25), 0 9px 28px 8px rgba(0, 0, 0, 0.15); overflow: hidden; }


body .bg-warm-white { background-color: #FEFBF5; }
body .bg-purple { background-color: #C36CFF; }
body .bg-green { background-color: #00DA74; }
body .bg-light-purple { background-color: #f8f7fb; }
body .bg-light-purple-1 { background-color: #eae6f3; }
body .bg-light-aqua { background-color: #f0fafe; }
body .bg-light-aqua-1 { background-color: #dceef6; }
body .text-orange { color: #ca7a00; }
body .bg-light-orange-1 { background-color: #f7e7cf; }
body .bg-light-blue { background-color: #ddf8ff; }
body .bg-light-green { background-color: #e5ffdd; }
body .bg-light-green-1 { background-color: #d4eecb; }
body .bg-light-red { background-color: #ffe1f0; }
body .bg-light-yellow { background-color: #fcf9c9; }
body .bg-light-blue .ant-modal-content,
body .bg-light-yellow .ant-modal-content,
body .bg-light-green .ant-modal-content,
body .bg-light-red .ant-modal-content { background: transparent; box-shadow: 0px 0px 0px; }



.masked-overflow-x {

  display: flex;
  flex-wrap: nowrap;

    /* scroll bar width, for use in mask calculations */
    --scrollbar-height: 8px;

    /* mask fade distance, for use in mask calculations */
    --mask-width: 32px;

    /* If content exceeds height of container, overflow! */
    overflow-y: hidden;
    overflow-x: auto;

    /* Our height limit */
    max-width: 100%;

    /* Need to make sure container has bottom space,
  otherwise content at the bottom is always faded out */
    padding-right: var(--mask-width);

    /* Keep some space between content and scrollbar */
    padding-bottom: 20px;

    /* The CSS mask */

    /* The content mask is a linear gradient from top to bottom */
    --mask-image-content: linear-gradient(
        to bottom,
        transparent,
        black var(--mask-height),
        black calc(100% - var(--mask-height)),
        transparent
    );

    /* Here we scale the content gradient to the width of the container
  minus the scrollbar width. The height is the full container height */
    --mask-size-content: calc(100% - var(--scrollbar-height)) 100%;

    /* The scrollbar mask is a black pixel */
    --mask-image-scrollbar: linear-gradient(black, black);

    /* The width of our black pixel is the width of the scrollbar.
  The height is the full container height */
    --mask-size-scrollbar: var(--scrollbar-height) 100%;

    /* Apply the mask image and mask size variables */
    mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    mask-size: var(--mask-size-content), var(--mask-size-scrollbar);

    /* Position the content gradient in the top left, and the
  scroll gradient in the top right */
    mask-position: 0 0, 100% 0;

    /* We don't repeat our mask images */
    mask-repeat: no-repeat, no-repeat;
}

.masked-overflow-y {
    /* scroll bar width, for use in mask calculations */
    --scrollbar-width: 8px;

    /* mask fade distance, for use in mask calculations */
    --mask-height: 32px;

    /* If content exceeds height of container, overflow! */
    overflow-y: auto;

    /* Our height limit */
    height: 235px;

    /* Need to make sure container has bottom space,
  otherwise content at the bottom is always faded out */
    padding-bottom: var(--mask-height);

    /* Keep some space between content and scrollbar */
/*    padding-right: 20px;*/

    /* The CSS mask */

    /* The content mask is a linear gradient from top to bottom */
    --mask-image-content: linear-gradient(
        to bottom,
        transparent,
        black var(--mask-height),
        black calc(100% - var(--mask-height)),
        transparent
    );

    /* Here we scale the content gradient to the width of the container
  minus the scrollbar width. The height is the full container height */
    --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;

    /* The scrollbar mask is a black pixel */
    --mask-image-scrollbar: linear-gradient(black, black);

    /* The width of our black pixel is the width of the scrollbar.
  The height is the full container height */
    --mask-size-scrollbar: var(--scrollbar-width) 100%;

    /* Apply the mask image and mask size variables */
    mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    mask-size: var(--mask-size-content), var(--mask-size-scrollbar);

    /* Position the content gradient in the top left, and the
  scroll gradient in the top right */
    mask-position: 0 0, 100% 0;

    /* We don't repeat our mask images */
    mask-repeat: no-repeat, no-repeat;
}

/*.button-cards::before{
  content: '';
  box-shadow: inset 1px 12px 25px -17px rgba(0, 0, 0, 0.08);
  height: 30px;
  position: absolute;
  top:0px;
  left: 0px;
  right: 0px;
}

.button-cards::after{
  content: '';
  box-shadow: inset 1px -12px 25px -17px rgba(0, 0, 0, 0.08);
  height: 30px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}*/

/* Buttons Bricks: borderless boxes */
.button-brick { position: relative; display: block; border: 0px; text-align:left; border-radius:10px; cursor:pointer; padding: 12px 10px; margin-bottom:10px; background-color: #f7f7f7; color: #6e6e6e; }
.button-brick:hover{ color: #000000; background-color: #E9E9EA; border: 0px; }
.button-brick > span.emoji, .button-brick > span.icon{ display: inline-block; text-align: center; font-size:20px; margin-right:10px; width:35px; cursor:pointer; }
.button-brick > span.ant-avatar { position:absolute; }
.button-brick > span.label{ display: inline-block; text-align: left; font-weight: 600; line-height: 28px; vertical-align: top; cursor:pointer; font-size:15px; }
.button-brick:has(.ant-avatar) > span.label { padding-left:42px; }

body .bg-light-blue{ background-color: #f2f5f9; color: #707c90; }
body .bg-black-5{ background-color: rgb(0 0 0 / 54%); }

body span:hover .hover-bg-light-blue, body .hover-bg-light-blue:hover{ background-color: #deeafc; color: #5087ee; }
body span:hover .hover-bg-blue,       body .hover-bg-blue:hover{ background-color: #4DCEFF; }
body span:hover .hover-bg-red,        body .hover-bg-red:hover{ background-color: #FF4C58; }
body span:hover .hover-bg-yellow,     body .hover-bg-yellow:hover{ background-color: #FFDF00; }
body span:hover .hover-bg-green,      body .hover-bg-green:hover{ background-color: #00DA74; }
body span:hover .hover-bg-purple,     body .hover-bg-purple:hover{ background-color: #C36CFF; }
body span:hover .hover-bg-black,      body .hover-bg-black:hover{ background-color: #000; }
body span:hover .hover-bg-muted,      body .hover-bg-muted:hover{ background-color: #e9e9e9; }
body span:hover .hover-color-black,   body .hover-color-black:hover { color: #000000; }
body span:hover .hover-color-white,   body .hover-color-white:hover { color: #FEFBF5; }
body span:hover .hover-color-blue,    body .hover-color-blue:hover{ color: #4DCEFF; }
body span:hover .hover-color-red,     body .hover-color-red:hover{ color: #FF4C58; }
body span:hover .hover-color-yellow,  body .hover-color-yellow:hover{ color: #FFDF00; }
body span:hover .hover-color-green,   body .hover-color-green:hover{ color: #00DA74; }
body span:hover .hover-color-purple,  body .hover-color-purple:hover{ color: #C36CFF; }

body .color-blue   { color: #4DCEFF; }
body .color-red    { color: #FF4C58; }
body .color-yellow { color: #FFDF00; }
body .color-green  { color: #00DA74; }
body .color-purple { color: #C36CFF; }
body .color-black, a.color-black:hover  { color: #000000; }
body .color-white  { color: #FEFBF5; }



/*
SuperCompany - Color Palette
#FEFBF5 Warm White        CMYK: 0 / 2 / 5 / 0     RGB: 254/ 251 / 245   PANTONE Cool Gray 1 C
#FFDF00 Focus Yellow      CMYK: 2 / 9 / 91 / 0    RGB: 255/ 223 / 0     PANTONE 3945 C
#FF4C58 Highlight Red     CMYK: 0 / 81 / 53 / 0   RGB: 255/ 76 / 88     PANTONE 1785 C
#4DCEFF Chill Blue        CMYK: 60 / 0 / 0 / 0    RGB: 7 7 / 206 / 255  PANTONE 2381 C
#00DA74 Great Green       CMYK: 68 / 0 / 72 / 0   RGB: 0 / 218 / 1 16   PANTONE 2412 C
#C36CFF Digital Violet    CMYK: 50 / 60 / 0 / 0   RGB: 195 / 108 / 255  PANTONE 265 C
#000000 Signature Black   CMYK: 91 / 79 / 62 / 97 RGB: 0 / 0 / 0        PANTONE Process Black C
*/

.button-ball{ display: inline-block; color: #6e6e6e; background-color: #f7f7f7; padding: 8px; border-radius:50px; width: 50px; height: 50px; border: 0px; }
.button-ball:hover { color: #000000; background: #E9E9EA; border: 0px; }

.button-ball-md { width: 35px; height: 35px; }

.button-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}


.button-pill {
  flex-basis: calc(50% - 20px);
  display: flex;  /* Changed from inline-block to flex */
  justify-content: left;  /* Center content horizontally */
  align-items: center;  /* Center content vertically */
  flex-shrink: 0;  /* Prevents the item from shrinking */
  border: 1px solid #eeeeee;
  text-align:left;
  border-radius:25px;
  cursor:pointer;
  padding: 5px 10px;
  margin-bottom:10px;
  background-color: #FFF;
  box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.05);
}

.button-pill > span.emoji{
  display: inline-block;
  text-align: center;
  font-size:20px;
  margin-right:10px;
  width:35px;
}

.button-pill > span.label{
  display: inline-block;
  text-align: left;
  font-weight: 700;
  line-height: 26px;
  vertical-align: top;
}




.button-pads {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll!important;
  overflow-y: hidden;
  padding-left:20px;
  padding-top: 20px;
  padding-bottom: 40px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.button-pads::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge, and Firefox */
.button-pads {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}


.button-pad {
  display: inline-block;  /* Changed from inline-block to flex */
  justify-content: center;  /* Center content horizontally */
  align-items: center;  /* Center content vertically */
  flex-shrink: 0;  /* Prevents the item from shrinking */
  border: 1px solid #eeeeee;
  text-align:center;
  width:110px;
  height: 110px;
  border-radius:15px;
  cursor:pointer;
  padding: 10px 0px;
  margin-right:15px;
  background-color: #FFF;
  box-shadow:0px 7px 20px rgba(0, 0, 0, 0.05);
}

.button-pad > span.icon{
  display: block;
  text-align: center;
  font-size:35px;
}

.button-pad > span.label{
  display: block;
  margin: 10px 0px;
  text-align: center;
  font-weight: 700;
}

.button-pillows {

  /*
  overflow-x: scroll!important;
  overflow-y: hidden;
  padding-left:5px;
  padding-top: 20px;
  padding-bottom: 40px;
  */

  padding-bottom: 40px;
  display: flex;
  flex-flow: wrap;
  gap: 15px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.button-pillows::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge, and Firefox */
.button-pillows {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.button-pillow {
  display: inline-block;  /* Changed from inline-block to flex */
  justify-content: center;  /* Center content horizontally */
  align-items: center;  /* Center content vertically */
  flex-shrink: 0;  /* Prevents the item from shrinking */
  border: 1px solid #eeeeee;
  text-align:center;
  min-width: 220px;
  max-width: 330px;
  height: 70px;
  border-radius:10px;
  cursor:pointer;
  position: relative;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(0,0,0,0.6);
  flex: 0 0 32%;
}

.button-pillow:hover{
  --tw-shadow-color: #cfcfcf;

}



.button-pillow > span.icon{
  display: block;
  text-align: center;
  font-size:25px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width:70px;
  line-height: 70px;
  vertical-align: middle;
}

.button-pillow > span.label{
  max-width: 260px;
  display: block;
  margin: 0px 0px 0px 70px;
  text-align: left;
  font-weight: 500;
  font-size: 17px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 70px;
  padding-right: 30px;
}
.button-pillow > span.label:has(div){
  height: 70px;
  line-height: 28px;
  padding-top: 10px;
}

.button-pillow::after{
  content: " ";
  clear:both;
  float:none;
}


.orange-switch .ant-switch:not(.ant-switch-checked){ background-color: #ff7700 !important; }
.purple-switch .ant-switch:not(.ant-switch-checked){ background-color: #C36CFF !important; }
.purple-switch .ant-switch.ant-switch-checked{ background-color: #FFDF00 !important; }




.list-card { border:1px solid #CCC !important; border-radius: 10px; width: 350px; margin: 0 auto; }
.list-card .list-row{ border-bottom:1px solid #CCC; }
.list-card .list-row:hover{ background: rgba(0,0,0,0.05); font-weight: 600; }
.list-card .list-row:last-child{ border-bottom:0px; }


.handwritten{ font-family: 'Caveat', cursive; }



/* TanIA */

.agent-panel {
  position: fixed;
  left: -450px;
  bottom: 100px;
  max-height: 700px;
  min-height: 130px;
  height: min(700px, 100% - 100px);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
  transition: width 200ms, height 200ms, max-height 200ms, transform 300ms cubic-bezier(0, 1.2, 1, 1), opacity 83ms ease-out, left 220ms ease-in;
  opacity: 1;
  width: 400px;
  z-index: 10000;
  background: #FFF;
}

.agent-panel-visible { left: 20px; }

/*.agent-panel > div { position:absolute; top:0px; bottom:0px; left:0px; right:0px; }*/

.agent-launcher {
  user-select: none;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: fixed;
  left: 0px;
  bottom: 0px;
  opacity: 1;
  transform: rotate(0deg);
  z-index: 10000;
}

.agent-launcher > a {
  transition: transform 0.16s linear, opacity 0.08s linear;
  display: block;
  width: 55px;
  height: 55px;
  background-color: #FFDF00;
  color: #000;
  border-radius: 50px;
  text-align: center;
  vertical-align: middle;
  line-height: 50px;
  margin-left: 20px;
  margin-bottom: 30px;
}
.agent-launcher > a:hover { transform: scale(1.1); }
/*.agent-launcher > a .hover\:hide { display:inline-block; }
.agent-launcher > a:hover .hover\:hide { display:none; }
.agent-launcher > a .hover\:show { display:none; }
.agent-launcher > a:hover .hover\:show { display:inline-block; }*/
.agent-launcher .avatar { overflow: hidden; background: transparent; width: 55px; height:55px; }
.agent-launcher .agent-icon { max-width: 30px; max-height:30px; display:inline-block; }
.agent-launcher .agent-pic { max-width: 53px; max-height:53px; display:inline-block; }
.border-green {  border: 1px solid #00DA74; }
.border-2x {  border-width:2px }
.border-3x {  border-width:3px }

/* Hover behaviors */
a .group-hover\:hide { display:block; }
a:hover .group-hover\:hide { display:none; }
a .group-hover\:show { display:none; }
a:hover .group-hover\:show { display:block; }
.hover\:pointer:hover { cursor:pointer; }
.hover\:border { border:1px solid #FFF; }
.hover\:border:hover { border:1px solid #CCC; }


.ant-descriptions-view { border-radius:10px; overflow:hidden; }





body .ant-steps-vertical > .ant-steps-item .ant-steps-item-title { line-height:26px }
body .ant-steps-vertical > .ant-steps-item .ant-steps-item-description { padding-bottom: 30px; }

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) { color: #FFF !important; background-color: #404040; }