.login_page {
  background-image: url("../img/background-02.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  /*    background: url(../img/bg-03-02.svg) center center no-repeat,
        url(../img/bg-03-01.svg) center center no-repeat;
        background-color: hsla(216, 33%, 97%, 1);
        background-color: var(hsla(216, 33%, 97%, 1));*/

  /*    background-image: url('../img/dark-material-bg.jpg');
        background-repeat: no-repeat;
        background-size: 100% 100%;*/
}
.k-input-solid.k-invalid, .k-input-solid.ng-invalid.ng-touched, .k-input-solid.ng-invalid.ng-dirty {
  border-color: #dc3545 !important;
}
.sidebar_main_active #footer, .sidebar_main_open #footer {
  margin-left: 110px;
}
.k-grid .checkbox-align > .k-cell-inner > .k-link{
  justify-content:center;
}
.k-checkbox:checked + label {
  background-color: #312e81 !important;
  border-color: #312e81 !important;
  color: #fff !important;
}
.k-list-item-text{
  width:100%;
}
.k-checkbox:checked + label i {
  color: #fff !important;
}

.k-grid .k-link{
  display: block !important;
}
/*.k-grid .k-table-alt-row{
  background-color:white !important;
}*/
/*.k-master-row.k-table-alt-row .k-grid-content-sticky, .k-master-row.k-table-alt-row .k-grid-row-sticky {
  background-color:white !important;
}*/
.k-grid .k-grid-header .k-table-th{
  vertical-align: middle !important;
}
.k-column-title{
  white-space: normal !important;
}
.k-filter-row td,
.k-filter-row th {
  padding: 2px !important;
}
.k-grid .k-grid-content-locked, .k-grid .k-grid-content-locked td, .k-grid .k-grid-header-locked, .k-grid .k-grid-header-locked .k-header{
  border-color: inherit !important;
}
.dashboard-container .card {
  background: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.3s ease-out;
  text-decoration: none;
}

.card1 {
  --bg-color: #ffd861;
  --bg-color-light: #ffeeba;
  --text-color-hover: #4c5656;
  --box-shadow-color: rgba(255, 215, 97, 0.48);
}

.card2 {
  --bg-color: #b8f9d3;
  --bg-color-light: #e2fced;
  --text-color-hover: #4c5656;
  --box-shadow-color: rgba(184, 249, 211, 0.48);
}

.card3 {
  --bg-color: #ceb2fc;
  --bg-color-light: #f0e7ff;
  --text-color-hover: #fff;
  --box-shadow-color: rgba(206, 178, 252, 0.48);
}

.card4 {
  --bg-color: #dce9ff;
  --bg-color-light: #f1f7ff;
  --text-color-hover: #4c5656;
  --box-shadow-color: rgba(220, 233, 255, 0.48);
}

.dashboard-container .card:hover {
  transform: translateY(0) scale(1.005) translateZ(0);
  box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11), 0 24px 46px var(--box-shadow-color);
}

.dashboard-container .card:hover .overlay {
  transform: scale(12) translateZ(10px);
}

.dashboard-container .card:hover .circle {
  border-color: var(--bg-color-light);
  background: var(--bg-color);
}

.dashboard-container .card:hover .circle:after {
  background: var(--bg-color-light);
}

.dashboard-container .card:hover p {
  color: var(--text-color-hover);
}

.dashboard-container .card:active {
  transform: scale(1) translateZ(0);
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.11), 0 15px 24px var(--box-shadow-color);
}

.dashboard-container .card:hover {
  transform: translateY(0) scale(1.005) translateZ(0);
  box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11), 0 24px 46px rgba(206, 178, 252, 0.48);
}

.overlay {
  position: absolute;
  border-radius: 10px;
  display: flex;
  height: 70px;
  width: 70px;
  align-items: center;
  justify-content: center;
  background: var(--bg-color);
  top: 30px;
  left: 30px;
  z-index: 0;
  transition: transform 0.3s ease-out;
}

.textBox {
  background-color: inherit !important;
}
.k-grid .k-grouping-row .k-grid-content-sticky {
  border-color: inherit !important;
}
.gridBtn {
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 5px;
  height: 32px;
  gap: 10px;
  justify-content: center;
  color: white !important;
}
.funding-table {
  width: 100%;
  border-spacing: 0;
}
.funding-table td,
.funding-table th {
  border: 1px solid #eef1f4;
  padding: 8px;
  border-bottom: 0;
  border-right: 0;
}
.funding-table th:last-child {
  border-right: 1px solid #eef1f4;
}
.funding-table td:last-child {
  border-right: 1px solid #eef1f4;
}
.funding-table tr:last-child td,
.funding-table tr.border-bt td {
  border-bottom: 1px solid #eef1f4;
}

.lg-icon {
  font-family: "lg" !important;
}
.warning-panel {
  padding: 12px;
  border: 1px dashed rgba(250, 246, 255, 255);
  background: rgba(250, 246, 255, 255);
  color: rgba(123, 128, 246, 255);
  border-radius: 0.75rem;
  width: 100%;
  box-sizing: border-box;
}
.grey-panel {
  padding: 12px;
  border: 1px dashed rgba(246, 247, 248, 255);
  background: rgba(246, 247, 248, 255);
  color: rgba(100, 100, 100, 255);
  border-radius: 0.75rem;
  width: 100%;
  box-sizing: border-box;
}

.k-grid-header .k-grid-header-sticky.k-sorted,
.k-grid-header td.k-grid-header-sticky,
.k-grid-header th.k-grid-header-sticky {
  background: #fff !important;
}
.login_page_new {
  padding: 0;
}
.fileView:hover {
  color: white;
  background: #ffa000;
}
/*.login_page::after {
    content: "";
       background-image: url('../img/Performance.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: 0;

    position: absolute;
    z-index: 10;
}*/
.uk-table-custom td {
  padding: 4px;
}
.k-upload .k-dropzone .k-dropzone-hint {
  display: none;
}
.uk-display-flex {
  display: flex;
  flex-direction: row;
}
.tagStyleClass {
  font-size: 14px;
  color: rgb(51, 153, 255);
}
.greenCell {
  background: #c6e0b4;
}
.brownCell {
  background: #fff2cc;
}
.greyCell {
  background: #dee2e6 !important;
}

.yellowCell {
  background: #f7fd04 !important;
}
.redCell {
  background: #ffbbcc;
}
.range0Cell {
  background: #f8696b;
  color: white;
}
.range1Cell {
  background: #fff7ed !important;
  border-bottom: 1px solid #dee2e6 !important;
}
.range2Cell {
  background: #f9b208;
  color: white;
}
.range3Cell {
  background: #289672;
  color: white;
}
.range4Cell {
  background: #1e6f5c;
  color: white;
}

/** dashboard range cell start **/
.dbRangeCell1 {
  background: #f87171;
  color: black;
}
.dbRangeCell2 {
  background: #fb923c;
  color: black;
}
.dbRangeCell3 {
  background: #fbbf24;
  color: black;
}
.dbRangeCell4 {
  background: #a3e635;
  color: black;
}
.dbRangeCell5 {
  background: #22c55e;
  color: black;
}
/** dashboard range cell end **/

.first-letter-uppercase:first-letter {
  text-transform: uppercase;
}
#page_preloader {
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.k-grid-header,
.k-toolbar,
.k-grid-pager {
  background: #fff !important;
}
.k-master-row .k-grid-content-sticky {
  border-color: rgba(33, 37, 41, 0.125) !important;
}
.k-grid-header .k-grid-header-sticky,
.k-grid-header .k-grid-header-sticky.k-sorted {
  border-color: rgba(33, 37, 41, 0.125) !important;
}
.k-form-label {
  padding: 0px 0px;
  /* color: #828282; */
}
.k-form-field-wrap {
  padding: 5px 0px;
  display: block;
}
.k-dateinput .k-select,
.k-datepicker .k-select,
.k-datetimepicker .k-select,
.k-timepicker .k-select {
  border-radius: 0 !important;
}
.k-grid .k-grid-search {
  margin-left: auto;
  margin-right: 0;
}
.input-basic {
  position: relative;
  display: block;
  width: calc(100% - 42px);
  line-height: 1;
  font-size: 15px;
  /*  font-family: 'Titillium Web', 'Noto Sans KR', sans-serif;*/
  background-color: #fff;
  border: 1px solid #ccc;
  height: 34px;
  padding: 0 20px;
}

.info_content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.login-logo {
  display: table;
  position: absolute;
  top: 50%;
  left: -60px;
  width: 290px;
  height: calc(100% - 60px);
  padding: 25px;

  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.md-input-filled > label,
.md-input-focus > label {
  top: -12px;
}
.newLogin {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 700px;
  border-radius: 8px;
  box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.4);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* min-height: 460px; */
  padding: 45px;
  background: rgba(0, 83, 165, 0.4);
}

.k-editor-toolbar {
  padding-bottom: 0 !important;
}
.k-editor-toolbar li {
  margin-bottom: 0.375rem;
}
.columnCenter {
  text-align: center;
}

.customClassCenter {
  text-align: center !important;
}
#header_main .sSwitch .sSwitchIcon,
#header_main .sSwitch .sSwitchIcon:after,
#header_main .sSwitch .sSwitchIcon:before {
  background: rgba(0, 0, 0, 0.54);
  color: rgba(0, 0, 0, 0.54);
}
#header_main .sSwitch:before {
  background: rgba(0, 0, 0, 0.54);
}
#header_main .uk-navbar .uk-navbar-nav > li > a {
  margin-top: 2px;
}
#header_main {
  background: #f5f5f5;
}
#sidebar_main .sidebar_main_header {
  background-image: none;
  /*background: #1e2129!important;
    background: #001652 !important;*/
}
.sidebar_mini #sidebar_main .sidebar_main_header {
  height: 88px;
}

