@font-face {
  font-family: Roboto;
  src: url("../../fonts/Roboto-Regular.ttf");
  font-weight: 400; }

@font-face {
  font-family: Roboto;
  src: url("../../fonts/Roboto-Bold.ttf");
  font-weight: 700; }

@font-face {
  font-family: Roboto;
  src: url("../../fonts/Roboto-Medium.ttf");
  font-weight: 500; }

.register-selected {
  color: white !important;
  background-color: #ff8f1c !important;
  border-radius: 0px !important;
  border: none !important; }

* {
  font-family: 'Myriad Pro', sans-serif; }
:root {
    --main-color: #2B57F9; /* var(--main-color)*/
    --btn-hover-color: #0036ff; /*var(--btn-hover-color)*/
}
body .background-login-image {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}
.header-info a {
    font-size: 13px !important;
}
.restDay {
    display: flex;
    margin-left: 5px;
    align-items: center;
    font-size: 14px;
}
  .restDay b {
    padding-left: 4px;
    padding-right: 4px; }

.combo-text .select2 {
  width: 100% !important; }

hr {
  border-top: 2px solid #F4F4F4; }

#contact {
  padding: 30px; }
  #contact .no-search .select2-search {
    display: none; }
  #contact .pagination.justify-content-end .select2 {
    padding-top: 5px; }
  #contact .pagination.justify-content-end .paginate-selected {
    color: white !important;
    background-color: #ff8f1c; }
  #contact .pagination.justify-content-end .pageNumberIdx {
    display: flex;
    list-style-type: none;
    padding: 0; }
  #contact .pagination.justify-content-end .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  #contact .pagination.justify-content-end .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  #contact .pagination.justify-content-end #previousPage {
    border-right: none;
    padding: 6px; }
  #contact .pagination.justify-content-end #nextPage {
    padding: 6px; }
  #contact .pagination.justify-content-end .page-item .page-link {
    border: none;
    font-size: 14px;
    color: #757575; }
  #contact .pagination.justify-content-end .page-item:hover {
    cursor: pointer; }
  #contact #linkIndicator, #contact #link {
    border: none;
    font-size: 12px;
    color: #757575;
    background: none;
    pointer-events: none;
    cursor: default; }
  #contact #link {
    padding-right: 5px; }

#loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  background-image: url("/img/spinner.gif");
  background-repeat: no-repeat;
  z-index: 99999999999;
  background-position: center;
  background-size: 5%; }
#custom-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    top: 0;
    left: 0;
    background-image: url('../../img/loading.gif');
    background-repeat: no-repeat;
    z-index: 99999999999;
    background-position: center;
    background-size: 6%;
}