.user_heading {
  /*background-image: url('../../assets/img/Image11.jpg');*/
  background-repeat: no-repeat;
  background-position: center center;
}
.element-status-danger {
  background: #e53935;
}
.element-status-success {
  background: #7cb342 !important;
}
.element-status {
  display: inherit;
  position: absolute;
  right: 0;
  top: 10px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #bdbdbd;
  border: 1px solid #fff;
}
.chat-content-area {
  position: relative;
}
.chat_box {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cg fill='%239C92AC' fill-opacity='.4' fill-rule='evenodd'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2h-3.74l1.17 2.34.45.9-.24.11V28a5 5 0 01-2.23 8.94l-.02.06a8 8 0 01-7.75 6h-20a8 8 0 01-7.74-6l-.02-.06A5 5 0 01-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0144.37-2zm-36.82 2a1 1 0 00-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 012.69 0l2.2 1.1a1 1 0 00.9 0l2.21-1.1a3 3 0 012.69 0l2.2 1.1a1 1 0 00.9 0l2.21-1.1a3 3 0 012.69 0l2.2 1.1a1 1 0 00.86.02l2.88-1.27a3 3 0 012.43 0l2.88 1.27a1 1 0 00.85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 01-2.56.06l-2.77-1.23a1 1 0 00-.4-.09h-.01a1 1 0 00-.4.09l-2.78 1.23a3 3 0 01-2.56-.06l-2.3-1.15a1 1 0 00-.45-.11h-.01a1 1 0 00-.44.1L.9 19.22a3 3 0 01-2.69 0l-2.2-1.1a1 1 0 00-.45-.11h-.01a1 1 0 00-.44.1l-2.21 1.11a3 3 0 01-2.69 0l-2.2-1.1a1 1 0 00-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0139.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 002.69 0l1.36-.68h2.59l1.36.68a3 3 0 002.69 0L2.26 23h2.59l1.36.68a3 3 0 002.56.06l1.67-.74h3.23l1.67.74a3 3 0 002.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 110 6h-34a3 3 0 110-6zm1.35 8a6 6 0 005.65 4h20a6 6 0 005.66-4H-13.1zM284.37 16c.2.65.39 1.32.54 2h-3.74l1.17 2.34.45.9-.24.11V28a5 5 0 01-2.23 8.94l-.02.06a8 8 0 01-7.75 6h-20a8 8 0 01-7.74-6l-.02-.06a5 5 0 01-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0144.37-2zm-36.82 2a1 1 0 00-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 012.69 0l2.2 1.1a1 1 0 00.9 0l2.21-1.1a3 3 0 012.69 0l2.2 1.1a1 1 0 00.9 0l2.21-1.1a3 3 0 012.69 0l2.2 1.1a1 1 0 00.86.02l2.88-1.27a3 3 0 012.43 0l2.88 1.27a1 1 0 00.85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 01-2.56.06l-2.77-1.23a1 1 0 00-.4-.09h-.01a1 1 0 00-.4.09l-2.78 1.23a3 3 0 01-2.56-.06l-2.3-1.15a1 1 0 00-.45-.11h-.01a1 1 0 00-.44.1l-2.21 1.11a3 3 0 01-2.69 0l-2.2-1.1a1 1 0 00-.45-.11h-.01a1 1 0 00-.44.1l-2.21 1.11a3 3 0 01-2.69 0l-2.2-1.1a1 1 0 00-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0139.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 002.69 0l1.36-.68h2.59l1.36.68a3 3 0 002.69 0l1.36-.68h2.59l1.36.68a3 3 0 002.56.06l1.67-.74h3.23l1.67.74a3 3 0 002.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 110 6h-34a3 3 0 110-6zm1.35 8a6 6 0 005.65 4h20a6 6 0 005.66-4H246.9zM159.5 21.02A9 9 0 00151 15h-42a9 9 0 00-8.5 6.02 6 6 0 00.02 11.96A8.99 8.99 0 00109 45h42a9 9 0 008.48-12.02 6 6 0 00.02-11.96zM151 17h-42a7 7 0 00-6.33 4h54.66a7 7 0 00-6.33-4zm-9.34 26a8.98 8.98 0 003.34-7h-2a7 7 0 01-7 7h-4.34a8.98 8.98 0 003.34-7h-2a7 7 0 01-7 7h-4.34a8.98 8.98 0 003.34-7h-2a7 7 0 01-7 7h-7a7 7 0 110-14h42a7 7 0 110 14h-9.34zM109 27a9 9 0 00-7.48 4H101a4 4 0 110-8h58a4 4 0 010 8h-.52a9 9 0 00-7.48-4h-42zM39 115a8 8 0 100-16 8 8 0 000 16zm6-8a6 6 0 11-12 0 6 6 0 0112 0zm-3-29v-2h8v-6H40a4 4 0 00-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 00-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38zM129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 004 0zm-6-.63V104h-4v16a10.04 10.04 0 004 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0011.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 00130 126zM212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 00-.56 9.65l.06.25 1.12 4.48a2 2 0 001.94 1.52h.01l7.02 24.55a2 2 0 001.92 1.45h4.98a2 2 0 001.92-1.45l7.02-24.55a2 2 0 001.95-1.52L224.5 96l.06-.25a5 5 0 00-.56-9.65V86a14 14 0 00-28 0zm4 0h6v2h-9a3 3 0 100 6h26a3 3 0 100-6h-3v-2h2a12 12 0 10-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 100-44 22 22 0 000 44zm24-22a24 24 0 11-48 0 24 24 0 0148 0zm-28.38 17.73l2.04-.87a6 6 0 014.68 0l2.04.87a2 2 0 002.5-.82l1.14-1.9a6 6 0 013.79-2.75l2.15-.5a2 2 0 001.54-2.12l-.19-2.2a6 6 0 011.45-4.46l1.45-1.67a2 2 0 000-2.62l-1.45-1.67a6 6 0 01-1.45-4.46l.2-2.2a2 2 0 00-1.55-2.13l-2.15-.5a6 6 0 01-3.8-2.75l-1.13-1.9a2 2 0 00-2.5-.8l-2.04.86a6 6 0 01-4.68 0l-2.04-.87a2 2 0 00-2.5.82l-1.14 1.9a6 6 0 01-3.79 2.75l-2.15.5a2 2 0 00-1.54 2.12l.19 2.2a6 6 0 01-1.45 4.46l-1.45 1.67a2 2 0 000 2.62l1.45 1.67a6 6 0 011.45 4.46l-.2 2.2a2 2 0 001.55 2.13l2.15.5a6 6 0 013.8 2.75l1.13 1.9a2 2 0 002.5.8zm2.82.97a4 4 0 013.12 0l2.04.87a4 4 0 004.99-1.62l1.14-1.9a4 4 0 012.53-1.84l2.15-.5a4 4 0 003.09-4.24l-.2-2.2a4 4 0 01.97-2.98l1.45-1.67a4 4 0 000-5.24l-1.45-1.67a4 4 0 01-.97-2.97l.2-2.2a4 4 0 00-3.09-4.25l-2.15-.5a4 4 0 01-2.53-1.84l-1.14-1.9a4 4 0 00-5-1.62l-2.03.87a4 4 0 01-3.12 0l-2.04-.87a4 4 0 00-4.99 1.62l-1.14 1.9a4 4 0 01-2.53 1.84l-2.15.5a4 4 0 00-3.09 4.24l.2 2.2a4 4 0 01-.97 2.98l-1.45 1.67a4 4 0 000 5.24l1.45 1.67a4 4 0 01.97 2.97l-.2 2.2a4 4 0 003.09 4.25l2.15.5a4 4 0 012.53 1.84l1.14 1.9a4 4 0 005 1.62l2.03-.87zM152 207a1 1 0 112 0 1 1 0 01-2 0zm6 2a1 1 0 112 0 1 1 0 01-2 0zm-11 1a1 1 0 112 0 1 1 0 01-2 0zm-6 0a1 1 0 112 0 1 1 0 01-2 0zm3-5a1 1 0 112 0 1 1 0 01-2 0zm-8 8a1 1 0 112 0 1 1 0 01-2 0zm3 6a1 1 0 112 0 1 1 0 01-2 0zm0 6a1 1 0 112 0 1 1 0 01-2 0zm4 7a1 1 0 112 0 1 1 0 01-2 0zm5-2a1 1 0 112 0 1 1 0 01-2 0zm5 4a1 1 0 112 0 1 1 0 01-2 0zm4-6a1 1 0 112 0 1 1 0 01-2 0zm6-4a1 1 0 112 0 1 1 0 01-2 0zm-4-3a1 1 0 112 0 1 1 0 01-2 0zm4-3a1 1 0 112 0 1 1 0 01-2 0zm-5-4a1 1 0 112 0 1 1 0 01-2 0zm-24 6a1 1 0 112 0 1 1 0 01-2 0zm16 5a5 5 0 100-10 5 5 0 000 10zm7-5a7 7 0 11-14 0 7 7 0 0114 0zm86-29a1 1 0 000 2h2a1 1 0 000-2h-2zm19 9a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm-14 5a1 1 0 000 2h2a1 1 0 000-2h-2zm-25 1a1 1 0 000 2h2a1 1 0 000-2h-2zm5 4a1 1 0 000 2h2a1 1 0 000-2h-2zm9 0a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm15 1a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm12-2a1 1 0 000 2h2a1 1 0 000-2h-2zm-11-14a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm-19 0a1 1 0 000 2h2a1 1 0 000-2h-2zm6 5a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 01-1.7-8 3.99 3.99 0 011.88-5.18 5 5 0 013.4-6.22 3 3 0 011.46-1.05 5 5 0 017.76-3.27A30.86 30.86 0 01246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 017.76 3.27 3 3 0 011.47 1.05 5 5 0 013.4 6.22 4 4 0 011.87 5.18 4.98 4.98 0 01-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 00-.62 3.57 3 3 0 01-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 01-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 01-.07-4.67 3 3 0 001.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 10-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 00-1.11-.77 3 3 0 014-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 014.01 2 3 3 0 00-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 10-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 001.57-1.99 3 3 0 01-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 01-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 01-.6 4.2zM275 214a29 29 0 00-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 007.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 01-2 2 2 2 0 01-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 006.19 2.4A13.94 13.94 0 0184 185v24a6 6 0 01-6 6h-3v9a5 5 0 11-10 0v-9h-3a6 6 0 01-6-6v-24a14 14 0 0114-14 5 5 0 005 5zm-17 15v12a1.99 1.99 0 001.22 1.84 2 2 0 002.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 01-5.35 3.77 3.98 3.98 0 01-.65-.3V209a4 4 0 004 4h16a4 4 0 004-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 01-5.2-3 7 7 0 01-6.47-4.88A12 12 0 0058 185v6zm9 24v9a3 3 0 106 0v-9h-6zM-17 191a1 1 0 000 2h2a1 1 0 000-2h-2zm19 9a1 1 0 011-1h2a1 1 0 010 2H3a1 1 0 01-1-1zm-14 5a1 1 0 000 2h2a1 1 0 000-2h-2zm-25 1a1 1 0 000 2h2a1 1 0 000-2h-2zm5 4a1 1 0 000 2h2a1 1 0 000-2h-2zm9 0a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm15 1a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm12-2a1 1 0 000 2h2a1 1 0 000-2H4zm-11-14a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm-19 0a1 1 0 000 2h2a1 1 0 000-2h-2zm6 5a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 01-1.7-8 3.99 3.99 0 011.88-5.18 5 5 0 013.4-6.22 3 3 0 011.46-1.05 5 5 0 017.76-3.27A30.86 30.86 0 01-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 017.76 3.27 3 3 0 011.47 1.05 5 5 0 013.4 6.22 4 4 0 011.87 5.18 4.98 4.98 0 01-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 00-.62 3.57 3 3 0 01-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 01-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 01-.07-4.67 3 3 0 001.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 10-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 00-1.11-.77 3 3 0 014-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 014.01 2 3 3 0 00-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 10-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 001.57-1.99 3 3 0 01-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 01-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 01-.6 4.2zM15 214a29 29 0 00-57.97 0h57.96z'/%3E%3C/g%3E%3C/svg%3E");
}
.chat__bg {
  height: 100%;
  background-color: #dfdbe5;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cg fill='%239C92AC' fill-opacity='.4' fill-rule='evenodd'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2h-3.74l1.17 2.34.45.9-.24.11V28a5 5 0 01-2.23 8.94l-.02.06a8 8 0 01-7.75 6h-20a8 8 0 01-7.74-6l-.02-.06A5 5 0 01-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0144.37-2zm-36.82 2a1 1 0 00-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 012.69 0l2.2 1.1a1 1 0 00.9 0l2.21-1.1a3 3 0 012.69 0l2.2 1.1a1 1 0 00.9 0l2.21-1.1a3 3 0 012.69 0l2.2 1.1a1 1 0 00.86.02l2.88-1.27a3 3 0 012.43 0l2.88 1.27a1 1 0 00.85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 01-2.56.06l-2.77-1.23a1 1 0 00-.4-.09h-.01a1 1 0 00-.4.09l-2.78 1.23a3 3 0 01-2.56-.06l-2.3-1.15a1 1 0 00-.45-.11h-.01a1 1 0 00-.44.1L.9 19.22a3 3 0 01-2.69 0l-2.2-1.1a1 1 0 00-.45-.11h-.01a1 1 0 00-.44.1l-2.21 1.11a3 3 0 01-2.69 0l-2.2-1.1a1 1 0 00-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0139.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 002.69 0l1.36-.68h2.59l1.36.68a3 3 0 002.69 0L2.26 23h2.59l1.36.68a3 3 0 002.56.06l1.67-.74h3.23l1.67.74a3 3 0 002.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 110 6h-34a3 3 0 110-6zm1.35 8a6 6 0 005.65 4h20a6 6 0 005.66-4H-13.1zM284.37 16c.2.65.39 1.32.54 2h-3.74l1.17 2.34.45.9-.24.11V28a5 5 0 01-2.23 8.94l-.02.06a8 8 0 01-7.75 6h-20a8 8 0 01-7.74-6l-.02-.06a5 5 0 01-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0144.37-2zm-36.82 2a1 1 0 00-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 012.69 0l2.2 1.1a1 1 0 00.9 0l2.21-1.1a3 3 0 012.69 0l2.2 1.1a1 1 0 00.9 0l2.21-1.1a3 3 0 012.69 0l2.2 1.1a1 1 0 00.86.02l2.88-1.27a3 3 0 012.43 0l2.88 1.27a1 1 0 00.85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 01-2.56.06l-2.77-1.23a1 1 0 00-.4-.09h-.01a1 1 0 00-.4.09l-2.78 1.23a3 3 0 01-2.56-.06l-2.3-1.15a1 1 0 00-.45-.11h-.01a1 1 0 00-.44.1l-2.21 1.11a3 3 0 01-2.69 0l-2.2-1.1a1 1 0 00-.45-.11h-.01a1 1 0 00-.44.1l-2.21 1.11a3 3 0 01-2.69 0l-2.2-1.1a1 1 0 00-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0139.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 002.69 0l1.36-.68h2.59l1.36.68a3 3 0 002.69 0l1.36-.68h2.59l1.36.68a3 3 0 002.56.06l1.67-.74h3.23l1.67.74a3 3 0 002.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 110 6h-34a3 3 0 110-6zm1.35 8a6 6 0 005.65 4h20a6 6 0 005.66-4H246.9zM159.5 21.02A9 9 0 00151 15h-42a9 9 0 00-8.5 6.02 6 6 0 00.02 11.96A8.99 8.99 0 00109 45h42a9 9 0 008.48-12.02 6 6 0 00.02-11.96zM151 17h-42a7 7 0 00-6.33 4h54.66a7 7 0 00-6.33-4zm-9.34 26a8.98 8.98 0 003.34-7h-2a7 7 0 01-7 7h-4.34a8.98 8.98 0 003.34-7h-2a7 7 0 01-7 7h-4.34a8.98 8.98 0 003.34-7h-2a7 7 0 01-7 7h-7a7 7 0 110-14h42a7 7 0 110 14h-9.34zM109 27a9 9 0 00-7.48 4H101a4 4 0 110-8h58a4 4 0 010 8h-.52a9 9 0 00-7.48-4h-42zM39 115a8 8 0 100-16 8 8 0 000 16zm6-8a6 6 0 11-12 0 6 6 0 0112 0zm-3-29v-2h8v-6H40a4 4 0 00-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 00-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38zM129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 004 0zm-6-.63V104h-4v16a10.04 10.04 0 004 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0011.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 00130 126zM212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 00-.56 9.65l.06.25 1.12 4.48a2 2 0 001.94 1.52h.01l7.02 24.55a2 2 0 001.92 1.45h4.98a2 2 0 001.92-1.45l7.02-24.55a2 2 0 001.95-1.52L224.5 96l.06-.25a5 5 0 00-.56-9.65V86a14 14 0 00-28 0zm4 0h6v2h-9a3 3 0 100 6h26a3 3 0 100-6h-3v-2h2a12 12 0 10-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 100-44 22 22 0 000 44zm24-22a24 24 0 11-48 0 24 24 0 0148 0zm-28.38 17.73l2.04-.87a6 6 0 014.68 0l2.04.87a2 2 0 002.5-.82l1.14-1.9a6 6 0 013.79-2.75l2.15-.5a2 2 0 001.54-2.12l-.19-2.2a6 6 0 011.45-4.46l1.45-1.67a2 2 0 000-2.62l-1.45-1.67a6 6 0 01-1.45-4.46l.2-2.2a2 2 0 00-1.55-2.13l-2.15-.5a6 6 0 01-3.8-2.75l-1.13-1.9a2 2 0 00-2.5-.8l-2.04.86a6 6 0 01-4.68 0l-2.04-.87a2 2 0 00-2.5.82l-1.14 1.9a6 6 0 01-3.79 2.75l-2.15.5a2 2 0 00-1.54 2.12l.19 2.2a6 6 0 01-1.45 4.46l-1.45 1.67a2 2 0 000 2.62l1.45 1.67a6 6 0 011.45 4.46l-.2 2.2a2 2 0 001.55 2.13l2.15.5a6 6 0 013.8 2.75l1.13 1.9a2 2 0 002.5.8zm2.82.97a4 4 0 013.12 0l2.04.87a4 4 0 004.99-1.62l1.14-1.9a4 4 0 012.53-1.84l2.15-.5a4 4 0 003.09-4.24l-.2-2.2a4 4 0 01.97-2.98l1.45-1.67a4 4 0 000-5.24l-1.45-1.67a4 4 0 01-.97-2.97l.2-2.2a4 4 0 00-3.09-4.25l-2.15-.5a4 4 0 01-2.53-1.84l-1.14-1.9a4 4 0 00-5-1.62l-2.03.87a4 4 0 01-3.12 0l-2.04-.87a4 4 0 00-4.99 1.62l-1.14 1.9a4 4 0 01-2.53 1.84l-2.15.5a4 4 0 00-3.09 4.24l.2 2.2a4 4 0 01-.97 2.98l-1.45 1.67a4 4 0 000 5.24l1.45 1.67a4 4 0 01.97 2.97l-.2 2.2a4 4 0 003.09 4.25l2.15.5a4 4 0 012.53 1.84l1.14 1.9a4 4 0 005 1.62l2.03-.87zM152 207a1 1 0 112 0 1 1 0 01-2 0zm6 2a1 1 0 112 0 1 1 0 01-2 0zm-11 1a1 1 0 112 0 1 1 0 01-2 0zm-6 0a1 1 0 112 0 1 1 0 01-2 0zm3-5a1 1 0 112 0 1 1 0 01-2 0zm-8 8a1 1 0 112 0 1 1 0 01-2 0zm3 6a1 1 0 112 0 1 1 0 01-2 0zm0 6a1 1 0 112 0 1 1 0 01-2 0zm4 7a1 1 0 112 0 1 1 0 01-2 0zm5-2a1 1 0 112 0 1 1 0 01-2 0zm5 4a1 1 0 112 0 1 1 0 01-2 0zm4-6a1 1 0 112 0 1 1 0 01-2 0zm6-4a1 1 0 112 0 1 1 0 01-2 0zm-4-3a1 1 0 112 0 1 1 0 01-2 0zm4-3a1 1 0 112 0 1 1 0 01-2 0zm-5-4a1 1 0 112 0 1 1 0 01-2 0zm-24 6a1 1 0 112 0 1 1 0 01-2 0zm16 5a5 5 0 100-10 5 5 0 000 10zm7-5a7 7 0 11-14 0 7 7 0 0114 0zm86-29a1 1 0 000 2h2a1 1 0 000-2h-2zm19 9a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm-14 5a1 1 0 000 2h2a1 1 0 000-2h-2zm-25 1a1 1 0 000 2h2a1 1 0 000-2h-2zm5 4a1 1 0 000 2h2a1 1 0 000-2h-2zm9 0a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm15 1a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm12-2a1 1 0 000 2h2a1 1 0 000-2h-2zm-11-14a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm-19 0a1 1 0 000 2h2a1 1 0 000-2h-2zm6 5a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 01-1.7-8 3.99 3.99 0 011.88-5.18 5 5 0 013.4-6.22 3 3 0 011.46-1.05 5 5 0 017.76-3.27A30.86 30.86 0 01246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 017.76 3.27 3 3 0 011.47 1.05 5 5 0 013.4 6.22 4 4 0 011.87 5.18 4.98 4.98 0 01-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 00-.62 3.57 3 3 0 01-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 01-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 01-.07-4.67 3 3 0 001.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 10-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 00-1.11-.77 3 3 0 014-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 014.01 2 3 3 0 00-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 10-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 001.57-1.99 3 3 0 01-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 01-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 01-.6 4.2zM275 214a29 29 0 00-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 007.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 01-2 2 2 2 0 01-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 006.19 2.4A13.94 13.94 0 0184 185v24a6 6 0 01-6 6h-3v9a5 5 0 11-10 0v-9h-3a6 6 0 01-6-6v-24a14 14 0 0114-14 5 5 0 005 5zm-17 15v12a1.99 1.99 0 001.22 1.84 2 2 0 002.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 01-5.35 3.77 3.98 3.98 0 01-.65-.3V209a4 4 0 004 4h16a4 4 0 004-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 01-5.2-3 7 7 0 01-6.47-4.88A12 12 0 0058 185v6zm9 24v9a3 3 0 106 0v-9h-6zM-17 191a1 1 0 000 2h2a1 1 0 000-2h-2zm19 9a1 1 0 011-1h2a1 1 0 010 2H3a1 1 0 01-1-1zm-14 5a1 1 0 000 2h2a1 1 0 000-2h-2zm-25 1a1 1 0 000 2h2a1 1 0 000-2h-2zm5 4a1 1 0 000 2h2a1 1 0 000-2h-2zm9 0a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm15 1a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm12-2a1 1 0 000 2h2a1 1 0 000-2H4zm-11-14a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm-19 0a1 1 0 000 2h2a1 1 0 000-2h-2zm6 5a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 01-1.7-8 3.99 3.99 0 011.88-5.18 5 5 0 013.4-6.22 3 3 0 011.46-1.05 5 5 0 017.76-3.27A30.86 30.86 0 01-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 017.76 3.27 3 3 0 011.47 1.05 5 5 0 013.4 6.22 4 4 0 011.87 5.18 4.98 4.98 0 01-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 00-.62 3.57 3 3 0 01-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 01-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 01-.07-4.67 3 3 0 001.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 10-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 00-1.11-.77 3 3 0 014-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 014.01 2 3 3 0 00-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 10-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 001.57-1.99 3 3 0 01-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 01-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 01-.6 4.2zM15 214a29 29 0 00-57.97 0h57.96z'/%3E%3C/g%3E%3C/svg%3E");
}
ul.bordered-items > li:not(:last-of-type):not([class*="shadow"]) {
  border-bottom: 1px solid #dae1e7;
}
.p-4 {
  padding: 1rem !important;
}
.relative {
  position: relative !important;
}
.inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.break-words {
  overflow-wrap: break-word !important;
}
.shadow-md {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
}
.relative {
  position: relative !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.max-w-sm {
  max-width: 30rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.border {
  border-width: 1px !important;
}

.items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.sm\:mr-5 {
  margin-right: 1.25rem !important;
}
.shadow {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.contact__avatar {
  margin-right: 0.75rem;
}
.users-list {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  padding: 5px 10px;
}
.users-list img {
  width: 30px;
  height: 30px;
  display: inline;
}
.users-list .k-state-default p {
  position: relative;
  margin-left: 20px;
  font-weight: 600;
}
.uk-modal-dialog {
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px;
}

.uk-notify {
  z-index: 99999999;
}
.uk-modal-dialog {
  padding: 0 24px !important;
}
.formHeader {
  border-bottom: 2px solid rgb(240 242 245 / 1);
  border-radius: 10px 10px 0 0;
  color: white;
  font-weight: bold;
  line-height: 19px;
  padding: 5px 12px !important;
  margin: 0 -24px;
  background: #2563eb !important;
}
.formFooter {
  border-top: 2px solid rgb(240 242 245 / 1);
  border-radius: 3px 3px 0 0;
  color: #1d2129;
  /* font-weight: bold;*/
  line-height: 19px;
  padding: 8px 12px !important;
  margin: 0 -24px;
}
.formHeader .uk-close:after {
  color: rgb(245 245 245) !important;
}
.formHeader h3 {
  line-height: 30px;
}
.formHeaderSpecial {
  border-bottom: 2px solid rgb(240 242 245 / 1);
  border-radius: 10px 10px 0 0;
  color: black;
  font-weight: bold;
  line-height: 19px;
  padding: 5px 12px !important;
  margin: 10px -24px;
  background: #ffffff !important;
  vertical-align: center;
}

.md-btn-primary,
.md-btn-primary.uk-active,
.md-btn-primary:active,
.md-btn-primary:focus,
.md-btn-primary:hover {
  background: #4f46e5 !important;
  color: #fff;
}
.tox-tinymce-aux {
  z-index: 1000000 !important;
}
#header_main .sSwitch .sSwitchIcon,
#header_main .sSwitch .sSwitchIcon:after,
#header_main .sSwitch .sSwitchIcon:before {
  transform: none !important;
  top: 6px !important;
  width: 100% !important;
}

#header_main .sSwitch .sSwitchIcon,
#header_main .sSwitch .sSwitchIcon:after,
#header_main .sSwitch .sSwitchIcon:after {
  transform: none !important;
  top: -6px !important;
  width: 100% !important;
}

#header_main .sSwitch {
  margin: 16px 0 0;
}
#header_main .sSwitch:before {
  content: none;
}
#header_main .sSwitch .sSwitchIcon,
#header_main .sSwitch .sSwitchIcon:after,
#header_main .sSwitch .sSwitchIcon:before {
  background: rgba(0, 0, 0, 0.54);
  color: rgba(0, 0, 0, 0.54);
}
#header_main .sSwitch:before {
  background: rgba(0, 0, 0, 0.54);
}

.flex-row-reverse {
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-row,
.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
}
.text-white {
  color: #fff !important;
}
.bg-primary-gradient {
  background: linear-gradient(118deg, rgba(31, 116, 255, 1), rgba(31, 116, 255, 0.7)) !important;
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.border-white {
  border-color: #fff !important;
}
.con-vs-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin: 5px;
}
.rounded-lg {
  border-radius: 0.5rem !important;
}
.vs-avatar--con-img {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.rounded {
  border-radius: 0.25rem !important;
}
.border-grey-light {
  border-color: #dae1e7 !important;
}
.bg-white {
  background-color: #fff !important;
}
.con-vs-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin: 5px;
}
.border-white {
  border-color: #fff !important;
}
.w-full {
  width: 100% !important;
}
.mx-5 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.fontMont {
  font-family: Montserrat, Helvetica, Arial, sans-serif !important;
  font-weight: 400;
}
.cursor-pointer {
  cursor: pointer !important;
}
.chat-scroll-area .chat__contact {
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
.h-16 {
  height: 4rem !important;
}
.w-16 {
  width: 4rem !important;
}
.border-white {
  border-color: #fff !important;
}
.border-2 {
  border-width: 2px !important;
}
.px-4 {
  padding-left: 2rem !important;
  padding-right: 1rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.text-primary {
  color: rgba(115, 103, 240, 1) !important;
}
.con-vs-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin: 5px;
}
.vs-avatar--con-img {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.chat__contact:hover {
  background-color: #eee;
}
ol,
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.bordered-items > li:not(:last-of-type):not([class*="shadow"]) {
  border-bottom: 1px solid #dae1e7;
}
.shadow-lg {
  -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08) !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.bg-primary-gradient {
  background: linear-gradient(118deg, rgba(115, 103, 240, 1), rgba(115, 103, 240, 0.7)) !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.w-full {
  width: 100% !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.justify-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.w-5\/6 {
  width: 83.33333% !important;
}
.flex-col,
.flex-col-reverse {
  -webkit-box-orient: vertical !important;
}
.flex-col {
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.text-white {
  color: #fff !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.w-1\/6 {
  width: 16.66667% !important;
}
.self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.whitespace-no-wrap {
  white-space: nowrap !important;
}

.app-page.navbar-floating .app-fixed-height {
  height: calc(100vh - 11.5rem);
}
.justify-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.flex-col,
.flex-col-reverse {
  -webkit-box-orient: vertical !important;
}
.flex-col {
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.shadow-md {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
}
.relative {
  position: relative !important;
}
.p-8 {
  padding: 2rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.rounded-full {
  border-radius: 9999px !important;
}
.bg-white {
  /* background-color: #fff!important;*/
}

.feather-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.shadow-md {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.rounded-full {
  border-radius: 9999px !important;
}

#modal_audit label {
  display: block;
  padding-bottom: 0.3em;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  color: #444;
}

span.k-widget.k-tooltip-validation {
  display: inline-block;
  width: 160px;
  text-align: left;
  border: 0;
  padding: 0;
  margin: 8px 0 0 0;
  background: none;
  box-shadow: none;
  color: red;
}

.k-tooltip-validation .k-warning {
  display: none;
}
.wizard > .steps {
  float: left;
  width: 25%;
  background: #2196f3;
}
.uk-file-upload {
  border: 1px solid #ddd;
}
.wizard > .steps > ul > li {
  float: left;
  width: 100%;
}

.wizard > .content {
  float: left;
  border-left: 1px solid #ddd;
}
.wizard > .steps .title {
  font-size: 13px;
}

.wizard > .steps .title {
  display: inline-block;
  padding-left: 40px;
  vertical-align: top;
  white-space: normal;
}

.wizard > .steps .number {
  font-size: 16px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-top: -14px;
}

.wizard > .steps > ul > li a,
.wizard > .steps > ul > li a:active,
.wizard > .steps > ul > li a:hover {
  padding: 13px 16px;
}
#sidebar_main .sidebar_main_header {
  border-bottom: none;
}
.wizard > .content > .body {
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.k-widget.k-tooltip-validation {
  float: left;
}
.sidebar_logo {
  text-align: center;
}
.sidebar_logo a {
  margin-left: 0px !important;
}
.cellRight {
  display: block;
  text-align: right;
  font-weight: bold;
}
/*.sidebar_main_header{
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}*/

body {
  background: rgba(241, 245, 249, 1);
  padding-top: 59px;
}
#page_content_inner {
  padding: 24px;
}

#sidebar_main {
  background-color: #2d323e !important;
}

#sidebar_main a span {
  color: #fff;
}
#sidebar_main a span i {
  color: #fff;
}

#sidebar_main .menu_section > ul > li ul a {
  color: #fff;
  background: rgba(0, 0, 0, 0.12);
}

#sidebar_main .menu_section > ul > li ul li.act_item a {
  color: #fff;
  background: #039be5 !important;
}

#sidebar_main .menu_section > ul > li.current_section > a {
  color: #fff;
  background: #039be5 !important;
}
#sidebar_main .menu_section > ul > li.current_section > a {
  color: #fff;
  background: none !important;
}
#sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a {
  background: none !important;
}
#sidebar_main .menu_section > ul > li.current_section > a {
  color: #fff !important;
  background: #039be5 !important;
}
#sidebar_main .menu_section > ul > li.current_section > a > .menu_icon .material-icons {
  color: #fff;
}
#sidebar_main .menu_section > ul > li.current_section > a .menu_title {
  color: #fff !important;
}
/*.header_double_height:after {
    background: #1b29d0;
}*/