.request_pending {
  color: #FFC600 !important; }

.request_create {
  color: #757575 !important; }

.request_process {
  color: #FF8F1C !important; }

.request_deny {
  color: #E53935 !important; }

.request_sent {
  color: #1CC6FF !important; }

.form-group input[type="text"].error {
  border: 1px solid #E53935; }

.form-group input[type="date"].error {
  border: 1px solid #E53935; }

.form-group textarea.error {
  border: 1px solid #E53935; }

.error {
  color: #E53935;
  width: 100%; }

#window {
  border-radius: 0px; }

.contact-card {
  padding: 15px;
  border-radius: 0px;
  border: .5px solid #BDBDBD;
  margin-bottom: 15px; }
  .contact-card:hover {
    cursor: pointer;
    background: #F0F4FF !important; }
  .contact-card .contact-image img {
    max-width: 100%; }
  .contact-card .contact-image .info-id {
    padding-top: 0;
    font-size: 14px;
    color: #757575;
    margin-top: -6px;
    margin-bottom: 4px; }
  .contact-card .contact-info .title {
    font-weight: bold;
    font-size: 14px;
    color: #FF8F1C;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .contact-card .contact-info div {
    font-size: 14px;
    padding-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .contact-card .contact-info .info-id {
    font-size: 12px; }
  .contact-card .info-tel {
    font-size: 14px;
    margin-top: 12px;
    padding-bottom: 12px;
    border-bottom: 0.5px solid #F4F4F4; }
    .contact-card .info-tel img {
      margin-right: 10px; }
  .contact-card .info-email {
    padding-top: 8px;
    font-size: 14px; }
    .contact-card .info-email img {
      margin-right: 10px; }


.k-widget.k-window {
  border-radius: 0px; }
  .k-widget.k-window .k-window-titlebar {
      height: 40px;
    border-radius: 0px;
    background: white;
    border: none;
    margin-top: -32px;
    padding: 0; }
    .k-widget.k-window .k-window-actions {
        position: absolute;
        top: unset;
        right: 20px;
        transform: unset;
    }
    .k-widget.k-window .k-window-actions a {
      width: 24px;
      height: 24px; }
  .k-widget.k-window .k-window-titlebar.k-window-action {
    width: 24px;
    height: 24px; }
  .k-widget.k-window .k-icon.k-i-close {
    font-size: 14px;
    border: 1px solid black;
    border-radius: 50%;
    padding: 11px;
    height: 24px;
    width: 24px; }
  .k-widget.k-window .k-window-title {
    font-weight: bold;
    padding-top: 16px;
    padding-left: 24px; }
  .k-widget.k-window .k-window-titlebar.k-header {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-color: white;
    background: white; }
.text-validation{
    text-transform: lowercase;
}
    .text-validation span::first-letter {
        text-transform: uppercase;
    }
.search-form .k-icon, .search-form .k-tool-icon {
    width: 50px;
    height: 30px;
}

.k-picker-wrap.k-state-default .k-select,
.k-picker-wrap.k-state-disabled .k-select {
    border-left: none;
    width: 30px;
}
  .k-picker-wrap.k-state-default .k-select .k-icon.k-i-calendar:before {
    color: transparent;
    opacity: 1;
    display: block;
    background: url(../../img/calendar.png) no-repeat;
    width: 30px;
    height: 30px;
    left: -10px;
    background-size: 22px;
    border-width: thin; }
.copyright {
    position: absolute;
    bottom: 6vh;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    text-align: center;
}
}
.popup-screen {
  padding-top: 100px;
  width: 100%;
  margin: 0;
  padding: 0; }

.title {
  font-size: 20px;
  font-weight: bold; }

.task .form-group label {
  min-width: 65px; }

.task .select2.select2-container {
  width: 160px !important; }

.btn.btn-flat {
  border-radius: 0px; }

.k-filtercell .k-icon.k-i-calendar {
  font-size: 40px;
  top: 0;
  margin-top: -5px; }

#histaffTreeview {
  padding: 30px; }
  #histaffTreeview li .k-in {
    font-size: 12px;
    color: #757575; }
    #histaffTreeview li .k-in:hover {
      cursor: pointer; }

.ml-auto direction {
  height: 40px; }


.popup-cover .datetimepicker-input .k-state-disabled .k-icon, .popup-cover .datetimepicker-input .k-state-disabled .k-tool-icon {
  width: 32px; }

.popup-cover .input-group-append.number .input-group-text {
  background: #F4F4F4; }

.popup-cover .k-grid-header .k-icon:before {
  top: 0; }

.popup-cover .confirm-message {
  padding: 24px;
  color: #757575; }

.popup-cover .confirm-button {
  position: fixed;
  bottom: 0;
  padding: 12px;
  width: 100%;
  background: #F4F4F4;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px; }
  .popup-cover .confirm-button button {
    float: right; }
  .popup-cover .confirm-button .selected {
    width: 100px;
    height: 40px;
    font-size: 14px;
    padding: 0;
    margin-right: 12px; }
  .popup-cover .confirm-button .btn-outline {
    width: 100px;
    height: 40px;
    font-size: 14px; }

.popup-cover .bot-form {
  padding-top: 16px;
  margin-bottom: 26px;
  overflow: auto; }

.popup-cover .k-widget.datetimepicker-input {
  width: 100%; }
  .popup-cover .k-widget.datetimepicker-input input[type=text] {
    height: 30px;
    border-radius: 0px;
    border: .5px solid #BDBDBD; }

.popup-cover input[type=number] {
  height: 40px;
  border: .5px solid #BDBDBD; }
.popup-cover .latework {
  height: 90vh;
  overflow: auto; }
    .popup-cover .latework .btn-blur {
        width: 120px;
        background: #FFFFFF;
        border: 1px solid #BDBDBD;
        box-sizing: border-box;
        border-radius: 0px;
        color: #757575;
        height: 30px;
        padding: 0;
        margin-left: 0;
        margin-right: 22px !important;
    }
.form-control {
    height: unset;
}
.popup-cover .selected {
    height: 30px;
    padding: 0;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-picker-wrap {
  padding-right: 0; }

button:focus {
  outline: none; }

.search-form {
  display: flex;
  flex-wrap: wrap;
  /*padding: 0 0 10px 0;*/
  padding-left: 7px;
  padding-right: 7px; }
  .search-form .form-group {
    padding-left: 30px; }
    .search-form .form-group label {
      font-size: 13px;
      font-weight: normal; }
    .search-form .form-group input[type="date"],
    .search-form .form-group select {
        padding: 8px;
        background: #ffffff;
        border: 0.5px solid #bdbdbd;
        box-sizing: border-box;
        border-radius: 0px;
        max-width: 160px;
        outline: none;
    }
    .search-form .form-group input[type="text"] {
        padding: 2px 2px 2px 5px;
        height: 30px;
        box-sizing: border-box;
        border-radius: 0px;
        outline: none;
        border: 0.5px solid #bdbdbd;
        font-size: 13px;
        text-indent: 0px;
    }
    .search-form button {
        min-width: 120px;
        border-radius: 0px;
        height: 30px;
        border: unset;
        outline: none;
    }

@media screen and (max-width: 1300px) {
  .user-profile {
    margin-bottom: 85px; } }

.k-i-clock:before {
  content: "\e107";
  font-size: 21px;
  left: -10px; }

.k-state-disabled .k-i-clock:before {
  left: 0; }

.k-picker-wrap.k-state-default {
    border-radius: 0px;
    background: 0;
}

.background-cover {
  padding: 16px 9px; }
  .background-cover .form-toggle-process .datetimepicker-input {
    width: 100%; }
  .background-cover .form-toggle-process .form-group {
    display: block;
    padding-left: 0; }
    .background-cover .form-toggle-process input[type=text] {
        height: 27px;
        border: 1px solid #BDBDBD;
        border-radius: 0px;
    }
  .background-cover .form-toggle-process .container-fluid {
    padding: 0; }
    .background-cover .form-toggle-process .container-fluid .col-md-2 img {
      width: 100%; }
  .background-cover .button-group {
    padding: 20px 0; }
    .background-cover .button-group button {
      font-size: 14px; }
  .background-cover .form-toggle-process.profile .select2.select2-container {
    width: 100% !important; }

.k-state-disabled {
  background-color: #e9ecef;
  opacity: 1; }

.contact-search .search-form .form-group {
  margin-bottom: 0; }
  .contact-search .search-form .form-group input {
    min-width: 410px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none; }

.contact-search .search-form button {
    margin-left: 24px;
    color: #1b435a;
    background: #F0F4FF;
    border: 1px solid #1b435a;
    box-sizing: border-box;
    border-radius: 0px;
    padding: 8px 10px;
    font-size: 14px;
    width: 120px;
    outline: none;
}

.contact-search span {
  background: white;
  cursor: pointer; }

.contact-search .fa-search:before {
  content: "";
  background-image: url(../../img/search.png);
  background-position: center;
  width: 25px;
  height: 25px; }

.background-cover {
    background-color: white;
    padding: 30px;
    border-radius: 0px;
    min-height: 400px;
}

.main-sidebar.sidebar-dark-primary {
    background:  var(--main-color);
}
  .main-sidebar.sidebar-dark-primary .nav-link[data-widget="pushmenu"] {
    text-align: center;
    color: white;
    font-weight: normal;
    font-size: 21px;
    padding-bottom: 40px;
    padding-top: 16px; }

.content-wrapper .bootstrap-datetimepicker-widget table td.day {
  height: 15px !important;
  line-height: 15px !important;
  width: 15px !important; }

.auth-screen {
  padding-top: 100px;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100vh;
/*  max-height: 1200px;
  min-height: 650px; */
    }
.box-mask {
    z-index: 1;
    width: 500px;
    height: 550px;
    background-color: #fffff1;
    border-radius: 28px;
    display: absolu;
    position: absolute;
    float: right;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 10vw;
    backdrop-filter: blur(7px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
  .auth-screen .form-group {
    padding: 0; }
  .auth-screen .select2.select2-container.select2-container--default {
    float: left;
    padding-top: 10px;
    width: 120px !important;
    text-align: left; }

.navigation {
    display: flex;
    align-items: center;
    padding: 0px 0px 12px 7px;
}
  .navigation h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #212121;
    margin-bottom: 0; }
  .navigation #toolbar {
    margin-left: auto;
    display: flex; }
    .navigation #toolbar button {
        border-radius: 0px;
        font-size: 13px;
        padding: 0 20px;
        margin-right: 0 !important;
        margin-left: 7px;
        height: 30px;
    }
    .navigation #toolbar a {
      cursor: pointer; }
      .navigation #toolbar a:hover {
        background-color: #F0F4FF; }

.table-detail {
    display: block;
    border: 0.5px solid #BDBDBD;
    width: 100%;
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 0px;
    padding: 15px;
    border-collapse: initial;
    margin-bottom: 16px;
}
  .table-detail td {
    max-width: 200px;
    width: 200px; }
    .table-detail td .select2 {
      width: 100% !important; }
  .table-detail .table-borderless {
    width: 100%;
    background: #ffffff; }
    .table-detail .table-borderless thead tr th {
      color: #757575;
      font-size: 14px;
      border-bottom: 0.5px solid #bdbdbd;
      font-weight: normal; }
    .table-detail .table-borderless tbody tr td select {
        min-width: 350px;
        background: #ffffff;
        border: 0.5px solid #bdbdbd;
        box-sizing: border-box;
        border-radius: 0px;
        padding: 5px;
        margin-right: 40px;
    }
    .table-detail .table-borderless tbody tr td p {
      min-width: 100px;
      padding-top: 18px; }

.fa-asterisk:before {
  content: "\f069";
  font-size: 7px;
  color: red;
  position: absolute;
  top: 8px; }

.timeapprove-popup label {
  width: 100px; }

.timeapprove-popup .select2, .timeapprove-popup input[type=text] {
  width: 85% !important; }

.form-approve .k-master-row {
  height: 40px; }

.form-approve .ml-auto.direction {
  height: 40px; }

.form-approve .search-form .form-group label {
  width: 100px; }

.form-approve .direction__pending div.Pending {
  width: 60px;
  display: flex;
  vertical-align: middle;
  align-items: center;
  height: 30px; }

.form-approve .direction__sent div.Approved {
  width: 60px;
  height: 30px; }

.form-approve .Approved {
  background: greenyellow; }
  .form-approve .Approved label {
    font-size: 14px;
    vertical-align: middle;
    padding-left: 2px; }
  .form-approve .Approved input {
    display: none; }

.form-approve .Pending {
  background: yellow; }
  .form-approve .Pending label {
    padding-left: 2px;
    font-size: 14px;
    vertical-align: middle; }

.form-control.k-widget {
  width: 100%; }

iframe {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px; }

.edit_icon_grid {
  width: 19px;
  height: 19px; }
.k-checkbox:hover {
    border-color: #dcd9d9;
    background-color: #dcd9d9;
}
.k-checkbox {
    width: 15px;
    height: 15px;
    border-radius: 0px;
    border: 1px solid #e7e7e7;
    background-color: #e7e7e7;
}

.wrapper {
  min-width: 1280px;
  overflow: auto; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: #f0f4ff !important;
  color: black !important; }

.content-wrapper {
    background-color: #F7F7F7;
    background-position: center;
    background-repeat: no-repeat;
}
  .content-wrapper .content {
    padding: 0 10px; }
    .content-wrapper .content .employee-org {
        background-color: white;
        border-radius: 0px;
    }
      .content-wrapper .content .employee-org .select2-selection.select2-selection--single {
        width: 64px; }
      .content-wrapper .content .employee-org .employee-treeview {
        min-width: 300px; }
      .content-wrapper .content .employee-org .employee-card {
        width: 100%; }
      .content-wrapper .content .employee-org .select2 {
        height: 24px;
        align-items: center;
        display: flex; }
      .content-wrapper .content .employee-org .select2-container .selection .select2-selection--single {
        height: auto; }
      .content-wrapper .content .employee-org .select2-container .select2-selection--single .select2-selection__rendered {
        height: 24px;
        line-height: 26.5px; }
      .content-wrapper .content .employee-org .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 14px; }
      .content-wrapper .content .employee-org .col-lg-3 {
        border-right: .5px solid #BDBDBD; }
      .content-wrapper .content .employee-org .col-md-10 {
        margin-left: auto;
        margin-right: auto; }
    .content-wrapper .content .time-register {
        background: #ffffff;
        border-radius: 0px;
        padding: 16px 9px;
        padding-bottom: 0;
        border: 1px solid #f8f9fa;
    }
      .content-wrapper .content .time-register .k-picker-wrap.k-state-default {
        /*width: 160px;*/
        max-width: 160px; }
      .content-wrapper .content .time-register .k-grid-header {
        /*padding-right: 8px !important;*/ }
      .content-wrapper .content .time-register .k-grid-header-wrap.k-auto-scrollable table {
        border-top: .5px solid #BDBDBD; }
        .content-wrapper .content .time-register .k-grid-header-wrap.k-auto-scrollable table thead tr th:last-child {
          padding: 3px 10px; }
        .content-wrapper .content .time-register .search-form button {
            color: white;
            background:  var(--main-color);
            box-sizing: border-box;
            border-radius: 0px;
            padding: 0;
            font-size: 13px;
            width: 120px;
            outline: none;
        }
            .content-wrapper .content .time-register .search-form button:hover {
                background: var(--btn-hover-color);
            }
      .content-wrapper .content .time-register .form-group {
        padding-left: 0;
        padding-right: 30px; }
      .content-wrapper .content .time-register .search-form label {
        margin-right: 12px;
        white-space: nowrap;
        /*min-width: 93px;*/
        text-align: right; }
      .content-wrapper .content .time-register .select2 {
        min-width: 160px;
        width: 160px; }
        .content-wrapper .content .time-register #grid thead tr th {
            color: #757575;
            border-right: 0.5px solid #f8f9fa !important;
        }

.content-wrapper .content .navigation .select2.select2-container {
    border: none;
    background: #f4f4f4;
    border-radius: 0px;
    padding: 4px 32px;
    font-size: 14px;
    color: white;
    background: #FF8F1C;
    margin-right: 0;
    margin-left: 7px;
}
      .content-wrapper .content .navigation .select2.select2-container .select2-selection {
        background: #FF8F1C;
        border: none;
        color: white; }
        .content-wrapper .content .navigation .select2.select2-container .select2-selection .select2-selection__rendered {
          color: white; }
        .content-wrapper .content .navigation .select2.select2-container .select2-selection .select2-selection__arrow {
          display: none; }
  .content-wrapper #myTab {
    margin-bottom: 1px; }
  .content-wrapper .nav.nav-tabs {
    border-bottom: none; }
    .content-wrapper .nav.nav-tabs .nav-item a {
        background:  var(--main-color);
        border-radius: 0px;
        padding: 5px 10px;
        font-size: smaller;
        color: white;
        margin-right: 5px;
        border-bottom: none;
    }
    .content-wrapper .nav.nav-tabs .nav-item .active {
      background: #ffffff;
      padding: 5px 10px;
      border-radius: 0px;
      color: black;
      border-bottom: none; }
  .content-wrapper .tab-content #contact {
    padding-top: 0; }
  .content-wrapper .tab-content .navigation h3 {
    font-weight: bold; }
  .content-wrapper .tab-content table {
    border-bottom: .5px solid #BDBDBD; }
    .content-wrapper .tab-content table td {
      border-bottom: .5px solid #BDBDBD; }
    .content-wrapper .tab-content table tr:last-child td {
      border-bottom: none; }
  .content-wrapper .tab-content .k-grid-header {
    border-bottom: none; }
    .content-wrapper .tab-content .k-grid-header th {
      text-align: left;
   
      border-top: none; }
  .content-wrapper .tab-content tbody tr td {
    font-size: 13px; }
  .content-wrapper .tab-content .k-grid.table {
    border-collapse: initial; }
  .content-wrapper .tab-content .grid thead tr th {
    height: 45px;
    color: #757575;
    border-bottom: unset; }
  .content-wrapper .tab-content .grid tbody td {
    height: 40px;
    border-color: transparent;
    border-bottom: .5px solid #BDBDBD; }
  .content-wrapper .tab-content .grid tbody tr:last-child td {
    border-bottom: none; }
  .content-wrapper .tab-content .tab-pane.fade.show.active {
    background: #ffffff;
    border-radius: 0px;}
    .content-wrapper .employee_overview .left-table, .content-wrapper .employee_overview .right-table {
      width: 320px; }
    .content-wrapper .employee_overview .left-table {
      margin-right: 30px; }
    .content-wrapper .employee_overview p, .content-wrapper .employee_overview .content-right {
      font-size: 14px; }
    .content-wrapper .employee_overview .table-content {
      display: flex;
      align-items: center;
      padding: 15px 0;
      border-bottom: 1px solid #F4F4F4; }
      .content-wrapper .employee_overview .table-content .content-left {
        width: 100px; }
      .content-wrapper .employee_overview .table-content .content-right {
        width: 66%;
        padding-left: 16px; }
    .content-wrapper .employee_overview .employee_details {
      /*margin-top: 8px;
      margin-left: 40px; */}
      .content-wrapper .employee_overview .employee_details .info-button {
        width: 100%; }
        .content-wrapper .employee_overview .employee_details .info-button button {
          max-width: 200px;
          width: 200px;
          font-size: 14px;
          height: 40px; }
        .content-wrapper .employee_overview .employee_details .content-left p,
        .content-wrapper .employee_overview .employee_details .content-right p {
            margin:0 auto;
        }
    .content-wrapper .employee_overview .employee-avatar img {
      max-width: 160px;
      max-height: 213px;
      border-radius: 0px;
      width: 160px;
      height: 213px; }
    .content-wrapper .employee_overview .table {
      border-bottom: .5px solid #BDBDBD; }
      .content-wrapper .employee_overview .table th {
        min-width: 100px; }
    .content-wrapper .employee_overview .employee-information {
      width: 100%;
      display: flex; }
      .content-wrapper .employee_overview .employee-information .table tr:hover tr, .content-wrapper .employee_overview .employee-information .table tr:hover td {
        background: white; }
      .content-wrapper .employee_overview .employee-information .employee_name {
        font-weight: 500;
        font-size: 20px;
        height: 10px;
        color: #b35b00;
        margin-bottom: 0; }
      .content-wrapper .employee_overview .employee-information thead {
        display: none; }
      .content-wrapper .employee_overview .employee-information tbody tr td {
        border-top: none; }
      .content-wrapper .employee_overview .employee-information p {
        margin-bottom: 0;
        color: #757575; }
      .content-wrapper .employee_overview .employee-information button {
        color: #1b435a;
        background: #ffffff;
        border: 1px solid #1b435a;
        box-sizing: border-box;
        border-radius: 0px;
        padding: 5px 15px; }
        .content-wrapper .employee_overview .employee-information button:hover {
          background: #F0F4FF; }
  .content-wrapper .employee_banking .col-md-3 {
    align-items: center;
    display: flex; }
  .content-wrapper .tab-pane .info:not(:first-child) .row {
    flex-wrap: nowrap; }
  .content-wrapper .tab-pane .info {
    padding-top: 32px; }
    .content-wrapper .tab-pane .info .row .col-md-3, .content-wrapper .tab-pane .info .row .col-md-9 {
      border-bottom: .5px solid #BDBDBD; }
      .content-wrapper .tab-pane .info .row .col-md-3 label, .content-wrapper .tab-pane .info .row .col-md-9 label {
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        align-items: center;
        color: #757575;
        padding: 0px 0px;
        max-height: 500px;
        font-size: 14px; }
      .content-wrapper .tab-pane .info .row .col-md-3 .table-info, .content-wrapper .tab-pane .info .row .col-md-9 .table-info {
        background-color: white;
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px; }
  .content-wrapper .table_title {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 8px;
    color: #b35b00;
    font-weight: bold; }
  .content-wrapper .table {
    text-align: left; }
    .content-wrapper .table th {
      font-weight: normal;
      font-size: 14px;
      line-height: 20px;
      align-items: center;
      color: #757575;
      padding: 0px 0px;
      max-height: 500px;
      font-size: 14px; }
    .content-wrapper .table td {
      padding: 10px 0px;
      font-size: 14px; }
  .content-wrapper .table.table-horizontal th,
  .content-wrapper .table.table-horizontal td {
    padding-top: 10px; }
  .content-wrapper .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 250px !important;
    height: 286px !important; }
  .content-wrapper .bootstrap-datetimepicker-widget table td.day {
    height: 25px;
    line-height: 25px;
    width: 25px; }
  .content-wrapper .overview {
    padding: 30px;
    background-color: white;
    border-radius: 0px; }
    .content-wrapper .overview .select2.select2-container.select2-container--default {
      width: 300px !important; }
    .content-wrapper .overview .statistic .row .col-lg-4 .col-lg-12 {
      padding-bottom: 12px;
      border-bottom: 1px solid #bdbdbd;
      padding-top: 40px;
      padding-left: 30px;
      padding-right: 30px; }
      .content-wrapper .overview .statistic .row .col-lg-4 .col-lg-12 p {
        font-size: 16px;
        color: #757575; }
      .content-wrapper .overview .statistic .row .col-lg-4 .col-lg-12 .result {
        display: flex;
        align-items: center; }
        .content-wrapper .overview .statistic .row .col-lg-4 .col-lg-12 .result .sub {
          font-size: 20px;
          padding-left: 12px; }
    .content-wrapper .overview .card {
      box-shadow: none; }
      .content-wrapper .overview .card .card-body {
        padding: 0 !important; }
        .content-wrapper .overview .card .card-body .chart-title {
          padding: 24px;
          font-size: 16px;
          font-weight: bold; }

.footer {
  display: flex;
  margin-top: 16px;
  padding-bottom: 20px; }
  .footer p {
    color: #757575;
    margin-left: auto; }

.main-header.navbar .navbar-nav {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 80px; }
    .main-header.navbar .navbar-nav .nav-item .breadcrumb-title {
        padding-left: 13px;
        font-size: 16px;
        line-height: 26px;
        color: #323842FF;
        font-weight: normal;
        font-weight: 700;
    }
    .main-header.navbar .navbar-nav .nav-item .breadcrumb-title p {
      display: initial;
      padding-right: 8px; }
      .main-header.navbar .navbar-nav .nav-item .breadcrumb-title p .far.fa-arrow-alt-circle-left {
        padding-right: 8px; }

.main-header.navbar .nav-item:last-child {
  margin-left: auto; }
  .main-header.navbar .nav-item:last-child .user-info {
    align-items: center;
    display: flex; }
    .main-header.navbar .nav-item:last-child .user-info .header-info {
      margin-right: 12px;
      text-align: right;
      line-height: 20px; }
      .main-header.navbar .nav-item:last-child .user-info .header-info p {
        font-size: 14px;
        color: #757575; }
      .main-header.navbar .nav-item:last-child .user-info .header-info a {
        color: #1B435A; }
    .main-header.navbar .nav-item:last-child .user-info .user-notification {
      padding-right: 40px; }
  .main-header.navbar .nav-item:last-child .image {
    display: inherit; }
    .main-header.navbar .nav-item:last-child .image img {
      max-width: 48px; }

.input-validation-error {
  border: 1px solid #E53935 !important; }

.field-validation-error {
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
    color: #E53935;
    padding: 5px 10px;
}

.btn-form-group {
  padding: 24px 30px;
  padding-top: 15px;
  position: fixed;
  width: 100%;
  bottom: 0;
  background: white; }

.k-picker-wrap.k-state-default.k-invalid input.k-invalid {
  border: 1px solid #E53935; }
.k-numerictextbox .k-link {
    height: 10px;
}
.latework {
    padding: 0;
    background: white;
    border-radius: 0px;
}
  .latework .k-numeric-wrap.k-state-default input[type=text] {
    width: 100%; }
  .latework .k-formatted-value.form-control.k-input {
    height: 30px;
    border: .5px solid #BDBDBD; }
  .latework .form-control.k-input {
    height: 30px;
    border: .5px solid #BDBDBD; }
  .latework .top-form {
    padding-top: 30px; }
  .latework .container-fluid .col-md-12 {
    padding: 0; }
  .latework .btn-form-group {
    padding: 24px 30px;
    padding-top: 15px;
    position: fixed;
    width: 100%;
    bottom: 0;
    background: white; }
  .latework input[type=text].disabled {
    width: 100%;
    max-width: 100%; }
  .latework .error {
    width: 100%; }
  .latework label {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center; }
  .latework .select2 {
    max-width: 100%;
    min-width: 100%;}
  .latework .select2-container--default {
    font-size: 14px; }
  .latework .btn-blur {
    margin: 0;
    height: 34px; }
  .latework .enable-detail {
    align-items: center;
    padding-bottom: 10px; }
    .latework .enable-detail input[type="checkbox"] {
      min-width: 17px;
      min-height: 17px;
      margin-right: 11px; }
    .latework .enable-detail input[type="checkbox"]:focus {
      outline: 0; }
  .latework .form-group {
    display: inherit;
    padding: 0 30px; }
  .latework .form-group:first-child {
    padding-left: 30px; }
  .latework .table-detail {
    max-height: 200px;
    overflow-y: auto; }
    .latework .table-detail td .input-group.time, .latework .table-detail td input[type=text] {
      width: 70%; }
  .latework .table-detail::-webkit-scrollbar {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important; }
  .latework .table-detail::-webkit-scrollbar-thumb {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important; }
  .latework .table-detail::-webkit-scrollbar-track {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important; }

#orgchart svg g rect:hover {
  fill: #F0F4FF;
  cursor: pointer; }

#orgchart svg g[control-node-menu-id] {
  transform: matrix(1, 0, 0, 1, 225, 165); }
  #orgchart svg g[control-node-menu-id] circle {
    fill: #757575;
    transform: scale(1.2, 1.2); }

#orgchart .chart-menu {
  cursor: pointer; }
  #orgchart .chart-menu div {
    cursor: pointer; }
    #orgchart .chart-menu div svg {
      display: none; }
    #orgchart .chart-menu div span {
      font-size: 14px; }
  #orgchart .chart-menu div:first-child {
    border-top: 1px solid #d7d7d7; }

.hamburger-toggle {
  display: none; }

@media screen and (max-width: 991px) {
  .hamburger-toggle {
    display: block; }
  .header-info {
    display: none; } }

@media screen and (max-width: 767px) {
  .breadcrumb-title {
    padding-left: 20px !important;
    font-size: 18px !important;
    line-height: 40px;
    color: #757575;
    font-weight: normal; }
    .breadcrumb-title p {
      display: initial;
      padding-right: 8px; }
      .breadcrumb-title p .far.fa-arrow-alt-circle-left {
        padding-right: 8px; } }
.k-header p {
    margin-top: unset;
    margin-bottom: unset;
}
@media screen and (max-width: 600px) {
  .navbar-nav {
    padding-left: 0 !important; }
  .user-notification {
    display: none; } }

.sidebar-mini .wrapper .main-sidebar .sidebar .nav-item .nav-treeview .nav-link span {
    margin-left: 10px;
}
.main-header {
    border-bottom: unset !important;
}
.k-window-title {
    font-size: 16px;
    color: white;
}
.k-widget.k-window .k-window-title {
    padding-top: 10px; 
    padding-bottom: 10px;
}
.k-widget.k-window .k-window-titlebar {
    background: var(--main-color);
}
.k-widget.k-window .k-icon.k-i-close {
    border: unset;
    font-size: 16px;
}
.k-widget.k-window .k-window-actions a {
    color: white;
}
.k-window-iframecontent .k-content-frame {
    border-radius: 0px;
}
.k-widget.k-window {
    border-radius: 8px;
}
.k-overlay {
    background-color: #DEE1E68C !important;
    opacity: 1 !important;
}
.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: 1px solid var(--main-color);
}