#header_main {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
#header_main .uk-navbar .uk-navbar-nav > li > a:after {
  bottom: 5px;
}
#header_main .uk-navbar .uk-navbar-nav > li > a:after {
  border: 10px solid transparent;
  margin-left: -10px;
}
.selectize-control.single .selectize-input {
  padding: 8px 0 0 0;
}

.k-multiselect-wrap .k-select {
  position: relative !important;
}

.k-pager-numbers .k-state-selected,
.k-pager-numbers .k-state-selected:hover {
  cursor: pointer;
}
.k-grid-content tr:last-child td,
.k-grid-content-locked tr:last-child td {
  border-bottom-width: 1px !important;
}

.k-content,
.k-editor,
.k-listbox .k-list-scroller,
.k-notification,
.k-scheduler-agendaview tr.k-state-hover .k-scheduler-datecolumn,
.k-scheduler-agendaview tr:hover .k-scheduler-datecolumn,
.k-scheduler-agendaview tr:hover .k-scheduler-groupcolumn,
.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
  border-color: rgba(33, 37, 41, 0.125);
  color: #dde2e7;
}

.k-editor .k-editable-area .k-content {
  border-width: 0 !important;
}
.k-editor-toolbar {
  border-color: rgba(33, 37, 41, 0.125) !important;
}

.titleHeader {
  font-weight: bold !important;
  text-align: center !important;
}
.columnCenter {
  vertical-align: middle !important;
  white-space: normal !important;
  text-align: center !important;
}
.row-number {
  display: inline-block;
  width: 100%;
  font-weight: bold !important;
  text-align: center !important;
}
.valign td {
  vertical-align: middle !important;
}
.uk-table-bsr.uk-table td,
.uk-table-bsr.uk-table th {
  border-top: none;
  border-left: none;
  border-right: none;
}
.uk-table td,
.uk-table th {
  vertical-align: middle;
}
.uk-table {
  border: 1px solid #ddd;
}
.note {
  position: relative;
  width: 30%;
  padding: 1em 1.5em;
  margin: 2em auto;
  color: #000000;
  background: #f2f2f2;
  overflow: hidden;
  height: 120px;
}

.note:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 0px 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #ddd #ddd;
  background: #658e15;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), -1px 1px 1px rgba(0, 0, 0, 0.1);
  transform: rotate(90deg);
  display: block;
  width: 0;
}
.leftHeader {
  font-weight: bold !important;
}

/*.k-grid-content-locked {
  height: auto !important;
}*/
.k-grid .k-grid-content,
.k-grid .k-grid-content-locked,
.k-grid .k-grid-header-locked,
.k-grid td {
  border-color: rgba(33, 37, 41, 0.125);
}
.k-tabstrip-items-wrapper .k-item {
  color: #4f46e5 !important;
}
.k-tabstrip-items-wrapper .k-item.k-state-hover,
.k-tabstrip-items-wrapper .k-item:hover {
  color: #ff6358 !important;
}
.k-grid tr td {
  border-width: 0 0 1px 0px;
  border-style: solid;
}
.k-filtercell > span > .k-button {
  display: none !important;
}
.k-filter-row .k-dropdown-operator {
  right: 0px !important;
}
/* .iconBtn .k-grid-view {
  min-width: 35px !important;
  padding: 5px 0 !important;
}
.iconBtn .k-grid-edit {
  min-width: 35px !important;
}
.iconBtn .k-grid-custom {
  min-width: 35px !important;
  padding: 5px 0 !important;
}
.iconBtn .k-grid-remove-command {
  min-width: 35px !important;
  margin-right: -5px !important;
} */
.k-i-delete {
  margin-right: -5px !important;
}

.k-filtercell > span > .k-button {
  display: none !important;
}
.k-filter-row .k-dropdown-operator {
  right: 0 !important;
}
.iconBtn .k-grid-update {
  min-width: 35px !important;
  padding: 5px 0 !important;
}
.iconBtn .k-grid-cancel {
  min-width: 35px !important;
  padding: 5px 0 !important;
}
.iconBtn .k-i-cancel {
  margin-right: -5px !important;
}
.iconBtn .k-i-check {
  margin-right: -5px !important;
}
.iconBtn .k-i-edit {
  margin-right: -5px !important;
}
.iconBtn .k-i-close:before {
  content: "\e10c" !important;
}
.k-grid tbody td > .k-grid-custom {
  margin-top: -0.2em;
  margin-bottom: -0.2em;
  min-width: 40px !important;
  padding: 5px 0 !important;
}

.k-autocomplete,
.k-block,
.k-button,
.k-calendar .k-link,
.k-calendar td,
.k-calendar-container,
.k-colorpicker,
.k-combobox,
.k-datepicker,
.k-datetimepicker,
.k-drag-clue,
.k-dropdown,
.k-dropdown-wrap,
.k-editor-inline,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-inline-block,
.k-list-container,
.k-multiselect,
.k-notification,
.k-numeric-wrap,
.k-numerictextbox,
.k-picker-wrap,
.k-slider-selection,
.k-slider-track,
.k-split-button,
.k-textbox,
.k-tile,
.k-timepicker,
.k-tooltip,
.k-touch-scrollbar,
.k-treeview .k-in,
.k-upload,
.k-window,
.k-window-action,
.k-window-titleless .k-window-content {
  border-radius: 0 !important;
}
.k-grid .k-table-thead td {
  padding: 3px !important;
}
.k-command-cell{
  padding: 3px !important;
}
.k-gantt-tables td {
  padding: 0 !important;
}
.k-button.k-grid-remove-command {
  color: #e46969;
  border: none;
  background: transparent;
  box-shadow: none;
}

#sidebar_main .menu_section > ul > li > a > .menu_icon {
  width: 35px;
}
.sidebar_menu #sidebar_main .menu_section > ul > li > a > .menu_icon {
  width: 100% !important;
  height: 100 !important;
  flex-direction: column;
  display: flex !important;
}

#sidebar_main .menu_section > ul > li > a > .menu_icon .material-icons {
  font-size: 20px;
}
.sidebar_mini #header_main,
.sidebar_mini #page_content,
.sidebar_mini #top_bar {
  margin-left: 0;
}
.sidebar_mini #sidebar_main .menu_section > ul > li > a .menu_icon {
  display: inline-table;
  height: 100% !important;
  color: inherit;
}
.sidebar_mini #sidebar_main .menu_section > ul > li > a > .menu_icon .material-icons {
  font-size: 28px !important;
  color: inherit !important;
}

.btnWidth {
  min-width: 35px !important;
}

.k-tabstrip-next {
  display: block;
  right: 0;
  float: right !important;
  left: auto !important;
}

.selectize-control.single {
  height: inherit !important;
}

.uk-notify-bottom-center,
.uk-notify-top-center {
  margin-left: -205px !important;
}

#breadcrumbs > li a,
#breadcrumbs > li span {
  font-size: 12px !important;
}

#sidebar_main .menu_section > ul > li > a {
  font-size: 12px !important;
  padding: 0 !important;
  display: block !important;
  height: 96px !important;
  text-align: center !important;
}
.sidebar_mini #sidebar_main .menu_section > ul > li > a {
  font-size: 14px !important;
  padding: 10px !important;
  display: block !important;
  height: 100% !important;
  text-align: center !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: 400;
}

.sidebar_mini #sidebar_main {
  width: 110px !important;
  position: fixed;
}

#sidebar_main .menu_section > ul > li ul a {
  padding: 8px 10px 8px 58px;
  font-size: 12px;
}
#sidebar_main .menu_section ul > li {
  cursor: pointer;
}

input[type="text"][disabled="disabled"] {
  color: black;
  background-color: #dddddd;
}
.user_heading_avatar .thumbnail {
  width: 182px !important;
  height: 182px !important;
  border-radius: 0 !important;
  border: 1px solid #ddd;
}
.user_heading_avatar .btn-file {
  top: 160px !important;
}

.mfa-form-row {
  border-radius: 4px;
  background: #fff;
  border: #e5e5ee 1px solid !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

#sidebar_main .menu_section > ul > li.submenu_trigger > a:before {
  color: #fff !important;
}

#header_main {
  background: #fff;
}
#header_main {
  -webkit-box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13);
  box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13);
  /*box-shadow: 0 2px 1px -1px rgba(0,0,0,.13), 0 1px 1px 0 rgba(0,0,0,.13), 0 1px 3px 0 rgba(0,0,0,.13);*/
}
#header_main .uk-navbar .uk-navbar-nav > li > a:after {
  bottom: 5px;
}
#header_main .uk-navbar .uk-navbar-nav > li > a:after {
  border: 10px solid transparent;
}

#sidebar_main {
  background: linear-gradient(180deg, #2563eb 0%, #1e3a8a 100%) !important;
  /* background: linear-gradient(#004C8A, #001652); */
  box-shadow: 0px 10px 20px -2px rgba(86, 61, 124, 0.13), 0px 10px 20px 0px rgba(86, 61, 124, 0.13), 0px 10px 20px 0px rgba(86, 61, 124, 0.13);
}

/*#sidebar_main .menu_section>ul>li.submenu_trigger li ul{
    margin-left: 0 !important;
}*/
#sidebar_main .menu_section > ul > li.submenu_trigger li ul {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
#sidebar_main a span {
  color: #fff;
}
.sidebar_mini #sidebar_main a span.icon_label {
  font-size: 11px;
  text-align: center !important;
  display: inline-block;
  line-height: 13px;
  margin-top: 10px;
  color: inherit;
  font-weight: 400;
  max-height: 24px;
  overflow: hidden;
}
#sidebar_main a span i {
  color: #fff;
}

#sidebar_main .menu_section > ul > li ul a {
  color: #fff;
  background: rgba(0, 0, 0, 0.12);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

#sidebar_main .menu_section > ul > li ul li.act_item a {
  color: #fff;
  /*  background: #0062cc!important;*/
  background-color: rgba(255, 255, 255, 0.12) !important;
  /*background: #003B6D !important;*/
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

#sidebar_main .menu_section > ul > li.current_section > a {
  color: #fff;
  /* background: #0062cc!important; */
  background: #003b6d !important;
  /* border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
}
#sidebar_main .menu_section > ul > li.current_section > a {
  color: #fff;
  background: none !important;
}
.sidebar_mini #sidebar_main .menu_section > ul > li.current_section > a,
.sidebar_mini #sidebar_main .menu_section > ul > li > a:hover,
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a,
.sidebar_mini #sidebar_main .menu_section > ul > li.miniSidebarActive {
  background: rgba(33, 33, 33, 0.3) !important;
  color: #f3c30e !important;
}
.sidebar_mini #sidebar_main .menu_section > ul > li.current_section > a .custom-icon,
.sidebar_mini #sidebar_main .menu_section > ul > li > a:hover .custom-icon,
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a .custom-icon {
  background-color: #f3c30e !important;
}
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu {
  background: transparent;
}
.sidebar_mini #sidebar_main .menu_section > ul > li.current_section > a:before,
.sidebar_mini #sidebar_main .menu_section > ul > li > a:hover:before,
.sidebar_mini #sidebar_main .menu_section > ul > li:hover.sidebar_submenu > a:before {
  content: "";
  height: 76px !important;
  width: 4px !important;
  background: #f3c30e !important;
  border-radius: 0px 5px 5px 0px;
  position: absolute;
  left: 0;
}
.sidebar_mini #sidebar_main .menu_section > ul > li > ul {
  left: 110px;
  border: none;
}
.sidebar_mini #sidebar_main .menu_section > ul > li ul a {
  background: #fff;
  color: #212121;
  position: relative;
}
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_logo {
  height: 88px;
}
.sidebar_mini #sidebar_main .sidebar_main_header .sidebar_logo a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  padding: 0;
  box-sizing: content-box;
}
.sidebar_mini #sidebar_main .menu_section > ul > li.sidebar_submenu > a:before {
  display: none;
}
.sidebar_mini #sidebar_main .menu_section ul {
  border-top: 3px solid rgba(255, 255, 255, 0.3);
}
.sidebar_mini #sidebar_main .menu_section > ul > li > ul li {
  width: 300px;
}
.leftMenu .scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
  left: 100px !important;
}
.sidebar_mini #sidebar_main .menu_section > ul > li.sidebar_submenu > a:before {
  top: auto;
}
.sidebar_mini #sidebar_main .menu_section > ul > li ul a::after {
  content: "";
  border: solid #212121;
  border-width: 2px 0px 0px 2px;
  display: inline-block;
  padding: 2px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-right: 10px;
  position: absolute;
  right: 10px;
  top: 40%;
}
.sidebar_mini #sidebar_main .menu_section > ul > li ul a:hover,
.sidebar_mini #sidebar_main .menu_section > ul > li ul li.act_item a {
  text-decoration: underline;
  color: #002060;
  font-weight: 600;
}
.sidebar_mini #sidebar_main .menu_section > ul > li ul a:hover::before,
.sidebar_mini #sidebar_main .menu_section > ul > li ul li.act_item a::before {
  color: #002060;
}

.sidebar_mini #sidebar_main .menu_section > ul > li > a:hover .menu_icon .custom-icon,
.sidebar_mini #sidebar_main .menu_section > ul > li ul li.act_item .menu_icon .custom-icon {
  background-color: #f3c30e;
}

.sidebar_mini #sidebar_main .menu_section > ul > li > a .menu_icon .custom-icon {
  height: 25px;
  width: 25px;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
}
.sidebar_mini .custom-icon.dashboard {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg);
}
.sidebar_mini .custom-icon.ballot {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_pre.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg);
}
.sidebar_mini .custom-icon.attach_file {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_policy.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg);
}
.sidebar_mini .custom-icon.checklist {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_common.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg);
}
.sidebar_mini .custom-icon.notes {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_calendar.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg);
}
.sidebar_mini .custom-icon.emoji_people {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_users.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg);
}
.sidebar_mini .custom-icon.folder_special {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_sector.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg);
}
.sidebar_mini .custom-icon.table_view {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_province.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg);
}
.sidebar_mini .custom-icon.list {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_bosses.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg);
}
.sidebar_mini .custom-icon.group_work {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_org.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg);
}
.sidebar_mini .custom-icon.settings {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_setting.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg);
}
.sidebar_mini .custom-icon.trending_up {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_duty.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_dashboard.svg);
}

.sidebar_mini .custom-icon.settings_input_composite {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_system.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_system.svg);
}
.sidebar_mini .custom-icon.settings_input_composite {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_system.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_system.svg);
}
.sidebar_mini .custom-icon.done_all {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_rating.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_rating.svg);
}
.sidebar_mini .custom-icon.published_with_changes {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_planning.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_planning.svg);
}
.sidebar_mini .custom-icon.home {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_web.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_web.svg);
}
.sidebar_mini .custom-icon.grading {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_library.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_library.svg);
}

.sidebar_mini .custom-icon.construction {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_imp.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_imp.svg);
}
.sidebar_mini .custom-icon.account_balance_wallet {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_funding.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_funding.svg);
}
.sidebar_mini .custom-icon.settings_input_composite {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_admin.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_admin.svg);
}
.sidebar_mini .custom-icon.live_help {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_help.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_help.svg);
}
.sidebar_mini .custom-icon.product {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_product.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_product.svg);
}
.sidebar_mini .custom-icon.vacancies {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_vacancies.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_vacancies.svg);
}
.sidebar_mini .custom-icon.report {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_report.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_report.svg);
}
.sidebar_mini .custom-icon.promotion {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_promotion.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_promotion.svg);
}
.sidebar_mini .custom-icon.appointment {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_appointment.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_appointment.svg);
}
.sidebar_mini .custom-icon.giftCard {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_gift_card.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_gift_card.svg);
}
.sidebar_mini .custom-icon.blog {
  -webkit-mask: url(/assets/icons/menu-icons/ic_menu_settings.svg) no-repeat center;
  mask: url(/assets/icons/menu-icons/ic_menu_settings.svg);
}
.sidebar_mini #sidebar_main .menu_section > ul > li > ul {
  margin-top: 0;
}

#sidebar_main .menu_section > ul > li.current_section > a {
  color: #fff !important;
  /* background: #0062cc!important; */
  background: #003b6d !important;
  /* border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
}
#sidebar_main .menu_section > ul > li.current_section > a > .menu_icon .material-icons {
  color: #fff;
}
#sidebar_main .menu_section > ul > li.current_section > a .menu_title {
  color: #fff !important;
}

.card-head-custom {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.md-card-head-text {
  padding: 16px !important;
}
.verti-timeline {
  border-left: 3px dashed #f6f6f6;
  margin: 0 10px;
}
.verti-timeline li {
  margin-left: 20px;
}
.add-on {
  left: -53px;
}
.add-on i {
  font-size: 20px !important;
}
.md-card .md-card-head {
  height: auto;
}

.k-combobox .k-select {
  border-radius: 0 !important;
}

.k-i-edit,
.k-i-check,
.k-i-cancel {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.columnHeader {
  text-align: left;
  white-space: normal !important;
  vertical-align: middle !important;
}
.columnCenter {
  text-align: center !important;
}
.columnHeaderNonBold {
  text-align: center !important;
  white-space: normal !important;
  vertical-align: middle !important;
}
.numbers {
  text-align: right !important;
}
.md-card {
  border-radius: 5px;
}
.md-card > .md-card-toolbar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/*-------------- hatnaa ----------------*/
.esri-basemap-toggle__container,
.esri-basemap-toggle__image {
  width: 40px !important;
  height: 40px !important;
}

/* ------------- tsogtoo -------------- */
.uk-modal-dialog.custom-uk-modal-dialog {
  padding: 0;
  top: auto !important;
  border-radius: 5px;
}

.uk-modal-dialog.custom-uk-modal-dialog .formHeader {
  border-radius: 10px 10px 0 0;
  display: block;
  margin: 0;
  padding: 5px 12px;
}

.uk-modal-dialog.custom-uk-modal-dialog .formFooter {
  background-color: white;
  margin: 0;
  padding: 12px;
  border-radius: 0 0 5px 5px;
}

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

.uk-modal-dialog.custom-uk-modal-dialog .formBody {
  padding: 12px;
}
.k-toolbar-overflow-button{
  display:none !important;
}

.k-input,
.k-textbox,
.k-dropdowntree .k-multiselect-wrap,
.k-multiselect .k-multiselect-wrap,
.k-textarea {
  border-radius: 0 !important;
  border-color: #e9eaee !important;
}
.k-form-error {
  display: none !important;
}
.k-invalid-msg {
  display: none;
}
.uk-table.pro-table {
  margin-top: 0px;
}

.uk-table.pro-table th {
  color: #757575;
  background-color: #f9fbfd;
  vertical-align: middle;
  font-weight: 600;
  border-bottom: none;
  padding: 10px;
}

.uk-table.pro-table td {
  padding: 15px 10px;
  vertical-align: middle;
  background-color: white;
}

.uk-table.pro-table td.highlight {
  background-color: #f6f7f8;
}

.uk-table.pro-table,
.uk-table.pro-table th,
.uk-table.pro-table td {
  border-collapse: collapse;
}

.uk-table.pro-table.pro-table-no-border,
.uk-table.pro-table.pro-table-no-border th,
.uk-table.pro-table.pro-table-no-border td {
  border: none;
}

.uk-table.pro-table.pro-table-condensed th {
  padding: 5px 10px;
}

.uk-table.pro-table.pro-table-condensed td {
  padding: 5px 10px;
}

.uk-close {
  border-radius: 50%;
  padding: 1px;
  transition: all 0.115s ease-in-out;
  border: 2px solid white !important;
}
.uk-close:hover,
.uk-close:focus {
  background: rgba(153, 153, 153, 0.2);
}

.uk-button-secondary {
  background: #fff;
  border-color: #ccc;
}

.uk-modal-dialog-body {
  padding: 0px;
  margin: 24px -24px -24px -24px;
}

.tezu-tabs {
  display: flex;
  flex-direction: row;
}

.tezu-tabs .uk-tab {
  background: #eee;
  width: 20rem;
  border-right: 1px solid rgb(221, 221, 221);
}

.tezu-tabs .uk-switcher {
  flex: 1;
}

.tezu-tabs .uk-tab li > a {
  background: transparent !important;
  border-right: 1px solid rgb(221, 221, 221);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.tezu-tabs .uk-tab li:hover > a {
  background: #f6f6f6 !important;
  border-right-color: transparent;
}

.tezu-tabs .uk-tab .uk-active > a {
  color: #000;
  background: #ffffff !important;
  border-right-color: transparent;
  border-top: 1px solid rgb(221, 221, 221);
  border-bottom: 1px solid rgb(221, 221, 221);
}

.tezu-tabs .uk-tab-content {
  padding: 12px 24px;
}

.uk-border-bottom-dashed {
  border-bottom: 1px dashed #ddd;
}
.uk-border-bottom-primary-thick {
  border-bottom: 2px solid #0062cc;
}

.uk-text-primary {
  color: #2a608e !important;
}

.report-confirmation-steps {
  background: #eee;
  border-radius: 0px;
}
.report-confirmation-steps .md-card-content {
  background: #fff;
}
.report-confirmation-steps .wizard {
  display: flex;
  flex-direction: row;
}
.report-confirmation-steps .wizard > .steps {
  background: #eee;
  flex: 1;
  /* border-right: 1px solid rgb(221, 221, 221); */
}
.report-confirmation-steps .wizard > .content {
  flex: 4;
}
.report-confirmation-steps .decType.current a,
.report-confirmation-steps .decType0.current a,
.report-confirmation-steps .decType a:active,
.report-confirmation-steps .decType0 a:active,
.report-confirmation-steps .decType a:hover,
.report-confirmation-steps .decType0 a:hover {
  background: #fff;
  color: #000;
}
.report-confirmation-tabs .uk-tab > li > a {
  font-size: 11px;
  text-align: left;
  font-weight: 400;
}

.report-confirmation-tabs .uk-tab .uk-active > a {
  font-weight: 400;
}

.report-confirmation-steps .wizard > .steps > ul > li a {
  color: #000;
  background: #eee;
}
.report-confirmation-steps .wizard > .steps > ul > li a:active,
.wizard > .steps > ul > li a:hover {
  color: #000;
  background: #f6f6f6;
}
.report-confirmation-steps .wizard > .steps > ul > li.current a,
.report-confirmation-steps .wizard > .steps > ul > li.current a:active,
.report-confirmation-steps .wizard > .steps > ul > li.current a:hover {
  color: #000;
}
.report-confirmation-steps .wizard > .steps > ul > li {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.report-confirmation-steps .wizard > .steps > ul > li.current {
  border-right: 1px solid rgb(221, 221, 221);
  border-top: 1px solid rgb(221, 221, 221);
  border-bottom: 1px solid rgb(221, 221, 221);
}
.report-confirmation-steps .wizard > .steps > ul > li:first-child {
  border-top: none;
}
.report-confirmation-steps .wizard > .steps > ul > li.current a {
  background: #fff;
}
.report-confirmation-steps .wizard > .steps > ul > li + li a {
  border-right: none;
}

.report-confirmation-steps .wizard > .steps .title {
  padding-left: 35px;
}
.report-confirmation-steps .wizard > .steps .number {
  border-color: #eee;
}

.report-confirmation-tabs {
  display: flex;
  flex-direction: row;
}

.report-confirmation-tabs .uk-tab {
  flex: 1;
  background: #eee;
  width: 25rem;
  border-right: 1px solid rgb(221, 221, 221);
}

.report-confirmation-tabs .uk-switcher {
  flex: 4;
}

.report-confirmation-tabs .uk-tab li > a {
  background: transparent;
  border-right: 1px solid rgb(221, 221, 221);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.report-confirmation-tabs .uk-tab li:hover > a {
  background: #f6f6f6;
  /* border-right-color: transparent; */
}

.report-confirmation-tabs .uk-tab .uk-active > a {
  color: #000;
  background: #ffffff;
  border-right-color: rgb(221, 221, 221);
  border-top: 1px solid rgb(221, 221, 221);
  border-bottom: 1px solid rgb(221, 221, 221);
}

.profile-tabs .uk-tab li {
  margin-top: -1px;
}

.profile-tabs .uk-tab > li > a {
  font-size: 11px;
  text-align: left;
  font-weight: 400;
}

.profile-tabs .uk-tab .uk-active > a {
  font-weight: 400;
}

.profile-tabs {
  display: flex;
  flex-direction: row;
}

.profile-tabs .uk-tab {
  flex: 1;
  background: #fff;
  border-right: 1px solid rgb(221, 221, 221);
  position: relative;
}

.profile-tabs .uk-switcher {
  flex: 4;
}

.profile-tabs .uk-tab li > a {
  background: transparent;
  border-right: 1px solid rgb(221, 221, 221);
  border-top: 1px solid rgb(221, 221, 221);
  border-bottom: 1px solid rgb(221, 221, 221);
}

.profile-tabs .uk-tab li > a .profile-tab-title {
  color: #000;
}
.profile-tabs .uk-tab li > a .material-icons {
  color: rgba(0, 0, 0, 0.5);
}

.profile-tabs .uk-tab li:hover > a {
  /* background: #f6f6f6; */
  background: rgba(241, 245, 249, 0.5);
  /* border-top-color: transparent; */
  /* border-bottom-color: transparent; */
  /* border-right-color: transparent; */
  /* border-right-color: transparent; */
}

.profile-tabs .uk-tab .uk-active > a {
  /* color: #000 !important; */
  background: rgba(0, 76, 138, 0.07) !important;
  /* border-right-color: transparent !important; */
  border-top: 1px solid rgb(221, 221, 221) !important;
  border-bottom: 1px solid rgb(221, 221, 221) !important;
}

.project-tabs .uk-tab {
  background: none !important;
  border: none;
}

.project-tabs .uk-tab li > a {
  background: rgba(0, 76, 138, 0.07) !important;
  border: none;
}

.project-tabs .uk-tab .uk-active > a {
  /* color: #000 !important; */
  background: #fff !important;
  border-top: 1px solid rgba(0, 22, 82, 0.8) !important;
  border-bottom: none !important;
}

.profile-tabs .uk-tab .uk-active > a .profile-tab-title,
.profile-tabs .uk-tab .uk-active > a .material-icons {
  color: rgba(0, 22, 82, 0.8);
}

.profile-tabs .uk-tab li {
  margin-top: -1px;
}

.bg-fuse-default {
  background-color: #f1f5f9 !important;
}

.uk-button-primary {
  background-color: #004c8a;
  color: #fff;
}

.uk-button-primary:focus,
.uk-button-primary:hover {
  background-color: #052785;
  color: #fff;
}
.k-table-thead, .k-table-header, .k-table-group-sticky-header {
  border-color: #dee2e6;
  color: #212529;
  background-color: #fff !important;
}
.k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel{
  box-shadow: none !important;
}
/*.k-grid .k-alt {
  background-color: #fff !important;
}*/
.k-master-row.k-alt .k-grid-content-sticky,
.k-master-row.k-alt .k-grid-row-sticky {
  background-color: #fff;
}
/*.k-grid .k-grid-content-sticky,
.k-grid .k-grid-footer-sticky,
.k-grid .k-grid-header-sticky {
  border-right-width: 0 !important;
}*/
.rounded-full {
  border-radius: 9999px !important;
}

.leading-normal {
  line-height: 1.5 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.text-center {
  text-align: center !important;
}
.whitespace-nowrap {
  white-space: nowrap !important;
}
.overflow-ellipsis {
  text-overflow: ellipsis !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.w-full {
  width: 100% !important;
}
.text-primary {
  color: rgba(255, 255, 255, 1) !important;
}
.text-secondary {
  color: rgba(148, 163, 184, 1) !important;
}
a {
  color: rgba(99, 102, 241, 1);
}
.rounded-2xl {
  border-radius: 1rem;
}
.text-blue-500 {
  color: rgba(59, 130, 246, 1) !important;
}
.text-red-500 {
  color: rgba(239, 68, 68, 1) !important;
}
.text-amber-500 {
  color: rgba(245, 158, 11, 1) !important;
}
.text-green-600 {
  color: rgba(22, 163, 74, 1) !important;
}
.text-8xl {
  font-size: 4rem;
}
.text-6xl {
  font-size: 3rem;
}
.text-3xl {
  font-size: 1.5rem;
}
.text-lg {
  font-size: 1rem;
}
.flex {
  display: flex !important;
}
.flex-col {
  flex-direction: column !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.bg-indigo-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(238, 242, 255, var(--tw-bg-opacity)) !important;
}
.bg-green-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(240, 253, 244, var(--tw-bg-opacity)) !important;
}
.bg-gray-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(241, 245, 249, var(--tw-bg-opacity)) !important;
}
.k-grid-footer .k-grid-footer-sticky {
  border-color: rgba(33, 37, 41, 0.125) !important;
  background-color: #f8f9fa;
}
.k-form-label {
  display: block;
  margin: 5px 0 !important;
}
.wizard > .steps > ul > li.done a,
.wizard > .steps > ul > li.done a:active,
.wizard > .steps > ul > li.done a:hover {
  background: #003b6d !important;
  color: #fff;
}
.editing {
  background: #e4354f !important;
}
.bg-card {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(30, 41, 59, var(--tw-bg-opacity)) !important;
}
.k-form-field-wrap {
  padding: 0 0px;
}
.uk-text-primary {
  color: #2a608e !important;
}
.uk-border-bottom-dashed {
  border-bottom: 1px dashed #ddd;
}
.k-tabstrip-content.k-state-focused,
.k-tabstrip-content:focus,
.k-tabstrip > .k-content.k-state-focused,
.k-tabstrip > .k-content:focus {
  outline-width: 0px !important;
}
.uk-form-header {
  border-bottom: 1px dashed #ccc;
}

.animated-bg {
  position: absolute;
  left: 50px;
  top: 50px;
}
.animated-bg i {
  bottom: 0;
  position: absolute;
  height: 60px;
  width: 60px;
  border-radius: 100%;
  opacity: 0.3;
  transform: scale(1.3);
  animation: ripple1 3s linear infinite;
}
.animated-bg i {
  background: #fff;
  box-shadow: 0 15px 30px 0 #f3c4c3;
}

.animated-bg i:nth-child(2) {
  animation: ripple2 3s linear infinite;
}
.animated-bg i:nth-child(3) {
  animation: ripple3 3s linear infinite;
}

@keyframes ripple1 {
  0% {
    transform: scale(5.5);
    opacity: 0.3;
  }
  100% {
    transform: scale(8.5);
    opacity: 0;
  }
}

@keyframes ripple2 {
  0% {
    transform: scale(3.5);
  }
  100% {
    transform: scale(5.5);
  }
}

@keyframes ripple3 {
  0% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(3.5);
  }
}

#login-animation {
  position: absolute;
  right: 80px;
  top: 20vh;
  height: 60vh;
}
.k-grid .k-grid-content-locked,
.k-grid .k-grid-content-locked td,
.k-grid .k-grid-header-locked,
.k-grid .k-grid-header-locked .k-header {
  border-color: rgba(0, 0, 0, 0.08);
}

.mat-button-focus-overlay :hover {
  background-color: rgba(148, 163, 184, 0.2) !important;
  cursor: pointer;
  border-radius: 100%;
}
.k-detail-cell {
  padding: 10px !important;
}
/* Dashboard styles */
.dashboard-data-table {
  width: 100%;
  border: none;
  border-spacing: 0px;
  border-collapse: separate;
}
.dashboard-data-table thead th {
  background-color: grey;
  color: white;
  border: none;
  font-weight: 700;
}
.dashboard-data-table tbody {
}
.dashboard-data-table td {
  background-color: white;
  border: none;
  padding: 15px 10px;
}
.dashboard-data-table .td-bold {
  font-weight: 700;
}
.dashboard-data-table thead th:first-child {
  border-radius: 10px 0 0 0;
}
.dashboard-data-table thead th:last-child {
  border-radius: 0 10px 0 0;
}
.dashboard-data-table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}
.dashboard-data-table tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}
.circular-container {
  border-radius: 50px;
  background-color: white;
  color: black;
  margin-top: 20px;
  padding: 10px 20px;
  font-weight: 200;
}
.circle-container {
  border-radius: 100px;
  margin: 0 auto;
  padding: 30px 30px;
  width: 30px;
  height: 30px;
}
.dotted-circle {
  border: 0.5em dotted white;
  display: flex !important;
  justify-content: center;
  padding: 2em;
  height: 7em;
  width: 7em;
  border-radius: 7em;
  text-align: center;
  margin: 2em auto 0;
}
@keyframes growProgressBar {
  0%,
  33% {
    --pgPercentage: 0;
  }
  100% {
    --pgPercentage: var(--value);
  }
}

@property --pgPercentage {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

div[role="progressbar"] {
  --size: 13rem;
  --fg: white;
  --pgPercentage: var(--value);
  --innerCircle: 94%;
  --textSize: 5;
  animation: growProgressBar 3s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(closest-side, var(--bg) var(--innerCircle), transparent 0 99.9%, var(--bg) 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--accent) 0);
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / var(--textSize));
  color: var(--fg);

  margin: 0 auto;
  display: flex !important;
  justify-content: center;
}
.status-container {
  border-radius: 10px;
  padding: 10px;
  width: 40px;
}
.dashboard .md-card {
  height: 100%;
}
.dashboard .bg-img {
  height: 150px;
  color: white;
  margin-bottom: 20px;
}
.dashboard .bg-img div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.dashboard .ez-angilal {
  display: flex;
  flex-direction: row;
  height: 150px;
}
.dashboard .ez-angilal .ez-icon {
  margin: auto 0;
  min-width: 100px;
}
.dashboard .ez-angilal .ez-icon > div {
  padding: 20px;
}
.dashboard .ez-angilal .ez-text {
  color: #fff;
  border-radius: 1rem;
  padding-left: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.comment {
  padding: 10px;
}
.comment > h4,
.comment > b,
.comment > p {
  margin: 0 0 10px 0;
}
.comment > hr {
  margin: 15px 0 0 0;
}
.color-info > b,
.color-info > h4 {
  color: #187bfc !important;
}
.color-danger > b,
.color-danger > h4 {
  color: #ed1c24 !important;
}
.color-success > b,
.color-success > h4 {
  color: #4dd394 !important;
}

.uk-grid-divider > * {
  padding: 17px 35px;
}
.uk-grid-divider > div:first-child {
  border-right: 1px solid #eaeaeb;
}
.news-item {
  padding-top: 20px;
}
.news-item img {
  max-height: 243px;
  min-height: 243px;
  object-fit: cover;
}
.news-item-body {
  background-color: #fff;
  border: 1px solid #eaeaeb;
  padding: 10px;
  text-align: justify;
}
.news-item-body > span {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-item-footer {
  display: flex;
  justify-content: space-between;
}
.news-item-footer > span {
  margin-top: 13px;
  font-size: 13px;
  font-weight: 300;
}
.btn-news {
  color: #969db3;
  border: 1px solid #969db3;
  border-radius: 5px;
  box-shadow: 1px 2px 10px -4px #969db3;
  padding: 10px 20px;
  background-color: white;
  font-weight: bold;
}
.btn-news:hover {
  color: #fff;
  border: 1px solid #002060;
  background-color: #002060;
  box-shadow: 1px 2px 10px -4px #002060;
}
#aside-backdrop {
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  z-index: 1248;
}
.news-aside {
  top: 0;
  right: 0;
  width: 50%;
  height: 100vh;
  display: none;
  position: fixed;
  padding: 20px 30px 0 50px;
  background-color: white;
  z-index: 1249;
}
.news-aside .aside-scroll {
  overflow-y: scroll;
  height: 100%;
  padding: 0 20px 20px 0;
}
.header-item {
  padding-top: 7px;
  height: 40px;
}

.uk-notify-message {
  padding: 0;
  border-radius: 10px;
}

.uk-notify-message .toast {
  background: #fff;
  padding: 20px 15px 20px 20px;
  border-radius: 8px;
  border-left: 5px solid #2ecc71;
  box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.15);
  width: 100%;
  display: flex;
  color: #000;
  align-items: center;
  justify-content: space-between;
}

.uk-notify-message-danger {
  border-color: #e74c3c;
}

.uk-notify-message-warning {
  border-color: #f1c40f;
}

.uk-notify-message-primary {
  border-color: #3498db;
}

.wrapper .toast.offline {
  border-color: #ccc;
}

.toast .content {
  width: 100%;
  flex-direction: row !important;
  align-items: center;
}

.content .icon {
  font-size: 25px;
  color: #fff;
  height: 50px;
  width: 50px;
  text-align: center;
  float: left;
  line-height: 50px;
  border-radius: 50%;
  background: #2ecc71;
}

.danger {
  border-left: 5px solid #e74c3c !important;
}

.dangerIcon {
  background: #e74c3c !important;
}

.toast.offline .content .icon {
  background: #ccc;
}

.content .details {
  margin: 5px 0 0 15px;
  float: left;
}

.details span {
  font-size: 20px;
  font-weight: 500;
}

.details p {
  margin: 0;
  color: #878787;
}

.toast .close-icon {
  color: #878787;
  font-size: 23px;
  cursor: pointer;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background: #f2f2f2;
  transition: all 0.3s ease;
}

.close-icon:hover {
  background: #efefef;
}

.uk-navbar-nav > li > a {
  padding: 0 8px !important;
}

.sub-table {
  width: 100%;
}
.sub-table td {
  padding: 10px;
}

.sub-table td {
  border: 1px solid #eef1f4;
  border-bottom: 0;
  border-right: 0;
}

.sub-table td:last-child {
  border-right: 1px solid #eef1f4;
}

.sub-table tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

.sub-table tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

.sub-table tr:last-child td:first-child,
.sub-table tr.border-bt td:first-child {
  border-bottom-left-radius: 10px;
}

.sub-table tr:last-child td:last-child,
.sub-table tr.border-bt td:last-child {
  border-bottom-right-radius: 10px;
}

.sub-table tr:last-child td,
.sub-table tr.border-bt td {
  border-bottom: 1px solid #eef1f4;
}